.ab4,.ab4 *{box-sizing:border-box}.ab4{font-family:Archivo AB4,Archivo,Helvetica Neue,Arial,sans-serif;color:#000;background:#fff;-webkit-font-smoothing:antialiased;overflow:clip;--pad:clamp(20px,3.9vw,56px);--ease:cubic-bezier(.2,.7,.1,1)}.ab4 img{display:block;max-width:none}.ab4 p{margin:0}.ab4 a{color:inherit}.ab4 a.ab4-pn{color:#fff}.ab4 a.ab4-btn{color:#000}.ab4 a.ab4-btn:hover{color:#fff}.ab4-in{padding-left:var(--pad);padding-right:var(--pad)}.ab4-h{font-stretch:112%;font-weight:700;letter-spacing:-.035em;line-height:.95;margin:0}.ab4-cap{font-size:14px;line-height:1.45;color:#5a5a5a}.ab4-lnk{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;white-space:nowrap;padding-bottom:5px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1.5px no-repeat;transition:background-size .5s var(--ease)}.ab4-lnk:hover{background-size:0 1.5px}.ab4-lnk svg{width:15px;height:15px;transition:transform .4s var(--ease)}.ab4-lnk:hover svg{transform:translate(4px)}.ab4-btn{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 34px;font-size:15px;font-weight:700;text-decoration:none;background:#fff;color:#000;transition:background .3s,color .3s}.ab4-btn:hover{background:#000;color:#fff;box-shadow:inset 0 0 0 1.5px #fff}.ab4-btn:focus-visible,.ab4-lnk:focus-visible,.ab4-nav a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.ab4-hero{position:relative;height:clamp(640px,62vw,880px);background:#d9d1c4;color:#fff;overflow:hidden}.ab4-sl{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:var(--ab4-sl) linear infinite}.ab4-sl img{width:100%;height:100%;object-fit:cover;object-position:var(--px,50%) var(--py,50%);animation:var(--ab4-kb) linear infinite;animation-delay:inherit}.ab4-sl:first-of-type{opacity:1}.ab4-w:first-child{opacity:1}.ab4-shade{position:absolute;left:0;right:0;bottom:0;height:64%;background:linear-gradient(180deg,#0000,#0000006b);pointer-events:none}.ab4-hx{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(28px,4.4vw,64px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pre side" "words words";align-items:end;column-gap:40px;row-gap:clamp(10px,1.4vw,20px)}.ab4-hx .ab4-pre{grid-area:pre}.ab4-hx .ab4-words{grid-area:words}.ab4-hx .ab4-side{grid-area:side}.ab4-hx>h1{position:absolute}.ab4-hx .ab4-pre{font-size:clamp(22px,3.2vw,46px);font-weight:600;font-stretch:100%;letter-spacing:-.02em;line-height:1;margin:0 0 .12em .04em}.ab4-words{position:relative;height:clamp(52px,12.4vw,178px)}.ab4-w{position:absolute;left:0;bottom:0;margin:0;font-size:clamp(50px,12.5vw,180px);font-weight:800;font-stretch:125%;letter-spacing:-.045em;line-height:.86;white-space:nowrap;opacity:0;animation:var(--ab4-w) var(--ease) infinite}.ab4-w.ab4-bg{color:#ffffffd1}.ab4-w.ab4-bg i{position:absolute;left:-.02em;right:-.02em;top:52%;height:.075em;background:#e0301e;transform-origin:0 50%;transform:scaleX(0);animation:var(--ab4-strike) var(--ease) infinite;animation-delay:inherit}.ab4-hx .ab4-side{width:min(380px,32vw);padding-bottom:4px}.ab4-hx .ab4-side p{font-size:17px;line-height:1.5;color:#fff}.ab4-bars{display:flex;gap:6px;margin-top:26px}.ab4-bars i{position:relative;flex:1;height:2px;background:#ffffff59;overflow:hidden}.ab4-bars i b{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform-origin:0 50%;transform:scaleX(0);animation:var(--ab4-bar) linear infinite}.ab4-why{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-top:clamp(88px,11vw,170px);padding-bottom:clamp(80px,10vw,150px)}.ab4-why .ab4-lab{grid-column:1/4}.ab4-why .ab4-lab b{display:block;font-size:15px;font-weight:600;margin-top:6px;color:#000}.ab4-why .ab4-txt{grid-column:4/13}.ab4-big{font-size:clamp(28px,3.55vw,52px);font-weight:500;letter-spacing:-.028em;line-height:1.1;margin:0;text-wrap:pretty}.ab4-big s{text-decoration:none;color:#9a9a9a;background:linear-gradient(#e0301e,#e0301e) 0 58%/100% .07em no-repeat}.ab4-big strong{font-weight:700}.ab4-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(48px,6vw,88px);padding-top:28px;border-top:1px solid #D9D9D9}.ab4-facts b{display:block;font-size:clamp(30px,3vw,44px);font-stretch:112%;font-weight:700;letter-spacing:-.035em;line-height:1}.ab4-facts span{display:block;margin-top:10px;font-size:15px;color:#5a5a5a}@supports (animation-timeline: view()){.ab4-big s{animation:cross linear both;animation-timeline:view();animation-range:entry 60% cover 52%}@keyframes cross{0%{background-size:0 .07em;color:#000}to{background-size:100% .07em;color:#9a9a9a}}.ab4-rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 70%}@keyframes rv{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}}.ab4-rule{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(72px,8vw,120px)}.ab4-rule .ab4-hd{grid-column:1/5;align-self:start;position:sticky;top:40px}.ab4-rule .ab4-hd .ab4-h{font-size:clamp(64px,7.6vw,110px)}.ab4-rule .ab4-hd p{margin-top:24px;font-size:18px;line-height:1.5;max-width:340px;color:#1a1a1a}.ab4-tl4{grid-column:6/13;list-style:none;margin:0;padding:0;border-top:1px solid #000}.ab4-tl4 li{display:grid;grid-template-columns:56px minmax(0,1fr) 128px;column-gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid #D9D9D9}.ab4-tl4 .ab4-no{font-size:14px;font-weight:600;color:#5a5a5a;align-self:start;padding-top:8px}.ab4-tl4 h3{margin:0;text-wrap:balance;font-size:clamp(22px,2.4vw,34px);font-stretch:112%;font-weight:700;letter-spacing:-.03em;line-height:1.02;transition:transform .5s var(--ease)}.ab4-tl4 p{margin-top:10px;font-size:16px;line-height:1.5;color:#5a5a5a;max-width:500px}.ab4-tl4 img{width:128px;height:128px;object-fit:cover;filter:saturate(.9);transition:transform .6s var(--ease),filter .4s}.ab4-tl4 li:hover h3{transform:translate(8px)}.ab4-tl4 li:hover img{transform:scale(1.06);filter:saturate(1.1)}.ab4-fd{padding-top:clamp(88px,10vw,150px);padding-bottom:clamp(88px,10vw,150px);background:#f2f2f2}.ab4-fd .ab4-q{font-size:clamp(34px,5vw,72px);font-stretch:112%;font-weight:700;letter-spacing:-.035em;line-height:1.02;margin:22px 0 0;max-width:1180px;text-wrap:balance}.ab4-fd .ab4-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-top:clamp(48px,6vw,96px);align-items:end}.ab4-fd .ab4-ph{grid-column:1/6;aspect-ratio:4/5;margin:0;overflow:hidden;background:#d9d9d7}.ab4-fd .ab4-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.ab4-fd .ab4-let{grid-column:7/12}.ab4-fd .ab4-body p{font-size:19px;line-height:1.6;margin-bottom:18px;color:#1a1a1a;max-width:620px}.ab4-sig{margin-top:30px;font-size:56px;font-style:italic;font-weight:300;font-stretch:80%;letter-spacing:-.03em;line-height:1;clip-path:inset(0 100% 0 0);animation:sig 1.6s var(--ease) .4s forwards}@keyframes sig{to{clip-path:inset(0 0 0 0)}}.ab4-sig+.ab4-cap{margin-top:8px}.ab4-hm{padding-top:clamp(88px,10vw,150px);padding-bottom:clamp(72px,8vw,120px);overflow:hidden}.ab4-hmh{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(32px,4vw,56px)}.ab4-hmh .ab4-h{font-size:clamp(56px,8.3vw,120px)}.ab4-hmh .ab4-rt{display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-size:16px}.ab4-hmh .ab4-st{display:inline-flex;gap:2px;vertical-align:-2px;margin-right:8px}.ab4-hmh .ab4-st svg{width:16px;height:16px;fill:#000}.ab4-mq{display:flex;width:max-content;gap:16px;animation:mq 70s linear infinite}.ab4-mq:hover{animation-play-state:paused}@keyframes mq{to{transform:translate(calc(-50% - 8px))}}.ab4-mq figure{margin:0;width:clamp(220px,21vw,300px);flex:none}.ab4-mq img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#eee}.ab4-mq figcaption{margin-top:10px;font-size:13px;color:#5a5a5a}.ab4-qs{display:flex;width:max-content;gap:56px;margin-top:clamp(40px,5vw,72px);animation:mq2 90s linear infinite}@keyframes mq2{0%{transform:translate(calc(-50% - 28px))}to{transform:none}}.ab4-qs p{font-size:clamp(24px,2.6vw,38px);font-weight:600;letter-spacing:-.025em;white-space:nowrap}.ab4-qs p span{font-weight:400;color:#8a8a8a;font-size:.5em;letter-spacing:0;margin-left:14px;vertical-align:.25em}.ab4-pr{display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));gap:40px;align-items:center;padding-top:40px;padding-bottom:40px;border-top:1px solid #E2E2E2;border-bottom:1px solid #E2E2E2}.ab4-pr img{height:22px;width:auto;max-width:140px;object-fit:contain;justify-self:center;filter:grayscale(1) brightness(0);opacity:.72}.ab4-sh{padding-top:clamp(88px,10vw,150px);padding-bottom:clamp(88px,10vw,150px)}.ab4-shh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(28px,3.5vw,48px)}.ab4-shh .ab4-h{font-size:clamp(44px,5.6vw,80px)}.ab4-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}.ab4-card{text-decoration:none;color:#000}.ab4-card .ab4-im{overflow:hidden;background:#f2f2f2}.ab4-card img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform 1s var(--ease)}.ab4-card:hover img{transform:scale(1.04)}.ab4-card .ab4-n{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font-size:16px;font-weight:600;line-height:1.3}.ab4-card .ab4-n span:last-child{font-weight:500;white-space:nowrap}.ab4-card .ab4-n s{color:#7a7a7a;margin-left:6px;font-weight:400}.ab4-card .ab4-m{margin-top:4px;font-size:14px;color:#5a5a5a}.ab4-cl{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#000;color:#fff;min-height:clamp(560px,48vw,700px)}.ab4-cl .ab4-t{padding:clamp(48px,5.6vw,80px) var(--pad);display:flex;flex-direction:column;justify-content:flex-end}.ab4-cl .ab4-h{font-size:clamp(56px,7.6vw,112px)}.ab4-cl .ab4-t p{margin-top:26px;font-size:19px;line-height:1.5;color:#d6d6d6;max-width:440px}.ab4-cl .ab4-bt{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:40px}.ab4-cl .ab4-im{position:relative;overflow:hidden}.ab4-cl .ab4-im img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.ab4-foot{height:140px;background:#ffbba5;display:flex;align-items:center;justify-content:center;font-size:13px;color:#6b3f33}@media(prefers-reduced-motion:reduce){.ab4-sl,.ab4-sl img,.ab4-w,.ab4-w.ab4-bg i,.ab4-bars i b,.ab4-mq,.ab4-qs,.ab4-big s,.ab4-rv{animation:none!important}.ab4-sig{animation:none;clip-path:none}}@media(max-width:760px){.ab4-ann{font-size:11px}.ab4-ann span:not(:first-child){display:none}.ab4-nav{height:60px;grid-template-columns:48px 1fr 48px}.ab4-nav .ab4-l{display:none}.ab4-nav .ab4-mbtn{display:flex}.ab4-nav .ab4-mbtn svg{width:24px;height:24px}.ab4-nav .ab4-wm{font-size:20px;text-align:center}.ab4-nav .ab4-r a:not(:last-child){display:none}.ab4-hero{height:640px}.ab4-sl img{object-position:var(--pxm,var(--px,50%)) var(--py,50%)}.ab4-hx{display:block}.ab4-hx .ab4-words{margin-top:10px}.ab4-hx .ab4-side{width:auto;margin-top:22px;padding:0}.ab4-hx .ab4-side p{font-size:15px}.ab4-why{display:block}.ab4-why .ab4-lab{margin-bottom:22px}.ab4-facts{grid-template-columns:1fr 1fr}.ab4-facts div:last-child{grid-column:1/-1}.ab4-rule{display:block}.ab4-rule .ab4-hd{position:static}.ab4-rule .ab4-hd p{font-size:17px;margin-top:16px}.ab4-tl4{margin-top:36px}.ab4-tl4 li{grid-template-columns:32px minmax(0,1fr) 72px;column-gap:14px;padding:20px 0;align-items:start}.ab4-tl4 .ab4-no{padding-top:4px}.ab4-tl4 h3{font-size:22px}.ab4-tl4 p{font-size:15px;margin-top:8px}.ab4-tl4 img{width:64px;height:64px}.ab4-tl4 li{grid-template-columns:32px minmax(0,1fr) 64px}.ab4-fd .ab4-row{display:block}.ab4-fd .ab4-ph{aspect-ratio:4/5;height:auto}.ab4-fd .ab4-let{margin-top:36px}.ab4-fd .ab4-body p{font-size:17px}.ab4-hmh .ab4-rt{align-items:flex-start}.ab4-pr{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.ab4-pr .ab4-cap{grid-column:1/-1}.ab4-pr img{height:17px;max-width:96px}.ab4-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.ab4-card .ab4-n{display:block;font-size:14px}.ab4-card .ab4-n span{display:block}.ab4-card .ab4-m{font-size:12px}.ab4-cl{display:flex;flex-direction:column-reverse}.ab4-cl .ab4-im{height:380px}.ab4-cl .ab4-t p{font-size:17px}.ab4-foot{height:100px}}.ab4-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ab4-ph{margin:0}.ab4-mq figure{margin:0}.ab4-hm .ab4-st{display:inline-flex;gap:2px;vertical-align:-2px;margin-right:8px}.ab4-hm .ab4-st svg{width:16px;height:16px;fill:#000}
/*# sourceMappingURL=/cdn/shop/t/537/assets/sh-ab4.css.map */