/* Publication captures and branded covers on separate planes. Static perspective and shadows;
   only one composited transform per visible scene supplies the gentle drift. */
.plate--press{color:#183044;overflow:clip;isolation:isolate;background:#172632;border-top-color:#edf6ff4a}
.press-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none}
.press-backdrop__stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#172632 url('/films/archive/0001.webp') center/cover no-repeat;contain:paint}
.press-backdrop__stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#071a2d75,#102a3d26 40%,#091c2c75)}
.press-backdrop__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0}
.press-backdrop__canvas.ready{opacity:1}
.plate--press>.press-heading,.plate--press>.press-grid,.plate--press>.publication-carousel{position:relative;z-index:1}
.plate--press .press-heading{margin-bottom:1.3rem}
.plate--press .press-heading .section-label{color:#e1edf5;text-shadow:0 1px 8px #071a2d}
.plate--press .press-heading h2{color:#fff;text-shadow:0 2px 20px #071a2d80}
.plate--press .press-heading>p{color:#e1edf5}
.plate--press .press-grid{align-items:start;gap:clamp(2rem,4vw,4rem);padding:0 0 1.5rem}
.plate--press .press-story{--press-angle-y:-9deg;--press-angle-z:-3deg;--press-mark-y:12deg;--press-mark-z:5deg;min-width:0;display:block;position:relative;isolation:isolate;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#183044}
.plate--press .press-story--deal{--press-angle-y:9deg;--press-angle-z:3deg;--press-mark-y:-12deg;--press-mark-z:-5deg;margin-top:3rem}
.press-scene{position:relative;aspect-ratio:1.23;isolation:isolate}
.press-scene__motion{position:absolute;inset:0;animation:press-scene-drift 11s ease-in-out infinite;animation-play-state:paused}
.press-story--deal .press-scene__motion{animation-delay:-5.5s;animation-duration:12s}
[data-floating-press][data-moving] .press-scene__motion{animation-play-state:running;will-change:transform}
.press-scene__sheet{position:absolute;left:10%;top:22%;width:84%;height:66%;border:1px solid #ffffffb8;border-radius:1.15rem;background:linear-gradient(140deg,#ffffff70,#e8f2f740);box-shadow:inset 0 1px 0 #fff,0 24px 32px -28px #38577080;transform:perspective(1100px) rotateX(8deg) rotateY(var(--press-angle-y)) rotateZ(calc(var(--press-angle-z) * -1));pointer-events:none}
.press-browser{position:absolute;top:16%;left:7%;width:86%;display:block;overflow:hidden;border:1px solid #fff;border-radius:1rem;background:#fff;box-shadow:0 2px 0 #b1c3d1,0 5px 0 #8196a566,0 28px 36px -20px #1e3d5c5c,0 6px 12px -8px #10263a66;transform:perspective(1100px) rotateX(5deg) rotateY(var(--press-angle-y)) rotateZ(var(--press-angle-z));transition:transform .5s var(--ease-out)}
.press-browser__bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:2rem;padding:.45rem .8rem;border-bottom:1px solid #dfe7ee;background:linear-gradient(#ffffff,#edf2f6);color:#506a7d;font-family:var(--font-text);font-size:.75rem;line-height:1.1;letter-spacing:.01em}
.press-browser__dots{display:flex;gap:4px;flex:0 0 36px}
.press-browser__dots i{height:6px;width:6px;border-radius:50%;background:#bdcdd8;box-shadow:inset 0 1px 1px #53708721}
.press-browser__dots i:first-child{background:#cfaaae}
.press-browser__dots i:nth-child(2){background:#d8c7a4}
.press-browser__dots i:last-child{background:#a7c4bc}
.press-browser__edge{width:36px;flex:0 0 36px;text-align:right;color:#8196a6}
.press-browser__capture{display:block;width:100%;height:auto;aspect-ratio:1348/926;object-fit:contain;background:#fff}
.press-browser__viewport{display:block;position:relative;overflow:hidden;aspect-ratio:1348/926;background:#fff}
.press-browser__viewport>.press-browser__capture{position:absolute;max-width:none;height:auto;aspect-ratio:auto}
.press-browser__viewport--boss{background:#0e1a26}
.press-browser__viewport--boss>.press-browser__capture{width:100%;height:100%;left:0;top:0;object-fit:contain;background:#0e1a26}
.press-browser__viewport--deal>.press-browser__capture{width:115.410959%;left:-7.191781%;top:0}
.press-browser:focus-visible{outline:3px solid #27648e;outline-offset:6px}
.press-mark{position:absolute;z-index:2;top:3%;left:0;width:35%;max-width:15rem;height:clamp(4.5rem,7vw,6.5rem);padding:clamp(.8rem,1.5vw,1.2rem);display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-bottom:2px solid var(--publication-color);border-radius:1rem;background:linear-gradient(135deg,#ffffff,#f3f8fc);box-shadow:inset 0 1px 0 #fff,0 3px 0 #a9bdce,0 14px 22px -12px #254e7580;transform:perspective(850px) rotateY(var(--press-mark-y)) rotateZ(var(--press-mark-z));pointer-events:none}
.press-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:none}
.press-story--deal .press-mark{left:auto;right:0;top:2%}
.press-scene__caption{position:absolute;z-index:3;right:0;bottom:0;display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border:1px solid #fff;border-radius:.9rem;background:linear-gradient(135deg,#fffffff7,#ecf5fcf7);box-shadow:inset 0 1px 0 #fff,0 3px 0 #b7cbdba3,0 15px 23px -16px #1f416d99;transform:perspective(850px) rotateY(var(--press-angle-y)) rotateZ(calc(var(--press-angle-z) * -.7));color:#29475f;font-size:.8125rem;line-height:1.35;pointer-events:none}
.press-scene__caption strong{display:block;color:#18354e;font-size:.9375rem;font-weight:500}
.press-scene__caption span{display:block;color:#435f75;margin-top:.15rem}
.press-scene__caption .action-icon{flex:0 0 .85rem;width:.85rem;height:.85rem;color:#547b98}
.press-story--deal .press-scene__caption{right:auto;left:0}
.plate--press .press-story__content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:1.35rem .6rem 0;position:relative;isolation:isolate}
.press-story__content::before{content:"";position:absolute;inset:0 -.6rem -.8rem;z-index:-1;border:1px solid #ffffffc9;border-radius:1.15rem;background:linear-gradient(145deg,#f7fbfdf5,#eaf2f8f2);box-shadow:0 12px 32px -24px #06152480;pointer-events:none}
.press-source{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem 1rem;width:100%;margin-bottom:.85rem;color:#37566f;font-size:.875rem;font-weight:500}
.press-source time{margin-left:auto;color:#435f75;font-size:.8125rem;font-weight:400}
.plate--press .press-story h3{font-size:clamp(1.7rem,2.25vw,2.4rem);line-height:1.13;max-width:29ch;color:#173249;text-wrap:pretty}
.plate--press .press-summary{color:#405c73;line-height:1.7;margin:1rem 0 1.4rem;max-width:46ch}
.plate--press .press-link{min-height:48px;padding:.7rem 1.2rem;gap:1.8rem;border:1px solid #bbcddc;border-radius:100px;color:#203f58;background:linear-gradient(#fff,#f0f6fb);box-shadow:inset 0 1px 0 #fff,0 5px 10px -8px #26496680}
.plate--press .press-link .action-icon{color:#567f9d}
.plate--press .press-link:focus-visible{outline:2px solid #23628f;outline-offset:4px}
.press-story:focus-within .press-scene__motion{animation-play-state:paused}
@keyframes press-scene-drift{0%,100%{transform:translate3d(0,4px,0)}50%{transform:translate3d(0,-5px,0)}}
@media(hover:hover) and (pointer:fine){
 .press-story:hover .press-scene__motion{animation-play-state:paused}
 .press-browser:hover,.press-browser:focus-visible{transform:perspective(1100px) rotateX(1deg) rotateY(0deg) rotateZ(0deg)}
}
@media(max-width:1100px){.press-scene__caption{display:none}}
@media(max-width:1000px) and (min-width:761px){.press-mark{height:4.4rem;width:38%;padding:.8rem}.press-browser{top:14%}}
@media(max-width:760px){
 .plate--press .press-heading{margin-bottom:1.25rem}
 .plate--press .press-grid{gap:2.75rem;padding-bottom:0}
 .plate--press .press-story{--press-angle-y:-5deg;--press-angle-z:-2deg}
 .plate--press .press-story--deal{--press-angle-y:5deg;--press-angle-z:2deg;margin-top:0}
 .press-scene{aspect-ratio:1.17}
 .press-browser{width:87%;left:6%;top:15%;border-radius:.8rem}
 .press-browser__bar{min-height:1.7rem;padding:.35rem .6rem;font-size:.75rem}
 .press-mark{top:2%;width:38%;height:clamp(4.2rem,16vw,6rem);padding:.85rem;border-radius:.8rem}
 .plate--press .press-story__content{padding:.65rem .2rem 0}
 .plate--press .press-story h3{font-size:clamp(1.65rem,6.5vw,2.2rem);max-width:30ch}
 .plate--press .press-summary{margin-block:.8rem 1.15rem}
}
@media(prefers-reduced-motion:reduce){
 .press-scene__motion,[data-floating-press][data-moving] .press-scene__motion{animation:none;transform:none;will-change:auto}
 .press-browser,.plate--press .press-link{transition:none}
 .press-browser:hover,.press-browser:focus-visible{transform:perspective(1100px) rotateX(5deg) rotateY(var(--press-angle-y)) rotateZ(var(--press-angle-z))}
}