/* Three coherent material studies on the same editorial structure. */
body{--logo-cut:#0c161e;--paper:#0c161e;--ink:#eaf0f2;--muted:#a6b5bf;--line:#2b3c47;--lime:#b1e5ec;--dark:#071018;--accent:#9bdde9;--panel:#12222c;--cut:#0c161e;background:var(--paper);transition:background-color .45s,color .45s;overflow-x:clip}body[data-theme=ceramic]{--paper:#f4f0e8;--ink:#282a29;--muted:#5d615d;--line:#d2d0c6;--lime:#ead9c8;--dark:#222f2c;--accent:#966245;--panel:#e9e4da;--logo-cut:#f4f0e8;--cut:#f4f0e8}body[data-theme=glass]{--paper:#080d1b;--ink:#eaf0ff;--muted:#aeb9d3;--line:#283452;--lime:#c5d4ff;--dark:#050916;--accent:#a4bfff;--panel:#111c34;--logo-cut:#080d1b;--cut:#080d1b}::selection{background:var(--accent);color:var(--paper)}html{scrollbar-color:#637c88 #101a24}h1,h2{letter-spacing:-.04em;text-wrap:balance}h3{letter-spacing:-.025em!important}em{color:var(--accent)}.knight-logo{width:42px;height:48px;flex:none;color:var(--ink)}.brand{letter-spacing:-.04em}.brand small{color:var(--muted)}.direction-bar{padding:18px 4%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:22px;background:var(--paper)}.direction-label{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:700}.direction-label span{display:block;font-size:12px;letter-spacing:0;font-weight:400;margin-top:5px;color:var(--ink)}.direction-tabs{display:flex;gap:5px}.direction-tabs button{border:1px solid transparent;background:none;color:var(--muted);font:500 12px 'DM Sans',sans-serif;padding:11px 15px;cursor:pointer;border-radius:5px}.direction-tabs button span{color:var(--accent);font-size:9px;margin-right:7px}.direction-tabs button[aria-pressed=true]{border-color:var(--line);background:var(--panel);color:var(--ink)}button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{padding-top:30px;padding-bottom:22px}.hero{grid-template-columns:1fr 1.05fr;min-height:650px;gap:8px;padding-top:10px;padding-bottom:50px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(44px,4.5vw,66px)}.hero .lead{font-size:17px}.scene-shell{height:630px;min-height:0;background:transparent;overflow:visible;position:relative;isolation:isolate}.hero-art svg{width:auto}.scene-shell:before{display:none}#knight-stage{position:absolute;inset:-35px -45px 5px -30px;overflow:hidden}#knight-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-fallback{position:absolute;inset:0;display:grid;place-items:center}.scene-fallback .knight-logo{width:45%;height:60%;color:var(--accent);filter:drop-shadow(15px 25px 14px #0004)}#knight-stage[data-renderer=ready] .scene-fallback{display:none}.scene-caption{position:absolute;bottom:24px;left:20px;right:0;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.13em;color:var(--muted);z-index:3}.scene-caption button{font:11px 'DM Sans',sans-serif;letter-spacing:0;color:var(--ink);background:var(--panel);border:1px solid var(--line);padding:7px 10px;cursor:pointer;border-radius:4px}.scene-hint{position:absolute;bottom:0;left:20px;color:var(--muted);font-size:10px}.hero-foot{margin-top:40px}.button{background:var(--accent);color:#10252b}.text-link:hover,nav a:hover{color:var(--accent)}.work-section{background:var(--panel)}.project{background:var(--paper)}.project-info a{border-color:var(--accent)}.project-visual{color:#182822}.tags,.work-note{color:var(--muted)}.about-mark .knight-logo{width:80px;height:95px;color:var(--accent)}.contact{background:var(--dark)}.contact em{color:var(--accent)}.contact .light{background:var(--accent)}.play-section{padding:75px 0 90px;border-top:1px solid var(--line)}.play-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:35px}.play-heading>p{max-width:390px;color:var(--muted);font-size:14px}.services{padding-top:65px}.section-top{grid-template-columns:1fr 1fr;gap:100px}.section-top>p:last-child{grid-column:auto}.about{grid-template-columns:.3fr 1.1fr 1fr}.contact h2{font-size:64px}body[data-theme=ceramic] .button{color:white}body[data-theme=ceramic] .contact .button{background:#e4c0a5;color:#282a29}body[data-theme=ceramic] .contact em{color:#e4c0a5}body[data-theme=ceramic] .contact .eyebrow{color:white}
@media(max-width:1000px){.direction-label{display:none}.direction-bar{justify-content:center}.hero{gap:0}.scene-shell{height:530px}.hero h1{font-size:48px}.section-top{gap:45px}.hero-art{display:block}#knight-stage{inset:-15px -20px 10px -20px}.play-heading{gap:30px}.play-heading>p{max-width:310px}}
@media(max-width:700px){.direction-bar{padding:12px 10px}.direction-tabs{width:100%;gap:4px}.direction-tabs button{flex:1;padding:9px 7px;font-size:10px;line-height:1.5}.direction-tabs button span{display:block;margin:0;font-size:9px}.hero{grid-template-columns:1fr;padding-top:23px;padding-bottom:25px;gap:8px;min-height:0}.hero h1{font-size:47px}.hero-foot{margin-top:25px}.scene-shell{height:410px;width:100%;aspect-ratio:auto}.scene-caption{left:0;bottom:25px}.scene-hint{left:0}.scene-shell #knight-stage{inset:-15px -20px 15px}.section-top{display:block}.services{padding-top:35px}.play-section{padding:50px 0}.play-heading{display:block}.play-heading h2{font-size:39px}.play-heading>p{margin-top:20px;max-width:100%}.contact h2{font-size:46px}.about{grid-template-columns:50px 1fr}.about-mark .knight-logo{width:50px;height:63px}.knight-logo{width:35px;height:42px}.scene-shell canvas{touch-action:pan-y}nav .nav-contact{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){body{transition:none}}
/* Selected direction: Sculpted Intelligence. The game is a discoverable landscape. */
.direction-bar{display:none}.hero{padding-top:32px}.scene-shell #knight-stage{inset:-35px -45px 0 -30px}.scene-shell .scene-fallback{opacity:.65}.strategy-landscape{position:relative;isolation:isolate;min-height:920px;background:var(--paper);overflow:clip}.strategy-landscape #chess-app{position:absolute;right:-4%;top:0;width:68%;height:100%;z-index:0}.strategy-landscape .approach{position:relative;z-index:1;display:block;padding:100px 0;pointer-events:none;min-height:920px}.strategy-landscape .approach>div,.strategy-landscape .approach>ol{width:34%;max-width:430px;pointer-events:auto}.strategy-landscape .approach h2{font-size:43px}.strategy-landscape .approach ol{margin-top:32px}.strategy-landscape .approach li{padding:18px 0}.strategy-landscape .approach-intro{font-size:14px}.strategy-landscape .approach li p{font-size:13px}.strategy-landscape:before{content:'';position:absolute;left:0;top:0;bottom:0;width:41%;background:linear-gradient(90deg,var(--paper) 80%,transparent);z-index:1;pointer-events:none}#chess-app:focus-visible{outline:1px solid var(--accent);outline-offset:-10px}.strategy-landscape .approach a{pointer-events:auto}
@media(max-width:1000px){.strategy-landscape .approach>div,.strategy-landscape .approach>ol{width:39%}.strategy-landscape .approach h2{font-size:37px}.strategy-landscape #chess-app{width:65%;right:-5%}.strategy-landscape:before{width:42%}}
@media(max-width:700px){.scene-shell #knight-stage{inset:-15px -20px 0}.hero{padding-top:24px}.strategy-landscape{min-height:0;padding-bottom:0;overflow:hidden}.strategy-landscape .approach{padding:55px 0 0;min-height:0}.strategy-landscape .approach>div,.strategy-landscape .approach>ol{width:100%;max-width:none}.strategy-landscape #chess-app{position:relative;inset:auto;width:100%;height:520px;min-height:0;margin-top:10px;z-index:1;order:2}.strategy-landscape{display:flex;flex-direction:column}.strategy-landscape .approach{order:1}.strategy-landscape:before{display:none}.strategy-landscape .approach h2{font-size:39px}}