:root{color-scheme:dark}body{font-size:16px}.skip-link{position:fixed;left:20px;top:-100px;z-index:20;padding:12px;background:#73d6db;color:#09202a}.skip-link:focus{top:12px}.topbar{height:82px}.topbar nav{font-size:14px;gap:24px}.brand span{font-size:13px}.hero{min-height:490px}.hero-copy{padding-top:58px;padding-bottom:60px;max-width:900px}.hero h1{font-size:clamp(45px,5.3vw,76px);letter-spacing:-.055em}.hero h1 span{display:block;font-size:.66em;color:#b9e8e7;margin-top:10px}.hero .intro{font-size:20px;line-height:1.7;margin-top:24px;color:#d0dde3}.hero-note{margin-top:14px;color:#92a8b6;font-size:14px}.hero-art{left:36%}.hero-caption{font-size:12px}.hero .text-link{margin:0}.eyebrow{font-size:12px}.primary,.secondary{font-size:14px}.expertise-strip{padding:22px 0}.expertise-strip small{font-size:13px}.section{padding:65px 0}.section-head>p{font-size:15px}.selected-work{display:flex;flex-direction:column;gap:34px}.work-row{display:grid;grid-template-columns:1.08fr 1fr;gap:42px;align-items:center;padding:0 0 34px;border-bottom:1px solid #263944}.work-row:last-child{border:0;padding-bottom:0}.work-image{display:block;position:relative;border-radius:8px;overflow:hidden;background:#101c26}.work-image img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .25s}.work-image:hover img{transform:scale(1.025)}.work-image>span{position:absolute;bottom:16px;left:16px;padding:7px 12px;background:#0b1118e8;border:1px solid #38515d;border-radius:4px;font-size:12px}.work-copy .eyebrow{margin-bottom:14px}.work-copy h3{font-size:29px;line-height:1.35}.work-theme{font-size:18px;color:#9cdedc;margin-top:14px}.work-summary{font-size:16px;color:#bacbd5;margin-top:15px;line-height:1.85}.work-role{font-size:13px;color:#a1b7c5;margin-top:20px}.work-role span{display:inline}.work-stack{font-size:12px;color:#86a1b1;margin-top:7px}.text-link{font-size:14px}.archive-list{grid-template-columns:repeat(3,minmax(0,1fr))}.project-item p{font-size:14px;line-height:1.8}.project-item h3{font-size:21px}.card-meta,.card-meta span{font-size:12px}.tag{font-size:12px}.filters button,.search input{font-size:14px}.counter{font-size:14px}.samples{background:linear-gradient(110deg,#101f29,transparent);padding:42px;border:1px solid #2b4551;border-radius:8px;margin-top:30px;margin-bottom:10px}.sample-intro{font-size:15px;color:#a7bcc9;max-width:850px}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.sample-grid>a{border-top:1px solid #3b5562;padding-top:22px}.sample-grid span{color:#7bcbc9;font-size:11px;letter-spacing:.13em}.sample-grid h3{font-size:23px;margin:12px 0}.sample-grid p{font-size:15px;color:#adc1cd}.sample-grid b{display:block;margin-top:20px;color:#86d9d7;font-size:14px}.timeline time,.timeline p,.skill-cloud span,.contact-links{font-size:14px}.timeline h3{font-size:20px}.project-detail{max-width:1120px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}.back{font-size:14px}.detail-nav{display:flex;gap:26px;margin-top:28px;font-size:14px;color:#8de1dd;border-bottom:1px solid #2c414d;padding-bottom:16px}.facts{padding:22px 0}.facts small{font-size:13px}.facts strong{font-size:15px}.showcase{padding-top:32px}.showcase .section-head{margin-bottom:16px}.showcase .detail-hero{margin-top:0;max-height:470px}.showcase .video-list{margin-top:20px}.detail-section p{font-size:16px;line-height:1.9}.role-list li{font-size:15px}.detail-section .notice{font-size:14px}.video-link{font-size:15px}.video-link small{font-size:12px}summary{font-size:15px;overflow-wrap:anywhere}.evidence{background:#10202a;padding:28px;border-left:2px solid #6bdbdc}.evidence .notice{margin-bottom:0}.project-detail .detail-section{scroll-margin-top:20px}footer{font-size:12px}pre{tab-size:4}.gallery img{height:320px}
@media(min-width:1450px){.hero-copy{padding-left:72px}}
@media(max-width:1000px){.work-row{gap:24px}.work-copy h3{font-size:24px}.work-summary{font-size:15px}.topbar nav{gap:16px}.brand span{display:none}.archive-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topbar{height:auto;min-height:76px;padding-top:15px;padding-bottom:15px;gap:15px}.topbar nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}.topbar .git{display:none}.hero{min-height:490px}.hero-copy{padding:42px 6% 70px}.hero h1{font-size:49px}.hero .intro{font-size:18px}.hero-art{left:0;opacity:.42}.hero-caption{font-size:10px;max-width:88%;bottom:18px}.hero .actions{gap:10px}.expertise-strip{gap:10px}.expertise-strip strong{font-size:12px}.expertise-strip small{font-size:11px}.section{padding-top:45px;padding-bottom:45px}.work-row{grid-template-columns:1fr;gap:22px}.work-copy h3{font-size:26px}.work-summary{font-size:16px}.work-theme{font-size:17px}.work-image img{aspect-ratio:16/9}.sample-grid{grid-template-columns:1fr}.samples{padding:25px}.project-detail{padding:30px 5vw 50px}.project-detail h1{font-size:33px}.detail-nav{gap:20px}.facts{grid-template-columns:1fr 1fr;gap:18px}.facts>div:last-child{grid-column:1/-1}.detail-section h2{font-size:24px}.showcase .detail-hero{max-height:340px}.role-list{grid-template-columns:1fr}.evidence{padding:24px}.contact-links{font-size:13px}}
@media(max-width:520px){.archive-list{grid-template-columns:1fr}.card-meta{justify-content:space-between}.card-meta span{font-size:12px}.project-item h3{font-size:23px}.project-img{aspect-ratio:16/9}.project-item p{font-size:15px}.filters button{font-size:12px}.section-head{align-items:start}.section-head h2{font-size:25px}.hero h1{font-size:44px}.hero h1 span{font-size:.7em}}
.case-intro{max-width:760px}.chapter-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:28px;padding:10px 22px;background:#101f28;border:1px solid #2a424e;border-radius:7px}.chapter-nav a{display:flex;gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px solid #243c47;font-size:14px;color:#c3d4de}.chapter-nav a:last-child{border-bottom:0}.chapter-nav a span{display:inline;color:#79d7d4;font:12px Consolas,monospace}.chapter-nav a:hover{color:#8ce4df}.case-chapter{padding:44px 0;border-bottom:1px solid #2b414d;scroll-margin-top:30px}.case-chapter:last-child{border-bottom:0;padding-bottom:0}.chapter-heading{display:flex;align-items:baseline;gap:20px;margin-bottom:24px}.chapter-number{font:16px Consolas,monospace;color:#80ded9}.chapter-heading h3{font-size:27px;line-height:1.4}.case-body{margin-left:40px;display:grid;grid-template-columns:1fr 1fr;gap:22px 36px}.case-body h4{color:#8ddbd7;font-size:13px;letter-spacing:.02em;margin:0 0 10px;font-weight:600}.case-body p{font-size:16px;line-height:1.95;max-width:850px}.case-scope{grid-column:1/-1;padding:20px 24px;background:#101d26;border-left:2px solid #456774}.case-scope p{font-size:15px;color:#acc1cf}.related-code,.linked-example{grid-column:1/-1;min-width:0}.related-code .code-caption{font-size:13px;color:#92abba}.case-code{background:#0e1b24;margin:12px 0}.case-code summary{font-size:15px}.case-code summary span{display:inline;margin-left:16px;font-size:11px;color:#7f9aa9}.case-code pre{max-height:540px;overflow:auto}.linked-example{padding:26px;border:1px solid #3e6872;background:#10232c;border-radius:7px;margin-top:8px;scroll-margin-top:25px}.linked-example h2{font-size:22px}.linked-example details{background:#0b1821}.linked-example .notice{font-size:14px}.provenance p{max-width:850px;color:#91a9b8}.case-study>.eyebrow{margin-top:0}
@media(max-width:700px){.chapter-nav{grid-template-columns:1fr;padding:8px 18px}.chapter-nav a{font-size:14px}.chapter-heading{gap:12px}.chapter-heading h3{font-size:23px}.case-chapter{padding:32px 0}.case-body{margin-left:0;grid-template-columns:1fr;gap:22px}.case-scope{padding:18px}.linked-example{padding:20px}.linked-example h2{font-size:21px}.case-code summary span{display:block;margin:6px 0 0 18px}.case-body p{font-size:15px}.case-code pre{font-size:12px}}