.os-story{overflow:hidden}.os-story__eyebrow{margin:0 0 1.2rem;color:rgba(var(--color-foreground),.7)}.os-story__eyebrow--dot{display:inline-flex;align-items:center;gap:.8rem}.os-story__eyebrow--dot:before{content:"";width:.8rem;height:.8rem;border-radius:50%;background:rgb(var(--os-accent))}.os-story__title{margin:0;font-size:clamp(2.8rem,4.2vw,5.6rem);font-weight:500;line-height:.98;letter-spacing:-.03em;text-transform:uppercase}.os-story__title--hero{font-size:clamp(5.6rem,13vw,18rem);line-height:.86;letter-spacing:-.05em}.os-story__sub{margin:0 0 1.6rem;font-size:clamp(1.9rem,2vw,2.4rem);line-height:1.35;letter-spacing:-.01em}.os-story__text{font-size:1.6rem;line-height:1.65;color:rgba(var(--color-foreground),.78)}.os-story__text p{margin:0 0 1em}.os-story__text>:last-child{margin-bottom:0}.os-story__note{margin:2.4rem 0 0;font-family:var(--os-font-mono);font-size:1.1rem;line-height:1.6;letter-spacing:.04em;color:rgba(var(--color-foreground),.55)}.os-story__value{margin:.8rem 0 0;color:rgba(var(--color-foreground),.6)}.os-story__head{display:grid;gap:1.6rem;margin:0 0 3.2rem;padding-bottom:2.4rem;border-bottom:1px solid var(--os-rule)}.os-story__head .os-story__sub:last-child{margin-bottom:0}@media screen and (min-width:990px){.os-story__head--split{grid-template-columns:1fr 1fr;gap:6.4rem;align-items:end}.os-story__head-text{max-width:56rem}}.os-story__media{position:relative;margin:0;overflow:hidden;background:rgba(var(--color-foreground),.04)}.os-story__img{display:block;width:100%;height:100%;object-fit:cover}.os-story__ratio--portrait{aspect-ratio:4 / 5}.os-story__ratio--square{aspect-ratio:1 / 1}.os-story__ratio--landscape{aspect-ratio:3 / 2}.os-story__ratio--wide{aspect-ratio:16 / 9}.os-story__media--wide{margin-bottom:3.2rem}@media screen and (max-width:749px){.os-story__grid--scroll{display:grid;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;scroll-padding-left:1.5rem}.os-story__grid--scroll::-webkit-scrollbar{display:none}.os-story__grid--scroll>*{scroll-snap-align:start}.os-story__gallery.os-story__grid--scroll{margin-left:0;margin-right:0}}.os-story__intro{display:grid;gap:2.4rem;margin-bottom:3.2rem}.os-story__intro-text{max-width:60rem}@media screen and (min-width:990px){.os-story__intro{grid-template-columns:1.15fr 1fr;gap:6.4rem;align-items:end;margin-bottom:4.8rem}}.os-story__gallery{display:grid;gap:.4rem}@media screen and (min-width:750px){.os-story__gallery--2{grid-template-columns:repeat(2,1fr)}.os-story__gallery--3{grid-template-columns:repeat(3,1fr)}}.os-story--intro .os-story__note{margin-top:1.6rem}.os-story__split{display:grid}.os-story__split-body{display:flex;flex-direction:column;justify-content:center;padding-left:1.5rem;padding-right:1.5rem}.os-story__split-body .os-story__title{margin-bottom:2rem}@media screen and (min-width:750px){.os-story__split{grid-template-columns:1fr 1fr;align-items:center}.os-story__split--right .os-story__split-media{order:2}.os-story__split-body{padding-left:5rem;padding-right:5rem;max-width:72rem}}@media screen and (min-width:1200px){.os-story__split-body{padding-left:8rem;padding-right:8rem}}.os-story__points{list-style:none;margin:2.8rem 0 0;padding:0;border-top:1px solid var(--os-rule)}.os-story__point{display:grid;grid-template-columns:4.4rem 1fr;gap:1.2rem;padding:1.8rem 0;border-bottom:1px solid var(--os-rule)}.os-story__point-label{color:rgb(var(--os-accent));padding-top:.3rem}.os-story__point-title{margin:0 0 .4rem;font-size:1.7rem;font-weight:500;letter-spacing:-.01em;text-transform:none;line-height:1.3}.os-story__point-text{margin:0;font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.os-story__grid{display:grid;gap:3.2rem 1.6rem;margin:0;padding:0;list-style:none;grid-template-columns:1fr}.os-story__grid--4,.os-story__grid--5{grid-template-columns:repeat(2,1fr)}@media screen and (min-width:750px){.os-story__grid--2,.os-story__grid--4{grid-template-columns:repeat(2,1fr)}.os-story__grid--3,.os-story__grid--5{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.os-story__grid--4{grid-template-columns:repeat(4,1fr)}.os-story__grid--5{grid-template-columns:repeat(5,1fr)}}.os-story__card-text{padding-top:1.6rem}.os-story__card--text{border-top:1px solid rgb(var(--color-foreground))}.os-story__card-label{margin:0 0 .8rem;color:rgba(var(--color-foreground),.6)}.os-story__card--text .os-story__card-label{color:rgb(var(--os-accent))}.os-story__card-title{margin:0 0 .6rem;font-size:1.9rem;font-weight:500;letter-spacing:-.015em;line-height:1.2;text-transform:uppercase}.os-story__card-copy{margin:0;font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.os-story__banner{position:relative;display:grid;min-height:56rem}.os-story__banner>.os-story__img,.os-story__banner>.placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.os-story__banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0000008c,#0000 60%)}.os-story__banner-content{position:relative;z-index:1;align-self:end;width:100%;padding-top:4rem;padding-bottom:4rem;color:#fff}.os-story__banner-content .os-story__eyebrow,.os-story__banner-content .os-story__text{color:#ffffffd9}.os-story__banner-content .os-story__title{color:#fff;max-width:90rem;margin-bottom:1.6rem}.os-story__banner-content .os-story__text{max-width:56rem}@media screen and (min-width:750px){.os-story__banner{min-height:0}.os-story__banner-content{padding-top:6.4rem;padding-bottom:6.4rem}}@media screen and (max-width:749px){.os-story__banner.os-story__ratio--wide,.os-story__banner.os-story__ratio--landscape{aspect-ratio:auto}}.os-story__specs{display:grid;gap:3.2rem}.os-story__specs-intro .os-story__title{margin-bottom:1.6rem}.os-story__specs-intro .os-story__media{margin-top:3.2rem}@media screen and (min-width:990px){.os-story__specs{grid-template-columns:5fr 7fr;gap:8rem;align-items:start}}.os-story__spec-list{margin:0;border-top:1px solid rgb(var(--color-foreground))}.os-story__spec-row{display:grid;grid-template-columns:minmax(10rem,.8fr) 2fr;gap:1.6rem;padding:1.6rem 0;border-bottom:1px solid var(--os-rule)}.os-story__spec-row dt{font-family:var(--os-font-mono);font-size:var(--os-label-size);letter-spacing:var(--os-label-tracking);text-transform:uppercase;color:rgba(var(--color-foreground),.6);padding-top:.3rem}.os-story__spec-row dd{margin:0;font-size:1.5rem;line-height:1.55}.os-story__spec-hint{display:block;margin-top:.4rem;font-size:1.3rem;color:rgba(var(--color-foreground),.6)}.os-story__swatches{display:grid;gap:2.4rem 1.6rem;margin:0;padding:0;list-style:none;grid-template-columns:repeat(2,1fr)}@media screen and (min-width:750px){.os-story__swatches--3,.os-story__swatches--5{grid-template-columns:repeat(3,1fr)}.os-story__swatches--4{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:990px){.os-story__swatches--5{grid-template-columns:repeat(5,1fr)}}.os-story__swatch-item .os-story__media{margin-bottom:1.4rem}.os-story__swatch-text{display:grid;grid-template-columns:2.8rem 1fr;gap:1.2rem;align-items:start}.os-story__swatch{width:2.8rem;height:2.8rem;border-radius:50%;background:var(--os-swatch);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.15)}.os-story__swatch-name{margin:.2rem 0;font-size:1.6rem;font-weight:500;letter-spacing:-.01em;line-height:1.3;text-transform:none}.os-story__swatch-label{margin:0 0 .4rem;color:rgb(var(--os-accent))}.os-story__swatch-copy{margin:0;font-size:1.4rem;line-height:1.55;color:rgba(var(--color-foreground),.72)}html:is([lang=ko],[lang=ja],[lang=zh-CN]) .os-story .os-story__title:not(.header__heading){line-height:1.2;letter-spacing:-.02em}html:is([lang=ko],[lang=ja],[lang=zh-CN]) .os-story .os-story__title--hero:not(.header__heading){line-height:.95}html:is([lang=ko],[lang=ja],[lang=zh-CN]) .os-story :is(.os-story__card-title,.os-story__point-title):not(.header__heading){line-height:1.4}.os-story.color-scheme-5 .os-story__point-label,.os-story.color-scheme-5 .os-story__card--text .os-story__card-label,.os-story.color-scheme-5 .os-story__swatch-label{color:rgb(var(--color-foreground))}.os-story.color-scheme-5 .os-story__eyebrow--dot:before{background:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/221/assets/os-story.css.map */