@font-face{font-family:Display;src:url(display.woff) format('woff');font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Body;src:url(body.woff) format('woff');font-display:swap}:root{--red:#b61022;--deep:#810b1a;--yellow:#ffd343;--cream:#fff3ce;--progress:0;--hero-scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0;overflow-x:clip}body{margin:0;background:var(--red);color:var(--cream);font-family:Body,Arial,sans-serif;overflow-x:clip}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:7px}.skip{position:fixed;top:-80px;left:10px;z-index:100;background:var(--yellow);color:var(--deep);padding:15px}.skip:focus{top:10px}header{height:88px;margin:0 4.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #fff3ce38;position:relative;z-index:3}header img{display:block;width:115px;height:38px}.header-caption,.hero-top,.hero-bottom,.journey-top,.journey-bottom,.contact-top,.footer-row{font-size:10px;letter-spacing:1.4px;font-weight:bold}.header-caption{opacity:.72}.nav-contact{font-size:14px}.nav-contact span{margin-left:22px;color:var(--yellow);font-size:21px}.hero{position:relative;min-height:690px;height:calc(100svh - 88px);max-height:1060px;padding:28px 4.5% 26px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.hero-top,.hero-bottom,.hero-under{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-top{opacity:.8}.hero-top>span:first-child{display:flex;align-items:center;gap:9px}.hero-top i{width:5px;height:5px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 4px #ffd34322}.hero-center{padding:35px 0 50px}.pretitle{font:900 italic clamp(27px,3vw,45px)/.97 Display,Arial,sans-serif;letter-spacing:-1px;animation:slide-in .85s .05s both}.hero h1{margin:10px 0 25px;font:900 italic clamp(100px,22.5vw,380px)/.9 Display,Arial,sans-serif;letter-spacing:-.075em;color:var(--yellow)}.hero-logo{display:block;animation:slide-in 1.1s .13s cubic-bezier(.16,1,.3,1) both;transform-origin:left center}.logo-dot{color:#fff;display:inline-block;animation:dot-drop 1.2s .35s both}.hero-under{animation:slide-in .9s .3s both;max-width:1220px}.hero-under p{font-size:16px;line-height:1.4}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:19px 24px;background:var(--yellow);color:var(--deep);font-size:14px;font-weight:bold;min-height:60px;border-radius:2px;transition:box-shadow .25s,transform .25s}.button>span{font-size:25px;line-height:1}.button:hover{animation:button-pulse 1.7s ease-in-out infinite;transform:translateY(-3px)}.hero-bottom{opacity:.76;font-size:9px}.hero-bottom a{display:flex;gap:30px;align-items:center}.hero-bottom a span{font-size:19px;animation:nudge 2s ease-in-out infinite}.hero-line{position:absolute;right:-11vw;top:-10%;width:50vw;height:145%;border:1px solid #ffd34319;transform:rotate(24deg) translateY(calc(var(--hero-scroll)*90px));z-index:-1;pointer-events:none}.contact{padding:35px 4.5% 75px;background:var(--red)}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top>span+span{font:900 italic 24px Display,Arial,sans-serif;letter-spacing:-1px;color:var(--yellow)}.contact h2{position:relative;margin:65px 0 48px;font:900 italic clamp(70px,12.8vw,200px)/.89 Display,Arial,sans-serif;letter-spacing:-.055em}.contact h2>span:first-child{color:var(--yellow)}.contact-arrow{position:absolute;right:2%;top:0;font-family:Arial,sans-serif;font-style:normal;font-weight:normal;font-size:clamp(80px,13vw,200px);color:var(--yellow);transform:translate(calc(var(--contact-progress,0)*-15px),calc(var(--contact-progress,0)*15px));transition:transform .1s linear}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.email{font-size:18px;padding-bottom:5px;border-bottom:1px solid #fff3ce55}footer{background:var(--deep);padding:30px 4.5% 25px}.footer-row{display:flex;justify-content:space-between;gap:20px;padding-bottom:28px}.footer-row a{font-size:16px;letter-spacing:-.4px}.footer-row>span{font-size:9px;opacity:.6}footer p{font-size:10px;line-height:1.7;color:#fff3cea1;max-width:870px}.preview-note{margin-top:15px;font-size:8px;letter-spacing:1px;opacity:.65}.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s,transform .9s cubic-bezier(.16,1,.3,1)}.reveal.in-view{opacity:1;transform:none}@keyframes slide-in{from{opacity:0;translate:0 42px}to{opacity:1;translate:0 0}}@keyframes dot-drop{0%{opacity:0;transform:translateY(-60px)}70%{transform:translateY(8px)}100%{opacity:1;transform:none}}@keyframes button-pulse{50%{box-shadow:0 0 0 7px #ffd34330}}@keyframes nudge{50%{transform:translateY(5px)}}@media(min-width:1600px){.hero h1{font-size:22vw}.hero-center{padding-top:50px}}@media(max-width:800px){header{height:75px}.header-caption{display:none}.hero{height:calc(100svh - 75px);min-height:650px}.hero-top>span+span{font-size:8px;letter-spacing:1px;max-width:160px;text-align:right;line-height:1.5}.hero-center{padding-bottom:55px}.hero h1{font-size:23vw;margin:24px 0 45px}.hero-under{align-items:flex-start}.journey{height:165svh;min-height:1100px}.journey-sticky{min-height:650px}.orbit{width:60vw;right:-17%;top:15%}.story-word{font-size:15.8vw}.story-words{height:17vw}.contact h2{font-size:13vw}.contact-arrow{right:0;top:-10px}.contact-row{align-items:flex-start}.email{font-size:16px}}@media(max-width:500px){header{margin:0 6%;height:74px}header img{width:105px}.nav-contact{font-size:13px}.nav-contact span{margin-left:14px}.hero{padding:25px 6% 23px;min-height:650px;height:calc(100svh - 74px)}.hero-top{font-size:8px;letter-spacing:1px}.hero-top>span+span{font-size:7px;max-width:130px}.hero-center{padding:45px 0 65px}.pretitle{font-size:34px;line-height:.95}.hero h1{font-size:23.4vw;margin:28px 0 35px}.hero-under{flex-direction:column;gap:30px}.hero-under p{font-size:15px}.button{font-size:13px;gap:30px;padding:17px 21px;min-height:56px}.hero-bottom{font-size:7px;letter-spacing:.9px}.hero-bottom a{gap:15px;max-width:230px}.hero-bottom>span{font-size:7px;white-space:nowrap}.hero-line{width:85vw;right:-50%;top:-8%}.journey{height:155svh;min-height:1000px}.journey-sticky{padding:27px 6% 25px;min-height:610px}.journey-top{align-items:flex-start;font-size:8px;line-height:1.6;max-width:100%;gap:25px}.journey-top>span:first-child{max-width:130px}.journey-top>span+span{font-size:9px;text-align:right;max-width:120px}.orbit{width:90vw;right:-43%;top:15%;opacity:.56;transform:translate(calc(var(--progress)*-23vw),calc(var(--progress)*24vh)) rotate(calc(var(--progress)*110deg))}.story{margin-bottom:0}.story-progress{margin-bottom:25px;width:125px;font-size:9px}.story-words{height:20vw}.story-word{font-size:18vw;letter-spacing:-.065em}.story-bottom{margin-top:23px}.story-caption{font-size:14px;max-width:195px}.mini-wordmark{font-size:22px;letter-spacing:-1px}.journey-bottom{font-size:7px;letter-spacing:.7px;gap:20px;line-height:1.6}.journey-bottom>span:first-child{max-width:135px}.all-directions{max-width:105px;text-align:right}.contact{padding:28px 6% 50px}.contact-top{font-size:8px}.contact h2{font-size:15.3vw;margin:70px 0 45px;line-height:.95}.contact-arrow{font-size:65px;right:0;top:-50px}.contact-row{flex-direction:column;gap:25px}.contact-row .button{width:100%}.email{font-size:16px}footer{padding:28px 6% 23px}.footer-row a{font-size:14px}.footer-row>span{font-size:7px;letter-spacing:1px}.footer-row{padding-bottom:24px}footer p{font-size:9px}.preview-note{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-line,.orbit,.contact-arrow{transform:none!important}.reveal{opacity:1;transform:none}.orbit{opacity:1}}

.brand-dot{color:#fff}

/* The same circular object changes identity with the scroll chapter. */
.orbit{opacity:1}
.orbit-form{transform-origin:250px 250px;opacity:0;transform:scale(.78) rotate(-18deg);transition:opacity .65s ease,transform .85s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.form-football{opacity:1;transform:scale(1) rotate(0deg)}
body[data-step="1"] .form-football,body[data-step="2"] .form-football{opacity:0;transform:scale(.78) rotate(18deg)}
body[data-step="1"] .form-chip,body[data-step="2"] .form-globe{opacity:1;transform:scale(1) rotate(0deg)}


.orbit{right:-2%}@media(max-width:500px){.orbit{width:74vw;right:-6%}}


/* One pinned stage. Native CSS scroll timelines work without JavaScript. */
.journey{position:relative;height:260svh;min-height:0;background:var(--yellow);color:var(--deep);view-timeline-name:--esp-story;view-timeline-axis:block}
.journey-sticky{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;isolation:isolate}
.journey-top,.journey-bottom{position:absolute;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:1px;z-index:3}
.journey-top{top:32px}.journey-top>span+span{font-size:11px;letter-spacing:0;border-bottom:1px solid #810b1a55;padding-bottom:5px}
.journey-bottom{bottom:27px;padding-top:22px;border-top:1px solid #810b1a33;font-size:9px;opacity:.75}
.orbit{position:absolute;top:13%;right:3%;width:min(40vw,570px);aspect-ratio:1;opacity:1;transform-origin:center;transform:translate(calc(var(--story-p,0)*-7vw),calc(var(--story-p,0)*16vh)) rotate(calc(var(--story-p,0)*115deg));will-change:transform;z-index:1}
.stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.story-content{position:absolute;left:4.5%;right:4.5%;top:39%;z-index:2}
.story-progress{display:flex;width:170px;align-items:center;gap:12px;font-size:10px;letter-spacing:1px;margin-bottom:27px}
.stage-number{display:block;position:relative;width:18px;height:12px}.stage-number>span{position:absolute;inset:0}
.progress-track{height:1px;background:#810b1a33;flex:1;position:relative}.progress-track i{position:absolute;inset:0;background:var(--deep);transform-origin:left;transform:scaleX(calc(.05 + var(--story-p,0)*.95))}
.word-stage{position:relative;height:14vw;max-height:220px;min-height:100px}
.stage-word{position:absolute;top:0;left:0;font:900 italic clamp(75px,13vw,210px)/1 Display,Arial,sans-serif;letter-spacing:-.065em;margin:0;pointer-events:none}
.caption-stage{position:relative;height:52px;margin-top:20px}.stage-caption{position:absolute;inset:0 auto auto 0;font-size:16px;line-height:1.5;max-width:300px}
.item-0{opacity:var(--alpha-0,1)}.item-1{opacity:var(--alpha-1,0)}.item-2{opacity:var(--alpha-2,0)}
@supports(animation-timeline:view()){
 .item-0,.item-1,.item-2,.orbit,.progress-track i{animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--esp-story;animation-range:contain 0% contain 100%}
 .item-0{animation-name:esp-sports}.item-1{animation-name:esp-casino}.item-2{animation-name:esp-beyond}
 .orbit{animation-name:esp-orbit}.progress-track i{animation-name:esp-progress}
}
@keyframes esp-sports{0%,29%{opacity:1}36%,100%{opacity:0}}
@keyframes esp-casino{0%,29%{opacity:0}36%,62%{opacity:1}69%,100%{opacity:0}}
@keyframes esp-beyond{0%,62%{opacity:0}69%,100%{opacity:1}}
@keyframes esp-orbit{from{transform:translate(0,0) rotate(0deg)}to{transform:translate(-7vw,16vh) rotate(115deg)}}
@keyframes esp-progress{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
@media(max-width:800px){.journey{height:250svh}.orbit{width:48vw;right:0;top:16%}.stage-word{font-size:14.5vw}.word-stage{height:16vw}.story-content{top:43%}}
@media(max-width:500px){.journey{height:250svh;min-height:0}.journey-sticky{height:100svh;min-height:0}.journey-top,.journey-bottom{left:6%;right:6%;font-size:8px;gap:20px;line-height:1.5}.journey-top{top:25px;align-items:flex-start}.journey-top>span:first-child{max-width:130px}.journey-top>span+span{font-size:9px;max-width:115px;text-align:right}.journey-bottom{bottom:23px;font-size:7px}.journey-bottom>span{max-width:140px}.journey-bottom>span+span{text-align:right;max-width:110px}.orbit{top:14%;right:-1%;width:73vw}.story-content{left:6%;right:6%;top:51%}.stage-word{font-size:18vw}.word-stage{height:21vw;min-height:0}.story-progress{width:125px;font-size:9px;margin-bottom:20px}.stage-caption{font-size:14px;max-width:215px}.caption-stage{margin-top:20px}}
@media(prefers-reduced-motion:reduce){
 .orbit{animation-name:none!important;transform:none!important}
 .item-0,.item-1,.item-2{animation-timing-function:steps(1,end)!important}
}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:reduce){.item-0{animation:esp-sports 1s steps(1,end) both!important}.item-1{animation:esp-casino 1s steps(1,end) both!important}.item-2{animation:esp-beyond 1s steps(1,end) both!important}.item-0,.item-1,.item-2{animation-timeline:--esp-story!important;animation-range:contain 0% contain 100%!important}}}

.jeton-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);font:900 italic clamp(32px,4.8vw,74px)/1 Display,Arial,sans-serif;letter-spacing:-.065em;color:#f9eac6;text-shadow:0 1px 1px #3d000b;white-space:nowrap;pointer-events:none}
@media(max-width:500px){.jeton-label{font-size:8.7vw}}

.legal-links{display:flex;gap:24px;margin-top:20px;font-size:10px;color:#fff3ceaa}.legal-links a:hover{text-decoration:underline}.privacy-content{max-width:850px;padding:65px 6%;margin:0 auto;min-height:70vh}.privacy-content h1{font:900 italic clamp(40px,7vw,80px)/1 Display,Arial,sans-serif;letter-spacing:-2px;color:var(--yellow);margin:0 0 40px}.privacy-content h2{font-size:20px;color:var(--yellow);margin:32px 0 12px}.privacy-content p{font-size:15px;line-height:1.7;margin:12px 0}.privacy-content a{text-decoration:underline}
