/* The existing headline is the foreground; familiar occupation rooms frame it. */
.occupation-world{background:#101c23}
.occupation-world .drama-viewport{background:radial-gradient(ellipse at 50% 68%,#243537 0,#18262d 50%,#101c23 85%)}
.occupation-landscape{position:absolute;inset:23% -1% 0;display:flex;align-items:flex-end;justify-content:center;gap:0;transform-origin:50% 75%;will-change:transform,opacity}
.occupation-room{position:relative;flex:0 0 21%;min-width:0;margin:0 0 15px;will-change:transform}
.occupation-room img{display:block;width:100%;height:auto;max-height:69svh;object-fit:contain;max-width:none;filter:brightness(.82) saturate(.82);mix-blend-mode:lighten;mask-image:linear-gradient(transparent,#000 12%,#000 80%,transparent 99%)}
.occupation-room figcaption{position:absolute;bottom:17%;left:0;right:0;text-align:center;font-size:11px;color:#e8d9bd;letter-spacing:.06em;opacity:.8}
.occupation-films,.occupation-film{position:absolute;inset:0;pointer-events:none}
.occupation-film{opacity:0;will-change:opacity}
.occupation-film img,.occupation-film video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:55% 55%;filter:brightness(.78) saturate(.83);pointer-events:none}
.occupation-film video{opacity:0}.occupation-film.film-ready video{opacity:1}.occupation-film.film-ready img{visibility:hidden}
.occupation-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(#101c2399 0,#101c2340 34%,transparent 60%,#101c2320 85%,#101c23 100%)}
.occupation-world .drama-copy{top:34%;width:min(1250px,calc(100% - 130px))}
.occupation-world .drama-copy h2{font-size:clamp(52px,5.3vw,100px);line-height:1.3}
.occupation-world .drama-copy h2.drama-long{font-size:clamp(46px,4.65vw,86px)}
.occupation-world[data-stage="3"] .drama-copy{top:45%}
.occupation-world[data-stage="3"] .occupation-landscape{filter:brightness(.67)}
.occupation-world[data-stage="3"] .occupation-shade{background:radial-gradient(ellipse at 50% 38%,#101c2388,transparent 90%),linear-gradient(#101c2370,transparent 55%,#101c23)}
.occupation-static{position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;padding:120px 24px 80px;overflow:hidden;background:#101c23}
.occupation-static-rooms{position:absolute;inset:30% -4% 0;display:flex;align-items:flex-end;justify-content:center;opacity:.45;z-index:-1}
.occupation-static-rooms .occupation-room{flex-basis:22%}.occupation-static-rooms figcaption{display:none}
.occupation-world .drama-static-copy{max-width:1000px}.occupation-world .drama-static-copy h2{font-size:clamp(42px,5vw,80px)}
@media(min-width:861px) and (max-height:700px){.occupation-world .drama-copy{top:35%}.occupation-world .drama-copy h2{font-size:clamp(46px,5vw,75px)}.occupation-world[data-stage="3"] .drama-copy{top:49%}.occupation-world[data-stage="3"] .drama-copy h2{font-size:clamp(45px,4.5vw,68px)}.occupation-world .drama-product{margin-top:15px!important}.occupation-world .drama-detail{font-size:14px!important}.occupation-world .drama-button{margin-top:18px}}
@media(max-width:860px){.occupation-landscape{inset:36% -49% 0;align-items:center}.occupation-room{flex-basis:29%;margin-bottom:25px}.occupation-room img{max-height:53svh}.occupation-room figcaption{font-size:9px;bottom:18%}.occupation-film img,.occupation-film video{object-position:57% 55%}.occupation-world .drama-copy{width:calc(100% - 52px);top:31%}.occupation-world .drama-copy h2{font-size:clamp(35px,9.8vw,64px)}.occupation-world .drama-copy h2.drama-long{font-size:clamp(30px,8.5vw,55px)}.occupation-world[data-stage="3"] .drama-copy{top:40%}.occupation-world[data-stage="3"] .occupation-landscape{inset:44% -49% -2%;filter:brightness(.55)}.occupation-shade{background:linear-gradient(#101c23aa,#101c2322 44%,transparent 70%,#101c23)}.occupation-static-rooms{inset:38% -60% 0;opacity:.35}.occupation-static-rooms .occupation-room{flex-basis:28%}.occupation-world .drama-static-copy h2{font-size:clamp(35px,10vw,55px)}}
@media(max-width:420px){.occupation-world .drama-copy h2{font-size:35px}.occupation-world .drama-copy h2.drama-long{font-size:30px}.occupation-world .drama-product{font-size:22px!important}.occupation-world .drama-detail{font-size:13px!important}.occupation-world .drama-button{margin-top:20px}}
@media(max-width:860px) and (max-height:660px){.occupation-world .drama-copy{top:33%}.occupation-world[data-stage="3"] .drama-copy{top:46%}.occupation-world .drama-copy h2{font-size:32px}.occupation-world .drama-copy h2.drama-long{font-size:28px}.occupation-world .drama-product{font-size:20px!important;margin-top:14px!important}.occupation-world .drama-detail{font-size:12px!important}.occupation-world .drama-button{margin-top:15px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.occupation-room{will-change:auto}.occupation-static-rooms{filter:none}}
@media(max-width:860px){.occupation-static-rooms{inset:38% 2% 2%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-content:end;gap:0}.occupation-static-rooms .occupation-room{grid-column:span 2;margin:0}.occupation-static-rooms .occupation-room:nth-child(-n+2){grid-column:span 3}.occupation-static-rooms .occupation-room img{height:26svh;object-fit:contain}}