/* Falling code and a split-monogram reveal, using the approved logo artwork. */
#sl-field-notes .sl-intro {
  position:fixed;inset:0;z-index:1000;isolation:isolate;overflow-x:hidden;overflow-y:auto;
  display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;
  padding:clamp(22px,4vw,54px);background:#06100c;color:#efeee2;
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
}
#sl-field-notes .sl-intro[hidden]{display:none!important}
#sl-field-notes .sl-intro-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-3;opacity:.92}
#sl-field-notes .sl-intro-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 43% 37% at 50% 47%,#06100cf5 0%,#06100ce8 35%,#06100c9c 65%,transparent 100%),linear-gradient(180deg,#06100c55,transparent 22%,transparent 73%,#06100cf2)}
#sl-field-notes .sl-intro::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 140px 24px #020704aa;border:1px solid #a7d8b414}
#sl-field-notes .sl-intro-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
#sl-field-notes .sl-intro-edition{display:flex;align-items:center;gap:10px;color:#98b5a3;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
#sl-field-notes .sl-intro-edition::before{content:'';width:16px;height:1px;background:#9cceae;box-shadow:0 4px #9cceae55}
#sl-field-notes .sl-intro-skip{font-size:12px;min-height:44px;padding:10px 0 10px 16px;color:#c4d6ca}
#sl-field-notes .sl-intro-skip span{margin-left:9px;color:#83b89a}
#sl-field-notes .sl-intro-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0 42px;text-align:center}
#sl-field-notes .sl-intro-lockup{display:flex;flex-direction:column;align-items:center;gap:26px;width:100%;filter:drop-shadow(0 4px 25px #07100d);margin:0}
#sl-field-notes .sl-intro-symbol{position:relative;display:block;width:clamp(135px,28vw,210px);aspect-ratio:490/380;perspective:700px}
#sl-field-notes .sl-intro-piece{position:absolute;inset:0;transform-origin:50% 50%}
#sl-field-notes .sl-intro-piece .sports-leans-logo-01.is-symbol{width:100%;max-width:none}
/* Complementary cuts separate the intertwined letter strokes without redrawing the mark. */
#sl-field-notes .sl-intro-piece-s{clip-path:polygon(0 0,100% 0,100% 24%,37% 24%,18% 45%,55% 45%,61% 52%,61% 83%,51% 100%,0 100%);animation:sl-symbol-s 2.1s cubic-bezier(.45,0,.2,1) both}
#sl-field-notes .sl-intro-piece-l{clip-path:polygon(100% 24%,37% 24%,18% 45%,55% 45%,61% 52%,61% 83%,51% 100%,100% 100%);animation:sl-symbol-l 2.1s cubic-bezier(.45,0,.2,1) both}
#sl-field-notes .sl-intro-scan{position:absolute;inset:-20% -25%;border-top:1px solid #b7edbc;opacity:0;pointer-events:none;animation:sl-symbol-scan 1s 1.25s both}
#sl-field-notes .sl-intro-wordmark{display:block;position:relative;width:min(530px,82vw);max-width:100%;aspect-ratio:1390/174;overflow:hidden;animation:sl-wordmark-in .75s 1.65s cubic-bezier(.2,.7,.2,1) both}
#sl-field-notes .sl-intro-wordmark::before{content:'';position:absolute;left:-44.604317%;top:-172.413793%;width:156.258993%;height:416.091954%;background-image:var(--sl-logo01-image);background-size:100% 100%;background-repeat:no-repeat}
#sl-field-notes .sl-intro-rule{width:min(360px,52vw);height:1px;margin:24px 0 20px;background:linear-gradient(90deg,transparent,#abcdb08c,transparent);transform-origin:center;animation:sl-rule-in .7s 1.95s both}
#sl-field-notes .sl-intro-subtitle{color:#cedbd0;font-size:clamp(13px,1.5vw,16px);line-height:1.6;letter-spacing:.015em;text-wrap:balance;animation:sl-intro-rise .6s 2.1s both}
#sl-field-notes button.sl-intro-enter{position:relative;display:flex;align-items:center;justify-content:space-between;gap:44px;margin-top:28px;padding:17px 21px 17px 25px;min-height:56px;border:1px solid #a8d4b8;background:#b6d8b6;color:#102219;font-size:14px;font-weight:600;overflow:hidden;transition:background .2s,transform .2s}
#sl-field-notes .sl-intro-enter::after{content:'';position:absolute;top:-10%;bottom:-10%;width:40%;left:-60%;transform:skewX(-23deg);background:linear-gradient(90deg,transparent,#f2ffe359,transparent);animation:sl-intro-glint 1.2s 2.6s both;pointer-events:none}
#sl-field-notes .sl-intro-enter:hover{background:#d4e8ca;transform:translateY(-2px)}
#sl-field-notes .sl-intro-enter svg{width:25px;height:16px;transition:transform .2s}
#sl-field-notes .sl-intro-enter:hover svg{transform:translateX(3px)}
#sl-field-notes .sl-intro-bottom{display:grid;gap:25px}
#sl-field-notes .sl-intro-worlds{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;list-style:none;padding:0;margin:0;color:#a9c1b1;font-size:11px;letter-spacing:.065em}
#sl-field-notes .sl-intro-worlds li{display:flex;align-items:center;gap:8px}
#sl-field-notes .sl-intro-worlds li::before{content:'';width:3px;height:3px;background:#81b497;transform:rotate(45deg)}
#sl-field-notes .sl-intro-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #87b89a24;padding-top:18px;color:#8eaa99;font-size:10px;letter-spacing:.035em}
#sl-field-notes .sl-intro-foot button{font-size:11px;min-height:34px;color:#b5cabb}
#sl-field-notes .sl-intro.is-still .sl-intro-canvas{opacity:.5}
#sl-field-notes .sl-intro.is-still *,#sl-field-notes .sl-intro.is-still *::after{animation:none!important;transition:none!important}
#sl-field-notes .sl-intro.is-paused .sl-intro-center *,#sl-field-notes .sl-intro.is-paused .sl-intro-center *::after{animation-play-state:paused!important}
#sl-field-notes .sl-intro.is-leaving{pointer-events:none;animation:sl-intro-open .72s cubic-bezier(.76,0,.24,1) both}
#sl-field-notes .sl-intro.is-leaving .sl-intro-center{transition:opacity .45s,transform .7s;opacity:0;transform:translateY(-30px)}
#sl-field-notes .sl-intro.is-leaving .sl-intro-top,#sl-field-notes .sl-intro.is-leaving .sl-intro-bottom{opacity:0;transition:opacity .2s;animation:none}
#sl-field-notes .sl-intro-replay{font-size:12px;color:var(--sl-muted);padding:10px 0;min-height:44px}
.sl-intro-lock{overflow:hidden}
@keyframes sl-symbol-s{
  0%{opacity:0;transform:scale(.85)}
  12%{opacity:1;transform:scale(1)}
  40%{transform:translate(-27%,-12%) rotate(-45deg) rotateY(-65deg)}
  78%{transform:translate(-5%,0) rotate(-355deg) rotateY(0)}
  100%{opacity:1;transform:translate(0,0) rotate(-360deg)}
}
@keyframes sl-symbol-l{
  0%{opacity:0;transform:scale(.85)}
  12%{opacity:1;transform:scale(1)}
  40%{transform:translate(27%,12%) rotate(45deg) rotateY(65deg)}
  78%{transform:translate(5%,0) rotate(355deg) rotateY(0)}
  100%{opacity:1;transform:translate(0,0) rotate(360deg)}
}
@keyframes sl-symbol-scan{0%{opacity:0;transform:translateY(0)}20%{opacity:.7}100%{opacity:0;transform:translateY(100%)}}
@keyframes sl-wordmark-in{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(6px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
@keyframes sl-rule-in{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}
@keyframes sl-intro-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes sl-intro-glint{from{left:-60%}to{left:140%}}
@keyframes sl-intro-open{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}}
@media(max-width:600px){
  #sl-field-notes .sl-intro{padding:20px 22px;min-height:100svh}
  #sl-field-notes .sl-intro-edition{font-size:9px;letter-spacing:.1em;gap:7px}
  #sl-field-notes .sl-intro-skip{font-size:11px}
  #sl-field-notes .sl-intro-center{padding:28px 0 36px}
  #sl-field-notes .sl-intro-lockup{gap:24px}
  #sl-field-notes .sl-intro-rule{margin:20px 0 16px;width:62vw}
  #sl-field-notes .sl-intro-enter{margin-top:24px}
  #sl-field-notes .sl-intro-worlds{max-width:380px;margin:auto;gap:12px 16px;font-size:10px;line-height:1.5}
  #sl-field-notes .sl-intro-foot{font-size:9px;gap:12px;padding-top:12px}
  #sl-field-notes .sl-intro-bottom{gap:20px}
  #sl-field-notes .sl-intro-shade{background:radial-gradient(ellipse 70% 33% at 50% 46%,#06100cfa 0%,#06100cda 50%,transparent 100%),linear-gradient(180deg,#06100c55,transparent 20%,transparent 68%,#06100cf2)}
}
@media(max-height:530px){#sl-field-notes .sl-intro{padding:12px 24px}#sl-field-notes .sl-intro-center{padding:14px 0}#sl-field-notes .sl-intro-lockup{gap:12px}#sl-field-notes .sl-intro-symbol{width:85px}#sl-field-notes .sl-intro-wordmark{width:min(300px,65vw)}#sl-field-notes .sl-intro-rule{margin:12px 0}#sl-field-notes button.sl-intro-enter{margin-top:12px;padding-block:12px;min-height:44px}#sl-field-notes .sl-intro-bottom{gap:10px}#sl-field-notes .sl-intro-foot{padding-top:5px}}
@media(prefers-reduced-motion:reduce){#sl-field-notes .sl-intro *,#sl-field-notes .sl-intro *::after,#sl-field-notes .sl-intro{animation:none!important;transition:none!important}}