.commercial-bg{position:absolute;inset:0;overflow:hidden;opacity:.18;filter:blur(18px) saturate(.75);display:flex;align-items:center;justify-content:center;gap:8vw;transform:scale(1.1)}.commercial-bg video{height:105%;max-width:60%;object-fit:cover;opacity:.48}.commercial-bg video+video{height:90%;opacity:.28}.commercial-intro{text-align:center;padding:82px 5vw 55px}.commercial-intro span{font-size:9px;letter-spacing:.2em;color:#b18450}.commercial-intro h2{font-size:clamp(28px,3.2vw,46px);margin:15px 0 0}.commercial-work{width:min(1180px,92vw);margin:0 auto 125px}.commercial-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:#89837b;margin-bottom:12px}.commercial-visual{position:relative;display:block;padding:0;border:0;background:#0b0a09;overflow:hidden;cursor:pointer}.commercial-visual.landscape{width:100%;aspect-ratio:3/2}.commercial-visual img,.commercial-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.commercial-visual video{opacity:0;transition:.5s}.commercial-visual.preview video{opacity:1}.commercial-visual.preview img{opacity:0}.commercial-visual>span{position:absolute;right:16px;bottom:15px;color:#fff;background:#0008;backdrop-filter:blur(10px);padding:10px 12px;font-size:9px;letter-spacing:.14em}.portrait-layout{display:grid;grid-template-columns:1fr .58fr;align-items:center;gap:9vw;max-width:1050px}.portrait-copy>span{font-size:8px;letter-spacing:.16em;color:#b18450}.portrait-copy h3{font-size:clamp(28px,3vw,44px);line-height:1.03;margin:16px 0}.portrait-copy p{color:#837d75;line-height:1.65;font-size:12px;max-width:420px}.commercial-visual.portrait{width:100%;aspect-ratio:9/16}.word{display:inline-block;opacity:0;filter:blur(7px);transform:translateY(8px);animation:wordIn .65s ease forwards}.word-space{display:inline-block;width:.28em}@keyframes wordIn{to{opacity:1;filter:blur(0);transform:none}}@media(max-width:700px){.commercial-intro{padding-top:65px}.commercial-work{margin-bottom:90px}.portrait-layout{grid-template-columns:1fr;gap:34px}.portrait-copy{text-align:center}.portrait-copy p{margin-left:auto;margin-right:auto}.commercial-visual.portrait{width:min(330px,88vw);margin:auto}}
.commercial-vertical{width:min(460px,92vw)!important}.commercial-vertical #player{aspect-ratio:9/16;max-height:82vh;object-fit:contain}.commercial-vertical .controls{background:#050505;padding:0 8px}
.hero h1{opacity:1;animation:none}.hero h1 .word{animation-name:wordIn}
/* V8.1 — projetos menores, posters neutros e composição editorial */
.commercial-grid{width:min(1080px,90vw);margin:0 auto 100px;display:grid;grid-template-columns:1.35fr .62fr;gap:56px 42px;align-items:start}.commercial-work{width:auto;margin:0}.commercial-work:nth-child(3){grid-column:2}.commercial-visual.landscape{aspect-ratio:3/2;max-height:560px}.commercial-visual.portrait{aspect-ratio:9/16;width:min(100%,360px);margin-left:auto}.commercial-visual img{filter:saturate(.88) contrast(.98);transition:filter .45s,transform .8s}.commercial-visual:hover img{filter:saturate(.94) contrast(1);transform:scale(1.008)}
@media(max-width:760px){.commercial-grid{grid-template-columns:1fr;gap:62px;width:min(90vw,560px)}.commercial-work:nth-child(3){grid-column:auto}.commercial-visual.portrait{width:min(78vw,340px);margin:auto}.commercial-meta{max-width:100%}}

/* V8.3 — somente dois comerciais, ambos apresentados horizontalmente */
.commercial-grid.commercial-grid-two{display:flex;flex-direction:column;width:min(1040px,90vw);gap:88px;margin:0 auto 110px}.commercial-grid-two .commercial-work{width:100%;max-width:920px;margin:0 auto}.commercial-grid-two .commercial-visual{width:100%;margin:0 auto}.commercial-grid-two .commercial-first{aspect-ratio:3/2}.commercial-grid-two .commercial-wide{aspect-ratio:16/9}.commercial-grid-two .commercial-visual img,.commercial-grid-two .commercial-visual video{object-fit:cover}@media(max-width:760px){.commercial-grid.commercial-grid-two{gap:64px}.commercial-grid-two .commercial-work{max-width:100%}}