/* Kelvim Andrade — publicação fotográfica em pôsteres.
   Referência: Site/design-reference.png (três blocos fotográficos empilhados, tipografia branca,
   microtextos nas bordas, letras-fantasma). GSAP move só transform, opacity e clip-path;
   o CSS cuida de cor, foco e estados. Nada que o GSAP anima recebe transição CSS. */

@font-face{font-family:Archivo;src:url("../fonts/archivo-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Archivo;src:url("../fonts/archivo-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Archivo;src:url("../fonts/archivo-900.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-600-latin.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("../fonts/barlow-condensed-700-latin.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url("../fonts/bodoni-moda-latin.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}

:root{
  color-scheme:dark;
  --ink:#0b0c0a; --ink-2:#121310; --olive:#1b1c15; --olive-2:#24251c; --tobacco:#2a2017;
  --bone:#f0ead8; --bone-2:rgba(240,234,216,.78); --smoke:#a9a493; --amber:#d1b26a;
  --line:rgba(240,234,216,.2); --line-strong:rgba(240,234,216,.42);
  --display:"Barlow Condensed","Arial Narrow",sans-serif; --sans:Archivo,Arial,sans-serif; --serif:"Bodoni Moda",Georgia,serif;
  --pad:clamp(1rem,.55rem + 2vw,2.75rem); --section:clamp(5.5rem,4rem + 7vw,11rem);
  --header:4.25rem; --ease:cubic-bezier(.16,1,.3,1); --focus:3px solid var(--amber);
  --grade:saturate(.6) sepia(.2) contrast(1.06) brightness(.8);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header);background:var(--ink);-webkit-tap-highlight-color:rgba(209,178,106,.2)}
body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--sans);font-size:clamp(1rem,.96rem + .18vw,1.125rem);line-height:1.55;overflow-x:clip;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.menu-open,body.dialog-open{overflow:hidden}
::selection{background:var(--amber);color:var(--ink)}
html{scrollbar-color:#4a4636 var(--ink)}
img{display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3,ol,dl,dd{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
button,a{touch-action:manipulation}
a{color:inherit;text-underline-offset:.24em;text-decoration-thickness:1px}
:focus-visible{outline:var(--focus);outline-offset:4px}
h1,h2,h3{font-weight:700;text-wrap:balance}
p{max-width:62ch;text-wrap:pretty}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:1.1em;height:1.1em;flex:none;display:inline-block;vertical-align:-.15em}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:fixed;z-index:200;top:.7rem;left:.7rem;transform:translateY(-180%);background:var(--bone);color:var(--ink);padding:.8rem 1rem;font-weight:600}
.skip-link:focus{transform:none}
.micro{font-size:.78rem;font-weight:600;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:0 1.35rem;border:1.5px solid var(--bone);font-size:.9rem;font-weight:600;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.btn--solid{background:var(--bone);color:var(--ink)}
.btn--solid:hover{background:var(--amber);border-color:var(--amber)}
.btn--line{background:rgba(11,12,10,.35);color:var(--bone);border-color:var(--line-strong)}
.btn--line:hover{border-color:var(--bone);background:rgba(11,12,10,.6)}
.btn:active{filter:brightness(.9)}
.text-action{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;font-size:.9rem;font-weight:600;text-decoration:underline;text-underline-offset:.35em}
.text-action:hover{color:var(--amber)}

/* ---------- Cabeçalho ---------- */
.site-header{position:fixed;z-index:40;inset:0 0 auto;height:var(--header);display:flex;align-items:center;gap:2rem;padding:0 var(--pad);padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right));background:linear-gradient(rgba(8,9,7,.55),rgba(8,9,7,0));transition:background-color .3s,transform .4s var(--ease),border-color .3s;border-bottom:1px solid transparent}
.site-header.is-solid{background:rgba(11,12,10,.94);border-color:var(--line)}
.site-header.is-hidden{transform:translateY(-100%)}
.brand{display:flex;align-items:center;min-height:2.75rem;margin-right:auto;color:var(--bone);text-decoration:none}
.brand__logo{width:auto;height:2.6rem}
.brand{transition:opacity .3s,visibility .3s}
.site-header:not(.is-solid) .brand{opacity:0;visibility:hidden}
.desktop-nav{display:none}
.header-cta{display:none}
.menu-toggle,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-width:2.9rem;min-height:2.9rem;padding:0 .8rem;border:1.5px solid var(--line-strong);background:rgba(11,12,10,.55);cursor:pointer}
.menu-toggle{font-size:.85rem;font-weight:600}
.icon-button .icon{width:1.35rem;height:1.35rem}
.mobile-menu{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;background:var(--olive);padding:1rem var(--pad) 1.5rem}
.mobile-menu[hidden]{display:none}
.mobile-menu__top{display:flex;align-items:center;justify-content:space-between;height:calc(var(--header) - 1rem)}
.mobile-menu__top .brand__mark{width:2.4rem;height:auto}
.mobile-menu nav{display:flex;flex:1;flex-direction:column;justify-content:center;gap:.15rem}
.mobile-menu nav a{display:flex;align-items:baseline;gap:1rem;padding:.35rem 0;border-bottom:1px solid var(--line);font-family:var(--display);font-size:clamp(2.6rem,12vw,4.5rem);font-weight:700;line-height:1;text-transform:uppercase;text-decoration:none}
.mobile-menu nav small{font-family:var(--sans);font-size:.75rem;font-weight:600;color:var(--amber);letter-spacing:.1em}
.mobile-menu__foot{font-size:.8rem;color:var(--smoke);letter-spacing:.08em;text-transform:uppercase}

/* ---------- Pôsteres ---------- */
.poster{position:relative;height:100svh;min-height:40rem;overflow:hidden;background:var(--ink);isolation:isolate}
.poster+.poster{margin-top:clamp(.35rem,.6vw,.6rem)}
.poster__media{position:absolute;z-index:-3;inset:-7% 0}
.poster__media picture,.poster__image{display:block;width:100%;height:100%}
.poster__image{max-width:none;object-fit:cover;filter:var(--grade)}
.poster__shade{position:absolute;z-index:-2;inset:0}
.poster__meta{position:absolute;z-index:4;font-size:.78rem;font-weight:600;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;color:var(--bone-2)}
.poster__meta strong{color:var(--bone);font-weight:600}
.poster__meta--tl{top:calc(var(--header) + 1.25rem);left:var(--pad)}
.poster__meta--tr{top:calc(var(--header) + 1.25rem);right:var(--pad);text-align:right}
.poster__meta--br{right:var(--pad);bottom:1.75rem;text-align:right}
.poster__vertical{position:absolute;z-index:4;right:calc(var(--pad) * .55);top:40%;writing-mode:vertical-rl;font-size:.7rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--bone-2);white-space:nowrap}
.poster__vertical--left{right:auto;left:calc(var(--pad) * .55);writing-mode:vertical-rl;rotate:180deg}

