/* Kinetic intro: plays once per visit, then lifts like a curtain to reveal the hero */

.intro { display: none; }
.play-intro .intro {
  display: block; position: fixed; inset: 0; z-index: 100; overflow: hidden;
  background: var(--green); will-change: transform;
  animation: intro-curtain .9s cubic-bezier(.76,0,.24,1) 2.69s both;
}
.play-intro { overflow: hidden; }
.intro__stage {
  position: absolute; left: 50%; top: 50%; width: 1440px; height: 900px;
  transform: translate(-50%, -50%) scale(var(--intro-scale, 1)); transform-origin: 50% 50%;
}
.intro__words {
  position: absolute; left: 84px; top: 120px; margin: 0;
  font-family: var(--display); font-weight: 800; font-size: 250px; line-height: 0.86;
  letter-spacing: -10.5px; color: var(--paper); white-space: nowrap;
}
.intro__word { display: inline-block; transform-origin: 0% 60%; will-change: transform, opacity; animation: intro-word .55s cubic-bezier(.2,.8,.2,1) both; }
.intro__word--1 { animation-delay: 0s; }
.intro__word--2 { animation-delay: .35s; }
.intro__word--3 { animation-delay: .7s; }
.intro__mark { position: absolute; left: 1033px; top: 533px; width: 346px; height: 259px; }
.intro__ridge { fill: none; stroke: var(--paper); stroke-width: 6.5; stroke-linecap: round; stroke-linejoin: round; }
.intro__ridge--top { stroke-dasharray: 55 55; animation: intro-draw-top .9s cubic-bezier(.65,0,.35,1) .55s both; }
.intro__ridge--bottom { stroke-dasharray: 73 73; animation: intro-draw-bottom 1s cubic-bezier(.65,0,.35,1) .8s both; }
.intro__ball {
  position: absolute; left: 1176px; top: 687px; width: 59px; height: 59px;
  border-radius: 50%; background: var(--orange); will-change: transform, opacity;
  animation: intro-ball 1.67s linear 0.80s both, intro-show .08s linear 0.80s both;
}
.intro__l4 { display: inline-block; transform-origin: 50% 100%; animation: intro-bump .26s ease-out 1.21s; }
.intro__l5 { display: inline-block; transform-origin: 50% 100%; animation: intro-bump .26s ease-out 1.49s; }
.intro__l6 { display: inline-block; transform-origin: 50% 100%; animation: intro-bump .26s ease-out 1.72s; }

.play-intro .hero-reveal { transform-origin: 50% 40%; animation: intro-hero 1s cubic-bezier(.2,.7,.2,1) 2.69s both; }

