.experience-page{background:#e8eee4;color:#18372e;overflow-x:hidden}.experience-header{position:fixed;inset:0 0 auto;z-index:20;padding:26px 4%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.experience-header a{pointer-events:auto}.experience-header img{width:180px;height:auto}.experience-header>a:last-child{font-size:12px;padding:12px 18px;border:1px solid #284b3430;border-radius:30px;background:#f7f8efb8;backdrop-filter:blur(16px)}.experience-header a span{margin-left:20px}.journey{height:430svh;position:relative}.journey-stage{height:100svh;position:sticky;top:0;overflow:hidden}.scene-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 40%,#d1e1c800,transparent 68%),linear-gradient(120deg,#f1f3e9 20%,#dbe8d5);pointer-events:none}.scene-wash:after{content:'';position:absolute;width:70vw;height:70vw;left:25%;top:10%;border-radius:50%;border:1px solid #3e775719;box-shadow:0 0 0 90px #3e775708,0 0 0 180px #3e775706}#scene{position:absolute;left:30%;top:0;width:70%;height:100%;touch-action:pan-y;cursor:grab;z-index:1}#scene:active{cursor:grabbing}#scene canvas{display:block;width:100%;height:100%}.scene-fallback{position:absolute;width:270px;height:320px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);perspective:600px}.scene-fallback i{position:absolute;bottom:0;left:0;width:95px;height:230px;border-radius:8px;background:repeating-linear-gradient(0deg,transparent 0 24px,#439d7550 24px 29px),linear-gradient(110deg,#fff 70%,#97bca4 70%);box-shadow:16px 20px 32px #2e5f3920;transform:skewY(12deg)}.scene-fallback i:nth-child(2){left:105px;height:320px}.scene-fallback i:nth-child(3){left:180px;height:160px}.webgl-ready .scene-fallback{display:none}.story-copy{position:absolute;left:7%;top:27%;width:35%;max-width:470px;z-index:4;pointer-events:none}.story-copy>.eyebrow{font-size:10px;letter-spacing:.17em;margin:0 0 29px}.chapter-counter{font-size:10px;letter-spacing:.2em;color:#5e7461}.chapter-content h1{font-size:clamp(40px,4.4vw,75px);line-height:1.05;letter-spacing:-.05em;font-weight:500;margin:18px 0 23px}.chapter-content h1 em{font-family:Georgia,serif;font-weight:400;color:#2b7653}.chapter-description{font-size:15px;line-height:1.7;color:#4c6254;max-width:350px}.chapter-note{display:block;margin-top:23px;padding-left:16px;border-left:2px solid #41966a;font-size:11px;line-height:1.6;max-width:320px;color:#637563}.chapter-content.changing{animation:chapter-enter .5s both}@keyframes chapter-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.scene-caption{position:absolute;left:55%;bottom:15%;z-index:3;display:flex;flex-direction:column;gap:9px;text-align:center;pointer-events:none}.scene-caption>span:first-child{padding:10px 15px;border:1px solid #48785d33;border-radius:20px;font-size:9px;letter-spacing:.16em;background:#eef4e8a0;backdrop-filter:blur(8px)}.scene-detail{font-size:8px;letter-spacing:.15em;color:#5e7663}.chapter-rail{position:absolute;right:3%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:28px;z-index:10;width:44px;align-items:center}.chapter-rail button{width:38px;height:38px;border-radius:50%;position:relative;border:1px solid #44695138;background:#e9efe4;color:#59725e;font:10px Manrope,sans-serif;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}.chapter-rail button[aria-current]{background:#226747;border-color:#226747;color:white;box-shadow:0 0 0 6px #22674712}.chapter-rail button b{position:absolute;right:50px;top:50%;transform:translateY(-50%);font-size:9px;letter-spacing:.06em;font-weight:500;opacity:0;color:#234d35;transition:opacity .2s;background:#e9efe4dd;padding:6px 9px;border-radius:4px}.chapter-rail button:hover b,.chapter-rail button:focus-visible b{opacity:1}.rail-line{position:absolute;width:1px;top:18px;bottom:49px;left:50%;background:#2a654b24}.rail-line i{display:block;width:100%;height:var(--progress,0%);background:#286f4c;transition:height .15s}.rail-direction{font-size:20px;color:#538364}.journey-dock{position:absolute;bottom:6%;left:7%;z-index:11;max-width:80%;}.journey-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.journey-controls .button{font-size:12px;min-height:49px;padding:15px 22px;white-space:nowrap;cursor:pointer}.next-chapter{background:none;border:0;color:#41654c;font:11px Manrope,sans-serif;padding:14px 2px;cursor:pointer}.journey-hint{display:flex;gap:12px;align-items:center;font-size:9px;color:#6a7a6a;letter-spacing:.02em;margin:20px 0 0}.journey-hint>span{font-size:16px}.journey-hint i{font-style:normal}.journey-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#426e4c12;z-index:12}.journey-progress i{display:block;height:100%;width:var(--progress,0%);background:#3a8d60}.scene-status{position:absolute;right:12%;top:100px;max-width:240px;font-size:10px;color:#55725b;z-index:3}.no-script{position:fixed;bottom:10px;left:10px;z-index:99;background:white;padding:20px;font-size:14px}.experience-page [hidden]{display:none!important}.experience-page button:focus-visible,.experience-page a:focus-visible{outline:2px solid #227448;outline-offset:6px}
@media(min-width:1100px) and (max-height:740px){.story-copy{top:20%}.story-copy>.eyebrow{margin-bottom:18px}.chapter-content h1{font-size:52px;margin:12px 0}.chapter-description{font-size:13px}.chapter-note{margin-top:12px}.journey-dock{bottom:4%}.journey-hint{margin-top:10px}}
@media(max-width:900px){.story-copy{left:6%;width:40%;top:26%}.chapter-content h1{font-size:45px}#scene{left:32%;width:70%}.chapter-description{font-size:13px}.scene-caption{left:54%;bottom:24%}.chapter-rail{right:2%}.journey-dock{left:6%}}
@media(max-width:650px){.experience-header{padding:19px 6%}.experience-header img{width:135px}.experience-header>a:last-child{font-size:10px;padding:9px 12px}.experience-header a span{margin-left:6px}.journey{height:370svh}#scene{left:0;top:3%;width:94%;height:53%}.story-copy{top:51%;left:7%;width:78%;max-width:none;bottom:146px;overflow:auto;pointer-events:auto}.story-copy>.eyebrow{font-size:8px;margin-bottom:12px;letter-spacing:.12em}.chapter-counter{display:none}.chapter-content h1{font-size:clamp(29px,8vw,41px);margin:0 0 14px;line-height:1.03}.chapter-description{font-size:12px;line-height:1.6;margin:0;max-width:340px}.chapter-note{font-size:9px;line-height:1.5;margin-top:12px;padding-left:10px}.chapter-rail{top:37%;right:3%;gap:21px;width:30px}.chapter-rail button{width:29px;height:29px;font-size:8px}.rail-direction{font-size:15px}.rail-line{bottom:39px}.chapter-rail button b{right:39px}.scene-caption{top:44%;bottom:auto;left:7%;text-align:left}.scene-caption>span:first-child{font-size:7px;padding:6px 9px}.scene-detail{display:none}.journey-dock{left:7%;bottom:24px;max-width:86%;right:7%}.journey-controls{gap:14px;flex-wrap:nowrap}.journey-controls .button{min-height:43px;font-size:10px;padding:12px 16px}.next-chapter{font-size:9px;padding:10px 0;white-space:nowrap}.journey-hint{font-size:8px;gap:8px;margin:12px 0 0}.scene-status{right:16%;top:80px;font-size:8px;max-width:200px}.scene-fallback{transform:translate(-50%,-50%) scale(.65)}}
@media(max-height:680px) and (max-width:650px){#scene{height:44%;top:6%}.story-copy{top:47%;bottom:119px}.scene-caption{top:41%}.chapter-rail{gap:15px;top:32%}.chapter-note{display:none}.chapter-content h1{font-size:30px;margin-bottom:10px}.story-copy>.eyebrow{margin-bottom:8px}.journey-dock{bottom:18px}.chapter-description{font-size:11px}}
@media(max-height:500px) and (min-width:651px){.experience-header{padding:12px 4%}.experience-header img{width:130px}.story-copy{top:23%;bottom:100px;overflow:auto;pointer-events:auto}.story-copy>.eyebrow{display:none}.chapter-content h1{font-size:34px;margin:6px 0 12px}.chapter-description{font-size:11px}.chapter-note{display:none}.journey-dock{bottom:16px}.journey-hint{display:none}.chapter-rail{gap:12px}.chapter-rail button{width:28px;height:28px}.scene-caption{bottom:10%}.journey-controls .button{min-height:38px;padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.chapter-content.changing{animation:none}.chapter-rail button{transition:none}}
@media(max-width:650px){.contact-mode #tour{font-size:0;width:43px;min-width:43px;padding:12px;gap:0;justify-content:center}.contact-mode #tour span{font-size:18px}.contact-mode .contact-link{flex:1;justify-content:center;white-space:normal;font-size:10px;line-height:1.4}}

.chapter-rail button:before{content:"";position:absolute;inset:-7px;border-radius:50%}
/* District identity: technical typography, night scene and vertical navigation. */
.experience-page{background:#101e28;color:#ecf2f4}.scene-wash{background:radial-gradient(ellipse at 70% 45%,#274350 0,transparent 62%),#101e28}.scene-wash:after{width:auto;height:auto;left:32%;right:0;top:0;bottom:0;border:0;border-radius:0;box-shadow:none;background:repeating-linear-gradient(0deg,transparent 0 63px,#86a1af08 63px 64px),repeating-linear-gradient(90deg,transparent 0 63px,#86a1af08 63px 64px);transform:skewY(-10deg)}.experience-header>a:first-child{background:#f0f2f1;padding:10px 15px;display:flex;align-items:center}.experience-header img{width:155px}.experience-header>a:last-child{border:1px solid #66818e55;border-radius:0;background:#182f3d80;color:#b7c9d3;font:10px monospace}.story-copy>.eyebrow{font:8px monospace;color:#8aa4b1;line-height:1.6}.chapter-counter{font:10px monospace;color:#99bb62}.chapter-content h1{font-family:Space,Arial,sans-serif;font-weight:600;letter-spacing:-.055em;line-height:1.02;font-size:clamp(38px,4.2vw,67px)}.chapter-content h1 em{font-family:inherit;font-style:normal;color:#c0ed58;font-weight:600}.chapter-description{color:#97adba;font-size:13px}.chapter-note{color:#7996a6;border-left:1px solid #8eb441;font-size:10px}.chapter-rail button{border:1px solid #506f7e;background:#142b38;color:#8da9b7;border-radius:2px;font-family:monospace}.chapter-rail button[aria-current]{background:#c0ed58;border-color:#c0ed58;color:#142733;box-shadow:0 0 20px #a6d45314}.chapter-rail button b{background:#1c3645;color:#cfdfd3;font-family:monospace}.rail-line{background:#52778b3b}.rail-line i{background:#c0ed58}.rail-direction{color:#8ea96b}.scene-caption>span:first-child{border:1px solid #506977;border-radius:0;background:#172e3dd9;color:#acc49c;font-family:monospace;font-size:8px}.scene-detail{color:#547382;font-family:monospace}.journey-controls .button{border-radius:2px;background:#c0ed58;color:#142733;min-height:47px}.next-chapter{color:#a6bac6;font-family:monospace;font-size:10px}.journey-hint{color:#708d9e;font-family:monospace;font-size:8px;line-height:1.6}.journey-progress{background:#25404f}.journey-progress i{background:#c0ed58}.scene-status{color:#849eae;font-family:monospace}.scene-fallback i{background:repeating-linear-gradient(0deg,transparent 0 24px,#b5dd6850 24px 29px),linear-gradient(110deg,#314e5e 70%,#172e3c 70%);box-shadow:16px 20px 32px #030b123b}.no-script{background:#142b38;color:white}.experience-page button:focus-visible,.experience-page a:focus-visible{outline-color:#c0ed58}
@media(max-width:900px){.chapter-content h1{font-size:43px}}
@media(max-width:650px){.experience-header>a:first-child{padding:8px 10px}.experience-header img{width:112px}.experience-header>a:last-child{font-size:8px;padding:10px}.chapter-content h1{font-size:clamp(29px,8vw,40px)}.chapter-description{font-size:11px}.chapter-note{font-size:9px}.story-copy>.eyebrow{font-size:7px;line-height:1.5}.scene-caption>span:first-child{font-size:6px}.journey-controls .button{min-height:43px}.next-chapter{font-size:9px}.journey-hint{font-size:7px}.scene-status{font-size:7px}.contact-mode #tour{font-size:0}}
@media(max-height:680px) and (max-width:650px){.chapter-content h1{font-size:30px}.chapter-description{font-size:10px}}
@media(max-height:500px) and (min-width:651px){.chapter-content h1{font-size:32px}.chapter-description{font-size:10px}.experience-header img{width:110px}}
.chapter-content h1{letter-spacing:-.03em}

/* Original transparent logo, without a backing plate or frame. */
.experience-header>a:first-child{background:transparent;padding:0;border:0;box-shadow:none}.experience-header>a:first-child img{filter:brightness(0) invert(1);border:0;box-shadow:none}.chapter-content h1{font-size:clamp(35px,3.7vw,59px)}@media(max-width:650px){.chapter-content h1{font-size:clamp(27px,7.5vw,37px)}.chapter-description{font-size:10px;line-height:1.6}.chapter-note{font-size:8px}}