/* =====================================================================
   TEMA: EDITORIAL
   Ar de revista: títulos muito grandes, colunas de texto largas,
   pouca cor e muita hierarquia. Serve bem portefólios, arquitetos,
   fotógrafos e quem tem boas imagens para mostrar.
   Usa apenas as cores definidas em Identidade visual.
   ===================================================================== */
:root{--raio:2px;--raio-s:2px}

body{font-size:17px;letter-spacing:-.005em}
h1,h2,h3,h4{font-weight:500;letter-spacing:-.035em;line-height:1.03}
h1{font-size:clamp(2.8rem,7vw,5.4rem)}
h2{font-size:clamp(2rem,4.6vw,3.4rem)}
h3{font-size:clamp(1.1rem,1.7vw,1.35rem);letter-spacing:-.015em}
p{line-height:1.75}
.chamada{font-size:1.15rem;line-height:1.7;max-width:62ch}

.olho{letter-spacing:.3em;font-size:.68rem;font-weight:600;color:var(--tinta2)}
.olho::before{display:none}
.cabeca{max-width:none;text-align:left}
.cabeca.centro{text-align:left}
.cabeca.centro .olho{justify-content:flex-start}
.cabeca h2{max-width:16ch}

/* cabeçalho discreto, quase invisível */
.barra-topo{display:none}
.cabecalho{background:rgba(255,255,255,.92);border-bottom:1px solid var(--linha)}
.cabecalho.fixo{box-shadow:none;border-bottom-color:var(--c2)}
.menu>li>a{font-size:.86rem;font-weight:500;letter-spacing:.01em;text-transform:none}
.menu>li>a::after{height:1px;background:var(--c2);bottom:8px}
.acoes-topo .btn{--bg:transparent;--fg:var(--c2);border:1px solid var(--c2)}

/* destaque a ocupar o ecrã, com o texto em baixo à esquerda */
.hero{height:min(92vh,860px)}
.hero-slide::after{background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.62))}
.hero-cont{align-items:flex-end;padding-bottom:clamp(40px,7vw,90px)}
.hero-txt{max-width:900px}
.hero-txt h1{font-size:clamp(2.6rem,8vw,6rem);letter-spacing:-.045em}
.hero-txt .olho{color:rgba(255,255,255,.8)}
.hero-txt p{font-size:1.1rem;max-width:52ch}
.pontos{gap:5px}
.pontos button{width:26px;height:2px;border-radius:0}

/* números grandes, tipo índice de revista */
.serv .num{font-size:2.6rem;font-weight:300;opacity:.16;letter-spacing:-.04em}
.serv{padding:30px 0 34px;border-top:1px solid var(--c2);background:transparent;box-shadow:none;border-radius:0}
.serv:hover{transform:none;background:transparent}
.serv .ico{display:none}
.serv h3{margin-top:6px;font-size:1.5rem;letter-spacing:-.025em}

.grelha.g3{gap:0 clamp(24px,4vw,60px)}

.sec-areia{background:var(--fundo)}
.sec-escura{background:var(--c2)}

.faixa-areas .caixa{border-radius:0;box-shadow:none;border:1px solid var(--linha)}
.area-item{border-radius:0}

.noticia-cartao,.produto,.ficha{border-radius:2px}
.link-seta{font-weight:500;letter-spacing:.01em}

.rodape{background:var(--c2)}
blockquote{border-left:2px solid var(--c2);font-size:1.25rem;font-style:normal;line-height:1.55}