/* Original EhrliLab cover compositions. Own imagery; no third-party campaign art. */
.cover-art{--cover-bg:#ef482b;--cover-ink:#fff;--cover-accent:#ffc856;--cover-angle:-6deg;position:absolute;inset:0;z-index:1;overflow:hidden;isolation:isolate;container:project-cover / size;background:var(--cover-bg);color:var(--cover-ink);pointer-events:none;font-family:Montserrat,Arial,sans-serif}
.cover-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#ffffff12,transparent 65%)}
.cover-world{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.24;filter:saturate(.85)}
.cover-brand{position:absolute;z-index:4;top:7%;left:6.5%;max-width:52%;font-size:clamp(12px,3cqw,20px);font-weight:750;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
.cover-copy{position:absolute;z-index:4;left:6.5%;top:24%;width:59%;transform-origin:left center}
.cover-title{display:block;font-size:clamp(24px,8.6cqw,76px);font-weight:900;line-height:.97;letter-spacing:-.055em;transform-origin:10% 50%;text-shadow:0 2px 0 #00000008}
.cover-title>span{display:block}
.cover-title>span+span{margin-top:.045em}
.cover-object{position:absolute;z-index:3;right:3%;bottom:-6%;width:49%;height:83%;transform:rotate(var(--cover-angle));transform-origin:50% 82%}
.cover-float{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:center;transform-origin:50% 100%;filter:drop-shadow(0 12px 14px #0005)}
.cover-object img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;border-radius:9px}
.cover-object-secondary{z-index:2;right:31%;bottom:-1%;width:35%;height:65%;--cover-angle:9deg;opacity:.85}
.cover-art-note{position:absolute;z-index:5;bottom:5%;left:6.5%;font-size:clamp(12px,2.8cqw,15px);font-weight:600;letter-spacing:.02em;line-height:1.25;color:var(--cover-ink)}
/* Stationary supporting geometry gives the moving typography and media depth. */
.cover-motif,.cover-motif i{position:absolute;display:block;pointer-events:none}
.cover-motif{inset:0;overflow:hidden;color:var(--cover-accent)}
.cover-motif-orbit i{border:2px solid currentColor;border-radius:50%;width:90%;aspect-ratio:1;right:-28%;bottom:-22%;transform:rotate(-20deg);opacity:.65}
.cover-motif-orbit i:nth-child(2){width:119%;right:-44%;bottom:-36%;opacity:.3}.cover-motif-orbit i:nth-child(3){width:64%;right:-16%;bottom:-11%;border-width:12px;opacity:.2}
.cover-motif-tiles{background:linear-gradient(90deg,#ffffff0c 1px,transparent 1px),linear-gradient(#ffffff0c 1px,transparent 1px);background-size:16.66% 16.66%}
.cover-motif-tiles i{width:20%;aspect-ratio:1;background:currentColor;border-radius:8%;opacity:.35;bottom:8%;left:8%;transform:rotate(-10deg)}
.cover-motif-tiles i:nth-child(2){left:25%;bottom:22%;opacity:.15;transform:rotate(8deg)}.cover-motif-tiles i:nth-child(3){left:0;bottom:-7%;width:38%;opacity:.2;transform:rotate(15deg)}
.cover-motif-grid{background:linear-gradient(90deg,#ffffff28 1px,transparent 1px),linear-gradient(#ffffff28 1px,transparent 1px);background-size:12.5% 20%;mask-image:linear-gradient(90deg,transparent,#000)}
.cover-motif-target i{width:75%;aspect-ratio:1;right:-22%;bottom:-12%;border:3px solid currentColor;border-radius:50%;opacity:.5}
.cover-motif-target i:nth-child(2){width:50%;right:-9%;bottom:0;opacity:.35;border-width:20px}.cover-motif-target i:nth-child(3){width:105%;right:-36%;bottom:-27%;opacity:.2}
.cover-motif-choice i{width:49%;height:24%;left:-7%;bottom:12%;border-radius:20px;background:currentColor;transform:rotate(-19deg);opacity:.9}
.cover-motif-choice i:nth-child(2){left:65%;bottom:43%;opacity:.23;transform:rotate(14deg)}.cover-motif-choice i:nth-child(3){width:6%;height:6%;border-radius:50%;left:8%;bottom:42%;background:var(--cover-ink);opacity:.4}
.cover-motif-burst{background:repeating-conic-gradient(from 15deg at 100% 85%,#fff3 0deg 12deg,transparent 12deg 26deg)}
.cover-motif-dash i{width:75%;height:13%;background:currentColor;left:-13%;bottom:2%;transform:skewY(-20deg);opacity:.14}
.cover-motif-dash i:nth-child(2){bottom:21%;left:65%;width:35%;opacity:.3}.cover-motif-dash i:nth-child(3){bottom:54%;left:86%;width:30%;opacity:.5}
.cover-motif-tracking{background:linear-gradient(90deg,#b9271c12 1px,transparent 1px),linear-gradient(#b9271c12 1px,transparent 1px);background-size:10% 20%}
.cover-motif-tracking i{width:9%;aspect-ratio:1;right:10%;top:20%;border:3px solid currentColor;border-radius:50%;opacity:.6}
.cover-motif-tracking i:nth-child(2){right:31%;top:62%;width:5%}.cover-motif-tracking i:nth-child(3){right:5%;top:79%;width:3%;background:currentColor}
.cover-motif-rhythm i{height:160%;width:24%;top:-30%;right:8%;border:3px solid currentColor;border-radius:50%;transform:rotate(38deg);opacity:.5}
.cover-motif-rhythm i:nth-child(2){right:22%;opacity:.3}.cover-motif-rhythm i:nth-child(3){right:36%;opacity:.16}
.cover-motif-wave i{width:180%;height:35%;left:-40%;top:12%;border:4px solid currentColor;border-radius:50%;transform:rotate(-25deg);opacity:.7}
.cover-motif-wave i:nth-child(2){top:30%;border-color:#eb43fa;opacity:.5}.cover-motif-wave i:nth-child(3){top:52%;opacity:.3}
.cover-motif-constellation{background:radial-gradient(circle at 14% 66%,#aaffc5 0 3px,transparent 4px),radial-gradient(circle at 84% 23%,#ffc545 0 4px,transparent 5px),radial-gradient(circle at 40% 48%,#c8b5ff 0 2px,transparent 3px)}
/* Per-project art direction: only the source image is photographic. */
.cover-pizzaman-flip{--cover-bg:#c9202b;--cover-accent:#ffe4b7;--cover-angle:7deg;background:linear-gradient(145deg,#f04730,#b90b20)}
.cover-pizzaman-flip .cover-copy{width:60%;top:24%}.cover-pizzaman-flip .cover-title{font-size:clamp(30px,10.5cqw,90px)}
.cover-pizzaman-flip .cover-object-primary{right:-3%;bottom:-6%;height:83%;width:52%}
.cover-threadlight{--cover-bg:#140b45;--cover-accent:#ccff77;--cover-angle:5deg;background:radial-gradient(ellipse at 50% 70%,#5930a8,#130b39 75%)}
.cover-threadlight .cover-brand{letter-spacing:.14em;text-transform:uppercase;font-size:clamp(12px,3.2cqw,19px)}
.cover-threadlight .cover-copy{width:88%;top:19%;left:6%}.cover-threadlight .cover-title{font-size:clamp(29px,10cqw,72px);color:#d4ffba;text-shadow:0 3px 0 #3d186e}
.cover-threadlight .cover-object-primary{height:65%;width:66%;right:4%;bottom:-7%}.cover-threadlight .cover-world{opacity:.32;object-position:30% 50%}
.cover-indomie-slide-puzzle{--cover-bg:#007b43;--cover-accent:#ffdb27;--cover-angle:6deg;background:linear-gradient(145deg,#07853b,#00512f)}
.cover-indomie-slide-puzzle .cover-brand{color:#ffdf43;font-style:italic;font-size:clamp(18px,4.6cqw,32px)}
.cover-indomie-slide-puzzle .cover-copy{top:21%;width:89%}.cover-indomie-slide-puzzle .cover-title{font-size:clamp(26px,8.8cqw,62px)}
.cover-indomie-slide-puzzle .cover-object-primary{height:64%;width:44%;right:2%;bottom:-9%}.cover-indomie-slide-puzzle .cover-object-secondary{height:62%;width:42%;right:35%;bottom:-3%;--cover-angle:-10deg;opacity:1}
.cover-compughana{--cover-bg:#0b90b7;--cover-accent:#d5fbff;--cover-angle:5deg;background:linear-gradient(145deg,#117fba,#0ab6c9)}
.cover-compughana .cover-copy{width:54%;top:29%}.cover-compughana .cover-title{font-size:clamp(24px,8.4cqw,65px)}
.cover-compughana .cover-object-primary{height:100%;width:30%;right:5%;bottom:-15%}.cover-compughana .cover-object-secondary{height:44%;width:35%;right:23%;bottom:1%;--cover-angle:-8deg;opacity:1}
.cover-pizzaman-tile-puzzle{--cover-bg:#fae6ba;--cover-ink:#ab1e25;--cover-accent:#c8252a;--cover-angle:7deg}
.cover-pizzaman-tile-puzzle .cover-copy{top:28%;width:60%}.cover-pizzaman-tile-puzzle .cover-title{font-size:clamp(24px,8.7cqw,70px)}
.cover-pizzaman-tile-puzzle .cover-object-primary{right:1%;width:35%;height:118%;bottom:-34%}.cover-pizzaman-tile-puzzle .cover-motif-tiles{background:none}
.cover-momo-hustle-dash{--cover-bg:#ffe324;--cover-ink:#073f47;--cover-accent:#007a80;--cover-angle:-5deg}
.cover-momo-hustle-dash .cover-brand{max-width:42%;font-size:clamp(12px,2.8cqw,18px)}
.cover-momo-hustle-dash .cover-copy{width:52%;top:29%}.cover-momo-hustle-dash .cover-title{font-size:clamp(22px,7.5cqw,65px)}
.cover-momo-hustle-dash .cover-object-primary{width:53%;height:78%;right:-2%;bottom:-2%}.cover-momo-hustle-dash .cover-object img{border-radius:14px}
.cover-tidal-rave-storycards{--cover-bg:#17122f;--cover-accent:#a3fae1;--cover-angle:7deg;background:linear-gradient(145deg,#10132f,#34105e)}
.cover-tidal-rave-storycards .cover-copy{width:88%;top:20%}.cover-tidal-rave-storycards .cover-title{font-size:clamp(25px,9.2cqw,64px);color:#e5ffb9;line-height:1}
.cover-tidal-rave-storycards .cover-object-primary{height:45%;width:90%;right:-2%;bottom:7%;--cover-angle:-7deg}
.cover-tidal-rave-storycards .cover-object-secondary{height:42%;width:80%;right:17%;bottom:27%;--cover-angle:8deg;opacity:.9}
.cover-telecel-mahiti{--cover-bg:#c81a24;--cover-accent:#ffcb36;--cover-angle:7deg;background:linear-gradient(150deg,#e2252b,#a30920)}
.cover-telecel-mahiti .cover-copy{width:61%;top:23%}.cover-telecel-mahiti .cover-title{font-size:clamp(30px,10.4cqw,90px)}
.cover-telecel-mahiti .cover-object-primary{height:84%;width:51%;right:-4%;bottom:-4%}
.cover-dsoi-trivia{--cover-bg:#b7a2e3;--cover-ink:#241339;--cover-accent:#d8ff72;--cover-angle:-8deg;background:linear-gradient(160deg,#d1bff0,#a78bd3)}
.cover-dsoi-trivia .cover-brand{font-size:clamp(12px,3cqw,18px);max-width:61%;line-height:1.2}
.cover-dsoi-trivia .cover-copy{top:20%;width:88%}.cover-dsoi-trivia .cover-title{font-size:clamp(28px,10.5cqw,76px)}
.cover-dsoi-trivia .cover-object-primary{height:60%;width:71%;right:-3%;bottom:-5%}
.cover-gino-pepper{--cover-bg:#ffce32;--cover-ink:#9f1520;--cover-accent:#ef5534;--cover-angle:-7deg;background:linear-gradient(145deg,#ffe267,#f5ba19)}
.cover-gino-pepper .cover-brand{font-style:italic;font-size:clamp(18px,5cqw,36px)}
.cover-gino-pepper .cover-copy{top:29%;width:67%}.cover-gino-pepper .cover-title{font-size:clamp(25px,8.4cqw,68px)}
.cover-gino-pepper .cover-object-primary{width:34%;height:125%;right:0;bottom:-37%}
.cover-telecel-hand-tracking{--cover-bg:#f5e9da;--cover-ink:#af1420;--cover-accent:#c02624;--cover-angle:4deg}
.cover-telecel-hand-tracking .cover-copy{top:29%;width:45%}.cover-telecel-hand-tracking .cover-title{font-size:clamp(25px,8.7cqw,70px)}
.cover-telecel-hand-tracking .cover-object-primary{width:65%;height:71%;right:-9%;bottom:2%}.cover-telecel-hand-tracking .cover-object img{border:4px solid #fff;border-radius:8px}
.cover-music-awards-trivia{--cover-bg:#6b167d;--cover-accent:#ff81d4;--cover-angle:6deg;background:linear-gradient(120deg,#7d136f,#361154)}
.cover-music-awards-trivia .cover-brand{font-size:clamp(12px,3cqw,19px);max-width:43%}.cover-music-awards-trivia .cover-copy{top:30%;width:60%}
.cover-music-awards-trivia .cover-title{font-size:clamp(27px,8.5cqw,70px);color:#ffeb7b}.cover-music-awards-trivia .cover-object-primary{height:120%;width:37%;right:0;bottom:-34%}
/* Each loop holds the complete artwork, resets, then rebuilds its foreground.
   Paused at frame zero by default: without JS, the complete cover remains visible. */
.cover-art[data-cover-motion] .cover-title{animation:cover-title-loop 5.4s cubic-bezier(.2,.75,.2,1) infinite;animation-play-state:paused}
.cover-art[data-cover-motion] .cover-float{animation:cover-object-loop 5.4s cubic-bezier(.2,.75,.2,1) infinite;animation-play-state:paused}
.cover-art[data-cover-motion] .cover-object-secondary .cover-float{animation-name:cover-support-loop}
.cover-art[data-cover-motion].cover-in-view .cover-title,.cover-art[data-cover-motion].cover-in-view .cover-float{animation-play-state:running;animation-delay:var(--cover-phase,0s)}
@keyframes cover-title-loop{0%,58%,100%{opacity:1;transform:scale(1) translateY(0)}68%{opacity:0;transform:scale(.91) translateY(7px)}74%{opacity:0;transform:scale(1.12) translateY(-8px)}87%{opacity:1;transform:scale(.985) translateY(0)}94%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes cover-object-loop{0%,58%,100%{opacity:1;transform:translateY(0) scale(1)}71%{opacity:0;transform:translateY(18%) scale(.97)}76%{opacity:0;transform:translateY(32%) scale(.97)}92%{opacity:1;transform:translateY(-1.8%) scale(1.005)}}
@keyframes cover-support-loop{0%,55%,100%{opacity:1;transform:translateY(0)}67%{opacity:0;transform:translateY(12%)}73%{opacity:0;transform:translateY(22%)}89%{opacity:1;transform:translateY(-1%)}}
html.intro-active .cover-art[data-cover-motion] .cover-title,html.intro-active .cover-art[data-cover-motion] .cover-float{animation-play-state:paused!important}
html.motion-paused .cover-art[data-cover-motion] .cover-title,html.motion-paused .cover-art[data-cover-motion] .cover-float{animation:none!important;opacity:1!important;transform:none!important}
/* Adapt artwork to tile shape, not the viewport: filtering may change the grid. */
@container project-cover (min-aspect-ratio:3/2){
 .cover-brand{top:8%;max-width:43%;font-size:clamp(12px,3cqw,18px)}
 .cover-copy{top:30%}.cover-title{font-size:clamp(22px,8.3cqw,65px)}
 .cover-art-note{bottom:5%;font-size:clamp(12px,2.5cqw,14px)}
 .cover-threadlight .cover-copy,.cover-dsoi-trivia .cover-copy,.cover-tidal-rave-storycards .cover-copy{width:59%;top:27%}
 .cover-threadlight .cover-title,.cover-dsoi-trivia .cover-title,.cover-tidal-rave-storycards .cover-title{font-size:clamp(22px,7cqw,56px)}
 .cover-threadlight .cover-object-primary,.cover-dsoi-trivia .cover-object-primary{height:124%;width:33%;right:1%;bottom:-31%}
}
@container project-cover (max-aspect-ratio:13/10){
 .cover-compughana .cover-copy,.cover-pizzaman-tile-puzzle .cover-copy,.cover-momo-hustle-dash .cover-copy,.cover-gino-pepper .cover-copy,.cover-telecel-hand-tracking .cover-copy,.cover-music-awards-trivia .cover-copy{top:22%;width:88%}
 .cover-compughana .cover-title,.cover-pizzaman-tile-puzzle .cover-title,.cover-momo-hustle-dash .cover-title,.cover-gino-pepper .cover-title,.cover-telecel-hand-tracking .cover-title,.cover-music-awards-trivia .cover-title{font-size:clamp(26px,9.4cqw,70px)}
 .cover-compughana .cover-object-primary{height:67%;width:46%;bottom:-10%;right:2%}.cover-compughana .cover-object-secondary{width:61%;height:40%;right:25%;bottom:2%}
 .cover-pizzaman-tile-puzzle .cover-object-primary{height:74%;width:58%;right:2%;bottom:-17%}
 .cover-momo-hustle-dash .cover-object-primary{width:90%;height:54%;right:-4%;bottom:5%}
 .cover-gino-pepper .cover-object-primary{height:79%;width:51%;right:0;bottom:-19%}
 .cover-telecel-hand-tracking .cover-object-primary{width:98%;height:54%;right:-7%;bottom:6%}
 .cover-music-awards-trivia .cover-object-primary{height:76%;width:54%;right:1%;bottom:-17%}
}
@media(max-width:600px){
 .cover-brand{font-size:14px;line-height:1.2}.cover-art-note{font-size:12px}
 .cover-title{font-size:clamp(28px,9cqw,54px)}
 .cover-momo-hustle-dash .cover-brand,.cover-music-awards-trivia .cover-brand,.cover-dsoi-trivia .cover-brand{font-size:13px}
 .cover-art .cover-object img{border-radius:9px}
}
@media(prefers-reduced-motion:reduce){.cover-art[data-cover-motion] .cover-title,.cover-art[data-cover-motion] .cover-float{animation:none!important;opacity:1!important;transform:none!important}}

/* Indomie: supplied campaign artwork + a silent three-second original creative. */
.cover-indomie-support-my-captain{--cover-bg:#075b32;--cover-accent:#f9d73d;--cover-angle:4deg;background:radial-gradient(ellipse at 90% 20%,#178e52,#064c2b 75%)}
.cover-indomie-support-my-captain .cover-brand{color:#ffe04b;font-size:clamp(12px,3.2cqw,20px)}
.cover-indomie-support-my-captain .cover-copy{top:20%;width:61%}
.cover-indomie-support-my-captain .cover-title{font-size:clamp(25px,8.2cqw,64px);color:#fff9dc}
.cover-indomie-support-my-captain .cover-object-primary{height:72%;width:43%;right:1%;bottom:-3%;--cover-angle:4deg}
.cover-indomie-support-my-captain .cover-object-secondary{height:49%;width:32%;left:6%;right:auto;bottom:3%;--cover-angle:-6deg;opacity:1}
.cover-indomie-support-my-captain .cover-object img,.cover-indomie-support-my-captain .cover-object video{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;border-radius:10px}
.cover-indomie-support-my-captain .cover-preview{background:transparent}
.cover-motif-pitch{inset:8% 5%;border:2px solid #ffffff25;transform:rotate(-8deg) scale(1.1)}
.cover-motif-pitch:before{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:#ffffff25}
.cover-motif-pitch i:first-child{width:42%;aspect-ratio:1;border:2px solid #ffffff25;border-radius:50%;left:29%;top:30%}
.cover-motif-pitch i:nth-child(2),.cover-motif-pitch i:nth-child(3){width:48%;height:17%;border:2px solid #ffffff25;left:26%;top:0}
.cover-motif-pitch i:nth-child(3){top:auto;bottom:0}
@container project-cover (min-aspect-ratio:3/2){
 .cover-indomie-support-my-captain .cover-copy{top:27%;width:51%}
 .cover-indomie-support-my-captain .cover-title{font-size:clamp(22px,6.7cqw,55px)}
 .cover-indomie-support-my-captain .cover-object-primary{height:115%;width:32%;bottom:-18%;right:0}
 .cover-indomie-support-my-captain .cover-object-secondary{height:73%;width:22%;left:auto;right:26%;bottom:-12%}
}

/* The original twelve-tile mosaic stays in place; new campaign features continue below it. */
@media(min-width:761px){.recording-featured>.recording-mosaic:not(.is-filtered)>.mosaic-tile:nth-child(n+13){grid-column:1/-1;grid-row:auto/span 2}}

/* Campaign name first; the effect remains its supporting descriptor. */
.cover-indomie-support-my-captain .cover-subtitle{margin-top:12px;font-size:clamp(12px,2.6cqw,16px);font-weight:600;line-height:1.4;max-width:90%;color:#fff9dc}
.work-effect-subtitle{margin-top:8px;font-size:13px;line-height:1.5;font-weight:600;color:#444}

/* Supplied Yi Wo Deɛ! Promo artwork is the cover identity, never a substitute title. */
.cover-indomie-support-my-captain.campaign-title-cover{background:#149b28}
.campaign-title-cover .campaign-cover-art{position:absolute;left:0;top:0;width:65%;height:100%;object-fit:contain;object-position:center;z-index:1}
.campaign-title-cover .campaign-cover-video{position:absolute;left:auto;top:auto;right:2%;bottom:-3%;width:34%;height:98%;object-fit:contain;background:transparent;border-radius:12px;z-index:2;opacity:0;animation:campaign-preview-reveal 8s ease infinite;animation-play-state:paused}
.campaign-title-cover.cover-in-view .campaign-cover-video{animation-play-state:running}
.campaign-title-cover .campaign-cover-subtitle{position:absolute;left:4%;top:4%;bottom:auto;max-width:62%;padding:8px 12px;background:#064c2bea;color:#fff;font-size:clamp(12px,2.6cqw,16px);font-weight:600;line-height:1.4;border-radius:4px;z-index:3}
@keyframes campaign-preview-reveal{0%,25%,100%{opacity:0;transform:translateY(7%)}36%,88%{opacity:1;transform:translateY(0)}}
@container project-cover (max-aspect-ratio:13/10){
 .campaign-title-cover .campaign-cover-art{width:100%;height:56%;top:0;left:0}
 .campaign-title-cover .campaign-cover-video{height:61%;width:65%;right:-1%;bottom:-4%}
 .campaign-title-cover .campaign-cover-subtitle{left:5%;top:auto;bottom:10%;max-width:43%;font-size:12px;padding:8px}
}
html.motion-paused .campaign-title-cover .campaign-cover-video{animation:none!important;opacity:0!important}
@media(prefers-reduced-motion:reduce){.campaign-title-cover .campaign-cover-video{animation:none!important;opacity:0!important}}

/* The mosaic already supplies its own project caption; keep this artwork unobscured. */
.mosaic-tile .campaign-cover-subtitle{display:none}

/* Actual puzzle footage replaces the former static screenshot lead. */
.cover-indomie-slide-puzzle .cover-preview{position:static;inset:auto;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;border-radius:9px;background:transparent}

/* Pizza puzzle: completed-picture hook and live tiles, using the supplied recordings. */
.cover-pizzaman-tile-puzzle .cover-preview{position:static;inset:auto;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;border-radius:9px;background:transparent}
.cover-pizzaman-tile-puzzle .cover-object-secondary{height:62%;width:37%;right:32%;bottom:-6%;--cover-angle:-7deg}
/* V39: genuine Flight landing preview with the owned game bucket as foreground art. */
.cover-pizzaman-flip .cover-preview{position:static;inset:auto;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;border-radius:9px;background:transparent}
.cover-pizzaman-flip .cover-object-secondary{width:35%;height:36%;right:33%;bottom:4%;--cover-angle:-12deg;z-index:4;opacity:1}
/* V40: the actual head-tilt recording leads; the existing concept screen supports it. */
.cover-compughana .cover-preview{position:static;inset:auto;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;border-radius:9px;background:transparent}
.cover-compughana .cover-object-primary{height:112%;width:40%;right:-1%;bottom:-19%}
.cover-compughana .cover-object-secondary{height:41%;width:27%;right:31%;bottom:1%}
/* Threadlight: the supplied guardian artwork supports, rather than replaces, the recording. */
.cover-threadlight .cover-object-secondary{width:34%;height:36%;left:-3%;bottom:2%;z-index:2;transform:rotate(-10deg)}
.cover-threadlight .cover-object-secondary img{object-fit:contain;filter:drop-shadow(0 12px 14px #08032199)}
@media(max-width:640px){.cover-threadlight .cover-object-secondary{width:27%;height:49%;left:43%;bottom:-7%}}
/* Threadlight's run information is at the left edge; keep decorative app actions clear of it. */
:is(.hero-phone-screen,.category-phone-screen,.watch-device):has(.platform-media [src*="/assets/threadlight/"]) .pc-snap-actions{left:auto;right:2.5%;top:calc(var(--pc-top) + 27%)}