/* ============================================================ AGÊNCIA VOLS — LANDING PAGE — folha de estilo Sem dependências externas. As texturas de papel e as bordas rasgadas vêm de filtros SVG e a cena 3D de um renderizador próprio sobre canvas 2D — ambos moram no index.html. ============================================================ */

:root{
  --ink:#000000;
  --ink-soft:#2A2926;
  --graphite:#58585A;
  --graphite-2:#8A8A8C;
  --paper:#FFFFFF;
  --paper-hi:#F4F2EC;
  --paper-dim:#DAD7CE;
  --mostarda:#fcb833;
  --mostarda-d:#e2a121;
  --sp1:#ed3e75;
  --sp2:#fcb833;
  --sp3:#bdd646;
  --sp4:#00afbc;
  --sp5:#008ccf;
  --sp6:#b33e96;
  --f-display:Impact, Haettenschweiler, 'Arial Narrow Bold', 'Arial Black', sans-serif;--f-cond:'Arial Narrow','Roboto Condensed','Liberation Sans Narrow',Arial,sans-serif;
  --f-body:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  --f-mono:Consolas,'SFMono-Regular',ui-monospace,'Courier New',monospace;
  --gut:clamp(20px,5vw,72px);
  --maxw:1320px;
  --ease:cubic-bezier(.16,.84,.32,1);}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6;overflow-x:hidden;}
img,svg{max-width:100%}
img{max-height:100%}
a{color:inherit}
::selection{background:var(--mostarda);color:var(--ink)}

/* ---------- textura de papel amassado, aplicada ao body ---------- */
.paper-tex{position:fixed;inset:0;z-index:0;pointer-events:none;filter:url(#fCrumple);opacity:.2;mix-blend-mode:multiply;}
.grain{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.2;mix-blend-mode:multiply;filter:url(#fGrain);}
.defs{position:absolute;width:0;height:0;overflow:hidden}

/* ---------- tipografia base ---------- */
.display{font-family:var(--f-display);font-weight:400;line-height:.96;letter-spacing:0;word-spacing:.05em;text-transform:uppercase;}
.kicker{font-family:var(--f-mono);font-size:clamp(10px,1.1vw,12px);letter-spacing:.42em;text-transform:uppercase;color:var(--graphite);}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--graphite)}

/* tarja mostarda — o destaque de assinatura da marca */
.tarja{position:relative;display:inline-block;z-index:0;padding:0 .1em}
.tarja::before{content:"";position:absolute;left:-.04em;right:-.04em;top:.17em;bottom:.06em;background:var(--mostarda);z-index:-1;transform:skewX(-2deg);}
.risco{position:relative}
.risco::after{content:"";position:absolute;left:-.02em;right:-.02em;top:.52em;height:.09em;background:currentColor;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);position:relative;z-index:1}

/* ============================ NAV ============================ */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding:14px var(--gut);background:rgba(233,231,225,0);backdrop-filter:blur(0px);transition:background .35s var(--ease),backdrop-filter .35s var(--ease),border-color .35s;border-bottom:1px solid transparent;}
.nav.stuck{background:rgba(233,231,225,.88);backdrop-filter:blur(10px);border-bottom-color:rgba(28,27,25,.14)}
.nav__mark{height:80px;flex:none;display:block;fill:var(--ink);filter: invert(100%);}
.nav__mark img {position: relative; z-index: 2; max-width: 130px;}
nav.stuck .nav__mark {display: none;}
.nav__mark2 {display: none;}
nav.stuck .nav__mark2 {display:inherit !important;height: auto; filter: none;}
nav.stuck .nav__mark img {max-height: 50px !important;}
.nav__links{display:flex;gap:clamp(10px,1.6vw,24px);margin-left:auto;align-items:center}
.nav__links a{font-family:var(--f-cond);font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:13px;text-decoration:none;color:var(--ink);padding:6px 2px;position:relative;}
.nav__links a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:3px;background:var(--mostarda);transition:right .3s var(--ease);}
.nav__links a:hover::after{right:0}
.nav__links a.nav__cta{font-family:var(--f-cond);font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:13px;text-decoration:none;background:var(--ink);color:var(--paper);padding:11px 18px;white-space:nowrap;transition:.2s var(--ease);}
.nav__links a.nav__cta:hover{background:var(--mostarda);color:var(--ink);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}
@media(max-width:860px){.nav__links a:not(.nav__cta){display:none}}

