@font-face{font-family:Urbanist;font-weight:100 900;font-display:swap;src:url(/fonts/Urbanist-latin-var.woff2) format("woff2")}:root{--ground: #efe9e1;--paper: #f7f3ee;--sand: #e7dccd;--ink: #1d1a17;--ink-soft: #5d554c;--rule: rgba(29, 26, 23, .18);--accent: #1d1a17;--on-accent: #f7f3ee;--honey: #b8691f;--font: "Urbanist", "Helvetica Neue", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}h1,h2,p{margin:0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}main{position:relative;z-index:1}.stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity .9s ease;touch-action:pan-y}.stage.is-ready{opacity:1}.kicker{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--ink);margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:16px;text-decoration:none;transition:transform .25s ease,background .25s ease}@media (hover: hover) and (pointer: fine){.btn:hover{transform:translateY(-1px)}}.btn:active{transform:scale(.98)}.btn-small{height:40px;padding:0 18px;font-size:15px}.btn-quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:40px;height:72px;padding:0 clamp(20px,3.4vw,48px);transition:background .4s ease,box-shadow .4s ease}.nav.is-solid{background:#efe9e1db;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--rule)}.nav-brand{font-weight:700;font-size:24px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.nav-links{display:flex;gap:28px;margin-left:auto;font-size:15px;font-weight:500}.nav-links a{text-decoration:none}.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}.hero{height:290svh}.hero-pin{position:sticky;top:0;height:100svh;overflow:hidden}.hero-still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(.82) brightness(1.1);transition:opacity .9s ease}html.js:not(.no3d) .stage.is-ready~main .hero-still{opacity:0}.hero-pin:before{content:"";position:absolute;left:0;right:0;top:0;height:180px;z-index:1;background:linear-gradient(#efe9e1d9,#efe9e100);pointer-events:none}.hero-pin:before{opacity:calc(.5 + var(--ui, 1) * .5)}.hero-pin:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;z-index:1;background:linear-gradient(#efe9e100,#efe9e1d1);pointer-events:none;opacity:var(--ui, 1)}.hero-ui{z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;padding:96px clamp(20px,3.4vw,48px) clamp(24px,4vh,44px);will-change:opacity,transform}.hero-places{display:flex;gap:6px}.hero-places button,.hero-picker{background:#faf7f29e;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.6)}.hero-places button{height:38px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:600;transition:background .25s ease,color .25s ease}.hero-places button.is-on{background:var(--ink);color:var(--on-accent);border-color:var(--ink)}.hero-copy{position:absolute;left:clamp(20px,3.4vw,48px);bottom:clamp(28px,6vh,60px);max-width:760px}.hero-copy h1{font-size:clamp(44px,5.4vw,84px);line-height:.98;font-weight:650;letter-spacing:-.035em}.hero-copy p{margin-top:18px;font-size:clamp(17px,1.4vw,20px);font-weight:600;color:var(--ink)}.hero-picker{position:absolute;right:clamp(20px,3.4vw,48px);bottom:clamp(28px,6vh,60px);width:280px;border-radius:16px;padding:16px 18px;display:grid;gap:14px}.picker-frame{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--rule)}.picker-label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.picker-name{display:block;font-size:19px;font-weight:600;margin-top:2px}.picker-steps{display:grid;gap:4px}.picker-steps button{width:32px;height:28px;border:0;border-radius:8px;background:var(--ink);color:var(--on-accent);font-size:14px}.picker-swatches{display:flex;gap:10px;margin-top:10px}.picker-swatches button,.close-chips button{width:30px;height:30px;border-radius:50%;border:0;box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 0 var(--ink);transition:box-shadow .25s ease,transform .25s ease}.picker-swatches button.is-on,.close-chips button.is-on{box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 2px var(--ground),0 0 0 3.5px var(--ink)}.hero-hint{position:absolute;left:50%;bottom:clamp(28px,6vh,60px);transform:translate(-50%);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);animation:hint 2.4s ease-in-out infinite}@keyframes hint{50%{transform:translate(-50%,6px)}}.hero-worn{position:absolute;left:0;right:0;bottom:0;padding:18vh 20px 12vh;background:linear-gradient(#0c0e0c00,#0c0e0c8c);text-align:center;font-size:clamp(22px,2.6vw,36px);font-weight:600;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35),0 2px 30px rgba(0,0,0,.45);opacity:0}.lenses{height:420svh;background:var(--ground)}.lenses-pin{position:sticky;top:0;height:100svh;overflow:hidden;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.lens-layer{position:absolute;top:0;right:0;bottom:0;left:0}.lens-layer img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.lens-bare{filter:saturate(.62) contrast(.82) brightness(1.1)}.lens-through{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--split));transition:clip-path .12s linear}.lens-through img{filter:contrast(var(--c)) saturate(var(--s)) brightness(var(--b))}.lens-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tint);mix-blend-mode:multiply}.lenses-pin:before{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}.lenses-pin:before{top:0;height:42%;background:linear-gradient(#efe9e1eb,#efe9e18c 45%,#efe9e100)}.lenses-head,.lens-side,.lens-steps,.lens-split{z-index:2}.lens-split{position:absolute;top:0;bottom:0;left:var(--split);width:0;transition:left .12s linear}.lens-split:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#ffffffd9}.lens-split span{position:absolute;top:50%;left:-22px;width:44px;height:44px;margin-top:-22px;border-radius:50%;background:#faf7f2bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lens-split span:before{content:"‹ ›";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:18px;font-weight:700;letter-spacing:2px}.lenses-head{position:absolute;top:104px;left:clamp(20px,3.4vw,48px);max-width:680px}.lenses-head h2{font-size:clamp(34px,3.6vw,56px);line-height:1.02;font-weight:650;letter-spacing:-.03em}.lens-side{position:absolute;bottom:clamp(28px,6vh,60px)}.lens-side-l{left:clamp(20px,3.4vw,48px);font-size:15px;padding:8px 14px;border-radius:10px;background:#faf7f2cc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.lens-side-r{right:clamp(20px,3.4vw,48px);width:340px;padding:18px 20px;border-radius:16px;background:#faf7f2d6;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}.lens-name{font-size:clamp(36px,3.4vw,52px);font-weight:650;letter-spacing:-.03em;line-height:1}.lens-note{margin-top:10px;font-size:17px;font-weight:500;color:var(--ink-soft)}.lens-note span{display:block;margin-top:4px;font-weight:700;color:var(--ink)}.lens-steps{position:absolute;top:112px;right:clamp(20px,3.4vw,48px);list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;font-weight:600;color:#1d1a1773}.lens-steps li{display:flex;align-items:center;justify-content:flex-end;gap:10px;transition:color .3s ease}.lens-steps li span{order:2;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px #1d1a174d}.lens-steps li.is-on{color:var(--ink)}.workshop{position:relative;height:112svh;overflow:hidden;background:var(--sand)}.workshop-media{position:absolute;top:0;right:0;bottom:0;left:0}.workshop-media img{width:100%;height:100%;object-fit:cover;object-position:70% 30%;will-change:transform;transform-origin:70% 40%}.workshop-copy{position:absolute;left:clamp(20px,3.4vw,48px);top:50%;transform:translateY(-50%);max-width:min(520px,38vw)}.workshop-copy h2{font-size:clamp(34px,3.6vw,58px);line-height:1.02;font-weight:650;letter-spacing:-.03em}.workshop-copy dl{margin:40px 0 0;display:grid;gap:0}.workshop-copy dl div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-top:1px solid rgba(29,26,23,.22);font-size:17px}.workshop-copy dt{font-weight:700}.workshop-copy dd{margin:0;color:var(--ink-soft)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-in{opacity:1;transform:none}html:not(.js) .reveal{opacity:1;transform:none}.workshop-copy dl.reveal{transition-delay:.15s}.close{position:relative;height:100svh;min-height:640px;padding:0 clamp(20px,3.4vw,48px)}.close-still{position:absolute;left:50%;top:44%;width:min(62vw,980px);transform:translate(-50%,-50%);mix-blend-mode:multiply;display:none}html.no3d .close-still{display:block}.close-hint{position:absolute;top:104px;right:clamp(20px,3.4vw,48px);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.close-copy{position:absolute;left:clamp(20px,3.4vw,48px);bottom:clamp(56px,9vh,96px);max-width:620px}.close-copy h2{font-size:clamp(44px,5.6vw,88px);line-height:.98;font-weight:650;letter-spacing:-.035em}.close-sub{margin-top:18px;max-width:460px;color:var(--ink-soft)}.close-buy{position:absolute;right:clamp(20px,3.4vw,48px);bottom:clamp(56px,9vh,96px);display:grid;justify-items:end;gap:12px}.close-chips{display:flex;gap:12px}.close-config{font-size:14px;font-weight:600;color:var(--ink-soft)}.close-price{font-size:36px;font-weight:650;letter-spacing:-.02em;line-height:1}.close-actions{display:flex;gap:10px;margin-top:6px}.close-legal{position:absolute;left:50%;transform:translate(-50%);bottom:10px;padding:2px 12px;white-space:nowrap;background:var(--ground);font-size:17px;color:var(--ink-soft)}@media (max-width: 760px){.nav{height:60px;gap:12px}.nav-links{display:none}.nav .btn-small{margin-left:auto}.hero-ui{padding-top:76px}.hero-pin:before{height:300px}.close-legal{font-size:16px;white-space:normal;width:calc(100% - 40px);text-align:center}.hero-copy{bottom:auto;top:128px;right:20px}.hero-copy h1{font-size:40px}.hero-copy p{margin-top:10px}.hero-picker{left:20px;right:20px;width:auto;bottom:64px;grid-template-columns:1fr 1fr;gap:12px;padding:12px 14px}.picker-frame{border-bottom:0;padding-bottom:0;border-right:1px solid var(--rule);padding-right:10px}.picker-name{font-size:16px}.picker-swatches{gap:8px}.picker-swatches button{width:26px;height:26px}.hero-hint{bottom:26px;white-space:nowrap}.lenses{height:380svh}.lenses-head{top:80px;right:20px}.lenses-head h2{font-size:32px}.lens-steps{display:none}.lens-side-r{left:20px;width:auto}.lens-side-l{bottom:auto;top:46%;font-size:12px}.workshop{height:auto;display:flex;flex-direction:column}.workshop-media{position:relative;height:70svh;overflow:hidden}.workshop-copy{position:static;transform:none;max-width:none;padding:36px 20px 56px}.workshop-copy h2{font-size:32px}.close{min-height:720px}.close-hint{top:76px}.close-copy{bottom:auto;top:52%;right:20px}.close-copy h2{font-size:40px}.close-sub{font-size:16px;margin-top:10px}.close-buy{left:20px;right:20px;bottom:44px;justify-items:start;grid-template-columns:auto 1fr;align-items:center}.close-config{display:none}.close-price{grid-column:2;grid-row:1;justify-self:end;font-size:28px}.close-actions{grid-column:1 / -1;width:100%}.close-actions .btn{flex:1}}@media (prefers-reduced-motion: reduce){.hero-hint{animation:none}.reveal{transition:none}}