/* Pôster 1: assinatura sobre o palco */
.poster--hero .poster__image{object-position:50% 40%}
.poster--hero .poster__shade{background:linear-gradient(180deg,rgba(8,9,7,.5) 0%,rgba(8,9,7,.08) 34%,rgba(8,9,7,.22) 58%,rgba(8,9,7,.88) 100%)}
.hero__mark{position:absolute;z-index:3;top:max(calc(var(--header) + 3.5rem),13%);left:0;right:0;margin:0 auto;width:min(40vw,38rem);color:var(--bone);filter:drop-shadow(0 6px 30px rgba(0,0,0,.45))}
.hero__mark svg{display:block;width:100%;height:auto}
.hero__foot{position:absolute;z-index:4;left:var(--pad);right:var(--pad);bottom:max(1.75rem,env(safe-area-inset-bottom));display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-top:1.25rem;border-top:1px solid var(--line-strong)}
.hero__foot p{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,1rem + .6vw,1.6rem);line-height:1.2}
.hero__actions{display:flex;flex-wrap:wrap;gap:.6rem}

/* Pôster 2: título pesado, letras-fantasma e coluna de datas */
.poster--profile .poster__image{object-position:62% 35%}
.poster--profile .poster__shade{background:linear-gradient(90deg,rgba(8,9,7,.9) 0%,rgba(8,9,7,.62) 42%,rgba(8,9,7,.22) 78%,rgba(8,9,7,.4) 100%)}
.ghost-type{position:absolute;z-index:-1;left:-.04em;top:16%;font-family:var(--display);font-size:clamp(9rem,31vw,34rem);font-weight:700;line-height:.8;letter-spacing:-.01em;color:rgba(240,234,216,.075);white-space:nowrap;pointer-events:none}
.profile__copy{position:absolute;z-index:4;left:max(var(--pad),7vw);top:30%;max-width:44rem}
.profile__kicker{font-size:.95rem;font-weight:600;margin-bottom:.6rem}
.profile__copy h2{font-family:var(--display);font-size:clamp(4.25rem,10.5vw,10.5rem);line-height:.84;letter-spacing:-.005em;text-transform:uppercase}
.profile__lede{margin-top:1.4rem;max-width:30ch;color:var(--bone-2);font-size:clamp(.95rem,.9rem + .2vw,1.1rem)}
.profile__dates{position:absolute;z-index:4;right:max(var(--pad),9vw);top:30%;display:grid;gap:1.2rem;text-align:center}
.profile__dates div+div{padding-top:1.2rem;border-top:1px solid var(--line-strong)}
.profile__dates dt{font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--bone-2)}
.profile__dates dd b{display:block;font-family:var(--display);font-size:clamp(4rem,7.5vw,7rem);line-height:.86;font-weight:700}
.profile__dates dd span{font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--bone-2)}

/* Pôster 3: serifa espaçada em janela */
.poster--anthem .poster__image{object-position:60% 30%}
.poster--anthem .poster__shade{background:radial-gradient(ellipse 70% 60% at 50% 46%,rgba(8,9,7,.12),rgba(8,9,7,.72)),linear-gradient(180deg,rgba(8,9,7,0) 55%,rgba(8,9,7,.6))}
.anthem__center{position:absolute;z-index:4;left:var(--pad);right:var(--pad);top:56%;display:flex;flex-direction:column;align-items:center;text-align:center}
.anthem__title{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,6.6vw,7.25rem);line-height:1;letter-spacing:.42em;margin-right:-.42em;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 22px rgba(0,0,0,.55)}
.anthem__play{display:inline-flex;align-items:center;gap:.9rem;min-height:3.5rem;margin-top:2rem;padding:0 1rem 0 0;border:0;background:none;font-size:.9rem;font-weight:600;letter-spacing:.04em;cursor:pointer}
.anthem__play-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border:1.5px solid var(--bone);border-radius:50%;transition:background-color .2s,color .2s}
.anthem__play-icon .icon{width:1.35rem;height:1.35rem;margin-left:3px}
.anthem__play:hover .anthem__play-icon{background:var(--bone);color:var(--ink)}
.anthem__credit{position:absolute;z-index:4;left:0;right:0;bottom:1.6rem;margin:0 auto;text-align:center;font-size:.85rem;font-weight:600;color:var(--bone-2)}
.anthem__credit em{font-family:var(--serif);font-weight:400;margin-right:.35em}

