@font-face{font-family:"Jost";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/jost-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jost-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jost-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/jost-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:italic;font-weight:300;font-display:swap;src:url(fonts/jost-latin-300-italic.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/jost-latin-400-italic.woff2) format("woff2")}

:root{
  --wine:#7e3548;--wine-d:#5e2536;--ink:#231a1d;--grey:#5f5f5f;--text:#3d3438;--muted:#4a4045;
  --line:#dcd6d8;--gold:#c9a24a;--soft:#f4f1f2;--foot:#efedee;--dark:#1c1618;--dark2:#2a2225;
  --pad:96px;--max:1440px;
  --shadow:0 12px 40px rgba(0,0,0,.30);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:#fff;color:var(--ink);font-family:Jost,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--wine);text-decoration:none}
a:hover{color:var(--wine-d)}
h1,h2,h3{font-weight:300;margin:0;line-height:1.15}
p{margin:0}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.kicker{display:block;font-size:13px;font-weight:500;letter-spacing:.22em;color:var(--wine);text-transform:uppercase}
.kicker.light{color:#f3d9e0}
.ico{width:1em;height:1em;flex-shrink:0}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:#fff;padding:8px 12px}

/* Cabeçalho */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:#fff;border-top:6px solid var(--wine);box-shadow:0 2px 10px rgba(35,26,29,.10)}
.site-header .wrap{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{height:58px;width:auto}
.nav{display:flex;align-items:center;gap:36px}
.nav a{color:var(--ink);font-weight:500;font-size:15px;letter-spacing:.02em;padding:8px 0;border-bottom:2px solid transparent}
.nav a.active,.nav a:hover{color:var(--wine);border-bottom-color:var(--wine)}
.head-actions{display:flex;align-items:center;gap:14px}
.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--wine);font-size:26px;background:none;border:0;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;font-weight:500;font-size:15px;letter-spacing:.03em;border:1px solid transparent;cursor:pointer;font-family:inherit}
.btn-wine{background:var(--wine);color:#fff}.btn-wine:hover{background:var(--wine-d);color:#fff}
.btn-white{background:#fff;color:var(--wine)}.btn-white:hover{color:var(--wine-d)}
.btn-line{border-color:#fff;color:#fff}.btn-line:hover{background:rgba(255,255,255,.1);color:#fff}
.menu-btn{display:none}

/* Fundos */
.bg-hero{background:#1b1316 url(img/hero.jpg) center/cover no-repeat}
.bg-page{background:#1b1316 url(img/pagebg.jpg) center top/cover no-repeat}
.bg-band{background:#1b1316 url(img/band.jpg) center/cover no-repeat}

/* Abertura */
.hero{position:relative;height:640px;overflow:hidden;color:#fff}
.hero .panel{position:absolute;left:0;top:0;width:62.5%;height:100%;background:rgba(126,53,72,.86);clip-path:polygon(0 0,89% 0,100% 50%,89% 100%,0 100%)}
.hero .vline{position:absolute;left:var(--pad);top:0;width:1px;height:100%;background:rgba(255,255,255,.28)}
.hero .slides{position:absolute;left:calc(var(--pad) + 40px);top:0;height:100%;width:min(640px,52%);display:flex;align-items:center}
.slide{display:none;flex-direction:column;gap:26px}
.slide.on{display:flex;animation:fade .6s ease}
@keyframes fade{from{transform:translateY(8px)}to{transform:none}}
.slide h1,.slide .h1{font-weight:300;font-size:54px;line-height:1.12;letter-spacing:.02em;text-transform:uppercase}
.slide p{font-size:19px;font-weight:300;color:#f6e9ed;max-width:560px}
.slide .actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px}
.hero .ctrl{position:absolute;right:var(--pad);bottom:40px;display:flex;align-items:center;gap:14px}
.hero .ctrl span{font-size:14px;letter-spacing:.18em;margin-right:4px}
.hero .ctrl button{width:48px;height:48px;border:1px solid rgba(255,255,255,.6);background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px}
.hero .ctrl button:hover{background:rgba(255,255,255,.12)}

/* Seções com cartão sobre imagem */
.band{padding:88px 0}
.band .grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}
.card{background:#fff;box-shadow:var(--shadow)}
.card-body{padding:56px 60px;display:flex;flex-direction:column;gap:20px}
.card-body h2{font-size:42px}
.card-body p{color:var(--text)}
.card-body .lead{font-size:20px;font-weight:300;line-height:1.55;color:var(--ink)}
.links{display:flex;gap:32px;flex-wrap:wrap;font-weight:500}
.links a{display:inline-flex;align-items:center;gap:6px}
.side{display:flex;flex-direction:column;gap:16px;padding-top:24px}
.cta{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;color:#fff;font-size:21px;font-weight:300;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.cta.wine{background:var(--wine)}.cta.ink{background:var(--ink)}
.cta:hover{color:#fff;filter:brightness(1.08)}
.method{background:rgba(255,255,255,.95);padding:28px;display:flex;flex-direction:column;gap:14px}
.method .row{display:flex;gap:14px}
.method .n{font-size:28px;font-weight:300;color:var(--wine);width:30px;flex-shrink:0;line-height:1.2}
.method strong{font-weight:600;display:block}
.method .d{font-size:15px;color:var(--muted)}

/* Áreas (grade) */
.section{padding:96px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:40px}
.section-head h2{font-size:46px;margin-top:16px}
.section-head p{max-width:520px;color:var(--muted)}
.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.area-grid a{min-height:112px;padding:24px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;color:var(--ink)}
.area-grid a:hover{background:#faf6f7;color:var(--wine)}
.area-grid .n{font-size:30px;font-weight:300;color:var(--wine);width:44px;flex-shrink:0}
.area-grid .t{font-size:17px;font-weight:500;line-height:1.35}
.area-grid a.more{grid-column:span var(--span,2);background:var(--wine);color:#fff;justify-content:space-between;font-size:22px;font-weight:300;padding:24px 32px}
.area-grid a.more:hover{background:var(--wine-d);color:#fff}

/* Reforma */
.reforma{background:var(--soft);padding:80px 0}
.reforma .grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.reforma h2{font-size:40px;margin:16px 0}
.reforma p{color:var(--muted);margin-bottom:12px}
.reforma a.more-link{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--wine)}
.timeline div{padding:24px 20px 0;min-width:0}
.timeline div+div{border-left:1px solid var(--line)}
.timeline div:first-child{padding-left:0}
.timeline b{display:block;font-size:clamp(24px,2.2vw,32px);line-height:1.15;font-weight:300;color:var(--wine);margin-bottom:10px}
.timeline span{font-size:15px;color:var(--muted)}

/* Cartão de contato (fundadora) */
.person{background:#fff;box-shadow:var(--shadow)}
.person .hd{height:48px;padding:0 22px;display:flex;align-items:center;background:#dcd6d8;font-size:19px;font-weight:300}
.person .photo{width:100%;height:440px;object-fit:cover;object-position:50% 30%}
.person .bd{padding:22px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.person .nm{font-size:20px;font-weight:500;color:var(--wine)}
.person a{display:inline-flex;align-items:center;gap:8px;font-weight:500}
.person.mini .bd{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:start}
.person.mini .bd img{width:110px;height:136px;object-fit:cover;border:1px solid var(--line)}
.person.mini .info{display:flex;flex-direction:column;gap:4px;font-size:14px}

/* Conteúdos */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);color:var(--ink)}
.post-card img{width:100%;height:220px;object-fit:cover}
.post-card .b{padding:26px;display:flex;flex-direction:column;gap:10px;flex-grow:1}
.post-card .cat{font-size:12px;font-weight:500;letter-spacing:.18em;color:var(--wine)}
.post-card strong{font-size:22px;font-weight:400;line-height:1.3}
.post-card .meta{font-size:14px;color:var(--grey)}
.post-card .go{margin-top:auto;padding-top:6px;font-weight:500;color:var(--wine);display:inline-flex;align-items:center;gap:6px}
.post-card:hover strong{color:var(--wine)}
.head-links{display:flex;gap:28px;font-weight:500;flex-wrap:wrap}
.head-links a{display:inline-flex;align-items:center;gap:8px}

/* Vídeos */
.videos{background:var(--dark);color:#fff;padding:96px 0}
.videos .section-head h2{color:#fff}
.player{display:grid;grid-template-columns:minmax(0,1fr) 440px;box-shadow:0 12px 40px rgba(0,0,0,.4)}
.screen{position:relative;min-height:540px;background:#000 center/cover no-repeat;color:#fff;cursor:pointer;overflow:hidden}
.screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.screen .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.05) 40%,rgba(0,0,0,.45))}
.screen .ttl{position:absolute;left:28px;top:24px;right:28px;font-size:20px;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.screen .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:64px;border-radius:16px;background:var(--wine);display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:0 6px 20px rgba(0,0,0,.45);border:0;color:#fff;cursor:pointer}
.screen .ftr{position:absolute;left:28px;bottom:22px;font-size:13px;letter-spacing:.12em;color:#e9dde1}
.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.plist{background:var(--dark2);display:flex;flex-direction:column;overflow:auto}
.plist .hd{height:56px;padding:0 18px;display:flex;align-items:center;background:var(--wine);font-weight:500;font-size:17px;flex-shrink:0}
.plist button{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 18px;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;text-align:left;font:inherit;cursor:pointer}
.plist button:hover,.plist button.on{background:rgba(255,255,255,.10)}
.plist .th{width:96px;height:54px;background:#3a2a30 center/cover no-repeat;position:relative}
.plist .tt{font-size:15px;line-height:1.35}
.plist .du{font-size:13px;color:#cbbcc1}
.plist .soon{margin:0;padding:14px 18px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(126,53,72,.35);text-decoration:none}
.plist .soon:hover{background:rgba(126,53,72,.55)}
.plist .soon .th{width:150px;height:84px;position:relative;overflow:hidden;background:#3a2a30}
.plist .soon .th img{width:100%;height:100%;object-fit:cover;display:block}
.plist .soon em{position:absolute;left:0;bottom:0;right:0;padding:3px 6px;font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-align:center;white-space:nowrap;background:var(--wine)}
.plist .soon strong{display:block;font-size:15px;font-weight:500;line-height:1.35}
.plist .soon small{display:block;margin-top:4px;color:#cbbcc1;font-size:13px}

/* Contato */
.contact{padding:88px 0;color:#fff}
.contact .grid{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:64px;align-items:center}
.contact h2{font-size:46px;text-transform:uppercase;letter-spacing:.02em;margin:18px 0}
.contact p{font-weight:300;font-size:19px;color:#f1e3e8}
.contact .box{background:#fff;color:var(--ink);padding:36px 40px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.contact .box a,.contact .box div{display:flex;align-items:center;gap:16px;min-height:66px;color:var(--ink)}
.contact .box a+a,.contact .box a+div{border-top:1px solid var(--line)}
.contact .box .i{color:var(--wine);font-size:26px;display:flex}
.contact .box small{display:block;font-size:13px;letter-spacing:.16em;color:var(--grey)}
.contact .box b{font-weight:400;font-size:19px}

/* Rodapé */
.site-footer{background:var(--foot);color:var(--grey);font-size:14px;padding:56px 0 40px}
.site-footer .top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.site-footer .top img{height:104px;width:auto}
.social{display:flex;gap:6px;flex-wrap:wrap}
.social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--grey);font-size:26px}
.social a:hover{color:var(--wine)}
.site-footer .legal{display:flex;gap:28px;font-weight:500;font-size:15px;margin:28px 0;flex-wrap:wrap}
.site-footer .legal a{color:var(--grey)}.site-footer .legal a:hover{color:var(--wine)}
.site-footer .bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:22px;flex-wrap:wrap}

.wa-float{position:fixed;right:28px;bottom:28px;width:62px;height:62px;border-radius:31px;background:#1f7a4d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 8px 22px rgba(0,0,0,.35);z-index:60}
.wa-float:hover{color:#fff;background:#18663f}

/* Páginas internas */
.page-top{padding:26px 0 0;min-height:260px;background:linear-gradient(180deg,rgba(15,10,12,.92) 0%,rgba(15,10,12,.55) 100%)}
.crumbs{font-size:13px;font-weight:500;color:#fff;letter-spacing:.04em}
.crumbs a{color:#fff}.crumbs a:hover{text-decoration:underline}
.crumbs .sep{opacity:.6;margin:0 6px}
.page-top .row{margin-top:48px;padding-bottom:48px;display:flex;justify-content:space-between;align-items:center;gap:32px}
.page-top h1{color:#fff;font-size:50px;line-height:1.1}
.page-top .pill{display:flex;gap:12px;flex-shrink:0}
.page-top .pill a{height:46px;padding:0 22px;display:inline-flex;align-items:center;border-radius:23px;font-weight:500;font-size:15px}
.page-top .pill .a1{background:var(--wine);color:#fff}.page-top .pill .a2{background:#fff;color:var(--ink)}
.page-top .sub{color:#e9dde1;font-size:15px;margin-top:10px}
.page-main{padding-bottom:96px}
.layout{display:grid;grid-template-columns:58px minmax(0,1fr) 380px;gap:0 32px;align-items:start}
.layout.noside{grid-template-columns:58px minmax(0,1fr)}
.share{background:var(--foot);padding-top:16px;display:flex;flex-direction:column;align-items:center;gap:4px;position:sticky;top:130px}
.share span{font-size:11px;color:var(--grey);text-align:center;line-height:1.2;padding:6px 0}
.share a,.share button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--wine);font-size:22px;background:none;border:0;cursor:pointer}
.content{background:#fff;box-shadow:var(--shadow);margin-left:-32px;min-width:0}
.tabs{display:flex;background:var(--wine);flex-wrap:wrap}
.tabs a,.tabs button{height:48px;padding:0 22px;display:flex;align-items:center;color:#fff;font-weight:500;font-size:15px;border:0;border-right:1px solid rgba(255,255,255,.25);background:transparent;cursor:pointer;font-family:inherit}
.tabs .on{background:var(--wine-d)}
.content-in{padding:44px 48px 52px;display:flex;flex-direction:column;gap:22px}
.sec-label{font-size:14px;font-weight:500;letter-spacing:.2em;color:var(--wine);margin-top:12px;text-transform:uppercase}
.blist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;color:var(--text)}
.blist li{display:flex;gap:12px;align-items:baseline}
.blist li:before{content:"";width:7px;height:7px;background:var(--wine);flex-shrink:0;transform:translateY(-2px)}
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rel a{padding:18px 20px;border:1px solid var(--line);display:flex;align-items:center;gap:14px;color:var(--ink);font-weight:500;font-size:16px;line-height:1.3}
.rel a:hover{background:#faf6f7;color:var(--wine)}
.rel .n{font-size:24px;font-weight:300;color:var(--wine)}
.mini-post{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:center;color:var(--ink)}
.mini-post img{width:200px;height:124px;object-fit:cover}
.mini-post strong{font-size:20px;font-weight:500;color:var(--wine);line-height:1.3;display:block}
.mini-post span{font-size:14px;color:var(--grey)}
aside.side2{display:flex;flex-direction:column;gap:16px}
.box{background:#fff;padding:22px 24px;box-shadow:var(--shadow)}
.box .lbl{font-size:13px;font-weight:500;letter-spacing:.2em;color:var(--wine);margin-bottom:8px}
.box a.li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:15px}
.box a.li:hover{color:var(--wine)}

/* Índice de áreas */
.areas-intro{padding:44px 36px 36px;border-bottom:2px solid var(--wine);display:flex;justify-content:space-between;gap:48px;align-items:center}
.areas-intro p{font-size:22px;font-weight:300;line-height:1.5;max-width:820px}
.areas-intro span{font-size:13px;letter-spacing:.2em;color:var(--grey);white-space:nowrap}
.areas-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.areas-list article{padding:36px 36px 40px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.areas-list .hd{display:flex;align-items:baseline;gap:18px}
.areas-list .n{font-size:38px;font-weight:300;color:var(--wine);line-height:1}
.areas-list h2{font-size:25px;font-weight:400;line-height:1.25}
.areas-list h2 a{color:var(--ink)}.areas-list h2 a:hover{color:var(--wine)}
.areas-list p{color:var(--muted)}
.areas-list .blist{font-size:16px;gap:8px}
.areas-list .more{font-weight:500;font-size:15px;display:inline-flex;align-items:center;gap:6px}

/* Lista de conteúdos */
.feat{display:grid;grid-template-columns:420px minmax(0,1fr);gap:32px;align-items:center;padding-bottom:36px;border-bottom:1px solid var(--line);color:var(--ink)}
.feat img{width:100%;height:260px;object-fit:cover}
.feat .cat,.row-post .cat{font-size:12px;font-weight:500;letter-spacing:.18em;color:var(--wine)}
.feat strong{font-size:30px;font-weight:300;line-height:1.25;display:block;margin:10px 0}
.feat .meta,.row-post .meta{font-size:14px;color:var(--grey)}
.row-post{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.row-post img{width:200px;height:124px;object-fit:cover}
.row-post strong{font-size:21px;font-weight:500;line-height:1.3;color:var(--wine);display:block;margin:4px 0}
.row-post.hide,.feat.hide{display:none}

/* Artigo */
.article{font-size:18px;line-height:1.75;color:var(--text)}
.content-in.article{display:block}
.article p{margin:0 0 1.1em}
.article h2,.article h3{font-weight:500;color:var(--ink);margin:1.4em 0 .6em;font-size:24px}
.article ul,.article ol{margin:0 0 1.1em 1.2em}
.article a{text-decoration:underline;text-decoration-color:rgba(126,53,72,.4);word-break:break-word}
.article .midia{border-top:1px solid var(--line);padding-top:22px;margin-top:10px}
.article .midia h3{font-size:14px;letter-spacing:.2em;color:var(--wine);margin:0 0 12px}
.article .midia a{display:block;font-size:15px;margin:6px 0}
.art-top h1{font-size:44px}
.draft-note{background:#fff4d6;border:1px solid #e6c65c;color:#5b4700;padding:14px 18px;font-size:15px}

/* Responsivo */
@media (max-width:1180px){
  :root{--pad:48px}
  .nav{gap:24px}
  .band .grid,.contact .grid{grid-template-columns:minmax(0,1fr) 340px}
  .layout{grid-template-columns:minmax(0,1fr) 320px}
  .layout .share{display:none}
  .content{margin-left:0}
}
@media (max-width:960px){
  :root{--pad:24px}
  .site-header .wrap{height:84px}
  .brand img{height:44px}
  .menu-btn{display:inline-flex}
  .nav{position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px var(--pad) 18px;box-shadow:0 10px 20px rgba(0,0,0,.12);display:none}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid var(--line)}
  .head-actions .btn{display:none}
  .hero{height:auto;min-height:600px}
  .hero .panel{width:100%;clip-path:none;background:rgba(126,53,72,.82)}
  .hero .vline{display:none}
  .hero .slides{position:relative;left:auto;width:auto;padding:64px var(--pad) 120px;min-height:600px}
  .slide h1,.slide .h1{font-size:34px}
  .slide p{font-size:17px}
  .hero .ctrl{right:var(--pad);bottom:28px}
  .band .grid,.contact .grid,.reforma .grid,.player,.layout,.layout.noside{grid-template-columns:1fr}
  .card-body{padding:36px 26px}
  .card-body h2,.section-head h2,.contact h2{font-size:32px}
  .section{padding:64px 0}.band{padding:56px 0}
  .section-head{flex-direction:column;align-items:flex-start;gap:16px}
  .area-grid{grid-template-columns:1fr}
  .area-grid a.more{grid-column:auto;font-size:18px}
  .timeline{grid-template-columns:1fr 1fr;gap:18px 0}
  .timeline div:nth-child(3){border-left:0;padding-left:0}
  .posts{grid-template-columns:1fr}
  .person .photo{height:420px}
  .plist{max-height:420px}
  .plist .soon{grid-template-columns:110px minmax(0,1fr)}
  .plist .soon .th{width:110px;height:62px}
  .plist .soon em{font-size:8.5px;letter-spacing:.04em;padding:2px 4px}
  .screen{min-height:0;aspect-ratio:16/9}
  .screen .ttl{font-size:15px;left:16px;right:16px;top:14px}
  .screen .ftr{left:16px;bottom:12px}
  .screen .play{width:72px;height:50px;font-size:26px}
  .page-top h1{font-size:32px}
  .page-top .row{flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}
  .page-top .pill{display:none}
  .content-in{padding:30px 22px 36px}
  .areas-list{grid-template-columns:1fr}
  .areas-list article{padding:28px 22px}
  .areas-intro{padding:28px 22px;flex-direction:column;align-items:flex-start;gap:12px}
  .areas-intro p{font-size:19px}
  .rel{grid-template-columns:1fr}
  .feat,.row-post,.mini-post{grid-template-columns:1fr}
  .row-post img,.mini-post img{width:100%;height:180px}
  .site-footer .top{flex-direction:column}
  .contact .box{padding:24px}
  .contact .box b{font-size:16px;word-break:break-word}
  .art-top h1{font-size:30px}
  .article{font-size:17px}
  .tabs a,.tabs button{padding:0 14px;font-size:14px}
}

/* capas próprias dos vídeos já trazem título e duração */
.screen .ttl,.screen .ftr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.screen .shade{opacity:.35}
.contact .box em.sub{display:block;font-style:normal;font-size:14px;font-weight:300;opacity:.85;margin-top:4px}

/* ===== Acabamento visual: abertura ===== */
.hero .kb{position:absolute;inset:-4%;background:inherit;background:#1b1316 url(img/hero.jpg) center/cover no-repeat;animation:kb 26s ease-in-out infinite alternate;will-change:transform}
@keyframes kb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.08) translate(-1.5%,-1%)}}
.hero .panel{background:linear-gradient(115deg,rgba(94,37,54,.94) 0%,rgba(126,53,72,.90) 55%,rgba(150,64,86,.86) 100%)}
.hero .panel::after{content:"";position:absolute;right:11%;top:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,rgba(201,162,74,.55),transparent)}
.slide .kicker.light{color:#f1dfa9;display:inline-flex;align-items:center;gap:14px}
.slide .kicker.light::before{content:"";width:38px;height:2px;background:var(--gold)}
.slide.on > *{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.slide.on > *:nth-child(2){animation-delay:.08s}.slide.on > *:nth-child(3){animation-delay:.16s}.slide.on > *:nth-child(4){animation-delay:.24s}
@keyframes rise{from{transform:translateY(22px);opacity:0}to{transform:none;opacity:1}}
.hero .progress{position:absolute;left:0;bottom:0;width:62.5%;height:3px;background:rgba(255,255,255,.12)}
.hero .progress i{display:block;height:100%;width:100%;background:var(--gold);transform-origin:left;animation:prog 7s linear both}
.hero.paused .progress i{animation-play-state:paused}
@keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero .art{position:absolute;right:var(--pad);top:0;height:100%;width:30%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.hero .art .a{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.hero .art .a.on{opacity:1;transform:none}
.hero .portrait{position:relative;margin:0;width:min(340px,100%);margin-top:-10px}
.hero .portrait::before{content:"";position:absolute;left:-18px;top:-18px;right:18px;bottom:18px;border:1px solid var(--gold);opacity:.8}
.hero .portrait img{position:relative;display:block;width:100%;height:auto;max-height:470px;aspect-ratio:4/5;object-fit:cover;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.hero .portrait figcaption{position:absolute;left:-40px;bottom:28px;background:#fff;color:var(--ink);padding:14px 20px;display:flex;flex-direction:column;box-shadow:0 14px 30px rgba(0,0,0,.25)}
.hero .portrait figcaption b{font-weight:500;color:var(--wine);font-size:16px}
.hero .portrait figcaption span{font-size:13px;letter-spacing:.06em;color:var(--grey)}
.hero .years{display:grid;grid-template-columns:auto;justify-items:start;gap:6px}
.hero .years .y{font-size:118px;line-height:1;font-weight:300;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.85);letter-spacing:.02em}
.hero .years .y:last-of-type{-webkit-text-stroke:0;color:var(--gold)}
.hero .years .arrow{width:2px;height:70px;margin-left:56px;background:linear-gradient(180deg,rgba(255,255,255,.7),var(--gold))}
.hero .years .tags{display:flex;gap:10px;margin-top:18px}
.hero .years .tags em{font-style:normal;font-size:14px;letter-spacing:.2em;padding:8px 14px;border:1px solid rgba(255,255,255,.5)}
.hero .stack{position:relative;width:min(380px,100%);aspect-ratio:16/12}
.hero .stack img{position:absolute;width:82%;aspect-ratio:16/9;object-fit:cover;box-shadow:0 22px 44px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.18)}
.hero .stack img:nth-child(1){left:0;top:0;transform:rotate(-5deg);opacity:.75}
.hero .stack img:nth-child(2){right:0;top:14%;transform:rotate(4deg);opacity:.85}
.hero .stack img:nth-child(3){left:9%;bottom:0}
.hero .stack .pl{position:absolute;left:50%;bottom:22%;transform:translateX(-30%);width:74px;height:52px;background:var(--wine);display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.4)}
.hero .stack .pl svg{width:26px;height:26px;fill:#fff;stroke:none}

/* ===== Cabeçalho compacto ===== */
.site-header,.site-header .wrap,.site-header .brand img{transition:height .3s ease,box-shadow .3s ease,width .3s ease}
.site-header.scrolled{box-shadow:0 6px 24px rgba(35,26,29,.14)}
.site-header.scrolled .wrap{height:78px}
.site-header.scrolled .brand img{height:46px;width:auto}

/* ===== Entrada suave e microinterações ===== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.area-grid a{transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.area-grid a:not(.more):hover{box-shadow:inset 4px 0 0 var(--gold)}
.post-card{transition:transform .35s ease,box-shadow .35s ease}
.post-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(35,26,29,.14)}
.post-card img{transition:transform .6s ease}.post-card{overflow:hidden}.post-card:hover img{transform:scale(1.04)}
.btn{transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
.btn:hover{transform:translateY(-2px)}
.section-head .kicker,.card-body .kicker{display:inline-flex;align-items:center;gap:12px}
.section-head .kicker::before,.card-body .kicker::before{content:"";width:28px;height:2px;background:var(--gold)}
@media (max-width:1180px){.hero .art{width:30%}.hero .years .y{font-size:92px}}
@media (max-width:960px){.hero .art,.hero .progress,.hero .panel::after{display:none}.site-header.scrolled .wrap{height:70px}}
@media (prefers-reduced-motion:reduce){.hero .kb,.hero .progress i,.slide.on > *{animation:none}.reveal{opacity:1;transform:none;transition:none}.post-card:hover,.btn:hover{transform:none}}

/* ===== Números institucionais ===== */
.numbers{background:#fff;border-bottom:1px solid var(--line)}
.numbers .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;padding-top:44px;padding-bottom:40px;position:relative}
.numbers .num{padding:0 28px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.numbers .num:first-child{border-left:0;padding-left:0}
.numbers b{font-size:56px;line-height:1;font-weight:300;color:var(--wine);letter-spacing:.01em}
.numbers b::after{content:"";display:block;width:32px;height:2px;background:var(--gold);margin-top:14px}
.numbers span{font-size:15px;color:var(--muted);line-height:1.45;max-width:230px}
.numbers .note{grid-column:1/-1;margin:28px 0 0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--wine);font-weight:500}
@media (max-width:960px){.numbers .wrap{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px;padding-top:34px}.numbers .num:nth-child(3){border-left:0;padding-left:0}.numbers b{font-size:44px}}

/* ===== Idiomas ===== */
.lang-sw{display:flex;align-items:center;gap:2px;margin-right:6px}
.lang-sw a{font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--grey);padding:6px 7px;border-bottom:2px solid transparent}
.lang-sw a:hover{color:var(--wine)}
.lang-sw a.on{color:var(--wine);border-bottom-color:var(--gold)}
.lang-note{margin:-8px 0 22px;font-size:14px;color:var(--grey);font-style:italic}
.lang-prev{padding:12px 16px;background:var(--soft);border-left:3px solid var(--gold)}
@media (max-width:960px){.lang-sw a{padding:6px 4px;font-size:12px}}
/* ===== Cabeçalho com seletor de idioma ===== */
.nav a{white-space:nowrap}
@media (max-width:1500px){.nav{gap:26px}}
@media (min-width:961px) and (max-width:1360px){.nav{gap:20px}.nav a{font-size:14px}.site-header .brand img{width:280px;height:auto}.head-actions .btn{padding:0 18px}}
@media (min-width:961px) and (max-width:1180px){.nav{gap:14px}.nav a{font-size:13px;letter-spacing:0}.site-header .brand img{width:210px}.head-actions .btn-wine{display:none}}
@media (max-width:960px){.site-header .brand{min-width:0;flex-shrink:1}.site-header .brand img{width:clamp(140px,40vw,220px);height:auto}.site-header.scrolled .brand img{height:auto}.head-actions{gap:6px}}
/* ===== v6: chamadas, subáreas e pessoa física ===== */
.tagline{font-size:18px;font-weight:500;color:var(--wine);line-height:1.45;margin:0}
.tagline.big{font-size:24px;font-weight:400;line-height:1.4;border-left:3px solid var(--gold);padding-left:18px}
.subarea{padding:26px 0 8px;border-top:1px solid var(--line);scroll-margin-top:120px}
.subarea h3{font-size:24px;font-weight:400;color:var(--ink);margin:0 0 8px}
.subarea .sub-d{font-style:italic;color:var(--muted);margin:0 0 14px}
.blist.subs a{color:var(--ink);font-weight:500}.blist.subs a:hover{color:var(--wine)}
.pf-band{background:var(--soft);padding:80px 0}
.pf-band .grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.pf-band h2{font-size:34px;font-weight:300;line-height:1.25;margin:14px 0 0}
.pf-band p{font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 20px}
.pf-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.pf-tags span{font-size:13px;letter-spacing:.04em;padding:7px 12px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:10px}
.pf-group{border:1px solid var(--line);padding:22px 24px;background:#fff}
.pf-group h3{font-size:19px;font-weight:500;color:var(--wine);margin:0 0 10px}
.areas-list .pf-card{background:var(--soft)}
@media (max-width:960px){.pf-band{padding:56px 0}.pf-band .grid{grid-template-columns:1fr;gap:20px}.pf-band h2{font-size:26px}.pf-grid{grid-template-columns:1fr}.tagline.big{font-size:20px}}

/* ===== Tipografia uniforme em todo o site ===== */
/* texto corrido: Jost 17px, peso 400, entrelinha 1,65, mesma cor */
.card-body p,.section-head p,.reforma p,.pf-band p,.areas-list p,.areas-intro p,.body-p,.area-desc,.subarea .sub-d,.feat p,.article,.article p,.article li{font-size:17px;font-weight:400;line-height:1.65;color:var(--text)}
.areas-intro p{max-width:820px}
.article{line-height:1.75}.article p,.article li{line-height:1.75}
/* descrições das áreas: itálico, como no documento de textos */
.area-desc,.subarea .sub-d,.areas-list article > p:not(.tagline){font-style:italic}
/* listas de serviços: mesmo corpo do texto */
.blist,.areas-list .blist{font-size:17px;line-height:1.6}
/* frases de destaque das áreas: mesma cor e peso, tamanho conforme o contexto */
.tagline{font-weight:400;color:var(--wine)}
.tagline:not(.big){font-size:20px;line-height:1.4}
/* títulos das seções da página inicial: mesmo tamanho e sem caixa alta */
.card-body h2,.section-head h2,.reforma h2,.pf-band h2,.contact h2{font-size:44px;font-weight:300;line-height:1.15;text-transform:none;letter-spacing:0}
/* subtítulos dentro das páginas: mesmo tamanho e peso */
.subarea h3,.article h2,.article h3,.pf-group h3{font-size:24px;font-weight:400;line-height:1.3}
.pf-group h3{color:var(--ink)}
@media (max-width:960px){
  .card-body h2,.section-head h2,.reforma h2,.pf-band h2,.contact h2{font-size:30px}
  .subarea h3,.article h2,.article h3,.pf-group h3{font-size:21px}
  .card-body p,.section-head p,.reforma p,.pf-band p,.areas-list p,.areas-intro p,.body-p,.area-desc,.subarea .sub-d,.feat p,.article,.article p,.article li,.blist{font-size:16px}
}
.areas-list p.tagline,.pf-card p.tagline{color:var(--wine)}
.areas-list article.pf-card > p:not(.tagline){font-style:normal}