@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#191b19;--paper:#ecebe6;--lime:#d9ec76;--muted:#85877f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-header{height:82px;background:#101110;color:#f6f6f1;display:flex;align-items:center;gap:6vw;padding:0 5vw}.brand{font-size:18px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.brand-dot{color:var(--lime);font-size:25px}.site-header nav{display:flex;gap:38px;margin-left:auto;font-size:13px}.site-header nav a:hover{color:var(--lime)}.header-index{margin-left:5vw;font-size:10px;letter-spacing:.18em;color:#8f9388}.hero{min-height:690px;height:calc(100svh - 82px);max-height:930px;position:relative;overflow:hidden;background:#101110;color:#f5f6ed}.hero-grain{position:absolute;inset:0;opacity:.24;background:radial-gradient(circle at 80% 40%,#525c36 0,transparent 29%),linear-gradient(145deg,transparent 34%,#263224 100%)}.hero-main{position:absolute;left:9.5vw;top:17%;z-index:2}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:700;color:var(--lime);display:flex;align-items:center;gap:15px}.eyebrow.dark{color:#7c884e}.eyebrow-line{width:30px;height:1px;background:currentColor}.hero h1{font-size:clamp(68px,9.2vw,150px);line-height:1.14;letter-spacing:-.085em;font-weight:500;margin:42px 0 30px}.hero h1 em,.contact-row h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.hero-note{font-size:16px;color:#aeb0a8;letter-spacing:.09em}.circle-link{position:absolute;left:0;top:calc(100% + 50px);width:72px;height:72px;border:1px solid #8d9184;border-radius:50%;display:grid;place-items:center;font-size:31px;transition:.2s}.circle-link:hover{background:var(--lime);color:#111;border-color:var(--lime)}.hero-art{position:absolute;width:39vw;height:70%;right:4%;top:15%;border:1px solid #42473b;transform:rotate(-8deg);overflow:hidden;background:linear-gradient(140deg,#384234,#1c231e 50%,#586949);box-shadow:30px 30px 90px #0009}.art-orb{width:72%;aspect-ratio:1;border-radius:50%;position:absolute;left:22%;top:8%;background:radial-gradient(circle at 35% 30%,#e9efbd 0,#a9bb71 28%,#3d513d 55%,#17261e 76%);filter:blur(1px);box-shadow:0 0 100px #9db47955}.art-frame{position:absolute;inset:12%;border:1px solid #d6e5b738}.art-caption{position:absolute;bottom:8%;left:10%;font-size:10px;letter-spacing:.22em;color:#ccd5bc}.hero-bottom{position:absolute;bottom:5%;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#9a9e94}.works-section{padding:125px 7vw 140px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-size:clamp(54px,7vw,105px);letter-spacing:-.07em;font-weight:500;margin:12px 0}.serif-mark{font:italic 75px Georgia,serif;color:#8e9c51}.section-side{font-size:13px;line-height:2;color:#777b72;margin-bottom:25px}.filters{display:flex;gap:34px;border-bottom:1px solid #c9cac3;margin:45px 0 35px}.filters button{background:none;border:0;padding:0 0 18px;color:#777b72;font-size:13px}.filters button.active{color:#171a17;border-bottom:2px solid #171a17}.filters button span{font-size:10px;margin-left:4px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 28px}.work-card{border:0;background:none;text-align:left;padding:0;color:inherit}.work-visual{height:auto;aspect-ratio:1.45;display:block;position:relative;overflow:hidden;background:#d4d6ca}.work-visual img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.work-card:hover img{transform:scale(1.04)}.work-visual-placeholder{background:radial-gradient(circle at 58% 43%,#c2cf94 0,#87936e 20%,#344237 46%,#1c231e 65%)}.work-play{position:absolute;bottom:22px;right:22px;width:46px;height:46px;border-radius:50%;background:#f1f2e9;display:grid;place-items:center}.work-info{display:grid;grid-template-columns:35px 1fr auto;align-items:baseline;padding-top:18px;gap:10px}.work-number,.work-info>span:last-child{font-size:11px;color:#7d8179}.work-info strong{font-size:21px;font-weight:500}.empty-state{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:center;padding:25px 0 45px}.empty-state[hidden]{display:none}.empty-art{height:420px;background:linear-gradient(145deg,#c4c8ab,#7d8972 40%,#26352f 78%);position:relative;overflow:hidden}.empty-art:before{content:'';position:absolute;width:310px;height:310px;border:1px solid #f3f3df88;border-radius:50%;top:55px;left:25%;box-shadow:0 0 0 45px #f3f3df11,0 0 0 95px #f3f3df0d}.empty-art span{position:absolute;bottom:30px;left:30px;font-size:13px;letter-spacing:.22em;color:#fafbef}.empty-state h3{font-size:clamp(34px,3.6vw,58px);font-weight:500;letter-spacing:-.055em}.empty-state p:not(.eyebrow){line-height:2;color:#777b72;font-size:14px;max-width:360px}.demo-tag{position:absolute;bottom:0;right:0;font-size:10px;color:#8e9088;letter-spacing:.15em}.statement{background:#242b23;color:#f0f1e9;padding:110px 9vw 65px}.statement>p:nth-child(2){font-size:clamp(35px,5vw,76px);letter-spacing:-.06em;line-height:1.55;margin:80px 0 100px}.statement>p:nth-child(2) span{color:var(--lime)}.statement-bottom{display:flex;justify-content:space-between;border-top:1px solid #62695c;padding-top:23px;color:#aeb5aa;font-size:11px;letter-spacing:.18em}.contact-section{padding:125px 7vw 30px}.contact-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:130px}.contact-row h2{font-size:clamp(65px,8vw,130px);line-height:1.17;letter-spacing:-.08em;font-weight:500;margin:30px 0}.contact-link{background:var(--ink);color:white;border-radius:50%;width:150px;height:150px;display:grid;place-items:center;font-size:16px}.contact-link[href]:hover{background:#6b7740}footer{display:flex;justify-content:space-between;border-top:1px solid #c5c8bd;padding-top:26px;font-size:10px;letter-spacing:.17em;color:#777b72}footer a:hover{text-decoration:underline}.viewer{width:min(1100px,94vw);max-height:94vh;border:0;background:#171a17;color:#f5f6f0;padding:0;overflow:auto}.viewer::backdrop{background:#080a08dd}.viewer-close{position:sticky;top:12px;float:right;margin:12px 12px -60px 0;border:0;border-radius:50%;background:#e9ece2;width:44px;height:44px;font-size:30px;z-index:2}.viewer-media{display:grid;place-items:center;background:#090a09;min-height:250px}.viewer-media video,.viewer-media img{max-width:100%;max-height:70vh}.viewer-copy{padding:35px 45px 55px}.viewer-copy h2{font-size:42px;font-weight:500;margin:15px 0}.viewer-copy>p:last-child{color:#b4b8ae;line-height:1.8;white-space:pre-wrap}@media(max-width:760px){.site-header{height:68px;padding:0 6vw}.site-header nav{gap:17px;font-size:12px}.header-index{display:none}.hero{height:720px;min-height:620px}.hero-main{left:6vw;top:14%}.hero h1{font-size:clamp(60px,12vw,90px);margin-top:25px}.hero-art{width:60vw;height:47%;right:-10%;top:46%;opacity:.72}.circle-link{top:calc(100% + 25px);width:58px;height:58px}.hero-bottom{left:6vw;right:6vw}.hero-bottom span:first-child{display:none}.works-section{padding:85px 6vw}.section-heading{display:block}.section-side{margin-top:10px}.filters{margin-top:35px}.work-grid{grid-template-columns:1fr;gap:45px}.empty-state{display:block}.empty-art{height:310px}.empty-state h3{margin-top:40px}.demo-tag{position:static;display:block;margin-top:25px}.statement{padding:80px 6vw 45px}.statement>p:nth-child(2){margin:65px 0 80px}.contact-section{padding:85px 6vw 25px}.contact-row{display:block;margin-bottom:90px}.contact-link{width:115px;height:115px}.contact-row h2{font-size:65px}footer{gap:20px;flex-wrap:wrap}.work-info{grid-template-columns:25px 1fr}.work-info>span:last-child{grid-column:2}.viewer-copy{padding:25px}}