@font-face{font-family:UA;src:url('assets/NeuePlakUA-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:UA;src:url('assets/NeuePlakUA-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:UACompact;src:url('assets/NeuePlakUA-CompBlack.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--navy:#192b42;--deep:#142338;--wind:#7d939f;--fog:#a9b6bf;--flash:#fff79b;--paper:#eef1f3;--white:#fff;--line:rgba(169,182,191,.3);--body:Arial,Helvetica,sans-serif;--brand:UA,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font:400 16px/1.6 var(--body);letter-spacing:normal}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:3px solid var(--flash);outline-offset:5px}h1,h2,h3,p{margin-top:0}button{border-radius:0}a{text-underline-offset:4px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--flash);color:var(--navy);padding:10px 18px}.skip-link:focus{top:10px}
.topbar{display:flex;align-items:center;gap:20px;padding:18px clamp(20px,4vw,72px);border-bottom:1px solid var(--line);min-height:88px;background:var(--deep)}.topbar a{display:flex;text-decoration:none}.ua-mark{width:58px;height:36px;color:white}.ua-mark svg{width:100%;height:100%}.collab{font:400 20px var(--brand);color:var(--fog)}.smm-mark{width:104px;height:48px;object-fit:contain}.event-date{margin-left:auto;font:700 14px var(--brand);letter-spacing:.04em}.event-date span{margin-left:18px;color:var(--flash)}
.screen{display:none}.screen.active{display:grid}.intro{grid-template-columns:1fr 1fr;min-height:min(760px,calc(100svh - 88px))}.intro-copy{padding:clamp(44px,6vw,100px) clamp(24px,5vw,80px);align-self:center}.eyebrow{font:700 12px/1.5 var(--brand);letter-spacing:.14em;color:var(--flash);margin-bottom:25px}.intro h1{font:900 clamp(70px,8vw,126px)/.89 UACompact,Impact,sans-serif;letter-spacing:0;margin:0 0 32px}.intro h1 em{font-style:normal;color:var(--flash)}.lead{font-size:17px;line-height:1.8;color:#e0e6eb;max-width:440px;margin-bottom:32px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 26px;min-height:58px;background:var(--flash);border:1px solid var(--flash);color:var(--deep);font:700 14px/1.4 var(--brand);letter-spacing:.025em;text-decoration:none;transition:background .2s,transform .2s}.primary span{font:400 23px/1 var(--body)}.primary:hover{background:#fffbd0;transform:translateY(-2px)}.intro-media{position:relative;min-width:0;min-height:580px;overflow:hidden}.intro-media>img{width:100%;height:100%;object-fit:cover;object-position:48% center;position:absolute;inset:0}.intro-media:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(20,35,56,.85))}.media-caption{position:absolute;bottom:32px;left:32px;right:32px;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:20px;color:var(--flash);font:400 14px/1.3 var(--brand)}.media-caption strong{display:block;font:900 clamp(38px,4.6vw,72px)/1 UACompact,sans-serif;letter-spacing:0}.media-caption>span:last-child{text-align:right;font-size:12px;letter-spacing:.06em;color:#fff}
.quiz{grid-template-columns:28% 1fr;min-height:740px}.quiz-aside{position:relative;overflow:hidden;min-height:100%}.quiz-aside img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.quiz-aside:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--deep),transparent 80%)}.quiz-aside p{position:absolute;z-index:1;left:32px;bottom:24px;color:var(--flash);font:900 58px/1 UACompact,sans-serif;margin:0}.quiz-aside strong{font:700 56px/1 var(--brand)}.quiz-content{padding:36px clamp(24px,5vw,80px) 64px;min-width:0}.progress-wrap{display:flex;align-items:center;gap:22px;font:700 13px var(--brand);color:var(--fog);margin-bottom:64px}.progress{height:2px;flex:1;background:var(--line)}.progress i{display:block;width:25%;height:100%;background:var(--flash);transition:width .25s}.back{padding:8px 0 8px 8px;border:0;background:none;color:#fff;font:400 14px var(--body)}.question-kicker{font:700 12px var(--brand);letter-spacing:.12em;color:var(--flash);margin-bottom:20px}.question-stage h2{font:700 clamp(30px,3.6vw,52px)/1.2 var(--body);letter-spacing:0;word-spacing:.08em;max-width:860px;margin:0 0 36px;outline:none;text-wrap:balance}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:14px;text-align:left;min-height:128px;border:1px solid var(--line);background:var(--deep);color:white;padding:22px 20px;transition:background .2s,border-color .2s}.answer:hover,.answer[aria-pressed=true]{background:#2b4057;border-color:var(--flash)}.answer b{display:block;font:700 18px/1.4 var(--body);word-spacing:.03em}.answer small{display:block;font:400 14px/1.55 var(--body);color:#c5d0d8;margin-top:6px;word-spacing:.02em}.answer .index{font:400 12px var(--brand);align-self:start;margin-top:5px;color:var(--wind)}.answer .arrow{font-size:20px;color:var(--flash)}
.result{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);background:var(--paper);color:var(--deep)}.result-visual{position:relative;min-height:740px;overflow:hidden}.result-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.result-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,var(--deep))}.profile-stamp{position:absolute;left:36px;right:24px;bottom:40px;z-index:1;color:white;border-left:2px solid var(--flash);padding-left:18px}.profile-stamp span{display:block;font:700 12px var(--brand);letter-spacing:.12em;color:var(--flash);margin-bottom:10px}.profile-stamp strong{font:700 22px var(--brand)}.result-copy{padding:56px clamp(24px,4vw,64px)}.result-copy .eyebrow{color:#526c80;margin-bottom:16px}.result h2{font:900 clamp(54px,5.5vw,88px)/.96 UACompact,Impact,sans-serif;letter-spacing:0;margin:0 0 20px;outline:none}.result-text{font-size:16px;line-height:1.8;max-width:620px;color:#354c60;margin-bottom:34px}.look-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #c3cdd5;padding-top:22px;margin-bottom:14px}.look-heading h3{font:700 15px var(--brand);margin:0}.look-heading span{font-size:12px;color:#536b7b}.look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.look-item{color:var(--deep);text-decoration:none;background:#fff;display:block;border:1px solid transparent;min-width:0;padding:16px;position:relative;transition:border-color .2s}.look-item:hover{border-color:var(--wind)}.look-item:focus-visible{outline-color:var(--navy)}.look-item img{width:100%;height:190px;object-fit:contain}.look-item b{display:block;font:700 14px/1.4 var(--brand);margin:14px 0 4px;padding-right:18px}.look-item small{font:400 12px var(--body);color:#536b7b}.look-item .product-arrow{position:absolute;right:16px;bottom:34px;font-size:20px}.result-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:26px}.secondary{font:400 14px var(--body);background:transparent;border:0;border-bottom:1px solid #8195a5;padding:10px 0;color:var(--deep)}
.countdown-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:48px clamp(24px,5vw,80px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--deep)}.countdown-copy .eyebrow{margin-bottom:12px}.countdown-copy h2{font:400 clamp(22px,2vw,30px)/1.4 var(--body);margin-bottom:10px}.countdown-copy>p:last-child{font-size:14px;color:var(--fog);margin:0}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.countdown>div{background:var(--fog);color:var(--deep);text-align:center;padding:22px 8px 15px}.countdown strong{display:block;font:700 clamp(30px,3.4vw,50px)/1.2 var(--brand);font-variant-numeric:tabular-nums;letter-spacing:0;margin-bottom:12px}.countdown span{font-size:12px}
.family{padding:90px clamp(24px,5vw,80px) 80px;background:var(--paper);color:var(--deep)}.family-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:42px}.family-head .eyebrow{color:#526c80;margin-bottom:18px}.family h2{font:900 clamp(58px,6.5vw,102px)/.92 UACompact,Impact,sans-serif;letter-spacing:0;margin:0}.family-head>p{max-width:440px;justify-self:end;font-size:16px;line-height:1.85;margin-bottom:0;color:#425a6e}.shoe-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.shoe-card{display:flex;flex-direction:column;background:#fff;color:var(--deep);text-decoration:none;padding:20px 16px;min-width:0;border:1px solid transparent;transition:border-color .2s,transform .2s}.shoe-card:hover{border-color:var(--wind);transform:translateY(-4px)}.shoe-card:focus-visible{outline-color:var(--navy)}.shoe-card .shoe-index{font:700 12px var(--brand);color:#5b7183;display:flex;justify-content:space-between}.shoe-card img{width:100%;aspect-ratio:1;object-fit:contain;margin:10px 0 22px}.shoe-card h3{font:700 18px/1.2 var(--brand);margin-bottom:10px}.shoe-card .shoe-purpose{font:700 11px/1.4 var(--brand);letter-spacing:.06em;color:#536b7b;margin-bottom:14px}.shoe-card p:last-child{font-size:14px;line-height:1.6;margin-bottom:0;color:#425a6e}.brand-signoff{padding:44px clamp(24px,5vw,80px) 54px;background:var(--navy);color:var(--flash)}.brand-signoff>span{font:400 13px var(--brand)}.brand-signoff p{font:900 clamp(40px,7vw,110px)/1.1 UACompact,Impact,sans-serif;margin:18px 0 0}.brand-signoff strong{font:700 .85em/1 var(--brand)}footer{padding:24px clamp(24px,5vw,80px);display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);font:400 12px/1.5 var(--brand);letter-spacing:.03em;color:var(--fog)}footer a{text-decoration:none}
@media(min-width:1700px){main,.topbar,footer{max-width:1800px;margin-inline:auto}}
@media(max-width:1100px){.quiz{grid-template-columns:22% 1fr}.quiz-content{padding-inline:32px}.quiz-aside p{font-size:44px;left:20px}.quiz-aside strong{font-size:42px}.shoe-track{grid-template-columns:repeat(3,minmax(0,1fr))}.result{grid-template-columns:32% 1fr}.look-item img{height:170px}.countdown-section{gap:28px}.countdown{gap:8px}}
@media(max-width:760px){.topbar{min-height:72px;padding:12px 20px;gap:14px}.ua-mark{width:46px;height:29px}.smm-mark{width:82px;height:40px}.event-date{font-size:12px}.event-date span{display:none}.intro{grid-template-columns:1fr;min-height:0}.intro-copy{padding:44px 24px 38px}.intro h1{font-size:clamp(76px,17vw,120px)}.intro-media{min-height:340px;aspect-ratio:1.3}.intro-media>img{object-position:center 45%}.media-caption{left:24px;right:24px;bottom:24px}.lead{font-size:16px}.quiz{grid-template-columns:1fr;min-height:680px}.quiz-aside{display:none}.quiz-content{padding:24px 24px 48px}.progress-wrap{margin-bottom:42px}.question-stage h2{font-size:34px;line-height:1.25;word-spacing:.08em}.answers{grid-template-columns:1fr}.answer{min-height:96px;padding:18px}.result{grid-template-columns:1fr}.result-visual{min-height:320px;height:320px}.result-photo{object-position:center 40%}.result-copy{padding:36px 24px 44px}.profile-stamp{left:24px;bottom:24px}.result h2{font-size:66px}.look-item{padding:12px}.look-item img{height:160px}.countdown-section{grid-template-columns:1fr;padding:36px 24px;gap:24px}.countdown-copy h2{font-size:24px}.countdown strong{font-size:36px}.countdown>div{padding:18px 4px 12px}.countdown span{font-size:11px}.family{padding:56px 24px}.family-head{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.family-head>p{justify-self:start}.family h2{font-size:72px}.shoe-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shoe-card{padding:16px 12px}.shoe-card img{margin-bottom:16px}.shoe-card h3{font-size:17px}.brand-signoff{padding:34px 24px 42px}footer{padding:24px;display:grid;gap:12px}}
@media(max-width:380px){.event-date{font-size:11px}.topbar{gap:10px;padding-inline:16px}.intro-copy,.quiz-content,.result-copy{padding-inline:20px}.intro h1{font-size:74px}.primary{padding:17px 20px;gap:20px}.look-item img{height:135px}.question-stage h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Supplied campaign artwork, with the existing foreground colors retained. */
.brand-art{display:block;flex-shrink:0;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.collection-art{aspect-ratio:913/284;width:220px;mask-image:url('assets/velociti-collection.svg');-webkit-mask-image:url('assets/velociti-collection.svg')}
.mile-art{aspect-ratio:1477/157;width:100%;mask-image:url('assets/built-for-every-mile.svg');-webkit-mask-image:url('assets/built-for-every-mile.svg')}
.media-caption .collection-art{width:clamp(180px,22vw,320px);max-width:70%}
.quiz-brand{position:absolute;z-index:1;left:24px;bottom:40px;width:calc(100% - 48px);color:var(--flash)}
.look-heading h3 .collection-art{width:172px}
.family-brand{width:250px;max-width:100%;margin-bottom:24px;color:#526c80}
.brand-signoff{display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.brand-signoff>.collection-art{width:210px}
.brand-signoff>.mile-art{width:min(100%,1120px)}
/* Compact family: product photography stays separate from editable copy. */
.shoe-track{align-items:start}
.shoe-card{padding:12px 14px 16px}
.shoe-card img{aspect-ratio:1.65;height:auto;margin:0 0 8px;object-fit:cover;object-position:center}
.shoe-card h3{font-size:18px;margin-bottom:6px}
.shoe-card .shoe-purpose{margin-bottom:8px}
.shoe-card p:last-child{font-size:13px;line-height:1.5}
.shoe-card .shoe-index{font-size:11px}
.family{padding-top:64px;padding-bottom:60px}
.family-head{margin-bottom:30px}
/* Mobile layout: start action stays visible, controls remain comfortably tappable. */
@media(max-width:760px){
 .topbar{padding:12px 18px;gap:12px}.topbar a{min-height:44px;align-items:center}.ua-mark svg{height:30px}
 .intro-copy{padding:32px 22px}.intro h1{font-size:clamp(68px,16.5vw,104px);margin-bottom:24px}
 .intro-copy .eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:20px}
 .lead{margin-bottom:24px;font-size:16px;line-height:1.7}.intro-copy .primary{width:100%;max-width:400px}
 .intro-media{min-height:250px;aspect-ratio:1.45}.media-caption{left:22px;right:22px;bottom:22px;gap:14px}
 .media-caption .collection-art{width:210px;max-width:68%}.media-caption>span:last-child{font-size:11px}
 .quiz-content{padding:20px 20px 36px}.quiz{min-height:0}.progress-wrap{margin-bottom:30px;gap:16px}.back{min-height:44px;padding:10px}
 .question-stage h2{font-size:clamp(28px,7.7vw,38px);line-height:1.25;margin-bottom:26px}
 .answer{padding:16px;min-height:100px;gap:12px}.answer b{font-size:17px}.answer small{font-size:14px}
 .result-visual{height:250px;min-height:250px}.result-copy{padding:30px 20px 36px}.result h2{font-size:clamp(48px,13vw,72px);overflow-wrap:anywhere}
 .result-text{line-height:1.7;margin-bottom:24px}.look-heading{gap:12px}.look-heading h3 .collection-art{width:148px}.look-heading>span{font-size:12px;max-width:120px;text-align:right}
 .look-grid{gap:10px}.look-item{padding:10px}.look-item img{height:auto;aspect-ratio:1;object-fit:contain}.look-item b{font-size:13px;margin-top:10px;overflow-wrap:anywhere}.look-item small{font-size:12px}
 .result-actions{gap:12px}.result-actions .primary{width:100%}.secondary{min-height:44px}.result-actions .secondary{margin-inline:auto}
 .countdown-section{padding:30px 20px;gap:20px}.countdown-copy h2{font-size:22px}.countdown{gap:6px}.countdown strong{font-size:32px;margin-bottom:9px}.countdown>div{padding:16px 2px 12px}.countdown span{font-size:11px}
 .family{padding:40px 20px}.family-head{gap:20px;margin-bottom:24px}.family h2{font-size:64px}.family-brand{width:220px;margin-bottom:20px}.family-head>p{font-size:15px;line-height:1.7}
 .shoe-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shoe-card{padding:10px 10px 14px}.shoe-card img{aspect-ratio:1.55;margin-bottom:6px}.shoe-card h3{font-size:17px}.shoe-card .shoe-purpose{font-size:10px;letter-spacing:.025em;line-height:1.5}.shoe-card p:last-child{font-size:13px;line-height:1.5}
 .brand-signoff{padding:30px 20px 36px;gap:24px}.brand-signoff>.collection-art{width:180px}.brand-signoff>.mile-art{width:100%}
 footer{padding:22px 20px;gap:14px}footer a{padding-block:8px}
}
@media(max-width:360px){.topbar{gap:9px;padding-inline:14px}.event-date{font-size:10px}.smm-mark{width:76px}.intro h1{font-size:66px}.countdown span{font-size:10px}.look-heading h3 .collection-art{width:130px}.shoe-card{padding-inline:8px}}
@media(min-width:761px) and (max-width:1000px){.intro-copy{padding:40px 28px}.intro h1{font-size:76px}.intro-media{min-height:560px}.countdown-section{grid-template-columns:1fr;gap:24px}.countdown{max-width:620px;width:100%}.answers{grid-template-columns:1fr}.answer{min-height:95px}.quiz-content{padding:28px}.quiz{grid-template-columns:25% 1fr}.progress-wrap{margin-bottom:32px}}

/* Full-bleed campaign opening with a subtle photographic veil behind the copy. */
.intro{position:relative;isolation:isolate;grid-template-columns:1fr;min-height:720px;overflow:hidden}
.intro-media{position:absolute;inset:0;min-height:0;aspect-ratio:auto;z-index:0;pointer-events:none}
.intro-media>img{object-position:50% 45%;width:100%;height:100%}
.intro-media:after{inset:0;background:linear-gradient(90deg,rgba(7,14,21,.7),rgba(7,14,21,.25) 52%,rgba(7,14,21,.05) 80%)}
.intro-copy{position:relative;z-index:2;width:60%;padding:70px clamp(24px,5vw,80px);background:transparent;align-self:center}
.intro-copy:before{content:'';position:absolute;inset:0;z-index:-1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(90deg,#000 70%,transparent);pointer-events:none}
.intro .media-caption{left:auto;right:4vw;bottom:35px;width:34%;justify-content:flex-end}.intro .media-caption>span:last-child{display:none}.intro .media-caption .collection-art{width:300px;max-width:100%}
.icon-arrow{display:inline-block;width:22px;height:22px;min-width:22px;vertical-align:middle;pointer-events:none}
.back{display:inline-flex;gap:7px;align-items:center}.back-arrow{width:18px;height:18px;min-width:18px}
footer .icon-arrow{width:15px;height:15px;min-width:15px}.shoe-index .icon-arrow{width:17px;height:17px;min-width:17px}
button,a{touch-action:manipulation;cursor:pointer}button{position:relative}.answer>*{pointer-events:none}
.intro-media:after,.result-visual:after,.quiz-aside:after,.brand-art{pointer-events:none}
.primary,.answer,.back,.secondary,.look-item,.shoe-card{position:relative;z-index:1}
@media(hover:none){.primary:hover,.shoe-card:hover{transform:none}.answer:hover{background:var(--deep);border-color:var(--line)}.answer:active{background:#2b4057;border-color:var(--flash)}.look-item:active,.shoe-card:active{border-color:var(--wind)}}
@media(max-width:760px){
 .intro{min-height:660px;min-height:calc(100svh - 72px);grid-template-columns:1fr}
 .intro-media{min-height:0;aspect-ratio:auto}.intro-media>img{object-position:58% center}
 .intro-media:after{background:linear-gradient(90deg,rgba(7,14,21,.65),rgba(7,14,21,.15)),linear-gradient(0deg,rgba(7,14,21,.55),transparent 45%)}
 .intro-copy{width:100%;padding:42px 22px 140px;align-self:center}
 .intro-copy:before{inset:0 12% 70px 0;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
 .intro h1{font-size:clamp(66px,16.5vw,104px)}.intro .lead{max-width:380px;color:#fff}.intro-copy .primary{max-width:400px}
 .intro .media-caption{left:22px;right:22px;bottom:28px;width:auto;justify-content:flex-start}.intro .media-caption .collection-art{width:180px;max-width:65%}
}
/* The entire product tile is the touch target, including image and text. */
.shoe-card,.look-item{pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,247,155,.22)}
.shoe-card *,.look-item *{pointer-events:none}
@media(hover:none),(pointer:coarse){.shoe-card,.look-item{transition:none}.shoe-card:hover,.look-item:hover{transform:none}}

/* Standalone campaign hero */
.intro .hero-event{display:block;font:700 clamp(30px,3.6vw,52px)/.94 UA,Arial,sans-serif;letter-spacing:-.025em;margin:22px 0 24px}
.intro-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}
.intro-media:after{z-index:1}.intro .media-caption{z-index:2}
.video-toggle{position:absolute;z-index:4;right:24px;bottom:24px;min-height:44px;padding:10px 15px;border:1px solid #ffffff80;background:#14233880;color:white;font:14px Arial,sans-serif;cursor:pointer;touch-action:manipulation}
@media(max-width:760px){.intro .hero-event{font-size:clamp(29px,8vw,43px);margin:18px 0 22px}.intro-media>video{object-position:52% center}.video-toggle{right:18px;bottom:22px;font-size:12px;padding:8px 10px}.intro .media-caption .collection-art{width:150px}.intro .media-caption>span:last-child{display:none}}