@property --bg{syntax:"<color>";inherits:true;initial-value:#0d1626}@property --bg-peach{syntax:"<color>";inherits:true;initial-value:#2c3f63}@property --bg-deep{syntax:"<color>";inherits:true;initial-value:#070d18}@property --glow{syntax:"<color>";inherits:true;initial-value:#1c2b47}@property --ink{syntax:"<color>";inherits:true;initial-value:#f4e9dd}@property --muted{syntax:"<color>";inherits:true;initial-value:#b9ac9f}@property --line{syntax:"<color>";inherits:true;initial-value:#f4e9dd4d}@property --shadow{syntax:"<color>";inherits:true;initial-value:#0009}@property --metal{syntax:"<color>";inherits:true;initial-value:#c9a27a}@property --metal-hi{syntax:"<color>";inherits:true;initial-value:#f7e6c8}:root{--bg:#0d1626;--bg-peach:#2c3f63;--bg-deep:#070d18;--glow:#1c2b47;--ink:#f4e9dd;--muted:#b9ac9f;--line:#f4e9dd4d;--shadow:#0009;--metal:#c9a27a;--metal-hi:#f7e6c8;--font-display:"Sitka Banner", "Didot", "Bodoni 72", "Sitka Display", "Noto Serif Display", Georgia, serif;--font-serif:"Sitka Heading", "Baskerville", "Iowan Old Style", "Sitka Display", "Noto Serif", Georgia, serif;--font-sans:"Segoe UI Variable Text", "Segoe UI", -apple-system, "Helvetica Neue", system-ui, Roboto, Arial, sans-serif;--font-caption:"Segoe UI Variable Small", "Segoe UI", -apple-system, "Helvetica Neue", system-ui, Roboto, Arial, sans-serif;--tracking-caption:.24em;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:clamp(.95rem, .9rem + .25vw, 1.0625rem);--text-h2:clamp(2.2rem, 1.6rem + 2.6vw, 4rem);--text-display:clamp(2.5rem, .8rem + 3.9vw, 5.5rem);--text-tagline:clamp(1.2rem, .95rem + .75vw, 1.7rem);--text-caption:.6875rem;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--space-7:7rem;--gutter:clamp(1rem, 4vw, 4rem);--arrow-size:52px;--arrow-zone:calc(var(--arrow-size) + var(--space-3));--band:clamp(5.5rem, 9vw, 9.5rem);--radius:6px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.45, 0, .55, 1);--dur-fast:.22s;--dur-out:.42s;--dur-in:.68s;--dur-bg:.9s}@media (prefers-reduced-motion:reduce){:root{--dur-bg:.3s}}@media (width<=767px){:root{--arrow-size:48px;--space-7:4.5rem}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-kerning:normal;font-optical-sizing:auto;margin:0;line-height:1.55}img,svg{display:block}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-2);z-index:10;padding:var(--space-1) var(--space-2);background:var(--ink);color:var(--bg);font-size:var(--text-xs);border-radius:999px;text-decoration:none;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.hero__title,.hero__tagline,.hero__description,.variants__label,.variants__color,.logo,.logo__sub,.progress__count,.progress__sep,.product-label,.scroll-cue{transition:color var(--dur-bg) var(--ease-soft)}.hero{isolation:isolate;grid-template-columns:var(--gutter) minmax(0, 1fr) minmax(0, 1fr) var(--gutter);background:var(--bg);grid-template-rows:auto 1fr auto;grid-template-areas:".header header."".copy stage."".footer footer.";height:100svh;min-height:600px;display:grid;position:relative;overflow:hidden}.backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0}.backdrop__layer{background:radial-gradient(ellipse 42% 55% at 18% 34%, color-mix(in srgb, var(--glow) 70%, transparent), transparent 72%), radial-gradient(ellipse 60% 75% at 74% 52%, var(--bg-peach), transparent 78%), linear-gradient(to top, color-mix(in srgb, var(--bg-deep) 55%, transparent), transparent 28%), linear-gradient(100deg, var(--bg) 0%, var(--bg) 38%, var(--bg-peach) 100%);position:absolute;inset:0}.lines{--zone:26vw;--start:calc(var(--gutter) + var(--band) - 1.25rem);--l-copper:var(--metal);--l-rose:var(--metal);--l-champagne:var(--metal-hi);width:var(--zone);pointer-events:none;position:absolute;top:0;bottom:0;left:0}@supports (color:oklch(from red l c h)){.lines{--l-copper:oklch(from var(--metal) calc(l - .1) calc(c * 1.2) calc(h + 4));--l-rose:oklch(from var(--metal) calc(l - .04) calc(c * .9) calc(h - 16));--l-champagne:oklch(from var(--metal) calc(l + .01) calc(c * .95) calc(h + 32))}}.lines i{--c:var(--l-copper);left:calc(var(--start) * var(--a,1) + (var(--zone) - var(--start)) * var(--b,0));top:var(--t);width:var(--w,1px);height:var(--h);--alpha:calc(var(--o,.8) * var(--fade,1) * 100%);background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--c) var(--alpha), transparent) 12%, color-mix(in srgb, color-mix(in srgb, var(--c) 55%, var(--metal-hi)) var(--alpha), transparent) var(--hi,42%), color-mix(in srgb, var(--c) var(--alpha), transparent) calc(var(--hi,42%) + 18%), color-mix(in srgb, color-mix(in srgb, var(--c) 85%, var(--ink)) var(--alpha), transparent) 86%, transparent);position:absolute;overflow:hidden}.lines .is-rose{--c:var(--l-rose)}.lines .is-champagne{--c:var(--l-champagne);--sheen:1}.lines i:after{content:"";background:linear-gradient(to bottom, transparent, rgb(255 255 255/calc(var(--sheen,.4) * var(--o,.8) * var(--fade,1))), transparent);height:22%;animation:sheen 11s var(--ease-soft) calc(var(--d,0s) + var(--sheen-offset,0s)) infinite;position:absolute;inset:0}.lines i:first-child{--a:.1;--t:4%;--h:38%;--o:.75;--d:-2s}.lines i:nth-child(2){--a:.2;--t:58%;--h:36%;--o:.85;--d:-7s}.lines i:nth-child(3){--a:.34;--t:12%;--h:32%;--o:1;--d:-5s;--w:2px;--hi:30%}.lines i:nth-child(4){--a:.66;--t:9%;--h:82%;--o:.95;--d:0s;--hi:36%}.lines i:nth-child(5){--a:.78;--t:20%;--h:54%;--o:.9;--d:-3.5s;--hi:55%}.lines i:nth-child(6){--a:.9;--t:10%;--h:62%;--o:.8;--d:-9s}.lines i:nth-child(7){--a:.44;--t:60%;--h:30%;--o:.9;--d:-6s;--w:2px}.lines i:nth-child(8){--a:.97;--t:14%;--h:70%;--o:.55;--d:-1s;--hi:60%}.lines i:nth-child(9){--b:.12;--t:8%;--h:8%;--o:.8;--d:-4s;--fade:.9}.lines i:nth-child(10){--b:.3;--t:83%;--h:9%;--o:.75;--d:-8s;--fade:.7}.lines i:nth-child(11){--b:.52;--t:9%;--h:7%;--o:.9;--d:-2.5s;--fade:.52}.lines i:nth-child(12){--b:.74;--t:85%;--h:6%;--o:.7;--d:-5.5s;--fade:.3}@keyframes sheen{0%{transform:translateY(-100%)}55%,to{transform:translateY(460%)}}.hero__header{padding-top:var(--space-4);grid-area:header;align-items:center;display:flex}.logo{align-items:center;gap:.85rem;text-decoration:none;display:inline-flex}.logo__main{font-family:var(--font-display);letter-spacing:.42em;margin-right:-.42em;font-size:1.125rem;font-weight:400;line-height:1}.logo__rule{background:linear-gradient(to bottom, var(--metal-hi), var(--metal));width:1px;height:1.1rem}.logo__sub{font-family:var(--font-caption);letter-spacing:.5em;color:var(--muted);font-size:.5625rem;font-weight:500}.hero__tools{z-index:5;align-items:center;gap:var(--space-2);margin-left:auto;display:flex;position:relative}.lang{position:relative}.lang__button,.exit{border:1px solid var(--line);min-height:2.5rem;color:var(--ink);font-family:var(--font-caption);font-size:var(--text-caption);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-bg) var(--ease-soft);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-weight:600;text-decoration:none;display:inline-flex}.lang__button:hover,.lang__button[aria-expanded=true],.exit:hover{border-color:var(--metal)}.lang__menu{border:1px solid var(--line);background:var(--bg);min-width:11rem;color:var(--ink);box-shadow:0 18px 40px -18px var(--shadow);border-radius:12px;margin:0;padding:.4rem;list-style:none;position:absolute;top:calc(100% + .5rem);right:0}.lang__option{width:100%;min-height:2.75rem;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.8rem;padding:.5rem .75rem;display:flex}.lang__option:hover,.lang__option:focus-visible{background:var(--glow);outline:none}.lang__option[aria-checked=true]{box-shadow:inset 2px 0 0 var(--metal);font-weight:600}.lang__code{width:1.6rem;font-family:var(--font-caption);font-size:var(--text-caption);letter-spacing:.14em;font-weight:600}.lang__name{font-size:.875rem}.hero__copy{padding-left:var(--band);z-index:2;grid-area:copy;align-self:center;margin-right:-3vw;position:relative}.hero__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-display);letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:.98}.hero__title span{display:block}.hero__title span+span{font-style:italic}.hero__tagline{margin:var(--space-5) 0 0;font-family:var(--font-serif);font-size:var(--text-tagline);letter-spacing:-.005em;font-weight:400;line-height:1.2}.hero__description{margin:var(--space-2) 0 var(--space-5);max-width:25rem;min-height:3.3em;font-size:var(--text-md);color:var(--muted);line-height:1.65}.button{background:var(--ink);min-height:48px;color:var(--bg);font-family:var(--font-caption);font-size:var(--text-caption);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 10px 30px -14px var(--shadow);transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-bg) var(--ease-soft), color var(--dur-bg) var(--ease-soft), box-shadow var(--dur-bg) var(--ease-soft);border-radius:999px;align-items:center;gap:.75em;padding:0 1.8em;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-1px)}.button svg{transition:transform var(--dur-fast) var(--ease-out)}.button:hover svg{transform:translateY(2px)}.variants{margin-top:var(--space-5)}.variants__name{align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-3);display:flex}.variants__label{font-family:var(--font-caption);font-size:var(--text-caption);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--muted);font-weight:500}.variants__color{font-family:var(--font-serif);font-size:1.125rem;font-style:italic}.variants__list{flex-wrap:wrap;gap:4px;margin-left:-10px;display:flex}.swatch{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;position:relative}.swatch:before{content:"";background:var(--swatch);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 22%, transparent), inset 0 6px 8px -6px #ffffff59;transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;position:absolute;inset:10px}.swatch:after{content:"";transition:border-color var(--dur-in) var(--ease-soft);border:1px solid #0000;border-radius:50%;position:absolute;inset:5px}.swatch:hover:before{transform:scale(1.08)}.swatch[aria-pressed=true]:after{border-color:var(--metal)}.swatch:focus-visible{outline:none}.swatch:focus-visible:after{border-color:var(--ink)}.stage{z-index:1;width:min(100%,80svh,900px);aspect-ratio:var(--ratio,4 / 3);touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-area:stage;place-self:center;place-items:center;margin:0;display:grid;position:relative}.stage__product{z-index:1;will-change:transform, opacity;width:100%;height:100%;position:relative}.stage__float{z-index:1;width:100%;height:100%;animation:float 7s var(--ease-soft) infinite alternate;place-items:center;display:grid;position:relative}.stage__float img{object-fit:contain;width:100%;height:100%;translate:var(--nudge,0) 0;filter:drop-shadow(0 26px 30px #00000038);-webkit-user-drag:none}.stage__shadow{left:var(--shadow-x,50%);background:radial-gradient(closest-side, var(--shadow), transparent);filter:blur(8px);width:46%;height:7%;animation:shadow 7s var(--ease-soft) infinite alternate;border-radius:50%;position:absolute;bottom:-5%;translate:-50%}@keyframes float{0%{transform:translate(0,0)rotate(0)}to{transform:translateY(-14px)rotate(-.6deg)}}@keyframes shadow{0%{opacity:1;scale:1}to{opacity:.7;scale:.9}}.placeholder{justify-items:center;gap:var(--space-3);width:60%;color:var(--muted);text-align:center;display:grid}.placeholder svg{opacity:.6;width:70%;height:auto}.placeholder p{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;margin:0}.placeholder code{letter-spacing:0;text-transform:none;font-size:.95em}.arrow{z-index:3;width:var(--arrow-size);height:var(--arrow-size);margin-top:calc(var(--arrow-size) / -2);border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 35%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:border-color var(--dur-bg) var(--ease-soft), background-color var(--dur-bg) var(--ease-soft), color var(--dur-bg) var(--ease-soft), transform var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%}.arrow--prev{left:var(--space-3)}.arrow--next{right:var(--space-3)}.arrow:hover{border-color:var(--ink);background:color-mix(in srgb, var(--bg) 70%, transparent)}.arrow--prev:hover{transform:translate(-2px)}.arrow--next:hover{transform:translate(2px)}.arrow:active{transform:scale(.96)}.hero__footer{padding-bottom:var(--space-4);z-index:2;grid-area:footer;grid-template-columns:1fr auto 1fr;align-items:end;display:grid;position:relative}.progress{padding-left:var(--band);align-items:center;gap:var(--space-3);display:flex}.progress__count{font-family:var(--font-caption);font-size:var(--text-sm);font-variant-numeric:tabular-nums lining-nums;letter-spacing:.14em;margin:0;font-weight:500}.progress__sep{color:var(--muted);margin:0 .5em}.progress__track{gap:6px;margin:0;padding:0;list-style:none;display:flex}.progress__track li{background:var(--line);width:22px;height:1px;transition:background-color var(--dur-in) var(--ease-soft), width var(--dur-in) var(--ease-out)}.progress__track li[data-state=active]{background:var(--ink);width:40px}.progress__track li[data-state=pending]{opacity:.5}.scroll-cue{justify-items:center;gap:var(--space-2);font-family:var(--font-caption);font-size:var(--text-caption);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);grid-column:2;text-decoration:none;display:grid}.scroll-cue i{background:var(--line);width:1px;height:36px;position:relative;overflow:hidden}.scroll-cue i:after{content:"";background:var(--ink);animation:cue 2.6s var(--ease-soft) infinite;position:absolute;inset:0}@keyframes cue{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.product-label{padding-right:var(--arrow-zone);font-family:var(--font-caption);font-size:var(--text-caption);letter-spacing:var(--tracking-caption);text-transform:uppercase;justify-self:end;margin:0;font-weight:600}.collection{min-height:100svh;padding:var(--space-7) var(--gutter);outline:none;align-items:center;display:grid}.collection__inner{width:100%;max-width:1200px;margin:0 auto}.eyebrow{margin:0 0 var(--space-3);font-family:var(--font-caption);font-size:var(--text-caption);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--muted);font-weight:500}.collection__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-h2);letter-spacing:-.015em;margin:0;line-height:1.02}.collection__lead{max-width:30rem;margin:var(--space-3) 0 var(--space-6);color:var(--muted)}.collection__grid{gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tile{position:relative}.tile__button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:grid}div.tile__button{cursor:default}.tile__visual{aspect-ratio:3/4;border-radius:var(--radius);background:linear-gradient(160deg, var(--tile-bg), var(--tile-peach));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent);transition:transform var(--dur-in) var(--ease-out);place-items:center;display:grid;overflow:hidden}button.tile__button:hover .tile__visual{transform:translateY(-4px)}.tile__visual img{object-fit:contain;width:92%;height:92%}.tile__soon{font-family:var(--font-caption);font-size:var(--text-caption);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--tile-muted)}.tile__meta{justify-content:space-between;gap:var(--space-2);padding-top:var(--space-2);font-family:var(--font-caption);font-size:var(--text-caption);letter-spacing:.16em;text-transform:uppercase;font-weight:500;display:flex}.tile__meta span:last-child{color:var(--muted)}@media (width<=1024px){.collection__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.hero{grid-template-columns:var(--gutter) minmax(0, 1fr) var(--gutter);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:".header."".stage."".copy."".footer.";min-height:620px}.backdrop__layer{background:radial-gradient(ellipse 70% 40% at 20% 72%, color-mix(in srgb, var(--glow) 60%, transparent), transparent 72%), radial-gradient(ellipse 90% 45% at 55% 32%, var(--bg-peach), transparent 78%), linear-gradient(170deg, var(--bg-peach) 0%, var(--bg) 60%, var(--bg) 100%)}.lines{--zone:12vw;--start:12vw}.lines i:first-child{--a:.12;--t:4%;--h:24%}.lines i:nth-child(2){--a:.3;--t:11%;--h:19%}.lines i:nth-child(3){--a:.45;--t:6%;--h:14%}.lines i:nth-child(4){--a:.62;--t:15%;--h:15%}.lines i:nth-child(5){--a:.8;--t:8%;--h:11%;--fade:.55}.lines i:nth-child(6){--a:.95;--t:19%;--h:9%;--fade:.25}.lines i:nth-child(n+7){display:none}.lines i{height:min(var(--h), calc(var(--arrow-y,36%) - var(--arrow-size) / 2 - 12px - var(--t)))}.hero__header{padding-top:var(--space-3);justify-content:space-between}.exit{width:2.5rem;padding:0}.exit__text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lang__button{padding:0 .8rem}.stage{aspect-ratio:auto;width:86%;height:100%;max-height:44svh;container-type:size}.stage__product{width:min(100cqw, calc(100cqh * var(--ratio-num,1.333)));height:auto;aspect-ratio:var(--ratio,4 / 3)}.variants{margin-top:var(--space-3)}.variants__name{margin-bottom:var(--space-1);justify-content:center}.variants__list{justify-content:center;gap:0;margin-left:0}.hero__copy{text-align:center;margin-right:0;padding-left:0}.hero__tagline{margin-top:var(--space-3)}.hero__description{margin:var(--space-1) auto var(--space-3);max-width:22rem;font-size:var(--text-base)}.arrow{top:var(--arrow-y,36%)}.arrow--prev{left:8px}.arrow--next{right:8px}.hero__footer{padding:var(--space-3) 0;grid-template-columns:auto 1fr;align-items:center}.progress{gap:var(--space-2);padding-left:0}.progress__track,.scroll-cue{display:none}.product-label{padding-right:0;padding-left:var(--space-3);letter-spacing:.16em;white-space:nowrap;font-size:.6875rem}.collection__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px) and (height<=700px){.hero{min-height:560px}.hero__title{font-size:2.1rem}.hero__tagline{margin-top:var(--space-2);font-size:1.1rem}.hero__description{margin-bottom:var(--space-2);font-size:var(--text-sm);line-height:1.5}.button{min-height:44px}.variants{margin-top:var(--space-2)}.variants__color{font-size:1.05rem}.swatch{width:40px;height:40px}.swatch:before{inset:9px}.swatch:after{inset:4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage__float,.stage__shadow,.scroll-cue i:after,.lines i:after{animation:none}.scroll-cue i:after{transform:none}.lines i:after{display:none}.button,.arrow,.tile__visual,.progress__track li{transition-duration:1ms}}