/* 04 — A graphic, kinetic alternative to the cinematic dark scenes. */
.lab-stage[data-mode=poster]{height:auto;min-height:0;max-height:none;background:#e8e2d5;color:#1b1b1b;overflow:clip}
.lab-stage[data-mode=poster]>.scene-base,.lab-stage[data-mode=poster]>.scene-vignette,.lab-stage[data-mode=poster]>.scene-copy,.lab-stage[data-mode=poster]>.lab-side-label,.lab-stage[data-mode=poster]>canvas,.lab-stage[data-mode=poster]>.scene-shockwave{display:none}
.lab-stage[data-mode=poster]>.scene-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.poster-controls{--poster-accent:#b6423a;position:relative;isolation:isolate;display:grid;grid-template-columns:46% 54%;grid-template-rows:auto 1fr auto;min-height:max(710px,calc(100svh - 180px));overflow:clip;padding:25px 4% 0}
.poster-controls:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#35261e04 0 1px,transparent 1px 4px);pointer-events:none;z-index:8}
.poster-backdrop{position:absolute;inset:0;z-index:-3;background:#12181a;overflow:hidden}
.poster-backdrop img{position:absolute;right:0;top:0;width:70%;height:100%;object-fit:cover;filter:grayscale(.3);opacity:.5;transform:scale(1.04)}
.poster-backdrop>span{position:absolute;inset:0;background:linear-gradient(90deg,#e8e2d5 0%,#e8e2d5 37%,#e8e2d5ee 45%,#e8e2d500 61%),linear-gradient(0deg,#12181ae0,transparent 50%)}
.poster-stripes{position:absolute;z-index:-1;left:54%;top:-25%;height:170%;display:flex;gap:14px;transform:rotate(25deg);pointer-events:none}
.poster-stripes i{display:block;width:45px;background:var(--poster-accent);transition:background .65s;opacity:.75}
.poster-stripes i:nth-child(2){width:15px;background:#dfd7c4}.poster-stripes i:nth-child(3){width:7px;background:#809092}
.poster-topline{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #77645355;padding-bottom:17px;font-size:.625rem;font-weight:700;letter-spacing:.16em;position:relative;z-index:2}
.poster-topline>span:last-child{color:#e8e2d5}
.poster-copy{z-index:2;position:relative;padding:46px 0 40px;align-self:center;pointer-events:none;min-width:0}
.poster-edition{display:flex;gap:12px;align-items:center;font-size:.625rem;font-weight:700;letter-spacing:.2em;margin-bottom:20px}
.poster-edition>span{display:block;width:40px;height:5px;background:#b13c31;transform:skewX(-28deg)}
.poster-logo{font-family:Manrope,sans-serif;font-weight:800;line-height:.96;letter-spacing:-.065em;font-style:italic;transform:skewX(-6deg);transform-origin:left;font-size:clamp(2rem,4.5vw,5.625rem);margin-left:2px}
.poster-logo span,.poster-logo strong{display:block;font-weight:800}
.poster-logo span{font-size:1.36em;letter-spacing:-.075em}
.poster-soon{font-size:clamp(1.75rem,3.1vw,3.8125rem);font-weight:800;font-style:italic;letter-spacing:-.045em;margin-top:25px;color:#aa332c;line-height:1}
.poster-soon>span{display:block;font-style:normal;font-size:.6875rem;letter-spacing:.15em;line-height:1.5;margin-top:12px;color:#51493f}
.poster-race-copy{margin:36px 0 27px;border-top:1px solid #746b5c66;padding-top:20px;max-width:360px}
.poster-index{font-size:.625rem;letter-spacing:.13em;color:#766959}
.poster-race-copy h2{font-size:2.0625rem;font-weight:800;letter-spacing:-.045em;text-transform:uppercase;line-height:1.2;margin:7px 0 9px}
.poster-race-copy p{font-size:.9375rem;line-height:1.6;color:#534c43;max-width:300px}
.poster-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 25px;border:1px solid #202526;box-shadow:inset 0 0 0 3px #e8e2d5;background:#202526;color:#eee6d5;font-size:.875rem;font-weight:800;text-transform:uppercase;pointer-events:auto;transition:background .2s,transform .2s}
.poster-cta:hover{background:#ac3c30}.poster-cta:active{transform:translateY(2px)}
.poster-alpha{font-size:.6875rem;line-height:1.5;color:#655c50;margin-top:12px;max-width:310px}
.poster-gallery{position:relative;min-width:0;align-self:stretch;perspective:1400px;touch-action:pan-y;isolation:isolate}
.poster-outline-word{position:absolute;left:10%;top:0;bottom:0;writing-mode:vertical-rl;font-size:clamp(4rem,8.5vw,10rem);font-weight:800;letter-spacing:-.07em;line-height:1;color:transparent;-webkit-text-stroke:1px #ded8c860;pointer-events:none;overflow:hidden}
.poster-card-position{position:absolute;z-index:3;top:7%;left:19%;width:60%;height:76%;max-height:620px;transform:rotate(-7deg)}
.poster-card-tilt{height:100%;transform-style:preserve-3d;transition:transform .35s ease-out}
.poster-card{width:100%;height:100%;display:block;background:transparent;position:relative;perspective:1500px;text-align:left;user-select:none;-webkit-user-select:none;border-radius:7px;box-shadow:0 25px 45px #0007;cursor:pointer;touch-action:pan-y}
.poster-card-turn{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform 850ms cubic-bezier(.2,.65,.25,1)}
.poster-card-turn.is-flipped{transform:rotateY(180deg)}
.poster-face{position:absolute;inset:0;display:block;border:7px solid #242a2b;border-radius:7px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#1a1c1c;overflow:hidden}
.poster-face:after{content:'';position:absolute;inset:8px;border:1px solid #e0d4b575;border-radius:2px;pointer-events:none}
.poster-face:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b1010 2%,#0b101080 28%,transparent 58%),linear-gradient(90deg,#0003,transparent 40%);z-index:1}
.poster-face img{height:100%;width:100%;object-fit:cover;object-position:50% 32%;filter:saturate(.8);pointer-events:none}
.poster-back{transform:rotateY(180deg)}
.poster-card-serial{position:absolute;left:20px;top:20px;font-size:.6875rem;letter-spacing:.14em;font-weight:800;background:#e8e2d5;color:#191d1e;padding:7px 10px;z-index:2}
.poster-face-copy{position:absolute;left:24px;right:24px;bottom:28px;color:#eee5d3;z-index:2;transform:skewX(-4deg)}
.poster-face-copy small{display:block;font-size:.5625rem;letter-spacing:.12em;line-height:1.5;margin-bottom:8px;color:#cbc1ac}
.poster-face-copy strong{display:block;font-size:clamp(1.5rem,2.5vw,3rem);line-height:1.05;font-weight:800;text-transform:uppercase;letter-spacing:-.035em;overflow-wrap:anywhere}
.poster-face-copy>span{display:block;font-size:.5rem;letter-spacing:.17em;margin-top:18px;border-top:1px solid #bcae8666;padding-top:12px}
.poster-side{position:absolute;top:26%;width:37%;height:49%;padding:5px;background:#353c3c;border:1px solid #e2dbc060;box-shadow:0 12px 25px #0005;z-index:1;overflow:hidden;transition:filter .3s,transform .4s;filter:brightness(.66);text-align:left;touch-action:pan-y}
.poster-side img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.poster-side span{position:absolute;bottom:0;left:0;right:0;padding:36px 10px 16px;background:linear-gradient(0deg,#131b1bef,transparent);font-size:.8125rem;font-weight:800;text-transform:uppercase;color:#eee5d3}
.poster-prev{left:0;transform:rotate(-19deg) translateX(-7%)}
.poster-next{right:-1%;transform:rotate(14deg) translateX(6%);text-align:right}
.poster-side:hover,.poster-side:focus-visible{filter:brightness(1)}
.poster-card-caption{position:absolute;top:88%;left:6%;right:0;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #d1c3a544;color:#e6ddcb;font-size:.6875rem}
.poster-card-caption>span{line-height:1.5;max-width:50%}
.poster-flip{background:none;border-bottom:1px solid #e1d0a777;color:#e1d0a7;min-height:40px;font-size:.6875rem;line-height:1.5;text-align:right}
.poster-bottom{grid-column:1/-1;position:relative;z-index:4;display:flex;align-items:stretch;justify-content:space-between;gap:35px;padding:0 0 22px}
.poster-races{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex:1;max-width:680px}
.poster-races button{background:#e8e2d5;border:1px solid #5c5d5588;padding:12px 16px;text-align:left;min-width:0;display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:800;transition:background .2s,color .2s,transform .2s;color:#232728;overflow-wrap:anywhere}
.poster-races button>span{font-size:.5625rem;opacity:.55}
.poster-races button[aria-pressed=true]{background:#21282a;color:#eee5d3;box-shadow:inset 0 -3px var(--poster-accent)}
.poster-races button:hover{transform:translateY(-3px)}
.poster-bottom>p{color:#c9bfab;font-size:.5625rem;letter-spacing:.12em;line-height:1.5;align-self:center;text-align:right}
.poster-bottom>p>span{display:block;font-size:.6875rem;letter-spacing:0;color:#b0aa9f;margin-top:3px}
.poster-shutters{position:absolute;inset:-15%;z-index:7;pointer-events:none;overflow:hidden}
.poster-shutters i{position:absolute;inset:0;background:#b84636;opacity:0;transform:translateX(-170%) skewX(-20deg)}
.poster-shutters i:nth-child(2){background:#e8e2d5;left:22%}.poster-shutters i:nth-child(3){background:#172528;left:55%}
.poster-controls :focus-visible{outline:3px solid #d56647;outline-offset:6px}
.lab-tabs{flex-shrink:0}.lab-tabs button{position:relative}.lab-tabs button[data-concept=poster]:after{content:'NEW';position:absolute;top:15px;right:0;font-size:.4375rem;letter-spacing:.12em;color:#d8a47e}
@media(min-width:1600px){.poster-controls{padding-inline:6%;grid-template-columns:47% 53%}.poster-copy{padding-block:65px}.poster-race-copy{margin-block:45px 30px}.poster-card-position{top:5%;left:16%;width:64%;height:81%}.poster-logo{font-size:5.35rem}}
@media(max-width:1050px){.lab-navigation{display:block;padding-bottom:15px}.lab-navigation>p{text-align:left;max-width:none;margin-top:0}.lab-tabs{justify-content:space-between}.lab-tabs button{min-height:74px}.lab-tabs button[data-concept=poster]:after{top:6px}.poster-controls{grid-template-columns:45% 55%;padding-inline:4%;min-height:690px}.poster-copy{padding-top:35px}.poster-race-copy{margin-block:25px}.poster-race-copy h2{font-size:1.75rem}.poster-gallery{min-height:500px}.poster-card-position{height:73%;top:10%;width:64%;left:15%}.poster-face-copy{left:17px;right:17px;bottom:22px}.poster-topline{font-size:.5rem}.poster-bottom{gap:15px}.poster-bottom>p{display:none}.poster-races{max-width:none}}
@media(max-width:640px){.lab-tabs{gap:13px;flex-wrap:wrap;justify-content:flex-start}.lab-tabs button{min-height:60px;font-size:.75rem;gap:4px}.lab-tabs button span{font-size:.5625rem}.lab-tabs button[data-concept=poster]:after{font-size:.375rem;top:3px}.lab-navigation{padding-inline:20px}.poster-controls{display:flex;flex-direction:column;padding:17px 22px 0;min-height:0}.poster-topline{font-size:.5rem;line-height:1.6;padding-bottom:12px}.poster-topline>span:last-child{display:none}.poster-backdrop>span{background:linear-gradient(180deg,#e8e2d5 0%,#e8e2d5 28%,#e8e2d5cc 42%,transparent 62%)}.poster-backdrop img{width:100%;height:65%;top:auto;bottom:0}.poster-stripes{left:62%;gap:9px;opacity:.7}.poster-stripes i{width:30px}.poster-copy{width:100%;padding:26px 0 0;align-self:stretch}.poster-edition{font-size:.5rem;margin-bottom:14px}.poster-logo{font-size:clamp(1.8rem,8.4vw,3.25rem);max-width:100%}.poster-soon{font-size:1.875rem;margin-top:18px}.poster-soon>span{font-size:.5rem;margin-top:7px}.poster-race-copy{margin:22px 0 0;padding-top:13px;max-width:100%}.poster-race-copy h2{font-size:1.625rem;margin-top:5px}.poster-race-copy p{font-size:.8125rem;max-width:100%;min-height:2.6em}.poster-index{font-size:.5rem}.poster-cta{position:relative;margin-top:15px;min-height:42px;font-size:.75rem;padding:10px 20px}.poster-alpha{font-size:.5625rem;margin-top:8px}.poster-gallery{height:450px;min-height:0;flex-shrink:0;margin-top:15px;width:100%}.poster-card-position{width:66%;left:17%;top:6%;height:75%}.poster-card-serial{font-size:.5rem;top:15px;left:14px;padding:5px 7px}.poster-face{border-width:5px}.poster-face:after{inset:5px}.poster-face-copy strong{font-size:1.5625rem}.poster-face-copy small{font-size:.4375rem}.poster-face-copy>span{font-size:.375rem;margin-top:12px;padding-top:9px}.poster-side{top:24%;height:51%}.poster-side span{font-size:.625rem}.poster-card-caption{top:86%;left:0;font-size:.625rem}.poster-flip{font-size:.625rem}.poster-bottom{padding:8px 0 22px}.poster-races{gap:4px}.poster-races button{font-size:.6875rem;display:block;padding:10px 7px;min-height:52px}.poster-races button span{display:block;font-size:.5rem;margin-bottom:3px}.poster-outline-word{font-size:4.5rem}}
@media(prefers-reduced-motion:reduce){.poster-card-turn{transition:none}.poster-card-tilt{transform:none!important}}
.motion-muted .poster-card-tilt{transform:none!important}
.lab-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;gap:22px}.lab-tabs button{overflow-wrap:anywhere}.lab-navigation>p{flex:0 1 345px}.poster-logo strong{overflow-wrap:anywhere}.poster-races button{overflow-wrap:anywhere}
@media(max-width:640px){.lab-tabs{gap:10px}.lab-tabs button{font-size:.75rem}.poster-gallery{height:max(450px,28.125rem)}.poster-races button{font-size:.75rem}.poster-alpha{font-size:.75rem}.poster-soon>span{font-size:.625rem}.poster-edition{font-size:.625rem}.poster-face-copy small{font-size:.625rem}.poster-card-caption,.poster-flip{font-size:.75rem}.poster-face-copy>span{font-size:.5rem}}
@media(max-width:480px){.lab-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding-block:7px}.lab-tabs button{min-height:44px;font-size:.875rem;gap:8px}.lab-tabs button span{font-size:.625rem}.lab-tabs button[data-concept=poster]:after{top:4px}.poster-controls{padding-bottom:25px}.poster-copy{display:contents}.poster-topline{order:0}.poster-edition{order:1;margin-top:24px}.poster-logo{order:2}.poster-soon{order:3;margin-bottom:4px}.poster-gallery{order:4;margin-top:22px}.poster-race-copy{order:5;margin:10px 0 20px;border-color:#e6d7ba55;color:#eee5d3}.poster-race-copy p{color:#c3b9a9;min-height:0}.poster-index{color:#aa9d88}.poster-bottom{order:6;padding-bottom:7px}.poster-cta{order:7;background:#e8e2d5;color:#202526;align-self:flex-start}.poster-cta:hover{background:#d9c6a6}.poster-alpha{order:8;color:#bcb1a1}.poster-backdrop>span{background:linear-gradient(180deg,#e8e2d5 0%,#e8e2d5 20%,#e8e2d5aa 35%,transparent 53%,#12181a 75%)}.poster-backdrop img{height:80%}}