
.mg-hero{padding:38px 0 0;background:#f6f6f6}.mg-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:34px 0 54px}.mg-hero h1{font-size:clamp(43px,4.95vw,73px);letter-spacing:-.045em;line-height:1.02;margin:22px 0}.mg-hero h1 span{display:block;font-size:.53em;font-weight:500;letter-spacing:-.035em;margin-top:22px;line-height:1.18}.mg-intro{font-size:20px;line-height:1.7;color:#555;max-width:570px}.mg-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px}.mg-image{position:relative;background:#e5e5e5;min-height:420px;overflow:hidden}.mg-image img{width:100%;height:450px;object-fit:cover;display:block}.mg-image-caption{position:absolute;bottom:0;left:0;right:0;background:#151515;color:#fff;font-size:14px;letter-spacing:.11em;padding:18px 22px}.mg-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d6d6d6}.mg-facts div{padding:25px 25px 25px 0}.mg-facts span{display:block;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:9px}.mg-facts strong{font-size:17px;font-weight:600}.mg-content{display:grid;grid-template-columns:1.6fr 1fr;gap:90px;align-items:start}.mg-prose-section{margin-top:32px}.mg-prose-section h3{font-size:27px;letter-spacing:-.02em;margin-bottom:12px}.mg-prose-section p{color:#555;line-height:1.85}.mg-project{border-top:5px solid #ffd21c}.mg-project ul{padding-left:18px;line-height:2}.mg-project p{color:#555;line-height:1.7}.mg-project .text-link{margin-top:20px}.mg-more{padding:65px 0}.mg-category-guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin:25px 0}.mg-guide-link{display:block;background:#f6f6f6;border:1px solid #dddddd;padding:25px;color:#151515}.mg-guide-link span{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.13em;color:#666}.mg-guide-link strong{display:block;font-size:24px;margin:11px 0}.mg-guide-link em{font-size:14px;font-style:normal}.mg-product-backlink{margin:18px 0;font-weight:600}.mg-preview-tag{background:#ffd21c;color:#151515;text-align:center;font-size:14px;padding:9px 18px}.mg-preview-tag a{text-decoration:underline}.nav-guide-links{border-top:1px solid #ddd;margin-top:16px;padding-top:14px}
@media(max-width:800px){.mg-hero-grid,.mg-content{grid-template-columns:1fr;gap:30px}.mg-hero-grid{padding-top:20px}.mg-image img{height:320px}.mg-image{min-height:320px}.mg-facts{grid-template-columns:1fr}.mg-facts div{padding:16px 0;border-bottom:1px solid #ddd}.mg-hero h1{font-size:50px}.mg-content{gap:35px}.mg-hero{padding-top:20px}}

.catalogue-service-links{display:flex;flex-wrap:wrap;gap:14px 28px}.catalogue-service-links a{display:inline-flex;align-items:center;gap:8px;font-size:14px}.catalogue-service-links a:hover{text-decoration:underline}.catalogue-service-links a:focus-visible{outline:2px solid #8b7100;outline-offset:4px}

/* Shared layout for the four material guide pages. */
.material-guide-page .mg-hero{padding:28px 0 0;background:var(--wash)}
.material-guide-page .breadcrumbs{margin:0;line-height:1.7;overflow-wrap:anywhere}
.material-guide-page .mg-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;padding:32px 0 36px}
.material-guide-page .mg-hero-grid>div{min-width:0}
.material-guide-page .mg-hero .eyebrow{font-size:14px;letter-spacing:.12em;margin-bottom:18px}
.material-guide-page .mg-hero h1{font-size:clamp(43px,4.612vw,61px);line-height:1.1;margin:0 0 18px;text-wrap:balance}
.material-guide-page .mg-lead{font-family:Manrope,Arial,sans-serif;font-size:27px;line-height:1.35;letter-spacing:-.03em;margin-bottom:20px;max-width:24ch;text-wrap:balance}
.material-guide-page .mg-intro{font-size:18px;line-height:1.8;margin-bottom:24px;max-width:56ch}
.material-guide-page .mg-actions{margin:0 0 18px;gap:12px}
.material-guide-page .mg-hero-grid .small{font-size:14px;line-height:1.7;margin:0;max-width:48ch}
.material-guide-page .mg-image{min-height:0;height:auto;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.material-guide-page .mg-image img{width:100%;height:340px;object-fit:contain;padding:20px}
.material-guide-page .mg-image-caption{position:static;background:var(--dark);padding:14px 20px;font-size:14px;line-height:1.6;letter-spacing:.08em}
.material-guide-page .mg-facts{grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:6px;background:#fff;margin-bottom:32px}
.material-guide-page .mg-facts div{padding:20px 24px;min-width:0;border-right:1px solid var(--line)}
.material-guide-page .mg-facts div:last-child{border:0}
.material-guide-page .mg-facts span{font-size:14px;margin-bottom:8px}
.material-guide-page .mg-facts strong{display:block;font-size:16px;line-height:1.6;font-weight:600}
.material-guide-page>.section{padding:48px 0}
.material-guide-page .mg-content{grid-template-columns:minmax(0,1fr) 320px;gap:64px}
.material-guide-page .mg-content>div{min-width:0}
.material-guide-page .mg-content h2,.material-guide-page .section-head h2,.material-guide-page .mg-more h2{font-size:38px;line-height:1.2;margin-bottom:0}
.material-guide-page .mg-prose-section{margin:28px 0 0;padding:28px 0 0 44px;border-top:1px solid var(--line);position:relative}
.material-guide-page .mg-section-number{position:absolute;left:0;top:31px;color:#806800;font-size:14px;font-weight:700;letter-spacing:.08em}
.material-guide-page .mg-prose-section h3{font-size:26px;line-height:1.35;margin-bottom:14px;text-wrap:balance}
.material-guide-page .mg-prose-section p{font-size:17px;line-height:1.85;max-width:70ch;margin:0}
.material-guide-page .mg-content>div>.text-link{margin-top:24px}
.material-guide-page .mg-project{padding:26px;border-top:4px solid var(--gold);position:static}
.material-guide-page .mg-project .eyebrow{font-size:14px;letter-spacing:.1em;line-height:1.7;margin-bottom:16px}
.material-guide-page .mg-project h3{font-size:27px;line-height:1.3}
.material-guide-page .mg-project ul{list-style:none;padding:0;margin:20px 0}
.material-guide-page .mg-project li{font-size:16px;line-height:1.6;padding:12px 0;border-bottom:1px solid var(--line)}
.material-guide-page .mg-project li:first-child{border-top:1px solid var(--line)}
.material-guide-page .mg-project p{font-size:16px;line-height:1.8;margin-bottom:24px}
.material-guide-page .mg-project .text-link{font-size:14px;min-height:44px;margin-top:14px}
.material-guide-page #material-options{scroll-margin-top:110px}
.material-guide-page .section-head{margin-bottom:28px;gap:24px;align-items:end}
.mg-options-grid{display:grid;grid-template-columns:repeat(var(--mg-option-columns,3),minmax(0,1fr));gap:24px}
.mg-option-card{min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.mg-option-image{height:240px;display:flex;justify-content:center;align-items:center;background:white;border-bottom:1px solid var(--line);padding:20px}
.mg-option-image img{width:100%;height:100%;object-fit:contain;display:block}
.mg-option-body{padding:24px;display:flex;flex-direction:column;flex:1;min-width:0}
.mg-option-body h3{font-size:26px;line-height:1.3;letter-spacing:-.03em;margin:0 0 14px}
.mg-option-body p{font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:20px}
.mg-option-body .text-link{align-self:flex-start;margin-top:auto;min-height:44px}
.mg-option-body h3 a:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}
.mg-options-single .mg-option-card{display:grid;grid-template-columns:1fr 1fr}
.mg-options-single .mg-option-image{height:280px;border-bottom:0;border-right:1px solid var(--line)}
.mg-options-single .mg-option-body{justify-content:center;padding:32px}
.mg-options-single .text-link{margin-top:0}
.material-guide-page .mg-more{padding:48px 0 56px}
.material-guide-page .mg-category-guides{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 0}
.material-guide-page .mg-guide-link{padding:24px;border-radius:6px;display:flex;flex-direction:column;min-width:0}
.material-guide-page .mg-guide-link strong{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin:16px 0 24px}
.material-guide-page .mg-guide-link em{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;margin-top:auto;min-height:32px}
.material-guide-page .mg-guide-link em svg{flex-shrink:0}
.material-guide-page .mg-guide-link:hover{border-color:#b49b37;background:#f5f5f3}
@media(max-width:1050px){.material-guide-page .mg-hero-grid{gap:32px}.material-guide-page .mg-content{gap:32px;grid-template-columns:minmax(0,1fr) 300px}.mg-option-body{padding:20px}.mg-option-body h3{font-size:24px}.material-guide-page .mg-hero h1{font-size:48px}}
@media(max-width:800px){.material-guide-page .mg-hero-grid,.material-guide-page .mg-content{grid-template-columns:1fr;gap:28px}.material-guide-page .mg-hero h1{font-size:47px}.material-guide-page .mg-lead{max-width:none}.material-guide-page .mg-image img{height:300px}.material-guide-page .mg-project{max-width:none}.mg-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-options-single{grid-template-columns:1fr}.material-guide-page .mg-category-guides{gap:16px}.material-guide-page .mg-guide-link{padding:20px}.material-guide-page .mg-guide-link strong{font-size:22px}.material-guide-page .mg-facts div{padding:16px;border-bottom:0}}
@media(max-width:560px){.material-guide-page .mg-hero{padding-top:22px}.material-guide-page .mg-hero-grid{padding:26px 0}.material-guide-page .mg-hero h1{font-size:40px}.material-guide-page .mg-lead{font-size:25px}.material-guide-page .mg-intro{font-size:17px}.material-guide-page .mg-actions{flex-direction:column;align-items:stretch}.material-guide-page .mg-image img{height:250px;padding:16px}.material-guide-page .mg-facts{grid-template-columns:1fr;margin-bottom:24px}.material-guide-page .mg-facts div{padding:16px 20px;border-right:0;border-bottom:1px solid var(--line)}.material-guide-page>.section{padding:36px 0}.material-guide-page .mg-content h2,.material-guide-page .section-head h2,.material-guide-page .mg-more h2{font-size:33px}.material-guide-page .mg-prose-section{padding-left:32px;margin-top:24px;padding-top:24px}.material-guide-page .mg-section-number{top:28px}.material-guide-page .mg-prose-section h3{font-size:24px}.material-guide-page .mg-project{padding:24px}.material-guide-page .section-head{align-items:flex-start;flex-direction:column;gap:14px}.mg-options-grid,.material-guide-page .mg-category-guides{grid-template-columns:1fr}.mg-options-single .mg-option-card{display:flex}.mg-options-single .mg-option-image{height:240px;border-right:0;border-bottom:1px solid var(--line)}.mg-options-single .mg-option-body{padding:24px}.material-guide-page .mg-more{padding:36px 0}.material-guide-page .mg-guide-link strong{margin-bottom:18px}}

.material-guide-page .mg-project{border-top:1px solid var(--line);border-left:4px solid var(--gold)}
