/* Coastline Heating: practical jobs, cold mornings and paper service records. */
.film[data-case="hvac"]{--paper:#f2e9ce;--ink:#20261f;--ochre:#d8b953;--fg:#f6edda;--hair:#f6edda44;--status:#bb5938}
.film[data-case="hvac"][data-scene="0"]{--bg:#395460;--backplate:#60858a;--accent:#c6975c}
.film[data-case="hvac"][data-scene="1"],.film[data-case="hvac"][data-scene="4"]{--bg:#a44830;--backplate:#cd7551;--accent:#d5ac5c}
.film[data-case="hvac"][data-scene="2"],.film[data-case="hvac"][data-scene="6"]{--bg:#3c506a;--backplate:#6b8092;--accent:#ba9b6c}
.film[data-case="hvac"][data-scene="3"]{--bg:#576333;--backplate:#82934d;--accent:#bfad67}
.film[data-case="hvac"][data-scene="5"]{--bg:#3b7169;--backplate:#6b9583;--accent:#c5b464;--status:#4a7843}
.film[data-case="hvac"] .service-van{animation:hv-van 10s ease-in-out infinite}
.film[data-case="hvac"] .heat-fan{transform-origin:61px 130px;animation:hv-fan 14s linear infinite}
@keyframes hv-van{0%,100%{transform:translate(-4px,1px)}50%{transform:translate(5px,-2px)}}
@keyframes hv-fan{to{transform:rotate(360deg)}}

.film[data-case="hvac"] .job-tag{transform-origin:93px 45px;animation:case-tag 10s ease-in-out infinite}
.film[data-case="hvac"] .paper-drift{animation:case-paper 10s ease-in-out infinite}
.film[data-case="hvac"] .delay-two{animation-delay:-2.4s}
.film[data-case="hvac"] .delay-three{animation-delay:-4.8s}
.film[data-case="hvac"] .case-route{stroke-dasharray:7 6;animation:case-route 18s linear infinite}
.film[data-case="hvac"] .reader-wheel{transform-origin:80px 167px;animation:case-wheel 12s linear infinite}
.film[data-case="hvac"] .story-art .print-label{font-weight:650;letter-spacing:1.05px}
@keyframes case-tag{0%,100%{transform:rotate(-.6deg) translateY(1px)}50%{transform:rotate(.6deg) translateY(-3px)}}
@keyframes case-paper{0%,100%{transform:translate(-2px,1px)}50%{transform:translate(4px,-3px)}}
@keyframes case-route{to{stroke-dashoffset:-130}}
@keyframes case-wheel{to{transform:rotate(360deg)}}
@media(max-width:760px){.film[data-case="hvac"] .scene{padding:22px 23px 8px}.film[data-case="hvac"] .story-copy h1{font-size:clamp(37px,10vw,60px);line-height:1.04;margin-bottom:17px}.film[data-case="hvac"] .narration{font-size:17px;line-height:1.45}.film[data-case="hvac"] .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:17px}.film[data-case="hvac"] .art-wrap{margin-top:12px}.film[data-case="hvac"] .story-cta{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.film[data-case="hvac"] .story-art *{animation:none!important;transition:none!important}}

/* Keep captions visible inside the shorter library iframe on phones. */
@media(max-width:760px) and (max-height:820px){.film[data-case="hvac"] .story-art{max-height:228px;min-height:180px}}