:root{--paper:#f4f1eb;--ink:#181817;--muted:#716f69;--line:#d8d4cc;--acid:#d5f34b;--coral:#ff735b;--blue:#6f9aff;--serif:Georgia,'Songti SC',serif;--sans:'Manrope','Noto Sans SC',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.shell{width:min(1180px,calc(100% - 64px));margin:0 auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{color:var(--ink);font-weight:800;letter-spacing:.13em;text-decoration:none}.wordmark span{color:var(--coral)}nav{display:flex;gap:34px;margin-left:80px}nav a,.top-contact,.footer a{color:var(--ink);text-decoration:none;font-size:13px}nav a:hover,.top-contact:hover,.footer a:hover,.text-link:hover{color:var(--coral)}.top-contact{font-family:var(--mono);font-size:11px}.top-contact span{color:var(--coral);font-size:16px}.hero{min-height:650px;padding:105px 0 100px;display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.13em;color:var(--muted);margin:0 0 20px}.pulse{display:inline-block;width:7px;height:7px;background:#50b879;border-radius:50%;margin:0 9px 1px 0;box-shadow:0 0 0 5px #d9eedc}.hero h1{font-size:clamp(52px,7.2vw,96px);line-height:1.04;letter-spacing:-.055em;margin:0 0 28px;font-weight:700}.hero h1 em,.closing h2 em,.about h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.hero-lede{color:var(--muted);font-size:16px;margin:0 0 34px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;gap:24px;text-decoration:none;padding:12px 17px;font-size:12px;border:1px solid var(--ink);transition:.2s}.button.primary{background:var(--ink);color:var(--paper)}.button.primary:hover{background:var(--coral);border-color:var(--coral)}.button.ghost{color:var(--ink)}.button.ghost:hover{background:var(--acid)}.hero-aside{align-self:end}.portrait-wrap{width:184px;height:240px;overflow:hidden;margin-left:auto;background:#ded8cb;transform:rotate(3deg)}.portrait-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);mix-blend-mode:multiply}.hero-note{border-top:1px solid var(--ink);margin-top:45px;padding-top:13px;margin-left:55px}.mono{font-family:var(--mono);font-size:10px;letter-spacing:.06em}.hero-note p{font-size:12px;line-height:1.6;margin:8px 0 0}.ticker{background:var(--acid);overflow:hidden;border-block:1px solid var(--ink);padding:15px 0}.ticker-track{display:flex;gap:28px;white-space:nowrap;align-items:center;justify-content:center;font-weight:700;font-size:12px;letter-spacing:.14em}.ticker i{font-style:normal;font-size:20px}.work{padding:120px 0 90px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.section-head h2,.principles h2{font-size:58px;line-height:1;letter-spacing:-.05em;margin:0}.section-intro{color:var(--muted);max-width:310px;font-size:13px;margin:0}.filters{display:flex;border-bottom:1px solid var(--line);gap:28px;margin-bottom:28px}.filter{appearance:none;border:0;background:transparent;padding:0 0 14px;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.filter.active{color:var(--ink);border-bottom:2px solid var(--ink)}.filter small{font-family:var(--mono);font-size:9px;margin-left:6px;color:inherit}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:38px 24px}.project-card{min-width:0}.project-card.featured{grid-column:span 2;display:grid;grid-template-columns:1.08fr .92fr}.project-visual{height:280px;position:relative;overflow:hidden}.featured .project-visual{height:405px}.dark-visual{background:#252728;color:#bcd2a1}.warm-visual{background:#e7b97f;color:#25221e}.mint-visual{background:#abdfcf;color:#23463f}.lavender-visual{background:#bdb5e9;color:#2f2c51}.blue-visual{background:#80a4f3;color:#101e44}.red-visual{background:#d9564b;color:#240d11}.visual-label{position:absolute;top:18px;left:20px;font-size:9px;opacity:.75}.visual-caption{position:absolute;left:21px;bottom:18px;font-family:var(--mono);font-size:10px;line-height:1.3}.orbit{border:1px solid #7f9873;border-radius:50%;position:absolute;width:330px;height:330px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(25deg)}.orbit-b{width:230px;height:430px;transform:translate(-50%,-50%) rotate(-48deg);border-color:#56674f}.agent-node{position:absolute;width:45px;height:45px;border:1px solid var(--acid);display:grid;place-items:center;font-family:var(--mono);font-size:14px;background:#313a2d}.node-a{left:31%;top:34%}.node-b{right:20%;top:28%}.node-c{left:52%;bottom:25%}.lens{width:215px;height:215px;border:1px solid #484030;border-radius:50%;position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);display:grid;place-items:center}.crosshair{font-family:var(--mono);font-size:35px;font-weight:300}.lens-copy{position:absolute;left:48px;bottom:31px;font-family:var(--mono);font-size:10px;line-height:1.25}.sound-lines{position:absolute;width:140%;height:100%;left:-20%;top:0;background:repeating-linear-gradient(170deg,transparent 0 22px,rgba(53,44,26,.17) 23px 24px);transform:rotate(-10deg)}.chart{position:absolute;bottom:46px;left:32px;right:32px;height:130px;display:flex;gap:8px;align-items:end;border-bottom:1px solid rgba(35,70,63,.5)}.chart span{flex:1;background:#367b67;opacity:.78}.chart b{position:absolute;right:0;top:-25px;font:500 16px var(--mono)}.ticker-mini{position:absolute;bottom:17px;left:20px;font:10px var(--mono)}.radar{position:absolute;inset:55px 70px;display:grid;place-items:center;text-align:center;font:10px var(--mono);line-height:1.35}.radar-ring{position:absolute;width:180px;height:180px;border:1px solid rgba(47,44,81,.65);border-radius:50%}.radar-ring.small{width:105px;height:105px}.radar i{position:absolute;height:1px;width:175px;background:#2f2c51;transform:rotate(-28deg)}.radar span{z-index:1}.lesson-card{position:absolute;left:34px;right:60px;top:62px;background:#dce6ff;padding:21px;color:#1d3169;box-shadow:11px 11px 0 rgba(29,49,105,.3)}.lesson-card span{font:11px var(--mono);display:block;margin-bottom:22px}.lesson-card strong{font-size:25px;line-height:1.15;display:block;letter-spacing:-.05em}.lesson-card small{font:10px var(--mono);display:block;margin-top:22px}.spark{position:absolute;right:26px;bottom:28px;font-size:38px}.terminal{position:absolute;left:27px;top:64px;font:11px var(--mono);display:grid;gap:15px}.terminal .green{color:#bee999}.cursor{color:var(--acid)}.red-stamp{position:absolute;right:20px;bottom:23px;font:700 10px var(--mono);border:1px solid #240d11;padding:8px;transform:rotate(-7deg)}.project-info{padding:19px 3px 0}.project-meta{display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);letter-spacing:.04em}.project-info h3{font-size:28px;letter-spacing:-.055em;margin:13px 0 8px}.project-info p{margin:0;color:var(--muted);font-size:13px;max-width:520px}.project-bottom{display:flex;align-items:center;gap:7px;margin-top:22px}.chip{font:9px var(--mono);border:1px solid var(--line);padding:5px 7px;color:var(--muted)}.detail-button{margin-left:auto;border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:var(--ink);font:11px var(--mono);cursor:pointer}.project-card.hidden{display:none}.principles{padding:90px 0}.principle-list{border-top:1px solid var(--ink)}.principle{display:grid;grid-template-columns:100px 1fr 1.2fr 40px;align-items:center;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.principle-no{font:10px var(--mono);color:var(--muted)}.principle h3{font-size:19px;margin:0;letter-spacing:-.03em}.principle p{font-size:13px;color:var(--muted);margin:0}.principle-mark{font-size:22px;text-align:right}.about{border-top:1px solid var(--ink);padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-image{height:475px;overflow:hidden;background:#dfdad1}.about-image img{width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(1);mix-blend-mode:multiply}.about-copy h2{font-size:62px;line-height:1.02;letter-spacing:-.055em;margin:0 0 28px}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:440px;margin:0 0 14px}.text-link{display:inline-block;color:var(--ink);font:12px var(--mono);margin-top:22px;text-decoration:underline;text-underline-offset:5px}.text-link span{color:var(--coral)}.closing{padding:90px 0 125px;text-align:center}.closing .eyebrow{margin-bottom:23px}.closing h2{font-size:72px;line-height:1.02;letter-spacing:-.06em;margin:0 0 35px}.footer{border-top:1px solid var(--line);height:80px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:10px var(--mono)}.footer a{font:10px var(--mono);color:var(--muted)}dialog{width:min(600px,calc(100% - 32px));border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:38px;box-shadow:12px 12px 0 var(--acid)}dialog::backdrop{background:rgba(24,24,23,.55)}.dialog-close{position:absolute;top:9px;right:14px;border:0;background:none;font-size:26px;cursor:pointer}.dialog-kicker{font:10px var(--mono);color:var(--muted)}.dialog-title{font-size:42px;line-height:1.05;letter-spacing:-.055em;margin:11px 0 23px}.dialog-body{color:var(--muted);font-size:14px}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.dialog-stat{border-top:1px solid var(--line);padding-top:8px}.dialog-stat b{display:block;font-size:11px;font-family:var(--mono);font-weight:400;color:var(--muted)}.dialog-stat span{display:block;margin-top:4px;font-size:13px}
@media (max-width:760px){.shell{width:min(100% - 36px,600px)}.topbar{height:70px}.topbar nav{display:none}.hero{min-height:auto;padding:72px 0 76px;display:block}.hero h1{font-size:53px}.hero-aside{margin-top:60px}.portrait-wrap{margin-left:35%;width:155px;height:200px}.hero-note{margin-left:17%;margin-top:35px}.ticker-track{justify-content:flex-start;width:max-content;animation:move 22s linear infinite}@keyframes move{to{transform:translateX(-35%)}}.work{padding:80px 0 50px}.section-head{display:block;margin-bottom:33px}.section-head h2,.principles h2{font-size:48px}.section-intro{margin-top:20px}.filters{gap:17px;overflow:auto;white-space:nowrap}.project-grid{display:block}.project-card,.project-card.featured{display:block;margin-bottom:45px}.project-visual,.featured .project-visual{height:290px}.project-info h3{font-size:26px}.principles{padding:50px 0}.principle{grid-template-columns:38px 1fr 24px;gap:10px}.principle p{grid-column:2 / 3}.principle-mark{grid-column:3;grid-row:1}.about{padding:75px 0;display:flex;flex-direction:column;gap:45px}.about-image{height:390px;width:100%}.about-copy h2{font-size:51px}.closing{padding:70px 0 95px}.closing h2{font-size:54px}.footer{height:95px;flex-wrap:wrap;align-content:center;gap:8px}.footer span:nth-child(2){order:3;width:100%}dialog{padding:30px 22px}.dialog-title{font-size:35px}.dialog-grid{grid-template-columns:1fr}}
.live-link{color:var(--coral);font:11px var(--mono);text-decoration:none;white-space:nowrap}.live-link:hover{text-decoration:underline;text-underline-offset:4px}
.anti-api-card .project-bottom{flex-wrap:wrap}
.project-grid .project-card.featured{grid-column:span 1;display:block}.project-grid .project-card.featured .project-visual{height:280px}
.route-map{position:absolute;inset:76px 28px 70px;display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);color:#23463f}.route-map span,.route-map b{border:1px solid rgba(35,70,63,.65);padding:12px 9px;font-weight:500}.route-map i{font-style:normal;font-size:18px}.api-stack{position:absolute;inset:54px 0 0;display:flex;flex-direction:column;align-items:center;gap:7px;font:10px var(--mono);text-align:center}.api-stack span{border:1px solid rgba(47,44,81,.65);padding:7px 11px}.api-stack strong{border:1px solid #2f2c51;padding:14px 21px;font-weight:500;letter-spacing:.03em}.api-stack i{font-style:normal;font-size:16px}