@font-face{font-family:Barlow;src:url('./assets/barlow-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('./assets/barlow-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
@font-face{font-family:Montserrat;src:url('./assets/montserrat-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{font-family:Barlow,Arial,sans-serif;color:#e8dfce;background:#080909}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #8ed5ff;outline-offset:6px}.skip-link{position:fixed;z-index:50;top:-100px;left:18px;padding:14px 18px;background:#fff;color:#111;font-weight:700}.skip-link:focus{top:12px}
.site-shell{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:#080909}
.frame{position:relative;min-height:100vh;min-height:100svh;width:100%;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}
.logo-area{width:min(820px,88vw,calc((100vh - 350px)*1.64366));width:min(820px,88vw,calc((100svh - 350px)*1.64366));min-width:160px;aspect-ratio:2048/1246;flex:none;position:relative}
.legacy-lockup{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:2048/1246}
.logo-static{display:block;position:relative;z-index:2;width:100%;height:auto}
.legacy-gear{position:absolute;left:27.2949%;top:.1204%;width:45.4102%;height:auto;z-index:1;transform-origin:center}
.announcement{text-align:center;position:relative;flex:none;width:100%}
h1,.headline-copy{font-size:clamp(18px,2vw,23px);font-weight:400;line-height:1.35;margin:0 0 24px;color:#d2ccc2;letter-spacing:0}
h1 strong,.headline-copy strong{font-size:1.16em;font-weight:700;color:#eee7da}
.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;width:300px;max-width:100%;min-height:54px;padding:15px 20px;border:1px solid #e8474e;background:linear-gradient(135deg,#cb1722,#9d0d16);color:#fff;font-size:16px;font-weight:700}
a.primary-button:hover{background:#d41a25;border-color:#f17177}.primary-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.legacy-environment{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.scene-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;filter:saturate(.45) brightness(.48)}.scene-one{opacity:1}
.scene-shade{position:absolute;inset:0;background:radial-gradient(at 50% 44%,#08080870 0%,#08080838 48%,#080808bd 85%),linear-gradient(0deg,#080808f2 0%,#08080885 22%,transparent 50%,#080808a8 100%)}
.scene-shade:after{content:"";position:absolute;inset:0;background:radial-gradient(42% 42% at 50% 40%,#252525b8 0%,#0d0d0d88 45%,#0d0d0d30 72%,transparent 100%)}
/* Exactly the current Legacy homepage speed: one constant-speed turn per 60 seconds. */
.site-shell[data-motion="on"] .legacy-gear{animation:gear-spin 60s linear infinite}
.site-shell[data-motion="on"] .scene-one{animation:scene-one 30s linear infinite}.site-shell[data-motion="on"] .scene-two{animation:scene-two 30s linear infinite}.site-shell[data-motion="on"] .scene-three{animation:scene-three 30s linear infinite}
@keyframes gear-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes scene-one{0%,27%{opacity:1}33%,94%{opacity:0}100%{opacity:1}}@keyframes scene-two{0%,27%{opacity:0}33%,60%{opacity:1}66%,100%{opacity:0}}@keyframes scene-three{0%,60%{opacity:0}66%,94%{opacity:1}100%{opacity:0}}
.scottsdale-view{display:none;position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden;background:#fff;will-change:clip-path}
.old-background{position:absolute;inset:0;background:linear-gradient(180deg,#fff0 0%,#fff0 40%,#0c1019d9 78%,#0c1019e8 100%),url('./assets/scottsdale-hero.webp') center/cover}
.old-header{position:absolute;left:0;right:0;top:0;height:102px;border-top:10px solid #ed1b23;background:#fff;display:flex;align-items:center;padding:14px max(24px,calc((100vw - 1240px)/2))}
.old-header img{display:block;width:280px;height:auto;max-height:100%;object-fit:contain}
.old-brand{display:flex;align-items:center;justify-content:flex-start}
.old-slogan{font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:clamp(25px,4vw,52px);line-height:1.15;letter-spacing:-1px;text-align:center;padding:15px 22px;color:#111;background:#fffffff0}
.old-slogan span,.old-slogan strong{display:block}.old-slogan strong{color:#ed1b23}
.cut-line{display:none;position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(90deg,#d7192022,#ffb4a580,#ed1b23);filter:drop-shadow(0 0 5px #df3427);will-change:clip-path}
.site-shell[data-phase="playing"] .scottsdale-view,.site-shell[data-phase="playing"] .cut-line{display:block}
@media(max-width:700px){.frame{padding:24px 20px;gap:28px}.logo-area{width:min(92vw,calc((100svh - 340px)*1.64366));max-width:100%}h1,.headline-copy{font-size:20px;margin-bottom:24px}.primary-button{width:285px;font-size:14px}.old-header{height:82px;border-top-width:8px;padding:12px 20px}.old-header img{width:235px}.old-brand{justify-content:center}.old-slogan{font-size:clamp(25px,7.8vw,37px);padding:14px 20px}.old-background{background-position:62% center}.scene-photo{filter:saturate(.5) brightness(.4)}.scene-shade{background:linear-gradient(0deg,#080808d9 0%,#08080835 28%,#08080824 70%,#08080880 100%)}.scene-shade:after{background:radial-gradient(75% 35% at 50% 44%,#08080870,transparent 100%)}}
@media(max-height:550px){.frame{padding:14px 20px;gap:14px}.logo-area{width:min(580px,70vw,calc((100svh - 270px)*1.64366));min-width:140px}h1,.headline-copy{font-size:17px;line-height:1.25;margin-bottom:14px}.primary-button{min-height:46px;padding:10px 18px;font-size:14px}.old-header{height:58px;border-top-width:6px;padding:7px 20px}.old-header img{width:170px}.old-slogan{font-size:24px;padding:8px 14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.scottsdale-view,.cut-line{display:none!important}.scene-one{opacity:1!important}.scene-two,.scene-three{opacity:0!important}}
/* Wait for this original image to decode before beginning the page transition. */
.old-background{background:none}.old-background>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.old-background:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fff0 0%,#fff0 40%,#0c1019d9 78%,#0c1019e8 100%)}
@media(max-width:700px){.old-background>img{object-position:62% center}}


/* The expanded announcement keeps one clear destination and preserves viewport fit. */
h1,.headline-copy{margin-bottom:13px}
.change-story{max-width:650px;margin:0 auto 23px;font-size:17px;line-height:1.5;color:#d2ccc2;font-weight:400;text-wrap:pretty}
@media(max-width:700px){.change-story{max-width:360px;font-size:15px;line-height:1.5;margin-bottom:22px}h1,.headline-copy{margin-bottom:13px}}
@media(max-height:550px){.frame{gap:12px}.change-story{max-width:680px;font-size:14px;line-height:1.4;margin-bottom:15px}h1,.headline-copy{margin-bottom:10px}}
/* Keep the announcement until the approved page sweep has fully finished. */
.scottsdale-view .headline-copy,.scottsdale-view .change-story{visibility:hidden}
.has-js .site-shell:not([data-phase="complete"]) .announcement>h1,
.has-js .site-shell:not([data-phase="complete"]) .announcement>.change-story{visibility:hidden}
.has-js .site-shell[data-phase="loading"] .scottsdale-view{display:block}
@media(prefers-reduced-motion:reduce){.announcement>h1,.announcement>.change-story{visibility:visible!important}}

/* Reveal the single action together with the announcement, never before the sweep completes. */
.scottsdale-view .announcement{visibility:hidden}
.has-js .site-shell:not([data-phase="complete"]) .announcement{visibility:hidden}
@media(prefers-reduced-motion:reduce){.site-shell>.frame .announcement{visibility:visible!important}}