/* The homepage's type, palette and compact artwork applied to the catalog. */
.navigation-page .page-intro{padding:32px 0 0;margin-bottom:36px}
.navigation-page .breadcrumbs{font-size:13px;margin-bottom:16px}
.navigation-page .page-intro h1{font-size:40px;font-weight:600;line-height:1.12;max-width:none}
.navigation-page .page-intro .lead{font-size:18px;line-height:1.45;max-width:920px;margin:16px 0 0}
.navigation-page .anchors{display:flex;flex-wrap:wrap;gap:14px 28px;font-size:16px;line-height:1.4;margin-top:20px}
.navigation-page .anchors a{position:relative;padding:4px 0 6px;border:0}
.navigation-page .anchors a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.navigation-page .anchors a:hover::after,.navigation-page .anchors a:focus-visible::after{transform:scaleX(1)}
.navigation-page .section{margin:36px 0}
.navigation-page .section-head{margin-bottom:20px;align-items:center;gap:14px}
.navigation-page .section-head h2{font-size:32px;line-height:1.15;margin:0}
.navigation-page .types-section .section-head::before,.navigation-page .materials-section .section-head::before{content:"";width:28px;height:3px;flex:none;background:var(--accent);border-radius:2px}
.navigation-page .types-section .section-head,.navigation-page .materials-section .section-head{justify-content:flex-start}
.navigation-page .taxonomy{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.navigation-page .catalog-card{min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:white;scroll-margin-top:12px;transition:border-color .18s}
.navigation-page .catalog-card:hover{border-color:var(--accent)}
.navigation-page .catalog-art{height:132px;padding:12px 20px;background:var(--paper)}
.navigation-page .catalog-art img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;border-radius:0}
.navigation-page .catalog-copy{padding:16px 18px 18px}
.navigation-page .catalog-card h3{font-size:20px;line-height:1.2;margin:0 0 8px}
.navigation-page .catalog-card p{font-size:16px;line-height:1.4;margin:0 0 10px}
.navigation-page .catalog-card small{display:block;font-size:13px;line-height:1.35;color:#4d6863}
.navigation-page .material-showcase{display:grid;grid-template-columns:.85fr 2.15fr;gap:20px;padding:20px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}
.navigation-page .material-feature{display:flex;flex-direction:column;justify-content:center;padding:28px 24px;border-radius:18px;background:var(--deep);color:white;overflow:hidden}
.navigation-page .material-feature h3{font-size:26px;line-height:1.15;color:white;margin:20px 0 12px}
.navigation-page .material-feature p{font-size:16px;line-height:1.4;margin:0;color:#e3eeeb}
.navigation-page .material-layers{height:156px;position:relative;flex:none;margin-top:12px}
.navigation-page .material-layers span{position:absolute;width:74%;height:94px;left:8%;border-radius:9px;transform:rotate(-15deg);box-shadow:0 8px 16px #00273225;border:1px solid #ffffff4d}
.navigation-page .material-layers span:nth-child(1){top:0;left:18%;background:#9db7b4}
.navigation-page .material-layers span:nth-child(2){top:26px;left:12%;background:#e5e7e2}
.navigation-page .material-layers span:nth-child(3){top:52px;background:var(--accent);border-color:#e69b7e}
.navigation-page .material-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.navigation-page .material-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:14px;background:white}
.navigation-page .material-item h3{font-size:19px;line-height:1.2;margin:0 0 8px}
.navigation-page .material-item p{font-size:15px;line-height:1.4;margin:0 0 6px}
.navigation-page .material-item small{display:block;font-size:12px;line-height:1.35;color:#58706d;margin-top:8px}
.navigation-page .material-sample{height:64px;margin-top:2px;border:1px solid #00273220;border-radius:8px;box-shadow:3px 3px 0 #00273212}
.navigation-page .sample-stainless{background:linear-gradient(115deg,#b4bcb8,#e6e9e6 45%,#a8b3b0)}
.navigation-page .sample-coated{background:var(--petrol)}
.navigation-page .sample-acrylic{background:linear-gradient(120deg,#dae8e6aa,#ffffffb3);border-color:#b8d0ca;box-shadow:4px 4px 0 #a5c6c04d}
.navigation-page .sample-composite{background:#607875;border-right:3px solid #bfc9c6}
.navigation-page .sample-pvc{background:#efeee8;border-right:3px solid #d6d7cf}
.navigation-page .sample-mdf{background:#bda17b;border-right:3px solid #997c59}
.navigation-page .material-note{font-size:13px;line-height:1.4;color:#58706d;max-width:1060px;margin:14px 0 0}
.navigation-page .project-callout{padding:24px;border:1px solid #edc9b9;border-radius:18px;background:#fff5ee}
.navigation-page .project-callout .body-copy{font-size:18px;line-height:1.4;margin:0;max-width:850px}
.navigation-page .project-callout .actions{margin-top:18px}
@media(max-width:1050px){
 .navigation-page .taxonomy{grid-template-columns:repeat(3,minmax(0,1fr))}
 .navigation-page .material-showcase{grid-template-columns:1fr;padding:18px}
 .navigation-page .material-feature{display:grid;grid-template-columns:180px minmax(0,1fr);gap:0 24px;align-items:center;padding:20px 24px}
 .navigation-page .material-layers{grid-row:1/3;height:140px;margin:0}
 .navigation-page .material-feature h3{margin:0 0 12px}
}
@media(max-width:680px){
 .navigation-page .page-intro{padding-top:24px;margin-bottom:28px}
 .navigation-page .page-intro h1{font-size:28px}
 .navigation-page .page-intro .lead{font-size:16px;margin-top:12px}
 .navigation-page .breadcrumbs{font-size:12px;margin-bottom:12px}
 .navigation-page .anchors{font-size:15px;gap:8px 20px;margin-top:16px}
 .navigation-page .section{margin:28px 0}
 .navigation-page .section-head{display:flex;margin-bottom:16px;gap:10px}
 .navigation-page .section-head h2{font-size:26px;line-height:1.15}
 .navigation-page .taxonomy{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .navigation-page .catalog-art{height:108px;padding:10px}
 .navigation-page .catalog-copy{padding:12px}
 .navigation-page .catalog-card h3{font-size:18px;margin-bottom:8px}
 .navigation-page .catalog-card p{font-size:15px;line-height:1.4;margin-bottom:8px}
 .navigation-page .catalog-card small{font-size:12px}
 .navigation-page .material-showcase{padding:14px;gap:14px;border-radius:18px}
 .navigation-page .material-feature{display:block;padding:20px}
 .navigation-page .material-layers{height:120px;width:180px;margin:0 auto 10px}
 .navigation-page .material-layers span{height:70px}
 .navigation-page .material-layers span:nth-child(2){top:20px}
 .navigation-page .material-layers span:nth-child(3){top:40px}
 .navigation-page .material-feature h3{font-size:24px;margin-bottom:12px}
 .navigation-page .material-list{grid-template-columns:1fr;gap:10px}
 .navigation-page .material-item{grid-template-columns:42px minmax(0,1fr);padding:16px;gap:12px}
 .navigation-page .material-item h3{font-size:18px}
 .navigation-page .material-sample{height:56px}
 .navigation-page .project-callout{padding:20px}
 .navigation-page .project-callout .body-copy{font-size:16px}
}
@media(max-width:375px){.navigation-page .catalog-copy{padding:10px}.navigation-page .catalog-card h3{font-size:16px}.navigation-page .catalog-card p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.navigation-page .anchors a::after,.navigation-page .catalog-card{transition:none}}