/* Materials hub: use the product hub's compact dark banner and direct section entry. */
body.page-id-17 .sst-structure-crumb,
body.page-id-17 .mg-section-nav{display:none!important}
body.page-id-17 .sst-materials-guide .mg-hero{position:relative;isolation:isolate;background:#111;padding:0;overflow:hidden;margin:0}
body.page-id-17 .mg-hero .mg-hero-grid{position:static;display:block;width:min(80rem,calc(100% - 2rem));margin:0 auto}
body.page-id-17 .mg-hero .mg-hero-grid>div:first-child{position:relative;z-index:2;padding:32px 0;max-width:55%}
body.page-id-17 .mg-hero .mg-kicker{color:#f7c440;margin-bottom:12px;font-size:13px}
body.page-id-17 .mg-hero h1{color:#fff;font-size:clamp(32px,3vw,48px);line-height:1.2;letter-spacing:0;margin:0}
body.page-id-17 .mg-hero .mg-lead{color:#f1f1f1;font-size:15px;line-height:1.8;margin-top:16px;max-width:640px}
body.page-id-17 .mg-hero .mg-actions{margin-top:20px;gap:12px}
body.page-id-17 .mg-hero :is(.mg-button,.mg-outline){min-height:44px;padding:10px 18px;font-size:14px}
body.page-id-17 .mg-hero .mg-outline{color:#fff;border-color:#b6b6b6;background:transparent}
body.page-id-17 .mg-hero .mg-outline:hover{background:#ffffff15}
body.page-id-17 .mg-hero .mg-hero-grid>div:first-child>.mg-note{color:#f1f1f1;margin-top:16px;font-size:13px}
body.page-id-17 .mg-hero .mg-hero-board{position:absolute;inset:0 0 0 auto;width:58%;height:100%;border:0;border-radius:0;box-shadow:none;margin:0;padding:0;background:#fff;z-index:0}
body.page-id-17 .mg-hero :is(.mg-board-title,.mg-three){display:none}
body.page-id-17 .mg-hero .mg-hero-pictures{height:calc(100% - 38px);padding:26px 24px 26px 19%;gap:12px;align-items:center}
body.page-id-17 .mg-hero .mg-hero-pictures img{width:100%;height:100%;object-fit:contain}
body.page-id-17 .mg-hero .mg-hero-board>.mg-note{position:absolute;bottom:0;right:0;left:0;min-height:38px;margin:0;padding:10px 18px;text-align:right;font-size:11px;line-height:1.6;color:#333;background:#fff}
body.page-id-17 .mg-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#111 0%,#111 35%,rgba(17,17,17,.93) 47%,rgba(17,17,17,.22) 75%,rgba(17,17,17,0) 100%)}
@media(min-width:768px){body.page-id-17 .sst-materials-guide .mg-hero{min-height:400px;display:flex;align-items:center}}
@media(max-width:767px){
 body.page-id-17 .mg-hero .mg-hero-grid{display:flex;flex-direction:column}
 body.page-id-17 .mg-hero .mg-hero-grid>div:first-child{max-width:none;padding:30px 0}
 body.page-id-17 .mg-hero .mg-hero-board{position:relative;width:calc(100% + 2rem);margin:0 -1rem;height:auto;order:-1}
 body.page-id-17 .mg-hero .mg-hero-pictures{height:auto;aspect-ratio:16/7;padding:18px 16px;gap:8px}
 body.page-id-17 .mg-hero .mg-hero-board>.mg-note{position:static;text-align:center}
 body.page-id-17 .mg-hero::after{display:none}
 body.page-id-17 .mg-hero h1{font-size:32px}
}