/* Layout: clássico de hotel. Fundo claro quente, serifa nos títulos, fotos em blocos retos com respiro, linhas finas no lugar de cards. Tema claro único, por escolha. */
:root{
  --paper:#F7F2EE; --paper-2:#EFE7E1; --ink:#1A1213; --ink-2:#2B2021;
  --muted:#6A5B57; --line:#DCD0C8; --red:#A30F0D; --mark:#F3E3A2;
  --gold:#F2B90F; --gold-hi:#FFCB2E;
  --wine:#4E0B0C; --wine-2:#3E0809; --wine-line:#74302F; --wine-text:#E8CFC9;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box;border-radius:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.015em;margin:0;text-wrap:balance}
p{margin:0}
.label{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tbd{background:var(--mark);color:var(--ink);padding:0 4px;font-style:normal;font-size:.92em}
svg.i{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;flex:none}

/* botões retos */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;font-weight:600;font-size:15.5px;text-decoration:none;border:1px solid var(--ink);transition:background .2s,color .2s}
.btn-dark{background:var(--ink);color:var(--paper)}
.btn-dark:hover{background:var(--red);border-color:var(--red)}
.btn-line{color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--paper)}
.link{font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.link:hover{color:var(--red)}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:#140C0D;color:#fff;transition:background .3s}
.top.scrolled{background:rgba(20,12,13,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}
.logo img{height:54px;width:auto}
@media (max-width:520px){.logo img{height:44px}}
.nav{display:flex;gap:32px;font-size:15px;font-weight:500}
.nav a{text-decoration:none;color:rgba(255,255,255,.78)}
.nav a:hover{color:#fff}
.top .btn{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.top .btn:hover{background:var(--gold-hi);border-color:var(--gold-hi)}
.top .btn{min-height:44px;padding:0 20px;font-size:14.5px}
@media (max-width:880px){.nav{display:none}}

/* hero */
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:end;padding-block:72px 64px}
.hero-copy{display:grid;gap:28px;padding-bottom:12px}
.hero h1{font-size:clamp(46px,6.4vw,92px)}
.hero h1 i{color:var(--red)}
.hero .lead{font-size:clamp(17px,1.5vw,19.5px);color:var(--muted);max-width:50ch}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.hero figure{margin:0;aspect-ratio:620/950;max-width:100%;overflow:hidden;background:var(--ink)}
.hero figure img{width:100%;height:100%;object-fit:cover}
.hero figcaption{font-size:13px;color:var(--muted);margin-top:10px}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;gap:40px;padding-block:48px}.hero figure{aspect-ratio:4/3}}

.facts{border-block:1px solid var(--line)}
.facts .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.facts .wrap>div{padding:22px 0 22px 24px;min-width:0}
.facts .wrap>div:first-child{border-left:0;padding-left:0}
.facts{background:var(--ink);color:#fff;border:0}
.facts span{color:#B9A7A2!important}
.facts b{color:var(--gold);display:block;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.1}
.facts span{font-size:14px;color:var(--muted)}
@media (max-width:760px){.facts .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.facts .wrap>div:nth-child(3){border-left:0;padding-left:0}.facts .wrap>div:nth-child(n+3){border-top:1px solid var(--line)}}

section{padding-block:clamp(72px,10vw,128px)}
.head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:48px}
.head-t{display:grid;gap:14px;max-width:660px}
.head h2,.h2{font-size:clamp(36px,4.6vw,60px)}

/* intro */
.intro .wrap{display:grid;gap:56px}
.statement{font-family:var(--serif);font-size:clamp(28px,3.4vw,44px);line-height:1.22;max-width:30ch}
.statement span{color:var(--muted)}
.intro-img{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:end}
.intro-img figure{margin:0}
.intro-img img{width:100%;aspect-ratio:16/10;object-fit:cover}
.intro-img p{color:var(--muted);font-size:16px;max-width:38ch}
@media (max-width:760px){.intro-img{grid-template-columns:1fr}}

/* suítes */
.rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
@media (max-width:900px){.rooms{grid-template-columns:1fr;max-width:560px}}
.room{display:grid;gap:18px;align-content:start}
.room figure{margin:0;overflow:hidden;aspect-ratio:4/3;max-width:100%}
.room img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.room:hover img{transform:scale(1.03)}
.room h3{font-size:34px}
.room .where{font-size:15.5px;color:var(--ink-2);margin-top:-8px}
.room ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px;color:var(--muted)}
.room ul li::before{content:"";display:inline-block;width:10px;height:1px;background:var(--muted);vertical-align:middle;margin-right:10px}
.room-f{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--line);padding-top:14px}
.room-f small{font-size:14px;color:var(--muted)}

