.hero-scene__inner{display:flex;flex-direction:column;gap:var(--space-xs)}.hero-scene__frame{position:relative;overflow:hidden;margin-inline:calc(var(--page-margin) * -1);aspect-ratio:var(--hero-ratio-mobile, 4 / 5);background-color:var(--color-well)}.hero-scene__image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.hero-scene__dots{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.hero-scene__spot{position:absolute;top:var(--y-mobile);left:var(--x-mobile)}.hero-scene__spot--no-mobile{display:none}.hero-scene__dot{position:absolute;top:0;left:0;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;translate:-50% -50%;border-radius:50%;color:var(--color-ink);text-decoration:none;-webkit-tap-highlight-color:transparent}.hero-scene__dot:is(:hover,:focus-visible){z-index:2}.hero-scene__dot-mark{position:relative;inline-size:1.625rem;block-size:1.625rem;border-radius:50%;background-color:var(--color-white);box-shadow:0 0 0 .3125rem rgb(var(--color-white-rgb) / .4),0 .375rem 1rem rgb(var(--color-shadow-rgb) / .24);transition:transform var(--dur-1) var(--ease-out)}.hero-scene__dot-mark:after{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border-radius:50%;background-color:var(--color-red)}.hero-scene__dot-label{position:absolute;top:50%;left:calc(100% - .25rem);translate:0 -50%;padding:.5rem .75rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;color:var(--color-ink);background-color:var(--color-white);box-shadow:0 .375rem 1rem rgb(var(--color-shadow-rgb) / .18)}.hero-scene__dot--empty .hero-scene__dot-label{color:var(--color-muted)}@media(prefers-reduced-motion:no-preference){.hero-scene__dot-mark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:var(--color-white);opacity:0;animation:hero-scene-halo 1.6s var(--ease-out) infinite;animation-delay:calc(var(--dot-index, 0) * .2s)}}@keyframes hero-scene-halo{0%{opacity:.85;transform:scale(1)}55%,to{opacity:0;transform:scale(2.5)}}.hero-scene__promises{display:grid;grid-template-columns:repeat(var(--promise-count, 3),minmax(0,1fr));margin:0;padding:var(--space-2xs);border:1px solid var(--color-line);border-radius:var(--radius-card);list-style:none;color:var(--color-ink);background-color:var(--color-white)}.hero-scene__promise-item{position:relative;display:flex;min-inline-size:0}.hero-scene__promise-item+.hero-scene__promise-item:before{content:"";position:absolute;z-index:1;inset-block:22%;inset-inline-start:0;inline-size:1px;background-color:var(--color-line)}.hero-scene__promise{--promise-bg: var(--color-sky-100);--promise-ink: var(--color-sky-800);position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.3125rem;min-block-size:2.75rem;padding:.375rem .25rem;border-radius:calc(var(--radius-card) - .25rem);color:inherit;text-align:center;text-decoration:none}.hero-scene__promise[data-tint=blush]{--promise-bg: var(--color-blush-100);--promise-ink: var(--color-blush-800)}.hero-scene__promise[data-tint=sand]{--promise-bg: var(--color-sand-100);--promise-ink: var(--color-sand-800)}.hero-scene__promise[data-tint=mint]{--promise-bg: var(--color-mint-100);--promise-ink: var(--color-mint-800)}.hero-scene__promise[data-tint=neutral]{--promise-bg: var(--color-well);--promise-ink: var(--color-ink)}.hero-scene__promise-icon{display:inline-grid;flex:none;place-items:center;inline-size:1.875rem;block-size:1.875rem;border-radius:50%;color:var(--promise-ink);background-color:var(--promise-bg)}.hero-scene__promise-text{font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.25;white-space:nowrap}.hero-scene__promise-short{display:flex;flex-direction:column;align-items:center;gap:.0625rem;min-inline-size:0}.hero-scene__promise-detail{font-size:var(--text-2xs);line-height:1.2;white-space:nowrap;color:var(--color-muted)}.hero-scene__promise-text--long{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero-scene__promise-empty,.hero-scene__onboarding{inline-size:100%;margin:0;padding:var(--space-xs);border:1px dashed var(--color-input-border);border-radius:var(--radius-card);font-size:var(--text-sm);color:var(--color-text)}@media(hover:hover){a.hero-scene__promise{transition:background-color var(--dur-1) var(--ease-out)}a.hero-scene__promise:hover{background-color:color-mix(in srgb,var(--promise-bg) 55%,transparent)}}@media screen and (max-width:749px){[data-side-mobile=left]>.hero-scene__dot .hero-scene__dot-label{right:calc(100% - .25rem);left:auto}.hero-scene__dots:not(.hero-scene__dots--labels-mobile) .hero-scene__dot-label{opacity:0;pointer-events:none}}@media screen and (min-width:750px){.hero-scene__inner{gap:var(--space-sm)}.hero-scene__frame{margin-inline:0;border-radius:var(--radius-media);aspect-ratio:var(--hero-ratio, 2 / 1)}.hero-scene__spot{top:var(--y);left:var(--x)}.hero-scene__spot--no-mobile{display:block}[data-side=left]>.hero-scene__dot .hero-scene__dot-label{right:calc(100% - .25rem);left:auto}.hero-scene__dots:not(.hero-scene__dots--labels-desktop) .hero-scene__dot-label{opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease-out)}.hero-scene__dots:not(.hero-scene__dots--labels-desktop) .hero-scene__dot:is(:hover,:focus-visible) .hero-scene__dot-label{opacity:1}.hero-scene__dot:is(:hover,:focus-visible) .hero-scene__dot-mark{transform:scale(1.12)}.hero-scene__promises{padding:var(--space-2xs) var(--space-xs)}.hero-scene__promise{flex-direction:row;gap:var(--space-2xs);padding-inline:var(--space-xs)}.hero-scene__promise-short{align-items:flex-start}}@media screen and (min-width:990px){.hero-scene__promise-icon{inline-size:2.25rem;block-size:2.25rem}.hero-scene__promise-text{font-size:var(--text-sm)}.hero-scene__promise-text--long{position:static;inline-size:auto;block-size:auto;margin:0;overflow:visible;clip-path:none}.hero-scene__promise-short{display:none}}@media screen and (min-width:1200px){.hero-scene__promise-text{font-size:var(--text-base)}}.hero-scene__intro{display:grid;gap:var(--space-xs);padding-block:var(--space-2xs) var(--space-3xs)}.hero-scene__headline{margin:0;font-family:var(--font-heading);font-size:clamp(2.25rem,1.35rem + 4vw,3.75rem);font-weight:var(--weight-display);line-height:.95;letter-spacing:-.025em;text-transform:uppercase;color:var(--color-ink)}.hero-scene__headline-line{display:block}.hero-scene__headline-line--accent{color:var(--color-red)}.hero-scene__intro-side{display:grid;gap:var(--space-xs);align-content:end}.hero-scene__intro-text{max-inline-size:34rem;margin:0;font-size:var(--text-base);line-height:1.55;color:var(--color-muted);text-wrap:pretty}.hero-scene__intro-actions{display:flex;flex-wrap:wrap;gap:.5rem}.hero-scene__intro-button{flex:1 1 auto;gap:.5rem}.hero-scene__label-short{display:none}@media screen and (max-width:399px){.hero-scene__label-long{display:none}.hero-scene__label-short{display:inline}}@media screen and (min-width:990px){.hero-scene__intro{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;column-gap:var(--space-lg)}.hero-scene__headline-line:not(:last-child){display:inline}.hero-scene__intro-button{flex:0 0 auto}}.hero-scene__stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"headline" "frame" "rail" "picks" "side";min-inline-size:0}.hero-scene__aside,.hero-scene__intro--stage{display:contents}.hero-scene__intro--stage .hero-scene__headline{grid-area:headline;margin-block-end:var(--space-sm);font-size:min(clamp(1.875rem,1.2rem + 3.6vw,2.5rem),calc((100vw - 2 * var(--page-margin)) / 10))}@media screen and (max-width:749px){.hero-scene__intro--stage .hero-scene__headline-line:not(:last-child){display:inline}}.hero-scene__intro--stage .hero-scene__intro-side{grid-area:side;margin-block-start:var(--space-md)}.hero-scene__stage>.hero-scene__frame{grid-area:frame}.hero-scene__rail{grid-area:rail;position:relative;z-index:1;display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:var(--space-2xs);margin:-4rem calc(var(--page-margin) * -1) 0;padding:.75rem var(--page-margin);scroll-padding-inline:var(--page-margin);scroll-margin-block:calc(var(--header-offset, 0px) + var(--space-xs)) calc(var(--tabbar-h, 0px) + env(safe-area-inset-bottom,0px) + var(--space-xs));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.hero-scene__rail::-webkit-scrollbar,.hero-scene__picks::-webkit-scrollbar{display:none}.hero-scene__rail>.scene-panel{scroll-snap-align:start}.hero-scene__picks{grid-area:picks;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(11rem,47%);gap:var(--space-2xs);margin-inline:calc(var(--page-margin) * -1);padding:.125rem var(--page-margin);scroll-padding-inline:var(--page-margin);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.hero-scene__pick{display:flex;align-items:center;gap:.625rem;min-inline-size:0;min-block-size:3.75rem;padding:.375rem .75rem .375rem .375rem;border:1px solid var(--color-line);border-radius:var(--radius-media);font:inherit;text-align:start;color:var(--color-ink);background-color:var(--color-white);cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;transition:border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.hero-scene__pick-media{flex:none;inline-size:2.75rem;block-size:2.75rem;overflow:hidden;border-radius:var(--radius-sm);background-color:var(--color-well)}.hero-scene__pick-media img{display:block;inline-size:100%;block-size:100%;padding:.25rem;object-fit:contain;mix-blend-mode:multiply}.hero-scene__pick-text{display:grid;gap:.125rem;min-inline-size:0}.hero-scene__pick-name{display:-webkit-box;overflow:hidden;font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.hero-scene__pick-price{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-display);line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.hero-scene__pick[aria-pressed=true]{border-color:var(--color-red);box-shadow:inset 0 0 0 1px var(--color-red)}.hero-scene__pick:focus-visible{outline:2px solid var(--color-focus, var(--color-ink));outline-offset:2px}@media(hover:hover){.hero-scene__pick[aria-pressed=false]:is(:hover,[data-hint]){border-color:var(--color-ink)}}.hero-scene__dot--shop{padding:0;border:0;background:none;font:inherit;cursor:pointer}.hero-scene__dots--glass{container-type:inline-size}.hero-scene__dots--glass .hero-scene__dot-mark{inline-size:1.875rem;block-size:1.875rem;background-color:rgb(var(--color-white-rgb) / .3);-webkit-backdrop-filter:blur(6px) saturate(1.4);backdrop-filter:blur(6px) saturate(1.4);box-shadow:inset 0 0 0 1px rgb(var(--color-white-rgb) / .75),0 .25rem .875rem rgb(var(--color-shadow-rgb) / .28);transition:transform var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hero-scene__dots--glass .hero-scene__dot-mark{background-color:rgb(var(--color-white-rgb) / .55)}}.hero-scene__dots--glass .hero-scene__dot-mark:after{top:.5625rem;right:.5625rem;bottom:.5625rem;left:.5625rem;background-color:var(--color-white);box-shadow:0 1px 2px rgb(var(--color-shadow-rgb) / .25);transition:inset var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}.hero-scene__dots--glass .hero-scene__dot-mark:before{content:none;animation:none}.hero-scene__spot[data-active]{z-index:1}.hero-scene__spot[data-active] .hero-scene__dot-mark{background-color:rgb(var(--color-white-rgb) / .5)}.hero-scene__spot[data-active] .hero-scene__dot-mark:after{top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;background-color:var(--color-red);box-shadow:0 0 0 2px var(--color-white)}.hero-scene__dots--glass .hero-scene__spot[data-active] .hero-scene__dot-mark:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid rgb(var(--color-white-rgb) / .85);border-radius:50%;opacity:.45;transform:scale(1.3)}@media(prefers-reduced-motion:no-preference){.hero-scene__dots--glass .hero-scene__spot[data-active] .hero-scene__dot-mark:before{animation:hero-scene-breathe 1.3s var(--ease-out) infinite}}@keyframes hero-scene-breathe{0%{opacity:.85;transform:scale(1)}70%,to{opacity:0;transform:scale(1.75)}}.hero-scene__spot[data-hint] .hero-scene__dot-mark{transform:scale(1.15);background-color:rgb(var(--color-white-rgb) / .55)}.hero-scene__peek{position:absolute;top:50%;left:calc(100% - .125rem);translate:.25rem -50%;display:flex;align-items:baseline;gap:.5rem;inline-size:max-content;max-inline-size:max(9rem,calc(100cqi * (100 - var(--x-num, 50)) / 100 - 2.25rem));padding:.5rem .875rem;border-radius:var(--radius-pill);background-color:var(--color-white);box-shadow:0 .5rem 1.5rem rgb(var(--color-shadow-rgb) / .22);opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease-out),translate var(--dur-1) var(--ease-out)}[data-side=left]>.hero-scene__dot .hero-scene__peek{right:calc(100% - .125rem);left:auto;translate:-.25rem -50%;max-inline-size:max(9rem,calc(100cqi * var(--x-num, 50) / 100 - 2.25rem))}@media screen and (max-width:749px){.hero-scene__dots--shop .hero-scene__peek{inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.hero-scene__peek-title{min-inline-size:0;overflow:hidden;font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.3;white-space:nowrap;text-overflow:ellipsis;color:var(--color-ink)}.hero-scene__peek-price{flex:none;font-size:var(--text-xs);font-weight:var(--weight-display);line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-red-700)}@media(hover:hover)and (min-width:750px){.hero-scene__dots--glass .hero-scene__dot:is(:hover,:focus-visible) .hero-scene__peek,.hero-scene__spot[data-hint] .hero-scene__peek{opacity:1;translate:0 -50%}.hero-scene__dots--glass .hero-scene__dot:is(:hover,:focus-visible) .hero-scene__dot-mark{background-color:rgb(var(--color-white-rgb) / .55)}}.hero-scene__peek--link,.hero-scene__caption{display:grid;grid-template-columns:minmax(0,auto) auto;grid-template-areas:"category count" "product product";justify-content:start;align-items:center;gap:.25rem .625rem}.hero-scene__peek--link:not(:has(.hero-scene__peek-category)){grid-template-areas:"product"}.hero-scene__peek--link{padding:.5625rem .625rem .625rem .875rem;border-radius:var(--radius-lg)}.hero-scene__peek-category{grid-area:category;min-inline-size:0;overflow:hidden;font-family:var(--font-heading);font-size:1rem;font-weight:var(--weight-display);line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--color-ink)}.hero-scene__peek-count{grid-area:count;display:inline-flex;align-items:center;justify-self:end;gap:.25rem;padding:.1875rem .4375rem .1875rem .625rem;border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-white);background-color:var(--color-red-700)}.hero-scene__peek-count .icon{flex:none}.hero-scene__peek-product{grid-area:product;display:flex;align-items:baseline;gap:.4375rem;min-inline-size:0}.hero-scene__peek-product .hero-scene__peek-title{font-weight:var(--weight-medium, 500);color:var(--color-text-muted)}.hero-scene__tour{position:absolute;z-index:2;inset-inline:.625rem;inset-block-start:.625rem;display:grid;gap:.375rem;padding:.375rem .5rem .5rem .875rem;border-radius:var(--radius-lg);background-color:var(--color-white);box-shadow:0 .5rem 1.5rem rgb(var(--color-shadow-rgb) / .22)}@media screen and (max-width:749.98px){.hero-scene__frame:has(>.hero-scene__tour){--tour-strip: 6.125rem;box-sizing:content-box;padding-block-end:var(--tour-strip);background-color:transparent}.hero-scene__frame:has(>.hero-scene__tour) .hero-scene__image,.hero-scene__frame:has(>.hero-scene__tour)>.hero-scene__dots{inset-block-end:var(--tour-strip);block-size:auto}.hero-scene__tour{inset-block-start:auto;inset-block-end:.375rem;box-shadow:0 .25rem 1rem rgb(var(--color-shadow-rgb) / .14);border:1px solid var(--color-border)}}.hero-scene__caption{grid-template-columns:minmax(0,1fr) auto;gap:.25rem .5rem;padding-inline-end:.125rem;color:var(--color-ink);text-decoration:none;-webkit-tap-highlight-color:transparent}.hero-scene__caption:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.hero-scene__caption .hero-scene__peek-category{font-size:1.125rem}.hero-scene__tour-bar{display:flex;align-items:center;gap:.625rem;min-block-size:1.5rem}bk-scene-shop:not(:defined) .hero-scene__tour-bar{display:none}.hero-scene__steps{display:grid;flex:1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.25rem}.hero-scene__step{position:relative;block-size:.1875rem;overflow:hidden;border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-ink) 14%,transparent)}.hero-scene__step:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--color-red);transform:scaleX(0);transform-origin:left center}:dir(rtl) .hero-scene__step:after{transform-origin:right center}[dir=rtl] .hero-scene__step:after{transform-origin:right center}.hero-scene__step:is([data-state=done],[data-state=active]):after{transform:none}@media(prefers-reduced-motion:no-preference){.hero-scene__step[data-state=active]:after{animation:hero-scene-step var(--scene-interval, 4s) linear forwards;animation-play-state:paused}bk-scene-shop[data-tour-running] .hero-scene__step[data-state=active]:after{animation-play-state:running}}@keyframes hero-scene-step{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-scene__tour-toggle:before{position:absolute;top:-.625rem;right:-.625rem;bottom:-.625rem;left:-.625rem;content:""}.hero-scene__tour-toggle{position:relative;z-index:1;display:grid;flex:none;place-items:center;inline-size:1.5rem;block-size:1.5rem;padding:0;border:0;border-radius:50%;color:var(--color-ink);background-color:color-mix(in srgb,var(--color-ink) 8%,transparent);cursor:pointer;-webkit-tap-highlight-color:transparent}.hero-scene__tour-toggle:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.hero-scene__tour-toggle[hidden]{display:none}.hero-scene__tour-toggle[aria-pressed=true] .hero-scene__tour-icon--pause,.hero-scene__tour-toggle:not([aria-pressed=true]) .hero-scene__tour-icon--play{display:none}.hero-scene__tour-icon{stroke-width:2.25}.hero-scene__tour-icon--play{translate:1px 0}@media(hover:hover){.hero-scene__tour-toggle:hover{color:var(--color-white);background-color:var(--color-ink)}}@media screen and (max-width:749px){.hero-scene__dots--links .hero-scene__peek{inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media screen and (min-width:750px){.hero-scene__tour{inset-inline-end:auto;inset-block-start:1rem;inset-inline-start:1rem;inline-size:min(16rem,40%);padding:.25rem .25rem .25rem .875rem;border-radius:var(--radius-pill);background-color:rgb(var(--color-white-rgb) / .72);-webkit-backdrop-filter:blur(8px) saturate(1.4);backdrop-filter:blur(8px) saturate(1.4)}.hero-scene__tour:not(:has(.hero-scene__tour-bar)),bk-scene-shop:not(:defined) .hero-scene__tour{display:none}.hero-scene__caption{display:none}.hero-scene__dots--links .hero-scene__spot[data-active] .hero-scene__peek{opacity:1;translate:0 -50%}}.hero-scene__dots--links .hero-scene__spot[data-active] .hero-scene__dot-mark{transform:scale(1.08)}@media screen and (min-width:750px){.hero-scene__stage{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"intro intro" "frame frame" "rail picks";gap:var(--space-sm) var(--space-md)}.hero-scene__intro--stage{display:grid;grid-area:intro}.hero-scene__intro--stage .hero-scene__headline{grid-area:auto;margin:0;font-size:clamp(2.25rem,1.35rem + 4vw,3.75rem)}.hero-scene__intro--stage .hero-scene__intro-side{grid-area:auto;margin:0}.hero-scene__dots--glass .hero-scene__dot-mark{inline-size:2.25rem;block-size:2.25rem}.hero-scene__dots--glass .hero-scene__dot-mark:after{top:.75rem;right:.75rem;bottom:.75rem;left:.75rem}.hero-scene__spot[data-active] .hero-scene__dot-mark:after{top:.6875rem;right:.6875rem;bottom:.6875rem;left:.6875rem}.hero-scene__rail{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-auto-columns:auto;align-self:start;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.hero-scene__rail>.scene-panel{grid-area:1 / 1;align-content:space-between}.hero-scene__rail>.scene-panel:not([data-active]){display:none}@media(prefers-reduced-motion:no-preference){.hero-scene__rail>.scene-panel[data-active]{transition:opacity var(--dur-2) var(--ease-out),translate var(--dur-2) var(--ease-out)}@starting-style{.hero-scene__rail>.scene-panel[data-active]{opacity:0;translate:0 .375rem}}}.hero-scene__picks{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;align-content:start;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.hero-scene__pick-name{font-size:var(--text-xs)}}@media screen and (min-width:990px){.hero-scene__picks{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:1280px){.hero-scene__stage{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:none;gap:var(--space-sm) var(--space-md)}.hero-scene__aside{container:scene-aside / inline-size;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-sm);grid-column:1 / span 4;grid-row:1;min-inline-size:0}.hero-scene__intro--stage{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:0}.hero-scene__intro--stage .hero-scene__headline{font-size:clamp(2.25rem,10.5cqi,3.25rem)}.hero-scene__intro--stage .hero-scene__headline-line{display:block}.hero-scene__intro--stage .hero-scene__intro-side{align-content:start;gap:var(--space-sm)}.hero-scene__stage>.hero-scene__frame{grid-area:auto;grid-column:5 / span 8;grid-row:1;align-self:start}.hero-scene__rail{grid-area:auto}.hero-scene__picks{grid-area:auto;grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(6,minmax(0,1fr))}}@media screen and (min-width:750px){.hero-scene__stage--links{grid-template-areas:"intro intro" "frame frame"}}@media screen and (min-width:1280px){.hero-scene__stage--links{grid-template-areas:none}.hero-scene__stage--links .hero-scene__aside{justify-content:center}.hero-scene__stage--no-intro .hero-scene__aside{display:contents}.hero-scene__stage--no-intro>.hero-scene__frame{grid-column:1 / -1}}@container scene-aside (max-width: 30rem){.hero-scene__label-long{display:none}.hero-scene__label-short{display:inline}}@media(prefers-reduced-motion:reduce){.hero-scene__rail>.scene-panel,.hero-scene__dots--glass .hero-scene__dot-mark,.hero-scene__dots--glass .hero-scene__dot-mark:after,.hero-scene__peek,.hero-scene__pick{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hero-scene.css.map */