.hero{--hero-header-h:4rem;isolation:isolate;width:100%;min-height:calc(100vh - var(--hero-header-h));min-height:calc(100svh - var(--hero-header-h));background:var(--color-charcoal);color:var(--color-charcoal-ink);align-items:center;padding-block:clamp(1.5rem,4svh,3.5rem) clamp(2rem,5svh,4rem);padding-inline:clamp(1.25rem,5vw,4rem);display:flex;position:relative;overflow-x:clip}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 70% at 70% 45%,#8b263521 0%,#0000 70%);position:absolute;inset:0}[dir=rtl] .hero:before{background:radial-gradient(70% 70% at 30% 45%,#8b263521 0%,#0000 70%)}.hero__grid{grid-template-columns:minmax(0,1fr);align-items:center;row-gap:clamp(1rem,3svh,2rem);width:100%;max-width:80rem;margin-inline:auto;display:grid}.hero__figure-col{flex-direction:column;order:-1;align-items:center;min-width:0;display:flex}.hero__figure{pointer-events:none;width:100%;max-width:34rem;height:clamp(15rem,43svh,26rem);position:relative;-webkit-mask-image:radial-gradient(62% 60%,#000 55%,#0000 100%);mask-image:radial-gradient(62% 60%,#000 55%,#0000 100%)}.hero__figure>*{will-change:auto}.hero__mic{margin-top:-1.25rem}.hero__text{text-align:start;min-width:0;max-width:36rem;margin-inline:auto}@media (min-width:1024px),(orientation:landscape) and (min-width:640px) and (max-height:520px){.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(1.5rem,4vw,4rem)}.hero__figure-col{order:0}.hero__text{max-width:40rem;margin-inline:0}.hero__mic{margin-top:.25rem}.hero__figure{max-width:none;height:clamp(18rem,68svh,40rem)}}@media (orientation:landscape) and (min-width:640px) and (max-height:520px){.hero{padding-block:1.5rem 2rem}.hero__figure{height:17rem}}.hero__title{font-family:var(--font-display);letter-spacing:.005em;text-wrap:balance;overflow-wrap:break-word;margin:0;font-size:clamp(1.75rem,3.2vw + .8rem,3.25rem);font-weight:500;line-height:1.12}[dir=rtl] .hero__title{font-family:var(--font-fa);letter-spacing:0;font-weight:500;line-height:1.45}.hero__rule{color:var(--color-gold);align-items:center;gap:.75rem;margin-top:clamp(1rem,2.4svh,1.5rem);display:flex}.hero__rule-line{opacity:.55;transform-origin:0;background:currentColor;width:3.5rem;height:1px;display:block}[dir=rtl] .hero__rule-line{transform-origin:100%}.hero__rule-dot{background:currentColor;width:.4rem;height:.4rem;display:block;rotate:45deg}.hero__keywords{text-transform:uppercase;letter-spacing:.22em;color:var(--color-gold);flex-wrap:wrap;align-items:center;gap:.25rem .9rem;margin:.9rem 0 0;padding:0;font-size:.6875rem;line-height:1.5;list-style:none;display:flex}[dir=rtl] .hero__keywords{text-transform:none;letter-spacing:0;font-size:.8125rem}.hero__keywords li{align-items:center;gap:.9rem;display:flex}.hero__keywords li+li:before{content:"•";opacity:.6}.hero__sub{color:#ebe8e1b8;max-width:32rem;margin:clamp(1rem,2.4svh,1.5rem) 0 0;font-size:clamp(.9375rem,.35vw + .85rem,1.0625rem);line-height:1.75}.hero__ctas{flex-wrap:wrap;gap:.75rem;margin-top:clamp(1.25rem,3.2svh,2rem);display:flex}.hero__cta{text-transform:uppercase;letter-spacing:.16em;text-align:center;min-height:2.875rem;color:var(--color-charcoal-ink);touch-action:manipulation;background:0 0;border:1px solid #ebe8e173;justify-content:center;align-items:center;padding-inline:1.5rem;font-size:.75rem;font-weight:500;transition:background-color .3s,color .3s,border-color .3s;display:inline-flex}[dir=rtl] .hero__cta{text-transform:none;letter-spacing:0;font-size:.875rem}.hero__cta:hover{border-color:var(--color-gold);color:var(--color-gold)}.hero__cta--primary{background:var(--color-charcoal-ink);border-color:var(--color-charcoal-ink);color:var(--color-charcoal)}.hero__cta--primary:hover{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-charcoal)}.hero__cta:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}@media (max-width:420px){.hero__ctas{flex-direction:column}.hero__cta{width:100%}}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hero-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hero-pop{0%{opacity:0;scale:0}to{opacity:1;scale:1}}.hero [data-rise]{animation:.9s cubic-bezier(.22,1,.36,1) both hero-rise;animation-delay:calc(var(--i,0) * .11s + .12s)}.hero__rule-line{animation:.9s cubic-bezier(.22,1,.36,1) .4s both hero-draw}.hero__rule-dot{animation:.5s cubic-bezier(.22,1,.36,1) .9s both hero-pop}@media (prefers-reduced-motion:reduce){.hero [data-rise],.hero__rule-line,.hero__rule-dot{animation:none}}