/* ---------- Cabeça de seção ---------- */
.archive,.videos,.gallery,.invite,.press{padding:var(--section) var(--pad)}
.section-head{display:grid;gap:1rem;margin-bottom:clamp(2.5rem,5vw,5rem);padding-top:1rem;border-top:1px solid var(--line-strong)}
.section-head .micro{order:-1}
.section-head h2{font-family:var(--display);font-size:clamp(3.4rem,9.5vw,8.5rem);line-height:.84;text-transform:uppercase;letter-spacing:-.005em}
.section-head>p:last-child{color:var(--smoke);font-size:1rem;max-width:44ch}

/* ---------- História ---------- */
.archive{background:var(--ink-2)}
.timeline{display:grid;grid-auto-flow:dense;gap:1px;background:var(--line);border:1px solid var(--line)}
.timeline__item{display:grid;grid-template-rows:auto 1fr;background:var(--ink-2)}
.timeline__item figure{height:56vh;min-height:22rem;overflow:hidden}
.timeline__item img{width:100%;height:100%;object-fit:cover;filter:var(--grade)}
.timeline__item>div{display:grid;align-content:start;gap:.6rem;padding:1.4rem 1.3rem 1.8rem}
.timeline__item time{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.timeline__item h3{font-family:var(--display);font-size:clamp(2rem,2.6vw,2.9rem);line-height:.92;text-transform:uppercase}
.timeline__item p{font-size:.98rem;color:var(--smoke)}

/* ---------- Música ---------- */
.music{display:grid;background:var(--olive);min-height:100svh}
.music__visual{height:62svh;overflow:hidden}
.music__visual img{width:100%;height:100%;object-fit:cover;filter:var(--grade);transition:opacity .25s ease}
.music__content{padding:var(--section) var(--pad)}
.section-head--compact h2{font-size:clamp(3.2rem,7.5vw,7rem)}
.music-list{list-style:none;padding:0;counter-reset:faixa}
.music-item a{position:relative;display:grid;grid-template-columns:2.5rem 1fr auto;gap:.3rem 1rem;align-items:baseline;padding:1.3rem 0;border-top:1px solid var(--line);text-decoration:none;counter-increment:faixa}
.music-item a::before{content:counter(faixa,decimal-leading-zero);grid-row:1/3;font-size:.78rem;font-weight:600;color:var(--amber);letter-spacing:.08em}
.music-item__title{font-family:var(--serif);font-size:clamp(1.9rem,4.6vw,4.4rem);line-height:.95;letter-spacing:-.02em}
.music-item__meta{grid-column:2;font-size:.85rem;color:var(--smoke)}
.music-item__year{grid-column:3;grid-row:1/3;align-self:center;display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bone-2)}
.editorial-note{margin-top:2rem;color:var(--smoke);font-size:.85rem}

/* ---------- Vídeos ---------- */
.videos{background:var(--ink)}
.filter-bar{display:flex;gap:.5rem;margin:0 0 1rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.25rem}
.filter-bar::-webkit-scrollbar{display:none}
.filter-bar button{flex:none;min-height:2.75rem;padding:0 1rem;border:1px solid var(--line-strong);background:transparent;font-size:.85rem;font-weight:600;letter-spacing:.04em;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.filter-bar button.is-active{background:var(--bone);border-color:var(--bone);color:var(--ink)}
.filter-status{margin-bottom:1.75rem;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--smoke)}
.video-grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.video-card{display:grid;align-content:start;background:var(--ink)}
.video-card__media{position:relative;display:block;width:100%;padding:0;border:0;background:#000;overflow:hidden;cursor:pointer}
.video-card__media img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.7) sepia(.1);transition:transform .6s var(--ease),filter .25s}
.video-card__media .video-card__play{position:absolute;z-index:2;left:1rem;bottom:1rem;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--bone);color:var(--ink)}
.video-card__play .icon{width:1.1rem;height:1.1rem;margin-left:2px}
.video-card>div{padding:1rem 1rem 1.4rem}
.video-card h3{font-family:var(--serif);font-size:clamp(1.5rem,2.4vw,2.4rem);font-weight:400;line-height:1;letter-spacing:-.01em}
.video-card p{margin-top:.5rem;font-size:.82rem;color:var(--smoke)}
.load-more{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;margin-top:2.5rem;padding:0 1.35rem;border:1.5px solid var(--bone);background:transparent;font-size:.9rem;font-weight:600;cursor:pointer}
.load-more:hover{background:var(--bone);color:var(--ink)}
.load-more[hidden]{display:none}

/* ---------- Agenda ---------- */
.agenda{position:relative;min-height:100svh;overflow:hidden;background:var(--tobacco);isolation:isolate;display:grid;align-items:center}
.agenda__media{position:absolute;z-index:-3;inset:-8% 0}
.agenda__media picture,.agenda__media img{width:100%;height:100%}
.agenda__media img{object-fit:cover;object-position:45% 40%;filter:saturate(.45) sepia(.3) contrast(1.08) brightness(.75)}
.agenda__shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(20,15,10,.92) 0%,rgba(20,15,10,.7) 50%,rgba(20,15,10,.45) 100%)}
.agenda__ghost{position:absolute;z-index:-1;right:-.06em;bottom:-.14em;font-family:var(--display);font-size:clamp(8rem,30vw,32rem);font-weight:700;line-height:.8;color:rgba(240,234,216,.07);white-space:nowrap}
.agenda__content{position:relative;padding:var(--section) var(--pad);max-width:62rem;display:grid}
.agenda__content .micro{margin-bottom:.8rem}
.agenda__content h2{font-family:var(--display);font-size:clamp(4rem,12vw,11rem);line-height:.82;text-transform:uppercase;margin-bottom:2rem}
.agenda-empty{display:grid;gap:1.5rem;max-width:34rem}
.agenda-empty__title{font-family:var(--serif);font-size:clamp(1.6rem,1.2rem + 1.5vw,2.6rem);line-height:1.1}
.agenda-empty p:not(.agenda-empty__title){color:var(--bone-2)}
.agenda-empty .btn{justify-self:start}
.agenda-event{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1.5rem;padding:1.2rem 0;border-top:1px solid var(--line-strong)}
.agenda-event time{grid-row:1/3;font-family:var(--display);font-size:3rem;line-height:.9;font-weight:700}
.agenda-event h3{font-family:var(--display);font-size:1.8rem;text-transform:uppercase}

