:root{--ink:#11110f;--paper:#f1f0eb;--line:rgba(17,17,15,.22);--lime:#c7ff37;--pad:clamp(20px,3vw,48px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(241,240,235,.88);backdrop-filter:blur(16px)}.wordmark{font-weight:600;letter-spacing:-.04em;font-size:1.1rem}.nav nav{display:flex;gap:clamp(20px,3vw,48px);font-size:.88rem}.nav nav a:hover{text-decoration:underline;text-underline-offset:5px}.intro{min-height:calc(100vh - 88px);padding:clamp(32px,5vw,76px) var(--pad) 32px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-head,.project-meta span{font-family:"Fragment Mono",monospace;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem}.intro h1{font-size:clamp(3.2rem,8.5vw,9rem);line-height:.88;letter-spacing:-.075em;font-weight:500;max-width:1300px;margin:40px 0}.intro h1 span{font-family:Georgia,serif;font-weight:400;font-style:italic}.intro-foot{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.intro-foot p{font-size:clamp(1rem,1.5vw,1.4rem);line-height:1.45;max-width:650px;margin:0}.index-link{font-family:"Fragment Mono";font-size:.75rem;text-transform:uppercase;display:flex;gap:32px}.work{padding:100px var(--pad)}.section-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:32px}.section-head h2{font:inherit;margin:0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:56px 20px}.project{cursor:pointer}.project-art{height:min(43vw,620px);min-height:390px;position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.project:hover .project-art,.project:focus .project-art{transform:scale(.985)}.project-meta{padding:14px 0;display:grid;grid-template-columns:1fr 1.4fr auto;gap:16px;border-bottom:1px solid var(--line);align-items:baseline}.project-meta h3,.project-meta p{margin:0;font-size:.93rem}.project-meta h3{font-weight:600}.project-meta p{opacity:.7}.baseline-art{background:#b6ff54}.body-glow{position:absolute;width:24%;height:75%;left:38%;top:13%;border-radius:50% 50% 44% 44%;background:radial-gradient(ellipse at 50% 32%,#fff 0,#eaffca 9%,rgba(43,133,72,.45) 36%,rgba(0,50,25,.86) 72%);filter:blur(2px);box-shadow:0 0 90px #e8ffb6}.orbit{position:absolute;border:1px solid rgba(7,65,30,.4);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-one{width:76%;height:38%}.orbit-two{width:48%;height:68%;transform:translate(-50%,-50%) rotate(38deg)}.metric{position:absolute;font:500 clamp(2rem,5vw,5rem)/1 "Fragment Mono"}.metric-a{top:8%;left:6%}.metric-b{bottom:8%;right:6%;font-size:1rem}.radar-art{background:#151714;color:#d6ff4e}.radar-grid{position:absolute;inset:-10%;background:repeating-radial-gradient(circle at center,transparent 0 60px,rgba(213,255,76,.14) 61px 62px),linear-gradient(90deg,transparent 49.9%,rgba(213,255,76,.18) 50%,transparent 50.1%),linear-gradient(transparent 49.9%,rgba(213,255,76,.18) 50%,transparent 50.1%)}.sweep{position:absolute;width:70%;height:70%;left:15%;top:15%;border-radius:50%;background:conic-gradient(from 35deg,rgba(199,255,55,.3),transparent 27%);animation:spin 7s linear infinite}.plane{position:absolute;left:50%;top:50%;font-size:4rem;transform:translate(-50%,-50%)}.tail,.ready{position:absolute;font:400 .7rem "Fragment Mono"}.tail{left:6%;top:7%}.ready{right:6%;bottom:7%;border:1px solid;padding:7px 10px}.ares-art{background:#dedad0}.case-panel{position:absolute;background:#faf9f4;left:16%;right:16%;top:19%;padding:clamp(20px,3vw,46px);box-shadow:0 25px 60px rgba(0,0,0,.13)}.case-panel small{font:400 .65rem "Fragment Mono"}.case-panel strong{display:block;font:400 clamp(1.6rem,3vw,3.4rem) Georgia,serif;margin:40px 0 12px}.case-panel p{opacity:.6}.case-panel i{display:block;border-top:1px solid #ddd;margin-top:16px}.legal-mark{position:absolute;right:4%;bottom:-10%;font:italic 16rem Georgia;color:rgba(80,64,50,.12)}.brandwise-art{background:#5b41df}.comment{position:absolute;background:#fff;color:#17131f;padding:16px 20px;border-radius:4px;font-size:clamp(.8rem,1.2vw,1rem);box-shadow:0 8px 28px rgba(0,0,0,.2)}.c1{left:8%;top:13%}.c2{right:8%;top:41%}.c3{left:24%;bottom:12%}.signal{position:absolute;width:42%;aspect-ratio:1;left:29%;top:22%;border:60px solid rgba(255,255,255,.9);border-left-color:#d1ff45;border-radius:50%;animation:pulse 4s ease-in-out infinite}.carbon-art{background:#082b24;color:#d7ffce}.carbon-number{position:absolute;left:7%;top:4%;font-size:clamp(4rem,8vw,8rem);letter-spacing:-.07em}.carbon-number span{font-size:.8rem;letter-spacing:0;font-family:"Fragment Mono"}.chart-bars{position:absolute;left:7%;right:7%;bottom:8%;height:34%;display:flex;align-items:flex-end;gap:3%}.chart-bars i{flex:1;background:#a8ff80;height:35%}.chart-bars i:nth-child(2){height:49%}.chart-bars i:nth-child(3){height:42%}.chart-bars i:nth-child(4){height:72%}.chart-bars i:nth-child(5){height:65%}.chart-bars i:nth-child(6){height:92%}.dellioo-art{background:#f34724;color:#17100e;padding:7%}.dellioo-art>span{font-size:clamp(2.8rem,5vw,6.5rem);line-height:.88;letter-spacing:-.07em}.route{position:absolute;width:50%;height:50%;right:-5%;bottom:-4%;border:2px solid;border-radius:50% 0 0 0;transform:rotate(-25deg)}.dellioo-art b{position:absolute;border:1px solid;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font:400 .7rem "Fragment Mono"}.dellioo-art b:nth-of-type(1){left:8%;bottom:9%}.dellioo-art b:nth-of-type(2){left:28%;bottom:20%}.dellioo-art b:nth-of-type(3){right:12%;top:18%}.about{padding:120px var(--pad);background:#11110f;color:#f1f0eb}.about h2{font-size:clamp(2.8rem,7vw,7.5rem);line-height:.94;letter-spacing:-.065em;font-weight:500;max-width:1200px;margin:70px 0 110px}.about-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8vw;border-top:1px solid rgba(255,255,255,.25);padding-top:18px}.about-grid>p{font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.55;margin:0}.about-grid div>p{font:400 .7rem "Fragment Mono";text-transform:uppercase;opacity:.5}.about-grid ul{list-style:none;padding:0;margin:26px 0 0;line-height:1.8}footer{padding:90px var(--pad) 34px;background:#c7ff37}footer>p{font:400 .75rem "Fragment Mono";text-transform:uppercase}footer>a{display:inline-block;font-size:clamp(2rem,6vw,7rem);letter-spacing:-.06em;margin:30px 0 120px;border-bottom:clamp(2px,.4vw,6px) solid}footer>div{display:flex;gap:32px;font:400 .72rem "Fragment Mono";text-transform:uppercase}footer>div span{margin-right:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(.92);opacity:.76}}
@media(max-width:760px){.nav{height:68px}.nav nav{gap:16px}.intro{min-height:calc(100svh - 68px)}.intro h1{font-size:clamp(3.3rem,15vw,5.8rem)}.intro-foot{align-items:flex-start;flex-direction:column;gap:30px}.projects{grid-template-columns:1fr;gap:48px}.project-art{height:108vw;min-height:360px}.project-meta{grid-template-columns:1fr auto}.project-meta p{grid-column:1/-1;grid-row:2}.project-meta span{text-align:right}.about-grid{grid-template-columns:1fr;gap:44px}.about h2{margin-bottom:70px}footer>div{flex-wrap:wrap}footer>div span{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sweep,.signal{animation:none}.project-art{transition:none}}

.comp-art,.ares-art{display:grid;place-items:center;padding:clamp(18px,3vw,46px)}
.comp-art{background:#dff8ea}
.ares-art{background:#e9e4ff}
.comp-art .project-cover-image,.ares-art .project-cover-image{width:100%;height:100%;object-fit:contain;box-shadow:0 22px 70px rgba(23,25,33,.14)}