/* CAMPANHAS — galeria de bastidores */
.ch{padding:clamp(140px,16vw,240px) 0 clamp(50px,6vw,90px);background:var(--ink)}
.ch h1{max-width:12ch;margin:18px 0 26px}
.case-head{display:grid;gap:18px;padding-bottom:clamp(40px,6vw,90px)}
.case-head .mono,.c2-text .mono{color:var(--ember)}
.c1{background:#0a1a4a;--bg:#0a1a4a;--line:rgba(255,255,255,.18);padding-top:clamp(60px,8vw,120px);background:linear-gradient(180deg,#0f0f11 0,#0a1a4a 14%,#06113a 100%)}
.c1 .case-head h2{max-width:10ch}
.c1 .lead{color:#b9c6ee;max-width:52ch}
.scrub{height:360vh}
.scrub-pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center}
.scrub-in{display:grid;grid-template-columns:1fr .8fr;gap:clamp(24px,5vw,90px);align-items:center;width:100%}
.scrub-txt{display:grid;gap:18px}
.scrub-dots{display:flex;gap:8px;margin-top:6px}
.scrub-dots i{width:34px;height:4px;border-radius:4px;background:rgba(255,255,255,.2);transition:background .3s,width .3s}
.scrub-dots i.on{background:var(--ember);width:60px}
.scrub-frame{position:relative;width:min(100%,380px);justify-self:center}
.sf-stack{position:relative;aspect-ratio:9/16;border-radius:32px;overflow:hidden;background:#222;box-shadow:0 50px 100px -30px rgba(0,0,0,.8),0 0 0 8px #111,0 0 0 9px rgba(255,255,255,.15);max-height:78svh}
.sf-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.sf-stack img.on{opacity:1}
.sf-lbl{display:block;text-align:center;margin-top:22px;color:var(--steel-2)}
@media(max-width:860px){.scrub-in{grid-template-columns:1fr}.scrub-frame{width:min(60%,260px)}.scrub{height:300vh}.scrub-txt .lead{display:none}}
.kv{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,90px);align-items:center;padding-block:clamp(60px,9vw,140px)}
.kv-text{display:grid;gap:16px}
.kv-img img,.c2-img img{width:100%;border-radius:28px;box-shadow:0 50px 100px -30px rgba(0,0,0,.7)}
.kv-img{overflow:hidden;border-radius:28px;transition:transform .8s var(--ease)}
.kv-img:hover{transform:rotate(-1.2deg) scale(1.02)}
@media(max-width:860px){.kv{grid-template-columns:1fr}}
.desd{padding-bottom:clamp(70px,9vw,140px);display:grid;gap:30px}
.desd-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:clamp(14px,2vw,28px);align-items:end}
.desd-grid figure{display:grid;gap:12px}
.desd-grid img,.od{border-radius:22px;width:100%;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.desd-grid figcaption{color:#9db0e8}
.od{position:relative;aspect-ratio:16/10;overflow:hidden;background:#000;box-shadow:0 0 0 6px #111,0 0 0 7px rgba(255,255,255,.15),0 30px 60px -30px rgba(0,0,0,.7)}
.od video{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.desd-grid{grid-template-columns:1fr 1fr}.desd-grid .d3{grid-column:1/-1}}
@media(max-width:560px){.desd-grid{grid-template-columns:1fr}}
/* copa */
.c2{background:linear-gradient(180deg,#0a1a4a,#0b3a1d 30%,#0a2a14);padding-block:clamp(70px,9vw,140px)}
.c2-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,90px);align-items:center}
.c2-text{display:grid;gap:18px;justify-items:start}
.c2 .lead{color:#bfd3c6;max-width:50ch}
.c2-text .mono{color:#ffd23f}
.c2-stats{display:flex;gap:30px;margin-top:10px;flex-wrap:wrap}
.c2-stats b{display:block;font-size:clamp(44px,5vw,76px);line-height:.9;color:#ffd23f}
.c2-stats span{color:#9db8a6;font-size:11px}
@media(max-width:860px){.c2-top{grid-template-columns:1fr}}
.alb{padding-top:clamp(70px,9vw,140px);display:grid;gap:36px}
.alb-head{display:grid;gap:14px;max-width:760px}
.alb-head h3,.figs-head h3,.rds-head h3{color:#fff}
.alb-row{display:grid;grid-template-columns:.7fr 1.6fr .85fr;gap:clamp(14px,2vw,28px);align-items:end}
.alb-row figure{display:grid;gap:12px;transition:transform .7s var(--ease)}
.alb-row figure:hover{transform:translateY(-10px) rotate(-1deg)}
.alb-row img{width:100%;border-radius:16px;box-shadow:0 40px 80px -30px #000}
.alb-row figcaption{color:#9db8a6}
@media(max-width:860px){.alb-row{grid-template-columns:1fr 1fr}.alb-row .wide{grid-column:1/-1;order:-1}}
.mec{padding-top:clamp(60px,8vw,110px);display:grid;gap:26px}
.mec .eyebrow{color:#ffd23f}.mec .eyebrow::before{background:#ffd23f}
.mec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mec-grid article{padding:26px;border-radius:24px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);display:grid;gap:10px;align-content:start;min-height:260px}
.mec-grid b.display{font-size:56px;line-height:1;color:#ffd23f}
.mec-grid p{color:#bfd3c6;font-size:15px}
.mec-grid .prize{background:#ffd23f;color:#0a2a14}
.mec-grid .prize b.display{color:#0a2a14}.mec-grid .prize p{color:#1c3b24}.mec-grid .prize p b{font-weight:700}
@media(max-width:1000px){.mec-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mec-grid{grid-template-columns:1fr}}
.figs{padding-top:clamp(60px,8vw,110px);display:grid;gap:36px}
.figs-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,70px);align-items:end}
@media(max-width:860px){.figs-head{grid-template-columns:1fr}}
.figs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.figs-grid figure{position:relative;transition:transform .5s var(--ease)}
.figs-grid figure:hover{transform:translateY(-10px) rotate(-3deg) scale(1.06);z-index:2}
.figs-grid img{width:100%;border-radius:12px;box-shadow:0 20px 40px -18px #000}
.figs-grid .gold{grid-column:span 2;grid-row:span 2}
.figs-grid .gold figcaption{position:absolute;left:12px;bottom:12px;padding:5px 10px;border-radius:99px;background:rgba(0,0,0,.65);font-size:10px;color:#ffd23f}
.rds{padding-top:clamp(60px,8vw,110px);display:grid;gap:30px}
.rds-head{display:grid;gap:12px;max-width:640px}
.rds-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.rds-row a{display:block;border-radius:14px;overflow:hidden;transition:transform .5s var(--ease)}
.rds-row a:hover{transform:translateY(-8px)}
.rds-row img{width:100%;height:100%;object-fit:cover}
@media(max-width:1000px){.rds-row{grid-template-columns:repeat(3,1fr)}}
.c2 .tlink{color:#ffd23f}
/* galeria */
.gal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.gal-head h2{max-width:14ch;margin-top:12px}
.mas{columns:4 220px;column-gap:14px}
.mas a{display:block;break-inside:avoid;margin-bottom:14px;border-radius:18px;overflow:hidden;position:relative;transition:transform .5s var(--ease),opacity .4s}
.mas a img{width:100%;transition:transform .8s var(--ease)}
.mas a:hover img{transform:scale(1.06)}
.mas a.hide{display:none}
.mas a em{position:absolute;left:10px;bottom:10px;padding:5px 10px;border-radius:99px;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-family:var(--f-mono);opacity:0;transition:opacity .3s;color:#fff}
.mas a:hover em{opacity:1}
.lightbox{position:fixed;inset:0;z-index:120;display:none;place-items:center;background:rgba(5,5,6,.92);backdrop-filter:blur(10px)}
.lightbox.on{display:grid}.lightbox img{max-height:88vh;max-width:92vw;border-radius:18px}
.lightbox button{position:absolute;top:24px;right:24px;padding:12px 18px;border-radius:99px;background:var(--ember);color:#0f0f11;font-weight:600}
.cta-c{text-align:center}.cta-c h2{max-width:16ch;margin:0 auto 30px}