/* Selected Work Field v1 header, Codex glass and Atlas typography. */
:root{color-scheme:dark;--ink:#101619;--paper:#f2f2ef;--teal:#1a9ba1;--teal-light:#5fc4c9;--muted:#b9c3c4;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Open Sans',sans-serif;--glass:#112126bf;--glass-border:#b4d5d52c;--scene-height:1200px}
*{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-color:#497176 var(--ink);scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 var(--body)}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}button:disabled{opacity:.45;cursor:default}button:active{transform:translateY(1px)}button,a,summary{transition:color .2s,background .2s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--teal-light);outline-offset:4px}::selection{background:var(--teal-light);color:var(--ink)}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1,h2,p{margin:0}h1,h2{font-family:var(--display);font-weight:600;line-height:.98;letter-spacing:-.015em;text-wrap:balance}h1 span,h2 span{color:var(--teal-light)}p{text-wrap:pretty}.glass{background:var(--glass);border:1px solid var(--glass-border);box-shadow:0 25px 65px #0005;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:5px}.skip-link{position:fixed;top:-80px;left:24px;padding:12px 20px;z-index:100;background:var(--paper);color:var(--ink)}.skip-link:focus{top:12px}
.site-header{position:fixed;inset:0 0 auto;z-index:60;height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:0 24px;background:color-mix(in srgb,#141414 82%,transparent);border-bottom:1px solid #333;color:var(--paper);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:800 22px/1 var(--display);letter-spacing:1px;white-space:nowrap}.brand img{height:30px;width:auto;filter:brightness(0) invert(1)}.brand .w-things{font-weight:400}.brand .w-work{color:var(--teal)}.site-nav{justify-self:end;display:flex;align-items:center;gap:4px}.site-nav a,.site-nav summary,.scene-menu-toggle{display:inline-flex;align-items:center;gap:6px;font:600 14px/1 var(--body);text-decoration:none;padding:10px 12px;min-height:44px;border-radius:2px;border:0;background:none;color:inherit;cursor:pointer}.site-nav a:hover,.site-nav summary:hover,.scene-menu-toggle:hover{background:#333;color:var(--paper)}.site-nav .nav-contact{background:var(--teal);color:var(--ink)}.site-nav .nav-contact:hover{background:var(--teal-light);color:var(--ink)}.services{position:relative}.services summary{list-style:none}.services summary::-webkit-details-marker{display:none}.services summary svg{width:12px;height:12px}.menu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;padding:8px}.menu-panel a{display:flex;width:100%}.scene-menu-toggle{gap:16px;padding-right:0}.scene-menu-toggle svg{width:24px;height:24px}.scene-menu-toggle span{font-weight:400;max-width:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scene-menu{position:absolute;right:24px;top:76px;width:340px;max-height:calc(100svh - 96px);overflow:auto;padding:16px}.scene-menu>a{display:flex;align-items:center;min-height:44px;padding:8px 16px;text-decoration:none;color:#d6e6e6}.scene-menu>a:hover{background:#244149}.scene-menu>a[aria-current=step]{background:#244149;color:var(--teal-light)}.menu-actions{border-top:1px solid var(--glass-border);padding:16px 16px 0;margin-top:8px;display:flex;flex-direction:column;gap:8px}.menu-actions button,.menu-actions a{border:0;background:none;padding:8px 0;min-height:44px;text-align:left;color:var(--paper);font-size:14px;text-decoration:underline;text-underline-offset:5px}.menu-actions button:hover,.menu-actions a:hover{color:var(--teal-light)}.mobile-links{display:none}
.world{position:fixed;inset:0;z-index:0;overflow:hidden;display:none;background:#030b0e}.world canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.world canvas:active{cursor:grabbing}#world-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.world-label{position:absolute;top:0;left:0;white-space:nowrap;color:#d9f3f4;font:400 16px/1.2 var(--body);text-shadow:0 2px 4px #020b0e,0 0 8px #020b0e;will-change:transform;transform:translate(-1000px,-1000px)}.world-label.is-focus{color:#effdff;font-weight:600}.explanation{position:fixed;left:32px;top:96px;z-index:10;width:clamp(392px,28vw,448px);padding:28px;pointer-events:none}.explanation h2{font-size:clamp(52px,3.5vw,64px);line-height:.97;max-width:8em}.explanation p{font-size:16px;line-height:1.65;color:#d5e2e4;margin-top:24px}.load-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:25;padding:8px 16px;color:var(--muted);font-size:14px;background:var(--ink);border-radius:5px}.scene-controls{position:fixed;bottom:20px;right:24px;display:flex;align-items:center;gap:0;z-index:30;padding:4px}.scene-controls button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:#d6e6e6;border-radius:2px}.scene-controls button:hover{background:#244149;color:var(--teal-light)}.scene-controls button svg{width:19px;height:19px}.scene-controls button[aria-pressed=true]{color:var(--teal-light);background:#244149}.scroll-cue{position:fixed;bottom:28px;left:32px;z-index:10;color:#c3d9da;font-size:14px;display:flex;align-items:center;gap:16px;pointer-events:none}.scroll-cue svg{width:20px;height:20px}
main{padding:120px 24px 80px;max-width:980px;margin:auto}.story-scene{scroll-margin-top:88px;margin-bottom:24px}.reading-copy{padding:40px}.reading-copy h1,.reading-copy h2{font-size:clamp(48px,5vw,72px);max-width:11em}.reading-copy p{max-width:70ch;margin-top:24px;color:#d5e2e4;font-size:18px}.reading-copy .reading-detail{font-size:16px;color:var(--muted)}.reading-contact{display:inline-block;margin-top:32px;color:var(--teal-light)}.immersive .world{display:block}.immersive main{max-width:none;padding:0;margin:0;pointer-events:none}.immersive .story-scene{height:var(--scene-height);margin:0;scroll-margin:0}.immersive .story-scene:last-child{height:calc(var(--scene-height) + 100svh)}.immersive .reading-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}.immersive .reading-copy:focus-within{position:fixed;top:96px;left:32px;width:360px;height:auto;clip-path:none;padding:28px;z-index:40;pointer-events:auto}.immersive main:focus{outline:0}
@media(min-width:1800px){.explanation{left:48px;top:112px;width:480px;padding:32px}.explanation p{font-size:18px}.site-header{padding-inline:40px}}
@media(max-width:1100px){.site-header{gap:16px}.scene-menu-toggle span{display:none}.explanation{width:320px;padding:24px;left:24px;top:88px}.explanation h2{font-size:42px}.explanation p{font-size:15px;margin-top:20px}}
@media(max-width:850px){.site-header{grid-template-columns:1fr auto;padding:0 20px}.site-nav{display:none}.brand{font-size:21px}.scene-menu-toggle{padding-left:8px}.scene-menu{right:16px;width:min(340px,calc(100vw - 32px))}.mobile-links{display:flex;flex-direction:column;margin:8px 16px;border-top:1px solid var(--glass-border);padding-top:8px}.mobile-links a{min-height:44px;display:flex;align-items:center;text-decoration:none}.reading-copy{padding:28px}.reading-copy p{font-size:16px}.reading-copy h1,.reading-copy h2{font-size:48px}main{padding:96px 20px 40px}.explanation,.scroll-cue{display:none!important}.scene-controls{left:8px;right:8px;justify-content:flex-start;overflow-x:auto}.scene-controls button{flex:0 0 40px;width:40px}.load-status{display:none}body{background:#101619}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-header,.scene-controls,.world,.load-status,.scroll-cue,.explanation{display:none!important}body{background:#fff;color:#111}main{padding:0}.reading-copy{background:none;border:0;box-shadow:none;backdrop-filter:none;break-inside:avoid}.reading-copy p,.reading-copy .reading-detail{color:#333}.story-scene{height:auto!important;margin-bottom:32px!important}.immersive .reading-copy{position:static;width:auto;height:auto;clip-path:none;overflow:visible;padding:16px}}
.immersive{touch-action:pinch-zoom}
@media print{.reading-copy h1 span,.reading-copy h2 span,.reading-contact{color:#075c63}}

.explanation{min-height:calc((100svh - 160px)*.78);max-height:calc(100svh - 160px);overflow:hidden}.explanation #scene-description p{font-size:15px;line-height:1.55;margin-top:20px;animation:paragraph-reveal .6s ease both;animation-delay:var(--paragraph-delay,0ms)}.explanation p strong{font-weight:600;color:#effdff}@keyframes paragraph-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-height:800px) and (min-width:851px){.explanation{padding:22px;top:88px;max-height:calc(100svh - 145px)}.explanation h2{font-size:42px}.explanation #scene-description p{font-size:14px;line-height:1.5;margin-top:16px}}@media(prefers-reduced-motion:reduce){.explanation #scene-description p{animation:none}}

.world-label,.world-label.is-focus{background:#5fc4c9;color:#030b0e;text-shadow:none;padding:3px 7px;border-radius:3px;font-size:15px;font-weight:600;line-height:1.2}