:root{--bg:#121310;--panel:#1b1d18;--ink:#f0f0e9;--muted:#a2a59a;--line:#393c33;--green:#c3ff55;--blue:#2149ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:5px}::selection{color:var(--bg);background:var(--green)}header{height:104px;margin:0 4.5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:38px}.wordmark{font-size:42px;font-weight:900;letter-spacing:-5px}.wordmark span{font-size:14px;vertical-align:top;letter-spacing:0}.header-label{font-size:12px;line-height:1.5;letter-spacing:1px}.index-link{margin-left:auto;font-size:13px;letter-spacing:1px}.index-link span{margin-left:28px;font-size:23px}.hero{padding:26px 4.5% 0}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font:12px monospace;letter-spacing:.04em;color:var(--muted)}h1{font-size:clamp(76px,13.3vw,205px);font-weight:500;line-height:1;margin:35px 0 20px;letter-spacing:-.075em;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.asterisk{font-size:.62em;color:var(--green);font-weight:normal;margin-right:5px}.hero-grid{display:grid;grid-template-columns:.85fr 1.4fr;min-height:405px}.hero-copy{padding:20px 0 35px;z-index:1}.role{font-size:28px;line-height:1.15;margin:0 0 28px;letter-spacing:-1px}.intro{font-size:17px;line-height:1.55;color:var(--muted)}.enter{display:flex;align-items:center;justify-content:space-between;width:280px;margin-top:30px;background:var(--green);color:#121310;border-radius:50px;padding:19px 24px;font-size:13px;font-weight:700;letter-spacing:.03em;transition:transform .2s,background .2s}.enter:hover{background:#d8ff94;transform:translateY(-3px)}.enter span{font-size:24px;line-height:1}.entry-note{display:block;margin-top:16px;font-size:12px;color:var(--muted)}.hero-art{position:relative;isolation:isolate;border-radius:48% 48% 25% 25%;background:radial-gradient(ellipse at center,#353d2b 0%,#1a1e16 35%,transparent 70%);min-width:0}.orbit{position:absolute;inset:10% 5% 13%;border:1px solid #727e5344;border-radius:50%;transform:rotate(-24deg)}.art-coordinate,.art-caption{position:absolute;font:11px monospace;color:var(--muted);z-index:2;letter-spacing:.04em}.art-coordinate{right:0;top:20px}.art-caption{right:0;bottom:20px}.hero-bottom{border-top:1px solid var(--line);padding:22px 0}.world{padding:100px 4.5% 90px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.eyebrow{font:12px monospace;letter-spacing:.09em;color:var(--muted)}h2{font-size:clamp(40px,5vw,70px);line-height:1.05;font-weight:400;letter-spacing:-3px;margin:23px 0 0}h2 span{color:#8b9082}.section-heading p{font-size:17px;line-height:1.5;color:var(--muted);margin:0 40px 4px 0}.modules{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:44px;border-bottom:1px solid var(--line)}.module{padding:13px 17px;border-radius:30px;border:1px solid #464a40;background:transparent;color:var(--ink);font-size:12px;letter-spacing:.04em;transition:.2s}.module:hover{border-color:var(--green);color:var(--green)}.module[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#121310}.module small{margin-right:8px;opacity:.6}.work-heading{display:flex;align-items:end;justify-content:space-between;margin-top:43px}h3{font-size:29px;letter-spacing:-1px;font-weight:400;margin:12px 0 0}#project-count{font:13px monospace;color:var(--muted)}.area-description{color:var(--muted);font-size:16px;margin:14px 0 28px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:38px 24px}.project{border:0;background:none;color:var(--ink);text-align:left;padding:0}.project-visual{height:330px;border-radius:4px 65px 4px 4px;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #3b4033;background:#292e22;transition:border-radius .35s,transform .35s}.project:hover .project-visual{border-radius:4px 110px 4px 4px;transform:translateY(-4px)}.visual-code{font:12px monospace;letter-spacing:.08em;z-index:1}.visual-title{font-size:clamp(35px,4.2vw,65px);font-weight:500;letter-spacing:-.06em;line-height:.95;z-index:1;max-width:90%}.visual-caption{font:11px monospace;letter-spacing:.05em;z-index:1;opacity:.75}.visual-index{position:absolute;right:25px;top:50%;transform:translateY(-50%);font-size:180px;letter-spacing:-18px;opacity:.09}.tone-blue{background:var(--blue)}.tone-light{background:#d4d7cb;color:#20251b}.tone-black{background:#20231e}.tone-green{background:var(--green);color:#20251b}.project-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 0}.project-meta h4{font-weight:400;font-size:21px;margin:0 0 7px}.project-meta p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.project-meta>span{font-size:27px}.statement{border-top:1px solid var(--line);padding:72px 4.5% 80px;background:#191c15}.statement>p{font-size:clamp(36px,6vw,84px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:35px 0}.statement em{font-style:normal;color:var(--green)}.statement>div{color:var(--muted);font-size:16px;line-height:1.6}footer{display:flex;padding:35px 4.5%;align-items:center;gap:45px}footer>span{font-size:12px;line-height:1.6;color:var(--muted)}footer>a:last-child{margin-left:auto;font-size:12px}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:30px;width:min(1000px,94vw);max-height:90dvh;border-radius:12px}dialog::backdrop{background:#000c;backdrop-filter:blur(9px)}.dialog-top,.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-top button,.dialog-bottom button{border:1px solid var(--line);border-radius:30px;color:var(--ink);background:transparent;padding:12px 18px;font-size:13px}.dialog-top button:hover,.dialog-bottom button:hover{color:var(--green);border-color:var(--green)}#case-title{font-size:clamp(42px,7vw,82px);letter-spacing:-.055em;line-height:1;margin:38px 0 18px}.case-summary{color:var(--muted);font-size:18px;line-height:1.6;max-width:700px}.case-role{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);line-height:1.6;font-size:16px}.case-role span{color:var(--green);font:12px monospace;margin-right:20px}.case-placeholder{min-height:240px;margin:26px 0}.case-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:35px 0}.case-steps h3{font:13px monospace;color:var(--green);letter-spacing:.05em}.case-steps p{font-size:16px;line-height:1.65;color:var(--muted)}.draft-note{font-size:13px;color:var(--muted);border-left:2px solid var(--blue);padding-left:15px;margin:28px 0}.dialog-bottom{border-top:1px solid var(--line);padding-top:24px}#case-position{font:12px monospace;color:var(--muted)}.skip{position:fixed;left:20px;top:-100px;z-index:10;background:var(--green);color:black;padding:15px}.skip:focus{top:10px}body.modal-open{overflow:hidden}@media(min-width:1600px){header,.hero,.world,.statement,footer{padding-left:max(4.5%,calc((100vw - 1450px)/2));padding-right:max(4.5%,calc((100vw - 1450px)/2))}header{margin:0}}@media(max-width:700px){header{height:82px;gap:25px}.header-label{font-size:10px}.hero-top{font-size:10px}.hero-top span:last-child{display:none}h1{font-size:15vw;margin:32px 0 25px}.asterisk{font-size:.65em}.hero-grid{grid-template-columns:1fr;position:relative}.hero-copy{padding-top:235px}.hero-art{position:absolute;top:-28px;left:0;right:0;height:280px;z-index:0}.hero-art .art-caption{bottom:24px;font-size:9px}.art-coordinate{font-size:9px}.hero-copy .role{font-size:26px}.intro{font-size:16px}.hero-bottom{font-size:9px;gap:20px}.hero-bottom span:nth-child(2){display:none}.enter{width:100%;max-width:360px}.world{padding-top:65px}.section-heading{display:block}.section-heading p{margin:25px 0 0;font-size:16px}h2{letter-spacing:-2px}.modules{gap:7px;padding-bottom:30px}.module{padding:12px;font-size:11px}.projects{grid-template-columns:1fr;gap:32px}.project-visual{height:310px}.visual-title{font-size:55px}.work-heading h3{font-size:25px}#project-count{font-size:11px}.statement{padding-top:55px;padding-bottom:55px}footer{gap:25px;flex-wrap:wrap}footer>a:last-child{font-size:10px}dialog{padding:20px}.case-steps{grid-template-columns:1fr;gap:9px}.case-steps p{margin-top:12px}.dialog-top button{padding:10px;font-size:11px}.case-role span{display:block}.dialog-bottom button{padding:11px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.hero-art{background-image:url('assets/concept-sculpture.webp');background-size:cover;background-position:center;border-radius:0;mask-image:linear-gradient(to right,transparent,black 13%,black 90%,transparent),linear-gradient(to bottom,transparent,black 14%,black 80%,transparent);mask-composite:intersect}.hero-art .orbit{display:none}.hero-art .art-caption,.hero-art .art-coordinate{color:#c7cebd;text-shadow:0 1px 5px #000}.hero-art .art-caption{right:8%;bottom:12%}.hero-art .art-coordinate{right:8%;top:12%}@media(max-width:700px){.hero-art{background-position:center 56%;background-size:cover}.hero-art .art-caption{font-size:9px;bottom:10%}}