/*! [featured-yarn-stories/index] page.css */.hero-header{--text-padding-y:var(--space_9_4);--text-padding-x:var(--space_9_3);--w:calc((100% - 4em) / 5);overflow:hidden;position:relative;display:-ms-grid;display:grid;-ms-grid-columns:calc(var(--w) * 3) 4em 1fr;grid-template-columns:calc(var(--w) * 3) 1fr;grid-gap:4em}@media (max-width:1280px){.hero-header{display:block}}.hero-text{-ms-grid-row:1;grid-row:1;-ms-grid-column:2;grid-column:2;align-self:flex-start;position:relative;z-index:1;padding:calc(var(--gnav-height) + var(--text-padding-y)) var(--text-padding-x) var(--text-padding-y) 0}@media (max-width:1280px){.hero-text{display:-ms-grid;display:grid;-ms-grid-columns:2fr 2em 1fr;grid-template-columns:2fr 1fr;grid-gap:2em;padding-left:var(--text-padding-x)}.hero-text>*{-ms-flex-item-align:start;align-self:flex-start}.hero-text .hero-logo,.hero-text .hero-title{-ms-grid-column:1;grid-column:1;margin:0}}@media (max-width:1023px){.hero-text{-ms-grid-columns:1fr;grid-template-columns:1fr}.hero-text .hero-logo,.hero-text .hero-title{grid-column:initial}}.hero-logo{max-width:20em;margin-bottom:var(--space_4_2)}@media (max-width:1280px){.hero-logo{max-width:15em}}@media (max-width:720px){.hero-logo{max-width:10em}}.hero-title{--font-size:.85vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--space_6_4);line-height:1;font-family:var(--font-serif);font-size:var(--font-size)}.hero-title>.collection-title{text-transform:uppercase;font-size:4em}.hero-title>.collection-title>.collection-title-season{margin-right:.125em}.hero-title>.page-title{font-size:4em;color:rgb(var(--color-monteluce-gold-rgb))}@media (max-width:1280px){.hero-title{--font-size:1.25vw}}@media (max-width:720px){.hero-title{--font-size:2vw}}.hero-text .header-pagination{overflow:visible}@media (max-width:1280px){.hero-text .header-pagination{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3;-ms-grid-column:2;grid-column:2;align-self:flex-end;width:100%;height:100%}}@media (max-width:1023px){.hero-text .header-pagination{grid-column:initial;grid-row:initial}}.hero-text .subpage-list{list-style:none;margin:0;padding:0;line-height:1.5;font-family:var(--font-sans)}.hero-text .subpage-item{margin-top:.5em}.hero-text .subpage-item>a{position:relative;white-space:nowrap}.hero-text .subpage-item>a::after{content:'';position:absolute;z-index:-1;left:-.5em;top:-.25em;width:calc(100% + 1em);height:calc(100% + .5em);border:1px solid rgb(var(--color-monteluce-gold-rgb) / .3);border-radius:.25em;background:rgb(255 255 255);opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.hero-text .subpage-title-no{position:relative;margin-right:1em;font-size:100%;font-weight:400;color:rgb(var(--color-monteluce-gray-rgb))}.hero-text .subpage-title-no>sup{display:none}.hero-text .subpage-item.current>a{pointer-events:none;font-weight:700;color:rgb(var(--color-text-rgb))}.hero-text .subpage-item.current .subpage-title-no::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:rgb(var(--color-monteluce-gray-rgb))}@media (any-hover:hover){.hero-text .subpage-item:not(.current)>a:hover::after{opacity:1}}@media (any-hover:none){.hero-text .subpage-item:not(.current)>a:active::after{opacity:1}}.hero-images{align-self:flex-start;-ms-grid-row:1;grid-row:1;-ms-grid-column:1;grid-column:1;overflow:hidden;position:relative;z-index:1;max-width:100%;width:100%}.tri-box{--tri-h-rate:0.866;--cols:3;--unit:calc(100% / (var(--cols) - 1) - var(--gap, 0px) * (var(--cols) - 1));--overlap-x:calc(var(--unit) / 2);position:relative;width:calc(100% - var(--gap,0px));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:var(--gap,0);padding-bottom:var(--gap,0);margin-left:calc(var(--gap,0px) * 2)}.tri{overflow:hidden;position:relative;-webkit-box-flex:0;-ms-flex:0 0 var(--unit);flex:0 0 var(--unit);aspect-ratio:calc(1 / var(--tri-h-rate));margin:0;padding:0}.tri img{display:block;aspect-ratio:calc(1 / var(--tri-h-rate));width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.tri:nth-child(odd){-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.tri:nth-child(even){-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.tri:not(:first-child):not(:nth-child(4)){margin-left:calc(var(--gap,0px) - var(--overlap-x))}.tri:nth-child(n+4){margin-top:calc(var(--gap,0px))}.tri-spacer{opacity:0;pointer-events:none}.section-prologue{--grid-gap:4em;display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--grid-gap) 4fr;grid-template-columns:1fr 4fr;grid-gap:var(--grid-gap);margin-left:calc(var(--space_6_2) * -1);margin-right:calc(var(--space_6_2) * -1);padding:var(--space_9_4) var(--space_6_2) 0}.section-prologue>.section-title{line-height:1}.section-prologue .photo{-ms-grid-column:2;grid-column:2}.section-prologue .photo>figure{position:relative;width:100%;height:0;padding-top:75%}.section-prologue .photo>figure>img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width:1440px){.section-prologue{grid-row:initial;grid-column:initial;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:0}.section-prologue .photo{grid-column:initial;margin-top:2em}}