/* ---------- Imprensa ---------- */
.press{display:grid;gap:3rem;background:var(--ink-2)}
.press__visual{overflow:hidden}
.press__visual img{width:100%;height:72svh;min-height:30rem;object-fit:cover;object-position:50% 30%;filter:var(--grade)}
.press__visual figcaption{margin-top:.7rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--smoke)}
.press__content{align-self:center}
.press-list{display:grid;gap:2rem;margin-bottom:2rem}
.press-item{display:grid;gap:.5rem;padding-top:1rem;border-top:1px solid var(--line)}
.press-item__meta{order:-1;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}
.press-item h3{font-family:var(--serif);font-size:clamp(1.6rem,2.2vw,2.1rem);font-weight:400;line-height:1.1}
.press-item h3 a{text-decoration:none}
.press-item h3 a:hover{text-decoration:underline}
.press-item p{font-size:.98rem;color:var(--smoke)}

/* ---------- Galeria ---------- */
.gallery{background:var(--ink)}
.gallery .filter-bar{margin-bottom:2rem}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
.gallery-item{position:relative;padding:0;border:0;background:var(--ink);overflow:hidden;cursor:zoom-in}
.gallery-item:nth-child(5n+1){grid-column:span 2}
.gallery-item__frame{display:block;width:100%;height:100%;overflow:hidden;transition:transform .7s var(--ease)}
.gallery-item img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;filter:saturate(.62) sepia(.12) contrast(1.04);transition:filter .3s}
.gallery-item:nth-child(5n+1) img{aspect-ratio:16/10}

/* ---------- Convites ---------- */
.invite{display:grid;gap:4rem;background:var(--olive)}
.invite__intro{display:grid;align-content:start}
.invite__intro .micro{margin-bottom:.8rem}
.invite__intro h2{font-family:var(--display);font-size:clamp(3.6rem,8vw,7.5rem);line-height:.84;text-transform:uppercase;margin-bottom:1.5rem}
.invite__intro>p:not(.micro){color:var(--bone-2);font-size:1rem}
.contact-lines{display:grid;gap:.4rem;margin-top:2rem;font-size:.9rem}
.contact-lines a{display:inline-flex;align-items:center;min-height:2.75rem;justify-self:start}
.contact-lines span{color:var(--smoke)}
.invite-form{display:grid;gap:1.3rem;align-content:start}
.form-field{display:grid;gap:.4rem}
.form-field label{font-size:.85rem;font-weight:600}
.optional{font-weight:400;color:var(--smoke)}
.form-field input,.form-field select,.form-field textarea{width:100%;min-height:3.1rem;padding:.75rem .9rem;border:1px solid var(--line-strong);border-radius:0;background:rgba(11,12,10,.35);color:var(--bone)}
.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:var(--focus);outline-offset:2px;border-color:var(--bone)}
.form-field select option{background:var(--ink);color:var(--bone)}
.form-field textarea{min-height:8rem;resize:vertical}
.form-field [aria-invalid="true"]{border-color:#f0a07c;border-width:2px}
.field-error{min-height:1.1em;font-size:.85rem;color:#f6b394}
.form-pair{display:grid;gap:1.3rem}
.form-submit{justify-self:start;margin-top:.4rem}
.form-status{font-size:.85rem;color:var(--smoke)}

.press-kit{display:grid;gap:1rem;padding:4.5rem var(--pad);background:var(--ink-2);border-top:1px solid var(--line)}
.press-kit h2{font-family:var(--display);font-size:clamp(2.8rem,6vw,5.5rem);line-height:.85;text-transform:uppercase}
.press-kit p:last-child{max-width:42rem;color:var(--smoke);font-size:1rem}

/* ---------- Rodapé ---------- */
.site-footer{display:grid;gap:2.5rem;padding:var(--section) var(--pad) max(2rem,env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid var(--line)}
.site-footer__logo{width:min(100%,34rem);height:auto;color:var(--bone)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:.25rem 1.75rem}
.site-footer nav a{display:inline-flex;align-items:center;gap:.35rem;min-height:2.75rem;font-size:.95rem;font-weight:600;text-decoration:none}
.site-footer nav a:hover{color:var(--amber)}
.site-footer__line{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--smoke)}
.site-footer details{font-size:.88rem}
.site-footer summary{display:inline-flex;align-items:center;min-height:2.75rem;cursor:pointer;font-weight:600}
.site-footer details p{max-width:36rem;color:var(--smoke)}
.site-footer__legal{font-size:.8rem;color:var(--smoke)}

/* ---------- Diálogos ---------- */
dialog{padding:0;border:1px solid var(--line-strong);border-radius:0;overscroll-behavior:contain;color:var(--bone)}
dialog::backdrop{background:rgba(0,0,0,.88)}
.media-dialog{width:min(94vw,70rem);max-height:94svh;padding:1rem;background:var(--ink)}
.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:2rem;margin-bottom:1rem}
.dialog-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,3.5vw,2.2rem);line-height:1.1}
.video-frame{aspect-ratio:16/9;background:#000;margin-bottom:.75rem}
.video-frame iframe{width:100%;height:100%;border:0}
.lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;background:var(--ink);border:0}
.lightbox figure{display:grid;height:100%;place-items:center;padding:4.5rem 4rem 4rem}
.lightbox img{max-width:100%;max-height:calc(100dvh - 9rem);width:auto;object-fit:contain;touch-action:pan-y}
.lightbox figcaption{position:absolute;left:var(--pad);right:var(--pad);bottom:1.1rem;text-align:center;font-size:.85rem;color:var(--bone-2)}
.lightbox__close{position:absolute;z-index:2;top:1rem;right:1rem}
.lightbox__nav{position:absolute;z-index:2;top:50%;translate:0 -50%;display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--line-strong);background:rgba(11,12,10,.7);cursor:pointer}
.lightbox__nav .icon{width:1.4rem;height:1.4rem}
.lightbox__nav--prev{left:.5rem}
.lightbox__nav--next{right:.5rem}

