.hero{background:var(--amethyst);height:100svh;min-height:640px;color:var(--veil);isolation:isolate;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:#0b0612 url(/hero/hero-first.webp) 50%/cover no-repeat;position:absolute;inset:0}.hero-film{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s var(--ease);position:absolute;inset:0}.has-film .hero-film{opacity:1}.hero-shade{background:linear-gradient(270deg,#0b0612d1 0%,#0b061273 38%,#0000 65%),linear-gradient(#0000 70%,#0b06128c);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hero-bg{background-image:url(/hero/hero-last.webp)}.hero-film{display:none}}.grain{opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{50%{transform:translate(-3%,2%)}to{transform:translate(2%,-3%)}}.hero-inner{height:100%;padding-top:var(--header-h);grid-template-columns:minmax(0,640px);align-items:center;gap:24px;display:grid;position:relative}.hero-eyebrow{color:var(--blush);margin-bottom:22px}.hero-title{letter-spacing:-.02em;font-size:clamp(48px,7.2vw,124px);font-weight:900;line-height:1.12}.hero-title .line{display:block}.hero-title .accent .w>span{background:linear-gradient(100deg, var(--blush) 0%, #f07aa3 45%, var(--neon) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-title .w{vertical-align:top;padding-bottom:.1em;display:inline-block;overflow:hidden}.hero-title .w>span{display:inline-block}@media (prefers-reduced-motion:no-preference){.js .hero:not(.is-ready) :is(.hero-title .w>span,.hero-eyebrow,.hero-sub,.hero-ctas){opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}}.hero-sub{color:#fceefcc7;max-width:34ch;margin-top:22px;font-size:clamp(16px,1.4vw,19px)}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-caption,.hero-reveal{inset-inline-start:var(--gutter);visibility:hidden;position:absolute;top:50%;translate:0 -50%}.hero-caption{font-size:clamp(34px,5vw,80px);font-weight:900;line-height:1.2}.hero-reveal .btn{margin-top:28px}.hero-reveal p{color:var(--blush);font-size:clamp(28px,4vw,56px);font-style:italic}.hero-reveal strong{font-size:clamp(40px,6.6vw,104px);font-weight:900;line-height:1.15;display:block}.scroll-cue{bottom:26px;color:#fceefc99;justify-items:center;gap:8px;font-size:12px;display:grid;position:absolute;inset-inline-start:50%;translate:50%}.scroll-cue span{background:linear-gradient(var(--blush), transparent);width:1px;height:46px;animation:cue 2s var(--ease) infinite;transform-origin:top}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (max-width:860px){.hero-inner{padding-top:calc(var(--header-h) + 12px);grid-template-rows:auto 1fr;grid-template-columns:1fr;align-content:center}.hero-bg{background-image:url(/hero/hero-first-mobile.webp)}.hero-shade{background:linear-gradient(#0b0612d9 0%,#0b061266 45%,#0000 70%)}.hero-caption,.hero-reveal{top:calc(var(--header-h) + 10vh);translate:none}.hero-copy{align-self:start;padding-top:4vh}.hero-sub{display:none}}.marquee{background:var(--berry);color:#fff;direction:ltr;padding-block:18px;overflow:hidden}.marquee__track{gap:56px;width:max-content;font-size:clamp(22px,2.6vw,34px);font-style:italic;animation:32s linear infinite marquee;display:flex}.marquee i{opacity:.6;margin-inline-start:56px;font-size:.6em;font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}.shades{background:color-mix(in srgb, var(--shade) 14%, var(--veil));transition:background .8s var(--ease);position:relative;overflow:hidden}.shades__track{min-height:100svh;padding:calc(var(--header-h) + 24px) var(--gutter) 48px;scroll-snap-type:x mandatory;will-change:transform;align-items:center;gap:clamp(16px,2vw,32px);display:flex;overflow-x:auto}.shades__track.is-pinned{width:max-content;overflow:visible}.shades__intro{scroll-snap-align:start;flex:none;gap:18px;width:min(440px,80vw);display:grid}.shade-panel{aspect-ratio:3/4;border-radius:var(--r-lg);background:linear-gradient(160deg, #fff, color-mix(in srgb, var(--c) 18%, #fff));scroll-snap-align:start;width:min(380px,78vw);box-shadow:0 30px 60px -30px color-mix(in srgb, var(--c) 60%, transparent);transition:transform .6s var(--ease);flex:none;grid-template-rows:auto 1fr auto auto;padding:28px;display:grid}.shade-panel:hover{transform:translateY(-8px)rotate(-1deg)}.shade-panel__num{color:var(--muted);font-size:15px;font-style:italic}.smear{width:100%;filter:drop-shadow(0 18px 24px color-mix(in srgb, var(--c) 35%, transparent));align-self:center}.shade-panel strong{font-size:clamp(24px,2.6vw,34px);font-weight:900}.shade-panel__hex{letter-spacing:.1em;color:var(--muted);font-size:14px}.manifesto{gap:28px;padding-block:clamp(96px,16vw,200px);display:grid}.scrub{max-width:22ch;font-size:clamp(28px,4.2vw,64px);font-weight:800;line-height:1.5}.section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:clamp(24px,4vw,48px);display:flex}.collections,.best{padding-bottom:clamp(80px,12vw,160px)}.bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(180px,20vw,280px);gap:clamp(12px,1.6vw,20px);display:grid}.tile{border-radius:var(--r-lg);background:radial-gradient(90% 90% at 20% 100%, color-mix(in srgb, var(--tile-deep) 30%, transparent), transparent 60%), var(--tile);isolation:isolate;padding:clamp(18px,2.4vw,32px);display:flex;position:relative;overflow:hidden}.tile--0{grid-area:span 2/span 3}.tile--1,.tile--2,.tile--3{grid-column:span 3}.tile--4{grid-column:span 6}.tile__text{z-index:1;align-content:start;justify-items:start;gap:6px;max-width:58%;display:grid;position:relative}.tile h3{font-size:clamp(24px,3vw,44px);font-weight:900}.tile--0 h3{font-size:clamp(36px,5vw,72px)}.tile p{color:var(--grape)}.tile__arrow{background:var(--amethyst);width:44px;height:44px;color:var(--veil);transition:transform .5s var(--ease);border-radius:50%;place-items:center;margin-top:10px;display:grid}.tile:hover .tile__arrow{transform:translate(-6px)}.tile__art{inset-inline-start:4%;width:auto;height:108%;transition:transform 1s var(--ease);position:absolute;bottom:-6%}.tile--0 .tile__art{inset-inline-start:10%;height:80%;bottom:4%}.tile:hover .tile__art{transform:translateY(-14px)rotate(-5deg)}@media (max-width:760px){.bento{grid-template-columns:1fr 1fr;grid-auto-rows:200px}.tile--0,.tile--4{grid-column:span 2}.tile--1,.tile--2,.tile--3{grid-column:span 1}.tile--0{grid-row:span 1}.tile__art,.tile--0 .tile__art{inset-inline-start:0;height:64%;bottom:-4%}.tile__text{max-width:100%}.tile p{max-width:62%;font-size:13.5px}}.ai-band{border-radius:var(--r-lg);background:radial-gradient(70% 90% at 0% 100%, #d63af959, transparent 60%), var(--amethyst);color:var(--veil);isolation:isolate;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(24px,4vw,64px);margin-bottom:clamp(80px,12vw,160px);padding:clamp(28px,5vw,72px);display:grid;position:relative}.ai-band:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--a,0deg), var(--neon), var(--berry), var(--blush), var(--neon));animation:6s linear infinite border-spin;position:absolute;inset:-1.5px}.ai-band:after{content:"";z-index:-1;border-radius:inherit;background:inherit;position:absolute;inset:0}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes border-spin{to{--a:360deg}}.ai-band__copy{gap:20px;display:grid}.ai-band__copy .eyebrow{color:var(--blush)}.ai-band__copy>p:not(.eyebrow){color:#fceefcbf;max-width:44ch}.ai-band__chat{color:var(--amethyst);flex-direction:column;gap:12px;display:flex}.ai-band__chat .bubble{box-shadow:0 20px 40px -20px #00000080}@media (prefers-reduced-motion:no-preference){.ai-band.is-in .bubble{animation:fade-up .9s var(--ease) both}.ai-band.is-in .bubble:nth-child(2){animation-delay:.6s}.ai-band.is-in .bubble:nth-child(3){animation-delay:1.4s}.ai-band.is-in .bubble:nth-child(4){animation-delay:1.9s}}@media (max-width:860px){.ai-band{grid-template-columns:1fr}}.tile--4:not(:last-child),.tile--5{grid-column:span 3}@media (max-width:760px){.tile--4:not(:last-child),.tile--5{grid-column:span 1}}
