:root{--bone:#e9e4d9;--soot:#0c0c0b;--fog:#adb2af;--blue-grey:#66727a;--link:#1f37d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bone);color:var(--soot);margin:0;font-family:Helvetica Neue,Arial,sans-serif}body:before{content:"";z-index:20;opacity:.028;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--link);outline-offset:4px}::selection{background:var(--link);color:var(--bone)}.progress{z-index:50;transform-origin:0;background:var(--link);height:2px;position:fixed;inset:0 0 auto}.site-header{z-index:15;border-bottom:1px solid var(--soot);letter-spacing:.08em;background:#e9e4d9f5;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 32px;font-size:10px;font-weight:700;display:grid;position:sticky;top:0}.wordmark{font-size:12px}.wordmark span{color:var(--link);margin-left:3px}nav{gap:28px;display:flex}nav a:hover{color:var(--link);text-decoration:underline}.shop-status{color:var(--blue-grey);justify-self:end;font-family:Verdana,sans-serif;font-size:9px}.hero{border-bottom:1px solid var(--soot);grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:clamp(40px,7vw,120px);min-height:calc(100svh - 58px);padding:clamp(70px,9vw,145px) clamp(32px,4vw,64px);display:grid}.eyebrow,.section-heading,.work-meta,.marginalia{font-family:Courier New,monospace}.eyebrow{letter-spacing:.12em;margin:0 0 32px;font-size:10px}h1,h2{text-transform:uppercase;letter-spacing:-.07em;margin:0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-weight:500}h1{max-width:1000px;font-size:clamp(64px,9.6vw,154px);line-height:.82}.intro{letter-spacing:-.02em;max-width:530px;margin:45px 0 0;font-size:clamp(17px,1.5vw,23px);line-height:1.28}.hero-actions{align-items:center;gap:12px;margin-top:36px;font:10px/1 Verdana,sans-serif;display:flex}.hero-actions a,.hero-actions span{border:1px solid var(--soot);padding:12px 14px}.hero-actions a:hover{background:var(--soot);color:var(--bone)}.hero-actions span{color:var(--blue-grey);border-color:var(--fog)}.placeholder-image{border:1px solid var(--soot);background:radial-gradient(circle at 65% 35%,#e9e4d980,transparent 28%),linear-gradient(145deg,var(--blue-grey),var(--fog) 55%,#d2cfc6);color:#0c0c0b9e;letter-spacing:.1em;place-items:center;font:9px/1 Verdana,sans-serif;display:grid;position:relative;overflow:hidden}.placeholder-image:after{content:"";border:1px dotted #0c0c0b40;position:absolute;inset:10px}.hero-image.has-image{border:1px solid var(--soot);position:relative;overflow:hidden}.hero-image{aspect-ratio:4/5}.hero-image img{object-fit:cover}.hero-image i{color:var(--link);font:24px/1 Courier New,monospace;position:absolute;bottom:10px;right:13px}.status-strip{border-bottom:1px solid var(--soot);min-height:34px;color:var(--link);justify-content:space-between;align-items:center;gap:20px;padding:8px 32px;font:9px/1.3 Verdana,sans-serif;display:flex}.works{padding:110px clamp(32px,4vw,64px) 170px}.section-heading{border-bottom:1px solid var(--soot);justify-content:space-between;align-items:flex-start;padding-bottom:18px;font-size:10px;display:flex}.section-heading p{margin:0}.section-intro{text-transform:none;max-width:500px;font-family:Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.35;margin-top:12px!important}.works-grid{grid-template-columns:repeat(12,1fr);gap:clamp(22px,3vw,48px);padding-top:40px;display:grid}.work{position:relative}.work-1{grid-column:1/span 7}.work-2{grid-column:8/span 5;margin-top:13vw}.work-3{grid-column:1/span 5;margin-top:8vw}.work-4{grid-column:6/span 7;margin-top:14vw}.work-5{grid-column:2/span 5;margin-top:9vw}.work-6{grid-column:7/span 6;margin-top:9vw}.work-image{aspect-ratio:4/5;border:1px solid var(--soot);position:relative;overflow:hidden}.work-3 .work-image{aspect-ratio:3/2}.work-4 .work-image{aspect-ratio:5/4}.work-6 .work-image{aspect-ratio:1}.work-image img{object-fit:cover}.work-image i{color:var(--soot);letter-spacing:-.08em;font:38px/1 Arial Narrow,Arial,sans-serif;position:absolute;bottom:10px;right:16px}.work-meta{opacity:0;max-height:0;color:var(--link);border-bottom:1px solid #0000;grid-template-columns:1fr 1fr;gap:20px;font-size:9px;line-height:1.45;transition:max-height .2s,opacity .2s,padding .2s;display:grid;overflow:hidden}.work-meta p{margin:0}.work:hover .work-meta,.work:focus .work-meta,.work:focus-within .work-meta{opacity:1;border-bottom-color:var(--link);max-height:90px;padding:11px 0}.studio{background:var(--soot);min-height:90vh;color:var(--bone);padding:100px clamp(32px,4vw,64px);position:relative;overflow:hidden}.studio:after{content:"";background:radial-gradient(circle,var(--blue-grey),transparent 68%);opacity:.65;border-radius:50%;width:55vw;height:55vw;position:absolute;bottom:-25vw;right:-20vw}.studio h2,.shop-gateway h2{z-index:1;font-size:clamp(66px,11vw,176px);line-height:.8;position:relative}.studio-copy{z-index:1;grid-template-columns:1fr 1fr;gap:40px;width:min(670px,80%);margin:80px 0 0 auto;font-size:16px;line-height:1.4;display:grid;position:relative}.studio-copy p{margin:0}.marginalia{z-index:1;color:#8ca0ff;margin:80px 0 0;font-size:10px;position:relative;transform:rotate(-1deg)}.shop-gateway{border:1px solid var(--soot);flex-direction:column;justify-content:space-between;min-height:80vh;margin:32px;padding:60px;display:flex}.shop-gateway>p:not(.eyebrow){max-width:600px;margin:70px 0 28px auto;font-size:21px;line-height:1.3}.shop-button{border:1px solid var(--soot);text-align:center;align-self:flex-end;min-width:240px;padding:16px;font:10px/1 Verdana,sans-serif}.shop-button.disabled{color:var(--blue-grey);border-color:var(--fog);cursor:not-allowed}footer{background:var(--soot);min-height:330px;color:var(--bone);grid-template-columns:1.4fr 1fr 1fr;align-items:end;gap:30px;padding:70px 32px 28px;font:9px/1.5 Verdana,sans-serif;display:grid}footer p{margin:0}footer span,footer div>a{color:#8ca0ff;margin-top:18px;display:block}footer div>a{text-decoration:underline}footer button{color:#8ca0ff;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:end;padding:0;text-decoration:underline}.entry-tab{z-index:14;border:1px solid var(--link);background:var(--bone);color:var(--link);writing-mode:vertical-rl;cursor:pointer;border-right:0;padding:11px 7px;font:9px/1 Verdana,sans-serif;position:fixed;top:60%;right:0}.diary{border:1px solid var(--link);width:min(420px,100vw - 32px);color:var(--soot);box-shadow:8px 8px 0 var(--link);background:#efede7;padding:0}.diary::backdrop{background:#0c0c0b9e}.diary-bar{background:var(--link);color:#fff;justify-content:space-between;align-items:center;padding:6px 8px;font:10px/1 Verdana,sans-serif;display:flex}.diary-bar button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;width:20px;height:18px}.diary-body{padding:22px;font:11px/1.45 Verdana,sans-serif}.diary-body p{margin:0 0 20px}.pre-line{white-space:pre-line}@media (max-width:760px){html{scroll-behavior:auto}.site-header{grid-template-columns:1fr auto;height:52px;padding:0 16px}nav{gap:12px}nav a:nth-child(2),nav a:nth-child(4),.shop-status{display:none}.hero{grid-template-columns:1fr;gap:52px;min-height:auto;padding:72px 16px 40px}h1{font-size:clamp(58px,18vw,100px)}.hero-image{width:88%;margin-left:auto}.status-strip{flex-wrap:wrap;gap:6px 16px;padding:9px 16px}.works{padding:72px 16px 100px}.section-heading{gap:20px}.section-heading>p{white-space:nowrap}.works-grid{display:block}.work{width:100%;margin:40px 0 72px}.work:nth-child(2n){width:88%;margin-left:auto}.work-meta{opacity:1;border-bottom-color:var(--link);max-height:90px;padding:10px 0}.studio{min-height:auto;padding:80px 16px}.studio-copy{grid-template-columns:1fr;width:100%;margin-top:55px}.shop-gateway{min-height:75vh;margin:16px;padding:28px 16px}.shop-gateway>p:not(.eyebrow){margin-left:0}.shop-button{align-self:stretch}footer{grid-template-columns:1fr;align-items:start;min-height:380px;padding:60px 16px 24px}footer button{justify-self:start}.entry-tab{writing-mode:horizontal-tb;border-right:1px solid var(--link);top:auto;bottom:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-meta{transition:none}}
