@layer components{.ab{display:block;position:relative;overflow:clip;padding-block:clamp(var(--space-5),3.5vw,var(--space-7));--ab-rail: 96rem;--ab-col: 38rem}.ab-in{position:relative;z-index:1}.ab-sky{z-index:0}.ab-top,.ab-say,.ab-end{width:100%;max-width:var(--ab-rail);margin-inline:auto}.ab-top{display:flex;align-items:flex-end;min-height:min(26svh,220px);padding-bottom:clamp(var(--space-5),3vw,var(--space-7))}.ab-h1{margin:0;font:520 clamp(2.1rem,7.6vw,4.4rem)/1.02 var(--font-display);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}.ab-word{display:inline-block}.ab-say{display:grid;gap:clamp(var(--space-5),2.4vw,var(--space-6))}.ab-p{max-width:var(--ab-col);margin:0;font:400 var(--t-body-lg)/1.7 var(--font-body);color:var(--fg)}.ab-lead{text-transform:uppercase;font-size:.82em;font-weight:560;letter-spacing:.1em}.ab-mk{font-weight:560;letter-spacing:.015em}.ab-end{margin-top:clamp(var(--space-7),6vw,var(--space-9));display:grid;justify-items:start;gap:var(--space-5)}.ab-rule{display:block;width:100%;max-width:var(--ab-col);height:1px;background:var(--line);transform-origin:left center}.ab-rule__i{display:none}.ab-sign{max-width:var(--ab-col);margin:0;display:grid;gap:clamp(var(--space-2),.9vw,var(--space-3))}.ab-sign__mk{display:block;font:520 var(--t-h1)/1.02 var(--font-display);letter-spacing:-.015em;text-transform:uppercase;text-wrap:balance}.ab-sign__say{display:block;font:500 var(--t-small)/1.4 var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--fg)}.ab-sign--solo .ab-sign__mk{font-size:var(--t-h2);letter-spacing:-.01em}.ab-end__act{margin:0}.ab-cta{text-transform:uppercase;letter-spacing:.14em}.ab-sky{position:absolute;inset-block:-8%;inset-inline:max(0px,calc((100% - var(--ab-rail)) / 2));display:block;pointer-events:none;opacity:var(--sky, 16%);--bottle: clamp(70px, 9.5vw, 158px)}.ab-fly{position:absolute;left:clamp(15%,var(--x, 50%),85%);top:var(--y, 50%);translate:-50% -50%;width:calc(var(--bottle) * var(--w, 1))}.ab-fly__i{display:block;width:100%;height:auto;transform:rotate(var(--r, 0deg))}@media(max-width:719px){.ab-sky{--bottle: clamp(62px, 19vw, 124px)}.ab-fly:nth-child(2n){display:none}}}@layer motion{@keyframes ab-float{0%{transform:translateZ(0) rotate(var(--r, 0deg))}25%{transform:translate3d(9%,-17%,0) rotate(calc(var(--r, 0deg) + 6deg))}50%{transform:translate3d(2%,-33%,0) rotate(calc(var(--r, 0deg) + 1deg))}75%{transform:translate3d(-8%,-16%,0) rotate(calc(var(--r, 0deg) - 6deg))}to{transform:translateZ(0) rotate(var(--r, 0deg))}}.ab-fly__i{animation:ab-float var(--d, 13s) linear var(--t, 0s) infinite}@supports (animation-timeline: view()){@keyframes ab-sky-drift{0%{transform:translateY(-4%)}to{transform:translateY(4%)}}html.sda .ab-sky{animation:ab-sky-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes ab-rule-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}html.sda .ab-rule{animation:ab-rule-draw linear both;animation-timeline:view();animation-range:entry 0 entry 30vh}}@media(prefers-reduced-motion:reduce){.ab-fly__i,.ab-sky,.ab-rule{animation:none!important}.ab-fly__i{transform:rotate(var(--r, 0deg))}.ab-rule{transform:none}}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/about.css.map */