@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Latin.woff2)format("woff2");font-weight:400 500;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;src:url(/fonts/Geist-LatinExt.woff2)format("woff2");font-weight:400 500;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Latin.woff2)format("woff2");font-weight:400 500;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-LatinExt.woff2)format("woff2");font-weight:400 500;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--glow:0;--accent:#ff6a00;--bg:#b8aea3;--ink:#1d1817;--muted:#1d181799;--line:#1d181729;--pixel:"Silkscreen", ui-monospace, monospace;--sans:"Geist", ui-sans-serif, system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--gutter:clamp(16px, 4vw, 56px)}*{box-sizing:border-box;margin:0}html{background:var(--bg)}body{color:var(--ink);font:400 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}.stage{z-index:0;touch-action:pan-y;position:fixed;inset:0}.stage canvas{display:block}.grain{z-index:1;pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.55'/></svg>");animation:.9s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,-2%)}}.top{z-index:5;padding:18px var(--gutter);font:500 12px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.top a{color:inherit;text-decoration:none}.top .brand{font:700 16px/1 var(--pixel);letter-spacing:.04em}.top nav{align-items:center;gap:22px;display:flex}.top nav a:hover{text-underline-offset:4px;text-decoration:underline}main{z-index:2;pointer-events:none;position:relative}main section{display:flow-root;position:relative}.caption,.contact-wrap{pointer-events:auto;padding:0 var(--gutter)}.sticky{position:sticky;top:calc(100vh - 120px)}p.caption,.caption>p{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:baseline;gap:14px;display:flex}.caption span{color:var(--muted)}.hero-caption{position:absolute;bottom:calc(20vh + 44px)}.hero-caption h1{font:700 clamp(30px, 3.9vw, 62px)/1 var(--pixel);letter-spacing:.01em;text-transform:uppercase;margin-bottom:14px}.hero-caption p{font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ghost{border:1px solid var(--line);font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-top:18px;padding:8px 13px}.ghost:hover{border-color:var(--ink)}.ticker{right:var(--gutter);z-index:4;font:400 12px/1.2 var(--mono);color:var(--muted);opacity:0;justify-items:end;gap:6px;transition:opacity .6s;display:grid;position:fixed;bottom:22px}.ticker[data-on="1"]{opacity:1}.ticker span:last-child{color:var(--ink)}.swatches{margin-top:16px}.swatches .row{flex-wrap:wrap;gap:10px;display:flex}.swatches button{background:var(--c);border-radius:50%;width:26px;height:26px;transition:transform .2s;box-shadow:inset 0 0 0 1px #00000024}.swatches button:hover{transform:scale(1.15)}.swatches button.on{box-shadow:inset 0 0 0 1px #00000024, 0 0 0 2px var(--bg), 0 0 0 3px var(--ink)}.swatches .name{font:700 16px/1 var(--pixel);letter-spacing:.02em;text-transform:uppercase;margin-top:12px}.contact-wrap{max-width:30rem;top:18vh}.contact .label{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.contact .mail{font:700 clamp(22px, 2.6vw, 38px)/1.1 var(--pixel);color:var(--ink);border-bottom:1px solid var(--line);margin:14px 0 26px;text-decoration:none;display:inline-block}.contact .mail:hover{border-color:var(--ink)}.contact form{gap:10px;display:grid}.contact input,.contact select,.contact textarea{border:0;border-bottom:1px solid var(--line);resize:vertical;background:0 0;border-radius:0;outline:none;width:100%;padding:11px 0}.contact input:focus,.contact select:focus,.contact textarea:focus{border-bottom-color:var(--ink)}.contact ::placeholder{color:var(--muted)}.contact button[type=submit]{background:var(--ink);color:var(--bg);font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-self:start;margin-top:10px;padding:11px 22px}.foot{font:400 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:40px}.foot a{color:inherit;text-underline-offset:3px}.foot a:hover{color:var(--ink)}.inline-switch{align-items:center;padding:4px 0;display:inline-flex}.inline-switch .cable{background:repeating-linear-gradient(60deg, #ffffff59 0 2px, transparent 2px 4px), repeating-linear-gradient(-60deg, #0000002e 0 2px, transparent 2px 4px), var(--cable);border-radius:3px;width:22px;height:6px}.inline-switch .shell{background:linear-gradient(#fffc,#fff6);border-radius:8px;width:44px;height:22px;position:relative;box-shadow:inset 0 0 0 1px #00000024,0 2px 6px #0000001f}.inline-switch.sw-black .shell{background:linear-gradient(#34312f,#191716)}.inline-switch.sw-white .shell{background:linear-gradient(#fbfaf7,#e9e6e0)}.inline-switch .rocker{background:#ffffffeb;border-radius:6px;width:16px;height:11px;transition:transform .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translate(-3px);box-shadow:inset 0 0 0 1px #0003}.inline-switch.sw-black .rocker{background:#0e0e0e;box-shadow:inset 0 1px #ffffff40}.inline-switch .rocker{transform:translate(-50%, -50%) translateX(calc(-3px + 6px * round(var(--glow))))}.inline-switch .shell{box-shadow:inset 0 0 0 1px #00000024, 0 2px 6px #0000001f, 0 0 calc(16px * var(--glow)) calc(2px * var(--glow)) color-mix(in oklab, var(--accent) 55%, transparent)}.loader{z-index:10;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--bg);place-items:center;display:grid;position:fixed;inset:0}@media (width<=760px){.sticky{top:calc(100vh - 110px)}.hero-caption{bottom:calc(20vh + 28px)}.contact-wrap{background:linear-gradient(transparent, var(--bg) 18%);padding-top:30px;top:40vh}}.gallery{pointer-events:auto;background:var(--bg);padding:18vh var(--gutter) 14vh;position:relative}.gallery-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.gallery-head .label{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;gap:14px;display:flex}.gallery-head .label span{color:var(--muted)}.gallery-head .swatches{margin-top:0}.gallery-head .swatches .name{display:none}.gallery .grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.gallery figure{aspect-ratio:3/4;background:#0000000a;margin:0;overflow:hidden}.gallery figure:first-child{grid-area:span 2/span 2}.gallery img{object-fit:cover;width:100%;height:100%;animation:.7s cubic-bezier(.2,.7,.2,1) both photo-in;animation-delay:calc(var(--i) * 35ms);display:block}@keyframes photo-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@media (width<=760px){.gallery .grid{grid-template-columns:repeat(2,1fr);gap:6px}.gallery{padding-top:12vh}}.top{transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s}body.over-photos .top{background:color-mix(in oklab, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(12px)}.looks{border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:flex}.looks button{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:999px;padding:5px 9px}.looks button.on{background:var(--ink);color:var(--bg)}.story{left:var(--gutter);z-index:3;animation:.5s cubic-bezier(.2,.7,.2,1) both story-in;position:fixed;bottom:52px}.story>p{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:baseline;gap:14px;display:flex}.story>p span{color:var(--muted)}@keyframes story-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.story-photo{aspect-ratio:3/4;width:clamp(140px,16vw,250px);margin:0 0 16px;position:relative;overflow:hidden;box-shadow:0 18px 40px -22px #1e140f73}.story-photo img{object-fit:cover;width:100%;height:100%;animation:.6s cubic-bezier(.2,.7,.2,1) both photo-in;display:block}@media (width<=760px){.story-photo{width:30vw}.looks{display:none}}.xyz-big{width:clamp(140px,16vw,220px);margin-top:44px;display:block}.story .swatches{margin-top:12px}.story .swatches button{width:20px;height:20px}.story .swatches .row{gap:8px}.click-label{z-index:4;pointer-events:none;opacity:0;font:700 13px/1 var(--pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);transform-origin:0;will-change:transform, opacity;position:fixed;top:0;left:0}
