/* V6.0.2 — subject-specific construction identity for the home hero. Pure SVG/CSS. */
.home-construction-scene{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit}
.home-construction-scene svg{display:block;width:100%;height:100%;overflow:visible}
.home-construction-scene .scene-layer{opacity:0;transform:translateY(5px) scale(.992);transform-origin:center;transition:opacity .34s ease,transform .38s cubic-bezier(.2,.8,.2,1)}
.home-construction-scene[data-subject="theory"] .scene-theory{opacity:1;transform:none}
.home-construction-scene[data-subject="safety"] .scene-safety{opacity:1;transform:none}

/* Theory / execution scene — tower crane */
.home-construction-scene .crane-grid{stroke:rgba(255,255,255,.055);stroke-width:1}
.home-construction-scene .crane-structure{fill:none;stroke:rgba(255,255,255,.34);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.home-construction-scene .crane-light{fill:none;stroke:rgba(255,255,255,.18);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-construction-scene .crane-accent{fill:none;stroke:#f1c95b;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 5px rgba(0,0,0,.12))}
.home-construction-scene .crane-cab{fill:#f1c95b;fill-opacity:.92;stroke:rgba(255,255,255,.72);stroke-width:1.6}
.home-construction-scene .crane-cab-window{fill:#17323a;fill-opacity:.55}
.home-construction-scene .crane-trolley{fill:#f1c95b;stroke:rgba(255,255,255,.74);stroke-width:1.5}
.home-construction-scene .crane-rope{stroke:#f1c95b;stroke-width:2.2;stroke-linecap:round;opacity:.9}
.home-construction-scene .crane-hook{fill:none;stroke:#f1c95b;stroke-width:3;stroke-linecap:round}
.home-construction-scene .crane-load{fill:#f1c95b;fill-opacity:.96;stroke:rgba(255,255,255,.8);stroke-width:1.5}
.home-construction-scene .crane-load-line{stroke:rgba(23,50,58,.42);stroke-width:1.4}
.home-construction-scene .site-building{fill:rgba(255,255,255,.075);stroke:rgba(255,255,255,.13);stroke-width:1.4}
.home-construction-scene .site-window{fill:rgba(255,255,255,.12)}
.home-construction-scene .site-slab{fill:#f1c95b;fill-opacity:.18;stroke:#f1c95b;stroke-opacity:.48;stroke-width:1.2}
.home-construction-scene[data-subject="theory"] .crane-hoist{animation:homeCraneHoist 4.6s cubic-bezier(.45,0,.55,1) 1s infinite}
.home-construction-scene[data-subject="theory"] .crane-load-wrap{transform-origin:350px 89px;animation:homeCraneSway 3.4s ease-in-out 1.1s infinite}
.home-construction-scene[data-subject="theory"] .build-block-1{animation:homeBuildBlock .62s cubic-bezier(.16,.9,.28,1.12) .12s both;transform-origin:center bottom}
.home-construction-scene[data-subject="theory"] .build-block-2{animation:homeBuildBlock .62s cubic-bezier(.16,.9,.28,1.12) .28s both;transform-origin:center bottom}
.home-construction-scene[data-subject="theory"] .build-block-3{animation:homeBuildBlock .62s cubic-bezier(.16,.9,.28,1.12) .44s both;transform-origin:center bottom}
.home-construction-scene[data-subject="theory"] .crane-jib-highlight{stroke-dasharray:10 14;animation:homeCraneSignal 3.6s linear infinite}
.home-construction-scene[data-subject="theory"] .crane-warning{fill:#f1c95b;animation:homeCraneLamp 1.8s ease-in-out infinite}

/* Safety scene — PPE, warning beacon and barrier */
.home-construction-scene .safety-grid{stroke:rgba(255,255,255,.045);stroke-width:1}
.home-construction-scene .safety-soft{fill:rgba(255,255,255,.065);stroke:rgba(255,255,255,.14);stroke-width:1.4}
.home-construction-scene .safety-line{fill:none;stroke:rgba(255,255,255,.34);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.home-construction-scene .safety-accent{fill:#f1c95b;stroke:rgba(255,255,255,.8);stroke-width:1.5}
.home-construction-scene .safety-accent-line{fill:none;stroke:#f1c95b;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.home-construction-scene .safety-dark{fill:#17323a;fill-opacity:.55}
.home-construction-scene .safety-barrier-board{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.28);stroke-width:1.6}
.home-construction-scene .safety-barrier-stripe{stroke:#f1c95b;stroke-width:9;stroke-linecap:butt;stroke-dasharray:18 13;opacity:.9}
.home-construction-scene .safety-beacon-base{fill:#17323a;fill-opacity:.5;stroke:rgba(255,255,255,.42);stroke-width:1.2}
.home-construction-scene .safety-beacon{fill:#f1c95b;fill-opacity:.93;stroke:rgba(255,255,255,.9);stroke-width:1.6;filter:drop-shadow(0 0 8px rgba(241,201,91,.25))}
.home-construction-scene .safety-beacon-ray{fill:none;stroke:#f1c95b;stroke-width:2.3;stroke-linecap:round;opacity:.72;transform-origin:498px 73px}
.home-construction-scene .safety-helmet{fill:#f1c95b;stroke:rgba(255,255,255,.88);stroke-width:1.8;filter:drop-shadow(0 5px 8px rgba(0,0,0,.1))}
.home-construction-scene .safety-helmet-ridge{fill:none;stroke:rgba(23,50,58,.42);stroke-width:2}
.home-construction-scene .safety-cone{fill:#f1c95b;stroke:rgba(255,255,255,.84);stroke-width:1.6}
.home-construction-scene .safety-cone-band{fill:rgba(255,255,255,.88)}
.home-construction-scene .safety-check{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.72}
.home-construction-scene .safety-shield{fill:rgba(255,255,255,.08);stroke:rgba(255,255,255,.18);stroke-width:1.4}

.home-construction-scene[data-subject="safety"] .safety-beacon-ray{animation:safetyBeaconSpin 2.1s linear infinite}
.home-construction-scene[data-subject="safety"] .safety-beacon{animation:safetyBeaconPulse 1.25s ease-in-out infinite}
.home-construction-scene[data-subject="safety"] .safety-barrier-stripe{animation:safetyStripeMove 1.8s linear infinite}
.home-construction-scene[data-subject="safety"] .safety-helmet-wrap{transform-origin:568px 112px;animation:safetyHelmetEnter .58s cubic-bezier(.16,.9,.28,1.12) .08s both}
.home-construction-scene[data-subject="safety"] .safety-cone-wrap{transform-origin:655px 196px;animation:safetyConeEnter .62s cubic-bezier(.16,.9,.28,1.12) .22s both}
.home-construction-scene[data-subject="safety"] .safety-barrier-wrap{transform-origin:center bottom;animation:safetyBarrierEnter .56s cubic-bezier(.16,.9,.28,1.08) .14s both}
.home-construction-scene[data-subject="safety"] .safety-shield-wrap{transform-origin:325px 120px;animation:safetyShieldPulse 2.8s ease-in-out .7s infinite}

@keyframes homeCraneHoist{0%,14%,100%{transform:translateY(0)}48%,66%{transform:translateY(24px)}}
@keyframes homeCraneSway{0%,100%{transform:rotate(0deg)}40%{transform:rotate(1.7deg)}72%{transform:rotate(-1.3deg)}}
@keyframes homeBuildBlock{0%{opacity:0;transform:translateY(24px) scale(.9)}72%{opacity:1;transform:translateY(-2px) scale(1.02)}100%{opacity:1;transform:none}}
@keyframes homeCraneSignal{to{stroke-dashoffset:-48}}
@keyframes homeCraneLamp{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes safetyBeaconSpin{to{transform:rotate(360deg)}}
@keyframes safetyBeaconPulse{0%,100%{opacity:.62;filter:drop-shadow(0 0 3px rgba(241,201,91,.18))}50%{opacity:1;filter:drop-shadow(0 0 12px rgba(241,201,91,.62))}}
@keyframes safetyStripeMove{to{stroke-dashoffset:-62}}
@keyframes safetyHelmetEnter{0%{opacity:0;transform:translateY(-18px) rotate(-8deg) scale(.86)}70%{opacity:1;transform:translateY(2px) rotate(2deg) scale(1.03)}100%{opacity:1;transform:none}}
@keyframes safetyConeEnter{0%{opacity:0;transform:translateY(22px) scale(.82)}72%{opacity:1;transform:translateY(-2px) scale(1.04)}100%{opacity:1;transform:none}}
@keyframes safetyBarrierEnter{0%{opacity:0;transform:translateY(18px) scaleX(.93)}100%{opacity:1;transform:none}}
@keyframes safetyShieldPulse{0%,100%{opacity:.58;transform:scale(.98)}50%{opacity:.95;transform:scale(1.035)}}

@media(max-width:520px){
  .home-construction-scene svg{width:128%;margin-inline-start:-14%}
  .home-construction-scene .crane-structure,.home-construction-scene .safety-line{stroke-width:3.4}
  .home-construction-scene .crane-light{stroke-width:2.2}
}
@media(prefers-reduced-motion:reduce){
  .home-construction-scene .scene-layer{transition:none!important}
  .home-construction-scene .crane-hoist,.home-construction-scene .crane-load-wrap,.home-construction-scene .build-block-1,.home-construction-scene .build-block-2,.home-construction-scene .build-block-3,.home-construction-scene .crane-jib-highlight,.home-construction-scene .crane-warning,.home-construction-scene .safety-beacon-ray,.home-construction-scene .safety-beacon,.home-construction-scene .safety-barrier-stripe,.home-construction-scene .safety-helmet-wrap,.home-construction-scene .safety-cone-wrap,.home-construction-scene .safety-barrier-wrap,.home-construction-scene .safety-shield-wrap{animation:none!important}
}