.ronn-materials{--ronn-materials-line: rgba(var(--color-foreground), .16);--ronn-materials-muted: rgba(var(--color-foreground), .66);color:rgb(var(--color-foreground))}.ronn-materials__inner{padding-block:clamp(4rem,8vw,9rem)}.ronn-materials__intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(18rem,1.2fr);gap:clamp(2rem,7vw,8rem);align-items:start;margin-bottom:clamp(5rem,10vw,11rem)}.ronn-materials__eyebrow{margin:0 0 1rem;color:var(--ronn-materials-muted);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.ronn-materials__heading{max-width:12ch;margin:0;font-size:clamp(3rem,6.3vw,7.5rem);line-height:.98}.ronn-materials__lead{max-width:47rem;margin-top:2rem;color:var(--ronn-materials-muted);font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.7}.ronn-materials__lead>:first-child{margin-top:0}.ronn-materials__lead>:last-child{margin-bottom:0}.ronn-materials__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5rem,10vw,12rem) clamp(2rem,5vw,6rem);align-items:start}.ronn-materials__item:nth-child(2n){margin-top:clamp(8rem,15vw,18rem)}.ronn-materials__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:color-mix(in srgb,var(--ronn-material-tone) 32%,rgb(var(--color-background)))}.ronn-materials__media:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0 34%,rgba(255,255,255,.13) 35%,transparent 37% 66%,rgba(0,0,0,.05) 68%,transparent 70%),linear-gradient(90deg,rgba(255,255,255,.05),transparent 35%,rgba(0,0,0,.04));content:"";pointer-events:none}.ronn-materials__image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.ronn-materials__item:hover .ronn-materials__image{transform:scale(1.015)}.ronn-materials__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:2rem;color:rgba(var(--color-foreground),.52);font-size:.78rem;letter-spacing:.12em;text-align:center;text-transform:uppercase}.ronn-materials__content{padding-top:clamp(1.8rem,3vw,3rem)}.ronn-materials__title-row{display:flex;gap:1.5rem;align-items:baseline;justify-content:space-between;padding-bottom:1.25rem;border-bottom:1px solid var(--ronn-materials-line)}.ronn-materials__title{margin:0;font-size:clamp(2rem,4vw,4.5rem);line-height:1}.ronn-materials__botanical{flex:0 0 auto;color:var(--ronn-materials-muted);font-size:.8rem;font-style:italic}.ronn-materials__description{max-width:40rem;margin-top:1.5rem;color:var(--ronn-materials-muted);line-height:1.7}.ronn-materials__description>:first-child{margin-top:0}.ronn-materials__description>:last-child{margin-bottom:0}.ronn-materials__finish{display:grid;grid-template-columns:minmax(7rem,.35fr) minmax(0,1fr);gap:1rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--ronn-materials-line)}.ronn-materials__finish-label{margin:0;font-weight:650}.ronn-materials__finish-values{display:flex;flex-wrap:wrap;gap:.55rem}.ronn-materials__finish-value{display:inline-flex;align-items:center;min-height:2.25rem;padding:.45rem .85rem;border:1px solid var(--ronn-materials-line);border-radius:999px;color:var(--ronn-materials-muted);font-size:.85rem;line-height:1.2}.ronn-materials__finishes{display:block;margin-top:clamp(7rem,13vw,15rem);padding-top:clamp(3rem,6vw,6rem);border-top:1px solid var(--ronn-materials-line)}.ronn-materials__finishes-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,5rem)}.ronn-materials__finishes-copy{max-width:54rem}.ronn-materials__finishes-heading{margin:0;font-size:clamp(2.7rem,5.2vw,6rem);line-height:1}.ronn-materials__finishes-lead{max-width:46rem;margin-top:1.5rem;color:var(--ronn-materials-muted);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7}.ronn-materials__finishes-lead>:first-child,.ronn-materials__finish-description>:first-child{margin-top:0}.ronn-materials__finishes-lead>:last-child,.ronn-materials__finish-description>:last-child{margin-bottom:0}.ronn-materials__slider-controls{display:flex;gap:.65rem}.ronn-materials__slider-button{display:grid;width:3.25rem;height:3.25rem;padding:0;border:1px solid var(--ronn-materials-line);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;place-items:center;transition:background-color .18s ease,color .18s ease,opacity .18s ease}.ronn-materials__slider-button span{font-size:1.35rem;line-height:1}.ronn-materials__slider-button:hover:not(:disabled){background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.ronn-materials__slider-button:disabled{cursor:default;opacity:.28}.ronn-materials__finishes.is-static .ronn-materials__slider-controls{visibility:hidden}.ronn-materials__finishes-track{display:grid;grid-auto-columns:clamp(18rem,34vw,31rem);grid-auto-flow:column;gap:clamp(1rem,2.2vw,2rem);overflow-x:auto;padding-bottom:1.25rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:var(--ronn-materials-line) transparent;scrollbar-width:thin}.ronn-materials__finish-card{min-width:0;scroll-snap-align:start}.ronn-materials__finish-media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:rgba(var(--color-foreground),.055)}.ronn-materials__finish-image{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.ronn-materials__finish-card:hover .ronn-materials__finish-image{transform:scale(1.018)}.ronn-materials__finish-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(var(--color-foreground),.04) 31%,transparent 33%),rgba(var(--color-foreground),.055)}.ronn-materials__finish-card-content{padding-top:1.35rem}.ronn-materials__finish-card-heading{display:flex;gap:1rem;align-items:baseline;justify-content:space-between}.ronn-materials__finish-card-heading h3{margin:0;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.1}.ronn-materials__finish-card-heading span{flex:0 0 auto;color:var(--ronn-materials-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.ronn-materials__finish-wood{margin:.65rem 0 0;color:var(--ronn-materials-muted);font-size:.78rem;letter-spacing:.11em;text-transform:uppercase}.ronn-materials__finish-description{margin-top:1rem;color:var(--ronn-materials-muted);font-size:.92rem;line-height:1.6}.ronn-materials__finish-empty{display:grid;min-height:18rem;padding:2rem;border:1px dashed var(--ronn-materials-line);color:var(--ronn-materials-muted);font-size:.8rem;letter-spacing:.08em;line-height:1.6;text-align:center;text-transform:uppercase;place-items:center}.ronn-materials__note{max-width:52rem;margin:clamp(6rem,12vw,13rem) auto 0;padding-top:2rem;border-top:1px solid var(--ronn-materials-line);color:var(--ronn-materials-muted);line-height:1.7;text-align:center}@media screen and (max-width:768px){.ronn-materials__intro,.ronn-materials__list{grid-template-columns:1fr}.ronn-materials__intro{margin-bottom:4rem}.ronn-materials__item:nth-child(2n){margin-top:0}.ronn-materials__list{gap:4.5rem}.ronn-materials__title-row{align-items:flex-end}.ronn-materials__finish{grid-template-columns:1fr}.ronn-materials__finishes{margin-top:6rem}.ronn-materials__finishes-header{grid-template-columns:1fr;align-items:start}.ronn-materials__slider-controls{justify-self:end}.ronn-materials__finishes-track{grid-auto-columns:min(82vw,24rem)}}@media(prefers-reduced-motion:reduce){.ronn-materials__image,.ronn-materials__finish-image{transition:none}.ronn-materials__finishes-track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/ronn-materials.css.map */