/* A warmer architectural palette, within the existing section grid. */
:root{--paper:#f5f2e9;--ink:#20312b;--muted:#687068;--line:#bfc4b6;--faint:#dddfd2;--orange:#ff5a12;--clay:#f5f2e9;--forest:#20312b;--cream:#f5f2e9}
body{color:var(--ink)}
body:before{opacity:.035}
header{background:var(--cream)}
nav a{transition:background .25s,color .25s}
nav a:hover{background:#ffe1c9}
nav a:last-child{background:var(--orange);color:#182a22;border-left-color:var(--orange)}
nav a:last-child:hover{background:#ff793d}
.drawing{background:var(--paper)}
.drawing-stage .building-image{filter:saturate(.9) contrast(.94) brightness(1.025)}
.drawing-stage.has-active-installation .building-image{filter:saturate(.45) contrast(.88) brightness(1.06)}
.drawing-top button{background:var(--forest);border-color:var(--forest);color:var(--cream)}
.drawing-top button:hover,.drawing-top button[aria-pressed=true]{background:var(--orange);color:var(--forest)}
.drawing-bottom>span:first-child{color:#bd410c}
.intro h1{background:var(--cream)}
.intro h1>span{color:#d64408}
.actions .button{background:var(--orange);color:var(--forest)}
.actions .button:hover{background:#ff7736}
.hero-ticker{background:var(--paper);color:var(--ink);border-color:var(--line)}
.hero-ticker>div{width:max-content;flex-shrink:0;animation:ticker 25s linear infinite;letter-spacing:.015em}
.hero-ticker:hover>div{animation-play-state:running}
.hero-ticker b{color:var(--orange)}
.eyebrow{color:#b94110;letter-spacing:.025em}
.position-statement{background:var(--forest);color:var(--cream)}
.position-statement .brand-emphasis{color:#ff8a4b}
.position-statement .text-link{border-color:#a0ae9d;color:var(--cream)}
.position-statement .text-link:hover{border-color:var(--orange);color:var(--forest)}
.position-bottom{border-color:#7d8f7e}
.position-bottom>span,.position-bottom>small{color:#d7decf}
.discipline-marquee{background:var(--orange);color:#183026;border-color:var(--orange);font-size:clamp(21px,1.65vw,34px);font-weight:700}
.position-art .portrait-orbit{background:var(--orange)}
.position-art .portrait-color{filter:saturate(1.2) contrast(1.035)}
.benefits>.section-heading{background:var(--cream)}
.technical-label{background:var(--paper);flex-shrink:0}
.technical-label>span:first-child{display:flex;align-items:center;gap:9px}
.technical-label>span:first-child:before{content:'';width:5px;height:5px;background:var(--orange)}
.technical-label>span:last-child{color:#b94514}
.technical-visual{background:var(--cream);border-bottom-style:solid}
.technical-visual img{transition:transform .65s cubic-bezier(.22,1,.36,1);filter:brightness(1.045) saturate(1.13)}
.technical-copy{background:var(--paper)}
.technical-card:hover .technical-visual img{transform:translateY(-4px) scale(1.025)}
.technical-card:hover .technical-label{color:#bc3f0b}
.technical-card{display:flex;flex-direction:column}
.technical-visual{flex-shrink:0;width:100%}
.technical-copy{flex:1}
.scroll-story{background:var(--paper)}
.story-title-two{color:#e4490c}
.story-aside{background:var(--orange);color:#173027;border-color:#d04405}
.story-aside>.eyebrow{color:#173027;border-color:#d044054d}
.story-aside li,.story-aside .text-link{border-color:#c3441160}
.story-aside li span{color:#173027}
.story-aside .text-link{background:var(--forest);color:var(--cream)}
.story-aside .text-link:hover{background:#304b3d}
.story-note{border-color:var(--forest)}
.story-note>span{background:var(--forest)}
.plan-cable{filter:none}
.film-mosaic{background:var(--paper)}
.film-cell video{filter:saturate(.95) contrast(1.03)}
.film-copy h2 span{color:#ff722d}
.film-top>a{background:#17211955}
.connection-section>.section-heading{background:var(--cream)}
.connection-flow button{background:var(--paper);transition:background .25s}
.connection-flow button:hover{background:#ffe0c7}
.connection-flow button[aria-pressed=true]{background:var(--orange)}
.connection-detail{background:var(--paper)}
.connection-detail>span:first-child{color:#d7490c}
.workflow>.section-heading{background:var(--forest);color:var(--cream)}
.workflow>.section-heading .eyebrow{color:#ff985f}
.workflow>.section-heading .brand-emphasis{color:#ff8a4b}
.workflow li{background:var(--paper)}
.workflow li:nth-child(even){background:var(--paper)}
.workflow li>span{color:#c1450e}
.step-diagram{stroke:#738476}
.step-diagram rect{fill:var(--paper)}
.project-image{background:var(--paper)}
.project-image img{filter:saturate(1.1);mix-blend-mode:multiply}
.project-caption{background:var(--cream)}
.about-mark{background:var(--paper)}
.about>div:last-child{background:var(--cream)}
.about h2 .brand-emphasis{color:#ce4209}
.about-values{gap:12px;flex-wrap:wrap}
.about-values span{padding:9px 12px;border:1px solid #d6bba3;color:#94360f;background:#ffead7}
.services>.section-heading{background:var(--orange);color:#173027;border-color:#e34607}
.services>.section-heading .eyebrow{color:#173027}
.services #services-list{background:var(--cream)}
.services details{transition:background .25s}
.services details:hover{background:#f4eadc}
.services details[open]{background:#ffead7}
.services details[open] h3{color:#a43508}
.service-number{color:#bf410f}
.contact{background-color:var(--forest);color:var(--cream);background-image:linear-gradient(90deg,transparent 24.9%,#778e7040 25%,transparent 25.1%,transparent 74.9%,#778e7040 75%,transparent 75.1%)}
.contact .eyebrow{color:#ff955a}
.contact h2>span{color:#ff8a4b}
.contact .availability{color:#c8d3c1}
.contact form{background:var(--cream);color:var(--forest);border-color:#d9dccd;box-shadow:0 18px 65px #061e1726}
.contact form select,.contact form textarea{background:var(--paper);border-color:#bec5b5}
.contact form select:focus,.contact form textarea:focus{outline-color:var(--orange);background:var(--paper)}
.contact form .button{color:#1b2d24}
.contact form .button:hover{color:var(--cream)}
.contact .form-note{color:#617060}
footer{background:var(--cream)}
footer>.back-top{background:var(--orange);transition:background .25s}
footer>.back-top:hover{background:#ff8146}
.footer-bottom{background:var(--forest);color:#d9e1d1;border-color:#526553}
.footer-wordmark{background:var(--orange);color:#20312b;-webkit-text-stroke:0;font-weight:700;font-size:clamp(40px,10.7vw,220px)}
@media(prefers-reduced-motion:reduce){.technical-visual img,nav a,.connection-flow button,.services details{transition:none}.technical-card:hover .technical-visual img{transform:none}}

/* One paper color, natural installation materials, and a quieter announcement row. */
.equipment-overlay image{filter:none}
.installation-intro .equipment-overlay{filter:none}
.installation-intro .equipment-outline{stroke:var(--ink);opacity:.35}
.installation-intro .equipment-shadow{filter:drop-shadow(0 9px 6px #20312b24)}
.intro-bottom,.installation-list,.selected-installation,.prepared-note{background:var(--paper)}
.services details:hover,.services details[open],.about-values span{background:var(--paper)}
.about-values span{border-color:var(--line);color:var(--ink)}
.hero-ticker{font-size:clamp(11px,.8vw,16px)}

/* A complete, scroll-controlled installation story. */
.system-story{height:460svh}
.system-story .story-sticky{display:grid;grid-template-rows:auto minmax(0,1fr) auto 4px;padding:28px 28px 16px;background:var(--paper)}
.system-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 20px;border-bottom:1px solid var(--line)}
.system-heading>.eyebrow{font-size:12px;max-width:215px;line-height:1.5;margin:0}
.system-heading h2{font-size:clamp(27px,2.65vw,48px);line-height:.98;margin:0 auto 0 0}
.system-heading h2 span{color:#c9430d}
.system-counter{font:14px var(--mono);align-self:flex-end}
.system-layout{display:grid;grid-template-columns:minmax(0,1fr) 30%;min-height:0}
.system-drawing{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:8px 22px 30px 0}
.system-drawing svg{width:100%;height:100%;max-height:700px;overflow:visible}
.system-grid{color:var(--forest);opacity:.14}
.system-dim{fill:none;stroke:#7d8c7a;stroke-width:1}
.system-dim text{fill:#617060;stroke:none;font:11px var(--mono)}
.system-lot{fill:#e4e6da;stroke:var(--line)}
.system-paving{fill:none;stroke:#b5beac;stroke-width:1}
.system-house{fill:var(--paper);stroke:var(--forest);stroke-width:9}
.system-partitions{fill:none;stroke:#839184;stroke-width:6}
.system-furniture,.system-car{fill:none;stroke:#a6afa0;stroke-width:1.7}
.system-car{fill:var(--paper)}
.system-room-labels{font:10px var(--mono);fill:#6d7b6d}
.system-route-base{fill:none;stroke:#c7b9a4;stroke-width:5;stroke-dasharray:5 6}
.system-route{fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.2s cubic-bezier(.25,.6,.3,1)}
.system-device{fill:none;stroke:#718472;stroke-width:2;transition:stroke .4s,transform .65s;transform-box:fill-box;transform-origin:center}
.system-device .device-zone{fill:var(--paper);transition:fill .4s}
.system-device .panel-face{fill:#405950}
.system-device circle{fill:var(--forest);stroke:var(--paper);stroke-width:3}
.system-device text{stroke:none;fill:var(--ink)}
.system-device .device-number{font:12px var(--mono);fill:var(--paper);text-anchor:middle}
.system-device .device-name{font:11px var(--mono)}
.system-device .cable-trench{stroke-width:16;opacity:.16;stroke-linecap:square}
.system-device.connected{stroke:var(--orange)}
.system-device.connected circle{fill:#bd400c}
.system-device.active .device-zone{fill:#ffe0c5}
.system-device.active{transform:scale(1.04)}
.system-device.active circle{fill:var(--orange)}
.system-disclaimer{position:absolute;bottom:6px;left:10px;font:10px/1.4 var(--mono);color:var(--muted);margin:0}
.system-aside{border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.system-component{height:43%;min-height:120px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.system-component img{width:100%;height:100%;object-fit:contain;mix-blend-mode:darken}
.system-component>span{position:absolute;left:18px;bottom:12px;background:var(--forest);color:var(--paper);font:12px var(--mono);padding:8px 11px}
.system-explanation{padding:clamp(16px,1.7vw,28px);display:flex;flex-direction:column;flex:1}
.system-explanation h3{font-size:clamp(23px,2vw,34px);margin:0 0 14px;line-height:1.03}
.system-explanation>p{font-size:clamp(14px,1.05vw,18px);line-height:1.45;margin:0 0 16px}
.system-check{border-top:1px solid var(--line);padding-top:12px;margin-top:auto}
.system-check>span{font:11px var(--mono);color:#b73d0a}
.system-check>p{font-size:14px;line-height:1.4;margin:7px 0 0}
.system-navigation{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}
.system-navigation button{display:flex;align-items:center;gap:14px;min-height:65px;padding:14px 18px;background:var(--paper);color:var(--ink);border:0;border-right:1px solid var(--line);font-size:16px;text-align:left;transition:background .3s}
.system-navigation button:last-child{border:0}
.system-navigation button>span{font:12px var(--mono)}
.system-navigation button[aria-pressed=true]{background:var(--forest);color:var(--paper)}
.system-navigation button[aria-pressed=true]>span{color:#ff8a4b}
.system-navigation button:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
.system-progress{background:var(--line);overflow:hidden}
.system-progress>span{display:block;width:100%;height:100%;background:var(--orange);transform:scaleX(var(--system-progress,0));transform-origin:left;transition:transform .1s}

/* Clear project choices and concrete next steps, in the original section order. */
.connection-flow button strong{font-size:clamp(19px,1.9vw,32px);letter-spacing:-.04em}
.connection-detail{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:0;min-height:470px}
.connection-visual{border-right:1px solid var(--line);max-height:590px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.connection-visual img{width:100%;height:100%;max-height:590px;object-fit:contain;mix-blend-mode:darken}
.connection-answer{padding:clamp(28px,5vw,85px);align-self:center}
.connection-answer h3{font-size:clamp(30px,3vw,52px);line-height:1;max-width:620px}
.connection-answer p{font-size:17px;line-height:1.5;margin:22px 0}
.connection-answer ul{padding:0;list-style:none;margin:0 0 30px}
.connection-answer li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.connection-answer li:before{content:'↗';color:#c4430f;margin-right:12px}
.connection-answer .button,.project-caption .button{font-size:13px;min-height:56px;gap:20px}
.connection-answer .button,.project-caption .button{background:var(--orange);color:var(--forest);border-color:var(--orange)}
.connection-answer .button:hover,.project-caption .button:hover{background:var(--forest);color:var(--paper);border-color:var(--forest)}
.workflow .section-heading{padding:8%;min-height:100svh}
.workflow .section-heading h2{font-size:clamp(34px,3.9vw,68px)}
.workflow li{min-height:0;padding:34px 8% 36px}
.workflow li>span{font-size:12px}
.workflow li h3{font-size:clamp(27px,2.3vw,40px);margin:15px 0}
.workflow li>p{font-size:17px;line-height:1.45;max-width:540px}
.step-outcome{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;font-size:14px;display:flex;gap:12px;align-items:start;line-height:1.4}
.step-outcome:before{content:'↗';color:#c9430d}
.step-outcome small{display:block;font:10px var(--mono);color:var(--muted);margin-bottom:5px}
.project-image img{height:100%;object-fit:cover;min-height:500px;filter:none;mix-blend-mode:normal}
.project-caption{padding:8%;gap:0}
.project-caption h3{font-size:clamp(30px,3vw,48px)}
.project-caption>p{font-size:17px;line-height:1.5;margin-bottom:26px}
.project-details{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-top:30px}
.project-details img{width:100%;aspect-ratio:1.6;object-fit:cover}
.about-mark{position:relative;overflow:hidden;min-height:0}
.about-mark>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:darken;padding:0;max-width:none}
.about-stamp{position:absolute;bottom:24px;left:24px;font:11px/1.5 var(--mono);background:var(--forest);color:var(--paper);padding:18px 22px}
.about-stamp b{display:block;margin-top:10px;font:600 23px/1.05 Arial,sans-serif;letter-spacing:-.04em}
.about>div:last-child>p{font-size:17px;line-height:1.5}
.about .text-link{margin-top:24px}
.service-body .service-cta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0 0;margin-top:20px;color:#ad380a;font-size:14px;text-decoration:none}
.service-body>p{font-size:16px;line-height:1.5}
.contact form label{font-size:14px}
.contact form select,.contact form textarea{font-size:16px}

@media(max-height:800px) and (min-width:701px){.system-story .story-sticky{padding-top:20px}.system-heading{padding-bottom:12px}.system-heading h2{font-size:30px}.system-component{height:34%;min-height:80px}.system-explanation{padding:16px}.system-explanation h3{font-size:24px}.system-explanation>p{font-size:14px;line-height:1.3}.system-check{padding-top:7px}.system-navigation button{min-height:54px}}
@media(max-width:900px){.system-heading>.eyebrow{max-width:160px;font-size:10px}.system-layout{grid-template-columns:1fr 34%}.system-navigation button{padding:12px 8px;font-size:13px;gap:6px}.system-explanation{padding:15px}.system-explanation h3{font-size:23px}.system-check p{font-size:12px}}
@media(max-width:700px){
 .discipline-marquee{font-size:23px;min-height:80px}.hero-ticker{font-size:10px}
 .system-story{height:360svh}.system-story .story-sticky{padding:18px 12px 12px;grid-template-rows:auto minmax(0,1fr) auto 3px}
 .system-heading{gap:10px;padding-bottom:12px}.system-heading>.eyebrow{display:none}.system-heading h2{font-size:28px}.system-counter{font-size:11px}
 .system-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
 .system-drawing{padding:0 0 20px;min-height:220px}.system-drawing svg{width:100%;height:100%}.system-disclaimer{font-size:8px;left:0;bottom:6px}
 .system-aside{border-left:0;border-top:1px solid var(--line);display:block}.system-component{display:none}.system-explanation{padding:16px 4px}.system-explanation h3{font-size:24px;margin-bottom:8px}.system-explanation>p{font-size:14px;line-height:1.35;margin:0}.system-check{display:none}
 .system-navigation button{flex-direction:column;align-items:center;justify-content:center;padding:9px 2px;gap:7px;font-size:10px;min-height:58px}.system-navigation button>span{font-size:11px}
 .connection-flow{grid-template-columns:1fr 1fr}.connection-flow button{display:block;min-height:108px;padding:16px;border-right:1px solid var(--line)}.connection-flow button:last-child{grid-column:1/-1}.connection-flow button strong{font-size:21px;margin-top:20px}.connection-flow button span{font-size:9px;width:auto}.connection-flow button i{bottom:15px}
 .connection-detail{grid-template-columns:1fr}.connection-visual{height:300px;border-right:0;border-bottom:1px solid var(--line)}.connection-answer{padding:28px 22px}.connection-answer h3{font-size:32px}.connection-answer p{font-size:16px}
 .workflow .section-heading{min-height:0;padding:35px 22px}.workflow li{padding:28px 22px}.workflow li>p{font-size:16px}
 .project-image{min-height:340px}.project-image img{min-height:340px}.project-caption{min-height:0;padding:30px 22px}.project-caption>p{font-size:16px}.about-mark{height:420px}.about-stamp{left:16px;bottom:16px}.about>div:last-child>p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.system-story{height:auto;min-height:0}.system-story .story-sticky{position:relative;height:900px;min-height:0}.system-device,.system-route,.system-progress>span{transition:none}.system-device.active{transform:none}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.system-story .story-sticky{height:800px}}

/* Cursor instruction replaces both captions at the bottom of the hero. */
.drawing-bottom{display:none}
.hero-pointer-hint{position:absolute;top:0;left:0;z-index:20;pointer-events:none;background:var(--forest);color:var(--paper);padding:11px 13px;font:11px/1.4 var(--mono);text-align:left;opacity:0;white-space:nowrap}
.drawing.is-hovering:not(.pointer-on-control) .hero-pointer-hint{opacity:1}
.drawing-stage .building-image{filter:none;opacity:var(--hero-material,1)}
.drawing-stage.has-active-installation .building-image{filter:none;opacity:var(--hero-material,1)}
.installation-intro .building-image{opacity:.72}
.hero-scroll-sketch,.hero-scroll-system{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hero-scroll-sketch{z-index:1;mix-blend-mode:multiply;opacity:var(--hero-sketch,0);color:#4c564b}
.hero-scroll-sketch>image{opacity:.5}
.hero-scroll-system{z-index:2;opacity:var(--hero-route,0)}
.hero-installation-route{stroke:#ee520c;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.hero-energy-route,.hero-distribution-route{stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--hero-route,0)*100)}
.hero-distribution-route{stroke-width:1.6}
.hero-panel-outline{stroke-width:1.2}
.hero-route-nodes{fill:var(--orange);stroke:var(--paper);stroke-width:1}
.hero-building .hero-scroll-sketch,.hero-building .hero-scroll-system{opacity:0}
.drawing:not(.installation-intro) .installation-piece:not(.visible){opacity:var(--hero-route,0)}
.drawing:not(.installation-intro) .installation-piece:not(.visible) .equipment-shadow{filter:none}
@media(pointer:coarse){.hero-pointer-hint{display:none}}
@media(prefers-reduced-motion:reduce){.hero-scroll-sketch,.hero-scroll-system{display:none}}

/* The house becomes linework; installation materials retain their colors. */
.hero-discovery{position:relative}
.hero-discovery-pin{position:sticky;top:var(--hero-pin-top,66px);background:var(--paper)}
.drawing .hero-scroll-sketch{display:block;opacity:var(--hero-sketch,0)}
.drawing .hero-scroll-system{opacity:var(--hero-route,0)}
.drawing .hero-installation-route{stroke:#ff5700;stroke-width:3;filter:none}
.drawing .hero-energy-route{stroke-dasharray:none;stroke-dashoffset:0}
.drawing .hero-distribution-route,.drawing .hero-panel-outline,.drawing .hero-route-nodes{display:none}
.drawing-stage .building-image,.drawing-stage.has-active-installation .building-image,.installation-intro .building-image{filter:none;opacity:var(--hero-material,1)}
.drawing:not(.installation-intro) .installation-piece:not(.visible){opacity:var(--hero-sketch,0)}
.drawing .equipment-outline{stroke:var(--ink);opacity:0}
.drawing .equipment-overlay,.drawing .equipment-shadow{filter:none}
.drawing .building-image{transition:none}
@media(prefers-reduced-motion:reduce){.hero-discovery-pin{position:relative;top:auto}}

@media(prefers-reduced-motion:reduce){.drawing .hero-scroll-sketch{display:block}.drawing .hero-scroll-system{display:block}}

/* Black architectural sketch, orange supply route, then green charging. */
.drawing .hero-scroll-sketch{color:#111}

.drawing .hero-scroll-sketch>g{stroke:#111;stroke-width:2;stroke-linejoin:round}
.drawing .installation-piece[data-id="charger"]{filter:drop-shadow(0 0 0 transparent);transition:transform .65s cubic-bezier(.18,.85,.22,1),opacity .3s,filter .65s}
.drawing .installation-piece[data-id="charger"] .equipment-outline{stroke:#182a2c;stroke-width:1.6;fill:none;fill-opacity:.14;opacity:var(--hero-sketch,0);transition:stroke .65s,fill .65s,opacity .65s}
.drawing.solar-powered .installation-piece[data-id="charger"]{filter:drop-shadow(0 0 5px #27c768) drop-shadow(0 0 14px #27c76899)}
.drawing.solar-powered .installation-piece[data-id="charger"] .equipment-outline{stroke:#20b65b;fill:#20b65b;opacity:1}
@media(prefers-reduced-motion:reduce){.drawing .installation-piece[data-id="charger"],.drawing .installation-piece[data-id="charger"] .equipment-outline{transition:none}}

/* Keep the full illustration inside its frame, with aligned technical layers. */
.drawing .drawing-top>span{display:none}
.drawing .drawing-top{justify-content:flex-end}
.drawing .drawing-stage{width:min(88%,calc((100svh - 240px)*1.5));max-width:88%}

/* Scroll discovery uses only the existing flat architectural contours. */
.drawing .hero-scroll-sketch{mix-blend-mode:normal;color:#000;filter:none}
.drawing .hero-scroll-sketch>g{stroke:#000;fill:none;stroke-width:2;filter:none}
.drawing.scroll-started #hotspots,
.drawing.scroll-started #callouts,
.drawing.scroll-started .technical-overlay,
.drawing.scroll-started .drawing-survey,
.drawing.scroll-started .hero-pointer-hint,
.drawing.scroll-started .coordinate-readout,
.drawing.scroll-started #selected-installation{visibility:hidden;pointer-events:none}
.drawing.scroll-started .installation-piece{transform:none}

/* Stronger technical hierarchy: equipment and cabling above the house contours. */
.drawing .installation-piece image{filter:contrast(1.22) saturate(.9)}
.drawing .installation-piece .equipment-outline{stroke:#182a2c;stroke-width:.85;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:var(--hero-sketch,0)}
.drawing .hero-energy-route,.drawing .hero-charger-route{stroke-width:1.25;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.drawing .installation-piece[data-id="ground"] .equipment-outline{display:none}

/* Installation-style video frames; only the central statement remains. */
.work-film .film-mosaic{gap:6px;background:var(--paper)}
.work-film .film-cell{outline:1px solid #263a3255;outline-offset:-1px;transform:translateY(22px);opacity:.5;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s;transition-delay:calc(var(--tile-order,0)*65ms)}
.work-film .film-cell:nth-child(2n){--tile-order:1}
.work-film .film-cell:nth-child(3n){--tile-order:2}
.work-film .film-cell:nth-child(4n){--tile-order:3}
.work-film.film-in-view .film-cell{transform:translateY(0);opacity:1}
.work-film .film-cell:before{content:"";position:absolute;inset:10px;z-index:2;pointer-events:none;background:linear-gradient(#ff743b,#ff743b) left top/18px 1px no-repeat,linear-gradient(#ff743b,#ff743b) left top/1px 18px no-repeat,linear-gradient(#e9eee3aa,#e9eee3aa) right bottom/18px 1px no-repeat,linear-gradient(#e9eee3aa,#e9eee3aa) right bottom/1px 18px no-repeat}
.work-film .film-cell:after{background:linear-gradient(180deg,#0d201b35,#0d201b99 45%,#0d201b99 65%,#0d201b40)}
.work-film .film-cell video{filter:saturate(.75) contrast(1.06)}
.work-film .film-copy{padding:40px 18px;pointer-events:none}
@media(prefers-reduced-motion:reduce){.work-film .film-cell{transform:none;opacity:1;transition:none}}

/* Documentary team photography in the four discipline cards. */
.technical-visual.team-photo{background:#263a32;border-bottom:1px solid var(--line)}
.technical-visual.team-photo img{object-fit:cover;object-position:center;padding:0;mix-blend-mode:normal;filter:none;mask-image:none;-webkit-mask-image:none}
.technical-card:hover .technical-visual.team-photo img{transform:scale(1.025)}
@media(hover:none),(prefers-reduced-motion:reduce){.technical-card:hover .technical-visual.team-photo img{transform:none}}
.technical-card:nth-child(3) .technical-visual.team-photo img{object-position:62% center}