/* ═══════════════════════════════════════════════════════════════
   TEMPORADA NO LÔRO — estilos próprios da página /temporada
   (usa as variáveis e zonas do drop-site.css)
   ═══════════════════════════════════════════════════════════════ */

/* HERO da temporada */
.t-hero { position: relative; min-height: 100svh; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 0 var(--gutter) clamp(56px, 9vh, 110px); overflow: hidden; background: var(--night); }
.t-hero-bg { position: absolute; inset: 0; z-index: 0; }
.t-hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; filter: saturate(1.08) contrast(1.02); }
.t-hero-scrim { position: absolute; inset: 0; z-index: 1;
  background:
    linear-gradient(180deg, rgba(6,8,16,.30) 0%, rgba(6,8,16,0) 32%, rgba(6,8,16,.40) 62%, rgba(6,8,16,.92) 100%),
    radial-gradient(ellipse 90% 55% at 50% 120%, rgba(239,143,60,.20) 0%, transparent 60%); }
.t-hero-inner { position: relative; z-index: 2; max-width: var(--max); margin: 0 auto; width: 100%; }
.t-eyebrow { display: inline-block; font-family: var(--mono); font-weight: 500; font-size: clamp(11px, 1.3vw, 14px);
  letter-spacing: .2em; text-transform: uppercase; color: var(--gold); margin-bottom: clamp(16px, 2.5vh, 28px); }
.t-hero-h { font-family: var(--display); font-weight: 800; font-size: clamp(50px, 11vw, 156px); line-height: .9;
  letter-spacing: -0.04em; color: var(--light); text-shadow: 0 6px 60px rgba(0,0,0,.4); margin-bottom: 26px; }
.t-hero-h em { font-family: var(--serif); font-weight: 400; font-style: italic; color: var(--gold); }
.t-hero-sub { font-size: clamp(16px, 1.7vw, 21px); line-height: 1.5; max-width: 54ch; color: var(--light-dim); margin-bottom: 32px; }
.t-hero-sub em { font-family: var(--serif); font-style: italic; color: var(--light); }
.t-scroll { font-family: var(--mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--light-mute);
  display: inline-flex; align-items: center; gap: 8px; }
.t-scroll span { animation: tbob 1.8s ease-in-out infinite; }
@keyframes tbob { 50% { transform: translateY(4px); } }

/* CONCEITO */
.t-narrow { max-width: 920px; }
.t-lead-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: clamp(28px, 5vw, 64px); align-items: start; margin-top: 12px; }
@media (max-width: 820px) { .t-lead-grid { grid-template-columns: 1fr; } }
.t-lead { font-family: var(--serif); font-style: italic; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.18; color: var(--ink); }
.t-lead em { color: var(--terra); }
.t-lead-body p { font-size: clamp(16px, 1.6vw, 18px); line-height: 1.6; color: var(--ink-dim); }
.t-lead-body p + p { margin-top: 18px; }
.t-lead-body em { font-family: var(--serif); font-style: italic; color: var(--ink); }

/* ARCO DO VERÃO */
.t-arc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
@media (max-width: 820px) { .t-arc { grid-template-columns: 1fr; } }
.t-arc-phase { background: var(--night-2); border: 1px solid var(--rule-l); padding: clamp(26px, 3.5vw, 40px); position: relative; overflow: hidden; }
.t-arc-hot { background: radial-gradient(ellipse 100% 90% at 50% 100%, rgba(239,143,60,.16) 0%, transparent 65%), var(--night-2); border-color: rgba(239,143,60,.3); }
.t-arc-when { font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--blue-glow); }
.t-arc-hot .t-arc-when { color: var(--gold); }
.t-arc-phase h3 { font-family: var(--display); font-weight: 800; font-size: clamp(24px, 2.6vw, 34px); letter-spacing: -0.02em; margin: 12px 0 12px; color: var(--light); }
.t-arc-phase p { font-size: 14.5px; line-height: 1.55; color: var(--light-dim); }

/* O LUGAR */
.t-place { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
@media (max-width: 820px) { .t-place { grid-template-columns: 1fr; } }
.t-place-copy p { font-size: clamp(16px, 1.6vw, 19px); line-height: 1.6; color: var(--ink-dim); margin-top: 16px; }
.t-place-copy em { font-family: var(--serif); font-style: italic; color: var(--terra); }
.t-place-note { font-family: var(--mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-mute); margin-top: 22px; }
.t-place-img { aspect-ratio: 4/5; overflow: hidden; border-radius: 6px; }
.t-place-img img { width: 100%; height: 100%; object-fit: cover; }

/* EXPERIÊNCIA */
.t-exp { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--rule-l); border: 1px solid var(--rule-l); }
@media (max-width: 880px) { .t-exp { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .t-exp { grid-template-columns: 1fr; } }
.t-exp-item { background: var(--night-2); padding: 28px 24px; }
.t-exp-n { font-family: var(--mono); font-size: 12px; color: var(--blue-glow); }
.t-exp-item h3 { font-family: var(--display); font-weight: 700; font-size: 20px; letter-spacing: -0.01em; margin: 12px 0 8px; color: var(--light); }
.t-exp-item p { font-size: 14px; line-height: 1.55; color: var(--light-dim); }

/* VISÃO */
.t-vision { font-family: var(--serif); font-style: italic; font-size: clamp(20px, 2.4vw, 30px); line-height: 1.4; color: var(--light); margin-top: 16px; }
.t-vision em { color: var(--gold); }

/* PARA MARCAS */
.t-brand { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin-bottom: 40px; }
@media (max-width: 820px) { .t-brand { grid-template-columns: 1fr; } }
.t-brand-item { background: var(--paper); border: 1px solid var(--rule-d); padding: 28px 26px; }
.t-brand-item h3 { font-family: var(--display); font-weight: 700; font-size: 21px; letter-spacing: -0.01em; margin-bottom: 10px; color: var(--ink); }
.t-brand-item p { font-size: 14.5px; line-height: 1.55; color: var(--ink-dim); }
.t-brand-cta { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.t-brand-cta p { font-family: var(--serif); font-style: italic; font-size: clamp(22px, 2.6vw, 32px); color: var(--ink); }

/* CHAMADA FINAL */
.t-final { text-align: center; }
.t-final-h { font-family: var(--display); font-weight: 800; font-size: clamp(34px, 5.5vw, 76px); line-height: .98; letter-spacing: -0.03em; color: var(--light); margin-bottom: 20px; }
.t-final-h em { font-family: var(--serif); font-weight: 400; font-style: italic; color: var(--gold); }
.t-final p { font-size: clamp(16px, 1.7vw, 20px); color: var(--light-dim); max-width: 56ch; margin: 0 auto 32px; }
.t-final-ctas { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }