.ys-home{--ys-ink:#151614;--ys-paper:#f1f1ee;--ys-silver:#d9dcd9;--ys-line:#c9cbc7;color:var(--ys-ink);font-family:var(--font-body-family)}.ys-home *{box-sizing:border-box}.ys-home a{text-decoration:none;color:inherit}.ys-kicker{font-size:1rem;letter-spacing:.2em;text-transform:uppercase}.ys-title{font-family:var(--font-heading-family);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:0}.ys-arrow{font-size:1.2em}.ys-link{display:flex;justify-content:space-between;gap:3rem;width:min(100%,26rem);border-bottom:1px solid currentColor;padding:1.4rem 0;font-size:1.2rem;letter-spacing:.08em}.ys-home .ys-title{color:inherit}.ys-home .ys-button{color:#161713}.ys-home .ys-text-link,.ys-home .ys-dark-button,.ys-home .ys-systems,.ys-home.ys-systems,.ys-home .ys-system-card__copy,.ys-home .ys-system-card__copy h3,.ys-home.ys-hero .ys-hero__title{color:#fff}.ys-hero{min-height:calc(100vh - 11rem);display:grid;grid-template-columns:.9fr 1.1fr;background:var(--ys-ink);color:#fff;border-top:1px solid #32332f}.ys-hero__copy{padding:9vh 5vw 5vh;display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:4.8rem 4.8rem}.ys-hero__title{font-size:clamp(4.8rem,5.6vw,8.2rem);margin:3rem 0}.ys-hero__text{font-size:clamp(1.4rem,1.15vw,1.7rem);line-height:1.9;color:#b8bbb7;margin:0}.ys-actions{display:flex;align-items:center;gap:3.2rem;margin-top:3.6rem}.ys-button{background:#eceeeb;color:#161713;padding:1.7rem 2.4rem;display:flex;justify-content:space-between;gap:3.6rem;font-size:1.2rem;letter-spacing:.08em}.ys-text-link{font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:.5rem}.ys-spec{display:flex;gap:2rem;margin-top:auto;padding-top:3.4rem;border-top:1px solid #3b3d39;color:#777b76;font-size:.9rem;letter-spacing:.16em}.ys-hero__products{display:grid;grid-template-rows:1fr 1fr;gap:1px;background:#555853}.ys-hero-card{position:relative;overflow:hidden;background:#252622;min-height:32rem}.ys-hero-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.03);transition:.5s}.ys-hero-card:hover img{filter:saturate(.9);transform:scale(1.015)}.ys-hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(10,11,10,.78),transparent 55%)}.ys-hero-card__caption{position:absolute;z-index:1;left:2.6rem;right:2.6rem;bottom:2.2rem;display:flex;justify-content:space-between;align-items:end;font-size:1.1rem;letter-spacing:.06em;color:#d7d9d5}.ys-hero-card__caption b{font-size:1rem;letter-spacing:.16em}.ys-hero-card--m img{object-position:center 58%}.ys-intro{display:grid;grid-template-columns:1fr 2.25fr;gap:6rem;padding:13rem 7vw;background:var(--ys-paper);border-bottom:1px solid var(--ys-line)}.ys-intro__title{font-size:clamp(3.5rem,4.5vw,6.8rem)}.ys-intro__text{max-width:68rem;font-size:1.7rem;line-height:2;margin:4.2rem 0 0;color:#626158}.ys-systems{background:#191a18;color:#fff;padding:12rem 4vw}.ys-heading{display:flex;justify-content:space-between;align-items:end;margin:0 3vw 6.4rem}.ys-heading__title{font-size:clamp(3.4rem,4vw,5.8rem)}.ys-system-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.8rem}.ys-system-card{position:relative;height:69rem;overflow:hidden}.ys-system-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.ys-system-card:hover img{transform:scale(1.025)}.ys-system-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(13,14,12,.88),transparent 60%)}.ys-system-card__copy{position:absolute;z-index:1;left:4rem;right:4rem;bottom:3.8rem}.ys-system-card__copy small{font-size:1rem;letter-spacing:.18em;opacity:.75}.ys-system-card__copy h3{font-size:clamp(3.5rem,4vw,5.8rem);margin:1.4rem 0 1rem;font-weight:500;letter-spacing:-.04em}.ys-system-card__copy p{margin:0 0 2.8rem;opacity:.75}.ys-system-card__copy b{font-size:1.2rem;letter-spacing:.12em;font-weight:500;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.22);padding-top:1.8rem}.ys-values{padding:12rem 7vw;background:var(--ys-paper)}.ys-value-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:6rem;border-top:1px solid var(--ys-line)}.ys-value{padding:3.6rem 2.8rem 2rem 0;border-right:1px solid var(--ys-line);min-height:27rem}.ys-value+.ys-value{padding-left:2.8rem}.ys-value:last-child{border-right:0}.ys-value__no{font-size:1.1rem;color:#7b7e78}.ys-value h3{font-size:2.5rem;font-weight:500;margin:7rem 0 1.6rem}.ys-value p{font-size:1.4rem;line-height:1.8;color:#6b6961}.ys-story{display:grid;grid-template-columns:1.05fr .95fr;min-height:72rem;background:#d3d1ca}.ys-story--reverse{grid-template-columns:.95fr 1.05fr;background:#dfe0dc}.ys-story--reverse .ys-story__media{order:2}.ys-story__media img{width:100%;height:100%;min-height:72rem;object-fit:cover}.ys-story__copy{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.ys-story__title{font-size:clamp(3.8rem,4.6vw,7.2rem);margin:2.6rem 0}.ys-story__text{font-size:1.6rem;line-height:1.9;color:#555750}.ys-pills{display:flex;flex-wrap:wrap;gap:.8rem;margin:2.4rem 0 3.8rem}.ys-pill{border:1px solid rgba(35,30,25,.3);border-radius:5rem;padding:.9rem 1.4rem;font-size:1.1rem}.ys-dark-button{background:#181916;color:#fff;padding:1.7rem 2rem;display:flex;justify-content:space-between;width:min(100%,27rem);font-size:1.2rem;letter-spacing:.08em}.ys-future{background:#d8dbd7;color:#171815;text-align:center;padding:14rem 2.4rem;background-image:linear-gradient(rgba(20,22,20,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,22,20,.07) 1px,transparent 1px);background-size:4.8rem 4.8rem}.ys-future__title{font-size:clamp(3.8rem,4.6vw,7.2rem);margin:2.6rem 0}.ys-future p{font-size:1.6rem;opacity:.76}.ys-future .ys-link{margin:3.6rem auto 0}.ys-social-wrap{width:min(100%,52rem);margin:4.2rem auto 0}.ys-social-prompt{display:block;font-size:1.1rem;letter-spacing:.14em;margin-bottom:1.2rem}.ys-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid currentColor}.ys-social-link{display:flex;justify-content:space-between;align-items:center;padding:1.7rem 0;font-size:1.2rem;letter-spacing:.08em;border-bottom:1px solid currentColor}.ys-social-link+.ys-social-link{margin-left:3rem}@media(max-width:749px){.ys-hero{grid-template-columns:1fr;min-height:auto}.ys-hero__copy{min-height:61rem;padding:9rem 2.4rem 3.8rem}.ys-hero__title{font-size:4.9rem}.ys-spec{margin-top:7rem}.ys-hero__products{height:60rem}.ys-hero-card{min-height:30rem}.ys-hero-card__caption{left:1.8rem;right:1.8rem;display:block}.ys-hero-card__caption b{display:block;margin-bottom:.7rem}.ys-intro{grid-template-columns:1fr;padding:9rem 2.4rem}.ys-intro__text{font-size:1.5rem}.ys-systems{padding:8rem 1.8rem}.ys-heading{display:block;margin:0 .6rem 3.8rem}.ys-heading__title{margin-top:1.8rem}.ys-system-grid{grid-template-columns:1fr}.ys-system-card{height:56rem}.ys-system-card__copy{left:2.4rem;right:2.4rem;bottom:2.5rem}.ys-value-grid{grid-template-columns:1fr 1fr}.ys-value{border-right:0;border-bottom:1px solid var(--ys-line);padding:2.8rem 1.6rem 2.8rem 0;min-height:22rem}.ys-value+.ys-value{padding-left:1.6rem}.ys-value h3{margin-top:4.2rem}.ys-story,.ys-story--reverse{grid-template-columns:1fr;min-height:auto}.ys-story--reverse .ys-story__media{order:0}.ys-story__media img{min-height:52rem;height:52rem}.ys-story__copy{padding:9rem 2.4rem}.ys-future{padding:10rem 2.4rem}.ys-socials{grid-template-columns:1fr}.ys-social-link+.ys-social-link{margin-left:0}}@media(max-width:749px){.ys-hero__copy{min-height:0;padding:6rem 2.4rem 3.2rem}.ys-hero__title{font-size:4.2rem;line-height:1.08;margin:2.6rem 0}.ys-hero__text{font-size:1.5rem;line-height:1.75}.ys-actions{gap:1.8rem;margin-top:2.8rem}.ys-button{padding:1.5rem 1.8rem;gap:2.4rem}.ys-spec{margin-top:4.5rem;padding-top:2.4rem}.ys-hero__products{display:flex;height:34rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.ys-hero__products::-webkit-scrollbar,.ys-system-grid::-webkit-scrollbar{display:none}.ys-hero-card{flex:0 0 88%;min-height:34rem;scroll-snap-align:start}.ys-hero-card__caption{bottom:1.8rem}.ys-intro{padding:7rem 2.4rem;gap:3.2rem}.ys-intro__title{font-size:3.8rem}.ys-intro__text{margin-top:2.8rem}.ys-systems{padding:6.5rem 1.8rem}.ys-heading{margin-bottom:3rem}.ys-heading__title{font-size:3.4rem;line-height:1.15}.ys-system-grid{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:3rem}.ys-system-card{flex:0 0 88%;height:48rem;scroll-snap-align:start}.ys-system-card__copy{left:2rem;right:2rem;bottom:2rem}.ys-system-card__copy h3{font-size:3.4rem;margin:1rem 0}.ys-system-card__copy p{font-size:1.4rem;margin-bottom:1.8rem}.ys-values{padding:7rem 2.4rem}.ys-value-grid{margin-top:4rem}.ys-value{min-height:18rem;padding-top:2.4rem}.ys-value h3{font-size:2rem;margin:3rem 0 1.2rem}.ys-value p{font-size:1.3rem;line-height:1.65}.ys-story__media img{min-height:36rem;height:36rem}.ys-story__copy{padding:6.5rem 2.4rem}.ys-story__title{font-size:3.8rem;margin:2rem 0}.ys-story__text{font-size:1.5rem;line-height:1.75}.ys-pills{margin:2rem 0 3rem}.ys-future{padding:8rem 2.4rem}.ys-future__title{font-size:3.9rem;margin:2rem 0}.ys-social-wrap{margin-top:3.2rem}}@media(max-width:749px){.ys-hero__products{display:grid;grid-template-columns:1fr;grid-template-rows:none;height:auto;overflow:visible;scroll-snap-type:none}.ys-hero-card{width:100%;min-height:0;aspect-ratio:4/3;scroll-snap-align:none}.ys-system-grid{display:grid;grid-template-columns:1fr;gap:2.4rem;overflow:visible;scroll-snap-type:none;padding:0 1.2rem}.ys-system-card{width:100%;height:auto;aspect-ratio:1/1;scroll-snap-align:none}.ys-system-card__copy{left:1.8rem;right:1.8rem;bottom:1.6rem}.ys-system-card__copy small{font-size:.9rem}.ys-system-card__copy h3{font-size:2.8rem;line-height:1.12;margin:.8rem 0}.ys-system-card__copy p{font-size:1.3rem;line-height:1.55;margin-bottom:1.4rem}.ys-system-card__copy b{padding-top:1.2rem;font-size:1.1rem}}@media(max-width:749px){.ys-system-grid{display:flex;gap:1.6rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 2.8rem 0 1.2rem}.ys-system-grid::-webkit-scrollbar{display:none}.ys-system-card{flex:0 0 88%;width:auto;height:auto;aspect-ratio:1/1;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/yoside-home.css.map */