/* Landing pages: eventos corporativos e casamentos. Carregado depois de mkar.css e mkar-cafe.css. */
.hero--landing{min-height:min(88svh,820px)}
.hero--landing .hero__title{max-width:13ch}
.nav__links a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--accent)}

.why,.proof,.faq,.moments{padding-block:var(--section)}
.why .h2{max-width:18ch;margin-bottom:clamp(36px,5vw,64px)}
.why__list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--taupe)}
.why__list li{display:flex;flex-direction:column;gap:14px;padding:34px 32px 8px 0}
.why__list li+li{padding-left:32px;border-left:1px solid var(--taupe)}
.why__n{font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.08em;color:var(--accent)}
.why__list p{color:var(--graphite)}
@media (max-width:900px){.why__list{grid-template-columns:1fr}.why__list li,.why__list li+li{padding:28px 0;border-left:0;border-bottom:1px solid var(--taupe)}}

.moments__list{margin:4px 0 32px;display:flex;flex-direction:column}
.moments__list li{font-family:var(--serif);font-size:clamp(20px,1.8vw,24px);color:var(--ink);padding:14px 0;border-bottom:1px solid var(--taupe);display:flex;gap:14px;align-items:baseline}
.moments__list li::before{content:"·";color:var(--accent);font-size:1.4em;line-height:0}

.proof{text-align:center}
.proof .h2{margin-inline:auto;max-width:20ch}
.proof__list{margin-top:8px}
.proof__quote{max-width:820px;margin:0 auto}
.proof__quote blockquote{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(24px,2.8vw,36px);line-height:1.3;color:var(--ink);margin:0 0 18px}
.proof__quote figcaption{font-size:15px;color:var(--graphite)}

.faq__grid{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,6vw,96px);align-items:start}
.faq__list{border-top:1px solid var(--taupe)}
.faq__item{border-bottom:1px solid var(--taupe)}
.faq__item summary{cursor:pointer;list-style:none;font-family:var(--serif);font-size:clamp(20px,1.8vw,24px);color:var(--ink);padding:22px 44px 22px 0;position:relative}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";position:absolute;right:4px;top:18px;font-family:var(--sans);font-size:26px;color:var(--accent);transition:transform .25s var(--ease)}
.faq__item[open] summary::after{transform:rotate(45deg)}
.faq__item p{padding:0 0 24px;color:var(--charcoal);max-width:62ch}
@media (max-width:900px){.faq__grid{grid-template-columns:1fr}}

.listen .h2{margin-bottom:clamp(28px,4vw,48px)}
.listen__reel{max-width:980px}