/* ============================ HERO ============================ */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:120px 0 90px;overflow:hidden;background:url("images/bg-vols.jpg") top fixed;}
#scene{position:absolute;inset:0;width:100%;height:100%;z-index:0;touch-action:none;cursor:grab;}
#scene.dragging{cursor:grabbing}
#scene:focus-visible{outline:3px solid var(--mostarda);outline-offset:-3px}
.hero__inner{position:relative;z-index:2;width:100%}
.hero__inner a,.hero__inner button{pointer-events:auto}

.hero__kicker{display:flex;align-items:center;gap:14px;margin-bottom:clamp(18px,3vw,34px)}
.hero__kicker .dash{height:2px;width:clamp(30px,6vw,86px);background:var(--ink)}

.hero h1{margin:0;font-family:var(--f-display);text-transform:uppercase;font-size:clamp(50px,10.6vw,158px);line-height:.94;letter-spacing:-.004em;word-spacing:.05em;max-width:15ch;font-weight: 400;}
.hero h1 .w{display:inline-block;position:relative;cursor:default;transition:transform .3s var(--ease),color .3s var(--ease);}
.hero h1 .w::before{content:"";position:absolute;left:-.03em;right:-.03em;top:.15em;bottom:.05em;background:var(--mostarda);z-index:-1;transform:skewX(-2.5deg) scaleX(0);transform-origin:left center;transition:transform .34s var(--ease);}
.hero h1 .w:hover::before,.hero h1 .w.on::before{transform:skewX(-2.5deg) scaleX(1)}
.hero h1 .w:hover{transform:translateY(-3px) rotate(-.6deg)}
.hero h1 .dot{color:var(--mostarda)}

.hero__sub{margin:clamp(22px,3vw,34px) 0 0;max-width:46ch;font-size:clamp(16px,1.45vw,20px);line-height:1.55;color:var(--ink-soft);font-weight:500;}
.hero__sub b{background:var(--ink);color:var(--paper);padding:0 .28em;font-weight:600}

.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3.4vw,40px)}
.btn{font-family:var(--f-cond);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:15px;text-decoration:none;padding:16px 26px;display:inline-block;transition:.22s var(--ease);border:2px solid var(--ink);}
.btn--solid{background:var(--ink);color:var(--paper)}
.btn--solid:hover{background:var(--mostarda);color:var(--ink);transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink)}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--paper);transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--mostarda)}

.hero__hint{position:absolute;right:var(--gut);bottom:clamp(40px,6vw,72px);z-index:3;display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--graphite);opacity:.85;transition:opacity .5s;}
.hero__hint.gone{opacity:0}
@media(max-width:900px){.hero__hint{left:var(--gut);right:auto;bottom:26px}}
.hero__hint .ring{width:16px;height:16px;border:2px solid var(--mostarda);border-right-color:transparent;border-radius:50%;animation:spin 1.6s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}

.spectrum{display:flex;height:10px;width:100%}
.spectrum i{flex:1}
.hero .spectrum{position:absolute;left:0;right:0;bottom:0;z-index:3;height:clamp(10px,1.2vw,16px)}

