/* The material library: full-width photography, warm paper and quiet controls. */
.material-library{background:var(--paper);color:var(--ink);scroll-margin-top:92px}
.material-library .material-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:22px 60px;padding:90px var(--gutter) 52px}
.material-library .material-heading>.eyebrow{grid-column:1/-1;color:#797365;font-size:11px;letter-spacing:.16em}
.material-library .material-heading>div>.eyebrow{color:#797365;font-size:11px;letter-spacing:.16em;margin-bottom:26px}
.material-library .material-heading h2{font-size:clamp(52px,5.5vw,86px);line-height:.98;max-width:730px}
.material-library .material-heading>p:not(.eyebrow){max-width:375px;justify-self:end;color:var(--muted);font-size:15px;line-height:1.8;padding-bottom:4px;text-wrap:pretty}
.material-library .material-stage{position:relative;background:#332d24}
.material-library .material-panel,.material-page-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:center;min-height:clamp(650px,54vw,760px);padding:0 var(--gutter);color:#f7f3e9;background:#332d24}
.material-library .material-panel[hidden]{display:none}
:is(.material-panel,.material-page-hero)>.material-image{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:var(--material-position,65% center)}
:is(.material-panel,.material-page-hero)>.material-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(29,25,18,.84),rgba(32,27,19,.64) 31%,rgba(32,27,19,.14) 65%,rgba(32,27,19,.02)),linear-gradient(0deg,rgba(25,23,17,.52),transparent 27%,transparent 83%,rgba(25,23,17,.13))}
:is(.material-panel,.material-page-hero)>.material-copy{grid-column:1;max-width:570px;padding:88px 0 110px;position:relative;z-index:1}
:is(.material-panel,.material-page-hero) .material-copy>.eyebrow{font-size:11px;letter-spacing:.17em;color:#e0d7c7;margin-bottom:25px}
:is(.material-panel,.material-page-hero) .material-copy :is(h1,h2,h3){font-family:var(--serif);font-size:clamp(64px,6.5vw,106px);font-weight:400;line-height:.96;letter-spacing:-.04em;margin:0;overflow-wrap:normal;text-wrap:balance}
:is(.material-panel,.material-page-hero) .material-tagline{font-family:var(--serif);font-size:clamp(25px,2.3vw,36px);font-style:italic;font-weight:400;line-height:1.2;color:#ede3d1;margin-top:22px;max-width:480px;text-wrap:pretty}
:is(.material-panel,.material-page-hero) .material-description{font-size:14px;line-height:1.85;color:#e4dfd4;max-width:375px;margin-top:21px;text-wrap:pretty}
:is(.material-panel,.material-page-hero) .button.material-link{min-width:230px;max-width:100%;min-height:56px;margin-top:31px;padding:16px 22px;gap:28px;font-size:13px;line-height:1.5;text-align:left}
:is(.material-panel,.material-page-hero) .material-link>.ui-arrow{width:22px;height:22px;flex:0 0 22px}
:is(.material-panel,.material-page-hero) .material-link:focus-visible{outline-color:#fff;outline-offset:6px}
:is(.material-panel,.material-page-hero)>.material-meta{position:absolute;z-index:1;left:var(--gutter);right:var(--gutter);bottom:28px;display:flex;justify-content:space-between;gap:30px;color:#e1d7c6;font-size:10px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase}
:is(.material-panel,.material-page-hero) .material-meta>p:last-child{text-align:right}
.material-library .material-panel.is-material-active>.material-image{animation:material-image-in .7s cubic-bezier(.2,.65,.25,1) both}
.material-library .material-panel.is-material-active>.material-copy{animation:material-copy-in .48s ease both}
.material-library .material-tabs-shell{position:relative;background:#efede5;border-bottom:1px solid #d9d4c8;padding:0 var(--gutter)}
.material-library .material-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:24px}
.material-library .material-tab{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:84px;padding:20px 5px 20px 0;background:transparent;border-bottom:1px solid #d9d4c8;color:#746e62;font-size:13px;line-height:1.45;text-align:left;transition:color .2s ease}
.material-library .material-tab::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#39352b;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.material-library .material-tab[aria-selected=true]{color:#29271f}
.material-library .material-tab[aria-selected=true]::after{transform:scaleX(1)}
.material-library .material-tab-number{flex:0 0 auto;font-size:10px;line-height:1.4;letter-spacing:.04em;color:#a0998b}
.material-library .material-tab[aria-selected=true] .material-tab-number{color:#635b4d}
.material-library .material-tab:focus-visible{outline:2px solid #716d55;outline-offset:-5px}
.material-library .material-caption{padding:23px var(--gutter) 48px;max-width:1150px;font-size:12px;line-height:1.8;color:#777165}

/* Material landing pages use the same photography and typography. */
.material-page-hero{min-height:550px;height:auto;min-height:max(550px,70svh)}
.material-page-hero>.material-copy{padding-top:140px;padding-bottom:110px}
.material-page-nav{display:flex;align-items:center;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b3ab9a transparent;padding:20px var(--gutter);border-bottom:1px solid var(--line);background:var(--paper)}
.material-page-nav>a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:46px;padding:11px 17px;border:1px solid #d8d3c6;font-size:12px;line-height:1.5;white-space:nowrap;color:#6f695c;transition:background .2s,color .2s}
.material-page-nav>a[aria-current=page]{background:#343127;border-color:#343127;color:#f5f1e7}
.material-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:35px 8vw;padding:78px var(--gutter)}
.material-intro h2{font-size:clamp(42px,4.5vw,70px);max-width:620px}
.material-intro .eyebrow{color:#777165;margin-bottom:20px}
.material-intro p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:15px;line-height:1.85;text-wrap:pretty}
.material-intro p+p{margin-top:18px}
.material-empty{padding:88px var(--gutter);background:#e9e5da;text-align:center}
.material-empty>.eyebrow{color:#79705f;margin-bottom:23px}
.material-empty h2{font-size:clamp(44px,5vw,76px);max-width:850px;margin:0 auto}
.material-empty p:not(.eyebrow){max-width:590px;margin:24px auto 0;color:#746d60;font-size:15px;line-height:1.85}
.material-empty .button{margin-top:30px;min-height:56px;width:auto;max-width:100%;gap:25px}
.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}
.material-grid .collection-tile-image{aspect-ratio:4/3;background:#d9d1c3}
.material-grid .collection-tile-image>img{height:100%;object-fit:cover;object-position:65% center}
.material-grid .collection-tile-heading :is(h2,h3){font-family:var(--serif);font-size:clamp(29px,2.9vw,40px);line-height:1.05;letter-spacing:-.025em}

/* Materials reuse the existing navigation disclosure, without a feature card. */
.collections-nav-panel.materials-nav-panel{grid-template-columns:minmax(0,1fr);gap:0}
.materials-nav-panel .collections-nav-links{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px}
.materials-nav-panel .collections-nav-links a{min-height:88px;padding-top:16px;padding-bottom:16px}
.materials-nav-panel .collections-link-title{font-size:25px}
.materials-nav-panel .collections-link-description{font-size:10px;line-height:1.55;margin-top:6px;max-width:250px}

@keyframes material-image-in{from{opacity:.45;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@keyframes material-copy-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.material-library .material-tab:hover{color:#29271f}.material-page-nav>a:hover{background:#e9e5da;color:var(--ink)}.material-page-nav>a[aria-current=page]:hover{background:#343127;color:#f5f1e7}}
@media(min-width:981px) and (max-width:1450px){.header .desktop-nav{gap:20px}.header .header-cta{display:none}}
@media(max-width:1150px){.materials-nav-panel .collections-nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}.materials-nav-panel .collections-nav-links a{min-height:86px}}
@media(min-width:681px) and (max-width:980px){.material-library .material-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.material-library .material-heading{gap:22px 36px}.material-library .material-heading>p:not(.eyebrow){font-size:14px}:is(.material-panel,.material-page-hero){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}:is(.material-panel,.material-page-hero) .material-copy :is(h1,h2,h3){font-size:72px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .material-library{scroll-margin-top:76px}
 .material-library .material-heading{display:block;padding:63px var(--gutter) 33px}
 .material-library .material-heading>.eyebrow{font-size:10px;margin-bottom:21px}
 .material-library .material-heading h2{font-size:clamp(46px,12vw,62px);max-width:420px}
 .material-library .material-heading>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:23px;max-width:390px;padding:0}
 .material-library .material-panel,.material-page-hero{display:flex;align-items:flex-end;min-height:620px;padding:164px var(--gutter) 88px}
 :is(.material-panel,.material-page-hero)>.material-image{object-position:var(--material-mobile-position,68% center)}
 :is(.material-panel,.material-page-hero)>.material-shade{background:linear-gradient(0deg,rgba(27,23,17,.94),rgba(28,24,18,.82) 30%,rgba(28,24,18,.36) 65%,rgba(28,24,18,.06)),linear-gradient(90deg,rgba(26,23,18,.12),transparent 80%)}
 :is(.material-panel,.material-page-hero)>.material-copy{padding:0;max-width:420px;width:100%}
 :is(.material-panel,.material-page-hero) .material-copy>.eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:16px}
 :is(.material-panel,.material-page-hero) .material-copy :is(h1,h2,h3){font-size:clamp(49px,12.5vw,65px);line-height:.98;max-width:390px}
 :is(.material-panel,.material-page-hero) .material-tagline{font-size:27px;line-height:1.16;margin-top:15px;max-width:350px}
 :is(.material-panel,.material-page-hero) .material-description{font-size:13px;line-height:1.8;max-width:350px;margin-top:16px}
 :is(.material-panel,.material-page-hero) .button.material-link{width:232px;min-width:0;min-height:56px;margin-top:24px;padding:15px 20px;gap:20px;font-size:13px}
 :is(.material-panel,.material-page-hero)>.material-meta{bottom:23px;font-size:9px;line-height:1.55;letter-spacing:.06em;gap:20px}
 :is(.material-panel,.material-page-hero) .material-meta>p{max-width:54%}
 .material-library .material-tabs-shell{padding:0}
 .material-library .material-tabs-shell::after{content:'';position:absolute;top:0;bottom:0;right:0;width:23px;background:linear-gradient(90deg,transparent,#efede5);pointer-events:none}
 .material-library .material-tabs{display:flex;gap:25px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:thin;scrollbar-color:#c5beaf transparent;padding:0 var(--gutter) 3px;-webkit-overflow-scrolling:touch}
 .material-library .material-tabs::-webkit-scrollbar{height:3px}
 .material-library .material-tabs::-webkit-scrollbar-track{background:transparent}
 .material-library .material-tabs::-webkit-scrollbar-thumb{background:#c5beaf}
 .material-library .material-tab{flex:0 0 auto;min-height:76px;padding:19px 1px;gap:10px;font-size:13px;white-space:nowrap;scroll-snap-align:start}
 .material-library .material-tab-number{font-size:9px}
 .material-library .material-caption{padding:21px var(--gutter) 34px;font-size:11px}
 .material-page-hero{min-height:660px;padding-top:205px}
 .material-page-nav{padding:17px var(--gutter);gap:8px}
 .material-page-nav>a{min-height:46px;padding:10px 15px;font-size:11px}
 .material-intro{display:block;padding:50px var(--gutter)}
 .material-intro h2{font-size:46px;margin-bottom:27px}
 .material-intro p:not(.eyebrow){font-size:14px}
 .material-intro>div+div{margin-top:28px}
 .material-empty{padding:65px var(--gutter)}
 .material-empty h2{font-size:46px}
 .material-empty p:not(.eyebrow){font-size:14px}
 .material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 18px}
 .material-grid .collection-tile-image{aspect-ratio:1}
 .material-grid .collection-tile-heading :is(h2,h3){font-size:28px}
 .material-grid .collection-tile>p{font-size:12px}
}
@media(max-width:360px){.material-library .material-heading h2{font-size:44px}:is(.material-panel,.material-page-hero) .material-copy :is(h1,h2,h3){font-size:48px}.material-grid{column-gap:14px}.material-grid .collection-tile-heading :is(h2,h3){font-size:25px}}
@media(prefers-reduced-motion:reduce){.material-library .material-panel.is-material-active>.material-image,.material-library .material-panel.is-material-active>.material-copy{animation:none}.material-library .material-tab,.material-library .material-tab::after,.material-page-nav>a{transition:none}.material-library .material-tabs,.material-page-nav{scroll-behavior:auto}}