:root{color-scheme:dark;--bg:#080c1c;--fg:#f1f2ff;--muted:#bdc3df;--accent:#c4b6ff;--cyan:#96dbf5;--line:#32384f;--surface:#10162a;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;font-size:16px;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);line-height:1.65}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:var(--cyan)}a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px;border-radius:2px}img{display:block;max-width:100%;height:auto}p,h1,h2,h3{margin:0}p{color:var(--muted)}.wrap{width:min(1248px,calc(100% - 112px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;padding:12px 20px;background:var(--fg);color:var(--bg);z-index:10}.skip-link:focus{top:12px;color:var(--bg)}
.header{min-height:112px;display:flex;justify-content:space-between;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:600;white-space:nowrap}.identity-handle{font-weight:400;color:var(--muted);font-size:14px}.identity-orbit{width:25px;height:18px;display:inline-block;border:1.5px solid var(--accent);border-radius:50%;transform:rotate(-35deg);position:relative;margin-right:3px}.identity-orbit:after{content:"";position:absolute;inset:-2px;border:1.5px solid var(--cyan);border-radius:50%;transform:rotate(70deg)}nav{display:flex;gap:32px;font-size:14px}nav a{text-decoration:none;padding:12px 0}
.hero{min-height:740px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:16px;padding-block:52px 72px}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(54px,6.25vw,88px);line-height:1.075;font-weight:500;letter-spacing:-.055em}h1 span{color:var(--accent)}.hero-intro{font-size:18px;line-height:1.75;max-width:470px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;background:var(--accent);color:var(--bg);padding:15px 24px;text-decoration:none;border:1px solid var(--accent);font-size:15px;font-weight:600;border-radius:5px;min-height:52px}.button:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.hero .button{margin-top:30px}.hero-note{margin-top:20px;font-size:12px;letter-spacing:.035em}.hero-visual{position:relative;align-self:center}.hero-visual img{width:100%}.visual-caption{display:block;text-align:center;font:10px/1.5 monospace;letter-spacing:.14em;color:var(--muted);margin-top:-8px}
.work{padding-top:22px;padding-bottom:104px;scroll-margin-top:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:45px;border-bottom:1px solid var(--line)}h2{font-size:clamp(30px,3vw,42px);line-height:1.2;font-weight:500;letter-spacing:-.035em}.count{font:14px/1 monospace;letter-spacing:0;color:var(--muted);vertical-align:middle}.section-heading p{font-size:14px;line-height:1.7}.project{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;padding-block:64px;border-bottom:1px solid var(--line);align-items:start;scroll-margin-top:24px}.project-art{border:1px solid #29324f;border-radius:10px;overflow:hidden;background:var(--bg)}.project-art img{width:100%;aspect-ratio:600/540;object-fit:cover}.project-copy{padding-top:2px}.project-category{font-size:12px;color:var(--cyan);letter-spacing:.05em;margin-bottom:18px}.project-category span{display:inline-block;width:36px;color:#8e99bb;font-family:monospace}h3{font-size:clamp(26px,2.6vw,36px);font-weight:500;line-height:1.25;letter-spacing:-.035em}.question{font-size:18px;color:var(--fg);margin-block:22px 14px}.project-copy>p:not(.question):not(.project-category){font-size:15px;line-height:1.85}.tags{list-style:none;margin:22px 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.tags li{font:11px/1.7 monospace;color:var(--muted);border:1px solid #3b405a;padding:4px 10px;border-radius:3px}.text-link{display:inline-flex;align-items:center;gap:32px;font-size:14px;color:var(--accent)}details{margin-top:27px;border-top:1px solid var(--line);font-size:13px;padding-top:14px}summary{cursor:pointer;min-height:32px;color:var(--muted);padding:4px 0}details p{margin-block:12px}details code{font-size:12px;color:var(--fg)}.evidence{padding-left:20px;margin-block:12px 0;overflow-wrap:anywhere}.evidence li{padding-block:4px}.evidence a{color:var(--cyan)}
.approach{background:var(--surface);border-block:1px solid var(--line);padding-block:86px 92px;scroll-margin-top:24px}.approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach-intro h2{max-width:450px}.approach-intro p{font-size:15px;max-width:460px}.focus-list{padding:0;margin:60px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:46px}.focus-list li{border-top:1px solid #555a74;padding-top:18px}.focus-number{font:12px/1 monospace;color:var(--accent)}.focus-list h3{font-size:22px;margin-block:20px 14px;letter-spacing:-.025em}.focus-list p{font-size:14px;line-height:1.8}.focus-list a{display:inline-block;font-size:13px;color:var(--accent);margin-top:24px;padding-block:6px}.closing{padding-block:88px;display:flex;justify-content:space-between;align-items:center;gap:44px}.closing p{margin-top:16px;font-size:15px}.button-outline{border-color:#676384;background:transparent;color:var(--fg)}.footer{border-top:1px solid var(--line);min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px}.footer a{white-space:nowrap;color:var(--muted)}
@media(min-width:1600px){h1{font-size:88px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.identity-handle{display:none}.hero{min-height:640px;grid-template-columns:1.1fr 1fr}.project{gap:36px}.approach-intro{gap:46px}.focus-list{gap:28px}.hero-intro{font-size:16px}.hero-note{font-size:11px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{min-height:86px;gap:12px}.identity{font-size:16px;gap:8px}nav{gap:17px;font-size:12px}nav a{padding-block:14px}.identity-orbit{width:21px;height:15px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-block:48px 48px;min-height:0}h1{font-size:clamp(43px,10.8vw,72px)}.hero-intro{max-width:480px;font-size:16px;margin-top:26px}.hero .button{margin-top:26px}.hero-visual{width:min(100%,440px);margin:10px auto 0}.hero-visual img{max-height:410px;object-fit:contain}.visual-caption{font-size:9px}.hero-note{font-size:12px}.work{padding-block:16px 60px}.section-heading{align-items:start;gap:20px;flex-direction:column;padding-bottom:30px}.section-heading p br{display:none}.project{grid-template-columns:1fr;gap:30px;padding-block:36px}.project-art img{aspect-ratio:600/370}.project-copy{padding-top:0}.project-category{margin-bottom:14px}h3{font-size:29px}.question{font-size:17px;margin-block:18px 12px}.project-copy>p:not(.question):not(.project-category){font-size:15px}.approach{padding-block:54px}.approach-intro{grid-template-columns:1fr;gap:24px}.approach-intro h2{max-width:320px}.focus-list{grid-template-columns:1fr;gap:34px;margin-top:38px}.focus-list h3{margin-block:15px 12px}.focus-list a{margin-top:14px}.closing{padding-block:56px;align-items:start;flex-direction:column;gap:26px}.footer{padding-block:28px;align-items:start;flex-direction:column;gap:12px;line-height:1.7}.button{gap:36px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
@media(forced-colors:active){.button,.project-art,.tags li{border:1px solid CanvasText}.identity-orbit{border-color:CanvasText}}