/* The scene is shared artwork; navigation and controls remain normal HTML. */
.art img{display:block;width:100%;height:100%;object-fit:cover}.header .brand-mark{transition:transform .5s}.brand:hover .brand-mark{transform:rotate(60deg)}.header nav a{position:relative}.header nav a::after{position:absolute;content:"";height:1px;background:currentColor;left:0;right:0;bottom:8px;transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover::after{transform:scaleX(1)}
.explore-hero{position:relative;margin-top:26px;aspect-ratio:1680/940;background:#14271f;color:#f1f0df;overflow:hidden;isolation:isolate}.hero-scene{position:absolute;inset:0;overflow:hidden;background:#14271f}.scene-stage{position:absolute;inset:0;overflow:hidden}.expedition-landscape{width:100%;height:100%;object-fit:cover;display:block;transition:filter .6s,transform 1.1s cubic-bezier(.2,.65,.3,1)}.hero-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0d1d19a1,transparent 58%),linear-gradient(0deg,#0b1b17c9,transparent 34%);z-index:1}.hero-copy{position:absolute;top:9%;left:4.5%;width:43%;z-index:2;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero-copy .eyebrow{font-size:9px;letter-spacing:2px;color:#d7ddc5}.hero-copy h1{font-size:clamp(47px,5.5vw,82px);line-height:.98;letter-spacing:-3.4px;margin-top:30px}.hero-copy h1 em{font-size:1.17em;color:#e4d5a8}.hero-copy p{font-size:14px;line-height:1.8;color:#d1d8c6;margin-top:25px}.hero-copy .text-link{border-color:#d2d7bb7d;font-size:11px;gap:38px;margin-top:20px}.hero-copy .text-link:hover{color:#f2dda5}.hero-preview{position:absolute;bottom:5.5%;left:4.5%;width:41%;z-index:3;border-top:1px solid #e0e3c13d;padding-top:20px;display:flex;justify-content:space-between;gap:20px;align-items:end}.preview-category{font-size:8px;letter-spacing:1.7px;color:#c3cbb1}.hero-preview h2{font-family:var(--serif);font-size:33px;margin-top:9px;line-height:1.05}.hero-preview p{font-size:11px;line-height:1.7;color:#c1cab5;max-width:270px;margin-top:10px}.hero-preview>a{display:flex;align-items:center;gap:12px;flex-shrink:0;align-self:center}.hero-preview>a>span{font-size:9px;display:none}.hero-preview>a>b{width:39px;height:39px;border-radius:50%;border:1px solid #cbd4b887;display:grid;place-items:center;font-size:22px;font-weight:400;transition:background .2s,color .2s}.hero-preview>a:hover b{background:#ebdfb3;color:#24382b}.scene-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-routes path{fill:none;stroke:#eed99c;stroke-width:1.5;stroke-dasharray:3 9;stroke-linecap:round;opacity:0;transition:opacity .5s}.scene-stage[data-active=threshold] [data-route=threshold],.scene-stage[data-active=echo] [data-route=echo],.scene-stage[data-active=common] [data-route=common]{opacity:.65}.atlas-pin{position:absolute;z-index:4;display:flex;align-items:center;transform:translate(-50%,-50%);isolation:isolate;outline-offset:7px!important}.pin-temple{left:78.5%;top:38.5%}.pin-shrine{left:35.3%;top:48.5%}.pin-bridge{left:81.7%;top:72%}.pin-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:10px;letter-spacing:1px;color:#f7e8bd;border:1px solid #f1e2b498;background:#26392ed1;backdrop-filter:blur(4px);box-shadow:0 0 0 5px #1d302536;transition:transform .3s,background .3s,box-shadow .3s}.pin-label{position:absolute;left:49px;top:50%;transform:translate(-5px,-50%);opacity:0;white-space:nowrap;font-size:11px;background:#172d24e8;border:1px solid #b9c6a952;padding:11px 13px;pointer-events:none;transition:opacity .25s,transform .25s}.pin-label b{font-weight:400;margin-left:18px;color:#edd69b}.pin-temple .pin-label,.pin-bridge .pin-label{left:auto;right:49px;transform:translate(5px,-50%)}.atlas-pin:hover .pin-symbol,.atlas-pin:focus-visible .pin-symbol,.atlas-pin.active .pin-symbol{background:#ebd69f;color:#243c2a;box-shadow:0 0 0 7px #efdba81f,0 0 34px #efcf8d80;transform:scale(1.08)}.atlas-pin:hover .pin-label,.atlas-pin:focus-visible .pin-label,.atlas-pin.active .pin-label{opacity:1;transform:translate(0,-50%)}.lantern-glow{position:absolute;left:53.5%;top:77%;width:30px;height:30px;background:radial-gradient(circle,#ffe0a1a8,transparent 68%);pointer-events:none;mix-blend-mode:screen;animation:lantern-breath 4s ease-in-out 3}.exploration-index{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-bottom:50px}.exploration-index button{display:flex;gap:17px;align-items:center;position:relative;padding:22px 25px;background:none;border:0;border-right:1px solid var(--line);text-align:left;transition:background .3s}.exploration-index button:first-child{border-left:1px solid var(--line)}.exploration-index button::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--olive);transform:scaleX(0);transform-origin:left;transition:transform .3s}.exploration-index button.active{background:#e5e7da}.exploration-index button.active::before{transform:scaleX(1)}.index-number{font-family:var(--serif);font-size:26px;color:#848e76}.exploration-index small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.exploration-index strong{display:block;font-size:15px;font-weight:400;margin-top:5px}.index-arrow{margin-left:auto;font-size:19px;color:var(--olive);transition:transform .3s}.exploration-index button:hover .index-arrow{transform:translate(3px,-3px)}
.feature{display:grid;grid-template-columns:1.65fr 1fr;margin-bottom:35px;background:#e4e7d9}.feature .feature-image{aspect-ratio:1.62;min-height:365px;height:100%;width:100%}.feature .project-caption{display:flex;flex-direction:column;justify-content:center;padding:36px 38px;gap:27px}.feature h3{font-family:var(--serif);font-size:52px;margin-top:18px}.feature .project-caption>div>p{line-height:1.9;max-width:270px}.feature .caption-role{min-width:0;border-top:1px solid #c5ccb7;padding-top:18px}.feature-read{display:flex;justify-content:space-between;font-size:11px;padding-bottom:7px;max-width:225px}.feature-read span{font-size:17px}.feature .image-title>span:first-child{font-size:25px;line-height:1.15;letter-spacing:-.5px}.feature .image-title{bottom:28px}.project-image .art{transition:transform .85s cubic-bezier(.2,.6,.2,1),filter .5s}.project-image:hover .art{transform:scale(1.045)}.echo-image:hover svg>path{stroke-dashoffset:48;transition:stroke-dashoffset 1.2s}.common-image svg g[fill="#eee3be"],.common-image svg g[fill="#374e42"]{transition:transform .7s}.common-image:hover svg g[fill="#eee3be"]{transform:translate(14px,6px)}.common-image:hover svg g[fill="#374e42"]{transform:translate(-14px,-6px)}.project-grid .project-card:nth-child(2){padding-top:65px}.project-grid .secondary-image{aspect-ratio:1.55}.project-grid .art-word{font-size:clamp(38px,4.2vw,67px)}.project-grid .common-word{font-family:var(--serif);font-weight:400}.project-grid .common-word em{font-style:normal}.card-bottom span:first-child{font-size:9px;letter-spacing:.2px}.notebook-mark{transform-origin:top left;transition:transform .4s}.notebook:hover .notebook-mark{transform:translate(8px,8px)}
.detail[data-project=threshold]{--project-accent:#64734b}.detail[data-project=echo]{--project-accent:#476e76}.detail[data-project=common]{--project-accent:#aa6042}.detail .detail-header h1{font-family:var(--serif);font-size:clamp(58px,7.5vw,108px)}.detail[data-project=echo] .detail-header h1{font-family:var(--sans);font-weight:300;letter-spacing:-4px}.detail[data-project=common] .detail-header h1{font-style:italic}.detail .detail-header .eyebrow{color:var(--project-accent)}.detail .process-panel{border:0;padding:0;background:transparent}.detail .process-bar{border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.detail .diagram{margin-top:18px}.detail .layer-controls .active{background:var(--project-accent);border-color:var(--project-accent)}.detail .iteration-number{color:var(--project-accent)}.detail[data-project=common] .detail-art{background:#a46847}.detail[data-project=echo] .detail-art{background:#1b343c}
.comparison{--split:50%;position:relative;aspect-ratio:16/9;background:#243b32;overflow:hidden;margin-top:26px;isolation:isolate}.comparison .compare-image{position:absolute;inset:0}.comparison .compare-image img,.comparison .compare-image svg{display:block;width:100%;height:100%;object-fit:cover}.comparison .compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:2}.comparison .compare-before.vector-whitebox{filter:grayscale(1) brightness(1.25)}.comparison-label{position:absolute;top:17px;padding:7px 10px;background:#172a23d9;font-size:9px;letter-spacing:1.2px;z-index:3;color:#eff0dc;pointer-events:none}.compare-before .comparison-label{left:17px}.compare-after .comparison-label{right:17px}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:#fff4d8;z-index:4;pointer-events:none;box-shadow:0 0 15px #1b302745}.comparison-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;background:var(--paper);border-radius:50%;color:var(--ink);font-size:19px;box-shadow:0 2px 15px #0003}.compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:5;cursor:ew-resize;margin:0;touch-action:pan-y}.comparison:has(.compare-range:focus-visible){outline:3px solid var(--project-accent);outline-offset:4px}.comparison-key{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;color:var(--muted);letter-spacing:.5px}.detail-art{view-transition-name:project-cover}.cover-origin{view-transition-name:project-cover}.view-enter{animation:view-enter .55s cubic-bezier(.2,.7,.2,1) both}.header,.footer{view-transition-name:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}::view-transition-group(project-cover){animation-duration:.55s;animation-timing-function:cubic-bezier(.25,.65,.2,1)}::view-transition-old(project-cover),::view-transition-new(project-cover){height:100%;object-fit:cover;mix-blend-mode:normal}
@keyframes lantern-breath{50%{opacity:.5;transform:scale(1.25)}}@keyframes view-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero-copy h1{font-size:84px}}@media(max-width:1100px){.hero-copy h1{font-size:60px}.hero-copy{top:8%}.hero-copy h1{margin-top:22px}.hero-copy p{font-size:12px;margin-top:20px}.hero-copy .text-link{margin-top:10px}.hero-preview{padding-top:13px}.hero-preview h2{font-size:28px}.hero-preview p{font-size:10px}.feature .project-caption{padding:28px;gap:22px}.feature h3{font-size:44px}.feature .feature-image{min-height:330px}.pin-label{font-size:10px;padding:9px}.hero-preview{width:43%}}
@media(max-width:760px){.explore-hero{margin-top:16px;aspect-ratio:auto;background:transparent;color:var(--ink);display:flex;flex-direction:column;overflow:visible}.hero-copy{position:static;order:0;width:100%;padding:20px 0 28px}.hero-copy .eyebrow{color:var(--olive);font-size:8px}.hero-copy h1{font-size:clamp(49px,12vw,75px);letter-spacing:-2.6px;line-height:.94;margin-top:22px}.hero-copy h1 em{color:var(--olive);font-size:1.15em}.hero-copy p{font-size:12px;color:var(--muted);margin-top:22px}.hero-copy .text-link{font-size:11px;border-color:var(--line);margin-top:9px;gap:30px}.hero-scene{position:relative;order:1;aspect-ratio:1.12;inset:auto}.scene-stage{width:160%;height:auto;aspect-ratio:1680/940;left:-45%;right:auto;top:0;bottom:auto}.hero-scene::after{background:linear-gradient(0deg,#0b1b1770,transparent 50%);z-index:1}.hero-preview{position:static;order:2;width:100%;padding:20px 0 23px;border-top:0;gap:12px;align-items:center}.hero-preview h2{font-size:30px;margin-top:7px}.preview-category{color:var(--olive);font-size:8px}.hero-preview p{color:var(--muted);font-size:11px;max-width:255px}.hero-preview>a>b{border-color:#89947a;background:transparent;width:37px;height:37px;font-size:20px}.pin-label{font-size:9px;padding:8px 9px}.pin-symbol{width:33px;height:33px;font-size:9px}.pin-temple .pin-label,.pin-bridge .pin-label{right:42px}.pin-shrine .pin-label{left:42px}.exploration-index{margin-bottom:30px}.exploration-index button{padding:15px 10px;gap:8px;min-width:0}.exploration-index small{font-size:6px;letter-spacing:.7px}.exploration-index strong{font-size:10px;margin-top:6px;white-space:nowrap}.index-number{font-size:19px}.index-arrow{display:none}.feature{display:block;background:transparent;margin-bottom:30px}.feature .feature-image{aspect-ratio:1.25;min-height:280px}.feature .project-caption{padding:22px 0 0;gap:16px}.feature h3{font-size:40px;margin-top:10px}.feature .project-caption>div>p{max-width:100%}.feature .caption-role{border:0;margin:0;padding:0}.feature-read{max-width:210px;font-size:11px}.feature .image-title>span:first-child{font-size:22px}.feature .image-title{bottom:25px}.project-grid .project-card:nth-child(2){padding-top:0}.project-grid .art-word{font-size:49px}.detail .detail-header h1{font-size:clamp(43px,11vw,75px);letter-spacing:-2px}.detail[data-project=echo] .detail-header h1{letter-spacing:-2px}.detail .detail-art{height:300px}.detail .detail-art .art img{object-position:65% center}.comparison{aspect-ratio:1.35}.comparison .compare-image img{object-position:65% center}.comparison-label{top:11px;font-size:8px;padding:6px 8px}.compare-before .comparison-label{left:11px}.compare-after .comparison-label{right:11px}.comparison-divider span{width:38px;height:38px}.detail .process-bar{margin-top:23px}.comparison-key{font-size:9px}.scene-stage .pin-label{max-width:150px}.skip{transform:translateY(-100%);top:0}.skip:focus{transform:translateY(0);top:15px}}
@media(prefers-reduced-motion:reduce){.lantern-glow,.view-enter{animation:none}.expedition-landscape,.pin-symbol,.pin-label,.project-image .art,.common-image svg g,.exploration-index button,.index-arrow{transition:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.001s!important}}
.youtube-player{aspect-ratio:16/9;background:#20372f;position:relative;overflow:hidden}.youtube-player iframe{width:100%;height:100%;border:0;display:block}.youtube-launch{position:absolute;inset:0;width:100%;height:100%;border:0;background:#20372f;padding:0;display:grid;place-items:center}.youtube-launch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transition:opacity .3s}.youtube-launch:hover img{opacity:1}.youtube-play{position:relative;width:64px;height:64px;border:1px solid #e0e8c5a6;background:#193b2ac9;color:#f6e3aa;font-size:31px;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(5px)}
.atlas-pin,.pin-label{color:#f1f0df}.skip{top:0;transform:translateY(-130%)}.skip:focus{top:15px;transform:translateY(0)}.feature-image .art img{object-position:65% center}
@media(max-width:760px){.exploration-index{grid-template-columns:repeat(3,minmax(0,1fr))}.exploration-index button>span:nth-child(2){min-width:0}.exploration-index strong{white-space:normal;line-height:1.3}.project-grid{grid-template-columns:minmax(0,1fr)}.project-grid .project-card{min-width:0}.project-grid .secondary-image{width:100%;min-height:0;aspect-ratio:1.45}}
@media(min-width:761px){.feature{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.feature .project-caption{min-width:0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid .project-card{min-width:0}.project-grid .secondary-image{width:100%;min-height:0}}
@media(min-width:761px) and (max-width:1000px){.feature h3{font-size:37px}.feature h3 a{gap:14px}.feature .project-caption{padding:26px}.feature .feature-image{aspect-ratio:auto;min-height:310px}.hero-copy h1{font-size:50px}.hero-copy p{font-size:11px;margin-top:16px}.hero-preview p{display:none}.hero-preview{padding-top:12px}.hero-preview h2{font-size:25px}.hero-copy .text-link{margin-top:8px}}