:root{--paper: #f1efe8;--ink: #111820;--muted: #5b625f;--line: #b8bbb3;--orange: #e6502d;--blue: #2254d8;--acid: #d9f45f;--white: #fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.24em}.skip-link{position:fixed;top:0;left:1rem;z-index:100;padding:.7rem 1rem;background:var(--ink);color:#fff;transform:translateY(-110%)}.skip-link:focus{transform:translateY(0)}.site-header{width:min(1440px,calc(100% - 48px));min-height:84px;margin:0 auto;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:2rem}.wordmark{font:700 .82rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-decoration:none}.wordmark span{color:var(--orange);padding:0 .25em}nav{display:flex;gap:clamp(1rem,3vw,2.75rem);font-size:.88rem}nav a{text-decoration:none}nav a:hover,nav a:focus-visible{text-decoration:underline}.hero{width:min(1440px,calc(100% - 48px));margin:0 auto;padding:clamp(4.5rem,10vw,9rem) 0 0}.eyebrow,.project-type{margin:0;font:650 .72rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:1280px;margin:1.5rem 0 2.5rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.75rem,9.7vw,9.25rem);font-weight:400;letter-spacing:-.065em;line-height:.82}.hero h1 em{color:var(--blue);font-weight:400}.hero-bottom{display:grid;grid-template-columns:minmax(0,7fr) minmax(180px,3fr);align-items:end;gap:3rem;padding:1rem 0 4rem}.intro{max-width:700px;margin:0;font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.45}.text-link{justify-self:end;font-weight:650}.text-link span{display:inline-block;margin-left:.55rem;color:var(--orange)}.hero-rule{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:repeat(4,1fr);padding:.85rem 0;font:600 .67rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.hero-rule span:not(:first-child){text-align:center;border-left:1px solid var(--line)}.work{width:min(1440px,calc(100% - 48px));margin:0 auto;padding-top:clamp(5rem,10vw,10rem)}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:end;margin-bottom:clamp(4rem,7vw,7rem)}.section-heading h2,.principles h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,5vw,5rem);font-weight:400;letter-spacing:-.045em;line-height:.98}.section-heading>p:last-child{max-width:260px;margin:0;color:var(--muted)}.project{position:relative;display:grid;grid-template-columns:72px minmax(360px,.9fr) minmax(400px,1.1fr);gap:clamp(1.5rem,4vw,5rem);padding:clamp(3rem,6vw,6rem) 0;border-top:1px solid var(--ink)}.project:last-child{border-bottom:1px solid var(--ink)}.project-index{font:500 .8rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.project-kicker{display:flex;align-items:center;gap:.75rem;font:650 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.project-kicker img{width:38px;height:38px;border-radius:7px}.project h3{margin:1.3rem 0 1.5rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.75rem,5.1vw,5.4rem);font-weight:400;letter-spacing:-.05em;line-height:.9}.project-lede{max-width:620px;margin:0;font-size:clamp(1rem,1.35vw,1.22rem)}.facts{margin:2rem 0;padding:0;list-style:none;border-top:1px solid var(--line)}.facts li{display:grid;grid-template-columns:96px 1fr;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line);font-size:.86rem}.facts span{color:var(--muted);font:600 .67rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}.project-actions{display:flex;flex-wrap:wrap;gap:.6rem}.button{display:inline-flex;min-height:43px;align-items:center;padding:.65rem .9rem;border:1px solid var(--ink);text-decoration:none;font-size:.8rem;font-weight:650;transition:transform .12s ease,background .12s ease,color .12s ease}.button:hover,.button:focus-visible{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--ink)}.button-dark{background:var(--ink);color:var(--white)}.button-accent{background:var(--acid)}.project-figure{position:relative;align-self:stretch;min-height:520px;overflow:hidden;background:var(--ink);color:#fff}.visualizer-figure{background-color:#101827;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:32px 32px;perspective:500px}.cloud{position:absolute;width:58%;aspect-ratio:1;top:18%;left:21%;border-radius:47% 53% 57% 43%;background-image:radial-gradient(circle,#ff7958 0 1.4px,transparent 1.8px);background-size:11px 11px;filter:drop-shadow(0 0 10px rgba(230,80,45,.3));transform:rotate(-16deg) rotateX(48deg);-webkit-mask-image:radial-gradient(ellipse,black 20%,rgba(0,0,0,.8) 50%,transparent 73%);mask-image:radial-gradient(ellipse,black 20%,rgba(0,0,0,.8) 50%,transparent 73%)}.axis{position:absolute;left:18%;bottom:19%;height:1px;transform-origin:left}.axis:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.axis-x{width:34%;background:#ff5b45;color:#ff5b45;transform:rotate(-8deg)}.axis-y{width:29%;background:#d9f45f;color:#d9f45f;transform:rotate(-72deg)}.axis-z{width:30%;background:#56b3ff;color:#56b3ff;transform:rotate(39deg)}.figure-label{position:absolute;padding:.35rem .45rem;border:1px solid rgba(255,255,255,.42);background:#101827b8;font:500 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.visualizer-figure .label-a{top:8%;left:7%}.visualizer-figure .label-b{top:48%;right:8%}.visualizer-figure .label-c{bottom:7%;right:7%;color:var(--acid)}.image-figure{background:#d7d4ca}.image-grid{position:absolute;inset:9%;background-color:#202938;background-image:radial-gradient(ellipse at 28% 34%,#f3b462 0 2%,#bc453c 9%,transparent 25%),radial-gradient(ellipse at 69% 61%,#83d0cd 0 3%,#396a91 12%,transparent 28%),radial-gradient(ellipse at 52% 43%,#f1df72 0 1%,#765886 11%,transparent 30%),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:auto,auto,auto,14px 14px,14px 14px;box-shadow:14px 14px 0 var(--orange)}.scanline{position:absolute;left:9%;right:7%;top:48%;height:1px;background:var(--acid);box-shadow:0 0 9px var(--acid)}.pixel-readout{position:absolute;top:19%;right:3%;padding:.75rem;background:var(--white);color:var(--ink);font:500 .67rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:4px 4px 0 var(--ink)}.pixel-readout strong{font-size:1rem}.image-figure .label-a{bottom:3%;left:4%;background:var(--ink)}.image-figure .label-b{bottom:3%;right:4%;background:var(--ink)}.tracker-mark{display:inline-grid;width:38px;height:38px;place-items:center;background:var(--acid);color:var(--ink);font-size:1.25rem}.project-tracker .project-type{display:inline-block;margin-left:.7rem;vertical-align:top;transform:translateY(12px)}.tracker-figure{min-height:470px;padding:clamp(1.2rem,3vw,2.5rem);background:#151714;display:flex;flex-direction:column;justify-content:center}.tracker-head,.tracker-row{display:grid;grid-template-columns:42px minmax(100px,1fr) 100px 72px;align-items:center;gap:.75rem}.tracker-head{padding:0 0 .75rem;color:#92988f;font:500 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.tracker-row{min-height:65px;border-top:1px solid #3a3d38;font:500 .8rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.tracker-row strong{font-family:inherit;font-size:.92rem}.tracker-row em{color:var(--acid);font-style:normal;text-align:right}.tracker-figure>p{margin:1.2rem 0 0;color:#92988f;font:500 .58rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.principles{width:min(1440px,calc(100% - 48px));margin:0 auto;padding:clamp(6rem,12vw,12rem) 0;display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem}.principle-list{align-self:end}.principle-list p{margin:0;padding:.8rem 0;border-top:1px solid var(--line);font-size:.9rem}.principle-list p:last-child{border-bottom:1px solid var(--line)}.principle-list span{margin-right:.7rem;color:var(--orange);font:600 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}footer{background:var(--ink);color:var(--white);padding:clamp(3rem,6vw,5rem) max(24px,calc((100vw - 1440px)/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}footer p{max-width:450px}.footer-links{display:grid;align-content:start;gap:.55rem;font-size:.86rem}.copyright{margin:0;color:#a8ada8;font:500 .66rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}@media(max-width:980px){.project{grid-template-columns:48px 1fr}.project-figure{grid-column:2;min-height:470px}.section-heading,.principles{grid-template-columns:1fr 2fr}.section-heading>p:last-child,.principle-list{grid-column:2}}@media(max-width:680px){.site-header,.hero,.work,.principles{width:min(100% - 28px,1440px)}.site-header{min-height:68px}nav{gap:1rem;font-size:.75rem}nav a:first-child{display:none}.hero{padding-top:4rem}.hero h1{font-size:clamp(3.2rem,17vw,5rem);line-height:.88}.hero-bottom,.section-heading,.principles,footer{grid-template-columns:1fr}.text-link{justify-self:start}.hero-rule{grid-template-columns:repeat(2,1fr);gap:.7rem 0}.hero-rule span:nth-child(3){border-left:0;text-align:left}.work{padding-top:6rem}.section-heading>p:last-child,.principle-list{grid-column:1}.project{grid-template-columns:1fr;gap:1.5rem}.project-index{position:absolute;top:3.25rem;right:0}.project-figure{grid-column:1;min-height:390px}.facts li{grid-template-columns:78px 1fr}.tracker-head,.tracker-row{grid-template-columns:30px minmax(80px,1fr) 72px 54px;gap:.35rem}footer{gap:2.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}