/* ---------- Prévia de vídeo ao passar o mouse ---------- */
.preview-frame{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;border:0;pointer-events:none;opacity:0;transform:scale(1.32);filter:saturate(.75) sepia(.12) contrast(1.04);transition:opacity .45s ease}
.is-previewing>.preview-frame{opacity:1}
.is-loading::after{content:"";position:absolute;z-index:3;left:0;bottom:0;width:100%;height:2px;background:var(--amber);transform-origin:left;animation:preview-load 4.8s cubic-bezier(.3,.6,.4,1) forwards;pointer-events:none}
@keyframes preview-load{from{transform:scaleX(0)}to{transform:scaleX(.96)}}
.music__visual{position:relative}
.music__visual .preview-frame{left:50%;width:calc(100svh * 16 / 9);min-width:100%;transform:translateX(-50%) scale(1.18);filter:var(--grade)}
.poster__preview{position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none}
.poster__preview .preview-frame{top:50%;left:50%;width:max(100%,177.78svh);height:max(100%,56.25vw);transform:translate(-50%,-50%) scale(1.18);filter:var(--grade)}
.video-card__media.is-previewing img{opacity:.0;transition:opacity .45s}

/* ---------- Hover só onde existe ponteiro fino ---------- */
@media (hover:hover) and (pointer:fine){
  .desktop-nav a:hover{color:var(--amber)}
  .video-card__media:hover img{transform:scale(1.045);filter:saturate(.85) sepia(.05)}
  .gallery-item:hover .gallery-item__frame{transform:scale(1.04)}
  .gallery-item:hover img{filter:saturate(.85) sepia(.05)}
  .music-item a:hover .music-item__title{color:var(--amber)}
  .filter-bar button:hover{border-color:var(--bone)}
}

/* ---------- Celular: composição própria ---------- */
@media (max-width:47.99rem){
  .poster{min-height:36rem}
  .poster__vertical{display:none}
  .brand__logo{height:2.3rem}
  .hero__mark{top:calc(var(--header) + 4.5rem);width:84vw}
  .hero__foot{flex-direction:column;align-items:stretch;gap:1.1rem}
  .hero__actions .btn{flex:1 1 100%}
  .poster--hero .poster__shade{background:linear-gradient(180deg,rgba(8,9,7,.55) 0%,rgba(8,9,7,.12) 30%,rgba(8,9,7,.35) 55%,rgba(8,9,7,.92) 100%)}
  .poster--profile .poster__image{object-position:50% 30%}
  .poster--profile .poster__shade{background:linear-gradient(180deg,rgba(8,9,7,.5) 0%,rgba(8,9,7,.25) 30%,rgba(8,9,7,.88) 72%,rgba(8,9,7,.95) 100%)}
  .ghost-type{top:auto;bottom:34%;font-size:44vw}
  .profile__copy{left:var(--pad);right:var(--pad);top:auto}
  .profile__copy h2{font-size:clamp(3.6rem,19vw,6rem)}
  .profile__lede{margin-top:1rem}
  .profile__copy{bottom:8.75rem}
  .profile__dates{top:auto;bottom:1.5rem;right:var(--pad);grid-auto-flow:column;gap:1.4rem;text-align:left}
  .profile__dates div+div{padding-top:0;padding-left:1.4rem;border-top:0;border-left:1px solid var(--line-strong)}
  .profile__dates dd b{display:inline;font-size:3rem;margin-right:.3rem}
  .poster__meta--br{left:var(--pad);right:auto;text-align:left;bottom:1.6rem;max-width:40%}
  .anthem__center{top:auto;bottom:5.5rem}
  .anthem__title{font-size:clamp(2.6rem,14vw,4rem);letter-spacing:.3em;margin-right:-.3em;white-space:normal;line-height:1.15}
  .anthem__play{margin-top:1.4rem}
  .poster--anthem .poster__shade{background:linear-gradient(180deg,rgba(8,9,7,.45) 0%,rgba(8,9,7,.05) 35%,rgba(8,9,7,.6) 62%,rgba(8,9,7,.92) 100%)}
  .agenda__shade{background:linear-gradient(180deg,rgba(20,15,10,.6),rgba(20,15,10,.9))}
}

