/* THE TURN (1 Nov 2026): the pinned stage. The section is SCREENS tall; the host sticks to the top while the emblem turns.
   The studio plate is painted here first (the same files as v3), so the first paint is the studio and the canvas fades in on it. */
.tn95{height:calc(var(--wh,100svh) * 5);overflow:clip}
.tn95 .fr-host{position:sticky;top:0;height:var(--wh,100svh);max-height:none;min-height:0}
@media (prefers-reduced-motion:reduce){.tn95{height:auto}.tn95 .fr-host{position:relative}}
.tn95 .fr-host{background:#F2F0EF center/cover no-repeat;background-image:url(/assets/95/float/plate/day-l1920.webp);background-image:image-set(url(/assets/95/float/plate/day-l1920.avif) type("image/avif"),url(/assets/95/float/plate/day-l1920.webp) type("image/webp"))}
html[data-theme=dark] .tn95 .fr-host{background-color:#262628;background-image:url(/assets/95/float/plate/night-l1920.webp);background-image:image-set(url(/assets/95/float/plate/night-l1920.avif) type("image/avif"),url(/assets/95/float/plate/night-l1920.webp) type("image/webp"))}
@media (orientation:portrait){
  .tn95 .fr-host{background-image:url(/assets/95/float/plate/day-p1080.webp);background-image:image-set(url(/assets/95/float/plate/day-p1080.avif) type("image/avif"),url(/assets/95/float/plate/day-p1080.webp) type("image/webp"))}
  html[data-theme=dark] .tn95 .fr-host{background-image:url(/assets/95/float/plate/night-p1080.webp);background-image:image-set(url(/assets/95/float/plate/night-p1080.avif) type("image/avif"),url(/assets/95/float/plate/night-p1080.webp) type("image/webp"))}}
.tn-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1)}
.tn-on .tn-canvas{opacity:1}
.tn95 .fr95-head,.tn95 .fr95-hud{color:#1A1C20}
html[data-theme=dark] .tn95 .fr95-head,html[data-theme=dark] .tn95 .fr95-hud{color:#F2F0EF}
.tn95 .fr95-head{opacity:var(--tn-head,1)}
/* a soft pool of the studio's own tone behind the headline, so it keeps AA over the macro */
.tn95 .fr95-head::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(1100px,120%);height:260%;transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgb(242 240 239 / .78),rgb(242 240 239 / .5) 55%,rgb(242 240 239 / 0));pointer-events:none}
html[data-theme=dark] .tn95 .fr95-head::before{background:radial-gradient(closest-side,rgb(38 38 40 / .8),rgb(38 38 40 / .5) 55%,rgb(38 38 40 / 0))}
.fr95-btn.light{font:500 12px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}
.tn-label{position:absolute;z-index:3;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);margin:0;display:flex;gap:12px;
  font:500 12px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;
  padding:10px 12px;border-radius:4px;color:#1A1C20;background:rgb(242 240 239 / .72);opacity:var(--tn-head,1)}
html[data-theme=dark] .tn-label{color:#F2F0EF;background:rgb(38 38 40 / .72)}
.tn-count{font-variant-numeric:tabular-nums}
.tn-v3 .fr-host{background:none}
@media (prefers-reduced-motion:reduce){.tn-canvas{transition:opacity .3s}}