.cinema-hero{height:240svh}.cinema-pin{--shade-opacity:1;--copy-opacity:1}
.cinema-pin:before{opacity:var(--shade-opacity);transition:none;background:linear-gradient(90deg,#061b13df 0%,#061b13a8 27%,#061b1310 66%),linear-gradient(0deg,#051910 0%,#05191055 19%,transparent 45%)}
.cinema-hero .hero-copy{opacity:var(--copy-opacity);text-shadow:0 2px 25px #071b1640}
.cinema-hero .hero-copy>p{color:#e1e5d7;font-size:16px;max-width:355px}
.jobsite-visual{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#17271c url('assets/foundation.webp') center/cover}
.jobsite-visual:before{content:'';position:absolute;inset:-40px;background:inherit;filter:blur(24px) brightness(.65)}
.jobsite-world{position:absolute;width:1536px;height:1024px;left:0;top:0;transform-origin:0 0;will-change:transform}
.jobsite-world>img,.jobsite-framing,.jobsite-manager,.jobsite-framing>img,.jobsite-manager>img{position:absolute;left:0;top:0;width:1536px;height:1024px;display:block;max-width:none}
.jobsite-framing{clip-path:inset(100% 0 0);will-change:clip-path,opacity;transform-origin:60% 75%}
.jobsite-manager{opacity:0;will-change:opacity,transform}
.tablet-portal{position:absolute;left:0;top:0;width:1440px;height:830px;transform-origin:0 0;overflow:hidden;background:#f3eee5;border-radius:16px;will-change:transform;backface-visibility:hidden}
.tablet-portal .product-frame{width:1440px;height:1000px!important;aspect-ratio:1.44}
.tablet-portal iframe{width:1440px;height:1000px;transform:none!important}
.tablet-glass{position:absolute;inset:0;background:linear-gradient(120deg,#ffffff0a 0,transparent 35%,transparent 75%,#e6bc6320);pointer-events:none;box-shadow:inset 0 0 8px #0008;border-radius:inherit}
.construction-light{position:absolute;left:0;right:0;top:60%;height:1px;opacity:0;background:linear-gradient(90deg,transparent 15%,#f9e6b8a8 65%,transparent);box-shadow:0 0 28px 7px #e6d7ad19;pointer-events:none}
.cinema-pin[data-phase=build] .cinema-grid,.cinema-pin[data-phase=lead] .cinema-grid,.cinema-pin[data-phase=portal] .cinema-grid,.cinema-pin[data-phase=build] .cinema-halo,.cinema-pin[data-phase=lead] .cinema-halo,.cinema-pin[data-phase=portal] .cinema-halo{opacity:0}
.cinema-pin:not([data-phase=crm]) .cinema-stage{opacity:0}
.cinema-stage{will-change:opacity,left,top,width,height}
.cinema-camera{animation:none}
.cinema-pin[data-docking=true] .cinema-plane[data-product=home] .product-frame{height:auto!important;aspect-ratio:var(--home-ratio,1.44)}
.cinema-pin[data-docking=true] .cinema-window-bar{height:calc(31px * var(--dock-progress,0));opacity:var(--dock-progress,0);overflow:hidden}
.cinema-pin[data-docking=true] .cinema-backplate{opacity:var(--dock-progress,0)}
.cinema-stamp{color:#f3efdf;text-shadow:0 1px 6px #0009}.cinema-stamp>span:last-child{color:#e1e2d1}
.cinema-controls{color:#eff2dc}.cinema-transport{color:#d9e3c9}.cinema-transport button{color:#edf0df;font-size:12px;text-shadow:0 1px 8px #0008;min-height:40px}
.cinema-transport>div{gap:20px}.cinema-chapters button{font-size:14px;color:#c2cbb8}.cinema-chapters button>span:first-child{font-size:11px;color:#c2d3b2}
.cinema-chapters button:before{background:#e0e6cd4a}.cinema-chapters button.selected{color:#fffde9}
.cinema-pin:not([data-phase=crm]) .enlarge-preview{display:none}.cinema-pin[data-phase=crm] #skip-intro{display:none}
.cinema-pin[data-phase=build] #replay-film{display:none}
.crm-screen-tabs{position:absolute;left:0;right:16%;bottom:-4%;display:flex;gap:7px;justify-content:center;pointer-events:auto;z-index:10}
.crm-screen-tabs button{border:1px solid #b3c99833;background:#0c241ce0;color:#c6d3bb;padding:9px 14px;border-radius:5px;font-size:12px;min-height:38px;backdrop-filter:blur(10px)}
.crm-screen-tabs button[aria-pressed=true]{background:#dafa79;color:#122f27;border-color:#dafa79}
.cinema-pin:not([data-phase=crm]) .crm-screen-tabs{visibility:hidden;pointer-events:none}
.cinema-annotation{bottom:4%}
@media(max-width:1100px) and (min-width:761px){.cinema-hero .hero-copy>p{font-size:16px;max-width:315px}.cinema-transport>div{gap:15px}.crm-screen-tabs{right:28%}}
@media(max-width:760px){
 .cinema-hero{height:215svh}.cinema-pin{min-height:800px}
 .cinema-hero .hero-copy{top:70px}.cinema-hero .hero-copy>p{font-size:15px;max-width:335px;line-height:1.65;min-height:70px}
 .cinema-pin[data-phase=lead] .hero-copy{top:60px}.cinema-pin[data-phase=lead] .hero-copy h1{font-size:30px;line-height:1.1}.cinema-pin[data-phase=lead] .hero-copy h1 em{display:inline}.cinema-pin[data-phase=lead] .hero-copy>p,.cinema-pin[data-phase=lead] .hero-actions{display:none}
 .cinema-pin:before{background:linear-gradient(180deg,#071b16db 0%,#071b164a 43%,transparent 62%),linear-gradient(0deg,#061b16 0%,#061b165c 18%,transparent 43%)}
 .cinema-hero .hero-actions .button{font-size:12px;min-height:44px}
 .cinema-stamp{font-size:10px;letter-spacing:1px}.cinema-stamp>span:last-child{display:none}
 .cinema-stage{top:355px;bottom:151px}
 .cinema-transport{align-items:end;gap:8px;margin-bottom:12px}.cinema-scroll{display:none}
 .cinema-transport>div{width:100%;justify-content:space-between;gap:9px}.cinema-transport button{font-size:12px;padding:9px 0}
 .cinema-chapters{gap:12px}.cinema-chapters button{font-size:12px;display:block;padding-top:14px;min-height:56px}.cinema-chapters button>span:first-child{display:block;font-size:10px;margin-bottom:5px}.cinema-chapters button>span:last-child{display:none}
 .crm-screen-tabs{left:0;right:12%;bottom:-8%;gap:5px}.crm-screen-tabs button{font-size:11px;padding:8px;min-height:35px}
 .cinema-annotation{display:none}
}
@media(prefers-reduced-motion:reduce){.cinema-hero{height:auto}.jobsite-world,.jobsite-framing,.jobsite-manager,.cinema-stage{will-change:auto}.cinema-hero .hero-copy,.jobsite-visual,.jobsite-world{transition:none!important}}