/* ZIAD Creative Studio V24 — unified motion and mobile polish */
:root{--v24-metal:#d7d7d9}
html,body{max-width:100%;overflow-x:clip}
img,video{max-width:100%}
.v22-reel-cover{display:block!important;width:100%;height:auto;position:relative;isolation:isolate;aspect-ratio:9/14;overflow:hidden;border:1px solid var(--border);border-radius:12px}
.v22-reel-cover>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v22-reel-cover .v22-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;display:grid;place-items:center;width:58px;height:58px;border:1px solid #fff9;border-radius:50%;background:#09090988;color:#fff;font-size:20px;pointer-events:none;backdrop-filter:blur(8px)}
.v22-reel-card:hover .v22-reel-cover .v22-play{transform:translate(-50%,-50%) scale(1.08)}
.v22-reel-chip{right:10px;top:10px;z-index:5}
.v22-reel-time{z-index:5}
.v22-reel-info{direction:ltr;align-items:center;gap:8px}
.v22-reel-info>div{min-width:0}
.v22-reel-info h3{overflow-wrap:anywhere}
.v22-reels-grid{align-items:start}
.v22-mobile-cta{display:none!important}
.mobile-dock{z-index:90}
.v23-featured-grid{align-items:start}
.v23-featured-cover img{display:block}
.v24-price-disclosure{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 16px;padding:11px 15px;border:1px solid var(--border);border-radius:9px}
.builder-unit .v24-reference{display:block;font:600 12px 'DM Sans',sans-serif;text-decoration:line-through;text-decoration-thickness:1.5px;color:var(--muted);opacity:.85;margin-bottom:2px}
.builder-unit strong{font-size:clamp(21px,2.6vw,28px)}
.pkg-old{text-decoration:line-through!important;opacity:.72}
.v24-tier-note{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:18px 20px;margin:18px 0 25px;background:var(--panel);border:1px solid var(--border);border-radius:12px}
.v24-tier-note>span{font-weight:800;color:var(--fg);margin-inline-end:12px}
.v24-tier-note>strong{font-size:12px;font-weight:650;color:var(--fg)}
.v24-tier-note>small{width:100%;color:var(--muted);font-size:11px}
/* Entry reveal only on first home visit per tab session */
.v24-intro[hidden]{display:none!important}
.v24-intro{position:fixed;inset:0;z-index:9999;background:#050506;color:#f6f5f2;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
.v24-intro-glow{position:absolute;left:50%;top:50%;width:min(80vw,740px);height:min(80vw,740px);transform:translate(-50%,-50%);background:radial-gradient(ellipse,#a2a5ad1b 0%,transparent 63%);opacity:0;animation:v24Glow 2.5s ease forwards}
.v24-intro-inner{position:relative;display:flex;align-items:center;flex-direction:column;width:min(82vw,550px);gap:9px}
.v24-z-symbol{width:min(66vw,320px);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:v24SymbolFade 2.5s both}
.v24-z-symbol path{stroke-dasharray:570;stroke-dashoffset:570;animation:v24Draw 1.15s cubic-bezier(.3,.75,.15,1) .15s forwards}
.v24-intro-lockup{display:flex;align-items:center;flex-direction:column;gap:0;opacity:0;transform:translateY(14px);animation:v24Lockup .7s ease 1.25s forwards}
.v24-intro-lockup img{display:block;width:min(72vw,360px);height:auto;max-height:145px;object-fit:contain}
.v24-intro-lockup span{font:600 11px 'DM Sans',sans-serif;letter-spacing:.43em;margin-top:-7px;margin-left:9px}
.v24-intro-rule{height:1px;background:linear-gradient(90deg,transparent,#e7e7e7,transparent);width:0;animation:v24Rule .6s ease 1.55s forwards}
.v24-intro-label{font:650 10px 'DM Sans',sans-serif;letter-spacing:.25em;color:#a8a8ad;opacity:0;animation:v24Lockup .5s ease 1.7s forwards}
.v24-intro-skip{position:absolute;right:clamp(15px,4vw,60px);bottom:clamp(25px,5vh,55px);border:1px solid #ffffff52;border-radius:100px;background:#ffffff0c;color:#f4f4f4;font:650 11px 'DM Sans',sans-serif;letter-spacing:.11em;padding:12px 17px;cursor:pointer;z-index:5}
.v24-intro.is-leaving{animation:v24Curtain .55s cubic-bezier(.65,.03,.35,1) forwards;pointer-events:none}
@keyframes v24Draw{to{stroke-dashoffset:0}}
@keyframes v24SymbolFade{0%,49%{opacity:1}68%,100%{opacity:0}}
@keyframes v24Lockup{to{opacity:1;transform:translateY(0)}}
@keyframes v24Glow{20%{opacity:1}85%{opacity:.7}100%{opacity:0}}
@keyframes v24Rule{to{width:min(70vw,290px)}}
@keyframes v24Curtain{to{opacity:0;transform:translateY(-3%)}}
@media(max-width:820px){.v22-reels-head{max-width:100%}.v22-reels-grid{width:100%}.v22-reel-card{min-width:0}}
@media(max-width:600px){
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
 .shell{width:calc(100% - 32px)!important;max-width:100%}
 .v22-reels{padding:62px 0 75px}
 .v22-reels-head{display:flex;flex-direction:column;align-items:stretch;gap:18px}
 .v22-reels h2{font-size:clamp(32px,8.5vw,48px);overflow-wrap:break-word}
 .v22-reels-intro{max-width:100%;line-height:1.9}
 .v22-reels-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px 11px!important}
 .v22-reel-card:first-child{grid-column:1/-1;max-width:380px;width:100%;margin-inline:auto}
 .v22-reel-card:first-child .v22-reel-cover{aspect-ratio:9/12!important}
 .v22-reel-cover{aspect-ratio:9/14!important}
 .v22-reel-info h3{font-size:clamp(17px,4vw,22px)}
 .v22-reel-chip{font-size:8px;max-width:75%;white-space:normal}
 .v22-reel-info small{font-size:9px}
 .v22-reel-case{width:34px;height:34px;font-size:17px}
 .v22-reels-link{align-self:flex-start}
 .v23-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .v23-featured-card:nth-child(1){grid-column:1/-1!important;grid-row:auto!important}
 .v23-featured-card:nth-child(1) .v23-featured-cover{aspect-ratio:4/3!important}
 .v23-featured-cover{aspect-ratio:4/5}
 .v23-featured-caption strong{font-size:clamp(15px,4vw,21px)}
 .v23-films-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px 12px}
 .v23-film-card .v23-film-open{aspect-ratio:9/14!important}
 .v23-film-info{flex-direction:column;align-items:stretch;gap:8px}
 .v23-card-story{align-self:flex-start}
 .v23-film-info h2{font-size:clamp(16px,4.3vw,21px)}
 .v24-tier-note{gap:10px;padding:14px}
 .v24-tier-note>span{width:100%}
 .mobile-dock{bottom:env(safe-area-inset-bottom,0px)}
 .v17-backtop{bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:360px){.v22-reels-grid{grid-template-columns:1fr!important}.v22-reel-card:first-child{grid-column:auto}.v22-reel-card{max-width:300px;margin-inline:auto;width:100%}.v22-reel-cover,.v22-reel-card:first-child .v22-reel-cover{aspect-ratio:9/12!important}}
@media(prefers-reduced-motion:reduce){.v24-intro{display:none!important}.v24-intro *{animation:none!important}.v22-reel-cover img{transition:none!important}}

.v24-intro-eligible .v24-intro[hidden]{display:flex!important}
.v24-intro-eligible .v24-intro.is-leaving[hidden]{display:flex!important}