:root{--ink:#0b1118;--panel:#111e27;--mint:#8ee7d9;--soft:#b0c4cd}body{background:#0b1118}.topbar{border-bottom-color:#2b3b45}.topbar .brand{letter-spacing:-.04em}.topbar nav a:hover{color:var(--mint)}.hero{min-height:505px}.hero h1{font-weight:700}.hero h1 span{color:var(--mint)}.hero .eyebrow{letter-spacing:.15em}.hero-art{filter:saturate(.78)}.work-index{margin:0 5vw;display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #33444e;font:11px Consolas,monospace;color:#8ba8b5;letter-spacing:.12em}.expertise-strip{border-top:0;padding-top:12px}.work-row{grid-template-columns:1.15fr 1fr;padding-bottom:42px;gap:48px}.work-copy h3{font-size:30px;max-width:480px}.work-image img{aspect-ratio:16/10}.work-copy .work-theme{font-size:19px}.work-copy .work-role{font-size:13px;color:#c2d2dc}.work-stack{color:#89b4bd}.archive-list .project-item{border-bottom:1px solid #2d404c;padding-bottom:22px}.archive-list .project-img{border-radius:4px;aspect-ratio:16/9}.archive-list .project-item p{font-size:14px}.samples{background:linear-gradient(130deg,#162d35,#0e1b24);border:1px solid #35545d;padding:42px}.samples h2{font-size:34px;line-height:1.35}.lab-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.lab-preview-grid a{padding:26px 20px;border-top:1px solid #54808a;background:#10232c;transition:background .2s}.lab-preview-grid a:hover{background:#18333c}.lab-preview-grid span{color:#8ee7d9;font:11px Consolas,monospace;letter-spacing:.12em}.lab-preview-grid strong{display:block;font-size:23px;margin:12px 0}.lab-preview-grid p{font-size:14px;color:#b0c4cd;line-height:1.8}.lab-preview-grid b{display:block;color:#9ae3db;font-size:13px;margin-top:25px}.lab-disclosure{margin-top:28px;font-size:13px;color:#94adb9}.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:25px}.film:only-child{grid-column:1/-1;max-width:900px;width:100%;margin:auto}.film{margin:0;min-width:0}.film-screen{position:relative;aspect-ratio:16/9;min-height:220px;background:#050c11;border:1px solid #2e4854;border-radius:7px;overflow:hidden}.film-screen img{width:100%;height:100%;position:absolute;object-fit:cover;filter:brightness(.45)}.film-screen iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.play-film{position:absolute;inset:0;background:transparent;color:#ecffff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px}.play-film span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:1px solid #b3ebe3;background:#10252dd9;font-size:22px}.play-film b{font-size:15px;letter-spacing:.02em}.play-film:hover span{background:#8ee7d9;color:#0b1118}.film figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0}.film figcaption span{font:10px Consolas,monospace;letter-spacing:.13em;color:#7da4b2}.film figcaption h3{font-size:16px;margin-top:5px;font-weight:500}.film figcaption a{font-size:13px;color:#8ee7d9;white-space:nowrap}.detail-nav{position:sticky;top:0;z-index:5;background:#0b1118f2;padding:14px 0;backdrop-filter:blur(12px)}.case-chapter{scroll-margin-top:85px}.chapter-nav a.current{color:#a9f4e8}.chapter-nav a.current span{background:#21434a}.chapter-nav span{padding:2px 4px}.flow-diagram{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:25px 0 10px;gap:20px}.flow-diagram li{position:relative;padding:15px 10px;border:1px solid #45646d;background:#142e35;text-align:center;border-radius:4px;font-size:13px;color:#c6e0e3;display:grid;place-items:center;min-height:70px}.flow-diagram li:not(:last-child):after{content:'→';position:absolute;right:-17px;color:#6ea9aa}.diagram-caption,.linked-example .diagram-caption{font-size:12px;color:#8ca7b3}.linked-example .example-title{font-size:22px;line-height:1.4;letter-spacing:-.03em;margin:0 0 15px;color:#e5f6f4}.linked-example .setup p{margin-top:14px;font-size:14px}.code-toolbar{display:flex;justify-content:flex-end;margin-top:12px}.code-toolbar button{background:#1b3540;border:1px solid #3f606b;color:#bddfdc;padding:5px 12px;border-radius:3px;font-size:12px;cursor:pointer}.case-code pre{margin-top:8px}.project-next{padding-top:45px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid #2e4652;margin-top:40px}.project-next span{font-size:13px;color:#8ca7b3}.project-next a{font-size:20px;color:#9de4dd;text-align:right}.lab-page{margin:0 auto;max-width:1180px;padding:0 35px 60px}.lab-header{padding:55px 0 40px}.lab-header h1{font-size:clamp(36px,4.8vw,66px);line-height:1.22;margin-top:20px}.lab-header h1 em{font-style:normal;color:var(--mint)}.lab-header>p:last-of-type{font-size:17px;color:#a9c1cc;line-height:1.9;margin-top:24px}.lab-header .detail-nav{margin-top:30px}.lab-demo{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;padding:60px 0;border-top:1px solid #2d4652;scroll-margin-top:30px}.demo-description h2{font-size:33px;line-height:1.4}.demo-description>p:not(.eyebrow){font-size:16px;color:#a9c1cc;margin-top:23px;line-height:1.95}.demo-board{background:radial-gradient(ellipse at 50% 25%,#18313c,#101d26 75%);border:1px solid #3c5b66;border-radius:9px;padding:25px;min-width:0}.demo-label{display:block;font-size:11px;color:#85a8b8;letter-spacing:.04em}.demo-board svg{display:block;width:100%;height:auto;margin:12px 0}.demo-board input[type=range]{display:block;width:100%;accent-color:#8ee7d9;height:24px;cursor:pointer}.range-label{display:flex;justify-content:space-between;font-size:14px;color:#d3e5e9;gap:10px}.range-label output{color:#93e6db;font:13px Consolas,monospace}.demo-controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.demo-controls button{background:#1b3540;color:#d2e9e9;border:1px solid #486773;border-radius:4px;padding:8px 15px;cursor:pointer;font-size:13px}.demo-controls button:hover{background:#31515a}.demo-footnote{font-size:12px;color:#85a4b3;line-height:1.8;margin-top:18px}.toggle{display:flex;align-items:center;gap:10px;font-size:13px;margin-top:16px;color:#adc4ce}.toggle input{width:16px;height:16px;accent-color:#8ee7d9}.sensor-node circle{fill:#203742;stroke:#52747f;stroke-width:1.5}.sensor-node text{fill:#96b5c4;font-size:12px}.sensor-node.selected circle{fill:#8ee7d9;stroke:#a8fff3}.sensor-node.selected text{fill:#b5fff2}.lab-validation{padding:35px;border:1px solid #3c626b;background:#132a32;margin:35px 0 65px;scroll-margin-top:30px}.lab-validation h2{font-size:27px}.lab-validation p:not(.eyebrow){font-size:15px;color:#acc7d1;margin-top:18px}.catalog-intro{color:#9db6c3;font-size:15px;margin-bottom:25px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.catalog-card{display:block;min-width:0;padding:28px;background:#111f29;border:1px solid #304b58;border-radius:6px;box-shadow:none;width:auto}.catalog-card h3{font-size:23px;line-height:1.5}.catalog-card p:not(.eyebrow){font-size:14px;line-height:1.9;color:#a8c0cc;margin-top:14px}.catalog-actions{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:#8ee7d9;margin-top:24px}.catalog-card summary{font-size:13px}.catalog-card details{padding:10px 12px}.catalog{scroll-margin-top:25px}a,button,input,summary{touch-action:manipulation}button:focus-visible,summary:focus-visible{outline:2px solid #9ae8dc;outline-offset:4px}
.chapter-media-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.chapter-media-links a{font-size:13px;color:#a9efe5;border:1px solid #42676c;border-radius:4px;padding:9px 13px;background:#142d34}.chapter-media-links a:hover{background:#23464c}.film{scroll-margin-top:90px}.film-screen{width:100%;min-width:0}.film figcaption>div{min-width:0}.film figcaption h3{overflow-wrap:anywhere}
.runtime-status{margin-top:25px;border-top:1px solid #39545e;padding-top:25px}.runtime-status strong{font-size:16px;color:#c5ece5}.unity-download{padding:35px;background:#132a32;border:1px solid #40616c;margin-bottom:65px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}.unity-download h2{font-size:28px;line-height:1.45}.unity-download p:not(.eyebrow){color:#abc4cd;font-size:14px;line-height:1.8;margin-top:15px}.unity-download ol{padding-left:20px;margin:20px 0 0;color:#c2d4da;font-size:14px;line-height:2}.unity-download .download-note{flex-basis:100%;font-size:12px!important;margin:0!important}.unity-download .primary{font-size:14px;white-space:normal;text-align:center}
.archive-hint{font-size:14px;color:#9bb5c1;margin:0 0 20px}.featured-result{display:inline-block;font-size:11px;color:#8ee7d9;border-bottom:1px solid #406c6d;padding-bottom:3px;margin-bottom:10px}#reset-search{font-size:13px;background:none;color:#a2e8df;cursor:pointer;border:1px solid #40616b;padding:9px 13px;border-radius:4px;white-space:nowrap}[hidden]{display:none!important}pre code .syntax-comment{color:#91a7ae}pre code .syntax-keyword{color:#9ebfff}pre code .syntax-string{color:#a8e2b5}pre code .syntax-number{color:#edc28f}pre:focus-visible{outline:2px solid #8ee7d9;outline-offset:3px}
pre code span{display:inline!important}pre code{font-family:Consolas,"Courier New",monospace;font-size:13px;line-height:1.7}.download-visual{flex:1 1 280px;max-width:380px}.download-visual img{width:100%;height:auto;border:1px solid #3d5863;border-radius:4px}.download-visual figcaption{font-size:11px;color:#9cb5c1;line-height:1.8;margin:8px 0 18px}.download-visual .primary{display:block}.unity-download>div:first-child{flex:1 1 340px}
.download-visual,.unity-download>div:first-child{min-width:0}.filter-row{flex-wrap:wrap}.work-index a{display:flex;align-items:center;min-height:32px;font-family:inherit;color:#a8c6d0;letter-spacing:0}.work-index a:hover{color:#a4f3e5}.work-index a:focus-visible,a:focus-visible{outline:2px solid #8ee7d9;outline-offset:4px}.unity-download ol li{list-style:decimal}
.demo-explainer{font-size:13px;line-height:1.8;color:#b7ded9;margin-top:12px;min-height:47px}
@media(min-width:1450px){.work-index{margin-left:72px;margin-right:72px}}
@media(max-width:950px){.work-row{gap:25px}.work-copy h3{font-size:25px}.lab-demo{gap:25px}.demo-description h2{font-size:28px}.flow-diagram{gap:14px}.flow-diagram li{font-size:12px}.flow-diagram li:not(:last-child):after{right:-13px}.lab-preview-grid{gap:14px}.lab-preview-grid a{padding:20px 14px}.lab-preview-grid strong{font-size:20px}}
@media(max-width:700px){.work-row,.lab-demo{grid-template-columns:1fr}.hero{min-height:480px}.work-index{font-size:9px;letter-spacing:.04em;gap:8px}.samples{padding:25px}.samples h2{font-size:28px}.lab-preview-grid{grid-template-columns:1fr}.lab-preview-grid a{padding:22px}.lab-preview-grid p br{display:none}.lab-preview-grid b{margin-top:15px}.film-grid{grid-template-columns:1fr}.film-screen{min-height:200px}.lab-page{padding:0 5vw 40px}.lab-header{padding-top:35px}.lab-header .detail-nav{gap:17px;flex-wrap:wrap;font-size:13px}.lab-demo{gap:25px;padding:40px 0}.demo-description h2{font-size:28px}.demo-board{padding:20px}.catalog-grid{grid-template-columns:1fr}.catalog-card{padding:22px}.lab-validation{padding:25px}.flow-diagram{grid-template-columns:1fr 1fr;gap:18px}.flow-diagram li:nth-child(2):after{content:none}.flow-diagram li{min-height:60px}.project-next{flex-direction:column}.project-next a{text-align:left}.detail-nav{gap:20px}.case-body .actions{gap:12px}.secondary{overflow-wrap:anywhere;max-width:100%}.catalog-actions{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:white;color:#162532}.topbar,.detail-nav,.play-film,.demo-controls,footer,.actions,.chapter-nav{display:none!important}h1,h2,h3,h4,p{color:#162532!important}.case-body{display:block;margin:0}.case-body>div{margin-bottom:18px}details:not([open]){display:none}.case-chapter,.work-row{break-inside:avoid}.hero-art{opacity:.15}}