/* V26: coordinated letter ballet, with six perimeter and four interior bursts. */
.masthead{height:420px;pointer-events:none;overflow:clip}
.masthead nav{position:absolute;right:6%;top:24px;pointer-events:auto}
.masthead .wordmark{--brand-light:#f0e9dc;position:absolute;top:82px;left:50%;transform:translateX(-50%);width:max-content;max-width:88vw;text-align:center;color:var(--brand-light);pointer-events:auto;isolation:isolate;transition:color .45s ease}
.masthead .wordmark>span{position:relative;z-index:1;font-size:clamp(120px,10vw,160px);line-height:.95;letter-spacing:-.06em;text-shadow:0 2px 4px #000,0 0 22px color-mix(in srgb,var(--brand-light) 48%,transparent)}
.masthead .wordmark small{position:relative;z-index:1;font-size:clamp(36px,3vw,48px);line-height:1.15;letter-spacing:.05em;margin-top:16px;text-shadow:0 2px 4px #000,0 0 16px color-mix(in srgb,var(--brand-light) 55%,transparent)}
.masthead .wordmark:before{content:'';position:absolute;z-index:-1;inset:-55px -100px;background:radial-gradient(ellipse,#071216d9 5%,#07121670 40%,transparent 72%);pointer-events:none}
.hero{min-height:1030px;max-height:none}
.hero-copy{padding-top:350px}
.brand-fireworks{position:absolute;z-index:2;inset:-32px -110px;pointer-events:none;overflow:visible;color:var(--brand-light)}
.brand-burst{position:absolute;left:var(--burst-x);top:var(--burst-y);width:0;height:0}
.brand-spark{position:absolute;left:-1px;top:-6px;width:2px;height:12px;border-radius:2px;background:currentColor;box-shadow:0 0 6px currentColor;opacity:0;transform:rotate(var(--ray)) translateY(0);pointer-events:none}
.wordmark[data-burst=a] .brand-spark{animation:brand-spark-a 1500ms ease-out both}
.wordmark[data-burst=b] .brand-spark{animation:brand-spark-b 1500ms ease-out both}
.wordmark[data-burst=a]>span,.wordmark[data-burst=a]>small{animation:brand-pulse-a 1600ms ease-out both}
.wordmark[data-burst=b]>span,.wordmark[data-burst=b]>small{animation:brand-pulse-b 1600ms ease-out both}
.brand-glyph{display:inline-block;transform-origin:50% 85%;white-space:pre}
.wordmark[data-burst=a] .brand-glyph:not(.brand-space){animation:brand-ballet-a 2700ms var(--glyph-delay) ease-in-out both}
.wordmark[data-burst=b] .brand-glyph:not(.brand-space){animation:brand-ballet-b 2700ms var(--glyph-delay) ease-in-out both}
.brand-burst-inner{opacity:.72}
.brand-burst-inner .brand-spark{width:1.5px;height:7px;box-shadow:0 0 4px currentColor}
.wordmark[data-burst] .brand-burst-inner .brand-spark{animation-duration:1100ms}
@keyframes brand-ballet-a{0%,100%{transform:translate(0,0) rotate(0)}15%{transform:translate(.012em,-.07em) rotate(-5deg)}32%{transform:translate(-.012em,-.13em) rotate(5deg)}48%{transform:translate(0,0) rotate(0)}67%{transform:translate(0,-.055em) rotate(var(--glyph-bow))}85%{transform:translate(0,0) rotate(0)}}
@keyframes brand-ballet-b{0%,100%{transform:translate(0,0) rotate(0)}15%{transform:translate(-.012em,-.07em) rotate(5deg)}32%{transform:translate(.012em,-.13em) rotate(-5deg)}48%{transform:translate(0,0) rotate(0)}67%{transform:translate(0,-.055em) rotate(calc(-1 * var(--glyph-bow)))}85%{transform:translate(0,0) rotate(0)}}
@keyframes brand-spark-a{0%{opacity:0;transform:rotate(var(--ray)) translateY(-4px) scaleY(.3)}12%{opacity:.95}100%{opacity:0;transform:rotate(var(--ray)) translateY(calc(-1 * var(--reach))) scaleY(.35)}}
@keyframes brand-spark-b{0%{opacity:0;transform:rotate(var(--ray)) translateY(-4px) scaleY(.3)}12%{opacity:.95}100%{opacity:0;transform:rotate(var(--ray)) translateY(calc(-1 * var(--reach))) scaleY(.35)}}
@keyframes brand-pulse-a{0%,100%{opacity:1}30%{opacity:.76}55%{opacity:1}}
@keyframes brand-pulse-b{0%,100%{opacity:1}30%{opacity:.76}55%{opacity:1}}
@media(max-width:700px){.masthead nav{top:14px}.masthead .wordmark{top:100px}.masthead .wordmark>span{font-size:102px}.masthead .wordmark small{font-size:30px;margin-top:12px;letter-spacing:.025em}.brand-fireworks{inset:-30px -18px}.brand-spark{--reach:35px!important;width:2px;height:8px}.hero-copy{padding-top:390px}.hero{min-height:1080px}}
.paused .masthead .wordmark>span,.paused .masthead .wordmark small{animation:none!important;opacity:1!important}
.paused .brand-fireworks{display:none}
.paused .masthead .brand-glyph{animation:none!important;transform:none!important}
@media(max-width:700px){.brand-burst-inner .brand-spark{--reach:20px!important}}
@media(prefers-reduced-motion:reduce){.masthead .brand-glyph{animation:none!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){.masthead .wordmark{transition:none;color:#f0e9dc}.masthead .wordmark>span,.masthead .wordmark small{animation:none!important;opacity:1!important}.brand-fireworks{display:none}}