/* ============================ MARQUEE ============================ */
.marquee{background:var(--ink);color:var(--paper);overflow:hidden;padding:clamp(12px,0.2vw,18px) 0;position:relative;z-index:2;border-top:3px solid var(--mostarda);}
.marquee__track{display:flex;width:max-content;animation:slide 34s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee span{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(21px,3vw,42px);letter-spacing:.012em;word-spacing:.08em;padding:0 .5em;white-space:nowrap;}
.marquee span:nth-child(even){color:var(--mostarda)}
@keyframes slide{to{transform:translateX(-50%)}}

/* ============================ SEÇÕES ============================ */
section{position:relative;z-index:1}
.sec{padding:clamp(72px,10vw,150px) 0;background:url("images/bg-vols.jpg") top fixed;}
.sec__head{display:flex;align-items:baseline;gap:16px;margin-bottom:clamp(30px,4vw,56px);flex-wrap:wrap}
.sec__head .num{font-family:var(--f-mono);font-size:12px;letter-spacing:.3em;color:var(--mostarda-d);border:1.5px solid var(--mostarda);padding:5px 10px;}
.sec__head h2{margin:0;font-family:var(--f-display);text-transform:uppercase;font-size:clamp(29px,4.4vw,62px);line-height:.98;letter-spacing:0;word-spacing:.05em;font-weight: 400;}

/* --- manifesto --- */
.manifesto{background:var(--ink);color:var(--paper)}
.manifesto .sec__head h2{color:var(--paper)}
.manifesto__big{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(33px,6vw,98px);line-height:.97;letter-spacing:-.002em;word-spacing:.05em;margin:0 0 clamp(28px,4vw,52px);max-width:19ch;}
.manifesto__big .m{color:var(--mostarda)}
.manifesto__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,3.4vw,52px)}
.manifesto__cols p{margin:0;color:#B9B6B0;font-size:clamp(15px,1.3vw,17.5px);line-height:1.7}
.manifesto__cols p strong{color:var(--paper);font-weight:600}
.manifesto .torn-top{position:absolute;top:-25px;left:0;right:0;height:60px;width:100%;background:url("images/bg-vols.jpg") top fixed;;filter:url(#fTorn)}
.manifesto .torn-bot{position:absolute;bottom:-25px;left:0;right:0;height:60px;width:100%;background:url("images/bg-vols.jpg") top fixed;;filter:url(#fTorn2)}

/* --- serviços --- */
.svc{display:grid;gap:2px;background:rgba(28,27,25,.16);border:2px solid var(--ink)}
.svc__row{background:var(--paper);display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:clamp(14px,2.4vw,34px);padding:clamp(20px,2.6vw,34px) clamp(16px,2.4vw,32px);cursor:pointer;position:relative;overflow:hidden;transition:background .3s var(--ease),color .3s var(--ease);}
.svc__row::before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .4s var(--ease);z-index:0;}
.svc__row:hover::before,.svc__row:focus-visible::before{transform:translateY(0)}
.svc__row>*{position:relative;z-index:1}
.svc__row:hover,.svc__row:focus-visible{color:var(--paper);outline:none}
.svc__n{font-family:var(--f-mono);font-size:13px;letter-spacing:.22em;color:var(--mostarda-d)}
.svc__row:hover .svc__n{color:var(--mostarda)}
.svc__b{display:flex;flex-direction:column;gap:6px}
.svc__t{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(25px,3.8vw,55px);line-height:.98;letter-spacing:0;word-spacing:.05em;}
.svc__d{font-size:clamp(14px,1.15vw,16px);color:var(--graphite);max-width:56ch;transition:color .3s}
.svc__row:hover .svc__d{color:#B9B6B0}
.svc__ar{font-family:var(--f-display);font-size:clamp(24px,3vw,44px);transition:transform .35s var(--ease);color:var(--mostarda-d)}
.svc__row:hover .svc__ar{transform:translateX(10px);color:var(--mostarda)}
@media(max-width:640px){.svc__row{grid-template-columns:1fr;gap:8px}.svc__ar{display:none}}

/* --- números --- */
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2px;background:var(--ink)}
.nums__c{background:var(--mostarda);padding:clamp(26px,3.4vw,44px);color:var(--ink)}
.nums__c:nth-child(2){background:var(--paper-dim)}
.nums__c:nth-child(3){background:var(--ink);color:var(--paper)}
.nums__v{font-family:var(--f-display);font-size:clamp(56px,9vw,124px);line-height:.84;letter-spacing:-.02em}
.nums__l{font-family:var(--f-cond);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:13px;margin-top:12px}
.nums__s{font-size:14.5px;line-height:1.5;margin-top:10px;opacity:.72}

/* --- processo --- */
.proc{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(16px,2.2vw,28px)}
.proc__c{border-top:4px solid var(--ink);padding-top:20px;position:relative;transition:.3s var(--ease);}
.proc__c:hover{border-top-color:var(--mostarda);transform:translateY(-6px)}
.proc__n{font-family:var(--f-display);font-size:clamp(40px,5vw,72px);line-height:.85;color:var(--paper-dim); -webkit-text-stroke:2px var(--ink);transition:.3s var(--ease)}
.proc__c:hover .proc__n{color:var(--mostarda)}
.proc__t{font-family:var(--f-cond);font-weight:700;text-transform:uppercase;letter-spacing:.14em; font-size:15px;margin:10px 0 8px}
.proc__d{font-size:15px;color:var(--graphite);line-height:1.6;margin:0}

/* --- dores: a porta de entrada do cliente --- */
/* 4 cards: só 1, 2 ou 4 colunas. Em 3, sobra meia fileira e o fundo do container vira buraco cinza */
.dores{display:grid;grid-template-columns:1fr;gap:2px;background:rgba(28,27,25,.18);border:2px solid var(--ink)}
@media(min-width:560px){.dores{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1240px){.dores{grid-template-columns:repeat(4,1fr)}}
.dor{background:var(--paper);padding:clamp(22px,2.8vw,34px);display:flex;flex-direction:column;gap:12px;transition:.3s var(--ease)}
.dor:hover{background:var(--paper-hi)}
.dor__q{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(19px,2.1vw,27px);line-height:1.06;letter-spacing:0;word-spacing:.04em;position:relative;padding-left:26px}
.dor__q::before{content:"";position:absolute;left:0;top:.16em;width:12px;height:12px;background:var(--mostarda)}
.dor__a{margin:0;font-size:15px;line-height:1.6;color:var(--graphite)}
.dor__a b{color:var(--ink);font-weight:600}

/* --- entregáveis dentro de cada serviço --- */
.svc__e{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mostarda-d);margin-top:4px}
.svc__row:hover .svc__e{color:var(--mostarda)}

/* --- perguntas diretas --- */
.faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(18px,2.4vw,34px)}
.faq__i{border-top:2px solid var(--ink);padding-top:18px}
.faq__q{font-family:var(--f-cond);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:16px;margin:0 0 8px;color: var(--mostarda-d);}
.faq__a{margin:0;font-size:15px;line-height:1.65;color:var(--graphite)}
.faq__a b{color:var(--ink);font-weight:600}

/* --- vitrine: os extras, com vida propria --- */
.vitrine{background:var(--ink);color:var(--paper);padding:clamp(56px,7vw,104px) 0;position:relative;overflow:hidden}
#scene2{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.85}
.vitrine .wrap{position:relative;z-index:1}
.vitrine__glow{position:absolute;left:-10%;right:-10%;top:36%;height:44%;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(228,168,36,.17) 38%,rgba(228,168,36,.06) 62%,transparent 100%);transform:rotate(-7deg);animation:glow 14s ease-in-out infinite alternate}
@keyframes glow{to{transform:rotate(-7deg) translateX(9%)}}
.vitrine__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(26px,4vw,56px);align-items:center;margin-bottom:clamp(32px,4vw,56px);position:relative;z-index:1}
.vitrine__k{font-family:var(--f-mono);font-size:11px;letter-spacing:.34em;color:var(--mostarda);text-transform:uppercase}
.vitrine h2{margin:12px 0 14px;font-family:var(--f-display);text-transform:uppercase;font-size:clamp(27px,3.8vw,50px);line-height:1;letter-spacing:0;word-spacing:.05em;font-weight: 400;}
.vitrine p{margin:0;color:#B9B6B0;font-size:15.5px;line-height:1.65;max-width:54ch}
.vitrine__nota{margin-top:16px!important;font-size:13.5px!important;color:#8C8985!important}
.vitrine__nota a{color:var(--mostarda);text-decoration:none;border-bottom:1px solid rgba(228,168,36,.45)}
.vitrine__nota a:hover{border-bottom-color:var(--mostarda)}
.vitrine__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.vitrine__links .btn{position:relative;overflow:hidden;z-index:0;border-color:var(--paper);color:var(--paper);font-size:13px;padding:14px 22px;display:flex;align-items:center;gap:10px;background:transparent}
.vitrine__links .btn::before{content:"";position:absolute;inset:0;background:var(--mostarda);z-index:-1;transform:translateY(101%);transition:transform .38s var(--ease)}
.vitrine__links .btn:hover::before{transform:translateY(0)}
.vitrine__links .btn:hover{color:var(--ink);border-color:var(--mostarda);transform:translate(-3px,-3px);box-shadow:6px 6px 0 rgba(233,231,225,.28)}
.vitrine__links .btn u{text-decoration:none;font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;opacity:.65}
.vitrine__links .btn em{font-style:normal;transition:transform .3s var(--ease)}
.vitrine__links .btn:hover em{transform:translateX(5px)}

/* selo giratorio */
.selo{width:clamp(148px,17vw,212px);flex:none;display:block;transition:transform .4s var(--ease)}
.selo:hover{transform:scale(1.06)}
.selo svg{display:block;width:100%;height:auto;overflow:visible}
.selo__ring{transform-box:fill-box;transform-origin:center;animation:spin 22s linear infinite}
.selo__mark{fill:#6E737B}

/* televisao de tubo: o canal muda sozinho e mostra variacoes da marca */
.tv{width:clamp(236px,25vw,326px);flex:none;position:relative;display:block;cursor:pointer;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:center}
.tv__antena{position:absolute;left:50%;bottom:100%;width:78%;height:58px;transform:translateX(-50%);pointer-events:none}
.tv__corpo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:8px;padding:10px;border-radius:20px;border:2px solid #424242;background:linear-gradient(158deg,#3D3B35 0%,#232120 55%,#171614 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.13),0 26px 52px rgba(0,0,0,.55)}
.tv__tela{position:relative;aspect-ratio:4/3;border-radius:15px;overflow:hidden;background:#09090A;box-shadow:inset 0 0 0 3px #0B0A09,inset 0 0 30px rgba(0,0,0,.95)}
.tv__tela canvas{width:100%;height:100%;display:block}
.tv__scan,.tv__glass{position:absolute;inset:0;pointer-events:none}
.tv__scan{background:repeating-linear-gradient(180deg,rgba(0,0,0,.3) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.tv__glass{background:radial-gradient(120% 88% at 27% 11%,rgba(255,255,255,.17),transparent 46%),radial-gradient(140% 122% at 50% 50%,transparent 54%,rgba(0,0,0,.6) 100%)}
.tv__osd{position:absolute;left:12px;top:10px;z-index:3;pointer-events:none;font-family:var(--f-mono);font-size:8.5px;letter-spacing:.2em;color:var(--mostarda);text-shadow:0 0 7px rgba(228,168,36,.8)}
.tv__painel{display:flex;flex-direction:column;align-items:center;gap:11px;padding-top:7px}
.tv__knob{width:25px;height:25px;border-radius:50%;position:relative;transition:transform .45s var(--ease);background:conic-gradient(#CBC6BA,#6C6860,#CBC6BA,#48453F,#CBC6BA);box-shadow:0 2px 4px rgba(0,0,0,.6),inset 0 0 0 2px #221F1B}
.tv__knob::after{content:"";position:absolute;left:50%;top:3px;width:2px;height:9px;background:#1A1815;transform:translateX(-50%)}
.tv:hover .tv__knob{transform:rotate(46deg)}
.tv:hover .tv__knob:nth-of-type(2){transform:rotate(-38deg)}
.tv__grelha{width:32px;height:50px;border-radius:4px;background-color:#2B2924;background-image:radial-gradient(circle,#0B0A09 33%,transparent 35%);background-size:6px 6px;box-shadow:inset 0 0 0 1.5px #131210}
.tv__led{width:6px;height:6px;border-radius:50%;background:var(--sp1);box-shadow:0 0 8px var(--sp1);animation:pulse 1.9s ease-in-out infinite}
.tv__pes{display:flex;justify-content:space-between;padding:0 26px}
.tv__pes i{width:22px;height:9px;background:#424242;border-radius:0 0 5px 5px;box-shadow:0 3px 6px rgba(0,0,0,.5)}
.tv__cap{font-family:var(--f-mono);font-size:9px;letter-spacing:.22em;color:#000000;text-transform:uppercase;transition:color .3s;background: #ffffff;padding: 4px 10px;border-radius: 5px;}
.tv:hover .tv__cap{color:var(--mostarda)}
.tv:focus-visible{outline:3px solid var(--mostarda);outline-offset:6px}
.rv.tvsize{height: 242px;width: 326px;top: 50px;}
@media(max-width:860px){.vitrine__top{grid-template-columns:1fr}.tv{margin:0 auto}}

/* --- campanha --- */
.camp{background:var(--paper-dim)}
.camp__anchor{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(38px,8.2vw,132px);line-height:.86;letter-spacing:-.016em;margin:0 0 18px;}
.camp__meta{font-family:var(--f-mono);font-size:12px;letter-spacing:.28em;color:var(--graphite);text-transform:uppercase}
.camp__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(14px,2vw,22px);margin-top:clamp(32px,4vw,54px)}
.ang{background:var(--paper-hi);border:2px solid var(--ink);padding:clamp(18px,2.2vw,26px);display:flex;flex-direction:column;gap:10px;transition:.28s var(--ease)}
.ang:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--ink)}
.ang__k{font-family:var(--f-mono);font-size:11px;letter-spacing:.24em;color:var(--mostarda-d)}
.ang__h{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(21px,2.3vw,30px);line-height:.94;letter-spacing:-.008em}
.ang__d{font-size:14.5px;color:var(--graphite);line-height:1.55;margin:0}
.camp__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(30px,4vw,46px)}

/* --- contato --- */
.cta{background:var(--ink);color:var(--paper);text-align:left}
.cta h2{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(38px,7.8vw,130px);line-height:.94;letter-spacing:-.004em;word-spacing:.05em;margin:0 0 clamp(22px,3vw,36px);font-weight: 400;}
.cta h2 .m{color:var(--mostarda)}
.cta__links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2px;background:rgba(233,231,225,.2);margin-top:clamp(30px,4vw,50px)}
.cta__l{background:var(--ink);padding:clamp(22px,3vw,34px);text-decoration:none;color:var(--paper);display:flex;flex-direction:column;gap:8px;transition:.25s var(--ease);position:relative;overflow:hidden;}
.cta__l:hover{background:var(--mostarda);color:var(--ink)}
.cta__lk{font-family:var(--f-mono);font-size:11px;letter-spacing:.26em;opacity:.7}
.cta__lt{font-family:var(--f-display);text-transform:uppercase;font-size:clamp(25px,3.2vw,42px);line-height:.98;word-spacing:.05em}
.cta__la{font-family:var(--f-cond);font-size:14px;letter-spacing:.1em;opacity:.8}

/* --- footer --- */
footer{background:var(--ink);color:#8C8985;padding:0 0 0}
.foot{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:clamp(28px,3.4vw,44px) 0;border-top:1px solid rgba(233,231,225,.16)}
.foot__mark{width:56px;height:56px}
.foot__mark{fill:var(--paper)}
.foot p{margin:0;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}

/* ---------- revelação no scroll ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}