/* Each project brings its own visual language into the common editorial frame. */
:root{color-scheme:dark;--paper:#111310;--ink:#f0f0e9;--muted:#a4a99e;--line:#32362f;--accent:#f0785e;--hover:#1a1e18}
:root[data-theme=light]{color-scheme:light;--paper:#f7f7f3;--ink:#242622;--muted:#62645e;--line:#d5d7cf;--accent:#cc361f;--hover:#eeefe8}
@media(prefers-contrast:more){:root{--muted:#c9ccc3;--line:#6b7065}:root[data-theme=light]{--muted:#45473f;--line:#878a80}}
body{transition:background-color .2s,color .2s}button{font:inherit}.theme-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;color:var(--ink);cursor:pointer;font-size:.875rem}.theme-icon{font-size:1.3125rem;line-height:1}.theme-toggle:hover{color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}nav{align-items:center;gap:30px}.project summary{grid-template-columns:40px 124px 1fr 150px 26px;gap:22px}.number{align-self:center;padding:0}.project-thumbnail{width:124px;height:78px;overflow:hidden;background:#20231f;display:block}.project-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.project summary:hover .project-thumbnail img{transform:scale(1.06)}.game-thumb img{width:125%;height:145%;max-width:none;object-fit:fill;transform:translate(-1%,-16%)}.project summary:hover .game-thumb img{transform:translate(-1%,-16%) scale(1.05)}.project-heading h3{font-size:clamp(27px,2.8vw,42px)}.project-world{margin:0 0 34px 62px;overflow:hidden}.world-top,.world-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 30px;font:.75rem/1.6 var(--mono);letter-spacing:.06em}.project-world figure{margin:0}.project-world figcaption{font-size:.75rem;line-height:1.6}.project-body{padding-left:62px}.hatch-world{background-color:#263323;background-image:url('assets/studs.svg');color:#d8e9c6;border:1px solid #45563b}.hatch-world .world-top{font-weight:600}.game-figure{padding:0 30px}.game-crop{aspect-ratio:1.98;position:relative;overflow:hidden;background:#405b27;border:1px solid #718359}.game-crop img{position:absolute;width:125%;max-width:none;height:auto;left:-.4%;top:-39%;display:block}.game-figure figcaption{padding-top:12px;color:#c0d2b2}.hatch-world .world-bottom{padding-top:14px}.cortana-world{background:#05090e;color:#b2d0e1;border:1px solid #1e3542}.cortana-world .world-top{position:relative;z-index:1}.sphere-stage{height:420px;position:relative;overflow:hidden}.sphere-fallback{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.sphere-stage.is-live .sphere-fallback{visibility:hidden}#sphere-canvas{position:absolute;inset:0}#sphere-canvas canvas{display:block;width:100%;height:100%}.sphere-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 30px;border-top:1px solid #1e3542;font:.75rem/1.5 var(--mono)}.sphere-controls div{display:flex;gap:20px}.sphere-controls button{background:none;border:0;border-bottom:1px solid #486679;padding:4px 0;color:#c8e4f4;cursor:pointer;font-size:.75rem}.sphere-controls button:disabled{opacity:.5;cursor:default}.discord-world{background:#24262b;color:#dce1eb;border:1px solid #363b45}.discord-world .world-top{background:#202227;border-bottom:1px solid #353941}.discord-figure img{width:100%;height:auto;display:block}.discord-figure figcaption{padding:0 30px 20px;color:#b4bac7}.command-strip{display:flex;flex-wrap:wrap;gap:28px;padding:20px 30px;border-top:1px solid #3a3e48;color:#98bcff;font-size:.875rem}.portfolio-world{background:#dddcd4;color:#363b32}.portfolio-figure{padding:14px 8% 0!important}.portfolio-figure img{display:block;width:100%;height:auto;max-height:500px;object-fit:cover;object-position:top;box-shadow:0 14px 50px #0002}.portfolio-figure figcaption{padding:20px 0 2px}.portfolio-world .world-bottom{padding-top:12px}.project[open] .project-heading h3{color:var(--accent)}#hatch[open] .project-heading h3{color:#a6c881}#cortana[open] .project-heading h3{color:#8fcfe9}#discord[open] .project-heading h3{color:#a7b9ff}:root[data-theme=light] #hatch[open] h3{color:#456927}:root[data-theme=light] #cortana[open] h3{color:#236580}:root[data-theme=light] #discord[open] h3{color:#445bad}
@media(max-width:1000px){.project summary{grid-template-columns:28px 94px 1fr 26px;gap:16px}.project-thumbnail{width:94px;height:64px}.category{grid-column:3;grid-row:2;margin-top:-12px}.toggle{grid-column:4;grid-row:1}.project-world{margin-left:44px}.project-body{padding-left:44px}.project-heading h3{font-size:31px}.sphere-stage{height:340px}}
@media(max-width:760px){nav{gap:20px}.header-caption{display:none}.theme-label{display:none}.project summary{grid-template-columns:22px 64px 1fr 20px;gap:12px;padding:26px 0}.project-thumbnail{width:64px;height:52px}.project-heading h3{font-size:clamp(23px,4.6vw,31px);letter-spacing:-.04em}.project-heading p{font-size:.8125rem;line-height:1.4}.category{font-size:.6875rem;margin-top:-6px}.project-world{margin:0 0 25px}.project-body{padding-left:0}.world-top,.world-bottom{padding:17px 18px;font-size:.6875rem;gap:12px}.world-top span:last-child{text-align:right}.game-figure{padding:0 15px}.game-crop{aspect-ratio:1.98}.game-crop img{top:-39%}.sphere-stage{height:290px}.sphere-controls{padding:16px;gap:16px;align-items:flex-start;flex-direction:column}.sphere-controls div{gap:24px}.discord-figure figcaption{padding:0 18px 16px}.command-strip{padding:16px 18px;gap:20px;font-size:.75rem}.project-world figcaption{font-size:.6875rem}.project[open] summary{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){body,.project-thumbnail img{transition:none}}