/* Portal · molde editorial compartilhado — 2026.250
 *
 * O Júnior mandou kononenkogroup.com como referência e pediu alto padrão no
 * portal do arquiteto inteiro. A tela ALU MAKE (.jr-alumake-* em
 * jr-portal-editorial-2026-247.css) já chega perto desse nível — foto de tela
 * cheia, título serifado gigante, seção de 2 colunas foto+texto, tira de
 * especificações numerada, cantos retos. Em vez de inventar um visual novo,
 * este arquivo generaliza o MESMO padrão (mesma estrutura de classes, mesmos
 * valores de tipografia/espaçamento) em nomes que não ficam presos ao produto
 * ALU MAKE, pra reaproveitar em qualquer seção do portal: obra, Meu
 * Escritório, Club&Casa. `.jr-alumake-*` continua existindo do jeito que
 * está — nada aqui o substitui ou depende dele.
 *
 * Markup esperado (mesmo aninhamento de `.jr-showcase-hero`/`.jr-showcase-img`
 * que o ALU MAKE já usa — ver cliente.html:2694-2696):
 *   <header class="jr-arq-hero jr-showcase-hero" style="--jr-glow:...">
 *     <div class="jr-editorial-hero">
 *       <div class="jr-editorial-hero-media"><div class="jr-showcase-img jr-showcase-card"><img ...></div></div>
 *       <div class="jr-editorial-hero-shade"></div>
 *       <div class="jr-editorial-hero-copy">
 *         <span class="jr-editorial-kicker">ROTULO</span>
 *         <h1>Título<br><em>em duas linhas</em></h1>
 *         <p>Frase de apoio.</p>
 *       </div>
 *     </div>
 *   </header>
 */

