:root{--navy:#07192d;--navy-2:#0c2744;--orange:#ff5a1f;--ice:#edf3f4;--paper:#f7f5ef;--ink:#0b1725;--line:rgba(7,25,45,.17);--display:'Unbounded',Arial,sans-serif;--body:'Onest',Arial,sans-serif;--pad:clamp(24px,5.5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--body);overflow-x:hidden}a{color:inherit}button,input{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--orange);color:#07192d;padding:12px 18px;font-weight:700}.skip-link:focus{top:16px}.route-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:90;background:transparent}.route-progress span{display:block;width:0;height:100%;background:var(--orange)}
.header{height:84px;padding:0 var(--pad);display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:36px;position:sticky;top:0;z-index:50;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);transition:height .25s,box-shadow .25s}.header.scrolled{height:68px;box-shadow:0 12px 32px rgba(0,0,0,.22)}.brand{width:190px;display:flex}.brand img{display:block;width:100%;height:auto}.navlinks{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.4vw,38px)}.navlinks a{font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;position:relative}.navlinks a:not(.nav-sale):after{content:"";height:2px;position:absolute;left:0;right:100%;bottom:-8px;background:var(--orange);transition:right .25s}.navlinks a:hover:after,.navlinks a:focus-visible:after{right:0}.nav-sale{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:12px}.icon-button,.bag,.menuBtn{width:42px;height:42px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;display:grid;place-items:center;position:relative}.icon-button svg,.bag svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7}.bag span{position:absolute;right:-5px;top:-5px;background:var(--orange);color:#07192d;width:18px;height:18px;display:grid;place-items:center;font-size:10px;font-weight:800;border-radius:50%}.menuBtn{display:none}.menuBtn i{position:absolute;width:18px;height:2px;background:#fff;transition:.25s}.menuBtn i:first-child{transform:translateY(-4px)}.menuBtn i:last-child{transform:translateY(4px)}.menuBtn[aria-expanded=true] i:first-child{transform:rotate(45deg)}.menuBtn[aria-expanded=true] i:last-child{transform:rotate(-45deg)}
.hero{min-height:calc(100vh - 84px);height:820px;max-height:900px;position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:clamp(64px,8vh,104px) var(--pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,.82fr);align-items:center;gap:5vw}.city-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 84%)}.city-grid:after{content:"";position:absolute;inset:auto 0 0;height:37%;background:linear-gradient(158deg,transparent 34%,rgba(255,90,31,.08) 34.2%,rgba(255,90,31,.08) 55%,transparent 55.2%)}.route{position:absolute;border-color:var(--orange);border-style:solid;opacity:.8}.route-a{width:46vw;height:200px;left:-5vw;top:64%;border-width:3px 3px 0 0;transform:skewX(-32deg)}.route-b{width:30vw;height:30vw;border-radius:50%;right:-16vw;top:-13vw;border-width:2px}.route i{width:13px;height:13px;border:3px solid var(--orange);background:var(--navy);position:absolute;border-radius:50%}.route-a i:nth-child(1){left:20%;top:-8px}.route-a i:nth-child(2){left:48%;top:-8px}.route-a i:nth-child(3){right:-8px;top:43%}.route-a i:nth-child(4){right:-8px;bottom:6%}.route-b i:first-child{left:8%;bottom:12%}.route-b i:last-child{left:22%;bottom:-2%}.hero-copy{position:relative;z-index:2}.kicker{text-transform:uppercase;letter-spacing:.19em;font:600 11px var(--display);display:flex;align-items:center;gap:12px;margin:0 0 28px}.kicker span{width:30px;height:3px;background:var(--orange)}.kicker.dark{color:var(--navy)}h1,h2,h3{font-family:var(--display);margin:0;line-height:.99;letter-spacing:-.055em}h1{font-size:clamp(4.1rem,6.25vw,7.2rem);max-width:800px}h1 em,h2 em{color:var(--orange);font-style:normal}.hero-lead{max-width:580px;font-size:clamp(17px,1.4vw,22px);color:#b9c7d1;margin:34px 0}.hero-cta{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-width:250px;padding:17px 20px;text-decoration:none;text-transform:uppercase;font:700 11px var(--display);letter-spacing:.07em;border:2px solid transparent;transition:transform .2s,box-shadow .2s}.button-orange{background:var(--orange);color:#07192d}.button:hover,.button:focus-visible{transform:translate(-4px,-4px);box-shadow:6px 6px 0 #fff}.text-link{font-weight:600;text-underline-offset:7px}.hero-visual{height:590px;position:relative;z-index:2}.poster{position:absolute;overflow:hidden}.poster-back{width:72%;height:76%;right:6%;top:8%;background:#dbe4e5;color:var(--navy);transform:rotate(5deg);border:8px solid #fff;padding:24px}.poster-back span{font:600 10px var(--display);letter-spacing:.16em}.poster-back b{position:absolute;bottom:-14px;right:-8px;font:800 10rem var(--display);letter-spacing:-.1em;color:#c6d3d7}.poster-main{left:3%;top:8%;width:72%;height:80%;background:var(--orange);border:8px solid #fff;box-shadow:26px 27px 0 rgba(0,0,0,.35);transform:rotate(-3deg)}.poster-code{position:absolute;left:20px;top:20px;font:700 11px var(--display);letter-spacing:.2em;color:var(--navy)}.poster-main p{position:absolute;right:18px;bottom:12px;color:var(--navy);font:800 clamp(2rem,4vw,4.5rem)/.79 var(--display);text-transform:uppercase;letter-spacing:-.08em;text-align:right}.silhouette{position:absolute;width:70%;height:84%;left:8%;top:10%;filter:drop-shadow(14px 18px 0 rgba(7,25,45,.17))}.silhouette i{position:absolute;display:block;background:var(--navy)}.silhouette .head{width:22%;aspect-ratio:1;border-radius:50%;left:38%;top:2%}.silhouette .body{width:70%;height:50%;left:14%;top:22%;clip-path:polygon(32% 0,66% 0,100% 25%,80% 100%,16% 100%,0 28%)}.silhouette .leg{width:23%;height:38%;bottom:0}.silhouette .leg.one{left:24%;transform:skewX(-9deg)}.silhouette .leg.two{left:52%;transform:skewX(8deg)}.poster-label{position:absolute;right:0;bottom:5%;background:#fff;color:var(--navy);padding:16px 24px;font:600 12px var(--display);transform:rotate(2deg);box-shadow:9px 9px 0 var(--orange)}.poster-label b{font-size:18px;color:var(--orange)}.scroll-note{position:absolute;left:var(--pad);bottom:24px;font:500 10px var(--display);text-transform:uppercase;letter-spacing:.14em;color:#8da0ad;display:flex;align-items:center;gap:10px}.scroll-note span{display:block;width:58px;height:1px;background:#8da0ad}
.ticker{height:44px;background:var(--orange);color:var(--navy);white-space:nowrap;overflow:hidden;display:flex;align-items:center;font:800 12px var(--display)}.ticker div{animation:ticker 25s linear infinite}.ticker span{margin:0 24px;font-size:8px}@keyframes ticker{to{transform:translateX(-50%)}}
.routes-section{padding:130px var(--pad);background:var(--paper)}.section-head{display:grid;grid-template-columns:1.1fr .7fr;grid-template-areas:'k k' 'h p';align-items:end;margin-bottom:70px}.section-head .kicker{grid-area:k}.section-head h2{grid-area:h}.section-head>p:last-child{grid-area:p;max-width:400px;margin:0 0 10px 50px;font-size:18px;color:#425161}h2{font-size:clamp(3rem,5vw,6rem)}.route-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.route-card{border:1px solid var(--line);background:#fff;transition:transform .25s,box-shadow .25s}.route-card:hover{transform:translateY(-10px);box-shadow:0 26px 60px rgba(7,25,45,.12)}.route-map{height:280px;position:relative;overflow:hidden;background:var(--navy)}.route-map:before{content:"";position:absolute;width:135%;height:3px;left:-20%;top:48%;transform:rotate(-24deg);background:var(--orange)}.route-map.blue:before{background:#6dd9ff;transform:rotate(19deg)}.route-map.coral:before{background:#ff8d78;transform:rotate(-5deg)}.route-map:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:38px 38px}.route-map b{position:absolute;right:14px;bottom:-30px;color:rgba(255,255,255,.12);font:800 9rem var(--display)}.station{position:absolute;width:18px;height:18px;border:4px solid currentColor;background:var(--navy);border-radius:50%;z-index:2;color:var(--orange)}.blue .station{color:#6dd9ff}.coral .station{color:#ff8d78}.s1{left:18%;top:61%}.s2{left:48%;top:42%}.s3{right:15%;top:23%}.blue .s1{top:31%}.blue .s2{top:45%}.blue .s3{top:59%}.coral .s1,.coral .s2,.coral .s3{top:45%}.route-card>div:last-child{padding:26px 28px 30px}.route-card p{font:600 10px var(--display);letter-spacing:.12em;color:#667481}.route-card h3{font-size:clamp(1.25rem,1.8vw,1.75rem);letter-spacing:-.04em;margin:11px 0 28px}.route-card a{display:flex;justify-content:space-between;font-weight:700;text-underline-offset:6px}.route-card a span{color:var(--orange)}
.looks{min-height:800px;padding:120px var(--pad);background:var(--navy);color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw;align-items:center;overflow:hidden}.looks-copy>p:not(.kicker){color:#aebdca;max-width:480px;font-size:18px;margin:30px 0}.slider-controls{display:flex;align-items:center;gap:18px;margin-top:42px}.slider-controls button{width:52px;height:52px;background:transparent;border:1px solid #53677a;color:white;font-size:21px;cursor:pointer}.slider-controls button:hover,.slider-controls button:focus-visible{background:var(--orange);color:var(--navy);border-color:var(--orange)}.slider-controls span{font:500 12px var(--display);letter-spacing:.15em}.slider{height:590px;display:flex;gap:20px;transition:transform .4s ease}.slide{width:clamp(250px,26vw,390px);height:100%;flex:0 0 auto;background:#d8e4e6;color:var(--navy);position:relative;overflow:hidden;transform:scale(.92);opacity:.48;transition:.45s}.slide.is-active{transform:scale(1);opacity:1}.slide:nth-child(2){background:#ff8d78}.slide:nth-child(3){background:#dae467}.slide:nth-child(4){background:#78c9e8}.slide-tag{position:absolute;top:20px;left:20px;font:700 11px var(--display)}.slide>p{position:absolute;bottom:18px;left:22px;font:700 clamp(1.4rem,2.5vw,2.7rem)/1 var(--display);letter-spacing:-.06em;margin:0;z-index:2}.fashion-shape{position:absolute;inset:13% 9% 10%;filter:drop-shadow(14px 18px 0 rgba(7,25,45,.14))}.fashion-shape:before{content:"";position:absolute;left:37%;top:2%;width:26%;aspect-ratio:1;border-radius:50%;background:var(--navy)}.fashion-shape:after{content:"";position:absolute;left:15%;top:22%;width:70%;height:66%;background:var(--navy);clip-path:polygon(28% 0,72% 0,100% 26%,77% 100%,23% 100%,0 26%)}.shape-two:after{clip-path:polygon(20% 0,80% 0,94% 38%,70% 50%,82% 100%,18% 100%,30% 50%,6% 38%)}.shape-three:after{clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.shape-four:after{clip-path:polygon(20% 0,80% 0,80% 38%,100% 100%,0 100%,20% 38%)}
.stats{background:var(--orange);color:var(--navy);display:grid;grid-template-columns:repeat(3,1fr) 1.25fr;padding:80px var(--pad);gap:30px;align-items:end}.stats div{border-left:2px solid var(--navy);padding-left:20px}.stats strong{display:block;font:800 clamp(3rem,5.2vw,6.5rem)/.9 var(--display);letter-spacing:-.08em}.stats span{display:block;font-weight:600;margin-top:14px}.stats>p{font:700 clamp(1.35rem,2vw,2.4rem)/1.12 var(--display);margin:0;text-align:right}
.stores{padding:120px var(--pad);background:var(--ice);display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center}.stores-map{min-height:500px;position:relative;background:var(--navy);overflow:hidden}.stores-map:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:35px 35px}.stores-map svg{position:absolute;inset:8%;width:84%;height:84%;fill:none;stroke:var(--orange);stroke-width:4;z-index:2}.stores-map circle{fill:var(--navy);stroke-width:5}.map-label{position:absolute;z-index:3;background:#fff;padding:6px 9px;font:700 9px var(--display);color:var(--navy)}.m1{left:24%;top:46%}.m2{left:55%;top:17%}.m3{right:9%;top:29%}.stores-copy h2{margin:18px 0 28px}.stores-copy>p:not(.kicker){font-size:18px;color:#4c5a67;margin-bottom:36px}.stores-copy .button:hover{box-shadow:6px 6px 0 var(--navy)}
footer{background:#03101e;color:#fff;padding:70px var(--pad);display:grid;grid-template-columns:1.4fr .7fr .7fr 1fr;gap:40px;border-top:1px solid #26394b}footer img{width:210px}footer>div{display:flex;flex-direction:column;gap:10px}footer a{text-decoration:none;color:#bdc8d1}footer a:hover{color:var(--orange)}.footer-note{font:600 15px var(--display);text-align:right}.footer-note span{font:400 11px var(--body);color:#7e8e9c;margin-top:12px}
.search-panel{position:fixed;inset:0;z-index:100;background:rgba(7,25,45,.97);color:#fff;padding:15vh var(--pad)}.search-panel label{display:block;font:700 clamp(2.5rem,6vw,7rem)/1 var(--display);letter-spacing:-.07em;margin-bottom:30px}.search-panel input{width:100%;background:transparent;color:#fff;border:0;border-bottom:4px solid var(--orange);padding:18px 0;font-size:28px;outline:0}.search-panel p{color:#91a3b3}.search-close{position:absolute;right:var(--pad);top:40px;background:transparent;border:1px solid #fff;color:#fff;width:52px;height:52px;font-size:30px}.reveal{opacity:0;transform:translateY(42px);visibility:hidden;transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none;visibility:visible}:focus-visible{outline:3px solid #70ddff;outline-offset:4px}
@media(max-width:980px){.header{grid-template-columns:170px 1fr auto;padding-inline:24px}.navlinks{position:fixed;inset:68px 0 0;background:var(--navy);padding:42px 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;transform:translateX(100%);transition:.3s;z-index:40}.navlinks.open{transform:none}.navlinks a{font:600 25px var(--display)}.menuBtn{display:grid}.header .search{display:none}.hero{grid-template-columns:1fr .8fr;padding-inline:32px}.hero-visual{height:500px}.section-head{grid-template-columns:1fr;grid-template-areas:'k' 'h' 'p';gap:24px}.section-head>p:last-child{margin:0}.looks{grid-template-columns:1fr}.looks-copy{max-width:650px}.slider{height:510px}.stats{grid-template-columns:repeat(3,1fr)}.stats>p{grid-column:1/-1;text-align:left;margin-top:30px}.stores{grid-template-columns:1fr}.stores-copy{grid-row:1}.footer-note{text-align:left}footer{grid-template-columns:1.5fr 1fr 1fr}.footer-note{grid-column:1/-1}}
@media(max-width:640px){:root{--pad:20px}.header{height:68px;padding-inline:18px;grid-template-columns:140px 1fr auto;gap:10px}.brand{width:138px}.header-actions{justify-self:end}.header .bag{display:none}.hero{height:auto;max-height:none;min-height:calc(100svh - 68px);display:block;padding:74px 20px 64px}.hero-copy{max-width:360px}.kicker{margin-bottom:20px}h1{font-size:clamp(3.25rem,15.5vw,4.2rem);line-height:.94}.hero-lead{font-size:16px;line-height:1.55;margin:24px 0}.hero-cta{align-items:flex-start;flex-direction:column;gap:18px}.button{min-width:230px}.hero-visual{height:380px;margin-top:50px}.poster-back{right:-8%;width:75%;height:72%}.poster-main{left:4%;width:73%;height:78%;border-width:5px}.poster-main p{font-size:2.15rem}.poster-label{right:2%;bottom:0}.scroll-note{display:none}.route-a{top:52%;width:90vw}.ticker{height:38px}.routes-section{padding-block:80px}.section-head{margin-bottom:42px}.section-head>p:last-child{font-size:16px}.route-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px;padding-bottom:18px}.route-card{min-width:84vw;scroll-snap-align:start}.route-map{height:230px}.looks{padding-block:80px}.looks h2{font-size:2.75rem}.slider{height:430px;gap:12px;width:max-content}.slide{width:76vw}.stats{grid-template-columns:1fr 1fr;padding-block:60px}.stats div:nth-child(3){grid-column:1/-1}.stats strong{font-size:3.7rem}.stores{padding-block:80px}.stores-map{min-height:340px}.stores-copy h2{font-size:2.8rem}footer{grid-template-columns:1fr 1fr;padding-block:54px}footer>img{grid-column:1/-1;width:170px;margin-bottom:20px}.search-panel{padding-top:22vh}.search-panel input{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none;visibility:visible}}