.hero-photo{background-image:linear-gradient(90deg,rgba(4,12,19,.97) 0%,rgba(4,12,19,.78) 34%,rgba(4,12,19,.08) 65%),linear-gradient(0deg,rgba(4,12,19,.66),transparent 42%),url('./hero-directors-v2.webp');filter:saturate(1.05) contrast(1.03)}
.system-cinema{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:#031018;color:#fff;--lens-size:clamp(170px,24vw,390px)}
.system-cinema-photo{position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,rgba(3,12,18,.94) 0%,rgba(3,12,18,.62) 37%,rgba(3,12,18,.08) 67%),linear-gradient(0deg,rgba(3,12,18,.8),transparent 48%),url('./hero-directors-v2.webp') center/cover no-repeat;filter:saturate(1.02) contrast(1.04)}
.system-cinema:after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at var(--lens-x) var(--lens-y),rgba(74,215,255,.14),transparent 17%),linear-gradient(90deg,transparent 0 79%,rgba(74,215,255,.13) 79% 79.1%,transparent 79.1%);pointer-events:none}
.system-cinema-analysis{position:absolute;z-index:-2;inset:0;clip-path:circle(calc(var(--lens-size)/2) at var(--lens-x) var(--lens-y));background:linear-gradient(rgba(74,215,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(74,215,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(4,19,29,.74),rgba(4,19,29,.38));background-size:44px 44px,44px 44px,auto;box-shadow:inset 0 0 0 1px rgba(74,215,255,.46);transition:clip-path .55s cubic-bezier(.2,.8,.2,1)}
.system-cinema-analysis:before,.system-cinema-analysis:after{content:'';position:absolute;background:var(--cyan);box-shadow:0 0 22px rgba(74,215,255,.8)}
.system-cinema-analysis:before{left:31%;right:14%;top:56%;height:1px;transform:rotate(-5deg)}
.system-cinema-analysis:after{left:61%;top:28%;bottom:20%;width:1px}
.system-node{position:absolute;display:grid;gap:4px;font:500 .55rem var(--mono);letter-spacing:.1em;color:#fff;opacity:.48;transition:.35s}
.system-node i{width:13px;height:13px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 7px rgba(74,215,255,.12),0 0 22px rgba(74,215,255,.7)}
.system-node b{color:var(--cyan)}.system-node small{font-size:.43rem;color:#c5d8e0}.system-node.service{left:61%;top:50%}.system-node.ev{left:77%;top:63%}.system-node.heat{left:46%;top:64%}.system-node.future{left:56%;top:28%}
.system-cinema[data-focus=service] .system-node.service,.system-cinema[data-focus=ev] .system-node.ev,.system-cinema[data-focus=heat] .system-node.heat,.system-cinema[data-focus=future] .system-node.future{opacity:1;transform:scale(1.08)}
.system-cinema-copy{position:relative;z-index:2;width:min(670px,46vw);padding:clamp(130px,16vh,190px) 0 80px 7vw}.system-cinema-copy>span{font:500 .58rem var(--mono);letter-spacing:.12em;color:var(--cyan)}.system-cinema-copy h2{margin:23px 0 22px;font:700 clamp(3rem,6.2vw,7.2rem)/.88 var(--sans);letter-spacing:-.07em}.system-cinema-copy h2 em{font-style:normal;color:var(--cyan)}.system-cinema-copy>p{max-width:590px;color:#c8d6dc;font-size:clamp(.9rem,1.08vw,1.08rem);line-height:1.72}
.system-cinema-controls{display:grid;grid-template-columns:1fr 1fr;margin-top:34px;border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.system-cinema-controls button{min-height:72px;padding:15px 17px;border:0;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);background:rgba(5,20,30,.68);color:#c9d7dc;text-align:left;font:600 .64rem var(--mono);letter-spacing:.03em;cursor:pointer;transition:.25s}.system-cinema-controls button b{display:block;margin-bottom:6px;color:var(--cyan);font-size:.48rem}.system-cinema-controls button:hover,.system-cinema-controls button.active{background:var(--cyan);color:var(--ink);transform:translateY(-2px)}.system-cinema-controls button.active b,.system-cinema-controls button:hover b{color:var(--ink)}
.system-lens-note{position:absolute;right:3vw;bottom:3vw;writing-mode:vertical-rl;font:500 .48rem var(--mono);letter-spacing:.12em;color:#9fb4bd}
@media(max-width:700px){.hero-photo{background-image:linear-gradient(0deg,rgba(4,12,19,.94) 0%,rgba(4,12,19,.42) 64%,rgba(4,12,19,.14)),url('./hero-mobile-directors-v2.webp');background-position:center}.system-cinema{min-height:940px;--lens-size:190px}.system-cinema-photo{background-image:linear-gradient(0deg,rgba(3,12,18,.98) 0%,rgba(3,12,18,.68) 57%,rgba(3,12,18,.12)),url('./hero-mobile-directors-v2.webp');background-position:center top}.system-cinema-copy{width:auto;padding:460px 22px 100px}.system-cinema-copy h2{font-size:3.25rem}.system-cinema-copy>p{font-size:.88rem}.system-cinema-controls{margin-top:25px}.system-cinema-controls button{min-height:67px;padding:12px}.system-node{font-size:.45rem}.system-node small{display:none}.system-node.service{left:58%;top:38%}.system-node.ev{left:68%;top:46%}.system-node.heat{left:38%;top:48%}.system-node.future{left:48%;top:24%}.system-lens-note{display:none}}
@media(prefers-reduced-motion:reduce){.system-cinema-analysis,.system-node,.system-cinema-controls button{transition:none}}

/* Distinct photographic chapters: route, service equipment and planning record. */
.system-cinema-photo{background-image:linear-gradient(90deg,rgba(3,12,18,.96) 0%,rgba(3,12,18,.64) 37%,rgba(3,12,18,.06) 68%),linear-gradient(0deg,rgba(3,12,18,.78),transparent 48%),url('./scene-ev-route-v1.webp')}
.field-journal{padding:clamp(100px,11vw,170px) 6vw;background:linear-gradient(155deg,#0b2231,#06131d 62%);color:#fff}.field-journal-head{display:grid;grid-template-columns:1.05fr .9fr;align-items:end;gap:8vw;margin-bottom:50px}.field-journal-head>span{grid-column:1/-1;font:500 .55rem var(--mono);letter-spacing:.12em;color:var(--cyan)}.field-journal-head h2{margin:0;font:700 clamp(3.4rem,6vw,7rem)/.86 var(--sans);letter-spacing:-.065em}.field-journal-head h2 em{font-style:normal;color:var(--cyan)}.field-journal-head p{max-width:540px;margin:0 0 7px;color:#c3d3da;line-height:1.72}.field-journal-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px;height:min(62vw,760px)}.field-frame{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#06131d}.field-frame img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s;filter:saturate(.93) contrast(1.03)}.field-frame:hover img{transform:scale(1.025);filter:saturate(1.04) contrast(1.04)}.field-frame figcaption{position:absolute;left:0;right:0;bottom:0;padding:23px 25px;background:linear-gradient(0deg,rgba(3,12,18,.94),rgba(3,12,18,.12));display:grid;grid-template-columns:auto 1fr;gap:7px 18px;align-items:end}.field-frame figcaption span{grid-row:1/3;font:500 .48rem var(--mono);letter-spacing:.1em;color:var(--cyan)}.field-frame figcaption b{font-size:clamp(.9rem,1.25vw,1.2rem)}.field-frame figcaption small{font:500 .45rem var(--mono);letter-spacing:.05em;color:#b9cad2}.field-frame.service img{object-position:42% center}.field-frame.plan img{object-position:center}
@media(max-width:700px){.system-cinema-photo{background-image:linear-gradient(0deg,rgba(3,12,18,.98) 0%,rgba(3,12,18,.64) 57%,rgba(3,12,18,.08)),url('./scene-ev-route-v1.webp');background-position:64% center}.field-journal{padding:90px 20px}.field-journal-head{display:block;margin-bottom:34px}.field-journal-head>span{display:block;margin-bottom:20px}.field-journal-head h2{font-size:3.3rem}.field-journal-head p{margin-top:22px;font-size:.88rem}.field-journal-grid{height:auto;display:grid;grid-template-columns:1fr;gap:14px}.field-frame{height:390px}.field-frame.plan{height:330px}.field-frame figcaption{padding:18px}.field-frame figcaption small{font-size:.4rem}}

/* The first scroll now opens into a property-context rail rather than repeating the hero. */
.property-contexts{position:relative;padding:clamp(92px,10vw,154px) 0 clamp(100px,11vw,170px);overflow:hidden;background:#e9edf0;color:var(--ink)}.property-contexts:before{content:'FIELD / 03';position:absolute;right:4vw;top:3vw;font:500 .48rem var(--mono);letter-spacing:.13em;color:#71818a}.property-contexts-head{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;padding:0 6vw 48px}.property-contexts-head>span{grid-column:1/-1;font:500 .52rem var(--mono);letter-spacing:.13em;color:#137ca0}.property-contexts-head h2{margin:0;font:700 clamp(3.25rem,5.8vw,6.7rem)/.86 var(--sans);letter-spacing:-.065em}.property-contexts-head p{max-width:540px;margin:0 0 7px;color:#4b5f69;line-height:1.72}.property-contexts-rail{display:grid;grid-template-columns:1.12fr .92fr .72fr;gap:12px;padding-left:6vw}.property-context{position:relative;height:min(40vw,560px);margin:0;overflow:hidden;background:#081722}.property-context img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s;filter:saturate(.88) contrast(1.05)}.property-context:hover img{transform:scale(1.028);filter:saturate(1.02) contrast(1.04)}.property-context.strata{transform:translateY(42px)}.property-context.control{height:min(33vw,470px);margin-top:96px}.property-context.control img{object-position:40% center}.property-context figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:17px 18px;background:rgba(3,15,23,.78);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);color:#fff}.property-context figcaption span,.property-context figcaption strong,.property-context figcaption small{display:block}.property-context figcaption span{font:500 .45rem var(--mono);letter-spacing:.12em;color:var(--cyan)}.property-context figcaption strong{margin:8px 0 7px;font-size:clamp(.95rem,1.35vw,1.3rem)}.property-context figcaption small{font:500 .41rem var(--mono);letter-spacing:.05em;color:#c2d0d6}.property-contexts-rail:after{content:'';align-self:stretch;width:6vw;background:linear-gradient(90deg,rgba(233,237,240,0),#e9edf0)}
@media(max-width:700px){.property-contexts{padding:86px 0 98px}.property-contexts:before{display:none}.property-contexts-head{display:block;padding:0 20px 32px}.property-contexts-head>span{display:block;margin-bottom:19px}.property-contexts-head h2{font-size:3.15rem}.property-contexts-head p{margin-top:22px;font-size:.88rem}.property-contexts-rail{display:flex;gap:12px;overflow-x:auto;padding:0 20px 18px;scroll-snap-type:x mandatory;scrollbar-width:none}.property-contexts-rail::-webkit-scrollbar{display:none}.property-context{flex:0 0 82vw;height:510px;transform:none!important;margin:0!important;scroll-snap-align:center}.property-context.control{flex-basis:72vw}.property-context figcaption{left:10px;right:10px;bottom:10px}.property-contexts-rail:after{display:none}}