/* Material studies and sample controls. Product family pages keep their styling. */
.mat-page{--mat-pad:7%;overflow:hidden}
.mat-page .eyebrow{font-size:9px;line-height:1.6}
.mat-page .section-index{border:1px solid var(--line);padding:7px;font:8px var(--mono);letter-spacing:0}
.mat-small-label{font:9px/1.6 var(--mono);letter-spacing:.06em;color:var(--muted)}
.mat-hero{padding:calc(var(--header-height) + 37px) var(--mat-pad) 36px}
.mat-breadcrumb{display:flex;gap:13px;align-items:center;color:var(--muted);font-size:10px;margin-bottom:25px}
.mat-breadcrumb a{color:var(--ivory)}
.mat-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10%;align-items:end}
.mat-hero h1{font:400 clamp(44px,5.7vw,82px)/1.02 var(--display);letter-spacing:-.055em;margin:19px 0 0}
.mat-hero-intro>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:390px}
.mat-jump-links{display:flex;gap:23px;flex-wrap:wrap;margin-top:19px}
.mat-jump-links>a{display:flex;align-items:center;gap:16px;font-size:12px;border-bottom:1px solid var(--line);min-height:44px;padding:8px 0}
.mat-jump-links>a>span{color:var(--leather)}
.mat-hero-count{display:flex;gap:29px;margin-top:22px;border-top:1px solid var(--line);padding-top:15px}
.mat-hero-count>span{display:flex;align-items:center;gap:12px;color:var(--muted);font:9px/1.5 var(--mono)}
.mat-hero-count strong{font:400 29px/1 var(--body);letter-spacing:-.05em;color:var(--ivory)}
.mat-section{padding:48px var(--mat-pad) 57px;border-top:1px solid var(--line)}
.mat-section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:28px}
.mat-section-heading h2{font:400 clamp(29px,3.2vw,46px)/1.05 var(--display);letter-spacing:-.055em;margin-top:22px}
.mat-section-heading>p{color:var(--muted);font-size:13px;line-height:1.8;max-width:270px}
.mat-explorer{background:var(--depth)}
.mat-explorer-body{display:flex;flex-direction:column;gap:22px;min-width:0}
.mat-tabs{order:2;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;min-width:0;overflow-x:auto;padding:3px 2px 9px;scroll-snap-type:x proximity;scrollbar-color:var(--line) var(--depth);scrollbar-width:thin}
.mat-tab{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--navy);color:var(--muted);padding:0;text-align:left;min-width:0;min-height:110px;scroll-snap-align:start;transition:border-color 150ms,background 150ms}
.mat-tab:hover{border-color:var(--leather);color:var(--ivory)}
.mat-tab:focus-visible{outline:2px solid var(--ivory);outline-offset:-4px}
.mat-tab[aria-selected=true]{border-color:var(--leather);background:#98502f2b;color:var(--ivory);box-shadow:inset 0 -2px var(--leather)}
.mat-tab-image{display:block;aspect-ratio:3/2;width:100%;overflow:hidden;background:#e6e1d9;border-bottom:1px solid var(--line)}
.mat-tab-image img{width:100%;height:100%;object-fit:contain}
.mat-tab-name{display:grid;grid-template-columns:17px 1fr 11px;align-items:center;gap:6px;width:100%;padding:12px 10px;min-height:47px}
.mat-tab-name small{font:8px var(--mono);color:var(--leather)}
.mat-tab-name strong{font-size:11px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
.mat-tab-name>span{font-size:12px;color:var(--leather)}
.mat-detail{order:1;border:1px solid var(--line);background:var(--navy);min-width:0}
.mat-detail-inner{display:grid;grid-template-columns:1.65fr 1fr;min-width:0}
.mat-sample-figure{min-width:0;background:var(--depth)}
.mat-sample-image-wrap{aspect-ratio:3/2;overflow:hidden;position:relative;background:#e8e4db}
.mat-enlarge{display:block;position:relative;width:100%;height:100%;padding:0;background:none;border:0;overflow:hidden;color:var(--ivory);cursor:zoom-in}
.mat-enlarge:focus-visible{outline:3px solid var(--cognac);outline-offset:-5px}
.mat-enlarge img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1);transform-origin:60% 72%;transition:transform 450ms cubic-bezier(.2,.6,.2,1)}
.mat-sample-image-wrap[data-view=detail] img{transform:scale(1.85)}
.mat-enlarge-label{position:absolute;right:14px;top:14px;display:flex;gap:8px;align-items:center;min-height:38px;padding:7px 11px;background:#10144ad9;font-size:10px;border:1px solid #f0e8da3b}
.mat-enlarge-label>span{font-size:18px}
.mat-sample-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px 0}
.mat-view-options{display:flex;gap:6px;flex-wrap:wrap}
.mat-view-options>button{min-height:44px;padding:10px 12px;color:var(--muted);border:1px solid transparent;background:transparent;font-size:11px}
.mat-view-options>button[aria-pressed=true]{color:var(--ivory);border-color:var(--line);background:var(--surface)}
.mat-sample-tools>span{font:7px/1.7 var(--mono);letter-spacing:.03em;text-align:right;color:var(--muted);max-width:130px}
.mat-sample-figure figcaption{color:var(--muted);font-size:11px;line-height:1.75;padding:12px 17px 17px;min-height:60px}
.mat-sample-copy{display:flex;flex-direction:column;align-items:flex-start;padding:36px 32px 29px;border-left:1px solid var(--line);min-width:0}
.mat-sample-copy h3{font:500 clamp(28px,2.8vw,42px)/1.1 var(--body);letter-spacing:-.05em;margin-top:22px;overflow-wrap:anywhere}
.mat-sample-trait{font-size:21px;line-height:1.35;letter-spacing:-.035em;max-width:300px;margin-top:21px;color:var(--ivory)}
.mat-sample-description{font-size:13px;line-height:1.8;color:var(--muted);margin-top:13px}
.mat-family-availability{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);width:100%;padding-top:22px;margin-top:27px}
.mat-family-availability>span{width:100%;font:8px/1.6 var(--mono);color:var(--muted);letter-spacing:.06em}
.mat-family-availability>a{display:flex;align-items:center;gap:15px;font-size:13px;min-height:44px}
.mat-family-availability>a>span{color:var(--leather)}
.mat-configure-sample{margin-top:19px;font-size:11px;gap:25px;padding:13px 15px;max-width:100%;line-height:1.5;min-height:46px}
.mat-configure-sample>span{flex-shrink:0}
.mat-sample-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:15px}
.mat-sample-footnote{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-top:14px}
.mat-sample-footnote>p{font-size:10px;line-height:1.8;color:var(--muted);padding-top:13px;max-width:470px}
.mat-sample-footnote details{max-width:550px;width:45%;border-bottom:1px solid var(--line)}
.mat-sample-footnote summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:44px;font-size:11px;cursor:pointer}
.mat-sample-footnote summary::-webkit-details-marker{display:none}
.mat-sample-footnote summary>span{color:var(--leather);font-size:18px}
.mat-sample-footnote details[open] summary>span{transform:rotate(45deg)}
.mat-sample-footnote details>div{padding-bottom:18px}
.mat-sample-footnote details p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:11px}
.mat-family-routes{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.mat-family-route{display:flex;flex-direction:column;gap:28px;min-width:0;border-top:1px solid var(--line);background:var(--surface);padding:28px}
.mat-family-route h3{display:flex;justify-content:space-between;gap:20px;font:400 51px/1.1 var(--display);letter-spacing:-.06em;margin-top:15px}
.mat-family-route h3>span{font:300 33px var(--body);color:var(--leather)}
.mat-family-route>div:nth-child(2){display:flex;flex-direction:column;gap:10px}
.mat-family-route strong{font:500 clamp(25px,2.7vw,36px)/1.2 var(--body);letter-spacing:-.055em;white-space:nowrap}
.mat-family-route strong>small{font:11px var(--body);letter-spacing:0;margin-left:9px}
.mat-route-orientation{font-size:11px;color:var(--muted)}
.mat-family-route>p{font-size:12px;line-height:1.8;padding-top:18px;margin-top:auto;border-top:1px solid var(--line);color:var(--muted)}
.mat-family-route:hover{border-top-color:var(--leather)}
.mat-next{display:grid;grid-template-columns:1fr .7fr;gap:10%;align-items:center;padding:48px var(--mat-pad);background:var(--surface);border-top:1px solid var(--line)}
.mat-next h2{font:400 clamp(32px,4vw,57px)/1.05 var(--display);letter-spacing:-.055em;margin-top:22px}
.mat-next>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.mat-next .button{font-size:12px;gap:26px}
.mat-next .text-link{font-size:11px;gap:20px;line-height:1.7;max-width:100%}
.mat-image-dialog{width:calc(100% - 32px);max-width:1100px;max-height:90svh;padding:22px;background:var(--depth);color:var(--ivory);border:1px solid var(--line);overflow:auto}
.mat-image-dialog::backdrop{background:#050923de}
.mat-image-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.mat-image-dialog-top h2{font:500 25px/1.25 var(--body);letter-spacing:-.04em}
.mat-image-dialog-top>button{min-height:44px;min-width:72px;padding:10px 13px;background:transparent;border:1px solid var(--line);color:var(--ivory);font-size:12px;flex-shrink:0}
.mat-image-dialog>img{display:block;width:100%;height:auto;max-height:70svh;object-fit:contain;background:#e8e4db}
.mat-image-dialog>p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:15px}
@media(min-width:1650px){.mat-page{--mat-pad:max(7%,calc((100% - 1500px)/2))}}
@media(max-width:1150px){
  .mat-page{--mat-pad:6%}.mat-hero-grid{gap:7%;grid-template-columns:1.1fr .9fr}.mat-hero h1{font-size:5.9vw}.mat-hero-intro>p{font-size:14px}.mat-jump-links{gap:15px}.mat-jump-links>a{font-size:11px;gap:12px}.mat-tab-name{grid-template-columns:13px 1fr 9px;padding:10px 7px;gap:4px}.mat-tab-name strong{font-size:10px}.mat-tab-name small{font-size:7px}.mat-tabs{gap:8px}.mat-detail-inner{grid-template-columns:1.55fr 1fr}.mat-sample-copy{padding:26px 24px}.mat-sample-copy h3{font-size:32px;margin-top:17px}.mat-sample-trait{font-size:20px;margin-top:18px}.mat-family-availability{margin-top:22px;padding-top:17px}.mat-configure-sample{font-size:10px;gap:16px;padding-inline:12px}.mat-sample-tools{padding-inline:12px;gap:8px}.mat-view-options{gap:2px}.mat-view-options>button{font-size:10px;padding-inline:10px}.mat-sample-tools>span{font-size:6px;max-width:100px}.mat-family-route{padding:25px}
}
@media(max-width:850px){
  .mat-hero{padding-top:calc(var(--header-height) + 29px)}.mat-hero-grid{gap:6%;align-items:start}.mat-hero h1{font-size:6.4vw}.mat-hero-intro>p{font-size:13px}.mat-hero-count{gap:20px}.mat-hero-count strong{font-size:25px}.mat-hero-count>span{font-size:8px;gap:9px}.mat-section{padding-top:39px;padding-bottom:43px}.mat-section-heading{gap:25px}.mat-section-heading h2{font-size:4.3vw}.mat-section-heading>p{font-size:12px;max-width:200px}.mat-detail-inner{grid-template-columns:1fr}.mat-sample-copy{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:25px}.mat-sample-copy>.mat-small-label{grid-column:1/-1}.mat-sample-copy h3{grid-column:1;grid-row:2;font-size:32px}.mat-sample-trait{grid-column:1;grid-row:3;font-size:20px;margin-top:15px}.mat-sample-description{grid-column:1;grid-row:4;font-size:12px;margin-top:10px}.mat-family-availability{grid-column:2;grid-row:2/4;margin-top:15px;padding-top:0;border-top:0;align-self:start;gap:6px 20px}.mat-configure-sample{grid-column:2;grid-row:4;margin-top:11px;justify-self:start;font-size:11px;gap:20px;padding-inline:14px}.mat-sample-note{grid-column:1/-1;margin-top:20px;font-size:10px}.mat-sample-image-wrap{aspect-ratio:1.65}.mat-sample-tools{padding-inline:17px}.mat-view-options>button{font-size:11px;padding-inline:12px}.mat-sample-tools>span{font-size:8px;max-width:150px}.mat-sample-figure figcaption{padding-inline:18px;min-height:0}.mat-tabs{grid-template-columns:repeat(7,110px);gap:9px}.mat-tab-name{grid-template-columns:14px 1fr 9px;min-height:48px;padding:9px 7px}.mat-tab-name strong{font-size:10px}.mat-tab{min-height:0}.mat-sample-footnote{gap:25px}.mat-sample-footnote>p{font-size:10px;max-width:310px}.mat-sample-footnote details{width:48%}.mat-family-routes{gap:18px}.mat-family-route{padding:24px;gap:24px}.mat-family-route h3{font-size:45px}.mat-family-route strong{font-size:29px}.mat-family-route>p{font-size:11px}.mat-next{gap:7%;grid-template-columns:1fr .8fr}.mat-next h2{font-size:4.7vw}.mat-next .button{font-size:11px;gap:20px}
}
@media(max-width:560px){
  .mat-hero{padding-top:calc(var(--header-height) + 20px);padding-bottom:27px}.mat-breadcrumb{font-size:9px;gap:11px;margin-bottom:21px}.mat-hero-grid{grid-template-columns:1fr;gap:20px}.mat-hero h1{font-size:clamp(37px,10.5vw,56px);margin-top:17px}.mat-hero-intro>p{font-size:13px;line-height:1.75;max-width:none}.mat-jump-links{margin-top:11px;gap:21px}.mat-jump-links>a{font-size:11px;gap:13px;min-height:44px}.mat-hero-count{display:none}.mat-section{padding-top:31px;padding-bottom:35px}.mat-page .eyebrow{font-size:8px}.mat-section-heading{display:block;margin-bottom:23px}.mat-section-heading h2{font-size:clamp(27px,7.7vw,40px);margin-top:20px}.mat-section-heading>p{font-size:12px;line-height:1.75;margin-top:15px;max-width:none}.mat-explorer .mat-section-heading>p{display:none}.mat-explorer-body{gap:17px}.mat-sample-image-wrap{aspect-ratio:3/2}.mat-enlarge-label{right:9px;top:9px;font-size:9px;padding:7px 9px;min-height:36px}.mat-enlarge-label>span{font-size:17px}.mat-sample-tools{display:block;padding:10px 10px 0}.mat-view-options{gap:5px}.mat-view-options>button{min-height:44px;font-size:11px;padding:10px 11px}.mat-sample-tools>span{display:block;font-size:7px;text-align:left;max-width:none;margin-top:11px;padding-left:2px}.mat-sample-figure figcaption{padding:11px 12px 15px;font-size:11px;line-height:1.7}.mat-sample-copy{display:flex;padding:23px 20px 22px;gap:0;align-items:flex-start}.mat-sample-copy h3{font-size:32px;line-height:1.1;margin-top:16px}.mat-sample-trait{font-size:21px;line-height:1.3;margin-top:17px}.mat-sample-description{font-size:12px;margin-top:10px}.mat-family-availability{margin-top:19px;padding-top:17px;border-top:1px solid var(--line);gap:7px 24px}.mat-family-availability>span{font-size:8px}.mat-family-availability>a{font-size:13px}.mat-configure-sample{margin-top:15px;font-size:11px;min-height:46px;padding:12px 14px;gap:24px}.mat-sample-note{font-size:10px;margin-top:13px}.mat-tabs{grid-template-columns:repeat(7,104px);gap:8px;padding-bottom:12px}.mat-tab-name{min-height:49px;padding:9px 7px;gap:4px;grid-template-columns:13px 1fr 8px}.mat-tab-name strong{font-size:10px}.mat-tab-name small{font-size:7px}.mat-tab-name>span{font-size:11px}.mat-sample-footnote{display:block;margin-top:7px}.mat-sample-footnote>p{font-size:10px;padding-top:7px;max-width:none}.mat-sample-footnote details{width:100%;max-width:none;margin-top:10px}.mat-sample-footnote summary{font-size:11px;min-height:44px}.mat-sample-footnote details p{font-size:12px}.mat-family-routes{grid-template-columns:1fr;gap:17px}.mat-family-route{padding:24px;gap:24px}.mat-family-route h3{font-size:49px;margin-top:14px}.mat-family-route h3>span{font-size:33px}.mat-family-route strong{font-size:33px}.mat-family-route strong>small{font-size:11px}.mat-family-route>p{font-size:12px}.mat-next{display:block;padding-top:34px;padding-bottom:38px}.mat-next h2{font-size:clamp(30px,8.6vw,45px);margin-top:20px}.mat-next>div:last-child{margin-top:26px;gap:15px}.mat-next .button{font-size:11px;gap:25px}.mat-next .text-link{font-size:11px;gap:17px;min-height:44px}.mat-image-dialog{width:calc(100% - 20px);max-height:92svh;padding:15px}.mat-image-dialog-top{gap:15px;margin-bottom:15px}.mat-image-dialog-top h2{font-size:22px}.mat-image-dialog-top>button{font-size:11px;min-width:64px}.mat-image-dialog>img{max-height:66svh}.mat-image-dialog>p{font-size:10px;line-height:1.75;margin-top:12px}
}
@media(max-width:360px){.mat-jump-links{gap:13px}.mat-jump-links>a{font-size:10px;gap:9px}.mat-sample-copy{padding-inline:18px}.mat-sample-copy h3{font-size:29px}.mat-sample-trait{font-size:20px}.mat-family-route{padding:21px}.mat-family-route strong{font-size:29px}.mat-view-options{gap:3px}.mat-view-options>button{font-size:10px;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.mat-tab,.mat-enlarge img{transition:none}.mat-tabs{scroll-behavior:auto}}

/* Choose a sample before its large image on smaller screens. */
@media(max-width:850px){.mat-tabs{order:0}}