/* Paleta aproximada a partir das pranchas enviadas. Trombo e Zamora
   aguardam arquivos licenciados; DM Sans é a alternativa temporária. */
.admin-nav{background:transparent;color:inherit;border:0;padding:10px 0;font-size:12px;font-weight:600}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.admin-toolbar button{border:1px solid #aeb9b1;background:transparent;padding:9px 12px;font-size:11px}button:disabled{opacity:.55;cursor:wait}.project-art.custom img{filter:none}
.header{background:var(--petrol);color:var(--paper);border-color:#ffffff26;height:94px}
.logo{display:inline-flex;letter-spacing:0}.logo img{width:150px;height:auto;display:block}
.nav-contact{border-color:#ffffff65}.nav-contact:hover{background:var(--orange);color:var(--black);border-color:var(--orange)}
.hero{background:var(--petrol);color:var(--paper);padding-top:30px;padding-bottom:25px}
.hero-top{padding-bottom:25px}.hero-top .eyebrow i{background:var(--orange)}
.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:center;padding:30px 0 45px}
.hero h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(52px,6.1vw,97px);font-weight:500;letter-spacing:-.065em;line-height:1.01;margin:0 0 25px}
.hero h1 em{color:var(--orange);font-weight:700;font-style:italic}
.hero-message>p{font-size:14px;line-height:1.75;color:#d1dfdc}.hero-cta{margin-top:18px;background:var(--paper);color:var(--petrol);font-weight:600;padding:17px 24px}.hero-cta:hover{background:var(--orange);color:var(--black)}
.brand-canvas{aspect-ratio:.94;background:var(--orange);position:relative;overflow:hidden;border-radius:2px;isolation:isolate}
.canvas-mark{position:absolute;width:66%;height:76%;object-fit:contain;left:18%;top:12%;filter:brightness(0) saturate(100%) invert(15%) sepia(43%) saturate(1624%) hue-rotate(145deg) brightness(88%) contrast(103%);transform:rotate(-13deg);z-index:2}
.canvas-orbit{position:absolute;border:1px solid #eeefea90;border-radius:50%;width:120%;aspect-ratio:1;left:-57%;top:-22%;animation:drift 14s ease-in-out infinite alternate}.orbit-two{left:46%;top:47%;width:95%;animation-delay:-7s}
.canvas-caption{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:1px;color:var(--black);z-index:3}
@keyframes drift{to{transform:translate(15px,25px) rotate(20deg)}}
.hero-bottom{padding-top:20px;border-top:1px solid #ffffff36}.hero-bottom>span{font-size:11px;color:#d1dfdc}.round-link span{border-color:#ffffff55}.hero-note{color:#c5d8d5}
.marquee{background:var(--orange);color:var(--black);border:0;padding:18px 0}.marquee div{font-size:12px;letter-spacing:2px}
h2{font-weight:500}.section-heading h2 em{color:var(--petrol)}
.about{background:var(--petrol);position:relative;overflow:hidden}.about .eyebrow{color:#ccdcd8}.about h2{font-size:clamp(43px,5vw,79px);letter-spacing:-.055em}.about h2 span{color:var(--orange);font-style:italic}.about-copy p{color:#d1dfdc}.about-mark{width:65px;height:72px;transform:rotate(-10deg);margin-bottom:10px}.text-link{border-color:#ffffff55}.text-link span{color:var(--orange)}
.brand-values{display:flex;justify-content:center;align-items:center;padding:50px 5%;background:var(--orange);color:var(--black)}.brand-values span{border:1px solid #1d1e1b90;border-radius:50%;width:22%;max-width:250px;aspect-ratio:1;display:grid;place-items:center;font-size:clamp(13px,2vw,26px);letter-spacing:-.7px;margin-left:-12px}.brand-values span:first-child{margin-left:0}
.filters button.active{background:var(--petrol);border-color:var(--petrol)}
.project-art.onda .art-word{color:var(--paper)}.project-art.nexo{background:var(--blue)}.project-art.lume{background:var(--orange)}
.contact{position:relative;overflow:hidden}.contact-title{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(50px,8.5vw,132px);letter-spacing:-.065em;line-height:1;max-width:100%;margin:50px 0 35px;font-weight:600}.contact-title>span{font-style:italic}.contact-title svg{width:10vw;height:10vw;max-width:150px;max-height:150px;bottom:3px}.contact-top .eyebrow{color:var(--black)}
.contact-actions{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.contact-email{font-size:11px}.contact-email:hover{text-decoration:underline}.dark{background:var(--petrol)}.dark:hover{background:var(--black)}
footer{background:var(--black);color:var(--paper)}footer p{line-height:1.6;color:#d0d1c9}footer>div{color:#c1c4b8}
.brief-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.brief-actions .pill{gap:15px;padding:15px 20px}
@media(max-width:800px){.hero-layout{gap:25px}.hero h1{font-size:6.5vw}.canvas-caption{left:12px;right:12px;font-size:6px}.hero-message>p{font-size:12px}.hero-cta{padding:14px 18px;font-size:11px}.contact-title{font-size:9vw}.about h2{font-size:6vw}}
@media(max-width:560px){.header{height:80px}.logo img{width:109px}nav{background:var(--petrol);color:var(--paper);border-color:#ffffff36}.hero-top{padding-bottom:10px}.hero-layout{grid-template-columns:1fr;padding-top:20px;padding-bottom:25px;gap:32px}.hero h1{font-size:clamp(45px,12vw,66px);letter-spacing:-.065em;margin-bottom:22px}.hero-message>p{font-size:12px}.hero-cta{margin-top:8px}.brand-canvas{aspect-ratio:1.38}.canvas-mark{width:56%;height:86%;left:24%;top:5%}.canvas-caption{font-size:7px;left:17px;right:17px;bottom:15px}.hero-bottom>span{max-width:130px;font-size:9px;line-height:1.6}.hero-bottom{align-items:center;gap:15px}.about h2{font-size:46px}.brand-values{padding:30px 5%}.brand-values span{width:26%;font-size:12px;margin-left:-7px;letter-spacing:-.5px}.contact-title{font-size:10vw;margin-top:35px;margin-bottom:25px}.contact-title svg{width:9vw;height:9vw}.contact-actions{align-items:flex-start;margin-top:20px;gap:18px}.contact-actions .pill{margin-top:0}footer>div{color:#c1c4b8}}
@media(prefers-reduced-motion:reduce){.canvas-orbit{animation:none}}

/* Abertura editorial: composição da primeira versão na identidade MAVO. */
.hero-editorial{padding-top:32px;padding-bottom:30px}
.hero-editorial .hero-top{padding-bottom:0}
.editorial-heading{position:relative;margin:52px 0 35px}
.hero-editorial h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;font-size:clamp(70px,10.8vw,180px);line-height:.88;letter-spacing:-.025em;margin:0;position:relative;z-index:1}
.hero-editorial h1>span{display:block}
.hero-editorial h1 .slogan-accent{color:var(--orange)}
.hero-editorial h1 .editorial-last{display:flex;align-items:center;gap:2vw;color:var(--orange);white-space:nowrap}
.editorial-last svg{width:7.5vw;height:7.5vw;max-width:125px;max-height:125px;flex-shrink:0;fill:none;stroke:var(--orange);stroke-width:8;transition:transform .3s}
.hero-editorial:hover .editorial-last svg{transform:translate(4px,-4px)}
.hero-editorial{isolation:isolate}
.brand-monolith{position:absolute;width:64vw;max-width:1050px;right:-25vw;top:-13vw;pointer-events:none;z-index:0;color:var(--orange);transform:rotate(-18deg)}
.brand-monolith svg{display:block;width:100%;height:auto;overflow:visible}
.monolith-echo{opacity:.55}.monolith-solid{animation:monolith-arrive 1.2s cubic-bezier(.2,.7,.2,1) both}
.hero-editorial h1{ text-shadow:0 3px 0 var(--petrol),3px 0 0 var(--petrol),-3px 0 0 var(--petrol)}
.hero-editorial .hero-top,.hero-editorial .hero-bottom{position:relative;z-index:2}
@keyframes monolith-arrive{from{opacity:0;transform:translate(10px,-8px)}to{opacity:1;transform:translate(0,0)}}
.hero-editorial .hero-bottom{border-top:0;padding-top:0}
.hero-editorial .hero-bottom p{margin:0;color:#d1dfdc;font-size:13px;line-height:1.7}
@media(min-width:1700px){.hero-editorial h1{font-size:180px}}
@media(max-width:800px){.editorial-heading{margin-top:45px}.brand-monolith{width:65vw;right:-25vw;top:-12vw}.hero-editorial .hero-bottom p{font-size:11px}.hero-editorial h1{font-size:10.8vw}}
@media(max-width:560px){.hero-editorial{padding-top:25px}.editorial-heading{margin-top:35px;margin-bottom:28px}.hero-editorial h1{font-size:11vw;line-height:.97;letter-spacing:-.025em}.brand-monolith{width:68vw;right:-28vw;top:-9vw}.editorial-last svg{width:6vw;height:6vw}.hero-editorial .hero-bottom{align-items:end;gap:15px}.hero-editorial .hero-bottom p{font-size:10px;max-width:205px}.hero-editorial .round-link{font-size:9px;gap:8px;max-width:125px}.hero-editorial .round-link span{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.monolith-solid{animation:none}}

/* Projetos: visualização compacta com galeria. */
.project-art.custom{aspect-ratio:16/9}.project-art.custom img{object-fit:contain;background:#eeefea}.project-art.custom .art-label{display:none}
.admin-row-actions{display:flex;gap:8px;flex-shrink:0}#cancel-edit{justify-self:start;background:transparent;border:1px solid #bfc0b4;padding:10px 16px;border-radius:24px;font-size:12px}
.project-dialog{width:min(1100px,calc(100% - 48px));padding:45px 32px 32px}
#project-detail{display:grid;grid-template-columns:1fr;gap:26px;align-items:start}
.detail-media,.detail-copy{min-width:0}.project-dialog .detail-main{margin:0;aspect-ratio:1.8;background:#e2e5df}
.project-dialog .detail-main.custom{aspect-ratio:auto;background:transparent;display:block}.project-dialog .detail-main.custom img{position:static;height:auto;max-height:65dvh;display:block;width:100%}.project-dialog .detail-main.custom .art-label{display:none}
.project-dialog .detail-main.custom img{object-fit:contain;filter:none}
.project-dialog .detail-main .art-word{font-size:65px}.project-dialog .detail-main .art-label{font-size:8px;bottom:12px;left:12px}
.project-dialog .detail-copy h2{font-size:27px;letter-spacing:-1px;line-height:1.15;margin:14px 0}
.detail-description{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:720px;margin-bottom:0}.detail-copy h2{overflow-wrap:anywhere}
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;align-items:center}.gallery-photo{margin:0;min-width:0;background:#e2e5df}.gallery-photo img{display:block;width:100%;height:auto;max-height:60dvh;object-fit:contain}.gallery-photo-wide{grid-column:1/-1;background:transparent}
@media(max-width:560px){.project-dialog{padding:40px 16px 20px;width:calc(100% - 20px)}#project-detail{gap:20px}.project-dialog .detail-main{aspect-ratio:1.5}.project-dialog .detail-main.custom{aspect-ratio:auto}.project-dialog .detail-main.custom img{max-height:60dvh}.project-dialog .detail-copy h2{font-size:24px}.project-dialog .detail-main .art-word{font-size:55px}.project-gallery{grid-template-columns:1fr;gap:14px;margin-top:14px}.gallery-photo img{max-height:60dvh}}