@font-face{font-family:"Exo 2";src:url(/assets/fonts/exo-2.4a259dde.woff2) format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Red Hat Text";src:url(/assets/fonts/red-hat-text.59826f39.woff2) format("woff2");font-weight:300 700;font-display:swap}
:root{--ink:#0e1013;--night:#151a22;--slate:#1f2735;--steel:#303d53;--mist:#9aa6b8;--line:#d5dbe4;--fog:#e9edf2;--paper:#f5f6f8;--white:#fff;
--orange:#f2741f;--orange-t:#a84a0c;--orange-l:#ff9d57;--navy:#1f2a5e;--glow:#57b6ff;--text:#1b2028;--soft:#4a5466;
--fd:"Exo 2",system-ui,sans-serif;--ft:"Red Hat Text",system-ui,sans-serif;--r:.75rem;--gap:clamp(1rem,.6rem + 1.4vw,1.75rem);--band:clamp(3rem,2rem + 4vw,5.5rem)}
*,*::before,*::after{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%;scroll-padding-top:7rem}
@media (max-width:30em){html{font-size:min(100%,4.45vw)}}
body{margin:0;background:var(--paper);color:var(--text);font:400 1rem/1.6 var(--ft)}
img,video,svg{display:block;max-width:100%}
img{height:auto}
[hidden]{display:none!important}
a{color:var(--navy);text-underline-offset:.18em}
a:hover{color:var(--orange-t)}
h1,h2,h3,h4{font-family:var(--fd);line-height:1.12;margin:0 0 .5em;color:inherit;letter-spacing:.01em}
h1{font-weight:800;font-size:clamp(2rem,1.3rem + 3vw,3.6rem);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4em}
h2{font-weight:800;font-size:clamp(1.45rem,1.05rem + 1.7vw,2.35rem);text-transform:uppercase;letter-spacing:.035em}
h3{font-weight:700;font-size:clamp(1.08rem,1rem + .4vw,1.3rem)}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
.sp-wrap{width:min(100% - 2rem,84rem);margin-inline:auto}
.sp-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sp-skip:focus{position:fixed!important;left:1rem;top:1rem;width:auto;height:auto;clip:auto;z-index:99;background:var(--white);padding:.5rem 1rem}
.sp-ico{width:1.4em;height:1.4em;flex:none}
.sp-kicker{font:700 .78rem/1.3 var(--fd);letter-spacing:.16em;text-transform:uppercase;color:var(--orange-t);margin:0 0 .6rem}
.sp-dark .sp-kicker,.sp-kicker--l{color:var(--orange-l)}
.sp-lead{font-size:1.1rem;color:var(--soft)}
.sp-dark .sp-lead{color:#c9d1dd}

.sp-buy{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:2.85rem;padding:.6rem 1.25rem;border-radius:999px;background:var(--orange);color:var(--ink);font:800 .95rem/1.15 var(--fd);letter-spacing:.03em;text-decoration:none;text-align:center;border:0;cursor:pointer;transition:background .15s}
.sp-buy:hover,.sp-buy:focus-visible{background:#ff8a3d;color:var(--ink)}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:2.85rem;padding:.6rem 1.2rem;border-radius:999px;border:2px solid currentColor;color:var(--navy);background:transparent;font:700 .95rem/1.15 var(--fd);letter-spacing:.03em;text-decoration:none;cursor:pointer}
.sp-dark .sp-btn,.sp-hero .sp-btn,.sp-dhero .sp-btn{color:var(--white)}
.sp-btn:hover{color:var(--orange-t)}
.sp-dark .sp-btn:hover{color:var(--orange-l)}
.sp-link{display:inline-flex;align-items:center;gap:.35em;font:700 .95rem/1.3 var(--fd);color:var(--navy);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}
.sp-link .sp-ico{width:1.1em;height:1.1em}
.sp-dark .sp-link{color:var(--orange-l)}
.sp-storelink{color:inherit;font-weight:700;text-decoration:underline}

.header{position:sticky;top:0;z-index:40;background:var(--ink);color:var(--white)}
.header__strip{background:#07080a;font:600 .8rem/1.3 var(--fd);letter-spacing:.06em;color:#c9d1dd}
.header__strip .sp-wrap{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;flex-wrap:wrap}
.header__links{display:flex;gap:1.1rem}
.header__links a{color:#c9d1dd;text-decoration:none}
.header__links a:hover{color:var(--orange-l)}
.header__bar{display:flex;align-items:center;gap:1rem;padding:.65rem 0}
.logo{flex:none;display:block}
.logo img{width:auto;height:2.6rem}
.header .search{flex:1 1 auto;min-width:0;max-width:30rem;margin-inline:auto}
.search{display:flex;align-items:center;gap:.5rem;background:var(--white);border-radius:999px;padding:.2rem .3rem .2rem 1rem}
.search input{flex:1;min-width:0;border:0;background:transparent;font:500 .95rem/1.4 var(--ft);color:var(--text);padding:.45rem 0}
.search input:focus{outline:none}
.search:focus-within{box-shadow:0 0 0 3px var(--glow)}
.search button{border:0;background:var(--navy);color:var(--white);width:2.3rem;height:2.3rem;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex:none}
.header__store{flex:none}
.header__burger{display:none;background:none;border:0;color:var(--white);padding:.3rem;cursor:pointer}
.menu{border-top:1px solid #222935;background:var(--ink)}
.menu__row{list-style:none;margin:0;padding:0;display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center}
.menu__row a{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;color:#dfe5ee;text-decoration:none;font:700 .9rem/1.2 var(--fd);letter-spacing:.05em;text-transform:uppercase;border-bottom:3px solid transparent}
.menu__row a .sp-ico{color:var(--orange-l)}
.menu__row a:hover,.menu__row a[aria-current]{color:var(--white);border-bottom-color:var(--orange)}
.menu__search{display:none}
@media (max-width:64em){.header__store{display:none}}
@media (max-width:48em){.header__burger{display:block}.header .search{display:none}.header__bar{justify-content:space-between}.logo img{height:2.3rem}
.menu{display:none}.nav-open .menu{display:block;max-height:calc(100vh - 6rem);overflow:auto}
.menu__row{flex-direction:column;align-items:stretch;padding:.5rem 0}.menu__row a{border-bottom:1px solid #222935;padding:.9rem .2rem}.menu__search{display:block;padding:1rem 0 1.2rem}
.header__strip .header__links{display:none}}

.crumbs ol{list-style:none;margin:0;padding:.9rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem;font:600 .85rem/1.3 var(--fd);color:var(--soft)}
.crumbs li:not(:last-child)::after{content:"/";margin-left:.35rem;color:#9aa3b2}
.crumbs a{color:var(--navy)}

.sp-band{padding-block:var(--band)}
.sp-band--white{background:var(--white)}
.sp-band--fog{background:var(--fog)}
.sp-dark{background:var(--night);color:#e7ecf3}
.sp-dark a:not(.sp-buy),.sp-dhero a:not(.sp-buy):not(.sp-btn),.sp-hero a:not(.sp-buy):not(.sp-btn),.sp-art__hero a,.sp-ab__hero a:not(.sp-buy),.sp-finder a{color:var(--orange-l)}
.sp-band--ink{background:var(--ink);color:#e7ecf3}
.sp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;flex-wrap:wrap;margin-bottom:clamp(1.5rem,1rem + 1.5vw,2.5rem)}
.sp-head__t{flex:1 1 28rem;min-width:0}
.sp-head__t p{margin:0;color:var(--soft);font-size:1.05rem}
.sp-dark .sp-head__t p{color:#c9d1dd}
.sp-head__t h2{margin-bottom:.35em}

.sp-sweep{width:100%;height:auto;color:var(--glow)}

.sp-metric{display:inline-flex;align-items:baseline;gap:.55rem;background:#11161d;color:var(--orange-l);border-radius:.45rem;padding:.35rem .7rem .3rem;margin:.2rem 0 .7rem;border:1px solid #2a3342;max-width:100%}
.sp-metric b{font:800 1.85rem/1 var(--fd);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}
.sp-metric span{font:700 .72rem/1.2 var(--fd);letter-spacing:.12em;color:#c9d1dd;min-width:0}
.sp-metric i{font-style:normal;color:var(--orange-l);font-size:.95rem;letter-spacing:.02em;margin-right:.2rem}

.sp-rate{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--soft);margin:0 0 .5rem;flex-wrap:wrap}
.sp-stars{display:inline-flex;color:#e8890f}
.sp-stars svg{width:1rem;height:1rem}
.sp-rate b{color:var(--text)}
.sp-dark .sp-rate,.sp-dark .sp-rate b{color:#dfe5ee}

.sp-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}
.sp-tile{flex:1 1 calc((100% - 2 * var(--gap)) / 3);min-width:0;display:flex;flex-direction:column;background:var(--white);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);color:var(--text)}
.sp-tiles--4 .sp-tile{flex-basis:calc((100% - 3 * var(--gap)) / 4)}
.sp-tiles--two .sp-tile{flex-basis:calc((100% - var(--gap)) / 2)}
@media (max-width:62em){.sp-tile,.sp-tiles--4 .sp-tile{flex-basis:calc((100% - var(--gap)) / 2)}}
@media (max-width:37.5em){.sp-tile,.sp-tiles--4 .sp-tile,.sp-tiles--two .sp-tile{flex-basis:100%}}
@media (max-width:37.5em){.sp-tile{display:grid;grid-template-columns:36% minmax(0,1fr);align-items:stretch}.sp-tile__ph{border-bottom:0;border-right:1px solid var(--fog)}.sp-tile__zoom{aspect-ratio:1/1}
.sp-tile__body{padding:.75rem .85rem .9rem}.sp-tile__name{font-size:.98rem}.sp-tile__model{margin-bottom:.2rem}.sp-metric{padding:.25rem .55rem;margin-bottom:.5rem}.sp-metric b{font-size:1.45rem}
.sp-tile__specs div{grid-template-columns:minmax(0,1fr);gap:0}.sp-tile__specs div:nth-child(n+3){display:none}.sp-tile__specs dt{font-size:.78rem}.sp-tile__fits,.sp-tile__except{font-size:.8rem}
.sp-tiles:not([data-grid]) .sp-tile__specs,.sp-tiles:not([data-grid]) .sp-tile__fits,.sp-tiles:not([data-grid]) .sp-tile__except,.sp-tile__one{display:none}
.sp-opt{min-height:2.75rem;padding:.3rem .5rem;font-size:.76rem}.sp-tile__buy{flex-direction:column;align-items:stretch;gap:.5rem}.sp-price b{font-size:1.2rem}.sp-tile__buy .sp-buy{font-size:.85rem;padding-inline:.7rem}
.sp-story__aside figure:nth-child(2){display:none}.sp-cmp-hide{display:none!important}}
@media (min-width:62.01em){.sp-tiles:not(.sp-tiles--4):not(.sp-tiles--two) .sp-tile:nth-child(3n+1):last-child{flex-direction:row}
.sp-tiles:not(.sp-tiles--4):not(.sp-tiles--two) .sp-tile:nth-child(3n+1):last-child .sp-tile__ph{flex:0 0 33%;border-bottom:0;border-right:1px solid var(--fog)}}
@media (min-width:37.51em) and (max-width:62em){.sp-tile:nth-child(2n+1):last-child{flex-direction:row}.sp-tile:nth-child(2n+1):last-child .sp-tile__ph{flex:0 0 45%;border-bottom:0;border-right:1px solid var(--fog)}}
.sp-tile:target{box-shadow:0 0 0 3px var(--orange)}
.sp-tile__ph{margin:0;background:var(--white);border-bottom:1px solid var(--fog)}
.sp-tile__zoom{display:block;position:relative;width:100%;padding:0;border:0;background:var(--white);cursor:zoom-in;aspect-ratio:1/1}
.sp-tile__zoom img{width:100%;height:100%;object-fit:contain}
.sp-tile__zi{position:absolute;right:.6rem;bottom:.6rem;background:rgba(14,16,19,.82);color:var(--white);border-radius:50%;width:2.2rem;height:2.2rem;display:grid;place-items:center}
.sp-tile__zi .sp-ico{width:1.1rem;height:1.1rem}
.sp-tile__body{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;flex:1;min-width:0}
.sp-tile__model{font:700 .75rem/1.2 var(--fd);letter-spacing:.14em;color:var(--orange-t);margin:0 0 .35rem;text-transform:uppercase}
.sp-tile__name{font-size:1.08rem;margin:0 0 .45rem}
.sp-tile__name a{color:inherit;text-decoration:none}
.sp-tile__name a:hover{color:var(--orange-t)}
.sp-tile__specs{margin:0 0 .7rem;display:grid;gap:.2rem;font-size:.9rem}
.sp-tile__specs div{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:.6rem}
.sp-tile__specs dt{color:var(--soft);font-weight:500}
.sp-tile__specs dd{margin:0;font-weight:600}
.sp-tile__fits{font-size:.88rem;margin:0 0 .3rem;padding-left:.7rem;border-left:3px solid var(--glow)}
.sp-tile__except{font-size:.85rem;margin:0 0 .6rem;padding-left:.7rem;border-left:3px solid var(--orange);color:var(--soft)}
.sp-tile__one{font-size:.88rem;color:var(--soft);margin:0 0 .6rem}
.sp-opts{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 .8rem}
.sp-opt{border:1.5px solid var(--line);background:var(--paper);border-radius:.45rem;padding:.4rem .6rem;font:600 .82rem/1.25 var(--ft);color:var(--text);cursor:pointer;text-align:left;min-height:2.75rem}
.sp-opt[aria-pressed=true]{border-color:var(--navy);background:#e6eaf6;box-shadow:inset 0 0 0 1px var(--navy)}
.sp-tile__buy{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;padding-top:.4rem}
.sp-price{margin:0;display:flex;flex-direction:column;align-items:flex-start}
.sp-price b{font:800 1.4rem/1.1 var(--fd)}
.sp-price span{font-size:.8rem;color:var(--soft)}
.sp-tile__buy .sp-buy{flex:1 1 auto}

.sp-lb{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;margin:0}
.sp-lb::backdrop{background:rgba(7,8,10,.92)}
.sp-lb__in{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:3.5rem 3.5rem 3rem}
.sp-lb__img{max-height:calc(100vh - 7rem);width:auto;height:auto;object-fit:contain;background:var(--white);border-radius:.4rem;user-select:none;touch-action:pan-y}
.sp-lb__n{position:absolute;top:1rem;left:1rem;margin:0;color:var(--white);font:700 .95rem/1 var(--fd);letter-spacing:.08em}
.sp-lb button{position:absolute;background:rgba(255,255,255,.12);color:var(--white);border:0;border-radius:50%;width:2.9rem;height:2.9rem;font-size:1.8rem;line-height:1;cursor:pointer;display:grid;place-items:center}
.sp-lb__x{top:.8rem;right:.8rem}
.sp-lb__prev{left:.6rem;top:50%;transform:translateY(-50%)}
.sp-lb__next{right:.6rem;top:50%;transform:translateY(-50%)}

.sp-table{overflow:visible}
.sp-table table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--r);overflow:hidden;font-size:.93rem}
.sp-table th,.sp-table td{padding:.7rem .85rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--fog)}
.sp-table thead th{background:var(--navy);color:var(--white);font:700 .8rem/1.3 var(--fd);letter-spacing:.08em;text-transform:uppercase}
.sp-table tbody th{font-weight:700;color:var(--text)}
.sp-table tbody tr:nth-child(even){background:#f8f9fb}
.sp-table tr.sp-us{background:#fff3ea!important}
.sp-dark .sp-table table{color:var(--text)}
.sp-table caption{caption-side:bottom;text-align:left;font-size:.82rem;color:var(--soft);padding-top:.6rem}
.sp-dark .sp-table caption{color:#c9d1dd}
@media (max-width:48em){.sp-table thead{display:none}.sp-table table,.sp-table tbody,.sp-table tr,.sp-table th,.sp-table td{display:block;width:100%}
.sp-table tr{border-bottom:2px solid var(--fog);padding:.4rem 0}.sp-table tbody th{padding-bottom:.2rem;border:0}.sp-table td{border:0;padding:.15rem .85rem .35rem}
.sp-table caption{display:block;width:100%}
.sp-table td[data-th]::before{content:attr(data-th);display:block;font:700 .72rem/1.3 var(--fd);letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}}

.sp-qa{display:flex;flex-wrap:wrap;gap:var(--gap);align-items:flex-start}
.sp-qa__it{flex:1 1 20rem;min-width:0;min-height:8rem;background:var(--white);border-radius:var(--r);padding:1.2rem 1.3rem;border-left:4px solid var(--orange)}
.sp-dark .sp-qa__it{background:var(--slate);color:#e7ecf3}
.sp-qa__it h3{font-size:1.08rem}
.sp-qa__it ol{margin:.4rem 0 0;padding-left:1.2rem}
.sp-qa__it--steps{flex-basis:100%}
.sp-qa__it--steps ol{columns:2 18rem;column-gap:2.5rem}
.sp-qa__it--steps li{break-inside:avoid;margin-bottom:.3rem}

.sp-hero{position:relative;background:var(--ink);color:var(--white);overflow:hidden;isolation:isolate}
.sp-hero__img{position:absolute;inset:0;z-index:-2}
.sp-hero__img img{width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.sp-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,8,10,.9) 0%,rgba(7,8,10,.72) 38%,rgba(7,8,10,.15) 70%,rgba(7,8,10,0) 100%),linear-gradient(0deg,rgba(7,8,10,.55),rgba(7,8,10,0) 40%)}
.sp-hero__in{min-height:min(60vh,40rem);display:flex;flex-direction:column;justify-content:center;padding-block:clamp(2.5rem,1.5rem + 4vw,5rem)}
.sp-hero__t{max-width:none;width:min(100%,40rem)}
.sp-hero h1{font-size:clamp(2.2rem,1.2rem + 4.2vw,4.6rem);line-height:1.02;margin-bottom:.35em}
.sp-hero h1 span{display:block;color:var(--orange-l)}
.sp-hero__lead{font-size:clamp(1.02rem,.95rem + .35vw,1.2rem);color:#dfe5ee;max-width:34rem}
.sp-hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}
.sp-readout{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.6rem 0 0;padding:0;list-style:none}
.sp-readout li{background:rgba(17,22,29,.88);border:1px solid #2f3a4b;border-radius:.5rem;padding:.55rem .8rem;min-width:0}
.sp-readout b{display:block;font:800 1.5rem/1 var(--fd);color:var(--orange-l);white-space:nowrap}
.sp-readout span{font:700 .7rem/1.2 var(--fd);letter-spacing:.12em;text-transform:uppercase;color:#c9d1dd}
@media (max-width:48em){.sp-hero__in{min-height:0;padding-top:min(56vw,16rem)}.sp-hero::before{background:linear-gradient(0deg,rgba(7,8,10,.96) 0%,rgba(7,8,10,.88) 50%,rgba(7,8,10,.2) 78%,rgba(7,8,10,0) 100%)}.sp-hero__img img{height:auto;max-height:none;object-position:60% 30%}.sp-hero__img{bottom:auto;height:min(70vw,22rem)}}

.sp-depts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
@media (max-width:62em){.sp-depts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:20em){.sp-depts{grid-template-columns:minmax(0,1fr)}}
@media (max-width:37.5em){.sp-dept__ph{aspect-ratio:1/1;padding:.5rem}.sp-dept__b{padding:.7rem .75rem .85rem}.sp-dept__b h3{font-size:.92rem}.sp-dept__b h3 .sp-ico{display:none}.sp-dept__b p:not(.sp-dept__range){display:none}.sp-dept__range{font-size:.7rem}}
.sp-dept{position:relative;display:flex;flex-direction:column;background:var(--white);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);text-decoration:none;color:var(--text);min-width:0}
.sp-dept__ph{background:linear-gradient(160deg,#e9edf2,#d4dbe5);aspect-ratio:4/3;display:grid;place-items:center;padding:1rem}
.sp-dept__ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.sp-dept__b{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.sp-dept__b h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.12rem;text-transform:uppercase;letter-spacing:.04em}
.sp-dept__b h3 .sp-ico{color:var(--orange-t)}
.sp-dept__b p{margin:0;font-size:.92rem;color:var(--soft)}
.sp-dept__range{font:700 .78rem/1.3 var(--fd);letter-spacing:.1em;text-transform:uppercase;color:var(--navy)!important;margin-top:auto!important;padding-top:.5rem}
.sp-dept:hover{border-color:var(--orange)}
.sp-dept a{color:inherit;text-decoration:none}
.sp-dept a::after{content:"";position:absolute;inset:0}

.sp-places{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--gap);align-items:start}
@media (max-width:62em){.sp-places{grid-template-columns:minmax(0,1fr)}}
.sp-places__tabs{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.sp-place{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.9rem;align-items:center;width:100%;text-align:left;background:var(--slate);color:#e7ecf3;border:1.5px solid #2f3a4b;border-radius:var(--r);padding:.5rem;cursor:pointer;font:inherit}
.sp-place img{width:5.5rem;height:4rem;object-fit:cover;border-radius:.45rem}
.sp-place b{display:block;font:800 1rem/1.2 var(--fd);text-transform:uppercase;letter-spacing:.05em}
.sp-place span{font-size:.86rem;color:#c9d1dd}
.sp-place[aria-selected=true]{border-color:var(--orange);background:#283246}
.sp-places__panel{background:var(--slate);border-radius:var(--r);overflow:hidden;color:#e7ecf3}
.sp-places__panel>img{width:100%;aspect-ratio:2/1;object-fit:cover}
.sp-places__body{padding:1.3rem 1.4rem 1.5rem}
.sp-places__body ul{margin:.3rem 0 1rem;padding-left:1.1rem}
.sp-places__picks{display:flex;flex-wrap:wrap;gap:.6rem}
.sp-mini{display:flex;align-items:center;gap:.6rem;background:var(--white);color:var(--text);border-radius:.6rem;padding:.35rem .7rem .35rem .35rem;text-decoration:none;font:700 .86rem/1.25 var(--fd);min-width:0;max-width:100%}
.sp-mini img{width:3rem;height:3rem;object-fit:contain;flex:none}
.sp-mini span{min-width:0}
.sp-dark a.sp-mini{color:var(--text)}

.sp-video{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--gap);align-items:start}
@media (max-width:62em){.sp-video{grid-template-columns:minmax(0,1fr)}}
.sp-video figure{margin:0;border-radius:var(--r);overflow:hidden;background:#000}
.sp-video video{width:100%;height:auto;aspect-ratio:16/9;background:#000}
.sp-video figcaption{padding:.6rem .9rem;font-size:.85rem;color:#c9d1dd;background:#0b0d10}

.sp-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}
@media (max-width:62em){.sp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sp-gallery__it{display:block;padding:0;border:0;border-radius:.5rem;overflow:hidden;cursor:zoom-in;background:var(--slate);aspect-ratio:3/2}
.sp-gallery__it img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.sp-gallery__it:hover img{transform:scale(1.04)}

.sp-nums{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--gap)}
.sp-nums>li{flex:1 1 calc((100% - 2 * var(--gap)) / 3)}
@media (max-width:62em){.sp-nums>li{flex-basis:calc((100% - var(--gap)) / 2)}}
@media (max-width:20em){.sp-nums>li{flex-basis:100%}}
@media (max-width:37.5em){.sp-nums li{padding:.85rem .9rem}.sp-nums p{font-size:.84rem}}
.sp-nums li{background:var(--white);border-radius:var(--r);padding:1.1rem 1.2rem;border-top:4px solid var(--navy);min-width:0}
.sp-nums b{display:block;font:800 clamp(1.8rem,1.4rem + 1.4vw,2.6rem)/1 var(--fd);color:var(--navy);margin-bottom:.35rem;white-space:nowrap}
.sp-nums b small{font-size:.5em;letter-spacing:.06em;margin-left:.2em}
.sp-nums h3{font-size:1rem;text-transform:uppercase;letter-spacing:.03em;margin:0 0 .3rem;overflow-wrap:break-word}
.sp-nums p{font-size:.9rem;color:var(--soft);margin:0}
.sp-wide{margin:var(--gap) 0 0;border-radius:var(--r);overflow:hidden}
.sp-wide img{width:100%;height:auto}

.sp-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);position:relative}
.sp-track::before{content:"";position:absolute;left:0;right:0;top:1.35rem;height:2px;background:linear-gradient(90deg,var(--orange),var(--glow))}
@media (max-width:62em){.sp-track{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-track::before{display:none}}
@media (max-width:30em){.sp-track{grid-template-columns:minmax(0,1fr)}}
.sp-track li{position:relative;padding-top:3.2rem;min-width:0}
.sp-track li::before{content:"";position:absolute;top:.85rem;left:0;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--night);border:3px solid var(--orange)}
.sp-track b{display:block;font:800 1.9rem/1 var(--fd);color:var(--orange-l);margin-bottom:.4rem}
.sp-track p{font-size:.94rem}
.sp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:start}
@media (max-width:62em){.sp-split{grid-template-columns:minmax(0,1fr)}}
.sp-split figure{margin:0;border-radius:var(--r);overflow:hidden}
.sp-split figure img{width:100%;height:auto}
.sp-split figcaption,.sp-fig figcaption{font-size:.84rem;color:var(--soft);padding-top:.5rem}
.sp-dark .sp-split figcaption{color:#c9d1dd}
.sp-cols2{columns:2 22rem;column-gap:clamp(1.5rem,1rem + 2vw,3rem)}
.sp-cols2 p{break-inside:avoid}

.sp-cert{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
@media (max-width:62em){.sp-cert{grid-template-columns:minmax(0,1fr)}}
.sp-cert>div{background:var(--white);border-radius:var(--r);padding:1.2rem 1.3rem;border:1px solid var(--line);min-width:0}
.sp-cert h3{display:flex;gap:.5rem;align-items:center;font-size:1.02rem;text-transform:uppercase;letter-spacing:.05em}
.sp-cert h3 .sp-ico{color:var(--orange-t)}
.sp-cert ul{margin:.3rem 0 0;padding-left:1.1rem;font-size:.92rem}
.sp-cert li{margin-bottom:.35rem}

.sp-story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:start}
@media (max-width:62em){.sp-story{grid-template-columns:minmax(0,1fr)}}
.sp-story__aside{display:grid;gap:var(--gap);position:sticky;top:9rem}
@media (max-width:62em){.sp-story__aside{position:static}}
.sp-story__aside figure{margin:0;border-radius:var(--r);overflow:hidden}
.sp-story__aside img{width:100%;height:auto}
.sp-story h3{margin-top:1.4em;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem}

.sp-passport{display:grid;gap:var(--gap);margin-top:clamp(2rem,1.5rem + 2vw,3.5rem);padding-top:clamp(1.5rem,1rem + 1.5vw,2.5rem);border-top:2px solid var(--line)}
.sp-passport__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap);align-items:start}
@media (max-width:62em){.sp-passport__top{grid-template-columns:minmax(0,1fr)}}
.sp-def{font:700 clamp(1.15rem,1rem + .6vw,1.45rem)/1.35 var(--fd);margin:0}
.sp-facts{margin:0;display:flex;flex-wrap:wrap;gap:.6rem var(--gap);align-items:stretch}
.sp-facts div{flex:1 1 14rem;box-shadow:inset 0 2px 0 var(--line);padding-top:.6rem;min-width:0}
.sp-facts dt{font:700 .74rem/1.3 var(--fd);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.sp-facts dd{margin:.15rem 0 0;font-weight:600;overflow-wrap:anywhere}
.sp-src{font-size:.8rem;font-weight:500;margin-left:.3rem}

.sp-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
@media (max-width:62em){.sp-cards{grid-template-columns:minmax(0,1fr)}}
.sp-card{position:relative;background:var(--white);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.sp-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.sp-card__b{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;flex:1}
.sp-card h3{font-size:1.15rem}
.sp-card h3 a{color:inherit;text-decoration:none}
.sp-card h3 a::after,.sp-card h2 a::after{content:"";position:absolute;inset:0}
.sp-card p{font-size:.93rem;color:var(--soft)}
.sp-card__m{margin-top:auto!important;font:700 .76rem/1.3 var(--fd);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-t)!important}
@media (max-width:37.5em){.sp-card img{aspect-ratio:2/1}.sp-card__b{padding:.9rem 1rem 1rem}}
@media (min-width:62.01em){.sp-cards--wide .sp-card:first-child{grid-column:span 3;flex-direction:row}.sp-cards--wide .sp-card:first-child img{width:55%;aspect-ratio:auto;height:100%}}

.sp-tool{background:var(--white);border-radius:var(--r);padding:1.3rem 1.4rem;border:1px solid var(--line)}
.sp-tool label{display:block;font:700 .85rem/1.3 var(--fd);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem}
.sp-tool input[type=range]{width:100%;accent-color:var(--orange)}
.sp-tool output{display:block;font:800 2rem/1.1 var(--fd);color:var(--navy);margin:.4rem 0}
.sp-tool__ans{background:var(--fog);border-radius:.6rem;padding:.9rem 1rem;margin-top:.8rem}
.sp-seg{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}
.sp-seg button{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:.45rem .85rem;font:700 .85rem/1.2 var(--fd);cursor:pointer;min-height:2.75rem;color:var(--text)}
.sp-seg button[aria-pressed=true]{background:var(--navy);color:var(--white);border-color:var(--navy)}

.sp-dhero{position:relative;background:var(--ink);color:var(--white);isolation:isolate;overflow:hidden}
.sp-dhero__img{position:absolute;inset:0;z-index:-2}
.sp-dhero__img img{width:100%;height:100%;object-fit:cover}
.sp-dhero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,8,10,.92),rgba(7,8,10,.75) 45%,rgba(7,8,10,.25))}
.sp-dhero__in{padding-block:clamp(2rem,1.4rem + 3vw,4rem);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--gap);align-items:start}
@media (max-width:62em){.sp-dhero__in{grid-template-columns:minmax(0,1fr)}}
.sp-dhero h1{font-size:clamp(1.9rem,1.2rem + 3vw,3.3rem)}
.sp-dhero p{color:#dfe5ee}
.sp-dnums{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.sp-dnums li{background:rgba(17,22,29,.88);border:1px solid #2f3a4b;border-radius:.5rem;padding:.7rem .85rem;min-width:0}
.sp-dnums b{display:block;font:800 clamp(1.35rem,1.1rem + 1vw,1.9rem)/1.05 var(--fd);color:var(--orange-l);white-space:nowrap}
.sp-dnums span{display:block;font:700 .7rem/1.25 var(--fd);letter-spacing:.11em;text-transform:uppercase;color:#c9d1dd;margin-top:.25rem}
.sp-finder{background:var(--navy);color:var(--white)}
.sp-finder__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--gap);align-items:center;padding-block:1.6rem}
@media (max-width:62em){.sp-finder__in{grid-template-columns:minmax(0,1fr)}}
.sp-finder h2{font-size:clamp(1.2rem,1rem + .8vw,1.6rem);margin:0 0 .3rem}
.sp-finder p{margin:0;color:#dfe5ee}
.sp-finder .search{max-width:none}
.sp-finder__hint{font-size:.85rem;margin-top:.5rem!important}
.sp-tools{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;justify-content:space-between;margin-bottom:1.3rem}
.sp-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.sp-chip{border:1.5px solid var(--line);background:var(--white);border-radius:999px;padding:.45rem .9rem;font:700 .85rem/1.2 var(--fd);cursor:pointer;min-height:2.75rem;color:var(--text)}
.sp-chip[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}
.sp-sort{display:flex;align-items:center;gap:.5rem;font:700 .85rem/1.2 var(--fd)}
.sp-sort select{font:600 .9rem/1.2 var(--ft);padding:.55rem .7rem;border-radius:.45rem;border:1.5px solid var(--line);background:var(--white);min-height:2.75rem}
.sp-count{font:700 .9rem/1.2 var(--fd);margin:0}
.sp-pages{display:flex;gap:.4rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}
.sp-pages a,.sp-pages span{min-width:2.75rem;min-height:2.75rem;display:grid;place-items:center;border-radius:.45rem;border:1.5px solid var(--line);text-decoration:none;font:700 .9rem/1 var(--fd)}
.sp-pages [aria-current]{background:var(--ink);color:var(--white)}
.sp-best{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--gap)}
.sp-best li{flex:1 1 15rem;min-width:0;background:var(--white);border-radius:var(--r);padding:1.1rem 1.2rem;border:1px solid var(--line)}
.sp-best__job{font:700 .76rem/1.3 var(--fd);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-t);margin:0 0 .4rem}
.sp-best__pick{font:800 1.05rem/1.25 var(--fd);margin:0 0 .4rem}

.sp-art__hero{position:relative;background:var(--ink);color:var(--white);isolation:isolate;overflow:hidden}
.sp-art__hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.sp-art__hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,8,10,.94) 0%,rgba(7,8,10,.7) 45%,rgba(7,8,10,.25) 100%)}
.sp-art__hero .sp-wrap{padding-block:clamp(5rem,3rem + 8vw,10rem) clamp(1.8rem,1.4rem + 2vw,3rem)}
.sp-art__hero h1{font-size:clamp(1.8rem,1.2rem + 2.6vw,3.2rem);max-width:none;width:min(100%,52rem)}
.sp-art__dek{font-size:1.12rem;color:#dfe5ee;width:min(100%,46rem)}
.sp-art__meta{font:700 .8rem/1.3 var(--fd);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-l)}
.sp-art__wrap{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:start;padding-block:var(--band)}
@media (max-width:62em){.sp-art__wrap{grid-template-columns:minmax(0,1fr)}}
.sp-art__body{font-size:1.06rem;line-height:1.7}
.sp-art__body h2{font-size:clamp(1.3rem,1.05rem + 1vw,1.85rem);margin-top:1.8em}
.sp-art__body h3{margin-top:1.4em}
.sp-art__body ul,.sp-art__body ol{padding-left:1.3rem}
.sp-art__body li{margin-bottom:.4rem}
.sp-art__body figure{margin:1.6rem 0}
.sp-art__body figure img{width:100%;height:auto;border-radius:var(--r)}
.sp-quote{margin:1.8rem 0;padding:1.2rem 1.4rem;background:var(--night);color:#e7ecf3;border-radius:var(--r);border-left:5px solid var(--orange)}
.sp-quote p{font:600 1.1rem/1.5 var(--fd);margin:0 0 .6rem}
.sp-quote footer{font-size:.86rem;color:#c9d1dd}
.sp-quote footer a{color:var(--orange-l)}
.sp-toc{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem;position:sticky;top:8.5rem}
.sp-toc h2{font-size:.9rem;letter-spacing:.12em;margin:0 0 .6rem}
.sp-toc ol{margin:0;padding-left:1.1rem;font-size:.92rem}
.sp-toc li{margin-bottom:.35rem}
@media (max-width:62em){.sp-toc{position:static}}
.sp-insert{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1.1rem;align-items:start;background:var(--white);border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:var(--r);padding:.9rem;margin:1.6rem 0}
.sp-insert img{width:100%;aspect-ratio:1/1;object-fit:contain}
.sp-insert h3{margin:0 0 .3rem;font-size:1.05rem}
.sp-insert p{margin:0 0 .5rem;font-size:.92rem}
.sp-insert .sp-buy{min-height:2.75rem;font-size:.88rem}
@media (max-width:30em){.sp-insert{grid-template-columns:minmax(0,1fr)}.sp-insert img{max-width:12rem;margin-inline:auto}}
.sp-sources{font-size:.9rem}
.sp-sources li{margin-bottom:.5rem}
.sp-note{font-size:.9rem;color:var(--soft);border-top:1px solid var(--line);padding-top:.8rem;margin-top:1.4rem}

.sp-ab__hero{position:relative;color:var(--white);background:var(--ink);isolation:isolate;overflow:hidden}
.sp-ab__hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.sp-ab__hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,8,10,.92),rgba(7,8,10,.6) 55%,rgba(7,8,10,.15))}
.sp-ab__hero .sp-wrap{padding-block:clamp(3.5rem,2rem + 6vw,7.5rem)}
.sp-ab__hero h1{width:min(100%,44rem)}
.sp-ab__hero .sp-def{color:#dfe5ee;width:min(100%,40rem)}
.sp-ab__hero .sp-def+p{margin-top:1.1rem;color:#c9d1dd;width:min(100%,40rem)}
.sp-pull{font:800 clamp(1.4rem,1rem + 2vw,2.4rem)/1.2 var(--fd);text-transform:uppercase;letter-spacing:.03em;margin:0;color:var(--white)}
.sp-pull span{color:var(--orange-l)}
.sp-principles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
@media (max-width:62em){.sp-principles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:30em){.sp-principles{grid-template-columns:minmax(0,1fr)}}
.sp-principles li{background:var(--white);border-radius:var(--r);padding:1.2rem;border:1px solid var(--line);min-width:0}
.sp-principles .sp-ico{width:2.2rem;height:2.2rem;color:var(--orange-t);margin-bottom:.6rem}
.sp-principles h3{font-size:1.02rem;text-transform:uppercase;letter-spacing:.04em}
.sp-principles p{font-size:.93rem;color:var(--soft)}
.sp-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0}
.sp-pills a{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;background:var(--white);color:var(--text);text-decoration:none;font:700 .9rem/1.2 var(--fd);border:1.5px solid var(--line)}
.sp-pills a .sp-ico{color:var(--orange-t)}

.sp-page{padding-block:var(--band)}
.sp-page__grid{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:start}
@media (max-width:62em){.sp-page__grid{grid-template-columns:minmax(0,1fr)}}
.sp-page__side{background:var(--night);color:#e7ecf3;border-radius:var(--r);padding:1.3rem;display:grid;gap:.8rem}
.sp-page__side .sp-sweep{margin-top:.4rem}
.sp-prose h2{font-size:1.3rem;margin-top:1.6em}
.sp-prose ul{padding-left:1.2rem}
.sp-results{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.6rem}
.sp-results li a{display:flex;gap:.8rem;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:.6rem;padding:.5rem .8rem;text-decoration:none;color:var(--text)}
.sp-results img{width:3.5rem;height:3.5rem;object-fit:contain;flex:none}
.sp-404{text-align:left}

.sp-dock{position:fixed;left:0;right:0;bottom:0;z-index:35;background:rgba(14,16,19,.97);padding:.55rem 1rem calc(.55rem + env(safe-area-inset-bottom));display:none;box-shadow:0 -4px 18px rgba(0,0,0,.25)}
.sp-dock__in{display:flex;align-items:center;gap:.8rem;width:min(100%,40rem);margin-inline:auto}
.sp-dock__t{flex:1 1 40%;min-width:0;color:#dfe5ee;font:700 .82rem/1.25 var(--fd);letter-spacing:.03em}
.sp-dock .sp-buy{flex:0 1 auto;min-width:0;min-height:2.85rem;padding-inline:1rem;white-space:normal}
@media (max-width:64em){.sp-dock{display:block}body.has-dock{padding-bottom:var(--dock-h,4.6rem)}}

.footer{background:#14181f;color:#c9d1dd;position:relative;overflow:hidden}
.footer__sweep{position:absolute;left:0;right:0;bottom:-1.5rem;opacity:.16;pointer-events:none}
.footer__in{position:relative;padding-block:clamp(2.5rem,2rem + 3vw,4.5rem) 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(1.5rem,1rem + 3vw,4rem)}
@media (max-width:62em){.footer__in{grid-template-columns:minmax(0,1fr)}}
.footer__brand img{height:2.6rem;width:auto;margin-bottom:1rem}
.footer__brand p{font-size:.93rem}
.footer__mail a{color:var(--orange-l)}
.footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
@media (max-width:37.5em){.footer__cols{grid-template-columns:minmax(0,1fr)}}
.footer h2{font-size:.85rem;letter-spacing:.14em;color:var(--white);margin-bottom:.8rem}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.footer a:not(.sp-buy){color:#dfe5ee;text-decoration:none;font-size:.93rem}
.footer a:not(.sp-buy):hover{color:var(--orange-l)}
.footer__base{grid-column:1/-1;border-top:1px solid #2a3240;padding-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between;font-size:.82rem}