.ath-wrap{container-type:inline-size;container-name:ath;margin-top:2.5rem;min-width:0}.ath{--s: 1;--g: 20px;--gap: 36px;--ink: #16181a;--ink2: #50565c;--steel: #75858a;--char: #464747;--soft: #f3f4f5;--R: 18px;--head: var(--font-heading--family), system-ui, sans-serif;color:var(--ink);font-size:16px;line-height:1.55}@container ath (min-width: 480px){.ath{--s: 1.08;--g: 26px;--gap: 44px}}@container ath (min-width: 620px){.ath{--s: 1.16;--g: 34px;--gap: 52px}}.ath *,.ath *:before,.ath *:after{box-sizing:border-box}.ath :where(img,video){display:block;max-width:100%}.ath :where(button){font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.ath :where(h2,h3,p,ul){margin:0}.ath :where(ul){padding:0;list-style:none}.ath-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ath>section+section{margin-top:var(--gap)}.ath-h{font-family:var(--head);font-weight:600;font-size:calc(25px * var(--s));line-height:1.16;letter-spacing:-.015em;color:inherit;text-wrap:balance}.ath-h--center{text-align:center}.ath-p{margin-top:calc(12px * var(--s));font-size:calc(15px * var(--s));line-height:1.6;color:var(--ink2);text-wrap:pretty}.ath-hero{position:relative;display:grid;aspect-ratio:3 / 4;border-radius:var(--R);overflow:hidden;background:#b9bcbd;color:#fff}.ath-hero picture{display:contents}.ath-hero__img{grid-area:1 / 1;width:100%;height:100%;object-fit:cover}.ath-hero:after{content:"";grid-area:1 / 1;background:linear-gradient(180deg,#0000 38%,#000000ad 92%);pointer-events:none}.ath-hero__text{grid-area:1 / 1;z-index:1;align-self:end;padding:0 var(--g) calc(30px * var(--s));text-align:center}.ath-hero__title{font-family:var(--head);font-weight:600;font-size:calc(32px * var(--s));line-height:1.08;letter-spacing:-.02em;color:#fff;text-wrap:balance}.ath-hero__sub{margin:calc(10px * var(--s)) auto 0;max-width:34em;font-size:calc(15px * var(--s));line-height:1.5;color:#ffffffeb;text-wrap:pretty}@media(min-width:600px){.ath-hero{aspect-ratio:16 / 10}.ath-hero:after{background:#00000057}.ath-hero__text{align-self:center;padding-bottom:0}}.ath-clips__track{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:var(--R)}.ath-clips__track::-webkit-scrollbar{display:none}.ath-clips__item{flex:0 0 62%;scroll-snap-align:start}.ath-clips__video{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:var(--R);background:#a9c4c4}.ath-clips__nav{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.ath-clips__btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #d5d9dc;border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;transition:background-color .15s,border-color .15s,opacity .15s}.ath-clips__btn svg{width:18px;height:18px}.ath-clips__btn:hover:not(:disabled){background:var(--soft);border-color:#b9bfc4}.ath-clips__btn:disabled{opacity:.35;cursor:default}.ath-clips__btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@container ath (min-width: 540px){.ath-clips__item{flex-basis:calc((100% - 20px)*.4)}}.ath-pillars__list{display:grid;gap:calc(18px * var(--s));margin-top:calc(22px * var(--s))}.ath-pillars__item{display:grid;grid-template-columns:calc(46px * var(--s)) minmax(0,1fr);column-gap:calc(16px * var(--s));align-items:center;padding:calc(16px * var(--s)) calc(18px * var(--s));border-radius:var(--R);background:var(--soft)}.ath-pillars__ico{display:block;width:calc(46px * var(--s));height:calc(46px * var(--s));color:var(--ink)}.ath-pillars__ico svg{display:block;width:100%;height:100%}.ath-pillars__name{font-family:var(--head);font-weight:600;font-size:calc(17px * var(--s));line-height:1.25}.ath-pillars__text{margin-top:4px;font-size:calc(14px * var(--s));line-height:1.5;color:var(--ink2)}@container ath (min-width: 540px){.ath-pillars__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ath-pillars__item{grid-template-columns:minmax(0,1fr);justify-items:center;align-content:start;row-gap:12px;padding:calc(22px * var(--s)) 14px;text-align:center}}.ath-ba{position:relative;width:100%;max-width:460px;aspect-ratio:1;margin:calc(22px * var(--s)) auto 0;border-radius:var(--R);overflow:hidden;background:var(--soft);touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.ath-ba__layer{position:absolute;top:0;right:0;bottom:0;left:0}.ath-ba__layer--before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ath-ba__layer--after{clip-path:inset(0 0 0 var(--pos))}.ath-ba__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-drag:none}.ath-ba__tag{position:absolute;top:12px;padding:5px 11px;border-radius:999px;background:#ffffffdb;font-size:12px;font-weight:500;line-height:1.2;letter-spacing:.01em;color:var(--ink);white-space:nowrap}.ath-ba__tag--l{left:12px}.ath-ba__tag--r{right:12px}.ath-ba__line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--ink);pointer-events:none}.ath-ba__knob{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--ink);color:#fff;box-shadow:0 2px 10px #00000038}.ath-ba__knob svg{width:20px;height:20px}.ath-ba__range{position:absolute;left:0;bottom:0;width:100%;height:1px;margin:0;opacity:0;pointer-events:none}.ath-ba__range:focus-visible+.ath-ba__line .ath-ba__knob{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--ink)}.ath-card{border-radius:var(--R);overflow:hidden;color:#fff}.ath-card--steel{background:var(--steel)}.ath-card--char{background:var(--char)}.ath-card--blue{background:#00618e}.ath-card__media{overflow:hidden;background:#d9dcde}.ath-card__img{width:100%;height:auto}.ath-card__media--trim{aspect-ratio:823 / 640}.ath-card__media--trim .ath-card__img{height:100%;object-fit:cover;transform:scale(1.07)}.ath-card__body{padding:calc(26px * var(--s)) var(--g) calc(30px * var(--s))}.ath-card .ath-p{color:#fffffff0}.ath-over{position:relative;display:grid;border-radius:var(--R);overflow:hidden;background:#2a2c2e;color:#fff}.ath-over__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ath-over:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000075;pointer-events:none}.ath-over__text{position:relative;z-index:1;align-self:center;padding:calc(44px * var(--s)) var(--g);text-align:center}.ath-over .ath-p{max-width:36em;margin-inline:auto;color:#fffffff0}@container ath (min-width: 620px){.ath-over{min-height:420px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/story-atlas-aeron-headrest.css.map */