/* faixa + serviços */
.band{height:clamp(320px,52vw,620px);overflow:hidden;background:var(--ink)}
.band img{width:100%;height:100%;object-fit:cover}
.panel{position:relative;margin-top:clamp(-180px,-12vw,-80px);background:var(--paper-2);padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}
@media (max-width:900px){.panel{grid-template-columns:1fr;gap:28px}}
.panel .side{display:grid;gap:16px;align-content:start}
.panel .side p{color:var(--muted)}
.band-sec{padding-bottom:clamp(72px,10vw,128px)!important}
/* serviços */
.services{background:var(--paper-2)}
.services .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}
@media (max-width:900px){.services .wrap{grid-template-columns:1fr;gap:32px}}
.services .side{display:grid;gap:18px;align-content:start}
.services .side p{color:var(--muted);max-width:40ch}
.svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;border-top:1px solid var(--line)}
@media (max-width:560px){.svc{grid-template-columns:1fr}}
.svc div{display:grid;grid-template-columns:26px 1fr;gap:4px 18px;padding:24px 0;border-bottom:1px solid var(--line);min-width:0}
.svc svg{grid-row:span 2;color:var(--red)}
.svc h3{font-family:var(--sans);font-weight:600;font-size:16.5px;letter-spacing:0;line-height:1.35}
.svc p{font-size:15px;color:var(--muted)}

