/* páginas institucionais */
.page__head{padding-block:clamp(24px,4vw,56px) clamp(16px,2vw,32px)}
.page__title{font-size:var(--t-h1, clamp(2.4rem,5vw,4.5rem));font-weight:500;letter-spacing:-.04em;line-height:.95;margin-top:16px}
.page__body{padding-bottom:clamp(64px,8vw,128px);max-width:760px}
.page__body h2,.page__body h3{margin:2em 0 .6em;font-weight:500;letter-spacing:-.02em}
.page__body p,.page__body li{color:var(--graphite);line-height:1.6}
.page__body p+p{margin-top:1em}
.page__body ul{list-style:disc;padding-left:1.2em}
.page__body h2{font-size:var(--t-h3)}
.page__body b,.page__body strong{color:var(--ink);font-weight:500}

/* Conheça a Drama */
.about__hero{padding-block:clamp(24px,4vw,56px) clamp(32px,5vw,72px)}
.about__kicker{margin-top:var(--s-6)}
.about__title{margin-top:var(--s-4);max-width:18ch;font-size:clamp(2.6rem,1.6rem + 4.4vw,6.25rem);font-weight:500;letter-spacing:-.05em;line-height:.92}
.about__title .muted{color:var(--mute)}
.about__media{display:grid;gap:var(--gut);grid-template-columns:1fr}
@media (min-width:1024px){.about__media{grid-template-columns:2fr 1fr;align-items:end}}
.about__fig{position:relative;overflow:hidden;background:var(--sand)}
.about__fig img{display:block;width:100%;height:100%;object-fit:cover}
.about__fig--big{aspect-ratio:16/10}
.about__fig--big img{position:absolute;inset:-8% 0;height:116%}
.about__fig:not(.about__fig--big){aspect-ratio:4/5}
.about__grid{display:grid;gap:var(--s-7);align-items:start}
@media (min-width:1024px){.about__grid{grid-template-columns:5fr 7fr}}
.about__year{font-size:clamp(5rem,3rem + 10vw,13rem);font-weight:500;letter-spacing:-.06em;line-height:.8}
.about__text{display:grid;gap:var(--s-5);max-width:60ch}
.about__text p{color:var(--graphite);line-height:1.6}
.about__text .lead{color:var(--ink);font-size:clamp(1.35rem,1.1rem + 1vw,2rem);line-height:1.25;letter-spacing:-.025em}
.about__quote{padding-left:var(--s-5);border-left:1px solid var(--ink)}
.about__quote p{color:var(--ink);font-size:clamp(1.2rem,1rem + .8vw,1.6rem);line-height:1.3;letter-spacing:-.02em}
.about__tags{color:var(--mute)}
.about__band{position:relative;overflow:hidden;height:clamp(260px,40vw,560px);background:var(--ink)}
.about__band-img{position:absolute;inset:-10% 0}
.about__band-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.about__cols{display:grid;gap:var(--s-6);margin-top:var(--s-7)}
@media (min-width:768px){.about__cols{grid-template-columns:repeat(3,1fr)}}
.about__cols li{display:grid;gap:8px;padding-top:var(--s-4);border-top:1px solid var(--line)}
.about__cols .label{color:var(--mute)}
.about__cols b{font-size:1.25rem;font-weight:500;letter-spacing:-.02em}
.about__cols p{color:var(--graphite)}
.about__cta{display:flex;flex-wrap:wrap;gap:var(--s-4);margin-top:var(--s-7)}

/* Contato */
.contact__lead{margin-top:var(--s-4);max-width:48ch}
.contact__grid{display:grid;gap:var(--s-8);padding-bottom:clamp(64px,8vw,128px)}
@media (min-width:1024px){.contact__grid{grid-template-columns:5fr 7fr;gap:var(--gut)}}
.contact__cards{display:grid;gap:var(--s-3);align-content:start}
.contact__card{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:2px;align-items:center;padding:20px 22px;border:1px solid var(--line);background:var(--paper);transition:border-color var(--d-2),background-color var(--d-2)}
.contact__card .ico{grid-row:1/3;width:24px;height:24px}
.contact__card .label{color:var(--mute)}
.contact__card b{font-weight:500;font-size:1.0625rem;letter-spacing:-.01em;word-break:break-word}
.contact__card--wa{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.contact__card--wa .label{color:var(--paper-mute)}
.contact__go{grid-column:2;display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:.875rem}
.contact__go .ico{width:16px;height:16px;grid-row:auto}
@media (hover:hover){.contact__card:not(.contact__card--wa):hover{border-color:var(--ink)}.contact__card--wa:hover{background:var(--graphite)}}
.contact__form{padding:clamp(24px,3vw,40px);background:var(--sand)}
.contact__form .h3{margin-bottom:var(--s-5)}

/* Formulário de contato nativo */
.ct__grid{display:grid;gap:var(--s-5);grid-template-columns:1fr}
@media (min-width:768px){.ct__grid{grid-template-columns:1fr 1fr}.ct__full{grid-column:1/-1}}
.ct .field__label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:500}
.ct .field__label span[aria-hidden]{color:var(--red)}
.ct .field__opt{color:var(--mute);font-weight:400}
.ct .input,.ct .select{width:100%;min-height:48px;background:#fff}
.ct textarea.input{min-height:160px;resize:vertical;padding-block:12px}
.ct__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.ct__captcha{margin-top:var(--s-5)}
.ct__legal{margin:var(--s-4) 0 var(--s-5);font-size:.8125rem;color:var(--mute)}
.ct-done,.ct-err{display:flex;gap:14px;align-items:flex-start;padding:20px;border:1px solid var(--line);background:var(--paper)}
.ct-done .ico{width:24px;height:24px;flex:none;color:var(--ink)}
.ct-done b,.ct-err b{display:block;font-weight:500;font-size:1.0625rem}
.ct-done p{margin-top:4px;color:var(--graphite)}
.ct-err{display:block;margin-bottom:var(--s-5);border-color:var(--red)}
.ct-err ul{margin-top:6px;padding-left:1.1em;list-style:disc;color:var(--red);font-size:.9375rem}