/* TRF1 immersive worlds; styles limited to the transferred component. */
#ecosystem .worlds{margin:0 calc(-1 * var(--pad));border-top:1px solid #ffffff24;color:#f1efe8;line-height:1.5}
#ecosystem .world{background-position:50%;background-size:cover;border-bottom:1px solid #ffffff24;display:grid;grid-template-columns:8vw 1.5fr 1fr 110px;align-items:center;min-height:280px;padding:30px 4vw;transition:min-height .5s,filter .4s}
#ecosystem .world:hover{min-height:390px}
#ecosystem .world>span,#ecosystem .world>a{letter-spacing:.18em;text-transform:uppercase;font-size:9px}
#ecosystem .world h3{text-transform:uppercase;letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,64px);font-weight:400}
#ecosystem .world p{margin:0;max-width:280px;font-family:Georgia,serif;font-size:20px;font-style:italic}
#ecosystem .world a{text-align:right}
.chapter{line-height:1.5}.chapter p{margin:0}.chapter h2{font-weight:400}.chapter img{max-width:100%;vertical-align:middle}.chapter .section-label{text-transform:uppercase;letter-spacing:.2em;font-size:9px}
@media(max-width:700px){#ecosystem .world{grid-template-columns:1fr 60px;align-content:end;gap:14px;min-height:430px;padding:28px 20px}#ecosystem .world h3{grid-column:1/-1;font-size:10vw}#ecosystem .world p{grid-column:1/2;font-size:17px}#ecosystem .world a{grid-column:2}#ecosystem .world:hover{min-height:430px}}
.world{width:100%;color:#f1efe8;text-align:left;font:inherit;cursor:pointer;border-left:0;border-right:0;border-top:0}.world>strong{font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;text-align:right}.world:hover,.world:focus-visible{background-position:center 46%;outline:0}.chapter{position:fixed;z-index:100;inset:0;overflow-y:auto;background:#0a0a09;color:#f1efe8;animation:chapter-in .75s cubic-bezier(.2,.8,.2,1)}@keyframes chapter-in{from{opacity:0;clip-path:inset(100% 0 0)}to{opacity:1;clip-path:inset(0)}}.chapter-close{position:fixed;z-index:5;right:30px;top:26px;background:#f1efe8;color:#111;border:0;border-radius:50%;width:82px;height:82px;text-transform:uppercase;letter-spacing:.12em;font-size:8px;cursor:pointer}.chapter-close b{display:block;font-size:20px;font-weight:300}.chapter-progress{position:fixed;z-index:5;left:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:8px}.chapter-progress i{height:100px;width:1px;background:#ffffff55}.chapter-hero{height:100svh;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:8vh 8vw;position:relative}.chapter-hero:after{content:"";position:absolute;inset:0;border:1px solid #ffffff20;pointer-events:none}.chapter-hero>p{font-size:9px;text-transform:uppercase;letter-spacing:.18em}.chapter-hero h2{font-size:clamp(60px,11vw,175px);line-height:.78;letter-spacing:-.07em;text-transform:uppercase;margin:4vh 0 2vh;max-width:86vw}.chapter-hero em{font:italic clamp(20px,3vw,46px) Georgia,serif;max-width:650px}.chapter-hero>span{align-self:flex-end;text-transform:uppercase;font-size:8px;letter-spacing:.18em;margin-top:4vh}.chapter-story{min-height:80vh;background:#e6e1d7;color:#111;padding:14vh 12vw;display:grid;grid-template-columns:1fr 3fr;align-content:center;gap:4vw}.chapter-story h3{font:400 clamp(37px,6vw,92px)/.98 Georgia,serif;letter-spacing:-.04em;margin:0}.chapter-story>p:last-child{grid-column:2;text-transform:uppercase;font-size:9px;letter-spacing:.15em;border-top:1px solid #1113;padding-top:25px}.chapter-gallery{padding:10vh 7vw 18vh;display:grid;grid-template-columns:1fr 1fr;gap:14vh 7vw;background:#10100f}.shot{margin:0}.shot img{display:block;width:100%;height:70vh;object-fit:cover;filter:saturate(.7);transition:filter .5s,transform 1s}.shot:hover img{filter:saturate(1);transform:scale(.985)}.shot-2{margin-top:32vh}.shot-3{grid-column:1/-1;width:75%;margin-left:auto}.shot-3 img{height:82vh}.shot figcaption{font-size:8px;text-transform:uppercase;letter-spacing:.17em;margin-top:12px;color:#aaa69e}.chapter-end{min-height:75vh;background:#c4b8a6;color:#111;padding:12vh 8vw;display:flex;flex-direction:column;justify-content:space-between}.chapter-end>p{font-size:9px;text-transform:uppercase;letter-spacing:.18em}.chapter-end h3{font:italic clamp(45px,7vw,110px)/.95 Georgia,serif;margin:0;max-width:1050px}.chapter-end button{align-self:flex-end;border:1px solid #111;background:transparent;border-radius:50%;width:150px;height:150px;text-transform:uppercase;letter-spacing:.12em;font-size:8px;cursor:pointer}.chapter-end button b{display:block;font-size:23px;margin-top:10px}@media(max-width:700px){.world>strong{grid-column:2}.chapter-close{width:62px;height:62px;right:15px;top:15px}.chapter-progress{display:none}.chapter-hero{padding:9vh 20px}.chapter-hero h2{font-size:16vw}.chapter-story{grid-template-columns:1fr;padding:12vh 20px}.chapter-story>p:last-child{grid-column:1}.chapter-gallery{display:block;padding:70px 20px}.shot,.shot-2,.shot-3{width:100%;margin:0 0 75px}.shot img,.shot-3 img{height:67vh}.chapter-end{padding:80px 20px}.chapter-end button{width:120px;height:120px}}@media(prefers-reduced-motion:reduce){.chapter{animation:none}.shot img{transition:none}}

#ecosystem .world{filter:none}#ecosystem .world:hover,#ecosystem .world:focus-visible{filter:contrast(1.08) saturate(1.08)}
.chapter-gallery{background:#050505}.chapter-hero,.shot img{filter:none}.chapter-story,.chapter-end{background:#f5f5f2;color:#050505}.chapter-close{background:#fff;color:#050505}
.chapter{z-index:600;animation:none}.chapter-close{position:fixed;z-index:680;top:108px;right:28px;width:118px;height:48px;border-radius:0;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;letter-spacing:.14em}.chapter-close b{display:inline;font-size:15px;margin:0}
@media(max-width:700px){.chapter-close{top:88px;right:14px;width:100px;height:42px}.chapter-hero{padding:145px 22px 55px}.chapter-hero h2{max-width:100%;font-size:14vw;overflow-wrap:anywhere}.chapter-story{padding:110px 22px 70px}.chapter-story h3{font-size:10.5vw;line-height:1}.chapter-gallery{padding:60px 22px}.chapter-end{padding:90px 22px 55px}.chapter-end h3{font-size:11vw}}

/* Remove the empty strip below the final immersive world. */
#ecosystem{padding-bottom:0}
