.atl .story-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 48px;margin-bottom:clamp(28px,4vw,56px)}.atl .story-steps__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}@media(max-width:989px){.atl .story-steps__grid{grid-auto-flow:column;grid-auto-columns:min(78vw,340px);grid-template-columns:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.atl .story-steps__grid::-webkit-scrollbar{display:none}.atl .step-card{scroll-snap-align:start}}.atl .step-card{display:grid;align-content:start;gap:14px}.atl .step-card__media{aspect-ratio:4 / 5;border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.atl .step-card__media img,.atl .step-card__media video,.atl .step-card__media svg{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}.atl .step-card:hover .step-card__media img{transform:scale(1.04)}.atl .step-card__head{display:flex;align-items:baseline;gap:12px}.atl .step-card__num{color:var(--accent-deep);font-size:12px;letter-spacing:.16em}.atl .step-card__head h3{font-family:var(--font-display);font-size:calc(clamp(22px,1.8vw,30px) * var(--display-scale));line-height:1.05;text-transform:var(--display-case)}.atl .step-card__body{margin:0;color:var(--muted);font-size:14.5px}.atl .compare{background:var(--warm-glow),var(--bg)}.atl .compare__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,5vw,90px)}@media(max-width:989px){.atl .compare__grid{grid-template-columns:1fr}}.atl .compare__copy .lede{margin-top:18px}.atl .compare__figure{margin:0}.atl .compare__stage{--pos: 50%;position:relative;display:block;aspect-ratio:5 / 4;border-radius:var(--radius-lg);overflow:hidden;touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}.atl .compare__layer{position:absolute;top:0;right:0;bottom:0;left:0}.atl .compare__layer img,.atl .compare__layer svg{width:100%;height:100%;object-fit:cover;pointer-events:none}.atl .compare__layer--before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.atl .placeholder--dark{background:rgba(var(--ink-rgb),.18)}.atl .compare__tag{position:absolute;top:16px;padding:5px 12px;border-radius:999px;background:rgba(var(--bg-rgb),.88);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.atl .compare__tag--before{left:16px}.atl .compare__tag--after{right:16px}.atl .compare__line{position:absolute;top:0;bottom:0;left:var(--pos);width:1.5px;background:#fff;box-shadow:0 0 12px #00000040;transform:translate(-50%);pointer-events:none}.atl .compare__handle{position:absolute;top:50%;left:var(--pos);display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 8px 24px rgba(var(--ink-rgb),.3);transform:translate(-50%,-50%);cursor:grab;transition:transform .2s var(--ease)}.atl .compare__handle svg{width:22px;height:22px}.atl .compare__stage.is-dragging .compare__handle{transform:translate(-50%,-50%) scale(1.1);cursor:grabbing}.atl .compare__caption{margin-top:10px;color:var(--muted);font-size:12.5px;text-align:center}.atl .faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(28px,5vw,90px)}@media(max-width:989px){.atl .faq__grid{grid-template-columns:1fr}}.atl .faq__head{position:sticky;top:calc(var(--header-h) + 24px)}.atl .faq__head .lede{margin-top:16px}@media(max-width:989px){.atl .faq__head{position:static}}.atl .faq__list{border-top:1px solid var(--line-strong)}.atl .faq__item{border-bottom:1px solid var(--line-strong)}.atl .faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:clamp(16px,1.2vw,19px);font-weight:500;list-style:none;cursor:pointer}.atl .faq__item summary::-webkit-details-marker{display:none}.atl .faq__icon{position:relative;flex:none;width:16px;height:16px}.atl .faq__icon:before,.atl .faq__icon:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1.4px;background:currentColor;transition:transform .35s var(--ease)}.atl .faq__icon:after{transform:rotate(90deg)}.atl .faq__item[open] .faq__icon:after{transform:rotate(0)}.atl .faq__answer{padding:0 40px 24px 0;color:var(--muted);animation:faq-open .45s var(--ease-out)}@keyframes faq-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@supports (interpolate-size: allow-keywords){.atl .faq__item{interpolate-size:allow-keywords}.atl .faq__item::details-content{height:0;overflow:clip;transition:height .45s var(--ease-out),content-visibility .45s allow-discrete}.atl .faq__item[open]::details-content{height:auto}}.atl .story-steps--gallery .step-card{position:relative;gap:0}.atl .story-steps--gallery .step-card__media{aspect-ratio:3 / 4}.atl .story-steps--gallery .step-card__head{position:absolute;inset:auto 0 0 0;align-items:baseline;padding:48px 18px 16px;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:linear-gradient(to top,#0000008c,#0000);color:#fff;pointer-events:none}.atl .story-steps--gallery .step-card__num{color:#fffc}.atl .story-steps--gallery .step-card__head h3{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/11/assets/atl-story.css.map */