/* Every motion-enhanced state starts from a readable document. */
.reading-progress{position:absolute;left:0;bottom:-1px;height:2px;background:#198cb2;width:100%;transform:scaleX(0);transform-origin:left;pointer-events:none;z-index:3}
.project-hero{touch-action:pan-y}.hero-photo{transition:none!important}.project-hero.switching .hero-photo,.project-hero.switching .hero-story{opacity:1;transform:none}.hero-story{transition:none;overflow:hidden}.motion-line{overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}.hero-curtains{position:absolute;inset:0;display:flex;overflow:hidden;pointer-events:none;z-index:2}.hero-curtain{position:relative;flex:1;overflow:hidden;background:#14242d}.hero-curtain img{position:absolute;top:0;max-width:none;object-fit:cover;object-position:50% 62%}.hero-swipe-hint{display:none}.hero-tab .tab-line{transform-origin:left}.hero-tab.active .tab-line{background:#8bdbf4}.hero-project-link,.sequence-link{position:relative}.hero-project-link:after,.sequence-link:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .55s cubic-bezier(.19,1,.22,1)}.hero-project-link:hover:after,.sequence-link:hover:after{transform:scaleX(1);transform-origin:left}
.project-sequence{color:#f0f3f2;background:#19272c}.stage-shell{position:relative}.sequence-rail{position:absolute;z-index:15;left:var(--pad);right:var(--pad);top:35px;display:flex;align-items:center;justify-content:space-between;gap:30px;pointer-events:none}.sequence-rail .section-label{color:#a6bac0;font-size:9px}.sequence-rail h2{font-size:20px;letter-spacing:-.02em;margin-top:10px}.sequence-archive{display:inline-flex;align-items:center;gap:30px;font-size:11px;pointer-events:auto;border-bottom:1px solid #c2d0d270;padding:8px 0}.sequence-archive .arrow{font-size:19px}.sequence-panels{position:relative}.sequence-panel{position:relative;display:grid;grid-template-columns:43% 57%;min-height:690px;height:calc(100svh - 88px);background:#19272c;overflow:hidden;isolation:isolate}.sequence-media{grid-column:2;grid-row:1;position:relative;overflow:hidden;height:100%;background:#293a41}.sequence-media>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform-origin:center}.sequence-image-shade{position:absolute;inset:0;background:linear-gradient(90deg,#19272c40,transparent 35%),linear-gradient(0deg,#17242be0,transparent 55%,#17242b33 100%)}.sequence-photo-tag{position:absolute;right:35px;bottom:120px;font-size:8px;letter-spacing:.14em;opacity:.7}.sequence-editorial{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:145px 55px 145px var(--pad);position:relative;overflow:hidden}.sequence-panel-number{font:400 clamp(95px,11vw,180px)/1 var(--editorial);color:#34494f;letter-spacing:-.07em;margin-left:-8px;position:absolute;top:130px;pointer-events:none}.sequence-copy{position:relative;padding-top:65px}.sequence-location{font-size:9px;letter-spacing:.04em;color:#adc2c9;margin-bottom:24px}.sequence-copy h3{font:400 clamp(46px,5.5vw,84px)/1.04 var(--editorial);letter-spacing:-.035em;max-width:550px}.sequence-summary{font-size:12px;color:#b1c1c6;line-height:1.9;max-width:340px;margin-top:25px}.sequence-metric{font-size:10px;color:#dfedf0;border-top:1px solid #ffffff28;padding-top:18px;margin-top:25px;max-width:340px}.sequence-link{display:inline-flex;align-items:center;gap:40px;font-size:11px;border-bottom:1px solid #b9cbcf;padding:10px 0;margin-top:23px}.sequence-link .arrow{font-size:20px}.sequence-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px var(--pad);background:#19272c}.sequence-scroll-hint{font-size:8px;letter-spacing:.14em;color:#afc4cb}.sequence-scroll-hint>span{margin-left:18px;font-size:17px}.sequence-navigation{display:flex;gap:18px}.sequence-navigation a{font-size:9px;min-width:50px;min-height:44px;display:flex;flex-direction:column;gap:12px;justify-content:center;opacity:.55}.sequence-navigation a i{width:100%;height:1px;background:#adc4ce;display:block;transform-origin:left}.sequence-navigation a[aria-current=true],.sequence-navigation a:hover{opacity:1}.sequence-navigation a[aria-current=true] i{height:2px;background:#7ac7df}.sequence-counter{font-size:10px;color:#b4c8cf}.sequence-after{padding-block:32px;background:#23353c;color:#c6d4d7;display:flex;align-items:center;justify-content:space-between;gap:40px}.sequence-after>p{font-size:12px}.sequence-after .quiet-link{font-size:11px;border-color:#93abb4}.sequence-after .quiet-link:hover{color:#fff}
.sequence-enhanced .sequence-panel{position:absolute;inset:0;min-height:0;height:100%}.sequence-enhanced .sequence-panels{height:calc(100svh - 88px);min-height:660px}.sequence-enhanced .sequence-footer{position:absolute;bottom:10px;left:0;right:0;z-index:15;background:none}.sequence-enhanced .sequence-panel:not(:first-child){visibility:hidden}
.sequence-enhanced .sequence-panel:focus-within .sequence-link{outline-color:#8bd5ee}.intro-main h2{perspective:600px}.intro-main h2 .reveal-row{display:block}.reveal-line{display:block;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em}.reveal-line>span{display:block;transform-origin:left bottom}.motion-image{overflow:hidden}
.route-veil{position:fixed;inset:0;z-index:150;background:#192a32;pointer-events:none;transform:translateY(100%);display:flex;align-items:center;justify-content:center}.route-veil span{font:400 clamp(42px,6vw,84px)/1.1 var(--editorial);color:#f3f6f4;padding:35px;text-align:center;max-width:850px}.motion-enabled .reveal.pending{opacity:1;transform:none;transition:none}
@media(max-width:1180px){.sequence-panel{grid-template-columns:45% 55%}.sequence-editorial{padding-right:35px}.sequence-copy h3{font-size:65px}.sequence-summary{font-size:11px}.sequence-panel-number{font-size:140px}.sequence-photo-tag{right:25px}}
@media(max-width:980px){.sequence-panel{min-height:600px;height:calc(100svh - 78px)}.sequence-copy h3{font-size:52px}.sequence-editorial{padding-top:130px;padding-bottom:115px}.sequence-summary{font-size:11px}.sequence-panel-number{top:120px;font-size:120px}.sequence-location{font-size:8px;margin-bottom:20px}.sequence-rail{top:30px}.sequence-rail h2{font-size:18px}.sequence-archive{font-size:10px}.sequence-panel+.sequence-panel{border-top:1px solid #ffffff20}.sequence-scroll-hint{display:none}.sequence-after>p{font-size:11px}}
@media(max-width:700px){.hero-swipe-hint{display:block;position:absolute;left:var(--pad);right:var(--pad);top:calc(62% + 16px);font-size:7px;color:#aec6d1;letter-spacing:.1em;text-align:right;pointer-events:none}.hero-story{bottom:172px}.hero-curtain img{object-position:50% 70%}.sequence-panel{display:block;height:auto;min-height:0;background:#18272e;padding:0}.sequence-media{height:63svh;min-height:390px;max-height:560px;width:100%}.sequence-media>img{object-position:50% 50%}.sequence-image-shade{background:linear-gradient(0deg,#18272e 0%,#18272e10 60%,#18272e60 100%)}.sequence-editorial{padding:0 var(--pad) 50px;display:block;margin-top:-105px;z-index:2;overflow:visible}.sequence-copy{padding-top:0}.sequence-panel-number{position:static;display:block;font:400 11px/1.4 var(--body);color:#bbd0d8;letter-spacing:.12em;margin:0 0 16px}.sequence-location{font-size:8px;margin-bottom:17px;color:#b4cbd6}.sequence-copy h3{font-size:48px;max-width:360px;line-height:1.06;color:#fff}.sequence-summary{font-size:11px;line-height:1.9;max-width:340px;margin-top:22px}.sequence-metric{font-size:10px;max-width:none;padding-top:18px;margin-top:23px;color:#e1edf1}.sequence-link{font-size:11px;margin-top:19px;min-height:44px;gap:42px}.sequence-photo-tag{right:var(--pad);top:25px;bottom:auto;font-size:7px}.sequence-rail{position:static;padding:38px var(--pad) 27px;gap:25px}.sequence-rail h2{font:400 36px/1.2 var(--editorial);margin-top:15px}.sequence-rail .section-label{font-size:8px}.sequence-archive{font-size:10px;gap:15px;white-space:nowrap;margin-top:24px}.sequence-panel+.sequence-panel{border-top:0}.sequence-footer{padding:25px var(--pad) 30px;border-top:1px solid #ffffff24}.sequence-navigation{gap:16px}.sequence-navigation a{min-width:45px}.sequence-counter{font-size:9px}.sequence-after{padding-block:30px;display:block}.sequence-after>p{font-size:11px;line-height:1.9;max-width:300px}.sequence-after .quiet-link{font-size:10px;margin-top:17px}.hero-story h1{max-width:100%}.hero-photo{object-position:50% 70%}.sequence-enhanced .sequence-panel{position:relative;height:auto;visibility:visible}.sequence-enhanced .sequence-panels{height:auto;min-height:0}}
@media(max-width:360px){.sequence-copy h3{font-size:42px}.sequence-rail h2{font-size:33px}.sequence-archive{font-size:9px;gap:10px}.sequence-navigation{gap:13px}.sequence-navigation a{min-width:40px}.sequence-media{min-height:360px}.hero-swipe-hint{font-size:6px;top:calc(62% + 10px)}}
@media(prefers-reduced-motion:reduce){.hero-curtains,.route-veil{display:none!important}.sequence-panel{clip-path:none!important;visibility:visible!important;opacity:1!important}.sequence-media img,.reveal-line>span{transform:none!important}.reading-progress{display:none}}
.sequence-enhanced .sequence-panels{min-height:0}
@media(min-width:1000px) and (max-height:850px){.sequence-editorial{padding-top:125px;padding-bottom:100px;padding-right:35px}.sequence-copy{padding-top:0}.sequence-copy h3{font-size:56px}.sequence-location{margin-bottom:18px}.sequence-summary{font-size:11px;margin-top:17px}.sequence-metric{padding-top:14px;margin-top:18px}.sequence-link{margin-top:16px}.sequence-panel-number{top:115px;font-size:100px}.sequence-photo-tag{bottom:90px}}
@media(min-width:800px) and (max-width:980px){.sequence-enhanced .sequence-editorial{padding-top:120px;padding-bottom:100px;padding-right:25px}.sequence-enhanced .sequence-copy{padding-top:0}.sequence-enhanced .sequence-copy h3{font-size:43px}.sequence-enhanced .sequence-location{margin-bottom:17px}.sequence-enhanced .sequence-summary{font-size:10px;line-height:1.8;margin-top:17px}.sequence-enhanced .sequence-metric{font-size:9px;padding-top:14px;margin-top:18px}.sequence-enhanced .sequence-link{font-size:10px;margin-top:15px}.sequence-enhanced .sequence-panel-number{top:110px;font-size:95px}.sequence-enhanced .sequence-navigation{gap:13px}.sequence-enhanced .sequence-navigation a{min-width:38px}}
@media(min-width:800px) and (max-width:980px){.sequence-enhanced .sequence-panels{height:calc(100svh - 78px)}}