.carousel-canvas{width:100vw;height:100svh;position:fixed;inset:0}.carousel-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;height:100%;display:flex;overflow:auto hidden}.carousel-strip::-webkit-scrollbar{display:none}.carousel-panel{scroll-snap-align:start;flex-direction:column;flex:none;width:100vw;height:100svh;display:flex;position:relative;overflow:hidden}.carousel-panel:before{content:"";mix-blend-mode:multiply;pointer-events:none;z-index:50;background-image:radial-gradient(circle,#00000008 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}@media (min-width:720px){.carousel-canvas{width:max-content;height:auto;margin:0 auto;padding:24px 32px;position:static}.carousel-canvas .carousel-strip{scroll-snap-type:none;gap:24px;width:auto;height:auto;padding-bottom:8px;overflow:auto visible}.carousel-canvas .carousel-panel{border:1px solid #0000000f;border-radius:32px;width:375px;height:667px;box-shadow:0 20px 40px -12px #00000026}}.carousel-canvas--full{background:#e7e5e4;justify-content:center;width:100vw;height:100svh;display:flex;position:fixed;inset:0}.carousel-canvas--full .carousel-strip{scroll-snap-type:x mandatory;gap:0;width:100%;max-width:480px;height:100%;padding-bottom:0;overflow:auto hidden;box-shadow:0 0 60px -10px #0000002e}.carousel-canvas--full .carousel-panel{width:100%;min-width:100%;height:100%;box-shadow:none;border:none;border-radius:0}.carousel-body{flex-direction:column;flex:1;min-height:0;padding:0 24px;display:flex;overflow:hidden}.carousel-hint{flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 24px 16px;font-size:11px;display:flex}@media (min-width:720px){.carousel-hint{padding-bottom:20px}}.carousel-panel[data-dark] .brand-mark{background:var(--cream,#fafaf9);color:var(--ink,#1c1917)}.hp-shell{background:#e7e5e4;justify-content:center;width:100vw;height:100svh;display:flex;position:fixed;inset:0}.hp-shell .carousel-strip{scroll-snap-type:x mandatory;gap:0;width:100%;max-width:480px;height:100%;padding-bottom:0;overflow:auto hidden;box-shadow:0 0 60px -10px #0000002e}.hp-shell .carousel-panel{width:100%;min-width:100%;height:100%;box-shadow:none;border:none;border-radius:0}.hp-nav{z-index:10;pointer-events:auto;width:100%;max-width:480px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hp-hint{z-index:10;pointer-events:none;width:100%;max-width:480px;padding:0 24px 16px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes floatY{0%{transform:translateY(0px) rotate(var(--rot,0deg))}50%{transform:translateY(-5px) rotate(calc(var(--rot,0deg) + 1.2deg))}to{transform:translateY(0px) rotate(var(--rot,0deg))}}.carousel-tape{z-index:2;background:#ffffff94;width:64px;height:20px;position:absolute;box-shadow:0 1px 3px #0000000f}