:root,[data-theme=light]{color-scheme:light;--ink:#1d1d1f;--paper:#fff;--paper-2:#f5f5f7;--espresso:#f5f5f7;--blush:#d9e8ff;--sand:#dbe7f7;--forest:#0071e3;--sage:#58749a;--ocean:#0071e3;--sky:#b5d6ff;--rose:#0071e3;--navy:#1a365e;--electric:#0071e3;--line:#1d1d1f18;--subtle:#64646c;--surface:#fff;--accent-surface:#f2f7ff}
[data-theme=dark]{--ink:#f5f5f7;--paper:#08090b;--paper-2:#14161b;--espresso:#14161b;--blush:#9fbde5;--sand:#94a9c4;--forest:#0071e3;--rose:#8bbaff;--line:#ffffff20;--subtle:#a3a8b3;--surface:#101216;--accent-surface:#101927}
body,[data-theme=dark] body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,.case-study h3,.study-title,.case-outcome strong,.project-cover-copy h3,.mini-stats strong,.timeline-row .year,.recommendation-quote>p{font-family:inherit}h1,h2,h3{font-weight:650}h1 em,h2 em{font-style:normal}::selection{background:#0071e3;color:white}.site-header,[data-theme=dark] .site-header{background:color-mix(in srgb,var(--paper) 82%,transparent);border-color:var(--line);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.brand{font-size:25px}.pill{background:#0071e3;color:white;box-shadow:0 8px 24px #0071e315}.pill:hover{background:#005ec1}.theme-toggle:hover{background:var(--paper-2)}.motion-toggle{background:transparent;border:1px solid var(--line);color:var(--subtle);font:inherit;font-size:11px;min-height:40px;padding:9px 11px;border-radius:22px;cursor:pointer;white-space:nowrap}.motion-toggle span{margin-left:5px}.header-actions{gap:9px}.header-actions .pill-small{font-size:12px}.site-header nav{gap:22px}
.cover-section.hero{background:var(--paper);isolation:isolate}.signal-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.65}.cover-inner{z-index:1;pointer-events:none}.cover-inner a{pointer-events:auto}.cover-glow{background:radial-gradient(ellipse at 78% 32%,#83b8ff19,transparent 60%)}.cover-glow:after{display:none}.cover-copy{max-width:1150px;padding-block:65px}.cover-copy h1{font-size:clamp(53px,7.7vw,112px);line-height:1.03;font-weight:650;letter-spacing:-.065em}.cover-copy h1 em{color:transparent;background:linear-gradient(100deg,#006edc,#588ede 55%,#5b61d0);background-clip:text;-webkit-background-clip:text}.cover-copy>.kicker{font-size:11px;letter-spacing:.22em;color:var(--subtle);margin:24px 0 0}.code-eyebrow{font-size:11px;letter-spacing:.16em;color:#60789b;display:flex;align-items:center;gap:12px}.code-eyebrow span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:32px;border:1px solid #0071e32b;border-radius:8px;color:var(--rose);font:500 16px monospace;background:var(--surface)}.cover-intro{font-size:20px;max-width:590px}.cover-bottom,.cover-topline{font-size:10px;letter-spacing:.13em}.technology-strip .project-tech{justify-content:center}.project-tech span{border-radius:12px;background:var(--paper-2);font-size:13px}.project-cover{background:var(--paper)!important;isolation:isolate}.project-cover:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 50%,#73a9ff16,transparent 60%);pointer-events:none}.project-cover:nth-child(even){background:var(--paper-2)!important}.project-cover-inner{perspective:1200px}.project-cover-copy{transform-origin:left center}.project-cover-copy h3{font-size:clamp(42px,5.8vw,84px);line-height:1.02;letter-spacing:-.055em}.project-cover-link{border:0;background:#0071e3;color:#fff;border-radius:28px;padding:14px 23px;min-height:48px;font-weight:500;gap:28px}.project-cover-link:hover{background:#005ec1}.project-cover-monogram{color:#0071e3;opacity:.18;font-weight:650}.project-cover-art{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease-out;transform-style:preserve-3d}.project-cover-art .studio-art{box-shadow:0 24px 65px #30528325;border-radius:30px}.project-cover-art .studio-orb{filter:blur(.6px)}.project-cover-1 .project-cover-monogram{border:5px solid #b8c6da;width:205px;height:365px;display:flex;justify-content:center;align-items:center;border-radius:38px;font-size:65px;letter-spacing:-5px;background:linear-gradient(145deg,#fff,#cddffd);opacity:1;color:#6384af;box-shadow:20px 24px 60px #1b477b15;transform:rotate(-9deg)}.project-cover-5 .project-cover-monogram,.project-cover-6 .project-cover-monogram{font-size:110px;border:1px solid #7da4d938;border-radius:25px;padding:45px;background:linear-gradient(140deg,#ffffff0a,#8bbaff18);opacity:.8}
.scan-display{position:relative;width:min(330px,32vw);aspect-ratio:1;border-radius:50%;border:1px solid #0071e33b;background:linear-gradient(#0071e30c 1px,transparent 1px),linear-gradient(90deg,#0071e30c 1px,transparent 1px);background-size:24px 24px;overflow:hidden}.scan-ring{position:absolute;inset:15%;border:1px solid #0071e335;border-radius:50%}.scan-ring:nth-child(2){inset:30%}.scan-ring:nth-child(3){inset:45%}.scan-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0deg,transparent 285deg,#0071e335 358deg,#0071e3 360deg);animation:radar-rotation 6s linear infinite}.scan-point{position:absolute;left:68%;top:30%;width:9px;height:9px;border-radius:50%;background:#0071e3;box-shadow:0 0 0 8px #0071e31b}.logic-grid{width:min(300px,30vw);display:grid;grid-template-columns:repeat(3,1fr);gap:9px;transform:rotate(-7deg)}.logic-grid span{display:grid;place-items:center;aspect-ratio:1;border:1px solid #0071e328;background:var(--surface);color:var(--rose);border-radius:12px;font:500 28px monospace;animation:logic-wave 4s ease-in-out infinite}.logic-grid span:nth-child(3n){animation-delay:.7s}.logic-grid span:nth-child(3n + 1){animation-delay:1.4s}
.about-band,[data-theme=dark] .about-band{background:var(--paper-2);color:var(--ink)}.about-copy .kicker,.about-copy h2 em{color:var(--rose)}.about-copy>p:not(.kicker),.about-lede{color:var(--subtle)!important}.about-photo img{border-radius:28px;filter:none}.mini-stats{border-color:var(--line)}.future-copy h2 em{color:#a8cfff}.future-section .future-copy .pill{background:#0071e3}.voices-band,[data-theme=dark] .voices-band{background:var(--paper-2);border-color:var(--line)}.recommendation-quote,[data-theme=dark] .recommendation-quote{background:var(--surface);border-color:var(--line);border-radius:22px}.recommendation-quote>p{font-size:18px;line-height:1.7}.recommender-tab:hover,.recommender-tab.active,[data-theme=dark] .recommender-tab.active{background:#0071e309}.recommender-tab.active{box-shadow:inset -3px 0 0 #0071e3}.design-feature{border-radius:20px}.case-study{border-radius:24px}.study-page .case-study{background:var(--surface)}.study-page .image-studio-case{background:var(--accent-surface)}.study-title{letter-spacing:-.055em}.case-outcome strong{font-weight:600;letter-spacing:-.04em}.case-actions .case-link{border-color:#0071e340;color:var(--rose)}.project-screenshot a{border-radius:14px}.motion-ready .project-cover-copy.reveal{transition:none;opacity:1}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}
@keyframes radar-rotation{to{transform:rotate(360deg)}}@keyframes logic-wave{0%,100%{transform:translateY(0);background:var(--surface)}50%{transform:translateY(-9px);background:var(--accent-surface)}}
@media(max-width:900px){.cover-copy h1{font-size:clamp(51px,8.6vw,78px)}.cover-intro{font-size:18px}.project-cover-copy h3{font-size:clamp(37px,5.8vw,62px)}}@media(max-width:600px){.cover-copy h1{font-size:clamp(43px,10.7vw,65px)}.cover-copy{padding-block:38px}.header-actions{gap:7px}.motion-toggle{font-size:10px;padding-inline:9px}.header-actions .pill-small{font-size:11px;padding:10px}.cover-intro{font-size:17px}.project-cover-copy h3{font-size:clamp(33px,8.7vw,48px)}.project-cover-copy>p{font-size:15px}.project-cover-link{padding:12px 20px}.project-cover-grid{gap:15px}}
@media(prefers-reduced-motion:reduce){.project-cover-art{transform:none!important;transition:none}.scan-sweep,.logic-grid span{animation:none}.signal-field{display:none}}
.motion-paused .studio-orb,.motion-paused .project-cover-art,.motion-paused .cover-copy{transform:none!important}.motion-paused .project-cover-copy{opacity:1!important;transform:none!important}