@keyframes intro-word { 0% { opacity: 0; transform: translateY(50px) scale(1.8); } 100% { opacity: 1; transform: none; } }
@keyframes intro-draw-top { from { stroke-dashoffset: 55; } to { stroke-dashoffset: 0; } }
@keyframes intro-draw-bottom { from { stroke-dashoffset: 73; } to { stroke-dashoffset: 0; } }
@keyframes intro-bump { 0% { transform: none; } 35% { transform: translateY(12px) scaleY(.95); } 100% { transform: none; } }
@keyframes intro-show { from { opacity: 0; } to { opacity: 1; } }
@keyframes intro-curtain { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } }
@keyframes intro-hero { 0% { transform: scale(1.04); opacity: .55; } 100% { transform: none; opacity: 1; } }
@keyframes intro-ball{0.000%{transform:translate(-525.3px,-807.1px) scale(1.00,1.00)}1.005%{transform:translate(-525.3px,-806.1px) scale(1.00,1.00)}2.009%{transform:translate(-525.3px,-803.1px) scale(1.00,1.00)}3.014%{transform:translate(-525.3px,-798.2px) scale(1.00,1.00)}4.019%{transform:translate(-525.3px,-791.2px) scale(1.00,1.00)}5.023%{transform:translate(-525.3px,-782.3px) scale(1.00,1.00)}6.028%{transform:translate(-525.3px,-771.5px) scale(1.00,1.00)}7.033%{transform:translate(-525.3px,-758.6px) scale(1.00,1.00)}8.038%{transform:translate(-525.3px,-743.8px) scale(1.00,1.00)}9.042%{transform:translate(-525.3px,-727.0px) scale(1.00,1.00)}10.047%{transform:translate(-525.3px,-708.2px) scale(1.00,1.00)}11.052%{transform:translate(-525.3px,-687.4px) scale(1.00,1.00)}12.056%{transform:translate(-525.3px,-664.7px) scale(1.00,1.00)}13.061%{transform:translate(-525.3px,-639.9px) scale(1.00,1.00)}14.066%{transform:translate(-525.3px,-613.2px) scale(1.00,1.00)}15.070%{transform:translate(-525.3px,-584.6px) scale(1.00,1.00)}16.075%{transform:translate(-525.3px,-553.9px) scale(1.00,1.00)}17.080%{transform:translate(-525.3px,-521.3px) scale(1.00,1.00)}18.084%{transform:translate(-525.3px,-486.7px) scale(1.00,1.00)}19.089%{transform:translate(-525.3px,-450.1px) scale(1.00,1.00)}20.094%{transform:translate(-525.3px,-411.5px) scale(1.00,1.00)}21.099%{transform:translate(-525.3px,-371.0px) scale(1.00,1.00)}22.103%{transform:translate(-525.3px,-328.5px) scale(1.00,1.00)}23.108%{transform:translate(-525.3px,-284.0px) scale(1.00,1.00)}24.113%{transform:translate(-525.3px,-237.5px) scale(1.00,1.00)}25.117%{transform:translate(-525.3px,-189.1px) scale(1.18,0.82)}26.911%{transform:translate(-525.3px,-189.1px) scale(1.00,1.00)}26.911%{transform:translate(-517.2px,-199.6px) scale(0.95,1.05)}27.910%{transform:translate(-509.1px,-208.2px) scale(0.96,1.04)}28.909%{transform:translate(-501.0px,-214.8px) scale(0.97,1.03)}29.907%{transform:translate(-492.9px,-219.5px) scale(0.98,1.02)}30.906%{transform:translate(-484.8px,-222.3px) scale(0.99,1.01)}31.905%{transform:translate(-476.8px,-223.0px) scale(1.00,1.00)}32.904%{transform:translate(-468.7px,-221.9px) scale(0.99,1.01)}33.903%{transform:translate(-460.6px,-218.7px) scale(0.98,1.02)}34.902%{transform:translate(-452.5px,-213.6px) scale(0.97,1.03)}35.901%{transform:translate(-444.4px,-206.6px) scale(0.96,1.04)}36.900%{transform:translate(-436.4px,-197.6px) scale(0.95,1.05)}37.899%{transform:translate(-428.3px,-186.7px) scale(0.94,1.06)}38.898%{transform:translate(-420.2px,-173.7px) scale(0.93,1.07)}39.897%{transform:translate(-412.1px,-158.9px) scale(0.92,1.08)}41.895%{transform:translate(-404.0px,-142.1px) scale(1.18,0.82)}43.688%{transform:translate(-404.0px,-142.1px) scale(1.00,1.00)}43.688%{transform:translate(-394.7px,-152.7px) scale(0.95,1.05)}44.694%{transform:translate(-385.3px,-161.3px) scale(0.96,1.04)}45.700%{transform:translate(-376.0px,-168.0px) scale(0.97,1.03)}46.706%{transform:translate(-366.6px,-172.6px) scale(0.98,1.02)}47.712%{transform:translate(-357.3px,-175.3px) scale(0.99,1.01)}48.718%{transform:translate(-347.9px,-176.0px) scale(1.00,1.00)}49.724%{transform:translate(-338.6px,-174.8px) scale(0.99,1.01)}50.730%{transform:translate(-329.2px,-171.5px) scale(0.98,1.02)}51.736%{transform:translate(-319.9px,-166.3px) scale(0.97,1.03)}52.742%{transform:translate(-310.5px,-159.0px) scale(0.96,1.04)}53.748%{transform:translate(-301.2px,-149.8px) scale(0.95,1.05)}55.760%{transform:translate(-291.8px,-138.6px) scale(1.18,0.82)}57.553%{transform:translate(-291.8px,-138.6px) scale(1.00,1.00)}57.553%{transform:translate(-280.1px,-150.3px) scale(0.95,1.05)}58.567%{transform:translate(-268.3px,-160.0px) scale(0.96,1.04)}59.580%{transform:translate(-256.6px,-167.6px) scale(0.97,1.03)}60.593%{transform:translate(-244.9px,-173.3px) scale(0.98,1.02)}61.606%{transform:translate(-233.1px,-176.9px) scale(0.99,1.01)}62.619%{transform:translate(-221.4px,-178.5px) scale(1.00,1.00)}63.632%{transform:translate(-209.7px,-178.2px) scale(0.99,1.01)}64.645%{transform:translate(-198.0px,-175.8px) scale(0.98,1.02)}65.658%{transform:translate(-186.2px,-171.4px) scale(0.97,1.03)}66.671%{transform:translate(-174.5px,-164.9px) scale(0.96,1.04)}67.684%{transform:translate(-162.8px,-156.5px) scale(0.95,1.05)}68.698%{transform:translate(-151.0px,-146.1px) scale(0.94,1.06)}69.711%{transform:translate(-139.3px,-133.6px) scale(0.93,1.07)}70.724%{transform:translate(-127.6px,-119.1px) scale(0.92,1.08)}71.737%{transform:translate(-115.8px,-102.7px) scale(0.91,1.09)}72.750%{transform:translate(-104.1px,-84.2px) scale(0.90,1.10)}73.763%{transform:translate(-92.4px,-63.7px) scale(0.89,1.11)}74.776%{transform:translate(-80.7px,-41.2px) scale(0.88,1.12)}75.789%{transform:translate(-68.9px,-16.7px) scale(0.88,1.12)}76.802%{transform:translate(-57.2px,9.9px) scale(0.88,1.12)}77.815%{transform:translate(-45.5px,38.4px) scale(0.88,1.12)}78.828%{transform:translate(-33.7px,68.9px) scale(0.88,1.12)}80.855%{transform:translate(-22.0px,101.5px) scale(1.18,0.82)}82.648%{transform:translate(-22.0px,101.5px) scale(1.00,1.00)}82.648%{transform:translate(-19.8px,82.2px) scale(0.92,1.08)}83.666%{transform:translate(-17.6px,65.0px) scale(0.92,1.08)}84.684%{transform:translate(-15.4px,49.7px) scale(0.92,1.08)}85.702%{transform:translate(-13.2px,36.5px) scale(0.92,1.08)}86.720%{transform:translate(-11.0px,25.4px) scale(0.92,1.08)}87.737%{transform:translate(-8.8px,16.2px) scale(0.92,1.08)}88.755%{transform:translate(-6.6px,9.1px) scale(0.92,1.08)}89.773%{transform:translate(-4.4px,4.1px) scale(0.92,1.08)}90.791%{transform:translate(-2.2px,1.0px) scale(0.92,1.08)}92.827%{transform:translate(0.0px,0.0px) scale(1.12,0.90)}96.414%{transform:translate(0.0px,0.0px) scale(0.97,1.03)}100.000%{transform:translate(0.0px,0.0px) scale(1.00,1.00)}}