/* ---------- Tablet e desktop ---------- */
@media (min-width:48rem){
  .menu-toggle{display:none}
  .desktop-nav{display:flex;gap:clamp(.9rem,1.8vw,1.9rem)}
  .desktop-nav a{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.85rem;font-weight:600;text-decoration:none}
  .header-cta{display:inline-flex;align-items:center;min-height:2.6rem;padding:0 1rem;border:1.5px solid var(--bone);font-size:.85rem;font-weight:600;text-decoration:none}
  .header-cta:hover{background:var(--bone);color:var(--ink)}
  .timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
  .timeline__item--wide{grid-column:span 2}
  .timeline__item--wide figure{height:64vh}
  .music{grid-template-columns:5fr 7fr}
  .music__visual{position:sticky;top:0;height:100svh}
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .video-card:nth-child(5n+1){grid-column:span 2}
  .video-card:nth-child(5n+1) .video-card__media img{aspect-ratio:21/9}
  .press{grid-template-columns:5fr 6fr;gap:6vw}
  .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .gallery-item:nth-child(5n+1){grid-column:span 2;grid-row:span 2}
  .gallery-item:nth-child(5n+1) img{aspect-ratio:auto}
  .invite{grid-template-columns:5fr 6fr;gap:7vw}
  .invite__intro{position:sticky;top:calc(var(--header) + 2rem);align-self:start}
  .form-pair{grid-template-columns:1fr 1fr}
  .press-kit{grid-template-columns:5fr 7fr;align-items:end}
  .press-kit .micro{grid-column:1/-1}
  .site-footer{grid-template-columns:1fr 1fr;align-items:end}
  .site-footer__logo,.site-footer nav{grid-column:1/-1}
  .lightbox__nav--prev{left:1rem}
  .lightbox__nav--next{right:1rem}
}
@media (max-width:63.99rem){.poster__vertical{display:none}}
@media (min-width:48rem) and (max-width:63.99rem){
  .desktop-nav{display:none}
  .menu-toggle{display:inline-flex}
  .profile__copy{top:24%}
  .profile__dates{top:auto;bottom:6rem}
}
@media (min-width:80rem){
  .section-head{grid-template-columns:2fr 1fr;align-items:end}
  .section-head .micro{grid-column:1/-1}
  .section-head>p:last-child{justify-self:end}
  .section-head--compact{grid-template-columns:1fr}
  .section-head--compact>p:last-child{justify-self:start}
  .timeline{grid-template-columns:repeat(12,1fr)}
  .timeline__item:nth-child(1){grid-column:span 4}
  .timeline__item:nth-child(2){grid-column:span 8}
  .timeline__item:nth-child(3){grid-column:span 7}
  .timeline__item:nth-child(4){grid-column:span 5}
  .timeline__item figure{height:52vh}
  .video-grid{grid-template-columns:repeat(12,1fr)}
  .video-card{grid-column:span 4}
  .video-card:nth-child(5n+1){grid-column:span 8}
  .video-card:nth-child(5n+2){grid-column:span 4}
  .gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* ---------- Movimento reduzido ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ---------- Streaming: três painéis que se expandem ---------- */
.streaming{padding:var(--section) var(--pad);background:var(--ink-2)}
.streams{display:flex;gap:clamp(.35rem,.5vw,.6rem);height:min(86svh,52rem);min-height:34rem}
.stream{--brand:#fff;position:relative;flex:1 1 0;min-width:0;overflow:hidden;isolation:isolate;background:#000;transition:flex-grow .8s var(--ease)}
.stream.is-active{flex-grow:2.3}
.stream__photo{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.35) sepia(.15) contrast(1.05) brightness(.55);transition:filter .6s,transform 1.2s var(--ease)}
.stream--spotify .stream__photo{object-position:42% 30%}
.stream--amazon .stream__photo{object-position:38% 30%}
.stream--youtube .stream__photo{object-position:50% 22%}
.stream.is-active .stream__photo{filter:saturate(.62) sepia(.12) contrast(1.06) brightness(.72);transform:scale(1.04)}
.stream__tint{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(8,9,7,.15) 0%,rgba(8,9,7,.35) 45%,rgba(8,9,7,.92) 100%),radial-gradient(120% 70% at 50% 110%,color-mix(in srgb,var(--brand) 38%,transparent),transparent 70%);opacity:.85;transition:opacity .6s}
.stream.is-active .stream__tint{opacity:1}
.stream__preview{position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none}
.stream__preview .preview-frame{top:50%;left:50%;width:max(100%,calc(86svh * 16 / 9));height:100%;transform:translate(-50%,-50%) scale(1.2);filter:var(--grade)}
.stream__index{position:absolute;top:1.1rem;left:1.2rem;font-family:var(--display);font-size:1rem;font-weight:700;letter-spacing:.12em;color:var(--bone-2)}
.stream__body{position:absolute;inset:auto 0 0 0;display:grid;gap:1rem;padding:clamp(1.1rem,2vw,2rem)}
.stream__logo{margin:0;line-height:0;color:var(--brand)}
.stream__logo svg{display:block;width:clamp(3.25rem,5vw,4.75rem);height:auto;filter:drop-shadow(0 6px 22px rgba(0,0,0,.45))}
.stream__logo--wide svg{width:clamp(6rem,10vw,9.5rem)}
.stream__line{display:flex;align-items:center;gap:.7rem;font-size:.9rem;font-weight:600;color:var(--bone)}
.stream__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem}
.stream__btn{background:var(--brand);border-color:var(--brand);color:#0b0c0a}
.stream--youtube .stream__btn{color:#fff}
.stream__btn:hover{background:var(--bone);border-color:var(--bone);color:var(--ink)}
.stream__link{display:inline-flex;align-items:center;gap:.35rem;min-height:2.75rem;font-size:.88rem;font-weight:600;text-underline-offset:.3em}
.stream__link:hover{color:var(--brand)}
.stream__player:empty{display:none}
.stream__player iframe{display:block;width:100%;height:352px;border:0;border-radius:12px;background:#121212}
/* quando fechado, o painel mostra só o logo; textos e ações aparecem ao abrir */
@media (min-width:64rem){
  .stream:not(.is-active) .stream__line,.stream:not(.is-active) .stream__actions{opacity:0;transform:translateY(12px);pointer-events:none}
  .stream .stream__line,.stream .stream__actions{transition:opacity .45s .15s,transform .6s .1s var(--ease)}
  .stream:not(.is-active):focus-within .stream__line,.stream:not(.is-active):focus-within .stream__actions{opacity:1;transform:none;pointer-events:auto}
}
/* equalizador */
.eq{display:inline-flex;align-items:flex-end;gap:2px;height:1rem}
.eq i{display:block;width:3px;height:30%;background:var(--brand);border-radius:1px}
.stream.is-active .eq i{animation:eq 1s ease-in-out infinite alternate}
.eq i:nth-child(2){animation-delay:-.4s!important}.eq i:nth-child(3){animation-delay:-.2s!important}.eq i:nth-child(4){animation-delay:-.7s!important}.eq i:nth-child(5){animation-delay:-.55s!important}
@keyframes eq{0%{height:20%}50%{height:100%}100%{height:45%}}
@media (max-width:63.99rem){
  .streams{flex-direction:column;height:auto;min-height:0}
  .stream{flex:none;min-height:min(70svh,34rem)}
  .stream.is-active{flex-grow:0}
  .stream__photo{filter:saturate(.62) sepia(.12) contrast(1.06) brightness(.72)}
  .stream__tint{opacity:1}
  .stream .eq i{animation:eq 1s ease-in-out infinite alternate}
}
@media (prefers-reduced-motion:reduce){.eq i{animation:none!important;height:60%}.stream,.stream__photo{transition:none}}

/* ---------- Redes com logos ---------- */
.site-footer .socials{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.social{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--line);color:var(--bone);transition:color .2s,border-color .2s,background-color .2s}
.social svg{width:1.35rem;height:1.35rem}
.social--wide{width:5.5rem}
.social--wide svg{width:4.2rem;height:auto}
.social:hover{border-color:var(--bone);background:var(--bone);color:var(--ink)}
.contact-whatsapp{gap:.5rem}
.contact-whatsapp .icon{color:#25D366;width:1.25rem;height:1.25rem}
.form-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}
.form-actions .icon{width:1.2rem;height:1.2rem}

/* ---------- Agenda com datas ---------- */
.agenda{align-items:start}
.agenda__content{max-width:58rem}
.gig-month{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 .4rem;padding-bottom:.6rem;border-bottom:1px solid var(--line-strong);font-family:var(--display);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.gig-month span{font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.12em;color:var(--amber)}
.gigs{list-style:none;padding:0;margin:0 0 2rem}
.gig{display:grid;grid-template-columns:4.6rem 1fr auto;align-items:center;gap:.2rem 1.1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}
.gig__day{display:grid;justify-items:center;padding-right:1rem;border-right:1.5px solid var(--amber)}
.gig__day b{font-family:var(--display);font-size:clamp(2.4rem,4vw,3.1rem);font-weight:700;line-height:.9;color:var(--amber)}
.gig__day span{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-2)}
.gig__info h3{font-family:var(--display);font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:700;line-height:1;text-transform:uppercase}
.gig__info h3 small{font-size:.75em;color:var(--bone-2);letter-spacing:.04em}
.gig__info p{margin-top:.25rem;font-size:.95rem;color:var(--bone-2)}
.gig__info em{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--bone)}
.gig__info em.gig__closed{color:var(--smoke)}
.gig__link{margin-left:.4rem;font-size:.85rem;font-weight:600}
.gig__tag{align-self:center;padding:.35rem .6rem;background:var(--amber);color:var(--ink);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.gig__tag--line{background:transparent;color:var(--amber);border:1px solid var(--amber)}
.gig.is-today{background:linear-gradient(90deg,rgba(209,178,106,.12),transparent 70%)}
.agenda-past{margin:0 0 2rem;border-top:1px solid var(--line-strong)}
.agenda-past summary{display:flex;align-items:center;gap:.6rem;min-height:3rem;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bone-2)}
.agenda-past summary span{display:inline-grid;place-items:center;min-width:1.6rem;height:1.6rem;border:1px solid var(--line-strong);font-size:.75rem}
.agenda-past .gig{opacity:.62}
.agenda-past .gig__day{border-color:var(--line-strong)}
.agenda-past .gig__day b{color:var(--bone-2)}
.agenda-cta{justify-self:start}
@media (max-width:47.99rem){
  .gig{grid-template-columns:3.6rem 1fr;gap:.2rem .9rem}
  .gig__day{padding-right:.8rem}
  .gig__tag{grid-column:2;justify-self:start;margin-top:.35rem}
}

/* Logos oficiais com nome: alturas equilibradas entre as três marcas */
.stream__logo--wide svg{width:auto;height:clamp(2.6rem,3.6vw,3.6rem)}
.stream--youtube .stream__logo svg{height:clamp(2rem,2.8vw,2.8rem)}
.stream--amazon .stream__logo svg{height:clamp(3.4rem,4.8vw,4.8rem)}

/* ---------- Abertura: slideshow com zoom-out leve ---------- */
.hero-slides{position:absolute;inset:0;overflow:hidden}
.hero-slide{position:absolute;inset:0;display:block;opacity:0;transition:opacity 1.6s ease}
.hero-slide.is-active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:50% 36%;transform-origin:50% 40%}
.hero-slide:first-child img{object-position:50% 40%}
.hero-slide.is-zooming img{animation:hero-zoom 9s cubic-bezier(.25,.1,.25,1) forwards}
@keyframes hero-zoom{from{transform:scale(1.09)}to{transform:scale(1)}}
.poster--hero .poster__shade{background:linear-gradient(180deg,rgba(8,9,7,.62) 0%,rgba(8,9,7,.22) 38%,rgba(8,9,7,.25) 58%,rgba(8,9,7,.88) 100%)}
@media (max-width:47.99rem){.hero-slide img{object-position:50% 40%}}
@media (prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-slide.is-zooming img{animation:none}}

/* Agenda: endereço e mapa */
.gig__addr{display:block;margin-top:.2rem;font-size:.85rem;color:var(--smoke)}
.gig__map{display:inline-flex;align-items:center;gap:.35rem;min-height:2.5rem;margin-top:.15rem;font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--amber);text-decoration:none}
.gig__map:hover{text-decoration:underline;text-underline-offset:.3em}
.gig__map .icon{width:1.05rem;height:1.05rem}

