html,body{margin:0;min-width:0;background:#090b10;overflow-x:hidden}body{color:#f3eee7}.cinematic-home{height:100svh;min-height:640px;position:relative;isolation:isolate;overflow:hidden;background:#090b10}.cinematic-home .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ambient,.home-gradient{position:absolute;inset:0;pointer-events:none}.ambient{z-index:-3}.ambient img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.035);filter:brightness(.58) saturate(.9);transition:opacity .4s ease,transform .8s ease}.ambient img.active{opacity:1;transform:scale(1)}
.home-gradient{z-index:-2;background:linear-gradient(90deg,rgba(3,5,10,.88),rgba(3,5,10,.62) 43%,rgba(3,5,10,.25) 76%),linear-gradient(0deg,#07090eea,transparent 40%,#03050a65)}
.chapter-ghost{position:absolute;z-index:-1;left:3.2vw;top:16%;font-size:clamp(220px,33vw,500px);line-height:1;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #f3eee70c;pointer-events:none;font-weight:800}.home-rule{position:absolute;left:4vw;top:26%;height:33%;width:1px;background:linear-gradient(transparent,#f3eee744,transparent)}
.home-copy{position:absolute;left:7vw;top:47%;transform:translateY(-50%);width:43%;z-index:3}.home-copy .eyebrow{color:#dec2a0;font-size:10px;letter-spacing:.24em}.home-copy h1{font-family:var(--sans,"Helvetica Neue",Arial,sans-serif);font-size:clamp(76px,7.6vw,126px);letter-spacing:-.085em;line-height:.87;font-weight:850;text-transform:uppercase;margin:28px 0 27px}.home-copy h1 span{display:block;white-space:nowrap}.home-copy p:not(.unconfirmed){max-width:455px;color:#dddcd7;font-size:12px;line-height:1.85;letter-spacing:.02em;margin:0 0 25px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.home-copy .pill-link{font-size:9px;gap:24px;white-space:nowrap}.home-copy .pill-link span{width:36px;height:36px}.home-copy .unconfirmed{color:#d9ba94;font-size:9px;letter-spacing:.16em;margin:17px 0 0}.home-copy .pill-link[aria-disabled="true"]{background:transparent;color:#aaa59d;border:1px solid #7b6c596e;cursor:not-allowed}.home-copy .pill-link[aria-disabled="true"] span{opacity:.3}
.featured-stage{position:absolute;right:4vw;top:16%;width:43%;height:66%;z-index:4;opacity:0;transition:opacity .4s ease}.cinematic-home[data-initialized="true"] .featured-stage{opacity:1}.stage-caption{position:absolute;left:0;right:0;top:-27px;display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:.18em;color:#d8c3a9}.stage-note{position:absolute;top:100%;left:0;margin:13px 0 0;font-size:7px;letter-spacing:.18em;color:#a6a6a3}.frame-stack{height:100%;position:relative;isolation:isolate;--expanded:300px;--collapsed:40px}.photo-frame{appearance:none;border:0;padding:0;margin:0;display:block;position:absolute;left:0;top:0;width:100%;height:var(--expanded);text-align:left;background:#101319;color:#f3eee7;cursor:pointer;overflow:hidden;clip-path:inset(0 0 260px 0);will-change:transform,clip-path;transition:transform .4s cubic-bezier(.22,.68,.2,1),clip-path .4s cubic-bezier(.22,.68,.2,1)}.frame-stack:not(.settled) .photo-frame{transition:none}.photo-frame img{position:absolute;width:100%;height:100%;object-position:var(--focal,50% 50%);pointer-events:none;display:block}.frame-full{object-fit:cover;opacity:1;transition:opacity .4s ease}.frame-strip{object-fit:cover;top:calc((var(--collapsed) - var(--expanded))/2);opacity:.82;transition:opacity .4s ease}.photo-frame[aria-selected="true"] .frame-full{opacity:1}.photo-frame[aria-selected="true"] .frame-strip{opacity:0}.photo-frame[aria-selected="true"] .frame-backdrop{opacity:.18}.frame-label{position:absolute;top:0;left:0;right:0;height:31px;display:flex;align-items:end;justify-content:space-between;gap:10px;padding:0 14px 7px;background:linear-gradient(transparent,#03050aa6);font-size:8px;letter-spacing:.14em;transform:translateY(var(--label-top));transition:transform .4s cubic-bezier(.22,.68,.2,1);pointer-events:none}.frame-label strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-label b{color:#e4c9a7;font-size:9px}.photo-frame:focus-visible{outline:none}.photo-frame:focus-visible:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px #efcca3;pointer-events:none}.photo-frame[aria-selected="true"]:before{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:#dfbd92;z-index:3}
.chapter-nav{position:absolute;left:4vw;bottom:31px;display:flex;align-items:center;gap:28px;z-index:8;max-width:92vw}.chapter-counter{font-size:12px;font-weight:800;letter-spacing:.15em;white-space:nowrap;min-width:70px}.counter-divider{color:#9c9e9f}.chapter-labels{display:flex;gap:13px}.chapter-label{font-family:inherit;background:transparent;border:0;border-bottom:1px solid #ffffff4a;color:#bfc0c2;padding:10px 0 13px;text-align:left;font-size:8px;font-weight:700;letter-spacing:.1em;white-space:nowrap;position:relative;cursor:pointer}.chapter-label:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#ddba8f;transform:scaleX(0);transform-origin:left;transition:transform .4s,color .4s}.chapter-label[aria-current="true"]{color:#f5f0e8}.chapter-label[aria-current="true"]:after{transform:scaleX(1)}.chapter-label:focus-visible{outline:1px solid #ddba8f;outline-offset:5px}.chapter-label:hover{color:#f5f0e8}
body:not([data-chapter="0"]) .featured-stage{opacity:0;pointer-events:none}body:not([data-chapter="0"]) .home-copy{width:83%;top:46%}body:not([data-chapter="0"]) .home-copy h1{font-size:clamp(100px,11.7vw,185px)}body:not([data-chapter="0"]) .home-gradient{background:linear-gradient(90deg,#03050ad9,#03050a6b 70%,#03050a25),linear-gradient(0deg,#03050aea,transparent 50%,#03050a55)}body[data-chapter="6"] .home-copy h1{color:#eee9e1}body[data-chapter="6"] .chapter-ghost{-webkit-text-stroke-color:#f3eee71a}
@media(max-width:1100px) and (min-width:701px){.home-copy{left:6vw;width:45%}.home-copy h1{font-size:8vw}.featured-stage{width:42%;right:3vw}.chapter-nav{gap:20px}.chapter-labels{gap:10px}.chapter-label{font-size:7.5px}.chapter-ghost{top:21%}}
@media(max-width:700px){.cinematic-home{height:100svh;min-height:790px}.home-copy{left:24px;top:125px;transform:none;width:calc(100% - 48px)}.home-copy .eyebrow{font-size:8px;letter-spacing:.17em}.home-copy h1{font-size:54px;margin:17px 0 15px;line-height:.88;letter-spacing:-.08em}.home-copy p:not(.unconfirmed){font-size:11px;line-height:1.65;max-width:342px;margin-bottom:16px;-webkit-line-clamp:3}.home-copy .pill-link{padding:6px 6px 6px 15px;font-size:8px;gap:20px}.home-copy .pill-link span{height:30px;width:30px;font-size:18px}.featured-stage{left:24px;right:24px;top:48.2%;width:auto;height:33.2%}.stage-caption{font-size:7px;top:-21px}.stage-note{margin-top:10px;font-size:6.5px;letter-spacing:.13em}.frame-label{font-size:7px;padding-left:10px;padding-right:10px}.frame-label strong{max-width:85%}.frame-label b{font-size:8px}.chapter-nav{bottom:20px;left:24px;right:24px;max-width:none;gap:9px;display:block}.chapter-counter{display:block;font-size:10px;margin-bottom:6px}.chapter-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 10px}.chapter-label{font-size:6.8px;letter-spacing:.015em;padding:7px 0 8px}.home-rule{left:12px;top:20%;height:18%}.chapter-ghost{top:10%;left:1vw;font-size:62vw}.home-gradient{background:linear-gradient(90deg,#03050ac7,#03050a88),linear-gradient(0deg,#03050af2,transparent 65%,#03050a65)}body:not([data-chapter="0"]) .home-copy{top:30%;width:calc(100% - 48px)}body:not([data-chapter="0"]) .home-copy h1{font-size:clamp(42px,12.1vw,75px)}body:not([data-chapter="0"]) .home-copy p:not(.unconfirmed){-webkit-line-clamp:6}.home-copy .unconfirmed{font-size:8px;max-width:300px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.cinematic-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ambient img{transform:none!important}}body.motion-off .cinematic-home *{transition:none!important;animation:none!important}body.motion-off .ambient img{transform:none!important}
/* Reserve the same copy rhythm across all six works; no caption-driven jumping. */
.home-copy h1{min-height:1.74em}.home-copy p:not(.unconfirmed){min-height:66.6px;-webkit-line-clamp:3}
.photo-frame img{top:0;left:0}.photo-frame .frame-strip{top:calc((var(--collapsed) - var(--expanded))/2)}
body:not([data-chapter="0"]) .cinematic-home[data-initialized="true"] .featured-stage{opacity:0;pointer-events:none}
@media(max-width:700px){.home-copy p:not(.unconfirmed){min-height:54.45px}}

/* Featured-only revision. The accepted base stylesheet and category chapters stay intact. */
body[data-chapter="0"] .cinematic-home{--expanded-width:62.56vw;--selected-x:0px}
body[data-chapter="0"] .cinematic-home .featured-stage{left:4%;right:4%;width:auto}
body[data-chapter="0"] .cinematic-home .photo-frame{height:100%;width:var(--expanded-width);transition:transform .4s cubic-bezier(.22,.68,.2,1),clip-path .4s cubic-bezier(.22,.68,.2,1);background:transparent;border:0;box-sizing:border-box}
body[data-chapter="0"] .cinematic-home .frame-stack:not(.settled) .photo-frame{transition:none}
body[data-chapter="0"] .cinematic-home .photo-frame .frame-full{inset:0;opacity:1;object-fit:cover;filter:none;transition:transform .4s cubic-bezier(.22,.68,.2,1);will-change:transform}
body[data-chapter="0"] .cinematic-home .photo-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(3,5,10,.88),rgba(3,5,10,.48) 31%,transparent 72%);opacity:0;transition:opacity .4s ease;box-shadow:none}
body[data-chapter="0"] .cinematic-home .photo-frame[aria-selected="true"]:after{opacity:1}
body[data-chapter="0"] .cinematic-home .photo-frame:focus-visible:after{box-shadow:inset 0 0 0 2px #efcca3}
body[data-chapter="0"] .cinematic-home .photo-frame .frame-label{top:auto;bottom:12px;left:0;right:auto;width:20px;height:20px;padding:0;align-items:center;justify-content:center;transform:translate3d(var(--number-x),0,0);background:none;transition:transform .4s cubic-bezier(.22,.68,.2,1);z-index:2;text-shadow:0 1px 5px #000}
body[data-chapter="0"] .cinematic-home .frame-label strong{display:none}
body[data-chapter="0"] .cinematic-home .frame-label b{font-size:10px}
@media(min-width:701px){
 body[data-chapter="0"] .cinematic-home .home-copy{left:4%;top:auto;bottom:calc(18% + 32px);width:calc(var(--expanded-width) - 64px);max-width:580px;transform:translate3d(calc(var(--selected-x) + 32px),0,0);z-index:6;transition:transform .4s cubic-bezier(.22,.68,.2,1)}
 body[data-chapter="0"] .cinematic-home .home-copy .eyebrow{font-size:9px;letter-spacing:.18em}
 body[data-chapter="0"] .cinematic-home .home-copy h1{font-size:clamp(52px,5.2vw,80px);margin:18px 0 20px;min-height:1.74em}
 body[data-chapter="0"] .cinematic-home .home-copy p:not(.unconfirmed){font-size:12px;line-height:1.75;min-height:63px;max-width:455px;margin-bottom:18px;-webkit-line-clamp:3}
}
@media(max-width:700px){
 body[data-chapter="0"] .cinematic-home .featured-stage{left:24px;right:24px;width:auto}
 body[data-chapter="0"] .cinematic-home .photo-frame:after{background:linear-gradient(0deg,#03050a8c,transparent 45%)}
 body[data-chapter="0"] .cinematic-home .frame-label b{font-size:8px}
 body[data-chapter="0"] .cinematic-home .frame-label{bottom:7px}
}
@media(prefers-reduced-motion:reduce){body[data-chapter="0"] .cinematic-home *,body[data-chapter="0"] .cinematic-home :before,body[data-chapter="0"] .cinematic-home :after{transition:none!important;animation:none!important}}
body.motion-off[data-chapter="0"] .cinematic-home *,body.motion-off[data-chapter="0"] .cinematic-home :before,body.motion-off[data-chapter="0"] .cinematic-home :after{transition:none!important;animation:none!important}

body[data-chapter="0"] .cinematic-home .home-copy h1 span{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
/* The full formal Featured label needs two mobile columns; keep two rows and the accepted lower-left placement. */
@media(max-width:700px){.cinematic-home .chapter-label:first-child{grid-column:span 2}}
