/* Isolated rotating-hero comparison; the existing site is preserved. */
.rotation-preview .hero{background:radial-gradient(ellipse at 18% 25%,#fafbfc 0%,#eef0f1 45%,#e4e6e7 100%)}
.rotation-preview .hero-art{z-index:-1;background:transparent;overflow:hidden}
.rotation-film{position:absolute;width:min(65vw,1050px);height:auto;aspect-ratio:1;right:-3vw;top:50%;transform:translateY(-47%);object-fit:contain;mask-image:linear-gradient(90deg,transparent,black 12%,black 92%,transparent);}
.rotation-preview .hero-copy{width:47%;max-width:650px}
.rotation-preview .hero h1{font-size:clamp(40px,4.4vw,72px)}
@media(max-width:700px){
.rotation-preview .hero{padding:96px 7vw 0;min-height:max(850px,calc(400px + min(112vw,530px)));height:100svh}
.rotation-preview .hero-copy{width:100%;max-width:none}
.rotation-preview .hero h1{font-size:clamp(31px,8.2vw,44px);line-height:1.26}
.rotation-preview .hero-description{font-size:11px;margin-top:12px}
.rotation-preview .rotation-film{width:min(112vw,530px);right:50%;top:auto;bottom:94px;transform:translateX(50%);mask-image:linear-gradient(180deg,transparent,black 8%,black 95%,transparent)}
.rotation-preview .hero-actions{position:absolute;bottom:35px;left:7vw;right:7vw;gap:8px;flex-direction:column;align-items:stretch}
.rotation-preview .hero-actions .text-link{align-self:flex-start}
.rotation-preview .hero-actions .button{width:100%}
}

@media(min-width:701px){.rotation-film{mask-image:linear-gradient(180deg,transparent,black 10%,black 90%,transparent);width:min(65vw,1050px,110svh)}.rotation-preview .hero-actions{gap:18px}.rotation-preview .hero-actions .button{padding:16px 20px}}
@media(min-width:701px){.rotation-film{mask-image:linear-gradient(90deg,transparent,black 12%,black 92%,transparent),linear-gradient(180deg,transparent,black 10%,black 90%,transparent);mask-composite:intersect}}
/* A shared architectural room spans the complete hero. */
.rotation-preview .hero{background:#edf2f6 url('assets/rotation-room.png') center center/cover no-repeat}
.rotation-preview .hero-art{mix-blend-mode:multiply}
.rotation-preview .rotation-film{filter:none;mask-image:radial-gradient(ellipse 50% 49% at 50% 51%,#000 80%,#000c 89%,transparent 100%);mask-composite:add}
.rotation-preview .story-layer{background:linear-gradient(100deg,#f4f8fbed,#f4f8fbd9)}
@media(max-width:700px){.rotation-preview .hero{background-position:58% center}.rotation-preview .rotation-film{mask-image:radial-gradient(ellipse 50% 49% at 50% 51%,#000 80%,#000c 89%,transparent 100%)}}