/* ---------- Rodapé: logos oficiais na cor do site + assinatura Audaz ---------- */
.site-footer .socials{gap:.4rem 1.6rem}
.social{width:auto;height:2.9rem;min-width:2.75rem;padding:0;border:0;background:none;color:var(--bone-2)}
.social svg{width:1.55rem;height:1.55rem}
.social--wide{width:auto}
.social--wide svg{width:auto;height:1.65rem}
.social:hover{background:none;color:var(--amber)}
.social:focus-visible{outline-offset:6px}
.audaz-sign{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;justify-content:center;margin-top:1.5rem;padding-top:1.6rem;border-top:1px solid var(--line);color:var(--bone-2);text-decoration:none}
.audaz-sign svg{width:auto;height:1.7rem}
.audaz-sign__by{font-size:.68rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase}
.audaz-sign__tag{font-family:var(--serif);font-size:1.05rem}
.audaz-sign__tag em{font-style:italic}
.audaz-sign:hover{color:var(--bone)}
.social--wide svg{height:2.1rem}
.audaz-sign svg{height:2.1rem}
.audaz-sign__tag{font-size:1.15rem}

/* ---------- Rodapé base (padrão Audaz: legal à esquerda, powered by à direita) ---------- */
.footer-base{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;margin-top:1rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.footer-base__legal{max-width:none;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 0;margin:0;font-size:.8rem;color:var(--smoke)}
.footer-base__legal>*+*::before{content:"·";margin:0 .6rem;color:var(--smoke)}
.footer-base__legal a{color:var(--bone-2);text-decoration:none;min-height:2.75rem;display:inline-flex;align-items:center}
.footer-base__legal a:hover{color:var(--amber)}
.powered{display:inline-flex;align-items:center;gap:.9rem;color:var(--bone-2);text-decoration:none}
.powered__by{font-size:.78rem;color:var(--smoke)}
.powered svg{width:auto;height:2.6rem}
.powered:hover{color:var(--bone)}
.form-privacy{margin:.6rem 0 0;font-size:.8rem;line-height:1.5;color:var(--smoke)}
.form-privacy a{color:var(--bone-2)}
@media (max-width:47.99rem){.footer-base{flex-direction:column;align-items:flex-start}.footer-base__legal{flex-direction:column;align-items:flex-start}.footer-base__legal>*+*::before{content:none}.footer-base__legal a{min-height:2.5rem}}

/* ---------- Palavra do dia (rodapé) ---------- */
.verse{position:relative;margin:0;padding:clamp(1.6rem,1rem + 2vw,2.6rem);border:1px solid var(--line);background:
  radial-gradient(120% 90% at 100% 0%,rgba(209,178,106,.16),transparent 60%),linear-gradient(180deg,rgba(240,234,216,.035),rgba(240,234,216,0));overflow:hidden}
.verse::before{content:"\201C";position:absolute;top:-.18em;right:.12em;font-family:var(--serif);font-size:clamp(9rem,6rem + 8vw,15rem);line-height:1;color:var(--amber);opacity:.14;pointer-events:none}
.verse__label{display:flex;align-items:center;gap:.6rem;margin:0 0 1.2rem;font-size:.72rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--amber)}
.verse__dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(209,178,106,.6);animation:verse-pulse 2.4s ease-out infinite}
.verse__slot{color:var(--smoke);letter-spacing:.18em}
.verse__quote{margin:0}
.verse__text{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(1.35rem,1.05rem + 1.1vw,2.1rem);line-height:1.28;color:var(--bone);text-wrap:balance}
.verse__ref{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .9rem;margin-top:1.3rem}
.verse__ref cite{font-family:var(--display);font-style:normal;font-weight:700;font-size:1.35rem;letter-spacing:.04em;text-transform:uppercase;color:var(--amber)}
.verse__version{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--smoke)}
.verse__next{margin:1.4rem 0 0;padding-top:1rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--smoke)}
.verse.is-changing .verse__text,.verse.is-changing .verse__ref{opacity:0;transform:translateY(.4rem)}
.verse__text,.verse__ref{transition:opacity .6s ease,transform .6s ease}
@keyframes verse-pulse{0%{box-shadow:0 0 0 0 rgba(209,178,106,.55)}70%{box-shadow:0 0 0 .7rem rgba(209,178,106,0)}100%{box-shadow:0 0 0 0 rgba(209,178,106,0)}}
@media (prefers-reduced-motion:reduce){.verse__dot{animation:none}.verse__text,.verse__ref{transition:none}}
@media (min-width:48rem){
  .site-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(2rem,6vw,6rem);align-items:start}
  .site-footer__logo{grid-column:1;grid-row:1}
  .site-footer .socials{grid-column:1;grid-row:2}
  .site-footer__line{grid-column:1;grid-row:3}
  .verse{grid-column:2;grid-row:1/4;align-self:center}
}
/* rodapé centralizado no celular */
@media (max-width:47.99rem){
  .site-footer{justify-items:center;text-align:center}
  .site-footer__logo{margin-inline:auto}
  .site-footer .socials{justify-content:center}
  .verse{width:100%;text-align:left}
  .footer-base{align-items:center;width:100%}
  .footer-base__legal{align-items:center}
  .powered{justify-content:center}
}

/* selo do slideshow acompanha a foto */
.slide-label{display:inline-block;transition:opacity .45s ease,transform .45s ease}
.slide-label.is-out{opacity:0;transform:translateY(-.35rem)}
@media (prefers-reduced-motion:reduce){.slide-label{transition:none}}