/* Approved unified hero: original red master on a continuous fractured wall. */
body.world-preview.world-rotation main>.rotation-intro{background-color:#141414;background-blend-mode:multiply;overflow:hidden}
body.world-preview.world-rotation .rotation-intro .project-intro-grid,
body.world-preview.world-rotation .rotation-intro .project-intro-grid>div,
body.world-preview.world-rotation .rotation-intro h1.rotation-cut-title{isolation:auto;background:transparent}
body.world-preview.world-rotation .rotation-intro .project-intro-grid:before{display:none;content:none}
body.world-preview.world-rotation .rotation-intro .project-intro-grid>div{position:relative;grid-template-rows:18px auto;gap:20px 5vw;padding:36px 5vw 28px}
body.world-preview.world-rotation .rotation-intro h1.rotation-cut-title{grid-row:2;max-width:none;z-index:auto}
body.world-preview.world-rotation .rotation-intro .rotation-cut-title>img{mix-blend-mode:screen;position:relative;z-index:auto}
body.world-preview.world-rotation .rotation-intro .project-intro-grid>div:after{content:'';display:block;position:absolute;pointer-events:none;left:0;right:0;top:calc(74px + 18.4vw);height:clamp(100px,20vw,330px);transform:translateY(-50%);background:url('/projects/the-rotation/hero-fracture-transparent.webp') center/100% 100% no-repeat;mix-blend-mode:normal;opacity:1}
body.world-preview.world-rotation .rotation-intro .rotation-hero-action{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;position:relative;z-index:1;background:transparent;align-self:stretch}
body.world-preview.world-rotation .rotation-intro .project-hook{font-size:clamp(20px,1.8vw,28px);line-height:1.5;max-width:30ch}
body.world-preview.world-rotation .rotation-intro .rotation-enter{margin-top:clamp(68px,6vw,110px);min-height:48px;padding:8px 0;align-self:flex-start;border-bottom:1px solid #ed233e;font-size:14px;letter-spacing:.1em;position:relative}
body.world-preview.world-rotation .rotation-enter:focus-visible{outline:2px solid #f3eee5;outline-offset:6px}
@media(max-width:800px){
body.world-preview.world-rotation .rotation-intro .project-intro-grid>div{padding:28px 22px 24px;gap:18px}
body.world-preview.world-rotation .rotation-intro h1.rotation-cut-title{max-width:none;width:100%}
body.world-preview.world-rotation .rotation-intro .project-intro-grid>div:after{top:calc(58px + (100vw - 44px)*.398);height:140px;opacity:.72}
body.world-preview.world-rotation .rotation-intro .rotation-hero-action{width:100%;display:flex;gap:22px;align-items:flex-start;align-self:auto;z-index:auto}
body.world-preview.world-rotation .rotation-intro .project-hook{font-size:19px;max-width:34ch}
body.world-preview.world-rotation .rotation-intro .rotation-enter{margin-top:0;min-height:48px;font-size:13px}
}