/* Keep the material choices in sight, including on small screens. */
.material-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;padding:0 4%;background:#efefec;border-top:1px solid #ddd;border-bottom:1px solid #d4d4d1}
.material-rail a{padding:15px 8px;text-align:center;font-size:14px;line-height:1.4;background:#fff;display:flex;align-items:center;justify-content:center;min-height:52px}
.material-rail a[aria-current=page]{background:#191919;color:#fff}
.material-rail a:hover{color:var(--red);box-shadow:inset 0 -2px 0 var(--red)}
.front-materials{padding:55px 5% 60px;background:#fff}
.front-materials .section-label{margin-bottom:28px}
.front-material-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.front-material-card{min-width:0;display:block;background:#f1f1ee}
.front-material-card>div:first-child{aspect-ratio:4/5;overflow:hidden;position:relative;background:#ecece8;display:flex;align-items:center;justify-content:center}
.front-material-card .card-title{display:block;padding:20px 15px;font-size:18px;line-height:1.2;letter-spacing:-.025em}
.front-material-card .card-title small{display:block;margin-bottom:9px;font-size:12px;letter-spacing:1px;color:#707070}
.front-material-card:hover .card-title{color:var(--red)}
.front-material-card img{display:block;width:100%;height:100%;object-fit:contain}
.front-material-card .catalogue-crop img{height:auto;object-fit:initial;max-width:none;position:absolute}
.front-material-card .board-cell{height:auto;width:100%;aspect-ratio:1}
.front-material-card .board-cell img{width:300%;height:auto;object-fit:initial}
.front-material-card .catalogue-crop{width:100%;height:auto;flex-shrink:0}
.front-material-card:nth-child(4) .catalogue-crop{width:56%}
.front-material-card .single-photo{width:100%;height:100%}
.front-material-card .single-photo img{height:100%;width:100%;object-fit:contain}
.material-index-intro{padding:45px 5% 32px}
.material-index-intro h1{font-size:clamp(40px,4.8vw,68px);line-height:1.04;letter-spacing:-.045em;margin:20px 0}
.material-index-intro h1 em{color:var(--red);font-style:normal}
.material-index-intro>p:last-child{font-size:18px;line-height:1.7;color:#555;max-width:680px}
.material-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0 5% 65px}
.material-index-card{min-width:0;background:#f3f3f0}
.material-index-card>a{display:block}
.material-index-card .index-image{aspect-ratio:5/4;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}
.material-index-card .index-image>img{width:100%;height:100%;object-fit:contain;display:block}
.material-index-card .index-image>.catalogue-crop{width:65%}
.material-index-card:nth-child(4) .index-image>.catalogue-crop{width:44%}
.material-index-card .index-image>.single-photo{width:100%;height:100%}
.material-index-card .index-image>.single-photo img{height:100%;width:100%;object-fit:contain}
.material-index-card .index-image>.board-cell{width:80%;aspect-ratio:1;flex-shrink:0}
.material-index-card .index-copy{padding:26px}
.material-index-card h2{font-size:29px;line-height:1.15;letter-spacing:-.035em;margin:14px 0}
.material-index-card p{font-size:16px;line-height:1.7;color:#555;margin-bottom:16px}
.material-index-card .eyebrow{font-size:12px}
.material-index-card .text-link{font-size:13px}
.single-photo{margin:0;overflow:hidden;background:#f0f0ed;display:flex;justify-content:center;align-items:center}
.single-photo img{width:100%;height:auto;display:block;max-width:100%;object-fit:contain}
.refresh-hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;background:#f0f0ed}
.refresh-hero>div:first-child{padding:50px 10%}
.refresh-hero h1{font-size:clamp(44px,5.3vw,78px);line-height:1.03;letter-spacing:-.05em;margin:25px 0}
.refresh-hero h1 em{color:var(--red);font-style:normal}
.refresh-hero>div:first-child>p:not(.eyebrow){font-size:19px;line-height:1.7;margin-bottom:28px;color:#555}
.refresh-hero .single-photo{height:640px}
.refresh-hero .single-photo img{height:100%;width:auto;max-width:100%;object-fit:contain}
.refresh-hero .catalogue-crop{width:100%;max-width:650px;margin:0 auto}
.gallery-section{padding:65px 5%;scroll-margin-top:20px}
.gallery-section .wood-section-heading{margin-bottom:30px}
.clear-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;max-width:1440px;margin:auto}
.clear-gallery article{background:#f4f4f1;min-width:0}
.clear-gallery .gallery-image{display:block;width:100%;padding:0;border:0;background:#eee;position:relative;text-align:left;overflow:hidden;cursor:zoom-in}
.clear-gallery .gallery-image>.single-photo{height:auto;aspect-ratio:4/5}
.clear-gallery .gallery-image>.single-photo img{height:100%;width:100%;object-fit:contain}
.clear-gallery .gallery-image .view-label{position:absolute;bottom:12px;right:12px;background:#fffE;color:#111;padding:8px 10px;font-size:12px;letter-spacing:.04em}
.clear-gallery .gallery-text{padding:24px}
.clear-gallery h3{font-size:27px;line-height:1.17;letter-spacing:-.035em;margin:13px 0}
.clear-gallery .gallery-text .eyebrow{font-size:12px;line-height:1.6}
.clear-gallery .gallery-text>p:not(.eyebrow){font-size:16px;color:#555;line-height:1.7}
.clear-gallery .gallery-text .text-link{font-size:13px;display:inline-block;margin-top:18px}
.printing-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}
.printing-gallery>article{grid-column:span 2}
.printing-gallery>article.wide-study{grid-column:span 3}
.printing-gallery .wide-study .gallery-image>.single-photo{aspect-ratio:3/2}
.printing-gallery .star-study .gallery-image>.single-photo img{object-fit:cover;object-position:center 54%}
.acrylic-originals{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1140px}
.acrylic-originals .gallery-image{background:#efefed;display:flex;align-items:center;justify-content:center;min-height:420px}
.acrylic-originals .gallery-image .catalogue-crop{width:100%;max-width:var(--native-width,650px)}
.quality-caption{font-size:13px;line-height:1.7;color:#666;padding:16px 5%;max-width:1440px;margin:auto}
.gallery-section>.quality-caption{padding:18px 0 0}
.other-visual .wood-block>.study-panel{max-width:768px}
.other-visual .wood-presentation>.study-panel{max-width:768px;justify-self:center}
.wood-case-grid{max-width:1180px;margin-left:auto;margin-right:auto}
.catalogue-crop.native-size{max-width:var(--native-width,650px);margin-left:auto;margin-right:auto}
.wood-hero-photo,.other-visual .visual-hero>.catalogue-crop{max-width:650px;justify-self:center}
.expanded-visuals .visual-hero>.board-cell{max-width:512px;justify-self:center}
.pack-pairings{max-width:1500px;margin-left:auto;margin-right:auto}
.studio-visual{padding:65px 5%}
.studio-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
.studio-heading h2{font-size:clamp(40px,4.6vw,66px);line-height:1.04;letter-spacing:-.045em;margin:20px 0 0}
.studio-heading h2 span{color:var(--red)}
.studio-heading>p{max-width:410px;font-size:18px;line-height:1.7;color:#555}
.studio-story{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;background:#f1f1ee}
.studio-story.reverse{grid-template-columns:1fr 1.3fr;margin-top:24px}
.studio-story img{width:100%;height:auto;display:block}
.studio-story .story-copy{padding:40px 10%}
.studio-story h3{font-size:clamp(28px,3vw,44px);line-height:1.12;letter-spacing:-.035em;margin:18px 0}
.studio-story p:not(.eyebrow){font-size:17px;line-height:1.75;color:#555}
.studio-story .text-link{display:inline-block;font-size:13px;margin-top:25px}
.studio-visual .markets{margin-top:30px;max-width:720px}
.image-viewer{width:min(1280px,94vw);max-width:94vw;max-height:92dvh;border:0;padding:0;background:#fff;overflow:auto}
.image-viewer::backdrop{background:#000b}
.image-viewer .viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid #ddd}
.image-viewer h2{font-size:24px;line-height:1.25;letter-spacing:-.025em}
.image-viewer .viewer-close{border:0;background:#fff;font-size:30px;padding:4px 10px;cursor:pointer}
.image-viewer .viewer-media{background:#efefeb;display:flex;justify-content:center}
.image-viewer .viewer-media>.single-photo{width:100%;max-height:68dvh}
.image-viewer .viewer-media img{width:auto;max-height:68dvh;max-width:100%;height:auto;object-fit:contain}
.image-viewer .viewer-media>.catalogue-crop{width:100%;max-width:var(--native-width,650px);flex-shrink:0}
.image-viewer .viewer-media>.catalogue-crop img{height:auto;max-height:none;max-width:none;object-fit:initial}
.image-viewer .viewer-caption{font-size:14px;line-height:1.65;color:#555;padding:20px 24px;margin:0}
.viewer-open{overflow:hidden}
@media(max-width:1150px){.front-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.front-material-card>div:first-child{aspect-ratio:5/4}.material-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.refresh-hero .single-photo{height:540px}.refresh-hero h1{font-size:clamp(40px,5.6vw,66px)}}
@media(max-width:800px){header{height:auto;min-height:90px;display:flex;flex-wrap:wrap;padding:12px 5%;gap:10px 20px}header .brand{width:155px}header .outline{margin-left:auto}header .menu{display:none}header nav,header nav.open{display:flex;position:static;order:3;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:12px 16px;padding:12px 0 3px;box-shadow:none;background:#fff}header nav a{font-size:12px}.material-rail{padding:0;grid-template-columns:repeat(3,minmax(0,1fr))}.material-rail a{font-size:13px;padding:10px 5px;min-height:42px}.refresh-hero{grid-template-columns:1fr}.refresh-hero>div:first-child{padding:35px 6%}.refresh-hero h1{font-size:clamp(44px,10vw,72px)}.refresh-hero .single-photo{height:520px}.clear-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.acrylic-originals{grid-template-columns:1fr;max-width:580px}.studio-heading{display:block}.studio-heading>p{margin-top:25px;max-width:600px}.studio-story,.studio-story.reverse{grid-template-columns:1fr}.studio-story.reverse>img{order:-1}.studio-story .story-copy{padding:35px 7%}.studio-visual{padding:45px 5%}.studio-heading h2{font-size:44px}}
@media(max-width:540px){.front-materials{padding:35px 5%}.front-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.front-material-card .card-title{font-size:18px;padding:15px}.front-material-card>div:first-child{aspect-ratio:4/5}.front-materials .section-label{display:block}.front-materials .section-label a{display:inline-block;margin-top:16px;font-size:12px}.material-index-grid{grid-template-columns:1fr;padding-bottom:40px}.material-index-intro{padding:35px 5% 25px}.material-index-card .index-image{aspect-ratio:4/3}.clear-gallery{grid-template-columns:1fr;gap:28px}.clear-gallery .gallery-image>.single-photo{aspect-ratio:4/5}.gallery-section{padding:45px 5%}.refresh-hero .single-photo{height:460px}.acrylic-originals .gallery-image{min-height:0}.image-viewer .viewer-heading{padding:15px}.image-viewer h2{font-size:20px}.studio-heading h2{font-size:38px}}
@media(min-width:541px) and (max-width:1150px){.front-material-card .catalogue-crop{width:65%}.front-material-card:nth-child(4) .catalogue-crop{width:44%}.front-material-card .board-cell{width:80%}}
@media(max-width:800px){.printing-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.printing-gallery>article{grid-column:auto}.printing-gallery>article.wide-study{grid-column:1/-1}}
@media(max-width:540px){.printing-gallery{grid-template-columns:1fr}.printing-gallery>article,.printing-gallery>article.wide-study{grid-column:auto}.printing-gallery .wide-study .gallery-image>.single-photo{aspect-ratio:3/2}}