:root{
  --preto:#0b0b0b;
  --grafite:#171717;
  --grafite-2:#22201d;
  --areia:#eee8df;
  --areia-2:#f7f3ed;
  --branco:#fffdf9;
  --ouro:#b99868;
  --ouro-2:#d5bc91;
  --linha:rgba(16,16,16,.16);
  --linha-clara:rgba(255,255,255,.18);
  --cinza:#716e69;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Jost",Inter,Arial,sans-serif;
  --wrap:min(1440px,calc(100% - 64px));
  --ease:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--areia-2)}
body{margin:0;background:var(--areia-2);color:var(--preto);font-family:var(--sans);font-weight:300;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:9998;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
::selection{background:var(--ouro);color:#fff}
.wrap{width:var(--wrap);margin-inline:auto}
.secao{padding:clamp(90px,10vw,160px) 0;position:relative}
.escuro{background:var(--preto);color:var(--branco)}
.escuro .cinza,.escuro p{color:#b8b3ab}
.italico{font-family:var(--serif);font-style:italic;font-weight:300}
.cinza{color:var(--cinza)}
.eyebrow{margin:0 0 22px;font-size:11px;letter-spacing:.23em;text-transform:uppercase;color:var(--ouro);font-weight:500}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.96;letter-spacing:-.035em}
h1{font-size:clamp(58px,8.2vw,132px);max-width:1100px;margin-bottom:28px}
h2{font-size:clamp(44px,6.2vw,92px);max-width:1040px;margin-bottom:34px}
h3{font-size:clamp(29px,3vw,52px);margin-bottom:16px}
p{font-size:16px}
.lead{font-size:clamp(18px,1.65vw,25px);line-height:1.55;max-width:780px;color:#4e4b47}
.escuro .lead{color:#d1ccc4}
.pula{position:fixed;top:10px;left:10px;background:#fff;padding:10px 14px;z-index:10001;transform:translateY(-150%);transition:.25s}
.pula:focus{transform:none}
.progresso{position:fixed;top:0;left:0;height:3px;background:var(--ouro);width:0;z-index:10001;box-shadow:0 0 18px rgba(185,152,104,.45)}
.cursor{position:fixed;width:12px;height:12px;border:1px solid var(--ouro);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s,opacity .2s;mix-blend-mode:difference;opacity:0}
.cursor.is-on{opacity:1}
.cursor.is-hover{width:42px;height:42px;background:rgba(255,255,255,.12)}

/* HEADER */
.topo{position:sticky;top:0;z-index:999;background:rgba(247,243,237,.84);border-bottom:1px solid rgba(10,10,10,.08);backdrop-filter:blur(16px)}
.topo__in{height:86px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}
.logo{display:flex;align-items:center;gap:18px;min-width:max-content}
.logo img{width:158px;height:auto;object-fit:contain}
.logo>span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;line-height:1.5;color:#6d685f;border-left:1px solid var(--linha);padding-left:16px}
.nav{display:flex;justify-content:center;align-items:center;gap:clamp(14px,2vw,32px)}
.nav a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;position:relative;padding:12px 0}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--preto);transition:right .35s var(--ease)}
.nav a:hover::after{right:0}
.menu-btn{display:none;background:none;border:0;text-transform:uppercase;letter-spacing:.16em;font-size:11px;padding:10px;color:inherit}

/* BUTTONS */
.btn-grupo{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:15px 22px;border:1px solid var(--preto);background:var(--preto);color:#fff;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;transition:transform .35s var(--ease),background .35s,color .35s,border-color .35s;position:relative;overflow:hidden}
.btn::before{content:"";position:absolute;inset:0;background:var(--ouro);transform:translateY(102%);transition:transform .35s var(--ease)}
.btn>*{position:relative;z-index:1}
.btn:hover::before{transform:none}
.btn:hover{border-color:var(--ouro)}
.btn--linha{background:transparent;color:var(--preto)}
.btn--linha::before{background:var(--preto)}
.btn--linha:hover{color:#fff}
.escuro .btn--linha{color:#fff;border-color:rgba(255,255,255,.55)}
.escuro .btn--linha::before{background:#fff}
.escuro .btn--linha:hover{color:var(--preto)}
.btn--ouro{background:var(--ouro);border-color:var(--ouro);color:#fff}
.btn--ouro::before{background:#fff}
.btn--ouro:hover{color:var(--preto);border-color:#fff}
.seta{display:inline-block;transition:transform .35s var(--ease)}
a:hover .seta{transform:translateX(6px)}

/* HOME HERO */
.hero{min-height:calc(100vh - 86px);padding:clamp(70px,8vw,126px) 0 90px;position:relative;display:flex;align-items:center}
.hero__grid,.capa__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:clamp(48px,7vw,120px);align-items:center;width:100%}
.hero h1 .linha{display:block;overflow:hidden;padding-bottom:.08em}
.hero h1 .linha i{display:block;font:inherit;font-style:normal;transform:translateY(110%);animation:subir 1s var(--ease) forwards}
.hero h1 .linha:nth-child(2) i{animation-delay:.11s}
.hero h1 .linha:nth-child(3) i{animation-delay:.22s}
.hero h1 .linha i.italico{font-family:var(--serif);font-style:italic}
@keyframes subir{to{transform:none}}
.fantasma{position:absolute;right:-2vw;top:1%;font-family:var(--serif);font-size:clamp(150px,23vw,390px);line-height:.8;color:rgba(185,152,104,.085);letter-spacing:-.09em;pointer-events:none;user-select:none}
.hero__media{position:relative;min-height:620px}
.moldura{position:relative;overflow:hidden;background:#d7c9b7;box-shadow:0 28px 80px rgba(29,22,14,.16)}
.moldura::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.28);pointer-events:none}
.moldura img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter .8s}
.moldura:hover img{transform:scale(1.035)}
.hero__media>.moldura{width:78%;height:600px;margin-left:auto}
.hero__media--2{position:absolute;left:0;bottom:-28px;width:43%;z-index:3}
.hero__media--2 .moldura{height:330px}
.selo{position:absolute;right:-20px;top:52px;z-index:4;background:var(--preto);color:#fff;padding:11px 16px;font-size:9px;text-transform:uppercase;letter-spacing:.18em;transform:rotate(90deg);transform-origin:right top}
.destaques{display:flex;gap:0;margin-top:44px;border-top:1px solid var(--linha);max-width:680px}
.destaques>div{padding:20px 26px 0 0;margin-right:26px;border-right:1px solid var(--linha);font-size:12px;letter-spacing:.03em;color:#6b6761}
.destaques>div:last-child{border-right:0}
.destaques b{font-family:var(--serif);font-size:21px;color:var(--preto);font-weight:400;display:block}

/* MARQUEE */
.segmentos{padding:clamp(90px,9vw,140px) 0;background:var(--branco);overflow:hidden;border-block:1px solid var(--linha)}
.trilho{overflow:hidden;border-top:1px solid var(--linha);white-space:nowrap}
.trilho:last-child{border-bottom:1px solid var(--linha)}
.faixa{display:flex;width:max-content;animation:marquee var(--dur,60s) linear infinite;will-change:transform}
.faixa--rev{animation-direction:reverse}
.faixa span{font-family:var(--serif);font-size:clamp(34px,4.2vw,68px);padding:15px 36px;display:inline-flex;align-items:center;gap:30px}
.faixa span::after{content:"✦";font-family:Arial;font-size:13px;color:var(--ouro)}
.trilho:hover .faixa{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}

/* SOLUTIONS */
.solucoes{background:#e8dfd3}
.grade{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(210px,auto);margin-top:64px;border-left:1px solid var(--linha);border-top:1px solid var(--linha)}
.serv{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(26px,3vw,46px);border-right:1px solid var(--linha);border-bottom:1px solid var(--linha);overflow:hidden;min-height:250px;isolation:isolate;transition:color .45s var(--ease),transform .45s var(--ease)}
.serv::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--ouro);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);z-index:5}
.serv:hover::after{transform:scaleX(1)}
.serv__fundo{position:absolute;inset:0;background:var(--preto);transform:translateY(101%);transition:transform .55s var(--ease);z-index:-2;pointer-events:none}
.serv:hover .serv__fundo{transform:none}
.serv:hover{color:#fff;transform:translateY(-4px)}
.serv__img{position:absolute;right:-5%;bottom:-10%;width:48%;height:75%;opacity:0;transform:translate(22px,20px) rotate(3deg);transition:opacity .5s,transform .6s var(--ease);z-index:-1;pointer-events:none}
.serv__img img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(.95)}
.serv:hover .serv__img{opacity:.46;transform:translate(0,0) rotate(0)}
.serv__n{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--ouro);margin-bottom:38px}
.serv h3{font-size:clamp(32px,3.6vw,58px);max-width:700px;margin-bottom:16px}
.serv p{max-width:520px;font-size:14px;color:#625d56;transition:color .4s}
.serv:hover p{color:#d0cac1}
.serv__cta{font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-top:36px}
.serv--xl{grid-column:span 7;grid-row:span 2;min-height:540px}
.serv--lg{grid-column:span 5;grid-row:span 2;min-height:540px}
.serv--md{grid-column:span 6;min-height:310px}
.serv--sm{grid-column:span 4;min-height:260px}
.serv--linha{grid-column:span 6;min-height:230px}
.serv--xl h3{font-size:clamp(48px,6vw,86px)}
.serv--xl p{font-size:17px;max-width:580px}

/* PLANS */
.planos{display:grid;grid-template-columns:1fr 1.08fr;gap:24px;margin-top:62px}
.plano{position:relative;border:1px solid var(--linha);padding:clamp(34px,4vw,60px);background:var(--branco);min-height:100%;transition:transform .4s var(--ease),box-shadow .4s}
.plano:hover{transform:translateY(-8px);box-shadow:0 35px 80px rgba(20,16,11,.09)}
.plano--destaque{background:var(--preto);color:#fff;border-color:var(--preto)}
.plano--destaque p,.plano--destaque .lista{color:#c8c2ba}
.plano__tag{position:absolute;right:28px;top:28px;background:var(--ouro);color:#fff;padding:9px 12px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.preco{font-family:var(--serif);font-size:clamp(54px,7vw,94px);line-height:1;margin:22px 0 28px}
.lista{list-style:none;padding:0;margin:28px 0 34px;color:#59544d}
.lista li{padding:10px 0 10px 24px;border-bottom:1px solid currentColor;border-color:rgba(100,90,75,.18);position:relative;font-size:14px}
.lista li::before{content:"—";position:absolute;left:0;color:var(--ouro)}
.aviso{padding:16px 18px;background:rgba(185,152,104,.12);border-left:2px solid var(--ouro);font-size:13px}

/* PORTFOLIO */
.pf-filtros{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.pf-filtros button{border:1px solid var(--linha-clara);background:transparent;color:#c7c0b7;padding:10px 14px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.3s}
.pf-filtros button:hover,.pf-filtros button.ativo{background:#fff;color:#111;border-color:#fff}
.carrossel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:42px max(32px,calc((100vw - 1440px)/2)) 30px;scrollbar-width:none;cursor:grab}
.carrossel::-webkit-scrollbar{display:none}
.carrossel:active{cursor:grabbing}
.proj{position:relative;flex:0 0 min(410px,78vw);height:clamp(460px,56vw,640px);scroll-snap-align:start;overflow:hidden;background:#2c2823;isolation:isolate}
.proj:nth-child(even){margin-top:70px;height:clamp(420px,50vw,570px)}
.proj img,.proj .ph{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .9s}
.proj:hover img{transform:scale(1.055);filter:saturate(.8)}
.proj::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),transparent 55%);z-index:1}
.proj__info{position:absolute;left:26px;right:26px;bottom:26px;color:#fff;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:20px}
.proj__info>span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-2)}
.proj__info strong{font-family:var(--serif);font-size:25px;font-weight:400;text-align:right;line-height:1.1}
.dica{text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#908b84}

/* PROCESS */
.processo{display:grid;grid-template-columns:repeat(4,1fr);margin-top:62px;border-top:1px solid var(--linha);border-left:1px solid var(--linha)}
.etapa{padding:34px;min-height:310px;border-right:1px solid var(--linha);border-bottom:1px solid var(--linha);transition:background .35s,transform .35s}
.etapa:hover{background:var(--branco);transform:translateY(-5px)}
.etapa b{display:block;font-family:var(--serif);font-weight:400;color:var(--ouro);font-size:28px;margin-bottom:48px}
.etapa h3{font-size:30px}
.etapa p{font-size:14px;color:#66615b}

/* FAQ */
.faq{counter-reset:faq;margin-top:54px;border-top:1px solid var(--linha)}
.faq details{counter-increment:faq;border-bottom:1px solid var(--linha)}
.faq summary{list-style:none;cursor:pointer;padding:28px 68px 28px 58px;position:relative;font-family:var(--serif);font-size:clamp(22px,2.1vw,31px);line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:counter(faq,decimal-leading-zero);position:absolute;left:0;top:34px;font:500 10px var(--sans);letter-spacing:.18em;color:var(--ouro)}
.faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font:300 32px var(--serif);transition:transform .35s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.resp{padding:0 60px 30px 58px;max-width:980px;color:#5f5b55}
.resp p{font-size:15px}
.escuro .faq details{border-color:var(--linha-clara)}
.escuro .resp{color:#bbb5ad}

/* FOOTER + CTA */
.cta-final{text-align:center;overflow:hidden}
.cta-final h2{margin-inline:auto}
.cta-final .lead{margin-inline:auto}
.cta-final .btn-grupo{justify-content:center}
.rodape{background:#070707;color:#fff;padding:74px 0 26px;border-top:1px solid rgba(255,255,255,.12)}
.rodape__grid{display:grid;grid-template-columns:1.35fr repeat(3,.65fr);gap:50px}
.rodape__grid h4{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro);margin:0 0 20px}
.rodape__grid p,.rodape__grid a{font-size:13px;color:#a9a39a}
.rodape__grid a{display:block;margin:9px 0;transition:color .25s}
.rodape__grid a:hover{color:#fff}
.logo-rodape{width:180px;margin-bottom:24px}
.rodape__base{margin-top:56px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:30px;color:#77736e;font-size:11px}
.zap{position:fixed;right:22px;bottom:22px;z-index:990;background:var(--preto);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:14px 20px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 14px 35px rgba(0,0,0,.24);transition:transform .3s,background .3s}
.zap:hover{transform:translateY(-4px);background:var(--ouro)}

/* INNER PAGES */
.migalhas{padding-top:28px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8a857e}
.migalhas a:hover{text-decoration:underline}
.capa{padding:clamp(70px,8vw,122px) 0 clamp(90px,10vw,150px)}
.capa .hero__media{min-height:520px}
.capa .hero__media>.moldura{height:570px;width:86%}
.capa h1{font-size:clamp(54px,7.2vw,110px)}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,8vw,130px)}
.bloco{min-width:0}
.bullets{list-style:none;padding:0;margin:0}
.bullets li{padding:13px 0 13px 28px;border-bottom:1px solid var(--linha);position:relative;font-size:15px;break-inside:avoid}
.bullets li::before{content:"✦";position:absolute;left:0;color:var(--ouro);font-size:10px;top:17px}
.escuro .bullets li{border-color:var(--linha-clara);color:#cac4bc}
.incluso{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid var(--linha);border-left:1px solid var(--linha)}
.incluso>div{padding:30px;min-height:185px;border-right:1px solid var(--linha);border-bottom:1px solid var(--linha);transition:background .35s,transform .35s}
.incluso>div:hover{background:var(--branco);transform:translateY(-3px)}
.incluso b{font-family:var(--serif);font-size:25px;font-weight:400}
.incluso p{font-size:13px;color:#6e6962;margin:14px 0 0}
.relacionado{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 0;border-block:1px solid var(--linha-clara)}
.relacionado h3{margin:0;font-size:40px}

/* FALLBACK ART */
.ph{display:grid;place-items:end start;background:
  linear-gradient(135deg,rgba(185,152,104,.15),transparent 45%),
  repeating-linear-gradient(90deg,transparent 0 80px,rgba(255,255,255,.08) 81px),
  #191714;color:#d7c3a4;padding:28px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}

/* REVEALS */
.revela{opacity:0;transform:translateY(32px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.revela.visivel{opacity:1;transform:none}

@media (max-width:1100px){
  :root{--wrap:min(100% - 40px,1440px)}
  .topo__in{grid-template-columns:auto auto auto;gap:14px}
  .nav{position:fixed;left:20px;right:20px;top:76px;background:var(--preto);color:#fff;padding:24px;display:grid;gap:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s var(--ease);box-shadow:0 30px 70px rgba(0,0,0,.22)}
  .nav.aberto{opacity:1;visibility:visible;transform:none}
  .nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .menu-btn{display:block;justify-self:end}
  .topo__in>.btn{display:none}
  .hero__grid,.capa__grid{grid-template-columns:1fr .72fr;gap:45px}
  .hero__media{min-height:530px}
  .hero__media>.moldura{height:520px}
  .serv--xl{grid-column:span 12}
  .serv--lg,.serv--md,.serv--linha{grid-column:span 6}
  .serv--sm{grid-column:span 4}
  .processo{grid-template-columns:repeat(2,1fr)}
  .incluso{grid-template-columns:repeat(2,1fr)}
  .rodape__grid{grid-template-columns:1.2fr 1fr 1fr}
  .rodape__grid>div:last-child{grid-column:2/4}
}

@media (max-width:760px){
  :root{--wrap:calc(100% - 28px)}
  .secao{padding:78px 0}
  .topo__in{height:70px}
  .logo img{width:126px}
  .logo>span{display:none}
  .hero{min-height:auto;padding:66px 0 90px}
  .hero__grid,.capa__grid,.duas{grid-template-columns:1fr}
  .hero__media{min-height:520px;margin-top:30px}
  .hero__media>.moldura{width:83%;height:470px}
  .hero__media--2{width:48%;bottom:0}
  .hero__media--2 .moldura{height:260px}
  .capa .hero__media>.moldura{width:90%;height:480px}
  .selo{right:-8px}
  .destaques{display:grid;grid-template-columns:1fr 1fr}
  .destaques>div{padding-right:16px;margin-right:16px}
  .faixa span{padding-inline:22px}
  .grade{grid-template-columns:1fr;display:grid;border-left:0}
  .serv,.serv--xl,.serv--lg,.serv--md,.serv--sm,.serv--linha{grid-column:1;min-height:250px;border-left:1px solid var(--linha)}
  .serv--xl{min-height:400px}
  .planos{grid-template-columns:1fr}
  .plano__tag{position:static;display:inline-flex;margin-bottom:26px}
  .processo{grid-template-columns:1fr}
  .etapa{min-height:auto}
  .incluso{grid-template-columns:1fr}
  .proj{flex-basis:82vw;height:500px}
  .proj:nth-child(even){margin-top:0;height:500px}
  .faq summary{padding:24px 48px 24px 40px}
  .faq summary::before{top:30px}
  .resp{padding:0 44px 26px 40px}
  .rodape__grid{grid-template-columns:1fr 1fr;gap:38px 24px}
  .rodape__grid>div:first-child,.rodape__grid>div:last-child{grid-column:1/-1}
  .rodape__base{flex-direction:column}
  .zap{right:12px;bottom:12px;padding:12px 16px}
  .relacionado{align-items:flex-start;flex-direction:column}
  .bullets[style*="columns"]{columns:1!important}
  .cursor{display:none}
}

@media (max-width:430px){
  h1{font-size:53px}
  h2{font-size:42px}
  .lead{font-size:17px}
  .btn{width:100%}
  .btn-grupo{display:grid}
  .hero__media{min-height:450px}
  .hero__media>.moldura{height:410px}
  .hero__media--2 .moldura{height:220px}
  .destaques{grid-template-columns:1fr}
  .destaques>div{border-right:0;border-bottom:1px solid var(--linha);padding-bottom:16px;margin-bottom:4px}
  .pf-filtros{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}
  .pf-filtros button{flex:0 0 auto}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .revela{opacity:1;transform:none}
  .hero h1 .linha i{transform:none}
}


/* ===== 2026-07-14: real portfolio + cleaner editorial revision ===== */
.logo img{width:168px;max-height:48px;object-fit:contain}
.logo-rodape{width:205px;height:auto}

/* Hero uses only real portfolio images — no synthetic blocks or labels */
.hero__media{min-height:560px}
.hero__media>.moldura{width:92%;height:500px;margin-left:auto;background:#ddd6cc}
.hero__media--2{left:-5%;bottom:-18px;width:47%}
.hero__media--2 .moldura{height:270px}
.hero__media img{filter:none!important}
.fantasma{opacity:.48}

/* Compact all-areas section replaces the oversized marquee */
.areas-resumo{padding:clamp(82px,9vw,132px) 0;background:var(--branco);border-block:1px solid var(--linha)}
.areas-resumo__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);gap:clamp(60px,10vw,150px);align-items:end}
.areas-resumo__grid h2{margin-bottom:0;max-width:760px}
.areas-resumo__texto>p{font-size:18px;line-height:1.65;color:#55504a;margin-bottom:30px}
.areas-resumo__lista{display:flex;flex-wrap:wrap;gap:8px}
.areas-resumo__lista span{border:1px solid var(--linha);padding:10px 13px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;background:#fff;transition:.3s var(--ease)}
.areas-resumo__lista span:hover{background:var(--preto);color:#fff;border-color:var(--preto);transform:translateY(-2px)}

/* Solution cards: real work visible at all times */
.solucoes{background:#11100f;color:#fff}
.solucoes .eyebrow{color:var(--ouro-2)}
.solucoes h2{color:#fff}
.grade{gap:16px;border:0;grid-auto-rows:minmax(240px,auto)}
.serv{border:1px solid rgba(255,255,255,.15);background:#171513;color:#fff;min-height:300px;padding:clamp(26px,3vw,42px);justify-content:flex-end;isolation:isolate;transform:none!important}
.serv::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 5%,rgba(0,0,0,.2) 38%,rgba(0,0,0,.88) 100%);z-index:-1;pointer-events:none;transition:background .45s}
.serv:hover::before{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18) 30%,rgba(0,0,0,.92) 100%)}
.serv__fundo{display:none}
.serv__img{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:1;transform:none!important;z-index:-2;pointer-events:none;overflow:hidden}
.serv__img img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(.98);transform:scale(1.001);transition:transform .8s var(--ease),filter .6s}
.serv:hover .serv__img{opacity:1;transform:none}
.serv:hover .serv__img img{transform:scale(1.055);filter:saturate(1)}
.serv__n{margin-bottom:auto;color:#ead2ac;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.serv h3{color:#fff;text-shadow:0 2px 28px rgba(0,0,0,.5);max-width:80%}
.serv p{color:#e2ddd5;max-width:610px;text-shadow:0 1px 14px rgba(0,0,0,.75)}
.serv:hover p{color:#fff}
.serv__cta{color:#fff}
.serv--xl,.serv--lg{min-height:560px}
.serv--md{min-height:390px}
.serv--sm,.serv--linha{min-height:340px}

/* Real work should breathe instead of looking like generated geometric art */
.capa .hero__media{min-height:500px}
.capa .hero__media>.moldura{height:500px;width:100%;box-shadow:0 26px 70px rgba(29,22,14,.12)}
.capa .hero__media>.moldura img{object-position:center}

/* Portfolio shows authentic project imagery with less aggressive cropping */
.proj{background:#171513}
.proj img{object-position:center}
.proj::after{background:linear-gradient(to top,rgba(0,0,0,.82),transparent 62%)}

@media (max-width:1100px){
  .areas-resumo__grid{grid-template-columns:1fr;gap:38px}
  .hero__media>.moldura{height:470px}
  .serv--sm{grid-column:span 6}
}
@media (max-width:760px){
  .hero__media{min-height:470px}
  .hero__media>.moldura{width:94%;height:410px}
  .hero__media--2{left:0;width:48%}
  .hero__media--2 .moldura{height:220px}
  .areas-resumo{padding:76px 0}
  .areas-resumo__texto>p{font-size:16px}
  .areas-resumo__lista{gap:6px}
  .areas-resumo__lista span{font-size:9px;padding:9px 10px}
  .serv,.serv--xl,.serv--lg,.serv--md,.serv--sm,.serv--linha{min-height:390px}
  .serv h3{max-width:100%}
  .capa .hero__media>.moldura{height:410px}
}


/* ===== REVISÃO FINAL: editorial, EIV imagery, detail and trust ===== */
.logo img{width:190px;max-height:48px;object-fit:contain}
.hero--eiv{min-height:calc(100vh - 86px);padding-top:clamp(58px,7vw,105px)}
.hero--eiv .hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr);gap:clamp(40px,6vw,90px)}
.hero--eiv h1{font-size:clamp(62px,7.4vw,124px);max-width:980px}
.hero--eiv .lead{max-width:730px}
.hero-eiv{position:relative;min-height:600px;display:flex;align-items:center}
.hero-eiv__principal{margin:0;width:100%;overflow:hidden;border:1px solid rgba(20,20,20,.1);border-radius:24px;background:#eee8df;box-shadow:0 30px 90px rgba(37,27,14,.14);transform:rotate(.3deg)}
.hero-eiv__principal img{width:100%;height:600px;object-fit:cover;object-position:center;transition:transform 1s var(--ease)}
.hero-eiv__principal:hover img{transform:scale(1.025)}
.hero-eiv__legenda{position:absolute;left:-26px;bottom:36px;background:rgba(10,10,10,.94);color:#fff;padding:18px 22px;min-width:230px;box-shadow:0 18px 50px rgba(0,0,0,.2)}
.hero-eiv__legenda span{display:block;color:var(--ouro-2);font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.hero-eiv__legenda strong{font:400 27px var(--serif)}
.hero--eiv .destaques{max-width:780px}

/* Solutions: no generic black mosaic. */
.solucoes{background:#f2ece3;color:var(--preto)}
.solucoes h2{color:var(--preto)}
.solucoes-editorial{margin-top:64px}
.solucoes-destaques{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,minmax(300px,1fr));gap:16px}
.sol-card{position:relative;min-height:300px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:34px;isolation:isolate}
.sol-card--grande{grid-row:1/3;min-height:620px}
.sol-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform .8s var(--ease),filter .6s}
.sol-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.18) 40%,rgba(0,0,0,.88));z-index:-2}
.sol-card:hover img{transform:scale(1.045);filter:saturate(.85)}
.sol-card__num{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ecd5ae}
.sol-card h3{font-size:clamp(38px,4vw,66px);margin:0 0 12px;max-width:90%}
.sol-card p{font-size:14px;color:#eee9e2;max-width:560px}
.sol-card div>span{font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.solucoes-lista{margin-top:34px;border-top:1px solid var(--linha)}
.solucoes-lista a{display:grid;grid-template-columns:60px minmax(240px,.65fr) 1fr 30px;align-items:center;gap:22px;padding:24px 10px;border-bottom:1px solid var(--linha);transition:padding .35s,background .35s,color .35s}
.solucoes-lista a:hover{padding-inline:24px;background:#fff}
.solucoes-lista span{font-size:10px;color:var(--ouro);letter-spacing:.16em}
.solucoes-lista strong{font:400 clamp(27px,3vw,43px) var(--serif)}
.solucoes-lista em{font-style:normal;color:#68625b;font-size:14px}
.solucoes-lista b{font-weight:400;font-size:22px;transition:transform .3s}
.solucoes-lista a:hover b{transform:translateX(7px)}
.solucoes-lista .solucao-ia{background:#151412;color:#fff;border-color:#151412;padding-inline:24px}
.solucoes-lista .solucao-ia em{color:#c8c1b8}

/* EIV-only portfolio carousel */
.portfolio-eiv{background:#0b0b0b;color:#fff;overflow:hidden}
.portfolio-eiv__cabecalho{display:grid;grid-template-columns:1.2fr .6fr;gap:80px;align-items:end}
.portfolio-eiv__cabecalho h2{color:#fff;margin-bottom:0}
.portfolio-eiv__intro{font-size:16px;color:#bdb6ad;max-width:520px}
.carrossel--eiv{gap:22px;padding-top:58px}
.proj-eiv{position:relative;flex:0 0 min(430px,78vw);height:600px;scroll-snap-align:start;overflow:hidden;background:#eee8df;border:1px solid rgba(255,255,255,.18)}
.proj-eiv:nth-child(even){margin-top:64px;height:540px}
.proj-eiv img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .9s var(--ease)}
.proj-eiv:hover img{transform:scale(1.045)}
.proj-eiv::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),transparent 55%)}
.proj-eiv>div{position:absolute;left:26px;right:26px;bottom:25px;z-index:2}
.proj-eiv span{display:block;color:var(--ouro-2);font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}
.proj-eiv strong{font:400 30px var(--serif);color:#fff}
.portfolio-eiv__rodape{display:flex;justify-content:space-between;align-items:center;color:#999188;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding-top:24px}
.portfolio-eiv__rodape a{color:#fff;border-bottom:1px solid var(--ouro);padding-bottom:5px}
.portfolio-eiv--interna{padding-top:clamp(90px,10vw,150px)}

/* Detailed identity package */
.pacote-detalhado{background:#f7f3ed}
.entrega-grupo{margin-top:70px;border-top:1px solid var(--linha)}
.entrega-grupo>header{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:28px 0 34px;align-items:start}
.entrega-grupo>header>span{font:400 28px var(--serif);color:var(--ouro)}
.entrega-grupo>header p{margin:0 0 5px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#766f66}
.entrega-grupo>header h3{font-size:clamp(35px,4vw,58px);margin:0}
.entrega-lista{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--linha);border-left:1px solid var(--linha)}
.entrega-lista article{padding:30px 34px;min-height:190px;border-right:1px solid var(--linha);border-bottom:1px solid var(--linha);background:rgba(255,255,255,.28);transition:background .3s,transform .3s}
.entrega-lista article:hover{background:#fff;transform:translateY(-3px)}
.entrega-lista h4{font:400 28px var(--serif);margin:0 0 15px}
.entrega-lista p{font-size:14px;color:#625d56;margin:0;line-height:1.75}
.entrega-lista strong{color:#151515;font-weight:500}
.entrega-lista--arquivos{grid-template-columns:repeat(4,1fr)}
.resumo-pacote{margin-top:50px;background:#0d0d0d;color:#fff;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:0;padding:28px}
.resumo-pacote>div{padding:8px 26px;border-right:1px solid rgba(255,255,255,.16)}
.resumo-pacote span{display:block;color:#aaa39a;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.resumo-pacote strong{font:400 31px var(--serif)}
.resumo-pacote .btn{margin-left:28px}

/* Trust block */
.confianca{background:#e8dfd3}
.confianca__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,10vw,150px);align-items:start}
.confianca__itens{border-top:1px solid var(--linha)}
.confianca__itens>div{display:grid;grid-template-columns:52px 220px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--linha);align-items:start}
.confianca__itens span{font-size:10px;color:var(--ouro);letter-spacing:.16em}
.confianca__itens h3{font-size:30px;margin:0}
.confianca__itens p{font-size:14px;color:#5e5952;margin:3px 0 0}
.confianca--produto{background:#151412;color:#fff}
.confianca--produto h2{color:#fff}
.confianca--produto .confianca__itens{border-color:rgba(255,255,255,.18)}
.confianca--produto .confianca__itens>div{border-color:rgba(255,255,255,.18)}
.confianca--produto .confianca__itens p{color:#c2bbb2}

@media(max-width:1100px){
 .hero--eiv .hero__grid{grid-template-columns:1fr .8fr}
 .hero-eiv{min-height:500px}.hero-eiv__principal img{height:500px}
 .portfolio-eiv__cabecalho,.confianca__grid{grid-template-columns:1fr;gap:38px}
 .entrega-lista--arquivos{grid-template-columns:repeat(2,1fr)}
 .resumo-pacote{grid-template-columns:repeat(3,1fr)}.resumo-pacote .btn{grid-column:1/-1;margin:24px 0 0}
}
@media(max-width:760px){
 .logo img{width:150px}
 .hero--eiv .hero__grid{grid-template-columns:1fr}.hero-eiv{min-height:auto;margin-top:22px}.hero-eiv__principal img{height:410px}.hero-eiv__legenda{left:12px;bottom:18px}
 .solucoes-destaques{grid-template-columns:1fr;grid-template-rows:auto}.sol-card--grande{grid-row:auto;min-height:480px}.sol-card{min-height:360px}
 .solucoes-lista a{grid-template-columns:40px 1fr 24px;gap:12px}.solucoes-lista em{grid-column:2/4}.solucoes-lista strong{font-size:30px}
 .proj-eiv,.proj-eiv:nth-child(even){height:500px;margin-top:0;flex-basis:83vw}
 .portfolio-eiv__rodape{display:block}.portfolio-eiv__rodape a{display:inline-block;margin-top:10px}
 .entrega-grupo>header{grid-template-columns:52px 1fr}.entrega-lista,.entrega-lista--arquivos{grid-template-columns:1fr}.entrega-lista article{min-height:auto}
 .resumo-pacote{grid-template-columns:1fr}.resumo-pacote>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding:15px 0}.resumo-pacote .btn{grid-column:auto}
 .confianca__itens>div{grid-template-columns:40px 1fr}.confianca__itens p{grid-column:2}
}


/* ═════════════════════════════════════════════════════════════
   V3 · Produtos uniformes, hero com projetos reais e INPI
   ═════════════════════════════════════════════════════════════ */
.ancora-invisivel{position:absolute;top:-90px}
.hero-projects{position:relative;min-height:620px;isolation:isolate}
.hero-projects figure{margin:0;overflow:hidden;background:#ddd4c8;border:1px solid rgba(15,15,15,.12);box-shadow:0 26px 70px rgba(39,28,15,.12)}
.hero-projects img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.hero-projects figure:hover img{transform:scale(1.035)}
.hero-projects__main{position:absolute;inset:0 15% 7% 7%;border-radius:2px}
.hero-projects__main img{object-position:center}
.hero-projects__side{position:absolute;width:38%;height:38%;z-index:2;border:8px solid var(--areia-2)!important}
.hero-projects__side--top{right:0;top:4%}
.hero-projects__side--bottom{left:0;bottom:0;width:32%;height:34%}
.hero-projects__caption{position:absolute;right:4%;bottom:2%;z-index:4;background:var(--preto);color:#fff;padding:18px 22px;min-width:220px}
.hero-projects__caption span{display:block;color:var(--ouro-2);font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.hero-projects__caption strong{font:400 24px var(--serif)}

.produtos-showcase{background:#f3eee7}
.produtos-showcase__head{display:grid;grid-template-columns:1.2fr .7fr;gap:60px;align-items:end;margin-bottom:58px}
.produtos-showcase__head h2{margin-bottom:0}
.produtos-showcase__head .lead{font-size:17px;margin-bottom:8px}
.produtos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.produto-card{display:flex;flex-direction:column;background:#fffdf9;border:1px solid rgba(15,15,15,.13);min-width:0;transition:transform .38s var(--ease),box-shadow .38s var(--ease),border-color .38s}
.produto-card:hover{transform:translateY(-7px);box-shadow:0 30px 75px rgba(28,20,12,.11);border-color:rgba(185,152,104,.65)}
.produto-card__media{position:relative;display:block;aspect-ratio:1.18/1;overflow:hidden;background:#ddd4c8}
.produto-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.18));pointer-events:none}
.produto-card__media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .75s var(--ease),filter .55s}
.produto-card:hover .produto-card__media img{transform:scale(1.045);filter:saturate(.94) contrast(1.02)}
.produto-card__num,.produto-card__cat,.produto-card__tag{position:absolute;z-index:2;top:18px;font-size:9px;letter-spacing:.17em;text-transform:uppercase}
.produto-card__num{left:18px;color:#fff}
.produto-card__cat{right:18px;color:#fff}
.produto-card__tag{left:18px;top:auto;bottom:18px;background:var(--ouro);color:#fff;padding:8px 11px}
.produto-card__body{display:flex;flex-direction:column;flex:1;padding:28px 28px 25px}
.produto-card__title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid var(--linha);padding-bottom:20px}
.produto-card__title h3{font-size:clamp(31px,2.25vw,43px);line-height:.98;margin:0;max-width:70%}
.produto-card__price{margin:3px 0 0;text-align:right;font:400 22px/1.05 var(--serif);color:var(--ouro);max-width:38%}
.produto-card__desc{font-size:14px;color:#5f5a54;line-height:1.7;margin:22px 0 18px;min-height:72px}
.produto-card__bullets{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:9px}
.produto-card__bullets li{font-size:12px;color:#4f4b46;padding-left:18px;position:relative;line-height:1.45}
.produto-card__bullets li::before{content:"✦";position:absolute;left:0;top:1px;color:var(--ouro);font-size:8px}
.produto-card__actions{margin-top:auto;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center}
.produto-card__details{font-size:10px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.produto-card__details span{display:inline-block;transition:transform .25s}
.produto-card__details:hover span{transform:translateX(4px)}
.produto-card__cta{min-height:46px;padding:12px 15px;font-size:9px;text-align:center}

/* carousel: image first, caption below, no black block over the artwork */
.carrossel--eiv{align-items:flex-start;gap:26px;padding-top:48px;padding-bottom:10px}
.proj-eiv,.proj-eiv:nth-child(even){flex:0 0 clamp(330px,38vw,560px);height:auto;margin-top:0;overflow:visible;background:transparent;border:0}
.proj-eiv img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:center;background:#e8e0d5;border:1px solid rgba(255,255,255,.16)}
.proj-eiv::after{display:none}
.proj-eiv>div{position:static;padding:16px 2px 0;border-top:1px solid rgba(255,255,255,.16);margin-top:13px}
.proj-eiv span{margin-bottom:4px}
.proj-eiv strong{font-size:27px}
.proj-eiv:hover img{transform:scale(1.018)}

/* compact and more readable identity deliverables */
.entrega-lista article{min-height:0;padding:27px 30px;background:rgba(255,255,255,.48)}
.entrega-lista h4{font-size:25px;line-height:1.05;margin-bottom:12px}
.entrega-lista p{font-size:14px;line-height:1.68}
.entrega-lista--inpi{grid-template-columns:repeat(2,1fr);margin-top:50px}
.inpi-alertas{background:#eee8df}
.alertas-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--linha);border-left:1px solid var(--linha);margin-top:54px}
.alertas-grid article{padding:34px 32px;border-right:1px solid var(--linha);border-bottom:1px solid var(--linha);background:rgba(255,255,255,.28)}
.alertas-grid span{font-size:9px;letter-spacing:.16em;color:var(--ouro)}
.alertas-grid h3{font-size:31px;margin:18px 0 14px}
.alertas-grid p{font-size:14px;color:#5f5952;margin:0}

@media(max-width:1150px){
 .produtos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .produtos-showcase__head{grid-template-columns:1fr;gap:20px}
 .hero-projects{min-height:520px}
 .alertas-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
 .hero-projects{min-height:440px;margin-top:10px}
 .hero-projects__main{inset:0 8% 8% 8%}
 .hero-projects__side--top{width:36%;height:31%;right:0;top:5%}
 .hero-projects__side--bottom{width:34%;height:30%;left:0;bottom:0}
 .hero-projects__caption{right:7%;bottom:2%;padding:13px 15px;min-width:0}
 .hero-projects__caption strong{font-size:19px}
 .produtos-grid{grid-template-columns:1fr;gap:18px}
 .produto-card__media{aspect-ratio:1.3/1}
 .produto-card__body{padding:24px 22px 22px}
 .produto-card__title h3{font-size:35px}
 .produto-card__desc{min-height:0}
 .produto-card__actions{grid-template-columns:1fr}
 .produto-card__details{order:2;text-align:center;padding-top:4px}
 .produto-card__cta{width:100%}
 .entrega-lista--inpi,.alertas-grid{grid-template-columns:1fr}
 .resumo-pacote{grid-template-columns:1fr;padding:20px}
 .resumo-pacote>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding:16px 4px}
 .resumo-pacote .btn{margin:20px 0 0;width:100%}
}

/* Final portfolio and product refinements */
.incluso--detalhado{grid-template-columns:repeat(2,minmax(0,1fr))}
.incluso--detalhado>div{min-height:230px}
.incluso--detalhado p{font-size:14px;line-height:1.72}
.incluso--detalhado strong{color:var(--preto);font-weight:600}
.portfolio-eiv .proj-eiv img{object-fit:cover;object-position:center}
@media(max-width:720px){.incluso--detalhado{grid-template-columns:1fr}.incluso--detalhado>div{min-height:0}}


/* PORTFOLIO EIV 2026 — imagens completas sem corte */
.carrossel,
.carrossel--eiv{align-items:flex-start}
.proj,
.proj:nth-child(even),
.proj-eiv,
.proj-eiv:nth-child(even){
  flex:0 0 min(720px,88vw);
  width:min(720px,88vw);
  height:auto;
  aspect-ratio:3/2;
  margin-top:0;
  background:#e9e3da;
  border:1px solid rgba(20,20,20,.12);
}
.proj img,
.proj-eiv img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  background:#e9e3da;
  filter:none;
}
.proj:hover img,
.proj-eiv:hover img{transform:scale(1.012);filter:none}
.proj::after,
.proj-eiv::after{
  background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.08) 34%,transparent 58%);
}
.proj__info,
.proj-eiv>div{left:24px;right:24px;bottom:22px}
.proj__info strong,
.proj-eiv strong{font-size:clamp(22px,2.4vw,32px)}
@media (max-width:720px){
  .proj,.proj:nth-child(even),.proj-eiv,.proj-eiv:nth-child(even){
    flex-basis:92vw;
    width:92vw;
    aspect-ratio:3/2;
    height:auto;
    margin-top:0;
  }
  .proj__info,.proj-eiv>div{left:18px;right:18px;bottom:17px}
}