.e11-friends{--friend-accent: #111;background:var(--e11-friends-bg, #f5f6f3);color:var(--e11-friends-ink, #151817);overflow:hidden;padding:clamp(64px,8vw,124px) 0}.e11-friends__inner{max-width:1440px;margin:0 auto}.e11-friends__header{max-width:820px;margin-bottom:clamp(34px,5vw,68px)}.e11-friends__eyebrow,.e11-friends__kicker{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.e11-friends__title{max-width:760px;margin:0;font-size:clamp(42px,6vw,88px);font-weight:650;line-height:.98;letter-spacing:-.045em}.e11-friends__intro{max-width:620px;margin:24px 0 0;font-size:clamp(17px,1.6vw,22px);line-height:1.55;color:color-mix(in srgb,var(--e11-friends-ink) 68%,transparent)}.e11-friends__viewport{overflow:visible}.e11-friends__track{display:grid}.e11-friends__slide{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);min-height:620px;background:#fff;border:1px solid rgba(17,24,21,.08);border-radius:26px;box-shadow:0 24px 80px #1c231f14;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translate(24px);transition:opacity .35s ease,transform .55s cubic-bezier(.16,1,.3,1),visibility 0s linear .55s}.e11-friends__slide{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(380px,.78fr);min-height:620px;background:#fff;border:1px solid rgba(17,24,21,.08);border-radius:26px;box-shadow:0 24px 80px #1c231f14;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translate(24px);transition:opacity .35s ease,transform .55s cubic-bezier(.16,1,.3,1),visibility 0s linear .55s}.e11-friends__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);transition-delay:0s}.e11-friends__stage,.e11-friends__family-stage{position:relative;min-height:620px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--friend-accent) 7%,#fff),#f7f8f5 64%)}.e11-friends__stage:after{content:"";position:absolute;left:7%;right:7%;bottom:8%;height:22%;background:radial-gradient(ellipse,rgba(20,28,23,.13),transparent 68%);filter:blur(14px)}.e11-friends__landscape{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.72}.e11-friends__landscape:before,.e11-friends__landscape:after{content:"";position:absolute;border-radius:50%}.e11-friends__landscape--neighborhood{background:linear-gradient(180deg,#f8f1e8 0 52%,#dce5d6 52%)}.e11-friends__landscape--neighborhood:before{width:36%;height:34%;left:5%;bottom:32%;background:#ccd9c4;box-shadow:180px 20px #e3d6c5}.e11-friends__landscape--waterway{background:linear-gradient(180deg,#edf7f8 0 52%,#cfe7e8 52% 68%,#d9e3d1 68%)}.e11-friends__landscape--waterway:before{width:64%;height:12%;left:18%;bottom:23%;background:#18bce333}.e11-friends__landscape--park{background:linear-gradient(180deg,#f4f5ef 0 52%,#d7e5d8 52%)}.e11-friends__landscape--park:before{width:24%;height:44%;left:7%;bottom:26%;background:#aec8b5;box-shadow:260px -18px #bdd1bd,510px 12px #9eb8a4}.e11-friends__landscape--mountains{background:linear-gradient(180deg,#eef0ee 0 52%,#d7ddd5 52%)}.e11-friends__landscape--mountains:before{width:48%;height:48%;left:4%;bottom:28%;border-radius:0;background:#aeb9ad;clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:250px 60px #c0c8bd}.e11-friends__bike{position:absolute;z-index:2;left:6%;bottom:9%;width:77%;height:auto;object-fit:contain;transform:translate(-6%) scale(.96);opacity:0;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .35s ease}.e11-friends__character{position:absolute;z-index:3;right:1%;bottom:4%;width:min(33%,270px);height:auto;transform:translateY(32%) rotate(5deg);opacity:0;filter:drop-shadow(0 18px 18px rgba(20,26,22,.16));transition:transform .7s .12s cubic-bezier(.16,1,.3,1),opacity .25s .12s ease}.e11-friends__slide.is-active .e11-friends__bike{transform:translate(0) scale(1);opacity:1}.e11-friends__slide.is-active .e11-friends__character{transform:translateY(0) rotate(-1deg);opacity:1}.e11-friends__copy{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,78px);border-top:5px solid var(--friend-accent)}.e11-friends__copy h3{margin:0 0 24px;font-size:clamp(32px,3.4vw,54px);line-height:1.02;letter-spacing:-.035em}.e11-friends__copy>p:not(.e11-friends__kicker){margin:0 0 18px;font-size:17px;line-height:1.62;color:#151817b8}.e11-friends__copy{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,3.6vw,58px);border-top:5px solid var(--friend-accent)}.e11-friends__copy h3{max-width:13ch;margin:0 0 22px;font-size:clamp(38px,3vw,48px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance;word-break:normal!important;overflow-wrap:normal!important;-webkit-hyphens:none;hyphens:none}.e11-friends__copy>p:not(.e11-friends__kicker){margin:0 0 17px;font-size:16px;line-height:1.58;color:#151817b8;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.e11-friends__bike-note{margin-top:8px!important;padding:18px 0 0 20px;border-left:3px solid var(--friend-accent)}.e11-friends__bike-note strong{color:var(--e11-friends-ink);letter-spacing:.08em}.e11-friends__link{align-self:flex-start;margin-top:14px;color:var(--e11-friends-ink);font-size:14px;font-weight:750;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;border-bottom:2px solid var(--friend-accent);padding-bottom:6px}.e11-friends__link span{display:inline-block;margin-left:8px;transition:transform .2s ease}.e11-friends__link:hover span,.e11-friends__link:focus-visible span{transform:translate(5px)}.e11-friends__values{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.e11-friends__values span{border:1px solid rgba(21,24,23,.16);border-radius:999px;padding:8px 13px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.e11-friends__family-stage{display:flex;align-items:flex-end}.e11-friends__family-bikes{position:absolute;top:8%;right:3%;bottom:35%;left:3%;display:grid;grid-template-columns:repeat(2,1fr);opacity:.23}.e11-friends__family-bikes img{width:100%;height:100%;object-fit:contain}.e11-friends__family-characters{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;width:100%;padding:0 3% 4%}.e11-friends__family-characters img{width:100%;height:auto;transform:translateY(28%);opacity:0;filter:drop-shadow(0 18px 14px rgba(20,26,22,.13));transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .2s ease}.e11-friends__slide.is-active .e11-friends__family-characters img{transform:translateY(0);opacity:1}.e11-friends__slide.is-active .e11-friends__family-characters img:nth-child(2){transition-delay:.07s}.e11-friends__slide.is-active .e11-friends__family-characters img:nth-child(3){transition-delay:.14s}.e11-friends__slide.is-active .e11-friends__family-characters img:nth-child(4){transition-delay:.21s}.e11-friends__controls{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:18px;margin-top:24px}.e11-friends__arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(21,24,23,.18);border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:20px}.e11-friends__arrow:hover,.e11-friends__arrow:focus-visible{background:#151817;color:#fff}.e11-friends__dots{display:flex;justify-content:center;gap:clamp(7px,2vw,24px)}.e11-friends__dot{position:relative;border:0;background:transparent;color:#1518176b;padding:12px 4px;font:inherit;cursor:pointer}.e11-friends__dot:after{content:"";position:absolute;left:4px;right:4px;bottom:5px;height:2px;background:currentColor;transform:scaleX(0);transition:transform .25s ease}.e11-friends__dot span{font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.e11-friends__dot.is-active{color:#151817}.e11-friends__dot.is-active:after{transform:scaleX(1)}@media(max-width:989px){.e11-friends__slide{grid-template-columns:1fr;min-height:0}.e11-friends__stage,.e11-friends__family-stage{min-height:min(72vw,620px)}.e11-friends__copy{min-height:430px;border-top-width:4px}}@media(max-width:749px){.e11-friends{padding:56px 0}.e11-friends__inner{display:flex;flex-direction:column}.e11-friends__header{order:1;margin-bottom:22px}.e11-friends__controls{order:2;position:sticky;z-index:12;top:10px;grid-template-columns:38px minmax(0,1fr) 38px;gap:4px;margin:0 0 14px;padding:6px;border:1px solid rgba(21,24,23,.1);border-radius:999px;background:color-mix(in srgb,var(--e11-friends-bg, #f5f6f3) 92%,transparent);box-shadow:0 10px 30px #15181714;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.e11-friends__viewport{order:3}.e11-friends__status{order:4}.e11-friends__slide{border-radius:18px}.e11-friends__stage,.e11-friends__family-stage{min-height:84vw}.e11-friends__bike{left:2%;width:88%;bottom:10%}.e11-friends__character{width:35%;right:-1%}.e11-friends__copy{min-height:0;padding:34px 24px 38px}.e11-friends__copy h3{font-size:34px}.e11-friends__copy>p:not(.e11-friends__kicker){font-size:16px}.e11-friends__controls{grid-template-columns:42px 1fr 42px;gap:5px}.e11-friends__arrow{width:42px;height:42px}.e11-friends__dots{gap:2px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.e11-friends__dot{flex:0 0 auto;padding-inline:8px}.e11-friends__dot span{font-size:9px}.e11-friends__arrow{width:38px;height:38px;border-color:#15181724;font-size:17px}.e11-friends__dots{min-width:0;gap:0;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;scroll-snap-type:x proximity}.e11-friends__dots::-webkit-scrollbar{display:none}.e11-friends__dot{flex:0 0 auto;min-height:38px;padding:10px 7px;scroll-snap-align:center}.e11-friends__dot:after{bottom:4px}.e11-friends__dot span{font-size:8px;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){.e11-friends__slide,.e11-friends__bike,.e11-friends__character,.e11-friends__family-characters img,.e11-friends__link span{transition:none!important}}.e11-friends__stage,.e11-friends__family-stage{min-width:0}.e11-friends__bike{left:1%;right:auto;bottom:3%;width:var(--e11-bike-size, 92%);height:90%;max-width:none;max-height:none;object-fit:contain;object-position:center bottom}.e11-friends__character{right:0;bottom:2%;width:var(--e11-mascot-size, 39%);height:72%;max-width:none;max-height:none;object-fit:contain;object-position:center bottom}.e11-friends__family-bikes{top:4%;right:2%;bottom:36%;left:2%;gap:1%}.e11-friends__family-bikes img{box-sizing:border-box;width:100%;height:100%;padding:2%;object-fit:contain;object-position:center}.e11-friends__family-characters{position:absolute;right:2%;bottom:2%;left:2%;width:auto;height:55%;padding:0;gap:1%}.e11-friends__family-characters img{box-sizing:border-box;width:100%;height:100%;padding:1%;object-fit:contain;object-position:center bottom}@media(max-width:989px){.e11-friends__stage,.e11-friends__family-stage{height:auto;min-height:0;aspect-ratio:4 / 3}.e11-friends__bike{left:1%;bottom:3%;width:var(--e11-bike-size, 92%);height:86%}.e11-friends__character{right:0;bottom:2%;width:var(--e11-mascot-size, 39%);height:66%}}@media(max-width:749px){.e11-friends__stage{aspect-ratio:1 / 1}.e11-friends__family-stage{aspect-ratio:4 / 5}.e11-friends__bike{left:1%;bottom:3%;width:min(var(--e11-bike-size, 92%),96%);height:82%}.e11-friends__character{right:0;bottom:2%;width:min(var(--e11-mascot-size, 39%),44%);height:62%}.e11-friends__family-bikes{top:3%;right:2%;bottom:49%;left:2%}.e11-friends__family-characters{right:1%;bottom:2%;left:1%;height:54%;gap:0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/e11-friends-about.css.map */