/* amarelo da marca: só sobre fundos escuros ou como preenchimento */
.btn-gold{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn-gold:hover{background:var(--gold-hi);border-color:var(--gold-hi);color:var(--ink)}
/* valores */
.prices{background:var(--wine);color:#fff}
.prices .label{color:var(--wine-text)}
.pnote{color:var(--wine-text);max-width:36ch;font-size:15.5px}
.ptabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--wine-line);margin-bottom:8px}
.ptabs button{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--wine-text);font:600 15px var(--sans);padding:14px 0;margin-right:32px;cursor:pointer}
.ptabs button[aria-selected="true"]{color:#fff;border-bottom-color:#fff}
.ppanel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;padding-top:32px}
.ppanel[hidden]{display:none}
@media (max-width:820px){.ppanel{grid-template-columns:1fr;gap:40px}}
.ptable h3{font-size:30px;margin-bottom:12px}
.ptable dl{margin:0;font-variant-numeric:tabular-nums}
.ptable dl div{display:flex;align-items:baseline;gap:12px;padding:11px 0}
.ptable dl div::after{content:"";order:1;flex:1;border-bottom:1px dotted var(--wine-line);transform:translateY(-4px)}
.ptable dt{order:0;font-size:16.5px}
.ptable dd{order:2;margin:0;font-family:var(--serif);font-size:24px;line-height:1;color:#fff}
.ptable .pn{margin-top:10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.55)}
.ptable .pn dd{font-size:30px}
.ptable .pn dt{font-weight:600}
.btn-light{background:#fff;color:var(--wine);border-color:#fff}
.btn-light:hover{background:transparent;color:#fff}
/* autódromo */
.track{background:var(--ink);color:var(--paper)}
.track .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px}
@media (max-width:900px){.track .wrap{grid-template-columns:1fr;gap:48px}}
.track .label{color:#B9A7A2}
.track-copy{display:grid;gap:22px;align-content:start}
.track-copy p{color:#CDBDB8;font-size:18px;max-width:50ch}
.track-copy p strong{color:var(--paper);font-weight:600}
.track .btn-dark{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.track .btn-dark:hover{background:var(--red);border-color:var(--red);color:#fff}
.note{border-left:2px solid var(--gold);padding-left:18px;color:var(--paper)!important;font-size:16.5px!important}
.agenda{font-variant-numeric:tabular-nums;display:grid;gap:4px}
.agenda .label{margin-bottom:12px}
.src{font-size:13.5px;color:#9C8A86;margin-top:18px;max-width:52ch}
.agenda-h{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #4A3A3B}
.ev{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:18px 0}
.ev .d{font-family:var(--serif);font-size:30px;line-height:1;color:var(--gold)}
.ev .d small{display:block;font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#B9A7A2;margin-top:6px}
.ev b{display:block;font-weight:600;font-size:17px}
.ev span{font-size:14.5px;color:#B9A7A2}
.track .tbd{color:var(--ink)}

/* avaliações */
.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
@media (max-width:900px){.reviews{grid-template-columns:1fr;max-width:620px}}
.review{display:grid;gap:20px;align-content:space-between}
.review blockquote{margin:0;font-family:var(--serif);font-size:22px;line-height:1.35}
.review footer{font-size:14px;color:var(--muted)}
.review footer b{display:block;color:var(--ink);font-weight:600}
.stars{color:var(--red);letter-spacing:.2em;font-size:14px}

/* guia */
.guide{border-top:1px solid var(--line)}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
@media (max-width:900px){.posts{grid-template-columns:1fr;max-width:620px}}
.post{display:grid;gap:14px;align-content:start;text-decoration:none}
.post figure{margin:0 0 8px;aspect-ratio:4/3;max-width:100%;overflow:hidden;background:var(--ink)}
.post figure img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.post:hover figure img{transform:scale(1.03)}
.post h3{font-size:27px;line-height:1.15}
.post p{color:var(--muted);font-size:15.5px}
.post:hover h3{color:var(--red)}
.post .more{font-size:14.5px;font-weight:600}

/* faq */
.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}
@media (max-width:900px){.faq-wrap{grid-template-columns:1fr;gap:32px}}
.faq{border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 0;font-family:var(--serif);font-size:22px;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;flex:none;transition:transform .2s}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq details p{padding-bottom:24px;color:var(--muted);max-width:62ch}

/* contato */
.contact{background:var(--wine);color:#fff}
.contact .label{color:var(--wine-text)}
.contact .btn-dark{background:#fff;color:var(--wine);border-color:#fff}
.contact .btn-dark:hover{background:transparent;color:#fff}
.contact .btn-line{color:#fff;border-color:#fff}
.contact .btn-line:hover{background:#fff;color:var(--wine)}
.contact .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
@media (max-width:860px){.contact .wrap{grid-template-columns:1fr;gap:40px}}
.contact p.sub{color:var(--wine-text);font-size:18px;margin-top:20px;max-width:44ch}
.contact dl{margin:0}
.contact dl div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:14px 0}
.contact dt{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wine-text);padding-top:3px}
.contact dd{margin:0;font-size:17px;user-select:all}
.contact dd.phone{font-family:var(--serif);font-size:30px;line-height:1.1;color:var(--gold)}
.contact .cta-row{margin-top:28px}
@media (max-width:480px){.contact dl div{grid-template-columns:1fr;gap:4px}}

.foot{background:var(--ink);color:#B9A7A2;font-size:14px;padding-block:48px calc(48px + env(safe-area-inset-bottom,0px))}
.foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:center}
.foot img{height:34px;width:auto}
.foot a{color:#B9A7A2}
@media (max-width:760px){.foot{padding-bottom:110px}}

.mbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--paper);border-top:1px solid var(--line)}
.mbar .btn{width:100%}
@media (max-width:760px){.mbar{display:block}}

/* ===== páginas internas ===== */
.crumbs{font-size:13.5px;color:var(--muted);padding-top:28px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--line)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--red)}

.p-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:40px 72px}
@media (max-width:900px){.p-hero .wrap{grid-template-columns:1fr;gap:32px;padding-block:28px 56px}}
.p-hero .copy{display:grid;gap:24px}
.p-hero h1{font-size:clamp(40px,5.2vw,72px)}
.p-hero .answer{font-size:clamp(17px,1.5vw,19.5px);color:var(--ink-2);max-width:52ch}
.p-hero .answer strong{font-weight:600}
.p-hero figure{margin:0;aspect-ratio:4/3;max-width:100%;overflow:hidden;background:var(--ink)}
.p-hero figure.tall{aspect-ratio:4/5}
.p-hero figure img{width:100%;height:100%;object-fit:cover}
.meta{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px;color:var(--muted)}
.meta b{color:var(--ink);font-weight:600}

.gallery{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-auto-rows:auto;gap:12px}
.gallery figure{margin:0;overflow:hidden;aspect-ratio:4/3;max-width:100%;background:var(--ink)}
.gallery figure:first-child{grid-row:span 2;aspect-ratio:auto}
.gallery img{width:100%;height:100%;object-fit:cover}
@media (max-width:760px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery figure:first-child{grid-row:auto;grid-column:span 2;aspect-ratio:4/3}}
.cap{font-size:13px;color:var(--muted);margin-top:12px}

.two{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}
@media (max-width:900px){.two{grid-template-columns:1fr;gap:28px}}
.two .side{display:grid;gap:16px;align-content:start}
.two .side p{color:var(--muted)}
.prose{display:grid;gap:18px;max-width:62ch}
.prose p{color:var(--ink-2)}
.prose h3{font-size:28px;margin-top:12px}
.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px}
@media (max-width:560px){.checks{grid-template-columns:1fr}}
.checks li{display:grid;grid-template-columns:20px 1fr;gap:12px;font-size:16px}
.checks svg{width:20px;height:20px;stroke:var(--red);stroke-width:1.75;fill:none;stroke-linecap:square;margin-top:3px}

.tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 56px}
@media (max-width:760px){.tips{grid-template-columns:1fr}}
.tip{display:grid;gap:10px}
.tip h3{font-size:26px}
.tip p{color:var(--muted)}

.cal{font-variant-numeric:tabular-nums}
.cal-row{display:grid;grid-template-columns:150px 1fr auto;gap:24px;align-items:baseline;padding:16px 0}
.cal-row+.cal-row{border-top:1px solid #3A2B2C}
.cal-row .d{font-family:var(--serif);font-size:24px;color:var(--gold)}
.cal-row b{font-weight:600;font-size:17px}
.cal-row span{font-size:14px;color:#B9A7A2}
.cal-month{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#B9A7A2;margin:32px 0 4px}
@media (max-width:560px){.cal-row{grid-template-columns:1fr;gap:4px}}

.related{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;text-decoration:none}
@media (max-width:760px){.related{grid-template-columns:1fr;gap:24px}}
.related figure{margin:0;aspect-ratio:16/10;overflow:hidden;max-width:100%}
.related img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.related:hover img{transform:scale(1.03)}
.related h2{font-size:clamp(32px,4vw,52px)}
.related:hover h2{color:var(--red)}
.related .copy{display:grid;gap:14px}
.related .copy p{color:var(--muted)}

.foot-links{display:flex;flex-wrap:wrap;gap:10px 24px;width:100%;padding-bottom:24px;border-bottom:1px solid #3A2B2C;margin-bottom:8px}
.foot-links a{text-decoration:none;color:#E8DCD8}
.foot-links a:hover{color:var(--gold)}

/* mapa no contato */
.contact .map{grid-column:1/-1;display:block;aspect-ratio:21/8;min-height:280px;max-width:100%;background:var(--wine-2);overflow:hidden}
.contact .map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.3)}
.contact .map-ph{display:grid;align-content:center;justify-items:start;gap:8px;padding:32px;text-decoration:none;color:#fff;border:1px dashed var(--wine-line)}
.contact .map-ph span{color:var(--wine-text);font-size:14.5px}
.contact .map-ph b{font-family:var(--serif);font-weight:400;font-size:26px}
@media (max-width:760px){.contact .map{aspect-ratio:4/3}}

/* artigo */
.article{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:start}
@media (max-width:960px){.article{grid-template-columns:1fr;gap:48px}}
.article .prose{max-width:66ch;gap:20px}
.article .prose h2{font-size:clamp(28px,3vw,38px);margin-top:28px}
.article .prose p,.article .prose li{font-size:17.5px;line-height:1.7;color:var(--ink-2)}
.article .prose ul{margin:0;padding-left:20px;display:grid;gap:8px}
.article .prose a{color:var(--red)}
.aside{position:sticky;top:120px;background:var(--paper-2);padding:28px;display:grid;gap:16px}
.aside h3{font-size:26px}
.aside p{font-size:15.5px;color:var(--muted)}
.byline{font-size:14px;color:var(--muted)}
.sources{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
.sources a{color:var(--muted)}

/* WhatsApp flutuante */
.mbar{display:none!important}
.foot{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
.wa-float{position:fixed;z-index:40;right:max(20px,calc(env(safe-area-inset-right,0px) + 16px));bottom:calc(20px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;height:60px;padding:0 18px;background:#25D366;color:#fff;text-decoration:none;font-weight:600;font-size:15px;border-radius:30px;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:transform .2s,box-shadow .2s}
.wa-float svg{width:28px;height:28px;flex:none}
.wa-float:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.3)}
.wa-float:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media (max-width:760px){.wa-float{width:60px;padding:0;justify-content:center}.wa-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}

@media (max-width:760px){.foot-links{display:grid;grid-template-columns:1fr;gap:0}.foot-links a{display:block;padding:12px 0;border-bottom:1px solid #2A1F20}}

/* valores "a partir de" */
.vcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
@media (max-width:760px){.vcards{grid-template-columns:1fr;gap:36px}}
.vcard{display:grid;gap:10px;align-content:start;border-top:1px solid rgba(255,255,255,.55);padding-top:24px}
.vcard h3{font-size:30px}
.vcard .from{font-family:var(--serif);font-size:clamp(48px,6vw,72px);line-height:1}
.vcard .from small{display:block;font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--wine-text);margin-bottom:8px}
.vcard p{color:var(--wine-text)}
.vcard .link{justify-self:start;color:#fff;margin-top:6px}
.vnote{margin-top:40px;max-width:70ch;color:var(--wine-text);font-size:15.5px;padding-left:16px;border-left:2px solid var(--gold)}
.vcard .from .per{font-family:var(--sans);font-size:18px;font-weight:500;color:var(--wine-text);margin-left:8px;letter-spacing:0}