/* ZAI V8 — commercials */
.commercial-main{padding-bottom:80px}.commercial-lead h1{max-width:980px}.commercial-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:0;min-height:480px;border:1px solid var(--line);margin:12px 0 85px;background:#111013}.commercial-feature-image{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f582161a 0%,transparent 58%),url('assets/commercials-feature.webp') center/cover}.feature-monogram{font-size:clamp(90px,12vw,180px);font-weight:800;letter-spacing:-.11em;color:#f58216;opacity:.35;transform:skewX(-6deg)}.feature-image-caption{position:absolute;left:30px;bottom:25px;letter-spacing:.17em;color:#ece8df;font-size:10px;font-weight:800}.commercial-feature-info{padding:clamp(28px,4.5vw,72px);display:flex;flex-direction:column;justify-content:center;align-items:start;gap:18px}.commercial-feature-info h2{font-size:clamp(55px,7vw,104px);font-weight:800;line-height:1.04;letter-spacing:-.06em;margin:0}.commercial-feature-info p{line-height:1.75;color:#bcb8b1;margin:0;font-size:13px;max-width:500px}.commercial-feature-info .feature-subtitle{color:#f1f0eb;font-size:20px;font-weight:700;line-height:1.35}.feature-meta{display:flex;gap:9px;flex-wrap:wrap}.feature-meta span{border:1px solid #f5821655;background:#f582160c;padding:8px 12px;color:#f1b47d;letter-spacing:.1em;font-size:10px;font-weight:800}.commercial-feature-info .button{margin-top:10px}.work-list{margin-bottom:82px}.commercial-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.commercial-tile{display:block;border:1px solid var(--line);background:#121214;transition:transform .2s,border-color .2s}.commercial-tile:hover{transform:translateY(-3px);border-color:#f5821677}.tile-image{aspect-ratio:16/9;position:relative;background:radial-gradient(circle at 50% 55%,#f5821635,transparent 40%),linear-gradient(145deg,#251913,#090909);display:grid;place-items:center;overflow:hidden}.tile-name{font-size:clamp(47px,6vw,96px);font-weight:800;letter-spacing:.07em;color:#fff3;transform:rotate(-4deg)}.tile-label{position:absolute;top:22px;left:22px;letter-spacing:.1em;color:#f58216;font-size:10px;font-weight:800;background:#08090add;border:1px solid #f5821670;padding:11px 14px}.tile-info{display:flex;align-items:start;justify-content:space-between;padding:19px 21px}.tile-info strong{font-size:19px}.tile-info p{font-size:12px;color:#aaa;margin:9px 0 0}.tile-info>span{color:#f58216;font-size:22px}.next-project-tile{min-height:350px;border:1px dashed #ffffff25;background:#0f1012;display:flex;flex-direction:column;justify-content:center;padding:40px;align-items:flex-start;gap:13px}.next-symbol{color:#f58216;font-size:32px}.next-project-tile strong{font-size:27px}.next-project-tile p{color:#aaa;font-size:13px;line-height:1.8;max-width:320px;margin:0}.commercial-cta{border-top:1px solid #ffffff22;padding-top:70px}.commercial-cta h2{font-size:clamp(35px,5vw,68px);margin:10px 0 18px;letter-spacing:-.05em}.commercial-cta h2 em{color:#f58216}.commercial-cta p:not(.eyebrow){color:#bbb;max-width:540px;line-height:1.8;font-size:14px}.commercial-cta .button{display:inline-flex;margin-top:18px}
/* commercial detail */
.commercial-detail{padding-top:84px}.commercial-project-hero{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;background:radial-gradient(circle at 75% 40%,#b9632533,transparent 38%),linear-gradient(100deg,#070809,#17100c)}.project-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#070809f7 0%,#070809b0 55%,transparent)}.commercial-project-copy{position:relative;z-index:1;padding:80px clamp(22px,6vw,110px);display:flex;flex-direction:column;align-items:start;gap:17px}.commercial-project-copy .detail-back{color:#cfc9c4;margin-bottom:28px}.commercial-project-copy h1{font-size:clamp(65px,10vw,160px);font-weight:800;letter-spacing:-.07em;line-height:1;margin:0}.commercial-project-copy>p:not(.eyebrow){font-size:18px;color:#d9d4cc;line-height:1.7;max-width:440px}.commercial-project-copy .button{margin-top:16px}.project-wordmark{position:absolute;right:4%;font-size:clamp(120px,18vw,300px);font-weight:800;letter-spacing:-.1em;color:#f582160d;user-select:none}.project-section{padding:80px clamp(22px,6vw,110px)}.project-section h2{font-size:clamp(36px,4vw,62px);line-height:1.15;letter-spacing:-.045em;margin:12px 0 24px}.project-section h2 em{color:#f58216}.muted-description{color:#aaa;font-size:14px;line-height:1.7;max-width:720px}.commercial-player{aspect-ratio:16/9;position:relative;width:100%;margin-top:27px;border:1px solid #ffffff30;background:#090909;overflow:hidden}.commercial-player-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:radial-gradient(circle at 50% 48%,#f582162b,transparent 35%),linear-gradient(145deg,#19100d,#08090a);color:#ede8df}.commercial-player-fallback strong{font-size:clamp(16px,2.2vw,26px);letter-spacing:.11em}.commercial-player-fallback p{font-size:13px;color:#aba49e;text-align:center;padding:0 20px}.screenplay-icon{display:grid;place-items:center;width:72px;height:72px;background:#f58216;color:#000;border-radius:50%;font-size:24px;padding-left:5px}.commercial-video-mount{position:absolute;inset:0}.commercial-video-mount iframe,.commercial-video-mount video{width:100%;height:100%;display:block;border:none;object-fit:contain}.commercial-player-note{color:#aaa;font-size:12px;padding:15px 0;min-height:46px}.commercial-test-panel{border:1px solid #ffffff2b;background:#111214;margin-top:16px}.commercial-test-panel summary{padding:19px;cursor:pointer;color:#f58216;font-size:11px;font-weight:800;letter-spacing:.14em}.commercial-test-body{border-top:1px solid #ffffff22;padding:22px;display:flex;flex-direction:column;align-items:start;gap:14px}.commercial-test-body p{margin:0;color:#b8b3ae;font-size:13px;line-height:1.7}.commercial-test-body .local-video-button{display:inline-flex}.commercial-link-row{display:flex;align-items:stretch;gap:9px;width:min(700px,100%)}.commercial-link-row input{min-width:0;flex:1;background:#090a0b;color:white;border:1px solid #ffffff44;padding:13px}.commercial-link-row .button{border:0}.commercial-feedback{color:#f1ae7a!important}.text-button{border:0;background:none;color:#f58216;text-decoration:underline;font-weight:700;font-size:12px;padding:0}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#101114}.project-details>div>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#aaa;max-width:600px}.project-facts{display:grid;gap:0;align-content:center}.project-facts>div{padding:18px 0;display:grid;grid-template-columns:115px 1fr;gap:15px;border-bottom:1px solid #ffffff25}.project-facts b{font-size:10px;letter-spacing:.11em;color:#f58216}.project-facts span{font-size:13px;color:#eae7e1}.project-footer-cta{padding:35px clamp(22px,6vw,110px);display:flex;justify-content:space-between;gap:20px;color:#f58216;font-size:13px;font-weight:700}
@media(max-width:900px){.commercial-feature{grid-template-columns:1fr}.commercial-feature-image{min-height:280px}.commercial-feature-info{padding:38px}.project-details{grid-template-columns:1fr;gap:30px}.project-wordmark{display:none}}
@media(max-width:600px){.commercial-tile-grid{grid-template-columns:1fr}.commercial-feature{margin-bottom:60px}.next-project-tile{min-height:240px}.commercial-project-hero{min-height:540px}.commercial-link-row{flex-direction:column}.project-section{padding-top:60px;padding-bottom:60px}.project-footer-cta{flex-wrap:wrap}}
/* Respect player hidden state regardless of other display rules */
[hidden]{display:none!important}

/* V11: real Cloudflare thumbnails for both public commercial releases */
.tile-preview-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.9;transition:transform .45s,opacity .3s}
.commercial-tile:hover .tile-preview-image{transform:scale(1.045);opacity:1}
.tile-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.34),transparent 60%);pointer-events:none}
.tile-label{z-index:2}
.commercial-feature-image .feature-image-caption{z-index:1}
@media(prefers-reduced-motion:reduce){.tile-preview-image{transition:none}.commercial-tile:hover .tile-preview-image{transform:none}}