/** Shopify CDN: Minification failed

Line 457:0 Unexpected "}"

**/
/* BUILD ARTIFACT — V5.7 freeze. Edit the source and rebuild.
   Sources, in cascade order:
      1. atlas-v5.css
      2. atlas-v5b.css
      3. atlas-v51.css
      4. atlas-v51b.css
      5. atlas-cm52.css
      6. atlas-v52.css
      7. atlas-v53.css
      8. atlas-v53b.css
      9. atlas-v53d.css
     10. atlas-v54.css
     11. atlas-v54b.css
     12. atlas-v54c.css
     13. atlas-v54e.css
     14. atlas-pdp-satc.css
     15. atlas-v56.css
     16. atlas-v57.css
   v57 LAST; PDP rules scoped .at-pdp.
 */

/* ---------- atlas-v5.css ---------- */
:root{--at-red:#C4303A;--at-ice-2:#E4EFFB}.v5{position:relative}.v5__eyebrow{display:flex;align-items:center;gap:10px}.v5__eyebrow:before{content:"";width:22px;height:1px;background:var(--at-red);flex:none}.hero5{position:relative;overflow:hidden;background:var(--at-ice);padding-block:clamp(40px,6vw,84px) clamp(48px,6vw,96px);isolation:isolate}.hero5__grid{display:grid;gap:clamp(24px,3vw,40px);align-items:center;grid-template-columns:1fr}@media(min-width:900px){.hero5__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)}}.hero5__mark{position:absolute;left:50%;top:52%;translate:-50% -50%;width:min(1560px,116%);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;color:var(--at-ink);opacity:.07}.hero5__mark .zm{width:100%;height:auto;display:block}@media(min-width:900px){.hero5__mark{top:47%;width:min(1680px,104%);opacity:.075}}.hero5__copy{position:relative;z-index:2;display:grid;gap:clamp(16px,2vw,26px);justify-items:start}.hero5__model{font-family:var(--at-font-b);font-size:var(--at-fs-label);font-weight:var(--at-fw-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--at-muted)}.hero5__h1{font-family:var(--at-font-d);font-weight:300;margin:0;color:var(--at-ink);font-size:clamp(4.4rem,7.6vw,9.2rem);line-height:.92;letter-spacing:-.038em;text-wrap:balance}.hero5__h1 span{display:block}.hero5__sub{max-inline-size:44ch}.hero5__cta{display:flex;flex-wrap:wrap;gap:var(--at-s4) var(--at-s5);align-items:center}.hero5__stage{position:relative;z-index:1}.hero5__img{display:block;width:100%;height:auto;filter:drop-shadow(0 34px 46px rgba(10,12,15,.13))}.hero5__pic{display:block}.mq5{background:var(--at-ink);color:var(--at-on-ink);padding-block:clamp(18px,2.4vw,30px)}.mq5__row{display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,2vw,32px);font-family:var(--at-font-d);font-weight:300;font-size:clamp(1.5rem,3.1vw,3.4rem);letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap}.mq5__dot{width:6px;height:6px;flex:none;background:var(--at-red);border-radius:50%}.sp5{background:var(--at-warm);padding-block:var(--at-section-y)}.sp5__grid{display:grid;gap:clamp(20px,3vw,44px);grid-template-columns:1fr;align-items:end}@media(min-width:900px){.sp5__grid{grid-template-columns:1.24fr .76fr}}.sp5__lead{position:relative;overflow:hidden;background:var(--at-gray)}.sp5__lead img{display:block;width:100%;height:auto}html.at-js .sp5__lead img{clip-path:inset(0 0 100% 0)}html.at-js .sp5__lead.is-in img{clip-path:inset(0 0 0 0);transition:clip-path .62s var(--at-e)}.sp5__side{display:grid;gap:clamp(16px,2vw,24px)}.sp5__stage{position:relative;background:var(--at-white);aspect-ratio:4/5;overflow:hidden}.sp5__stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .38s var(--at-e)}.sp5__stage img.is-on{opacity:1}html.no-js .sp5__stage img,html:not(.at-js) .sp5__stage img{position:static;opacity:1}html.no-js .sp5__stage,html:not(.at-js) .sp5__stage{aspect-ratio:auto}.sp5__tabs{display:flex;gap:8px}.sp5__tab{flex:1;min-height:44px;padding:10px 8px;background:transparent;cursor:pointer;border:0;border-top:2px solid var(--at-line);font-family:var(--at-font-b);font-size:var(--at-fs-label);font-weight:var(--at-fw-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--at-muted);transition:color .24s var(--at-e),border-color .24s var(--at-e)}.sp5__tab[aria-selected=true]{color:var(--at-ink);border-top-color:var(--at-ink)}.cn5{position:relative;background:var(--at-ink);color:var(--at-on-ink)}.cn5__pic{display:block;position:relative}.cn5__pic img{display:block;width:100%;height:auto;max-height:86vh;object-fit:cover;object-position:50% 32%}.cn5__over{position:absolute;left:0;right:0;bottom:0;padding:clamp(24px,5vw,72px) 0;background:linear-gradient(to top,#0a0c0fb8,#0a0c0f00)}.cn5__h{font-family:var(--at-font-d);font-weight:300;margin:0;color:#fff;font-size:clamp(2.6rem,4.6vw,5.4rem);line-height:1;letter-spacing:-.03em;max-inline-size:18ch}.cn5__n{color:#ffffffc7;margin-top:14px;max-inline-size:46ch}@media(prefers-reduced-motion:reduce){html.at-js .sp5__lead img,html.at-js .sp5__lead.is-in img{clip-path:none!important;transition:none!important}.sp5__stage img{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-v5.css.map */

/* ---------- atlas-v5b.css ---------- */
:root{--at-paper:#F7F5F0}.dt5{background:var(--at-warm);padding-block:var(--at-section-y)}.dt5__grid{display:grid;gap:clamp(10px,1.4vw,18px);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(24px,3vw,44px)}@media(min-width:760px){.dt5__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.dt5__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.dt5__card:first-child{grid-column:span 2}}.dt5__card{position:relative;background:var(--at-white);overflow:hidden;display:flex;flex-direction:column}.dt5__card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transform:scale(.98);transition:transform .45s var(--at-e)}.dt5__card.is-in img{transform:scale(1)}.dt5__cap{padding:14px 16px 18px}.dt5__cap b{display:block;font-family:var(--at-font-b);font-size:var(--at-fs-sm);font-weight:var(--at-fw-ui);color:var(--at-ink)}.dt5__cap span{display:block;margin-top:4px;font-size:var(--at-fs-xs);color:var(--at-muted);line-height:1.5}.sc5{background:var(--at-ice);padding-block:var(--at-section-y)}.sc5__rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,420px);gap:clamp(12px,1.6vw,20px);margin-top:clamp(24px,3vw,44px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.sc5__card{scroll-snap-align:start;background:var(--at-white);position:relative}.sc5__card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.sc5__body{padding:18px 20px 24px}.sc5__body h3{margin:0 0 6px;font-family:var(--at-font-d);font-weight:400;font-size:var(--at-fs-h3);letter-spacing:-.018em;color:var(--at-ink)}.wf5{background:var(--at-white);padding-block:var(--at-section-y)}.wf5__grid{display:grid;gap:clamp(16px,2.4vw,32px);grid-template-columns:1fr;margin-top:clamp(24px,3vw,40px)}@media(min-width:820px){.wf5__grid{grid-template-columns:1fr 1fr}}.wf5__pane{position:relative;background:var(--at-ice)}.wf5__pane img{display:block;width:100%;height:auto}.wf5__tag{position:absolute;left:14px;top:14px;padding:7px 12px;background:var(--at-ink);color:var(--at-on-ink);font-family:var(--at-font-b);font-size:var(--at-fs-label);font-weight:var(--at-fw-ui);letter-spacing:.1em;text-transform:uppercase;line-height:1}.wf5__note{margin-top:16px}.og5{background:var(--at-warm);padding-block:var(--at-section-y)}.og5__grid{display:grid;gap:clamp(20px,3vw,40px);grid-template-columns:1fr;margin-top:clamp(24px,3vw,40px);align-items:start}@media(min-width:900px){.og5__grid{grid-template-columns:1.3fr .7fr}}.og5__stage{position:relative;background:var(--at-ice)}.og5__stage img{display:block;width:100%;height:auto}.og5__pin{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;border-radius:50%;border:1px solid var(--at-ink);background:#f7f5f0eb;cursor:pointer;display:grid;place-items:center}.og5__pin:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%}.og5__pin:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--at-ink)}.og5__pin[aria-selected=true]{background:var(--at-ink);border-color:var(--at-ink)}.og5__pin[aria-selected=true]:after{background:var(--at-red)}.og5__list{display:grid;gap:0;border-top:1px solid var(--at-line)}.og5__item{border-bottom:1px solid var(--at-line)}.og5__btn{width:100%;min-height:56px;display:flex;align-items:center;gap:14px;padding:14px 4px;background:none;border:0;cursor:pointer;text-align:left;font-family:var(--at-font-b);font-size:var(--at-fs-body);color:var(--at-muted);transition:color .25s var(--at-e)}.og5__btn i{width:2px;height:18px;background:transparent;flex:none;transition:background .25s var(--at-e)}.og5__btn[aria-selected=true]{color:var(--at-ink)}.og5__btn[aria-selected=true] i{background:var(--at-red)}.og5__cap{padding:0 4px 18px;font-size:var(--at-fs-sm);color:var(--at-graphite);line-height:1.6}.rv5{background:var(--at-ink);color:var(--at-on-ink);padding-block:var(--at-section-y)}.rv5 .at-h2{color:#fff}.rv5 .at-label{color:#ffffff9e}.rv5__head{display:flex;flex-wrap:wrap;gap:var(--at-s5);align-items:flex-end;justify-content:space-between}.rv5__nav{display:flex;gap:8px}.rv5__nav button{width:44px;height:44px;border:1px solid rgba(255,255,255,.34);background:none;color:#fff;cursor:pointer;border-radius:2px;font-size:16px;line-height:1}.rv5__nav button:disabled{opacity:.34;cursor:default}.rv5__rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(84vw,440px);gap:clamp(12px,1.6vw,20px);margin-top:clamp(24px,3vw,40px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.rv5__card{scroll-snap-align:start;position:relative;overflow:hidden;background:#12151a}.rv5__card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.rv5__body{padding:20px 22px 24px}.rv5__q{font-family:var(--at-font-d);font-weight:400;font-size:1.9rem;line-height:1.36;letter-spacing:-.015em;color:#fff;margin:0}.rv5__by{margin-top:12px;font-size:var(--at-fs-xs);color:#ffffff9e;line-height:1.6}.at-of__media{background:var(--at-warm)}.of5{background:var(--at-warm);padding-block:var(--at-section-y)}.of5__grid{display:grid;gap:clamp(24px,3vw,48px);grid-template-columns:1fr;align-items:center}@media(min-width:880px){.of5__grid{grid-template-columns:1fr 1fr}}.of5__pic img{display:block;width:100%;height:auto}.of5__price{font-family:var(--at-font-d);font-weight:300;font-size:clamp(3.4rem,5vw,5.2rem);line-height:1;letter-spacing:-.03em;color:var(--at-ink)}.of5__inc{display:grid;gap:10px;margin:var(--at-s5) 0;padding:0;list-style:none}.of5__inc li{display:flex;gap:12px;font-size:var(--at-fs-body);color:var(--at-graphite)}.of5__inc li:before{content:"";width:2px;height:16px;background:var(--at-red);flex:none;margin-top:6px}@media(prefers-reduced-motion:reduce){.dt5__card img{transform:none!important;transition:none!important}.sc5__rail,.rv5__rail{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-v5b.css.map */

/* ---------- atlas-v51.css ---------- */
:root{--at-font-d:"Archivo","Archivo Narrow",system-ui,sans-serif;--at-font-b:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--at-red:#C4303A;--at-paper:#F7F5F0;--t-hero:clamp(4.6rem,8.6vw,10.4rem);--t-h2:clamp(3rem,4.4vw,5.2rem);--t-h3:clamp(1.9rem,1.9vw,2.4rem);--t-price:clamp(3rem,3.6vw,4.4rem);--t-lead:clamp(1.65rem,1.15vw,1.85rem);--t-body:1.5rem;--t-cap:1.3rem;--t-label:1.2rem;--t-micro:1.1rem}.at-display,.hero51__h1,.cn5__h,.at-h2,.at-cm__h,.at-h3,.sc5__body h3,.at-pdp__title{font-family:var(--at-font-d);font-style:normal;text-wrap:balance;margin:0}.hero51__h1{font-variation-settings:"wdth" 76,"wght" 800;font-size:var(--t-hero);line-height:.86;letter-spacing:-.02em;text-transform:uppercase;color:var(--at-ink)}.at-h2,.at-cm__h{font-variation-settings:"wdth" 82,"wght" 700;font-size:var(--t-h2);line-height:.94;letter-spacing:-.012em;text-transform:uppercase;font-weight:700}.cn5__h{font-variation-settings:"wdth" 80,"wght" 800;font-size:clamp(2.8rem,5vw,6rem);line-height:.9;letter-spacing:-.015em;text-transform:uppercase}.at-h3,.sc5__body h3{font-variation-settings:"wdth" 90,"wght" 600;font-size:var(--t-h3);line-height:1.14;letter-spacing:-.006em;text-transform:uppercase;font-weight:600}.at-h2 span{display:block}.at-pdp__title{font-variation-settings:"wdth" 80,"wght" 800;font-size:clamp(3.2rem,3.9vw,4.8rem);line-height:.92;letter-spacing:-.018em;text-transform:uppercase;color:var(--at-ink);font-weight:800}.at-pdp__sub{font-family:var(--at-font-b);font-size:var(--t-lead);font-weight:400;line-height:1.35;color:var(--at-graphite);margin:6px 0 0}.at-pdp__inc{font-family:var(--at-font-b);font-size:var(--t-cap);color:var(--at-muted)}.at-of__amount,.at-pdp__price,.of5__price{font-family:var(--at-font-d);font-variation-settings:"wdth" 94,"wght" 650;font-size:var(--t-price);line-height:1;letter-spacing:-.018em;color:var(--at-ink)}.at-lead{font-family:var(--at-font-b);font-size:var(--t-lead);font-weight:400;line-height:1.55;color:var(--at-graphite)}.at-body{font-family:var(--at-font-b);font-size:var(--t-body);font-weight:400;line-height:1.62;color:var(--at-graphite)}.at-note,.dt5__cap span,.og5__cap{font-family:var(--at-font-b);font-size:var(--t-cap);font-weight:400;line-height:1.55;color:var(--at-muted)}.at-label,.hero51__model{font-family:var(--at-font-b);font-size:var(--t-label);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--at-muted);line-height:1}.at-btn,.sp5__tab,.wf5__tag,.at-cm__steps li{font-family:var(--at-font-b);font-weight:500;letter-spacing:.07em;text-transform:uppercase}.at-btn{font-size:1.4rem}[class^=at-],[class*=" at-"],.hero51,.cap5,.sp51,.cn5,.dt5,.sc5,.wf5,.og5,.cr5,.of5,.an5,.nl5{font-family:var(--at-font-b)}.at-cut{display:block;width:100%;height:auto}.at-cut--drop{filter:drop-shadow(0 18px 22px rgba(10,12,15,.16)) drop-shadow(0 48px 60px rgba(10,12,15,.11))}.at-cut--dark{filter:drop-shadow(0 20px 28px rgba(0,0,0,.55)) drop-shadow(0 60px 80px rgba(0,0,0,.4))}.at-cut-wrap{position:relative}.at-cut-wrap:after{content:"";position:absolute;left:12%;right:12%;bottom:1%;height:5%;background:radial-gradient(ellipse at center,#0a0c0f42,#0a0c0f00 70%);filter:blur(6px);z-index:-1;pointer-events:none}@media(prefers-reduced-motion:reduce){.at-cut,.at-cut--drop,.at-cut--dark{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-v51.css.map */

/* ---------- atlas-v51b.css ---------- */
.cap5{background:var(--at-ink);color:var(--at-paper);padding-block:clamp(14px,1.8vw,20px)}.cap5__rail{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px clamp(16px,2.2vw,34px)}.cap5__i{font-family:var(--at-font-b);font-size:var(--t-micro);font-weight:500;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#f7f5f0c7;display:flex;align-items:center;gap:9px}.cap5__i:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--at-red);flex:none}.cap5__i--limit{color:#f7f5f085}.cap5__i--limit:before{background:#f7f5f066}.an5{background:var(--at-ink);color:var(--at-paper);padding-block:var(--at-section-y);overflow:hidden}.an5 .at-label{color:#f7f5f09e}.an5 .at-h2{color:var(--at-paper)}.an5__stage{position:relative;display:grid;place-items:center;margin-top:clamp(24px,3vw,40px)}.an5__stage:before{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(760px,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#7896b938,#0a0c0f00 68%);pointer-events:none}.an5__stage img{position:relative;max-height:min(58vh,620px);width:auto;max-width:86%}.an5__pts{display:none}.an5__pt{position:absolute;display:flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer;padding:6px;font-family:var(--at-font-b);font-size:var(--t-cap);font-weight:500;color:#f7f5f0bd;white-space:nowrap;transition:color .24s var(--at-e)}.an5__pt i{width:11px;height:11px;border-radius:50%;flex:none;border:1px solid rgba(247,245,240,.55);background:transparent;transition:background .24s,border-color .24s}.an5__pt b{width:44px;height:1px;background:#f7f5f057;flex:none}.an5__pt[aria-selected=true]{color:#fff}.an5__pt[aria-selected=true] i{background:var(--at-red);border-color:var(--at-red)}.an5__pt[aria-selected=true] b{background:#f7f5f0a6}.an5__pt--l{flex-direction:row-reverse;text-align:right}.an5__cards{display:grid;grid-auto-flow:column;grid-auto-columns:min(72vw,300px);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:24px;padding-bottom:6px;scrollbar-width:none;min-width:0}.an5__cards::-webkit-scrollbar{display:none}.an5__card{scroll-snap-align:start;text-align:left;cursor:pointer;background:#ffffff0b;border:1px solid rgba(247,245,240,.12);border-radius:3px;padding:16px 18px 18px;color:#f7f5f0ad;font-family:var(--at-font-b);transition:border-color .24s,background .24s}.an5__card b{display:block;font-size:var(--t-body);font-weight:500;color:#fff;margin-bottom:6px}.an5__card span{display:block;font-size:var(--t-cap);line-height:1.55}.an5__card[aria-selected=true]{border-color:var(--at-red);background:#ffffff14}@media(min-width:900px){.an5__pts{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.an5__cards{display:none}}.cr5{background:var(--at-warm);padding-block:var(--at-section-y)}.cr5__head{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between}.cr5__stats{display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,48px);margin-top:clamp(20px,2.4vw,32px)}.cr5__stat b{display:block;font-family:var(--at-font-d);font-variation-settings:"wdth" 92,"wght" 650;font-size:clamp(2.6rem,3.2vw,3.8rem);line-height:1;letter-spacing:-.02em;color:var(--at-ink)}.cr5__stat span{display:block;margin-top:6px;font-size:var(--t-cap);color:var(--at-muted)}.cr5__nav{display:flex;gap:8px}.cr5__nav button{width:44px;height:44px;border:1px solid var(--at-line-2);background:none;color:var(--at-ink);cursor:pointer;border-radius:2px;font-size:15px;line-height:1;transition:border-color .2s}.cr5__nav button:disabled{opacity:.3;cursor:default}.cr5__rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(80vw,380px);gap:16px;margin-top:clamp(22px,2.6vw,34px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none;min-width:0}.cr5__rail::-webkit-scrollbar{display:none}.cr5__card{scroll-snap-align:start;background:var(--at-white);border:1px solid var(--at-line);border-radius:3px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:12px}.cr5__stars{display:flex;gap:3px;min-height:12px}.cr5__stars i{width:12px;height:12px;background:var(--at-ink);flex:none;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.cr5__q{font-family:var(--at-font-b);font-size:var(--t-body);line-height:1.6;color:var(--at-graphite);margin:0;flex:1}.cr5__by{font-size:var(--t-cap);color:var(--at-muted);margin:0}.cr5__bar{height:2px;background:var(--at-line);margin-top:20px;overflow:hidden}.cr5__fill{display:block;height:100%;background:var(--at-ink);transform-origin:left;transform:scaleX(.12);transition:transform .26s var(--at-e)}.cr5__src{margin-top:14px}.nl5{background:var(--at-warm);padding-block:clamp(24px,3vw,44px) clamp(36px,4.5vw,64px)}.nl5__card{background:var(--at-white);border-radius:6px;padding:clamp(26px,3.4vw,46px);display:grid;gap:clamp(18px,2.4vw,32px);align-items:center}@media(min-width:820px){.nl5__card{grid-template-columns:1.15fr .85fr}}.nl5__form{display:flex;gap:10px;flex-wrap:wrap}.nl5__form input{flex:1 1 200px;min-width:0;min-height:52px;padding:0 18px;border:1px solid var(--at-line-2);border-radius:3px;background:var(--at-warm);font-family:var(--at-font-b);font-size:var(--t-body);color:var(--at-ink)}.nl5__form input::placeholder{color:var(--at-muted)}.nl5__note{margin-top:12px}.cn5__over{background:linear-gradient(to top,#0a0c0feb,#0a0c0fb8 38%,#0a0c0f00);padding-top:clamp(60px,10vw,150px)}.cn5__n{color:#ffffffeb}@media(max-width:899px){.at-pdp .at-pdp__g{grid-template-columns:minmax(0,1fr)}.at-pdp .at-pdp__media,.at-pdp .at-pdp__track,.at-pdp .at-pdp__head,.at-pdp .at-pdp__buy{min-width:0}.at-pdp .at-pdp__thumbs{display:none}}.sp5__stage,.at-of__media{background:transparent!important}.at-of__media img{mix-blend-mode:normal!important;filter:none}@media(prefers-reduced-motion:reduce){.cr5__fill{transition:none!important}.cr5__rail,.an5__cards{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-v51b.css.map */

/* ---------- atlas-cm52.css ---------- */
.cm52{background:var(--at-ink);color:var(--at-paper);padding-block:var(--at-section-y)}.cm52 .at-label{color:#f7f5f09e}.cm52 .at-h2{color:var(--at-paper)}.cm52__grid{display:grid;grid-template-columns:1fr;gap:clamp(24px,3vw,52px);margin-top:clamp(26px,3.2vw,44px);align-items:center}@media(min-width:900px){.cm52__grid{grid-template-columns:1.08fr .92fr}}.cm52__stage{position:relative}.cm52__stage img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 30px rgba(0,0,0,.5)) drop-shadow(0 60px 80px rgba(0,0,0,.36))}.cm52__cap{margin-top:14px;color:#f7f5f080}.cm52__pin{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:1px solid rgba(247,245,240,.55);background:transparent;opacity:0;transform:scale(.7);transition:opacity .26s var(--at-e),transform .26s var(--at-e),background .26s}.cm52__pin[data-on]{opacity:1;transform:scale(1);background:var(--at-red);border-color:var(--at-red)}.cm52__pin[data-on]:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1px solid rgba(196,48,58,.45)}.cm52__steps{list-style:none;margin:0;padding:0;display:grid;gap:0}.cm52__step{width:100%;display:flex;gap:16px;align-items:flex-start;text-align:left;background:none;border:0;border-top:1px solid rgba(247,245,240,.14);padding:16px 4px;cursor:pointer;color:#f7f5f080;font-family:var(--at-font-b);transition:color .26s var(--at-e)}.cm52__steps li:last-child .cm52__step{border-bottom:1px solid rgba(247,245,240,.14)}.cm52__step b{font-family:var(--at-font-b);font-size:1.1rem;font-weight:500;letter-spacing:.12em;color:#f7f5f057;flex:none;padding-top:3px;transition:color .26s var(--at-e)}.cm52__step span{display:block;font-size:1.4rem;line-height:1.55}.cm52__step em{display:block;font-style:normal;font-family:var(--at-font-d);font-variation-settings:"wdth" 88,"wght" 650;font-size:1.9rem;line-height:1.15;letter-spacing:-.006em;text-transform:uppercase;color:#f7f5f0b8;margin-bottom:5px;transition:color .26s var(--at-e)}.cm52__step[aria-current=true]{color:#f7f5f0e6}.cm52__step[aria-current=true] b{color:var(--at-red)}.cm52__step[aria-current=true] em{color:#fff}.cm52__honest{margin-top:clamp(22px,2.6vw,34px);color:#f7f5f080}@media(prefers-reduced-motion:reduce){.cm52__pin,.cm52__step,.cm52__step b,.cm52__step em{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-cm52.css.map */

/* ---------- atlas-v52.css ---------- */
@media(min-width:900px){.at-pdp .at-pdp__head{position:static;top:auto}.at-pdp .at-pdp__buy{position:sticky;top:96px}}@media(min-width:900px)and (max-height:639px){.at-pdp .at-pdp__buy{position:static;top:auto}}.at-pdp__opt{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--at-line-2);border-radius:4px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.at-pdp__opt:has(input:checked){border-color:var(--at-ink);box-shadow:inset 0 0 0 1px var(--at-ink);background:#0a0c0f06}.at-pdp__optb{display:flex;align-items:center;gap:13px;flex:1;min-width:0}.at-pdp__optb:before{content:"";width:46px;height:46px;flex:none;border-radius:3px;background:var(--at-warm) url(/cdn/shop/files/cut-pump.webp?v=1787326331&width=140) center/86% no-repeat}.at-pdp__optb b{font-size:1.5rem;font-weight:500}.at-pdp__optb span{font-size:1.25rem;color:var(--at-muted)}.at-pdp__optp{font-family:var(--at-font-d);font-variation-settings:"wdth" 94,"wght" 650;font-size:1.8rem;letter-spacing:-.01em;color:var(--at-ink)}.at-pdp__add{min-height:60px;font-size:1.5rem;letter-spacing:.08em}.at-pdp__pay{display:flex;flex-wrap:wrap;gap:7px;align-items:center;list-style:none;padding:0;margin-top:16px}.at-pdp__pay li{display:flex}.at-pdp__payi{height:26px;width:auto;display:block;border-radius:3px}@media(min-width:900px){.at-pdp{padding-bottom:clamp(28px,3vw,48px)}}@media(min-width:900px){.hero51__mark{top:34%}.hero51__img{max-height:min(66vh,660px)}.hero51__obj{padding-right:132px}}@media(max-width:899px){.hero51__img{max-height:43vh}.hero51__obj{margin-top:-7vh}}.sc5__rail{scrollbar-width:none;-ms-overflow-style:none}.sc5__rail::-webkit-scrollbar{display:none;width:0;height:0}.cap5__i--water{flex-direction:column;align-items:flex-start;gap:3px;white-space:normal}.cap5__i--water>b{display:flex;align-items:center;gap:9px;font-weight:500}.cap5__i--water>b:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--at-red);flex:none}.cap5__i--water>span{padding-left:13px;font-size:1rem;letter-spacing:.06em;text-transform:none;color:#f7f5f08c}.cap5__i--water:before{display:none}.cr5__q,.cr5__by,.at-note,.dt5__cap span,.og5__cap,.sc5__body .at-note,.an5__card span{font-family:var(--at-font-b);letter-spacing:0;text-transform:none;font-variation-settings:normal}.cr5__q{font-size:1.5rem;line-height:1.62;color:var(--at-graphite);max-inline-size:46ch}.cr5__by{font-size:1.25rem;line-height:1.5;letter-spacing:.005em}.at-note{line-height:1.6}@media(prefers-reduced-motion:reduce){.sc5__rail{scroll-behavior:auto!important}.at-pdp__opt{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-v52.css.map */

/* ---------- atlas-v53.css ---------- */
.at-h2.at-h2,.at-cm__h.at-cm__h{font-family:var(--at-font-d);font-variation-settings:"wdth" 82,"wght" 700;font-weight:700;text-transform:uppercase;letter-spacing:-.014em;line-height:.94}.at-pdp__title.at-pdp__title{font-family:var(--at-font-d);font-variation-settings:"wdth" 80,"wght" 800;font-weight:800;text-transform:uppercase;letter-spacing:-.018em;line-height:.92}.at-of__title.at-of__title{font-family:var(--at-font-d);font-variation-settings:"wdth" 80,"wght" 800;font-weight:800;text-transform:uppercase;letter-spacing:-.016em;line-height:.94;font-size:clamp(2.8rem,3.6vw,4.4rem)}.at-of__amount.at-of__amount,.at-pdp__price.at-pdp__price{font-family:var(--at-font-d);font-variation-settings:"wdth" 94,"wght" 650;font-weight:650;letter-spacing:-.018em;line-height:1}.cr5 .at-h2.at-h2,.sc5 .at-h2.at-h2,.og5 .at-h2.at-h2,.wf5 .at-h2.at-h2,.dt5 .at-h2.at-h2,.sp51 .at-h2.at-h2{font-family:var(--at-font-b);font-variation-settings:normal;font-weight:600;font-size:clamp(2.6rem,3.4vw,4rem);line-height:1.06;letter-spacing:-.024em;text-transform:none}.cr5 .at-h2 span,.sc5 .at-h2 span,.og5 .at-h2 span,.wf5 .at-h2 span,.dt5 .at-h2 span,.sp51 .at-h2 span{display:block}.at-h3.at-h3,.sc5__body h3,.an5__card b{font-family:var(--at-font-b);font-variation-settings:normal;font-weight:600;font-size:1.75rem;line-height:1.22;letter-spacing:-.012em;text-transform:none}.cr5__lq,.cr5__sq,.cr5__more p,blockquote{font-style:normal}.cn5__h em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-variation-settings:normal;letter-spacing:-.01em;text-transform:none}@media(max-width:899px){.at-note,.cr5__by,.dt5__cap span,.og5__cap,.sc5__body .at-note{font-size:1.3rem;letter-spacing:0}.at-label{font-size:1.15rem;letter-spacing:.13em}.cap5__i{font-size:1.15rem;letter-spacing:.1em}.cm52__step span{font-size:1.4rem}.cr5__q{font-size:1.5rem}}.at-hd__logo .zm{height:26px}@media(min-width:900px){.at-hd__logo .zm{height:30px}}@media(min-width:900px){.hero51__mark{top:33%}.hero51__img{max-height:min(70vh,700px)}.hero51__obj{padding-right:150px}.hero51__thumbs{bottom:6px}}.hero51__obj,.hero51__obj img,.hero51__mark{pointer-events:none}.hero51__thumbs,.hero51__thumb{pointer-events:auto;position:relative;z-index:6}@media(max-width:899px){.hero51{padding-top:14px;padding-bottom:18px}.hero51__grid{gap:6px}.hero51__img{max-height:40vh}.hero51__obj{margin-top:-6vh}.hero51__copy{margin-top:-3vh;gap:9px}.hero51__h1{font-size:clamp(3.6rem,11.4vw,5.4rem)}.hero51__sub{font-size:1.45rem;line-height:1.5;max-inline-size:31ch}.hero51__cta{gap:12px 16px;margin-top:2px}.hero51__thumbs{gap:12px;margin-top:4px}.hero51__thumb{width:68px}.hero51__thumb img{height:34px}}.sc5__rail>*:nth-child(1) img{filter:saturate(.94) contrast(1.03) brightness(.985)}.sc5__rail>*:nth-child(2) img{filter:saturate(.9) contrast(1.06) brightness(.995)}.sc5__rail>*:nth-child(3) img{filter:saturate(.88) contrast(1.06) brightness(.97)}.sc5__card{background:var(--at-white);border:1px solid var(--at-line)}.sc5__body{padding:18px 20px 22px}.cap5__rail{gap:9px clamp(14px,1.8vw,28px)}.cap5__i--water>span{font-size:1.05rem;color:#f7f5f09e;letter-spacing:.04em}.at-of__lead{display:none}.at-of__inc{margin-block:18px}.at-of__inc li{font-size:1.4rem}.at-of__form .at-btn{min-height:62px;font-size:1.55rem;letter-spacing:.08em}.at-of__media{background:transparent}.at-of__img{filter:drop-shadow(0 18px 24px rgba(10,12,15,.16)) drop-shadow(0 50px 64px rgba(10,12,15,.1))}@media(prefers-reduced-motion:reduce){.sc5__card img{filter:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-v53.css.map */

/* ---------- atlas-v53b.css ---------- */
.cm52__chain{display:flex;align-items:center;gap:clamp(8px,1.2vw,16px);margin-top:clamp(16px,2vw,24px);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-width:0;font-family:var(--at-font-b);font-size:1.1rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;color:#f7f5f08c}.cm52__chain::-webkit-scrollbar{display:none}.cm52__chain i{width:clamp(14px,2vw,28px);height:1px;background:#f7f5f047;flex:none}.cr5__spread{display:grid;grid-template-columns:1fr;gap:clamp(28px,3.4vw,52px);margin-top:clamp(26px,3.2vw,44px)}.cr5__spread>*{min-width:0}@media(min-width:1000px){.cr5__spread{grid-template-columns:minmax(0,.78fr) minmax(0,1.5fr) minmax(0,.72fr);align-items:start}}.cr5__figs{display:grid;gap:clamp(18px,2vw,26px);align-content:start;border-left:2px solid var(--at-ink);padding-left:clamp(16px,1.6vw,22px)}.cr5__fig b{display:flex;align-items:flex-start;gap:4px;font-family:var(--at-font-d);font-variation-settings:"wdth" 90,"wght" 700;font-size:clamp(3rem,3.4vw,4rem);line-height:.92;letter-spacing:-.024em;color:var(--at-ink)}.cr5__fig i{font-size:.42em;line-height:1.1;font-style:normal;color:var(--at-red)}.cr5__fig span{display:block;margin-top:7px;font-size:1.3rem;line-height:1.45;color:var(--at-muted)}.cr5__fig--lead b{font-size:clamp(4.4rem,5.6vw,6.6rem)}.cr5__quotes{display:grid;gap:clamp(22px,2.6vw,34px);align-content:start;min-width:0}.cr5__stars{display:flex;gap:3px;margin-bottom:12px}.cr5__stars i{width:11px;height:11px;background:var(--at-ink);flex:none;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.cr5__lq{margin:0;font-family:var(--at-font-b);font-weight:400;font-size:clamp(1.9rem,1.9vw,2.4rem);line-height:1.42;letter-spacing:-.012em;color:var(--at-ink);max-inline-size:34ch}.cr5__sq{margin:0;font-family:var(--at-font-b);font-size:1.5rem;line-height:1.6;color:var(--at-graphite);max-inline-size:44ch}.cr5__second{border-top:1px solid var(--at-line);padding-top:clamp(20px,2.2vw,28px)}.cr5__by{margin-top:12px;font-size:1.25rem;line-height:1.5;color:var(--at-muted)}.cr5__more{margin-top:12px}.cr5__more summary{display:inline-block;cursor:pointer;list-style:none;font-family:var(--at-font-b);font-size:1.25rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--at-graphite);border-bottom:1px solid var(--at-line-2);padding-bottom:3px}.cr5__more summary::-webkit-details-marker{display:none}.cr5__more summary:hover{border-color:var(--at-ink)}.cr5__more[open] summary{margin-bottom:12px}.cr5__more p{margin:0;font-size:1.4rem;line-height:1.62;color:var(--at-graphite);max-inline-size:52ch;border-left:2px solid var(--at-line);padding-left:16px}.cr5__tagcol .at-label{color:var(--at-muted)}.cr5__tags{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:0}.cr5__tags li{display:flex;align-items:baseline;justify-content:space-between;gap:14px;border-bottom:1px solid var(--at-line);padding:9px 0}.cr5__tags span{font-size:1.35rem;color:var(--at-graphite)}.cr5__tags b{font-family:var(--at-font-d);font-variation-settings:"wdth" 92,"wght" 650;font-size:1.6rem;color:var(--at-ink)}.cr5__src{margin-top:clamp(26px,3vw,40px)}@media(max-width:999px){.cr5__quotes{grid-auto-flow:column;grid-auto-columns:min(82vw,400px);overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.cr5__quotes::-webkit-scrollbar{display:none}.cr5__quotes>figure{scroll-snap-align:start;min-width:0}.cr5__second{border-top:0;padding-top:0}.cr5__lq{font-size:1.8rem;max-inline-size:none}.cr5__sq{max-inline-size:none}.cr5__figs{display:flex;flex-wrap:wrap;gap:22px 34px}.cr5__fig--lead{flex-basis:100%}}.cr5__bar{height:2px;background:var(--at-line);margin-top:18px;overflow:hidden}.cr5__fill{display:block;height:100%;background:var(--at-ink);transform-origin:left;transform:scaleX(.5);transition:transform .26s var(--at-e)}@media(min-width:1000px){.cr5__bar{display:none}}@media(prefers-reduced-motion:reduce){.cr5__fill{transition:none!important}.cr5__quotes{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-v53b.css.map */

/* ---------- atlas-v53d.css ---------- */
@media(max-width:899px){.hero51__img{max-height:37vh}.hero51__copy{margin-top:0}}@media(max-width:899px){.cm52__chain{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent 100%);mask-image:linear-gradient(90deg,#000 80%,transparent 100%)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-v53d.css.map */

/* ---------- atlas-v54.css ---------- */
:root{--at-ink-2:#34383D}.cap5{background:var(--at-ice);color:var(--at-ink);border-top:1px solid rgba(10,12,15,.1);border-bottom:1px solid rgba(10,12,15,.1)}.cap5__i{color:var(--at-graphite)}.cap5__i--water>span{color:var(--at-muted)}.an5{background:var(--at-ice);color:var(--at-ink)}.an5 .at-label{color:var(--at-muted)}.an5 .at-h2{color:var(--at-ink)}.an5__stage:before{background:radial-gradient(circle,#ffffffbf,#fff0 66%)}.an5 .at-cut--dark{filter:drop-shadow(0 18px 24px rgba(10,12,15,.18)) drop-shadow(0 52px 66px rgba(10,12,15,.12))}.an5__pt{color:var(--at-graphite)}.an5__pt i{border-color:#0a0c0f6b;background:transparent}.an5__pt b{background:#0a0c0f3d}.an5__pt[aria-selected=true]{color:var(--at-ink)}.an5__pt[aria-selected=true] i{background:var(--at-ink);border-color:var(--at-ink)}.an5__pt[aria-selected=true] b{background:#0a0c0f8c}.an5__pt:hover{color:var(--at-ink)}.an5__card{background:var(--at-white);border:1px solid var(--at-line);color:var(--at-graphite)}.an5__card b{color:var(--at-ink)}.an5__card[aria-selected=true]{border-color:var(--at-ink);background:var(--at-white);box-shadow:0 1px 0 var(--at-ink) inset,0 -1px 0 var(--at-ink) inset}.cn5{background:var(--at-warm);color:var(--at-ink)}.cn5__pic img{max-height:72vh}.cn5__over{background:linear-gradient(to top,#0a0c0fc7,#0a0c0f61 42%,#0a0c0f00);padding-top:clamp(48px,8vw,120px)}.sc5{background:var(--at-warm)}.cap5__i:before,.cap5__i--water>b:before{background:#0a0c0f4d}.v5__eyebrow:before,.at-label:before{background:#0a0c0f57}.cr5__fig i,.cr5__tags b{color:var(--at-ink)}.cm52__step.is-on em,.cm52__step em{color:var(--at-muted)}.cm52 .at-label:before,.cm52 .v5__eyebrow:before{background:#f7f5f066}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-v54.css.map */

/* ---------- atlas-v54b.css ---------- */
@keyframes atAnnMask{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}html.at-js .at-ann__t{display:inline-block;animation:atAnnMask .76s cubic-bezier(.16,1,.3,1) .16s both}.at-hd{transition:box-shadow .3s var(--at-e),background-color .3s var(--at-e)}.at-hd .zm{transition:height .28s cubic-bezier(.16,1,.3,1)}.at-hd__in{transition:padding-block .28s cubic-bezier(.16,1,.3,1)}.at-hd--compact{background:color-mix(in srgb,var(--at-warm) 92%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);box-shadow:0 1px #0a0c0f1a}.at-hd--compact .zm{height:20px}@media(min-width:900px){.at-hd--compact .zm{height:22px}}html.at-js .hero51__mark{animation-delay:0ms;animation-duration:.7s}html.at-js .hero51__obj{animation-delay:.3s;animation-duration:.72s}html.at-js .hero51__model{animation-delay:.72s}html.at-js .hero51__h1{animation-delay:.8s}html.at-js .hero51__sub{animation-delay:.88s}html.at-js .hero51__cta{animation-delay:.96s}html.at-js .hero51__thumbs{animation-delay:1.06s}.hero51__img{transition:opacity .32s var(--at-e),transform .32s cubic-bezier(.16,1,.3,1);transform:scale(1.035)}.hero51__img.is-on{transform:scale(1)}.hero51__thumb{transition:border-color .24s var(--at-e),transform .24s var(--at-e),opacity .24s var(--at-e)}.hero51__thumb:not([aria-selected=true]){opacity:.62}.hero51__thumb:hover{opacity:1}.hero51__thumb[aria-selected=true]{opacity:1;transform:translateY(-2px)}.hero51__thumb:active{transform:translateY(0) scale(.97)}@media(min-width:900px){.sp51__objs{transform:translate3d(var(--sp51-x, 0px),0,0);will-change:transform}}.cm52__step{transition:color .22s var(--at-e),background-color .22s var(--at-e);position:relative}.cm52__step:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--at-paper);transform:scaleY(0);transform-origin:top;transition:transform .28s cubic-bezier(.16,1,.3,1)}.cm52__step.is-on:after{transform:scaleY(1)}.cm52__step:active{transform:translate(1px)}.cm52__pin{transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s var(--at-e)}.cm52__pin.is-on{transform:scale(1.18)}.an5__pt,.an5__card{transition:color .22s var(--at-e),border-color .22s var(--at-e),background-color .22s var(--at-e),transform .18s var(--at-e)}.an5__pt:active,.an5__card:active{transform:scale(.985)}.an5__pt i{transition:background-color .22s var(--at-e),border-color .22s var(--at-e),transform .22s cubic-bezier(.16,1,.3,1)}.an5__pt[aria-selected=true] i{transform:scale(1.25)}@media(prefers-reduced-motion:reduce){html.at-js .at-ann__t,html.at-js .hero51__mark,html.at-js .hero51__obj,html.at-js .hero51__model,html.at-js .hero51__h1,html.at-js .hero51__sub,html.at-js .hero51__cta,html.at-js .hero51__thumbs{animation:none!important;clip-path:none!important;opacity:1!important;transform:none!important}.hero51__img,.sp51__objs{transform:none!important}.cm52__step:after{transition:none!important}.at-hd .zm,.at-hd__in,.at-hd{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-v54b.css.map */

/* ---------- atlas-v54c.css ---------- */
.at-pdp .at-pdp__stage{background:#e9e6e1;border:0;border-radius:2px;overflow:hidden}.at-pdp .at-pdp__slide img{display:block;width:100%;height:100%;object-fit:cover}.at-pdp .at-pdp__slide:nth-child(1) img{filter:hue-rotate(7deg)}.at-pdp .at-pdp__slide:nth-child(2) img{filter:sepia(.3) saturate(1.1) hue-rotate(-14deg) brightness(1.06)}.at-pdp .at-pdp__slide:nth-child(3) img{filter:sepia(.24) saturate(1.1) hue-rotate(7deg) brightness(.94)}.at-pdp .at-pdp__slide:nth-child(4) img{filter:sepia(.24) saturate(1.1) hue-rotate(-14deg) brightness(.94)}.at-pdp .at-pdp__slide:nth-child(5) img{filter:saturate(.9) hue-rotate(-6deg)}.at-pdp .at-pdp__slide:nth-child(6) img{filter:hue-rotate(14deg)}.at-pdp .at-pdp__thumb:nth-child(1) img{filter:hue-rotate(7deg)}.at-pdp .at-pdp__thumb:nth-child(2) img{filter:sepia(.3) saturate(1.1) hue-rotate(-14deg) brightness(1.06)}.at-pdp .at-pdp__thumb:nth-child(3) img{filter:sepia(.24) saturate(1.1) hue-rotate(7deg) brightness(.94)}.at-pdp .at-pdp__thumb:nth-child(4) img{filter:sepia(.24) saturate(1.1) hue-rotate(-14deg) brightness(.94)}.at-pdp .at-pdp__thumb:nth-child(5) img{filter:saturate(.9) hue-rotate(-6deg)}.at-pdp .at-pdp__thumb:nth-child(6) img{filter:hue-rotate(14deg)}.at-pdp .at-pdp__thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}.at-pdp .at-pdp__thumb{aspect-ratio:4/5;overflow:hidden;border-radius:2px;padding:0;background:#e9e6e1;border:1px solid transparent;opacity:.66;transition:opacity .24s var(--at-e),border-color .24s var(--at-e),transform .2s var(--at-e)}.at-pdp .at-pdp__thumb img{width:100%;height:100%;object-fit:cover;display:block}.at-pdp .at-pdp__thumb:hover{opacity:.9}.at-pdp .at-pdp__thumb[aria-selected=true]{opacity:1;border-color:var(--at-ink)}.at-pdp .at-pdp__thumb:active{transform:scale(.97)}.at-pdp .at-pdp__nav{transition:opacity .2s var(--at-e),background-color .2s var(--at-e)}.at-pdp .at-pdp__nav[disabled],.at-pdp .at-pdp__nav[aria-disabled=true]{opacity:0;pointer-events:none}.at-pdp .at-pdp__track{touch-action:pan-y;cursor:grab;scroll-behavior:smooth}.at-pdp .at-pdp__track.is-drag{cursor:grabbing;scroll-behavior:auto}.cr5__more summary{font-size:1.15rem;letter-spacing:.08em;color:var(--at-muted);border-bottom-color:var(--at-line)}.cr5__more summary:hover{color:var(--at-ink)}.cr5__lq{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cr5__by{color:var(--at-muted);font-size:1.2rem}@media(min-width:1000px){.cr5__nav,.cr5__arrows{display:none}}.at-of__inc{display:none}.at-of__model,.at-of .at-label{color:var(--at-muted)}.at-of__amount{font-size:clamp(4rem,5.2vw,6rem)}.at-of__title{margin-top:10px}.at-of__price{margin-top:clamp(22px,2.6vw,34px)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-v54c.css.map */

/* ---------- atlas-v54e.css ---------- */
.at-pdp .at-pdp__thumb[aria-current=true]{opacity:1;border-color:var(--at-ink)}.at-pdp .at-pdp__thumb[aria-current=true] img{transform:scale(1.02)}.at-pdp .at-pdp__thumb img{transition:transform .28s cubic-bezier(.16,1,.3,1)}@media(max-width:899px){.at-pdp .at-pdp__stage{max-height:36vh}.at-pdp .at-pdp__thumbs{margin-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-v54e.css.map */

/* ---------- atlas-pdp-satc.css ---------- */
@media(max-width:899px){.at-pdp__satc{display:flex;transform:translateY(110%);transition:transform .22s cubic-bezier(.2,.8,.2,1);will-change:transform}.at-pdp__satc.is-on{transform:none}html:not(.at-js) .at-pdp__satc{display:none}body:has(.at-cd--on) .at-pdp__satc{transform:translateY(110%)}}@media(prefers-reduced-motion:reduce){.at-pdp__satc{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/atlas-pdp-satc.css.map */

/* ---------- atlas-v56.css ---------- */
/* ============================================================
   ATLAS V5.6 — interaction, hero timing, motion hierarchy. Frozen.
   ============================================================ */

/* ------------------------------------------------------------
   A. HERO — the whole sequence in 900ms, not 1,660ms

   Measured before: mark 0ms, product 300ms, copy 720-1060ms, thumbnails
   1,060ms + 600ms of animation = the last element settled at 1,660ms. Long
   enough that a reader who arrived to buy watched furniture move.

     0–300    wordmark mask
     150–650  product enters and settles
     300–800  copy
     550–900  thumbnails

   SHOP NOW IS EXEMPT FROM ALL OF IT. It carries no entrance: it is opaque,
   laid out and clickable in the first painted frame. A call to action that
   fades in is a call to action that cannot be pressed yet, and the reader who
   is fastest to decide is the one it fails.
   ------------------------------------------------------------ */
/* WHY !important IS HERE, AND WHY IT IS NOT A LICENCE TO USE IT ELSEWHERE.
   The V5 layers declare their entrances with the `animation` SHORTHAND and
   an !important flag -- e.g. `.r1{animation:h51in .6s ... var(--d) both
   !important}` in atlas-hero51.css. A longhand `animation-delay` in a later
   sheet cannot beat that no matter how specific it is, which is exactly what
   happened on the first attempt: mark, obj, thumbs and the CTA all moved,
   while model, h1 and sub silently kept their old 60/130/200ms delays, so
   the sequence still read as V5.4's. Matching the flag is the only way to
   land these three. Do not copy the pattern into new rules. */
html.at-js .hero51__mark  { animation-delay:0ms!important;   animation-duration:300ms!important; }
html.at-js .hero51__obj   { animation-delay:150ms!important; animation-duration:500ms!important; }
html.at-js .hero51__model { animation-delay:300ms!important; animation-duration:340ms!important; }
html.at-js .hero51__h1    { animation-delay:380ms!important; animation-duration:360ms!important; }
html.at-js .hero51__sub   { animation-delay:460ms!important; animation-duration:340ms!important; }
html.at-js .hero51__thumbs{ animation-delay:550ms!important; animation-duration:350ms!important; }

html.at-js .hero51__cta{ animation:none!important; opacity:1!important; transform:none!important; }

/* ------------------------------------------------------------
   B. COMPRESSION — the steps now do something

   Every rule hangs off [aria-selected="true"]. The previous version styled a
   `.is-on` class that the script never set, which is why five buttons looked
   interactive and were not. One source of state, no parallel class.
   ------------------------------------------------------------ */
.cm52__frame{ position:relative; overflow:hidden; border-radius:2px; }
.cm52__photo{
  display:block; width:100%; height:auto;
  transform-origin:50% 50%;
  transition:transform .3s cubic-bezier(.16,1,.3,1);
  will-change:transform;
}
.cm52__pin{
  position:absolute; width:12px; height:12px; border-radius:50%;
  translate:-50% -50%; background:var(--at-red); opacity:0;
  box-shadow:0 0 0 4px rgba(196,48,58,.22);
  transition:opacity .26s var(--at-e), transform .3s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
/* The one place interface red survives: it marks the actual valve. */
.cm52__pin[aria-selected="true"]{ opacity:1; transform:scale(1.15); }

.cm52__grid{ display:grid; gap:clamp(22px,3vw,44px); margin-top:clamp(20px,2.6vw,34px); }
@media (min-width:900px){
  .cm52__grid{ grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:start; }
}
.cm52__side{ display:flex; flex-direction:column; min-width:0; }
.cm52__steps{ list-style:none; margin:0; padding:0; min-width:0; }
.cm52__step{
  display:flex; gap:14px; width:100%; text-align:left; cursor:pointer;
  background:none; border:0; border-top:1px solid rgba(247,245,240,.14);
  padding:15px 4px 15px 14px; position:relative; color:inherit;
  font-family:var(--at-font-b);
  transition:opacity .24s var(--at-e), background-color .24s var(--at-e);
}
.cm52__step::after{
  content:""; position:absolute; left:0; top:0; bottom:0; width:2px;
  background:var(--at-paper); transform:scaleY(0); transform-origin:top;
  transition:transform .28s cubic-bezier(.16,1,.3,1);
}
.cm52__step[aria-selected="true"]::after{ transform:scaleY(1); }
.cm52__step b{
  font-family:var(--at-font-d); font-variation-settings:'wdth' 92,'wght' 600;
  font-size:1.2rem; color:var(--at-red); flex:none; padding-top:2px;
}
.cm52__step em{ display:block; font-style:normal; font-weight:600; font-size:1.7rem;
  color:#fff; margin-bottom:5px; letter-spacing:-.01em; }
.cm52__step span{ font-size:1.4rem; line-height:1.55; color:rgba(247,245,240,.66); }
/* Dimming is applied ONLY when scripting is present. Without it every step
   must stay fully readable, because nothing can be selected. */
html.at-js .cm52__step[aria-selected="false"]{ opacity:.42; }
html.at-js .cm52__step[aria-selected="false"]:hover{ opacity:.72; }
.cm52__step:focus-visible{ outline:2px solid var(--at-paper); outline-offset:-2px; }

.cm52__foot{ display:flex; align-items:center; gap:16px; margin-top:18px; }
.cm52__bar{ flex:1; height:2px; background:rgba(247,245,240,.16); overflow:hidden; }
.cm52__fill{ display:block; height:100%; background:var(--at-paper);
  transform:scaleX(.2); transform-origin:left;
  transition:transform .3s cubic-bezier(.16,1,.3,1); }
.cm52__count{ color:rgba(247,245,240,.6); margin:0; }
.cm52__count b{ color:var(--at-paper); }

/* Mobile: five steps as a compact horizontal rail. No extra vertical scroll. */
@media (max-width:899px){
  .cm52__steps{
    display:grid; grid-auto-flow:column; grid-auto-columns:min(78vw,340px);
    gap:10px; overflow-x:auto; scroll-snap-type:x mandatory;
    scrollbar-width:none; -ms-overflow-style:none; padding-bottom:4px;
  }
  .cm52__steps::-webkit-scrollbar{ display:none; }
  .cm52__step{ scroll-snap-align:center; border-top:0;
    border:1px solid rgba(247,245,240,.16); border-radius:3px; padding:14px 14px 15px; }
  .cm52__step::after{ top:auto; bottom:0; left:0; right:0; width:auto; height:2px;
    transform:scaleX(0); transform-origin:left; }
  .cm52__step[aria-selected="true"]::after{ transform:scaleX(1); }
}

/* ------------------------------------------------------------
   C. ANATOMY — hotspots that open something

   The six labels flipped aria-selected correctly before, but the copy lived
   only in the mobile card rail, which is display:none above 900px. Selecting
   a callout on desktop changed a colour and nothing else. One panel now
   receives the selection from either layout.
   ------------------------------------------------------------ */
.an5__panel{
  max-inline-size:52ch; margin:clamp(22px,3vw,38px) auto 0; text-align:center;
  min-height:104px;                 /* reserved so swapping copy cannot shift layout */
}
.an5__panel-n{ font-family:var(--at-font-b); font-size:1.15rem; letter-spacing:.14em;
  color:var(--at-muted); margin:0 0 8px; }
.an5__panel-n b{ color:var(--at-ink); font-weight:600; }
.an5__panel-t{ font-family:var(--at-font-b); font-weight:600; font-size:2.0rem;
  line-height:1.2; letter-spacing:-.014em; color:var(--at-ink); margin:0 0 7px; }
.an5__panel-d{ font-size:1.5rem; line-height:1.55; color:var(--at-graphite); margin:0; }
@keyframes anSwap{ from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:none} }
html.at-js .an5__panel{ animation:anSwap 200ms var(--at-e) both; }

/* The leader line is drawn once, on selection, from the label towards the bag. */
.an5__pt b{ transform:scaleX(.35); transform-origin:right;
  transition:transform .24s cubic-bezier(.16,1,.3,1), background-color .22s; }
.an5__pt--l b{ transform-origin:left; }
.an5__pt[aria-selected="true"] b{ transform:scaleX(1); }
.an5__pt:focus-visible{ outline:2px solid var(--at-ink); outline-offset:3px; }

/* ONE breath on arrival, then it stops. Never a loop. */
@keyframes anBreath{ 0%{transform:scale(1)} 45%{transform:scale(1.5)} 100%{transform:scale(1.25)} }
.an5--breathe .an5__pt[aria-selected="true"] i{ animation:anBreath 1.2s var(--at-e) 1 both; }

/* ------------------------------------------------------------
   D. PDP — offer selection and Add to Bag feedback

   NOTE ON THE SLIDE SCALE. The gallery is a scroll-snap carousel, not a fade
   stack: every slide is laid out and visible, and the transition IS the
   scroll. A scale-on-enter would need JS to track which slide is arriving and
   would add motion the interaction does not need. Direction, snap, counter,
   arrows, keyboard, drag and zoom already work; this pass leaves them alone.
   ------------------------------------------------------------ */
.at-pdp__offer label,.at-pdp__opt label,[class*="pdp__offer"] label{
  transition:border-color .2s var(--at-e), box-shadow .2s var(--at-e), background-color .2s var(--at-e);
}
.at-pdp__offer input:checked + label,.at-pdp__opt input:checked + label{
  border-color:var(--at-ink);
  box-shadow:inset 0 0 0 1px var(--at-ink);   /* inset: cannot move the layout */
}

.at-btn[aria-busy="true"]{ cursor:progress; }
.at-btn[data-atc-state="adding"]{ opacity:.82; }
.at-btn[data-atc-state="added"]{ background:var(--at-ink); }
.at-btn[data-atc-state="added"]::before{
  content:"✓"; display:inline-block; margin-right:9px;
  animation:atcTick 220ms cubic-bezier(.16,1,.3,1) both;
}
@keyframes atcTick{ from{opacity:0;transform:scale(.6)} to{opacity:1;transform:none} }

/* ------------------------------------------------------------
   E. MOTION HIERARCHY — four moments, everything else calm

   19 elements shared an identical `atReveal 0.62s`, which is why the scroll
   felt uniform: every heading did the same thing, so none of them meant
   anything. The generic reveal is kept for secondary content but made shorter
   and shallower, so it reads as settling rather than as an effect. The four
   moments that are allowed to be noticed are the hero, the campaign crossing,
   the compression steps and Add to Bag.
   ------------------------------------------------------------ */
@keyframes atRevealCalm{ from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:none} }
/* atlas-base.css declares `html.at-js .at-r{animation:atReveal .62s ...
   !important}`. Same specificity, shorthand, flagged -- so the longhand
   override was ignored and all 19 elements kept the identical 620ms reveal.
   Restated as a flagged shorthand so it actually lands. */
html.at-js .at-r{
  animation:atRevealCalm 420ms cubic-bezier(.16,1,.3,1) var(--at-rd,0ms) both!important;
}

/* ------------------------------------------------------------
   F. REDUCED MOTION — everything present, nothing moving
   ------------------------------------------------------------ */
@media (prefers-reduced-motion:reduce){
  html.at-js .hero51__mark,html.at-js .hero51__obj,html.at-js .hero51__model,
  html.at-js .hero51__h1,html.at-js .hero51__sub,html.at-js .hero51__thumbs,
  html.at-js .at-r,html.at-js .an5__panel{
    animation:none!important; opacity:1!important; transform:none!important; clip-path:none!important;
  }
  .cm52__photo{ transform:none!important; transition:none!important; }
  .cm52__step::after,.cm52__fill,.an5__pt b{ transition:none!important; }
  .an5--breathe .an5__pt[aria-selected="true"] i{ animation:none!important; }
  .at-btn[data-atc-state="added"]::before{ animation:none!important; }
}

/* ---------- atlas-v57.css ---------- */
/* ============================================================
   ATLAS V5.7 — buy module, trust block, announcement rail. Frozen.
   ============================================================ */

/* ------------------------------------------------------------
   1. THE BUY MODULE

   What it replaced: one wide row holding a radio, a thumbnail, "1 Atlas", a
   stretch of empty centre and "$169" pinned to the far edge. It read as a
   filled-in form field, not as the thing you are buying.

   The card now carries the product's own hierarchy — model, name, what is in
   the box, price — with the cutout of bag and pump as the only image, so the
   module shows both things you receive.

   THE SELECTED STATE IS DRAWN, NOT IMPLIED. With a single option it would be
   tempting to skip it, but a card that is obviously chosen is what makes the
   price feel attached to something. Border 2px, a filled marker, and a lifted
   surface. All three change together; none of them move the layout, because
   the border is always present and only changes colour.
   ------------------------------------------------------------ */
.at-pdp__buyl{ margin:0 0 10px; color:var(--at-muted); }

/* TWO BACKPACKS. V5.2 gave the option row a thumbnail by painting it as a
   background on `.at-pdp__optb::before` — a CSS-only trick from when the
   markup had nowhere to put a real <img>. The markup now HAS a real image, so
   that pseudo-element became a second, smaller bag stacked above the product
   name, and it was also taking a grid slot inside .at-pdp__optb and pushing
   the copy down.

   Killing it here rather than in v52 keeps the rollback honest: v52 is a
   frozen source file and the bundles are rebuilt from it verbatim. */
.at-pdp .at-pdp__optb::before{ content:none!important; display:none!important; }

.at-pdp .at-pdp__offer{ border:0; padding:0; margin:0 0 14px; display:grid; gap:10px; }

.at-pdp .at-pdp__opt{
  position:relative; display:grid; align-items:center; cursor:pointer;
  grid-template-columns:22px 64px minmax(0,1fr) auto;
  gap:14px; padding:14px 16px;
  background:var(--at-white);
  border:2px solid var(--at-line);      /* always 2px: selection recolours it, never resizes it */
  border-radius:3px;
  transition:border-color .2s var(--at-e), background-color .2s var(--at-e), box-shadow .2s var(--at-e);
}
.at-pdp .at-pdp__opt input{ position:absolute; opacity:0; width:1px; height:1px; }

.at-pdp .at-pdp__mark{
  width:20px; height:20px; border-radius:50%;
  border:1.5px solid var(--at-line-2); background:transparent;
  display:inline-flex; align-items:center; justify-content:center;
  transition:border-color .2s var(--at-e);
}
.at-pdp .at-pdp__mark::after{
  content:""; width:10px; height:10px; border-radius:50%;
  background:var(--at-ink); transform:scale(0);
  transition:transform .2s cubic-bezier(.16,1,.3,1);
}
.at-pdp .at-pdp__optimg{
  width:64px; height:64px; object-fit:contain; display:block;
  filter:drop-shadow(0 4px 8px rgba(10,12,15,.14));
}
.at-pdp .at-pdp__optb{ display:grid; gap:2px; min-width:0; }
.at-pdp .at-pdp__optn{
  font-family:var(--at-font-b); font-weight:600; font-size:1.6rem;
  letter-spacing:-.012em; color:var(--at-ink);
}
.at-pdp .at-pdp__opts{ font-size:1.35rem; color:var(--at-graphite); }
.at-pdp .at-pdp__opti{ font-size:1.25rem; color:var(--at-muted); }
.at-pdp .at-pdp__optp{
  font-family:var(--at-font-d); font-variation-settings:'wdth' 94,'wght' 650;
  font-weight:650; font-size:2.2rem; letter-spacing:-.018em; color:var(--at-ink);
  font-variant-numeric:tabular-nums;
}

.at-pdp .at-pdp__opt:hover{ border-color:var(--at-line-2); }
.at-pdp .at-pdp__opt:has(input:checked){
  border-color:var(--at-ink);
  box-shadow:0 1px 14px rgba(10,12,15,.06);
}
.at-pdp .at-pdp__opt:has(input:checked) .at-pdp__mark{ border-color:var(--at-ink); }
.at-pdp .at-pdp__opt:has(input:checked) .at-pdp__mark::after{ transform:scale(1); }
/* Keyboard: the ring goes on the card, since the input itself is visually gone. */
.at-pdp .at-pdp__opt:has(input:focus-visible){ outline:2px solid var(--at-ink); outline-offset:3px; }
.at-pdp .at-pdp__opt:active{ background:var(--at-warm); }

/* :has() is well supported now, but a browser without it would show no selected
   state at all — so the checked input also drives the marker directly. */
.at-pdp .at-pdp__opt input:checked ~ .at-pdp__mark{ border-color:var(--at-ink); }
.at-pdp .at-pdp__opt input:checked ~ .at-pdp__mark::after{ transform:scale(1); }

.at-pdp .at-pdp__add{ min-height:60px; font-size:1.55rem; letter-spacing:.08em; }

/* ------------------------------------------------------------
   2. THE TRUST BLOCK

   Four loose dashed lines became four facts, each with a drawn icon, in two
   columns. The icons are all one system: 20x20, 1.5px stroke, no fill, square
   geometry to match the wordmark. No emoji, no icon font, nothing downloaded.

   The fourth item is the LIMITATION and it is set at exactly the same weight
   as the three benefits. A limitation made smaller reads as something being
   hidden; set level with the rest it reads as a brand that knows what its
   product does and does not do.
   ------------------------------------------------------------ */
.at-pdp__trust{
  list-style:none; margin:20px 0 0; padding:18px 0 0;
  border-top:1px solid var(--at-line);
  display:grid; gap:16px 22px;
}
@media (min-width:520px){ .at-pdp__trust{ grid-template-columns:1fr 1fr; } }
.at-pdp__trust li{
  display:grid; grid-template-columns:20px minmax(0,1fr);
  column-gap:11px; row-gap:1px; align-items:start; margin:0;
}
.at-pdp__trust svg{ width:20px; height:20px; grid-row:1 / span 2; color:var(--at-ink); margin-top:1px; }
.at-pdp__trust b{
  font-family:var(--at-font-b); font-weight:600; font-size:1.35rem;
  color:var(--at-ink); letter-spacing:-.006em;
}
.at-pdp__trust span{ font-size:1.25rem; line-height:1.45; color:var(--at-muted); }
.at-pdp__trust a{ color:var(--at-graphite); text-decoration:underline; text-underline-offset:2px; }
.at-pdp__trust a:hover{ color:var(--at-ink); }

.at-pdp__pay{ margin-top:20px; padding-top:16px; border-top:1px solid var(--at-line); }

/* ------------------------------------------------------------
   MOBILE ORDER: the buy module moves ABOVE the gallery

   Measured at 375/390/430 with the gallery in its old place: the card ended
   at 848px and the button at 918px against an 844px viewport, so a phone
   showed the title and the price and then a photograph, and the thing you
   press was two screens away. Shrinking the stage does not save it either —
   even at 36vh the trust block still lands past the fold, and going smaller
   makes the gallery useless.

   So on phones only, the order is: title and price, then the card, the
   button and the facts, then the gallery. The trade is deliberate: the buy
   module sits before the large photography. It is defensible because the card
   itself carries the product — the cutout of bag and pump is inside it — so
   nobody is asked to buy something they have not seen. On desktop nothing
   moves; the two columns sit side by side as before.
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   MOBILE ORDER: the media stage stays BETWEEN price and card

   V5.7 first moved the buy module above the gallery, to force the card, the
   button and three facts into one 844px viewport. Reviewed on the real phone
   render, that was the wrong trade: the only product in the first viewport
   was the card's 52px thumbnail — about 1.7% of the screen — so the page read
   as asking for the sale before showing the backpack.

   The stage is back in its original place. It is capped at 36vh (v54e), which
   is inside the 35-42vh the brief allows, and measured that puts ADD TO BAG at
   918px on a 844px viewport: 1.09 viewports, within the 1.15 ceiling. The
   trust facts now sit just below the fold, which is the deliberate cost of
   showing the product first.

   NOTE FOR ANYONE CHANGING THIS: `order` cannot do it. atlas-pdp.css places
   the three children by NAMED GRID AREAS, and explicit placement always beats
   `order` — set order:1/2/3 and the computed styles read back 1/2/3 while the
   layout does not move a single pixel. Rewrite `grid-template-areas`. */
}

/* Mobile: title, price, selection, CTA and the first facts inside the fold. */
@media (max-width:899px){
  .at-pdp .at-pdp__opt{ grid-template-columns:20px 52px minmax(0,1fr) auto; gap:11px; padding:12px 13px; }
  .at-pdp .at-pdp__optimg{ width:52px; height:52px; }
  .at-pdp .at-pdp__optn{ font-size:1.5rem; }
  .at-pdp .at-pdp__optp{ font-size:1.9rem; }
  .at-pdp .at-pdp__add{ min-height:56px; }
  .at-pdp__trust{ margin-top:16px; padding-top:14px; gap:13px 18px; }
}

/* ------------------------------------------------------------
   3. THE ANNOUNCEMENT RAIL

   Height lives on the rail, not on the moving track, so the animation cannot
   contribute to CLS. The track holds the item list twice and travels exactly
   -50%: at the restart the second copy is already under the cursor and the
   loop lands on identical pixels, so there is no seam to see.

   Pause is CSS only — :hover and :focus-within on the rail — so reading a line
   or tabbing to the link stops the motion without a line of JavaScript.
   ------------------------------------------------------------ */
.at-ann{ background:var(--at-ink); color:var(--at-paper); }
.at-ann__rail{
  height:38px; display:flex; align-items:center; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
.at-ann__track{ display:flex; width:max-content; will-change:transform; }
.at-ann__set{ display:flex; align-items:center; flex:none; }
.at-ann__i{
  font-family:var(--at-font-b); font-size:1.1rem; font-weight:500;
  letter-spacing:.15em; text-transform:uppercase; white-space:nowrap;
  color:rgba(247,245,240,.82); padding:0 clamp(18px,2.4vw,30px);
}
.at-ann__i--link{ color:var(--at-paper); text-decoration:none; }
.at-ann__i--link:hover{ text-decoration:underline; text-underline-offset:3px; }
.at-ann__i--link:focus-visible{ outline:2px solid var(--at-paper); outline-offset:2px; }
.at-ann__d{ width:3px; height:3px; border-radius:50%; background:rgba(247,245,240,.34); flex:none; }

@keyframes atAnnRail{ from{transform:translate3d(0,0,0)} to{transform:translate3d(-50%,0,0)} }
html.at-js .at-ann__track{ animation:atAnnRail 26s linear infinite; }
.at-ann__rail:hover .at-ann__track,
.at-ann__rail:focus-within .at-ann__track{ animation-play-state:paused; }

@media (max-width:899px){
  .at-ann__rail{ height:34px; }
  .at-ann__i{ font-size:1.02rem; letter-spacing:.12em; padding:0 14px; }
}

/* Reduced motion: no travel at all. The track stops being a strip and becomes
   a centred, wrapping row, so every one of the four lines is readable at once
   rather than parked off-screen. */
@media (prefers-reduced-motion:reduce){
  html.at-js .at-ann__track{ animation:none!important; transform:none!important; }
  .at-ann__rail{ height:auto; -webkit-mask-image:none; mask-image:none; padding:7px 0; }
  .at-ann__track{ width:100%; }
  .at-ann__set{ flex-wrap:wrap; justify-content:center; row-gap:3px; }
  .at-ann__set[aria-hidden="true"]{ display:none; }
  .at-pdp .at-pdp__opt,.at-pdp .at-pdp__mark,.at-pdp .at-pdp__mark::after{ transition:none!important; }
}