@charset "UTF-8";
:root{--bg:#bcdec9;--ink:#173f34;--muted:#3e6758;--paper:#fffcef;--accent:#e56b42;--line:rgba(23,63,52,.2);--shadow:#153f362a;--sans:"Trebuchet MS",Arial,sans-serif;--mono:"Courier New",monospace;color-scheme:light;font-family:var(--sans);font-size:16px;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);transition:background .55s ease,color .55s ease}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button:disabled{cursor:wait}::selection{background:#f4cb63;color:#203f34}p,h1,h2,h3{margin:0}p{line-height:1.6}button svg{pointer-events:none}.skip-link{position:fixed;top:12px;left:20px;z-index:200;background:var(--paper);padding:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:27px 4%;z-index:40;pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{font-weight:900;font-size:34px;line-height:1;display:flex;align-items:center;gap:0}.wordmark-star{font-size:27px;margin-left:-1px;color:var(--accent);margin-top:-9px}.wordmark-name{font-size:21px;letter-spacing:-1px;margin-left:12px}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav button{font-size:14px;font-weight:700;background:none;padding:10px 0;white-space:nowrap}.site-header nav button:hover{color:var(--accent)}.site-header nav .motion-toggle{font:12px var(--mono);text-transform:uppercase;border:1px solid var(--line);padding:9px 12px;background:var(--bg)}.motion-toggle span{font-weight:bold}.journey{height:940svh;position:relative}.viewport{height:100svh;min-height:600px;width:100%;overflow:hidden;position:sticky;top:0;background:var(--bg);transition:background .5s;color:var(--ink);isolation:isolate}.scene-grain{position:absolute;inset:0;opacity:.15;background-image:radial-gradient(var(--ink) .6px,transparent .6px);background-size:8px 8px;pointer-events:none;z-index:0}.sky-cross{position:absolute;font-family:var(--mono);font-size:29px;opacity:.24;pointer-events:none}.cross-1{left:44%;top:21%;font-size:35px}.cross-2{left:92%;top:35%}.cross-3{left:14%;top:81%;font-size:22px}.intro{position:absolute;left:7%;top:25%;z-index:8;width:36%;will-change:transform,opacity}.eyebrow{font:700 12px/1.4 var(--mono);letter-spacing:1.5px;text-transform:uppercase}.intro .eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:22px}.tiny-square{height:7px;width:7px;display:inline-block;background:var(--accent);box-shadow:3px -3px 0 var(--ink)}h1{font-size:clamp(46px,5.6vw,90px);font-weight:900;line-height:1.03;letter-spacing:-5px}.intro-copy{font-size:18px;line-height:1.65;margin:23px 0 26px;color:var(--muted)}.enter-button{display:inline-flex;align-items:center;justify-content:center;gap:36px;min-height:51px;background:var(--ink);color:var(--paper);padding:13px 22px;box-shadow:4px 4px 0 var(--accent);font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s}.enter-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent)}.enter-button span{font-size:21px}.intro-footnote{font:11px/1.5 var(--mono);letter-spacing:1px;margin-top:32px;color:var(--muted)}.world-camera{position:absolute;top:0;left:0;width:1536px;height:1024px;transform-origin:0 0;will-change:transform,opacity;z-index:2}.world-art{display:block;width:1536px;height:1024px;object-fit:contain;image-rendering:pixelated;user-select:none;-webkit-user-drag:none}.world-hotspots{position:absolute;inset:0}.hotspot{position:absolute;display:flex;align-items:center;gap:10px;background:var(--paper);color:#173f34;padding:8px 12px 8px 8px;text-align:left;font-size:17px;box-shadow:5px 5px 0 #183e3a44;white-space:nowrap;transform:translate(-50%,-50%);transition:box-shadow .18s,translate .18s;outline:1px solid #173f3444}.hotspot:hover{translate:0 -4px;box-shadow:7px 9px 0 #183e3a44}.hotspot-plus{background:#e57047;color:#fffcef;display:grid;place-items:center;width:33px;height:33px;font:700 27px var(--mono);flex-shrink:0}.hotspot small{display:block;font-size:12px;margin-top:2px;color:#506451}.pinboard-hotspot{left:53%;top:33%}.living-hotspot{left:69%;top:65%;font-size:15px}.photo-hotspot{left:27%;top:73%;font-size:15px}.photo-hotspot .hotspot-plus{background:#597bbc}.living-hotspot .hotspot-plus{background:#7c6fbc}.world-picker{position:absolute;bottom:31px;left:4%;z-index:24;will-change:opacity;display:flex;flex-direction:column;gap:8px}.picker-label{font:700 10px/1.2 var(--mono);letter-spacing:1.4px}.picker-options{display:flex;gap:7px;padding:6px;background:var(--bg);border:1px solid var(--line);box-shadow:3px 3px 0 var(--line)}.picker-options button{font-size:12px;display:flex;align-items:center;gap:6px;padding:9px 10px;background:transparent;white-space:nowrap;min-height:41px;border:1px solid transparent}.picker-options button[aria-pressed=true]{border-color:var(--ink);background:var(--paper);color:#173f34}.picker-options small{font:11px var(--mono);opacity:.6;margin-right:3px}.swatch{width:13px;height:13px;display:inline-block;border:1px solid #223f3966;box-shadow:2px 2px 0 #223f3922}.sun-swatch{background:#f5b648}.moon-swatch{background:#7770bc}.cloud-swatch{background:#f099b4}.scroll-cue{position:absolute;bottom:39px;right:5%;display:flex;align-items:center;gap:11px;font:12px var(--mono);z-index:10;will-change:opacity}.scroll-track{border:1px solid var(--ink);width:16px;height:27px;padding:4px;display:block}.scroll-track i{display:block;background:var(--ink);width:4px;height:5px;animation:scroll-down 1.8s infinite;position:relative}.journey-dock{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);z-index:22;display:flex;align-items:center;gap:16px;padding:13px 18px;background:var(--paper);color:#173f34;border:1px solid #173f3455;box-shadow:4px 4px 0 #173f3422;opacity:0;pointer-events:none;max-width:calc(100% - 24px)}.chapter-count{font:11px var(--mono);white-space:nowrap;opacity:.6}.journey-dock nav{display:flex;gap:4px}.journey-dock button{padding:8px 10px;font-size:12px;white-space:nowrap;background:none;border-bottom:2px solid transparent}.journey-dock button.active{font-weight:700;border-color:#d76541}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:3px;overflow:hidden}.journey-progress i{width:100%;height:100%;display:block;background:#e57147;transform-origin:left;transform:scaleX(0)}
.board-scene{position:absolute;inset:0;z-index:12;opacity:0;pointer-events:none;will-change:transform,opacity;background:var(--bg)}.board-heading{position:absolute;top:15%;left:5.5%;width:26%;z-index:2}.board-heading .eyebrow{margin-bottom:16px}.board-heading h2{font-size:clamp(30px,3vw,48px);line-height:1.08;letter-spacing:-2px}.board-heading>p:last-child{font-size:15px;margin-top:20px;color:var(--muted);max-width:210px}.board-surround{position:absolute;left:35%;top:14%;width:60%;height:73%;}.corkboard{position:absolute;width:1100px;height:740px;transform-origin:0 0;border:16px solid #b67345;background-color:#ce9b64;background-image:radial-gradient(#6f482c35 .85px,transparent 1px),radial-gradient(#ffe3a23d 1px,transparent 1.5px);background-size:6px 6px,11px 11px;box-shadow:inset 4px 4px 0 #83533255,inset -4px -4px 0 #edbd8288,9px 10px 0 #153f3622;outline:2px solid #775036}.board-caption{position:absolute;top:20px;left:25px;font:700 12px var(--mono);color:#654224;letter-spacing:2px}.pin-card{position:absolute;text-align:left;background:#fffdf1;color:#25362d;padding:16px;box-shadow:4px 5px 0 #6f422738;transition:rotate .2s,box-shadow .2s,translate .2s;display:block}.pin-card:hover,.note-card:hover{translate:0 -8px;rotate:0deg;box-shadow:9px 12px 0 #6f422746;z-index:10}.pushpin{position:absolute;left:50%;top:-7px;width:16px;height:16px;border-radius:50%;background:#d96949;box-shadow:2px 3px 0 #74452555,inset 3px 3px 0 #ee9271;z-index:3}.pushpin.blue-pin{background:#527e94;box-shadow:2px 3px 0 #74452555,inset 3px 3px 0 #7eacb8}.tape{position:absolute;left:35%;top:-12px;width:86px;height:27px;background:#a8b69cbf;rotate:-7deg;z-index:2;box-shadow:0 1px 0 #fff5}.pink-tape{background:#f4afbbb8;rotate:6deg}.project-visual{height:155px;margin-bottom:15px;overflow:hidden;padding:13px;position:relative}.mini-label{font:700 9px var(--mono);letter-spacing:1.4px;display:block}.seaboard-visual{background:#dce9de;color:#224c40}.mini-app{display:flex;background:#fffdf5;margin-top:15px;box-shadow:3px 4px 0 #2d715433;height:100px;transform:rotate(-1deg)}.mini-sidebar{background:#276247;width:35px;padding:15px 7px;display:flex;flex-direction:column;gap:7px}.mini-sidebar i{background:#d2e0cc77;height:3px}.mini-main{flex:1;padding:10px}.mini-main b{font-size:8px}.mini-toolbar{display:flex;gap:5px;margin:7px 0}.mini-toolbar i{height:7px;background:#dbe6dc;width:43px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mini-grid i{background:#e6eae0;height:10px}.mini-grid i:nth-child(3n){background:#d1dfba}.visual-caption{position:absolute;bottom:8px;right:10px;font:7px var(--mono);letter-spacing:1px}.pin-meta{font:700 10px var(--mono);letter-spacing:.5px;color:#697568;display:block;margin-bottom:7px}.pin-card h3{font-size:21px;letter-spacing:-.7px;line-height:1.2;margin-bottom:6px}.pin-card p{font-size:14px;line-height:1.45;color:#526055}.card-open{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.3px;margin-top:14px;border-top:1px solid #25362d22;padding-top:9px;font-weight:bold}.card-open>span{font-size:19px}.seab-card{top:79px;left:40px;width:280px;rotate:-4deg}.uh-card{top:66px;left:360px;width:285px;rotate:3deg}.uh-visual{background:#a9443d;color:#fff4cf}.uh-visual strong,.bandhan-visual strong{font-size:22px;letter-spacing:-.7px;line-height:1.05;display:block;margin-top:15px}.uh-flow{display:flex;align-items:center;gap:9px;font-size:10px;margin-top:15px}.uh-flow span{border:1px solid #ffecd777;padding:5px}.uh-flow i{font-style:normal}.bandhan-card{top:75px;left:700px;width:285px;rotate:-3deg}.bandhan-visual{background:#203c72;color:#fff7e0}.quote-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.quote-chips span{font-size:8px;background:#415b90;padding:4px 5px}.unity-card{left:47px;top:465px;width:272px;rotate:2deg;background:#f7e7f0}.lohia-card{left:377px;top:457px;width:275px;rotate:-3deg;background:#edf0e0}.note-card{background:#f5d15b;color:#655025;position:absolute;padding:18px 20px;width:239px;text-align:left;box-shadow:3px 4px 0 #6f422738;rotate:4deg;transition:rotate .2s,box-shadow .2s,translate .2s}.workshop-card{left:726px;top:470px}.note-spark{position:absolute;font-size:39px;right:14px;top:10px}.note-card>span:not(.pushpin):not(.note-spark){display:block;font-size:23px;line-height:1.2;letter-spacing:-.7px;margin-top:30px}.note-card small{font:700 9px var(--mono);display:block;line-height:1.4;margin-top:20px}.board-note{position:absolute;right:19px;bottom:15px;font:italic 15px Georgia,serif;rotate:-5deg;color:#6d482e}.room-panel{position:absolute;left:6%;top:21%;width:35%;max-width:470px;z-index:14;opacity:0;pointer-events:none;will-change:transform,opacity}.room-panel .eyebrow{margin-bottom:21px}.room-panel h2{font-size:clamp(30px,3.4vw,54px);line-height:1.07;letter-spacing:-2.7px;margin-bottom:25px}.room-panel>p:not(.eyebrow){font-size:17px;color:var(--muted);margin-top:15px;max-width:390px}.text-link{font-size:14px;font-weight:bold;background:transparent;border-bottom:1px solid var(--line);padding:12px 0;text-align:left;line-height:1.5}.text-link:hover{color:var(--accent)}.room-panel>.text-link{margin-top:22px;max-width:370px}.room-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.room-tags span{font:11px var(--mono);padding:8px 10px;border:1px solid var(--line);background:var(--bg)}.photo-panel{left:59%;top:19%;width:34%;}.photo-note{margin-top:24px;background:var(--paper);color:#3d523e;rotate:-3deg;padding:20px 25px;box-shadow:5px 5px 0 var(--shadow);max-width:300px;border:1px solid #52613b22;position:relative}.photo-note:before{content:"";position:absolute;width:77px;height:22px;background:#e7a7aeba;top:-12px;left:36%;rotate:6deg}.photo-note .eyebrow{font-size:10px}.photo-note p{font-size:17px;line-height:1.4;margin:12px 0}.photo-note small{font-size:12px;line-height:1.5;display:block;opacity:.7}.pencil-line{display:block;width:110px;height:2px;background:#73846055;rotate:-1deg;margin:15px 0}.outro-panel{position:absolute;left:7%;top:26%;width:38%;z-index:14;pointer-events:none;opacity:0;will-change:transform,opacity}.outro-panel h2{font-size:clamp(35px,4vw,64px);line-height:1.05;letter-spacing:-3px;margin:25px 0}.outro-panel>p:last-of-type{font-size:16px;color:var(--muted);max-width:310px}.outro-panel>div{margin-top:30px;display:flex;align-items:flex-start;flex-direction:column;gap:17px}.asset-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:35;padding:20px;background:var(--paper);color:#173f34;max-width:300px;font-size:14px}.accessible-work{position:relative;background:var(--paper);color:#173f34;padding:95px max(8%,calc((100% - 1040px)/2)) 30px;scroll-margin-top:80px}.accessible-work h2{font-size:clamp(37px,4vw,60px);line-height:1.08;letter-spacing:-2.5px;margin:20px 0}.accessible-work>p:last-of-type{max-width:530px;font-size:17px;color:#547161;margin-top:20px}.work-list{margin:50px 0 30px}.work-list button{display:grid;grid-template-columns:35px 1fr 180px 25px;align-items:center;gap:18px;width:100%;padding:22px 10px;border-top:1px solid #173f3433;text-align:left;background:transparent}.work-list button:last-child{border-bottom:1px solid #173f3433}.work-list button:hover{background:#e9eddb}.work-list span{font:12px var(--mono);opacity:.65}.work-list strong{font-size:20px;letter-spacing:-.6px}.work-list em{font:12px var(--mono);font-style:normal;color:#547161}.work-list b{font-size:22px}.accessible-work footer{display:flex;justify-content:space-between;margin-top:100px;font:11px var(--mono);gap:20px;padding-top:20px;border-top:1px solid #173f3422}.accessible-work .text-link{color:#173f34;border-color:#173f3433}dialog{width:min(810px,calc(100vw - 28px));max-height:calc(100svh - 50px);border:1px solid #274b36;background:#fffced;color:#203c30;padding:0;box-shadow:10px 10px 0 #142e3544;overscroll-behavior:contain}dialog::backdrop{background:#102c35b8;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #203c3022;padding:18px 32px;gap:20px;background:#fffced;position:sticky;top:0;z-index:4}.dialog-head .eyebrow{font-size:10px}.dialog-close{background:#e7e8d3;font-size:20px;width:42px;height:42px}.dialog-close:hover{background:#f5c1a6}#project-content{padding:38px 55px}.project-kicker{font:12px var(--mono);letter-spacing:1px;color:#6c7867}#project-title{font-size:clamp(31px,4vw,53px);line-height:1.06;letter-spacing:-2.5px;margin:18px 0}.project-subtitle{font-size:20px;line-height:1.45;margin:16px 0 25px;color:#58705a}.project-facts{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 32px}.project-facts span{font:11px var(--mono);border:1px solid #203c3033;padding:8px 10px}.project-section{margin-top:24px}.project-section h3{font-size:17px;margin-bottom:9px}.project-section p,.project-section li{font-size:16px;line-height:1.65;color:#536451}.project-section ul{padding-left:20px}.project-section li{margin:7px 0}.project-note{margin-top:28px;padding:17px 20px;background:#ecefdc;font-size:13px;line-height:1.5;color:#64705b}.dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 55px 30px;border-top:1px solid #203c3022;padding-top:15px}.dialog-foot .text-link{border:none;color:#203c30}.next-story{background:#203c30;color:#fffced;padding:12px 16px;font-size:13px}.world-incoming .world-art{opacity:.4}.world-art{transition:opacity .3s}body[data-world=moonlight]{--bg:#292c4b;--ink:#fcf0d8;--muted:#c8c4dd;--paper:#fff8e4;--accent:#eda870;--line:#e5d8c23b;--shadow:#14162d55;color-scheme:dark}body[data-world=cloud]{--bg:#dceaf1;--ink:#254770;--muted:#557291;--paper:#fffbf0;--accent:#da7594;--line:#25477033;--shadow:#25477022}body[data-world=moonlight] .enter-button{color:#292c4b}body[data-world=moonlight] .scene-grain{opacity:.09}body[data-world=moonlight] .picker-options button[aria-pressed=true]{border-color:#fff8e4}body[data-world=moonlight] .room-tags{color:#fcf0d8}body[data-world=moonlight] .photo-note,body[data-world=moonlight] .pin-card,body[data-world=moonlight] dialog,body[data-world=moonlight] .note-card{color-scheme:light}body.reduced-motion *,body.reduced-motion *:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}body.reading .site-header{background:var(--paper);color:#173f34;border-bottom:1px solid #173f3422}body.reading .motion-toggle{background:var(--paper);border-color:#173f3433}body.modal-open{overflow:hidden}
@keyframes scroll-down{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(7px);opacity:1}}
@media(min-width:1600px){.intro{left:9%}.world-picker{left:5%}}
@media(max-width:1100px) and (min-width:761px){.intro{left:5%;top:28%;width:38%}h1{letter-spacing:-3px}.intro-copy{font-size:16px}.intro .eyebrow{font-size:10px}.site-header{padding:24px 4%}.board-heading{left:4%;top:17%;width:26%}.board-heading h2{font-size:32px}.board-heading>p:last-child{font-size:14px}.room-panel{left:5%;width:37%;top:23%}.room-panel h2{font-size:35px;letter-spacing:-1.7px}.room-panel>p:not(.eyebrow){font-size:15px}.photo-panel{left:60%;width:35%;top:22%}.room-tags{gap:4px}.room-tags span{font-size:10px;padding:6px}.picker-options button{padding:9px 6px}.picker-options small{display:none}}
@media(max-width:760px){.site-header{padding:20px 22px}.wordmark{font-size:28px}.wordmark-star{font-size:23px}.wordmark-name{font-size:18px;margin-left:8px}.site-header nav{gap:18px}.site-header nav button{font-size:12px}.site-header nav button[data-go=living]{display:none}.site-header nav .motion-toggle{font-size:10px;padding:8px}.viewport{min-height:600px}.journey{height:800svh}.intro{left:7%;top:13%;width:86%;text-align:center}.intro .eyebrow{font-size:10px;margin-bottom:13px;justify-content:center;letter-spacing:1.1px}h1{font-size:46px;line-height:1;letter-spacing:-2.9px}h1 br{display:none}h1 br:after{content:" "}.intro-copy{font-size:14px;line-height:1.5;max-width:285px;margin:13px auto 14px}.desktop-break{display:none}.intro .enter-button{font-size:12px;min-height:35px;padding:9px 14px;gap:16px;box-shadow:3px 3px 0 var(--accent)}.enter-button span{font-size:15px}.intro-footnote{display:none}.world-picker{bottom:calc(23px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);gap:7px;align-items:center;width:max-content;max-width:96%}.picker-label{font-size:9px}.picker-options{padding:4px;gap:3px}.picker-options button{font-size:11px;padding:9px 8px;gap:5px;min-height:38px}.picker-options small{display:none}.swatch{width:11px;height:11px}.scroll-cue{bottom:calc(108px + env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%);font-size:10px;white-space:nowrap;gap:8px}.scroll-track{width:12px;height:20px;padding:3px}.scroll-track i{width:3px;height:4px}.journey-dock{bottom:calc(20px + env(safe-area-inset-bottom));padding:9px 8px;gap:4px;max-width:96%}.journey-dock button{font-size:10px;padding:9px 8px}.chapter-count{font-size:10px;padding:0 5px}.board-heading{top:12%;left:6%;width:88%;text-align:center}.board-heading .eyebrow{font-size:10px;margin-bottom:9px}.board-heading h2{font-size:29px;letter-spacing:-1.4px}.board-heading h2 br{display:none}.board-heading>p:last-child{font-size:13px;margin:10px auto 0;max-width:none}.board-surround{left:5%;top:31%;width:90%;height:56%}.corkboard{width:650px;height:830px;border-width:12px}.board-caption{font-size:10px;top:15px;left:19px}.pin-card{padding:13px}.project-visual{height:115px;padding:9px;margin-bottom:11px}.pin-meta{font-size:9px}.pin-card h3{font-size:21px}.pin-card p{font-size:14px}.card-open{font-size:11px;margin-top:9px;padding-top:5px}.seab-card{left:28px;top:62px;width:265px;rotate:-3deg}.uh-card{left:332px;top:62px;width:263px;rotate:3deg}.bandhan-card{left:30px;top:394px;width:265px;rotate:2deg}.unity-card{left:335px;top:398px;width:260px;rotate:-3deg}.lohia-card{left:333px;top:591px;width:263px;rotate:3deg}.workshop-card{left:32px;top:710px;width:262px;padding:14px 15px;rotate:-3deg}.note-card>span:not(.pushpin):not(.note-spark){font-size:17px;margin-top:0}.note-card>span:not(.pushpin):not(.note-spark) br{display:none}.note-spark{font-size:27px;right:12px;top:8px}.note-card small{font-size:8px;margin-top:8px}.board-note{right:26px;bottom:9px;font-size:11px}.mini-app{margin-top:9px;height:72px}.mini-sidebar{padding:8px 5px;gap:5px;width:30px}.mini-main{padding:6px}.mini-toolbar{margin:4px 0}.mini-grid{gap:3px}.mini-grid i{height:7px}.mini-label{font-size:8px}.visual-caption{display:none}.uh-visual strong,.bandhan-visual strong{font-size:21px;margin-top:10px}.uh-flow{font-size:8px;margin-top:9px}.uh-flow span{padding:3px}.quote-chips{margin-top:8px}.quote-chips span{font-size:7px}.room-panel{left:7%;top:13%;width:86%;max-width:none}.room-panel .eyebrow{font-size:10px;margin-bottom:13px}.room-panel h2{font-size:33px;letter-spacing:-1.5px;max-width:330px;line-height:1.02;margin-bottom:12px}.room-panel h2 br{display:none}.room-panel>p:not(.eyebrow){font-size:14px;line-height:1.5;margin-top:8px;max-width:100%}.room-panel>.text-link{font-size:12px;padding:8px 0;margin-top:8px;max-width:none}.room-tags{margin-top:10px;gap:5px}.room-tags span{font-size:9px;padding:6px 8px}.photo-panel{left:7%;top:13%;width:86%}.photo-note{margin-top:16px;width:240px;padding:14px 18px}.photo-note .eyebrow{font-size:9px;margin:0}.photo-note p{font-size:14px;line-height:1.25;margin:9px 0}.photo-note small{font-size:10px}.pencil-line{margin:9px 0;width:95px}.outro-panel{left:7%;top:14%;width:86%;text-align:center}.outro-panel h2{font-size:38px;letter-spacing:-2px;margin:15px 0}.outro-panel .eyebrow{font-size:10px}.outro-panel>p:last-of-type{font-size:14px;margin:auto}.outro-panel>div{margin-top:19px;align-items:center;gap:10px}.outro-panel .enter-button{min-height:41px;padding:10px 17px;gap:20px;font-size:13px}.outro-panel .text-link{font-size:12px;padding:8px}.sky-cross{font-size:18px}.cross-1{top:39%;left:9%;font-size:24px}.cross-2{top:40%;left:89%}.cross-3{display:none}.accessible-work{padding:75px 7% 25px}.accessible-work h2{font-size:37px;letter-spacing:-1.9px}.accessible-work>p:last-of-type{font-size:15px}.work-list{margin-top:33px}.work-list button{grid-template-columns:22px 1fr 20px;gap:10px;padding:19px 0}.work-list strong{font-size:17px}.work-list em{grid-column:2;grid-row:auto;font-size:10px;margin-top:-5px}.work-list b{grid-column:3;grid-row:span 2;font-size:20px}.work-list span{font-size:10px}.accessible-work footer{flex-direction:column;gap:10px;margin-top:65px;font-size:10px}dialog{max-height:calc(100svh - 24px);width:calc(100vw - 22px);box-shadow:5px 5px 0 #142e3555}.dialog-head{padding:12px 19px;gap:10px}.dialog-head .eyebrow{font-size:9px;letter-spacing:.8px}.dialog-close{width:36px;height:36px;font-size:17px}#project-content{padding:26px 25px}#project-title{font-size:34px;letter-spacing:-1.7px}.project-subtitle{font-size:17px}.project-facts span{font-size:10px;padding:7px}.project-section p,.project-section li{font-size:15px}.dialog-foot{margin:0 25px 22px;gap:10px}.dialog-foot .text-link,.next-story{font-size:11px}.next-story{padding:11px}.project-kicker{font-size:10px}.hotspot{font-size:21px;padding:10px;gap:10px}.hotspot-plus{width:38px;height:38px;font-size:30px}.hotspot small{font-size:16px}.living-hotspot,.photo-hotspot{display:none}}
@media(max-width:380px){h1{font-size:39px}.intro{top:14%}.intro-copy{font-size:13px}.site-header{padding:18px}.site-header nav{gap:13px}.wordmark-name{font-size:17px}.picker-options button{padding:9px 6px;font-size:10px}.room-panel h2{font-size:29px}.room-panel>p:not(.eyebrow){font-size:13px}.journey-dock button{padding:9px 6px}.board-heading h2{font-size:26px}}
@media(max-height:660px) and (min-width:761px){.intro{top:22%}.intro-copy{font-size:15px;margin:17px 0}.intro-footnote{margin-top:20px}h1{font-size:58px}.room-panel{top:18%}.room-panel h2{font-size:33px;margin-bottom:15px}.room-panel>p:not(.eyebrow){font-size:14px}.room-panel>.text-link{margin-top:12px}.room-tags{margin-top:15px}.photo-note{padding:15px 20px;margin-top:16px}.photo-note p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-track i{animation:none}*{transition-duration:.01ms!important}}
/* Keep the board camera inside its wooden frame and the room copy readable. */
.site-header{background:linear-gradient(var(--bg) 28%,transparent)}
.hotspot{transform:translate(-50%,-50%) scale(var(--hotspot-compensation,1))}
.board-surround{overflow:hidden;border:10px solid #b67345;outline:2px solid #775036;box-shadow:7px 8px 0 var(--shadow);background-color:#ce9b64;background-image:radial-gradient(#6f482c35 .85px,transparent 1px);background-size:6px 6px}
.corkboard{border:0;outline:0;box-shadow:none;background:none}
.focused-pin{box-shadow:6px 8px 0 #71472b50}
.room-shade{position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 35%,transparent 66%);opacity:0}
.room-shade.shade-right{background:linear-gradient(270deg,var(--bg) 0%,var(--bg) 35%,transparent 65%)}
.world-art{mask-image:linear-gradient(to right,transparent,#000 1.1%,#000 98.9%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 1.1%,#000 98.9%,transparent)}
@media(max-width:760px){.board-surround{border-width:7px;box-shadow:4px 5px 0 var(--shadow)}.room-shade,.room-shade.shade-right{background:linear-gradient(var(--bg) 0%,var(--bg) 44%,transparent 64%)}.photo-panel h2 br:after,.room-panel h2 br:after{content:' '} }
@media(max-width:760px){.intro{top:12%}h1{font-size:42px;line-height:1.04}h1 br{display:initial}.intro-copy{font-size:16px;line-height:1.4;max-width:300px;margin:11px auto 13px}.room-panel>p:not(.eyebrow){font-size:16px;line-height:1.45}.living-panel>p:nth-of-type(3){display:none}.living-panel h2{font-size:31px}.room-tags span{font-size:10px}}
@media(max-width:380px){h1{font-size:37px}.intro-copy{font-size:15px;max-width:280px}.room-panel>p:not(.eyebrow){font-size:15px}.living-panel h2{font-size:29px}}
#world3d{position:fixed;inset:0;width:100%;height:100svh;z-index:0;pointer-events:none}main,.site-header{position:relative} .site-header{position:fixed}.has-clouds .viewport,.has-clouds .board-scene{background:transparent}.has-clouds .scene-grain{opacity:.04}.has-clouds .sky-cross{display:none}.has-clouds .accessible-work{background:color-mix(in srgb,var(--paper) 86%,transparent)}.has-clouds .board-heading{background:color-mix(in srgb,var(--bg) 85%,transparent);padding:14px;margin-left:-14px;border-radius:16px}.gallery-content{padding:24px 32px 36px}.gallery-content>p{font-size:16px;color:#536451}.upload-control{cursor:pointer;margin:24px 0 8px;min-height:48px}.uploading{opacity:.5;pointer-events:none}.gallery-help{font-size:13px!important;margin:8px 0 20px}#gallery-status{font-size:14px;white-space:pre-line;margin:16px 0}#gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#gallery-grid figure{margin:0;background:#f6f0df;padding:10px;align-self:start}.gallery-photo{display:block;padding:0;background:none;width:100%}.gallery-photo img{display:block;width:100%;height:220px;object-fit:contain;background:#ece8da}#gallery-grid figcaption{font-size:14px;line-height:1.5;margin-top:10px;overflow-wrap:anywhere}.photo-remove{font-size:13px;color:#8b3434;background:none;padding:10px 0;text-decoration:underline}#photo-miniatures{display:flex;gap:6px;margin-top:12px}#photo-miniatures img{width:64px;height:57px;object-fit:cover;border:4px solid white;box-shadow:2px 2px 0 #203c3022}#photo-lightbox{width:min(1100px,96vw);padding:12px;background:#fffced}#lightbox-image{max-height:78svh;object-fit:contain;width:100%;display:block}#lightbox-caption{font-size:14px;text-align:center;padding:13px}#lightbox-close{position:absolute;right:15px;top:15px;z-index:2}#gallery-title{font-size:26px;letter-spacing:-1px}#gallery-owner[hidden]{display:none!important}#photo-scene .photo-note{max-width:320px}.project-section h3{font:700 14px var(--mono);letter-spacing:.5px;border-bottom:1px solid #203c3022;padding-bottom:10px}.project-section{margin-top:32px} .photo-note .text-link{font-size:15px;color:#203c30}
@media(max-width:760px){#gallery-grid{gap:14px}.gallery-content{padding:18px}.gallery-photo img{height:145px}.has-clouds .board-heading{padding:8px;margin-left:0;left:5%;width:90%}#gallery-title{font-size:22px}.gallery-content>p{font-size:15px}.photo-note #photo-miniatures{display:none}}
/* Clouds share the world viewport, above its opaque image and below its controls. */
#world3d.world-clouds{position:absolute;z-index:3;height:100%;opacity:.68}
.hg-monogram{display:inline-flex;position:relative;align-items:center;justify-content:center;width:46px;height:46px;border:1.5px solid var(--ink);border-radius:14px 14px 14px 3px;background:var(--paper);color:var(--ink);font:italic 700 30px/1 Georgia,serif;letter-spacing:-3px;padding-right:4px;box-shadow:3px 3px 0 var(--accent)}.hg-monogram span{position:absolute;right:4px;top:0;font:18px Georgia;color:var(--accent)}.wordmark-name{letter-spacing:-.7px}.header-photos{font-size:14px;font-weight:700;padding:12px 0}
.off-duty{position:relative;z-index:5;padding:100px 6% 70px;background:color-mix(in srgb,var(--bg) 90%,transparent);scroll-margin-top:85px}.off-duty-heading{max-width:680px}.off-duty h2{font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-2.5px;margin:20px 0}.off-duty-heading>p:last-child{max-width:450px;font-size:18px}.hobby-track{display:flex;overflow-x:auto;gap:25px;padding:36px 6px 28px;scroll-snap-type:x mandatory}.hobby-card{flex:0 0 300px;scroll-snap-align:start;background:var(--paper);color:#173f34;border:1px solid #173f3433;padding:28px;display:flex;flex-direction:column;gap:22px;min-height:390px;box-shadow:5px 6px 0 var(--shadow)}.hobby-card:nth-child(2){background:#e9e0f2}.hobby-card:nth-child(3){background:#f5d58e}.hobby-card:nth-child(4){background:#f0c5be}.hobby-number{font:13px var(--mono);letter-spacing:1px}.hobby-card h3{font-size:32px;line-height:1.1;letter-spacing:-1px}.hobby-card p{font-size:16px}.hobby-tag{margin-top:auto;border-top:1px dashed #173f3455;padding-top:18px;font-size:14px;line-height:1.5}.hobby-card .text-link{align-self:flex-start}.hobby-card .hobby-caption{font-size:14px}.currently{margin-top:40px;border-top:1px dashed var(--line);padding-top:35px;max-width:700px}.currently h3{font-size:30px;margin:15px 0}.currently>span{display:block;margin-top:24px;font:14px var(--mono)}#everyday-photos{display:flex;gap:6px}#everyday-photos:empty{display:none}#everyday-photos img{width:calc((100% - 12px)/3);height:90px;object-fit:cover;border:4px solid white}
@media(max-width:760px){.site-header{padding:16px 5%;background:linear-gradient(var(--bg),transparent)}.site-header nav{gap:14px}.wordmark-name{display:none}.hg-monogram{width:40px;height:40px;font-size:27px}.header-photos{font-size:13px}.off-duty{padding:75px 6% 55px}.hobby-track{margin-right:-6vw;padding-right:6vw}.hobby-card{flex-basis:82vw;max-width:340px}.currently h3{font-size:26px}.outro-panel{top:18%!important}}
/* One continuous sky; decoration always behind readable content. */
:root{--bg:#aed9c4}.scene-grain,.sky-cross{display:none!important}.has-clouds .accessible-work{z-index:5;background:color-mix(in srgb,var(--paper) 94%,transparent)}.off-duty{z-index:5}.hotspot-layer{position:absolute;left:0;top:0;width:1536px;height:1024px;transform-origin:0 0;z-index:9;pointer-events:none}.hotspot-layer .world-hotspots{pointer-events:none}.hotspot-layer .hotspot{pointer-events:auto}#world3d.world-clouds{opacity:.6}.intro,.room-panel,.outro-panel{z-index:14}
.corkboard{height:1200px}.extra-pin{width:228px;min-height:188px;top:755px}.extra-pin h3{font-size:23px;line-height:1.12;margin:15px 0 24px}.extra-uaic{left:28px;rotate:-3deg;background:#e6edf8}.extra-gmr{left:284px;rotate:2deg;background:#ffede0}.extra-onextel{left:540px;rotate:-2deg;background:#e7efdf}.extra-mg{left:796px;rotate:3deg;background:#f0e4f3}.board-note{left:390px;right:auto;bottom:35px;min-width:290px;padding:26px 30px;background:#fff7c7;box-shadow:4px 5px 0 #6f422730;font:italic 26px/1.35 Georgia,serif;color:#553e29;rotate:-4deg}.board-note .tape{left:36%;top:-13px}
.photo-showcase{margin-top:90px;scroll-margin-top:110px}.photo-showcase>h3{font-size:clamp(35px,5vw,62px);letter-spacing:-2px;margin:16px 0}.photo-showcase>p{max-width:560px}.photo-showcase>button{margin-top:30px}#photo-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 7%;padding:45px 0}#photo-showcase-grid figure{margin:0;min-width:0;align-self:start}#photo-showcase-grid figure:nth-child(even){margin-top:110px}#photo-showcase-grid button{display:block;width:100%;background:var(--paper);padding:12px;box-shadow:5px 7px 0 var(--shadow);transition:transform .3s}#photo-showcase-grid button:hover{transform:translateY(-6px) rotate(-1deg)}#photo-showcase-grid img{display:block;width:100%;max-height:72svh;object-fit:contain}#photo-showcase-grid figcaption{font:14px/1.6 var(--mono);margin-top:15px;overflow-wrap:anywhere}.lightbox-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px}.lightbox-nav button{background:#e6eadf;padding:12px;font-size:14px}.lightbox-nav span{font:14px var(--mono)}#gallery-grid{display:block;columns:2;column-gap:24px}#gallery-grid figure{break-inside:avoid;margin-bottom:24px}.gallery-photo img{height:auto;max-height:70svh}.off-duty footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:70px;font-size:13px}
@media(max-width:760px){.corkboard{height:1460px}.extra-pin{width:263px;min-height:180px}.extra-uaic{left:30px;top:875px}.extra-gmr{left:333px;top:875px}.extra-onextel{left:30px;top:1090px}.extra-mg{left:333px;top:1090px}.board-note{left:185px;bottom:24px;min-width:260px;font-size:23px;padding:23px}.photo-showcase{margin-top:65px}#photo-showcase-grid{grid-template-columns:1fr;gap:38px;padding:30px 0}#photo-showcase-grid figure:nth-child(even){margin-top:0;margin-left:6%}#photo-showcase-grid figure:nth-child(odd){margin-right:6%}#photo-showcase-grid button{padding:9px}#photo-showcase-grid img{max-height:65svh}.off-duty footer{flex-direction:column}#gallery-grid{columns:1}.gallery-photo img{height:auto}.photo-showcase>h3{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){#photo-showcase-grid button{transition:none}}
/* Each world carries its sky, paper, typography and signature through the whole page. */
html[data-world=sunroom],body[data-world=sunroom]{--ink:#173f34;--muted:#3e6758;--paper:#fffcef;--accent:#e56b42;--line:#173f3433;--shadow:#153f362a}
html[data-world=moonlight],body[data-world=moonlight]{--bg:#22214b;--ink:#f2eafa;--muted:#c6bdda;--paper:#383154;--accent:#f2b982;--line:#e0d1f13b;--shadow:#09082066}
html[data-world=cloud],body[data-world=cloud]{--bg:#e6f1f7;--ink:#334a75;--muted:#536c8d;--paper:#fbf7ff;--accent:#bb6498;--line:#536c8d33;--shadow:#5973a82a}
body{color:var(--ink)}.hg-monogram{background:var(--paper);color:var(--ink);border-color:var(--ink);box-shadow:3px 3px 0 var(--accent);transition:background .5s,color .5s,border-color .5s,box-shadow .5s}.site-header{color:var(--ink)}.header-contact{font-size:14px;font-weight:700;padding:12px 0}.accessible-work,.has-clouds .accessible-work{color:var(--ink);background:color-mix(in srgb,var(--paper) 78%,transparent)}.accessible-work>p:last-of-type,.accessible-work .text-link{color:var(--muted)}.work-list button{color:var(--ink);border-color:var(--line)}.work-list em{color:var(--muted)}.currently-section{position:relative;z-index:5;padding:65px 8%;color:var(--ink);background:color-mix(in srgb,var(--bg) 70%,transparent)}.currently-section .currently{margin:0;max-width:750px;border:0;padding:0}.off-duty{background:color-mix(in srgb,var(--bg) 72%,transparent)}.hobby-card{background:var(--paper);color:var(--ink)}body[data-world=moonlight] .hobby-card:nth-child(2){background:#423958}body[data-world=moonlight] .hobby-card:nth-child(3){background:#4c3d4e}body[data-world=moonlight] .hobby-card:nth-child(4){background:#49354d}.hobby-tag{border-color:var(--line)}.journey-finish{margin-top:60px}.off-duty footer a{font-weight:bold;text-decoration:underline;text-underline-offset:5px}#contact{scroll-margin-top:110px}.pixel-arrow{width:16px;height:16px;display:inline-block;vertical-align:middle;flex-shrink:0;color:currentColor}.card-open .pixel-arrow{width:14px;height:14px}.intro-copy{margin:24px 0 28px;line-height:1.6}.intro .enter-button{margin-top:0}.intro-footnote{margin-top:24px}
.board-surround{left:35%;top:15%;width:60%;height:70%;padding:0;overflow:hidden}.board-heading,.has-clouds .board-heading{left:5%;top:18%;width:26%;text-align:left;background:none;padding:0;margin:0}.board-heading>p:last-child{max-width:240px}.corkboard{display:block;position:absolute;width:1400px;height:1130px;transform-origin:0 0}.corkboard .pin-card,.corkboard .note-card,.corkboard .board-note{position:absolute;min-width:0;max-height:none;padding:20px;display:block}.corkboard .pin-card h3{font-size:25px;line-height:1.15;margin:12px 0}.corkboard .pin-card>p{display:block;font-size:17px;line-height:1.4}.corkboard .project-visual{display:block;height:145px;min-height:0;padding:14px;margin:0 0 16px;overflow:hidden}.corkboard .mini-label{font-size:11px}.corkboard .project-visual strong{font-size:30px}.corkboard .pin-meta{display:block;font-size:11px}.corkboard .card-open{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-top:15px;padding-top:10px}.corkboard .seab-card{left:40px;top:55px;width:350px;rotate:-3deg}.corkboard .uh-card{left:550px;top:42px;width:330px;rotate:3deg}.corkboard .bandhan-card{left:1010px;top:67px;width:330px;rotate:-2deg}.corkboard .extra-uaic{left:35px;top:495px;width:330px;rotate:2deg}.corkboard .extra-gmr{left:425px;top:500px;width:250px;rotate:-4deg}.corkboard .unity-card{left:725px;top:485px;width:285px;rotate:2deg}.corkboard .workshop-card{left:1090px;top:505px;width:250px;padding:26px;font-size:26px;line-height:1.45;letter-spacing:0;word-spacing:normal;rotate:4deg}.corkboard .note-card>span:not(.pushpin):not(.note-spark){display:block;white-space:normal}.corkboard .note-card small{display:block;font-size:12px;line-height:1.5;margin-top:20px}.corkboard .note-spark{display:none}.corkboard .lohia-card{left:55px;top:840px;width:250px;rotate:-2deg}.corkboard .extra-onextel{left:380px;top:845px;width:310px;rotate:2deg}.corkboard .extra-mg{left:770px;top:845px;width:285px;rotate:-3deg}.corkboard .board-note{left:1120px;top:860px;bottom:auto;width:230px;padding:25px;font:italic 26px/1.4 Georgia,serif;rotate:4deg}.corkboard .extra-pin .project-visual,.corkboard .unity-card .project-visual{height:90px}.corkboard .lohia-card .project-visual,.corkboard .extra-onextel .project-visual,.corkboard .extra-mg .project-visual{height:65px;margin-bottom:8px}.corkboard .lohia-card>p{display:none}.corkboard .preview-dashboard{border:1px solid #ffffff66;padding:6px;margin-top:7px}.preview-dashboard b{font-size:16px}.preview-dashboard>span{font-size:11px;display:block}.new-visual{color:#fff}.insurance-visual{background:#3c6488}.audit-visual{background:#b56645}.messaging-visual{background:#477b69}.motors-visual{background:#55456d}.corkboard .pushpin{width:16px;height:16px;top:-7px}.corkboard .tape{width:86px;height:27px;top:-12px}
@media(max-width:760px){.viewport{min-height:740px}.site-header nav{gap:15px}.site-header nav button,.header-photos,.header-contact{font-size:13px}.intro{top:92px;left:7%;width:86%}.intro .eyebrow{margin-bottom:12px}h1{font-size:39px;line-height:1.04;letter-spacing:-2px}.intro-copy{font-size:16px;line-height:1.45;margin:17px auto 25px;max-width:350px}.intro .enter-button{min-height:48px;padding:12px 22px;margin:0}.intro-footnote{display:none}.world-picker{bottom:22px}.board-surround{left:4%;width:92%;top:31%;height:54%;padding:0}.board-heading,.has-clouds .board-heading{left:6%;top:13%;width:88%;text-align:center}.board-heading h2{font-size:27px;line-height:1.12;letter-spacing:-1px}.board-heading>p:last-child{max-width:none;font-size:14px;margin-top:12px}.corkboard{width:1400px;height:1130px}.currently-section{padding:55px 7%}}
@media(max-width:380px){.site-header nav{gap:12px}.site-header nav button,.header-photos,.header-contact{font-size:12px}h1{font-size:35px}.intro-copy{font-size:15px}}