.hero{--hero-h:100svh;isolation:isolate;min-height:var(--hero-h);margin-top:calc(-1 * var(--header-h));background:var(--c-black);display:flex;position:relative;overflow:clip}.hero__media{z-index:-1;position:absolute;inset:0;overflow:clip}.hero__frame{position:absolute}.hero__frame picture,.hero__poster,.hero__video{width:100%;height:100%;position:absolute;inset:0}.hero__poster,.hero__video{object-fit:cover}.hero__video{opacity:0;transition:opacity 1.2s var(--ease-out)}.hero.is-playing .hero__video{opacity:1}.hero__content{flex-direction:column;width:100%;display:flex;position:relative}.hero__title{margin:0;font-weight:400}.hero__logo{aspect-ratio:1163/574;filter:drop-shadow(0 10px 30px #0009);width:min(64vw,340px);height:auto;display:block}.hero__tag{align-items:center;gap:var(--s-3);margin-top:var(--s-4);font-family:var(--f-display);letter-spacing:.03em;text-transform:uppercase;color:var(--c-white);text-shadow:0 2px 18px #000000b3;font-size:clamp(1.625rem,3.2vw,3rem);line-height:1;display:flex}.hero__tag:before{content:"";background:var(--c-accent);transform-origin:0;border-radius:3px;flex:none;width:36px;height:3px}.hero__ctas{gap:var(--s-3);display:grid}.btn--glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0a73;border-color:#f4f4f261}@media (aspect-ratio<=1){.hero__frame{aspect-ratio:9/16;height:90%;bottom:0;left:50%;translate:-50%}.hero__scrim{background:linear-gradient(#0a0a0aeb 0,#0a0a0a8c 22%,#0a0a0a00 34%),linear-gradient(0deg,#0a0a0af5 0,#0a0a0ab3 14%,#0a0a0a00 30%);position:absolute;inset:0}.hero__content{min-height:var(--hero-h);padding-top:calc(var(--header-h) + var(--s-4));padding-bottom:max(var(--s-5), env(safe-area-inset-bottom));justify-content:space-between}.hero__title{text-align:center;justify-items:center;display:grid}.hero__tag{margin-top:var(--s-3);justify-content:center}.hero__tag:before{display:none}}@media (aspect-ratio<=1) and (width>=600px){.hero__frame{-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.hero__logo{width:min(48vw,400px)}.hero__ctas{justify-content:center;display:flex}}@media (aspect-ratio>=1){.hero__frame{--fw:calc(var(--hero-h) * 16 / 9);--fx:clamp(0px, calc(100% - 2vw - .78 * var(--fw)), 28vw);top:0;bottom:0;left:var(--fx);width:var(--fw);min-width:calc(100% - var(--fx));-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16%);mask-image:linear-gradient(90deg,#0000 0,#000 16%)}.hero__scrim{background:linear-gradient(90deg,#0a0a0ae6 0,#0a0a0a8c 24%,#0a0a0a00 46%),linear-gradient(#0a0a0ab3 0,#0a0a0a00 16%),linear-gradient(0deg,#0a0a0a 0,#0a0a0a00 22%);position:absolute;inset:0}.hero__content{min-height:var(--hero-h);padding-top:calc(var(--header-h) + var(--s-6));padding-bottom:var(--s-8);justify-content:center;gap:var(--s-7)}.hero__logo{width:clamp(260px,29vw,520px)}.hero__tag{font-size:clamp(1.75rem,2.6vw,2.75rem)}.hero__ctas{flex-wrap:wrap;display:flex}}@media (aspect-ratio>=1) and (height<=520px){.hero__content{gap:var(--s-5);padding-bottom:var(--s-5)}.hero__logo{width:clamp(200px,26vw,300px)}}@media (prefers-reduced-motion:no-preference){.hero__frame{animation:hero-media-in 2.2s var(--ease-out) both}.hero__logo{animation:hero-logo-in 1.2s var(--ease-out) .15s both}.hero__tag{animation:fade-up .9s var(--ease-out) .5s both}.hero__tag:before{animation:line-draw .9s var(--ease-out) .75s both}.hero__ctas{animation:fade-up .8s var(--ease-out) .7s both}}@keyframes hero-media-in{0%{opacity:0;scale:1.06}}@keyframes hero-logo-in{0%{opacity:0;filter:blur(12px)drop-shadow(0 10px 30px #0009);scale:.94}}@keyframes line-draw{0%{transform:scaleX(0)}}@keyframes rise-in{0%{transform:translateY(110%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}}.marquee{border-block:1px solid var(--c-line);align-items:center;height:56px;display:flex;overflow:clip}.marquee__track{will-change:transform;width:max-content;display:flex}.marquee__group{flex:none;padding:0;list-style:none;display:flex}.marquee__group li{align-items:center;gap:var(--s-5);padding-right:var(--s-5);font-family:var(--f-display);font-size:var(--t-h3);letter-spacing:var(--track-display);text-transform:uppercase;white-space:nowrap;line-height:1;display:flex}.marquee__sep{color:var(--c-accent);flex:none}@media (width>=768px){.marquee{height:72px}}@media (prefers-reduced-motion:reduce){.marquee{height:auto;padding-block:var(--s-4)}.marquee__track{justify-content:center;width:100%}.marquee__group{justify-content:center;row-gap:var(--s-2);flex-wrap:wrap}.marquee__group[data-copy="1"]{display:none}}.products{--variant:var(--v-blau);padding-block:var(--section-y);background:var(--c-black);transition:--variant var(--d-4) var(--ease-inout);position:relative;overflow:clip}.products[data-variant=grau]{--variant:var(--v-grau)}.products[data-variant=pink]{--variant:var(--v-pink)}@media (prefers-reduced-motion:reduce){.products{transition:none!important}}.products__grid{gap:var(--s-5);flex-direction:column;display:flex;position:relative}.products__h{z-index:2;position:relative}.products__stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;position:relative}.products__glow{z-index:0;pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--variant) 22%, transparent), transparent);filter:blur(40px);opacity:.55;border-radius:50%;position:absolute;inset:8% 4% 18%}.products__frame{z-index:1;aspect-ratio:4/5;background:linear-gradient(160deg,#f4f4f214,#f4f4f205 40%,#f4f4f20d);border-radius:10px;padding:6px;position:relative;box-shadow:inset 0 0 0 1px #f4f4f214,0 40px 80px -30px #000c}.products__reveal{background:#050505;border-radius:5px;position:absolute;inset:6px;overflow:clip;box-shadow:inset 0 1px #f4f4f20f}.products__tilt{transform-style:preserve-3d;position:absolute;inset:0}.products__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.products__img:not(.is-active){opacity:0}.products__info{z-index:2;gap:var(--s-5);flex-direction:column;display:flex;position:relative}.products__title{font-family:var(--f-display);font-size:var(--t-h2);letter-spacing:var(--track-display);line-height:.95}.swatches{gap:var(--s-3);display:grid}.swatches__legend{font-size:var(--t-small);color:var(--c-muted);font-weight:500}.swatches__legend span{color:var(--c-white)}.swatches__list{gap:14px;padding:3px;display:flex}.swatch{border-radius:var(--r-round);-webkit-tap-highlight-color:transparent;place-items:center;width:48px;height:48px;display:grid;position:relative}.swatch:before{content:"";border-radius:var(--r-round);background:var(--sw);width:44px;height:44px;transition:transform var(--d-2) var(--ease-out)}.swatch:after{content:"";border-radius:var(--r-round);transition:border-color var(--d-2) ease;border:2px solid #0000;position:absolute;inset:-3px}.swatch[aria-checked=true]:after{border-color:var(--c-white)}.swatch--pink{--sw:var(--v-pink)}.swatch--grau{--sw:var(--v-grau)}.swatch--blau{--sw:var(--v-blau)}.swatch:focus-visible{outline-offset:6px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.swatch:hover:before{transform:scale(1.08)}}.price{align-items:baseline;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.price__now{font-size:var(--t-price);font-weight:600;line-height:1}.price__was{color:var(--c-strike);font-size:1.125rem}.badge{border:1px solid var(--c-accent);border-radius:var(--r-1);color:var(--c-accent);font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;align-self:center;padding:3px 8px;font-weight:600;line-height:1.4}.products__buttons{gap:var(--s-3);display:grid}.add-label{align-items:center;gap:var(--s-2);display:inline-flex}.products__buy-msg{font-size:var(--t-small);padding:var(--s-3) var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-ink-1)}.products__desc{font-size:var(--t-body);color:var(--c-muted);max-width:60ch}.products__facts,.products__ship{font-size:var(--t-small);color:var(--c-muted)}@media (width>=768px){.products__grid{column-gap:var(--s-7);row-gap:var(--s-5);grid-template:"stage h""stage info"1fr/1fr 1fr;align-items:start;display:grid}.products__h{grid-area:h;align-self:end}.products__stage{grid-area:stage;place-self:center;width:min(100%,80svh - 192px,560px)}.products__info{grid-area:info}.products__title{order:1}.products__desc{order:2}.products__facts{margin-top:calc(-1 * var(--s-3));order:3}.swatches{order:4}.price{order:5}.products__buttons{flex-wrap:wrap;order:6;display:flex}.products__buy-msg{order:7}.products__ship{order:8}}@media (width<=767px){.products{padding-top:var(--s-8)}.products__stage{width:min(100%,460px);margin-inline:auto}.products__info{gap:var(--s-4)}.price__was{font-size:1rem}}@media (width>=1024px){.products{padding-block:clamp(5rem,8vw,8rem)}.products__grid{column-gap:var(--s-8);grid-template-columns:7fr 5fr}.products__stage{max-height:720px}}.why{padding-block:var(--section-y)}.why__grid{gap:var(--s-8);display:grid}.why__list{gap:var(--s-9);padding-left:44px;display:grid;position:relative}.why__rope{pointer-events:none;width:40px;height:100%;position:absolute;top:0;left:0;overflow:visible}.why__rope path{fill:none;stroke:var(--c-accent);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1}.why__title{font-family:var(--f-display);font-weight:400;font-size:var(--t-h2);letter-spacing:var(--track-display);margin-bottom:var(--s-4);line-height:.95}.why__text{font-size:var(--t-lead);color:var(--c-muted);max-width:42ch;line-height:1.45}@media (width>=768px){.why__grid{gap:var(--s-7);grid-template-columns:4fr 8fr}.why__head{top:calc(var(--header-h) + var(--s-8));align-self:start;position:sticky}.why__list{gap:var(--s-10);padding-left:64px}}@media (width>=1024px){.why__grid{grid-template-columns:5fr 7fr}}.details{padding-block:var(--section-y)}.details__h{margin-bottom:var(--s-8)}.bento{background:var(--c-line);border:1px solid var(--c-line);grid-template-columns:1fr;gap:1px;padding:0;list-style:none;display:grid}.tile{gap:var(--s-2);min-height:200px;padding:var(--s-6);background:var(--c-ink-1);flex-direction:column;display:flex;position:relative;overflow:clip}.tile__value{font-size:var(--t-h2);line-height:.95}.tile__value--giant{font-size:var(--t-giant);line-height:.82}.tile__label{color:var(--c-white)}.tile__note{color:var(--c-muted);font-size:var(--t-small)}.tile--d{background:color-mix(in oklab, var(--c-accent) 10%, var(--c-ink-1))}.tile--img{padding:0}.tile__text{gap:var(--s-2);padding:var(--s-5) var(--s-6) var(--s-6);flex-direction:column;display:flex}.tile__media{aspect-ratio:4/3;background:var(--c-ink-2);position:relative;overflow:clip}.tile__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile__media--griff img{object-position:30% 72%;transform-origin:30% 72%;transform:scale(2.1)}.tile__media--beutel img{object-position:42% 46%;transform-origin:42% 46%;transform:scale(1.45)}.tape{padding-top:var(--s-7);align-items:center;margin-top:auto;display:flex}.tape__line{background:var(--c-accent);transform-origin:0;border-radius:3px;flex:1;height:3px}.tape__cap{background:var(--c-accent);border-radius:3px;flex:none;width:3px;height:22px}@media (width>=768px){.bento{grid-template-columns:1fr 1fr}.tile--a{grid-column:1/-1;min-height:360px}}@media (width>=1024px){.bento{grid-template-rows:auto auto;grid-template-columns:repeat(4,1fr)}.tile--a{grid-area:1/1/span 2/span 2;min-height:520px}.tile--img .tile__media{aspect-ratio:16/10}}.yt{padding-block:var(--section-y);border-block:1px solid var(--c-line);overflow:clip}.yt__eyebrow{color:var(--c-accent);margin-bottom:var(--s-5)}.yt__line-wrap{overflow:clip}.yt__line{width:max-content;padding-inline:var(--gutter);font-size:var(--t-h1);white-space:nowrap;will-change:transform;line-height:.85}.yt__body{gap:var(--s-7);margin-top:var(--s-7);display:grid}.yt__copy{gap:var(--s-6);justify-items:stretch;display:grid}.yt__text{font-size:var(--t-lead);color:var(--c-muted);max-width:40ch;line-height:1.45}.yt__glyph{color:var(--c-accent);display:none}@media (width>=768px){.yt__line{font-size:var(--t-giant)}.yt__body{grid-template-columns:1fr auto;align-items:end}.yt__copy{justify-items:start}.yt__glyph{display:block}}.ship{padding-block:var(--section-y)}.ship__facts{margin-top:var(--s-8);padding:0;list-style:none;display:grid}.ship__fact{padding-block:var(--s-6)}.ship__fact:first-child{padding-top:0}.ship__fact+.ship__fact{border-top:1px solid var(--c-line)}.ship__value{font-size:var(--t-h2);margin-bottom:var(--s-3);line-height:1}.ship__value.mono{font-size:clamp(1.75rem,3.2vw,2.75rem);font-weight:600}.ship__value--accent{color:var(--c-accent)}.ship__text{color:var(--c-muted);max-width:32ch}.ship__foot{margin-top:var(--s-7);color:var(--c-muted);align-items:center;gap:var(--s-2) var(--s-5);flex-wrap:wrap;display:flex}.ship__foot>a:not(.ghost-link){color:var(--c-white);text-decoration:underline;-webkit-text-decoration-color:var(--c-accent);text-decoration-color:var(--c-accent);text-underline-offset:3px}@media (width>=768px){.ship__facts{grid-template-columns:1fr 1fr}.ship__fact{padding:var(--s-6) var(--s-6) var(--s-6) 0}.ship__fact+.ship__fact{border-top:0}.ship__fact:nth-child(2n){border-left:1px solid var(--c-line);padding-left:var(--s-6)}.ship__fact:nth-child(n+3){border-top:1px solid var(--c-line)}.ship__fact:first-child{padding-top:var(--s-6)}}@media (width>=1024px){.ship__facts{grid-template-columns:repeat(4,1fr)}.ship__fact:nth-child(n+3){border-top:0}.ship__fact+.ship__fact{border-left:1px solid var(--c-line);padding-left:var(--s-6)}}.contact{padding-block:var(--section-y)}.contact__text{margin-top:var(--s-5);font-size:var(--t-lead);color:var(--c-muted);max-width:45ch;line-height:1.45}.contact__mail{margin-top:var(--s-7);font-family:var(--f-display);letter-spacing:var(--track-display);white-space:nowrap;padding-block:6px calc(.08em + 6px);font-size:max(2rem,min(8vw,6.5rem));line-height:1;display:inline-block;position:relative}.contact__mail:after{content:"";background:var(--c-accent);transform-origin:0;height:3px;transition:transform var(--d-3) var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.contact__mail:focus-visible:after{transform:scaleX(1)}@media (hover:hover) and (pointer:fine){.contact__mail:hover:after{transform:scaleX(1)}}.contact__social{gap:var(--s-2) var(--s-6);margin-top:var(--s-7);flex-wrap:wrap;padding:0;list-style:none;display:flex}