.jr-editorial-bleed{margin:0 0 18px}
.jr-editorial-bleed>.jr-showcase-hero{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#0b0d0e!important;overflow:hidden}

.jr-editorial-hero{position:relative;min-height:min(480px,calc(100dvh - 220px));display:flex;align-items:flex-end;overflow:hidden;background:#0b0d0e;border-radius:0!important}
.jr-editorial-hero-media,.jr-editorial-hero-media>.jr-showcase-img,.jr-editorial-hero-media img,.jr-editorial-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.jr-editorial-hero-media>.jr-showcase-img{margin:0!important;border:0!important;border-radius:0!important}
.jr-editorial-hero-media img{object-fit:cover;filter:saturate(.78) contrast(1.05)}
.jr-editorial-hero-shade{background:linear-gradient(90deg,rgba(5,7,8,.92) 0%,rgba(5,7,8,.66) 42%,rgba(5,7,8,.1) 78%),linear-gradient(0deg,rgba(5,7,8,.58),transparent 55%)}
.jr-editorial-hero-copy{position:relative;z-index:2;width:min(880px,86%);padding:clamp(22px,4.5vw,52px)}
.jr-editorial-kicker{display:flex;align-items:center;gap:12px;margin-bottom:clamp(26px,6vh,58px);color:#d9dfe0;font-size:8px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}
.jr-editorial-kicker:after{content:'';width:52px;height:1px;background:rgba(255,255,255,.5)}
.jr-editorial-hero h1{max-width:800px;margin:0!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(38px,6.4vw,84px)!important;font-weight:500!important;line-height:.9!important;letter-spacing:-2.2px!important;color:#f4f2eb!important}
.jr-editorial-hero h1 em{color:#a9ddea;font-style:normal;font-weight:400}
.jr-editorial-hero p{max-width:500px;margin:16px 0 0;color:#c2c8ca;font-size:11.5px;line-height:1.75}
.jr-editorial-hero.separate-copy{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:stretch;min-height:390px}
.jr-editorial-hero.separate-copy .jr-editorial-hero-media{position:relative;min-height:390px;grid-column:1;grid-row:1}
.jr-editorial-hero.separate-copy .jr-editorial-hero-shade{display:none}
.jr-editorial-hero.separate-copy .jr-editorial-hero-copy{grid-column:2;grid-row:1;align-self:center;width:auto;padding:clamp(24px,4vw,48px);background:#0b0d0e}
.jr-editorial-hero.separate-copy .jr-editorial-kicker{margin-bottom:32px}
.jr-editorial-hero.separate-copy h1{font-size:clamp(36px,4.5vw,62px)!important;line-height:.94!important}

/* bloco de 2 colunas foto + texto, mesmo desenho de .jr-alumake-object */
.jr-editorial-split{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(280px,1.28fr);gap:clamp(26px,6vw,72px);align-items:center;padding:clamp(36px,6.5vw,80px) clamp(16px,4vw,52px);background:#eceae4;color:#111214}
.jr-editorial-split.reverse{grid-template-columns:minmax(280px,1.28fr) minmax(230px,.72fr)}
.jr-editorial-split.reverse>.jr-editorial-split-copy{order:2}
.jr-editorial-split-copy>span{color:#687174;font-size:8px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}
.jr-editorial-split h2{margin:16px 0 12px;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,4.4vw,50px)!important;font-weight:500;line-height:.94;letter-spacing:-1.4px}
.jr-editorial-split-copy p{max-width:460px;color:#626568;font-size:11px;line-height:1.8}
.jr-editorial-split figure{margin:0;position:relative;min-height:300px;background:#d8d7d2;overflow:hidden}
.jr-editorial-split figure>.jr-showcase-img,.jr-editorial-split figure img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;margin:0!important;border:0!important;border-radius:0!important}

/* tira de N colunas numeradas com borda fina, mesmo desenho de .jr-alumake-specs */
.jr-editorial-specs{display:grid;border-block:1px solid #2b2d2e;background:#0a0b0c}
.jr-editorial-specs article{position:relative;min-height:140px;padding:34px 20px 18px;border-right:1px solid #2b2d2e}
.jr-editorial-specs article:last-child{border-right:0}
.jr-editorial-specs article:before{content:attr(data-num);position:absolute;top:14px;left:20px;color:#454849;font-size:9px;font-weight:900}
.jr-editorial-specs article>span{color:#687174;font-size:8px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}
.jr-editorial-specs h3{margin:14px 0 6px;color:#f0efe9;font-family:'Cormorant Garamond',Georgia,serif;font-size:22px!important;font-weight:500}
.jr-editorial-specs p{margin:0;color:#777d7f;font-size:9.5px;line-height:1.6}

@media(max-width:900px){
  .jr-editorial-hero.separate-copy{grid-template-columns:1fr}
  .jr-editorial-hero.separate-copy .jr-editorial-hero-media{grid-column:1;grid-row:1;min-height:300px}
  .jr-editorial-hero.separate-copy .jr-editorial-hero-copy{grid-column:1;grid-row:2}
  .jr-editorial-split{grid-template-columns:1fr!important}
  .jr-editorial-split.reverse>.jr-editorial-split-copy{order:0}
  .jr-editorial-split figure{min-height:260px}
  .jr-editorial-specs{grid-template-columns:1fr 1fr!important}
  .jr-editorial-specs article:nth-child(2n){border-right:0}
}
@media(max-width:700px){
  .jr-editorial-hero{min-height:380px}
  .jr-editorial-hero-copy{width:100%;padding:20px 16px 30px}
  .jr-editorial-kicker{margin-bottom:34px}
  .jr-editorial-hero h1{font-size:40px!important;letter-spacing:-1.4px!important}
  .jr-editorial-hero.separate-copy{min-height:0}.jr-editorial-hero.separate-copy .jr-editorial-hero-media{min-height:240px}.jr-editorial-hero.separate-copy .jr-editorial-hero-copy{padding:28px 16px 34px}.jr-editorial-hero.separate-copy .jr-editorial-kicker{margin-bottom:22px}
  .jr-editorial-split{padding:44px 16px}
  .jr-editorial-specs{grid-template-columns:1fr!important}
  .jr-editorial-specs article{border-right:0!important;border-bottom:1px solid #2b2d2e}
  .jr-editorial-specs article:last-child{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){.jr-editorial-hero *{transition:none!important}}