/* Subject-specific accents; shared composition remains the accepted soil design. */
.material-debris .hero h1{font-size:clamp(64px,7vw,100px);line-height:.99}.material-debris .hero-top{grid-template-columns:1.65fr 1fr}.material-debris .hero h1 span{display:block;font-size:.79em;margin-top:5px;max-width:680px}.material-debris .hero h1 br{display:none}.material-debris .hero-aside{max-width:365px}.material-debris .hero-lead{font-size:clamp(25px,2.5vw,34px)}.material-debris .input-main h3{max-width:400px;font-size:37px}.material-debris .input-icon{display:none}.material-debris .stage-panel{min-height:270px}.material-debris .result-grid h2{font-size:clamp(35px,4.4vw,62px);overflow-wrap:normal}.material-debris .chart-badge{font-size:8px}.specific-note{display:flex;gap:22px;border-top:1px solid #bbc4b0;margin-top:28px;padding-top:25px;max-width:940px}.specific-note>span{font-size:26px;color:#98421f}.specific-note h3{font-size:19px;letter-spacing:-.02em}.specific-note p{font-size:13px;color:#5b6852;margin-top:10px;max-width:790px}.material-concrete .input-main{background:#dce1dd}.material-concrete .result-section{background:#dce1dd}.material-brick .input-main{background:#e6d9c8}.material-brick .input-side{background:#f3eee4}.material-brick .material-samples span{border-color:#bbae99}.material-brick .result-section{background:#e6d9c8}.material-brick .record-behind{background:#c9bca5}.material-brick .scene-photo>img{object-position:45% 52%}.material-concrete .scene-photo>img{object-position:48% 52%}
@media(max-width:1100px){.material-debris .hero-top{grid-template-columns:1.35fr 1fr;gap:40px}.material-debris .hero h1{font-size:75px}.material-debris .hero h1 span{font-size:.75em}}
@media(max-width:820px){.material-debris .hero-top{gap:30px;grid-template-columns:1.3fr 1fr}.material-debris .hero h1{font-size:66px}.material-debris .hero h1 span{font-size:.74em}.material-debris .input-main h3{font-size:30px}.material-debris .result-grid h2{font-size:39px}}
@media(max-width:600px){.material-debris .hero-top{grid-template-columns:1fr;gap:27px}.material-debris .hero h1{font-size:clamp(64px,16vw,84px)}.material-debris .hero h1 span{font-size:.68em;max-width:360px;line-height:1.05}.material-debris .hero h1 br{display:none}.material-debris .hero-aside{max-width:none}.material-debris .hero-lead{font-size:25px}.material-debris .input-main h3{font-size:32px}.material-debris .scene-coordination{max-width:345px}.material-debris .scene-coordination p{font-size:15px}.material-debris .scene-photo{height:400px}.material-debris .result-grid h2{font-size:38px}.material-debris .stage-panel{min-height:360px}.specific-note{gap:13px}.specific-note h3{font-size:18px}.specific-note p{font-size:12px}.material-debris .hero-scene figcaption span:first-child{font-size:8px;letter-spacing:.04em}}
@media(max-width:360px){.material-debris .hero h1{font-size:62px}.material-debris .hero h1 span{font-size:.66em}.material-debris .hero-lead{font-size:23px}.material-debris .input-main h3{font-size:29px}.material-debris .result-grid h2{font-size:35px}}

/* D97: chosen panoramic opening, shared by the three material pages. */
.material-opening{padding-top:0;padding-bottom:0}
.material-opening .breadcrumbs{margin:0;padding:22px 0;font-size:11px}
.material-panorama{position:relative;isolation:isolate;min-height:460px;overflow:hidden;color:#eeeee7;background:#20251d}
.material-panorama-media{position:absolute;inset:0;z-index:-1;margin:0}
.material-panorama-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.material-panorama-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,16,11,.94),rgba(10,16,11,.68) 35%,rgba(10,16,11,0) 76%)}
.material-panorama-copy{padding:40px;width:51%;position:relative}
.material-panorama .panorama-label{font-size:10px;letter-spacing:.12em;color:#e1e4d9;margin:0 0 24px}
.material-panorama h1{font-size:clamp(52px,5.5vw,78px);font-weight:600;letter-spacing:-.055em;line-height:1.02;margin:0;color:#eeeee7}
.material-panorama h1 span{display:block;color:#e1e4d9}
.material-debris .material-panorama h1 span{font-size:.78em;line-height:1.08}
.material-panorama .panorama-description{font-size:15px;line-height:1.65;max-width:410px;margin:22px 0 26px;color:#eeeee7}
.material-panorama .button{padding:16px 21px;min-height:48px;gap:40px;font-size:12px;color:#151614}
.material-panorama .button span{font-size:19px}
.material-panorama .panorama-note{position:absolute;bottom:14px;right:15px;font-size:9px;line-height:1.4;padding:5px 8px;background:#151614b8;color:#fff}
.material-opening + .page-jumps{margin-top:24px}
.material-concrete .material-panorama-media img{object-position:48% 52%}
.material-brick .material-panorama-media img{object-position:45% 52%}
@media(min-width:1500px){.material-panorama{min-height:530px}.material-panorama-copy{padding:48px}}
@media(max-width:900px){.material-panorama-copy{width:63%;padding:32px}.material-panorama h1{font-size:60px}.material-panorama .panorama-description{font-size:14px}.material-panorama-media:after{background:linear-gradient(90deg,rgba(10,16,11,.94),rgba(10,16,11,.72) 45%,rgba(10,16,11,.05) 100%)}}
@media(max-width:600px){.material-opening .breadcrumbs{padding:16px 0;font-size:10px}.material-panorama{min-height:590px}.material-panorama-copy{padding:26px 22px 200px;width:100%}.material-panorama h1{font-size:54px}.material-debris .material-panorama h1 span{font-size:.78em}.material-panorama .panorama-label{font-size:9px;margin-bottom:20px}.material-panorama .panorama-description{font-size:14px;margin:20px 0 24px;max-width:340px}.material-panorama-media:after{background:linear-gradient(180deg,rgba(10,16,11,.96),rgba(10,16,11,.84) 42%,rgba(10,16,11,.1) 82%)}.material-panorama-media img{object-position:56% 70%}.material-panorama .panorama-note{font-size:8px;right:10px;bottom:10px;max-width:calc(100% - 20px)}.material-opening + .page-jumps{margin-top:18px}}
@media(max-width:360px){.material-panorama-copy{padding:24px 18px 180px}.material-panorama h1{font-size:46px}.material-panorama .panorama-description{font-size:13px}.material-panorama .button{padding:15px 17px;gap:24px}.material-panorama{min-height:570px}}


/* D108 — accepted full-width panorama on material pages. */
.material-opening.container{position:relative;width:100%;max-width:none;margin-top:-89.4px;padding:0}
.material-opening .breadcrumbs{position:absolute;top:111px;left:0;z-index:4;width:100%;padding:0 max(4vw,24px);color:#e8e9e0b3;font-size:10px}
.material-opening .breadcrumbs a{color:#e8e9e0b3}.material-opening .breadcrumbs a:hover{color:white}
.material-panorama{min-height:max(640px,100svh);display:flex;align-items:center;overflow:hidden}
.material-panorama-media img{object-position:50% 61%}
.material-panorama-media:after{background:linear-gradient(90deg,rgba(7,13,9,.84) 0%,rgba(7,13,9,.62) 26%,rgba(7,13,9,.19) 59%,rgba(7,13,9,.02) 100%),linear-gradient(180deg,rgba(7,13,9,.75) 0%,rgba(7,13,9,.18) 26%,transparent 62%,rgba(7,13,9,.3) 100%)}
.material-panorama-copy{padding:170px max(4vw,24px) 66px;width:55%;max-width:780px}
.material-panorama .panorama-label{margin-bottom:25px;font-size:10px;letter-spacing:.13em;color:#e4e7db}
.material-panorama h1{font-size:clamp(64px,6.8vw,102px);line-height:.97;letter-spacing:-.052em}
.material-panorama h1 span{color:#eeeee7}
.material-panorama .panorama-description{max-width:365px;font-size:16px;line-height:1.65;margin:26px 0 29px;color:#f0f0e9}
.material-panorama .panorama-note{right:max(4vw,24px);bottom:20px;background:transparent;color:#ecefe2ad;font-size:9px;padding:0}
body:has(.material-opening) .site-header{position:sticky;z-index:30}
body:has(.material-opening) .site-header:not(.is-glass){background:transparent;border-bottom:1px solid #eef1e424;box-shadow:none}
body:has(.material-opening) .site-header:not(.is-glass) .brand-logo--primary{display:none}body:has(.material-opening) .site-header:not(.is-glass) .brand-logo--reverse{display:block}
body:has(.material-opening) .site-header:not(.is-glass) .desktop-nav a{color:#eeeee7}body:has(.material-opening) .site-header:not(.is-glass) .desktop-nav a[aria-current]{color:#efaa7e}
body:has(.material-opening) .site-header:not(.is-glass) .header-cta{color:#eeeee7;border-color:#dce3d26b;background:transparent}
body:has(.material-opening) .site-header:not(.is-glass) .header-cta:hover{background:#eeeee715;border-color:#eeeee7}
body:has(.material-opening) .site-header:not(.is-glass) .mobile-menu{color:#eeeee7;border-color:#eeeee72b}
body:has(.material-opening) .site-header:not(.is-glass):has(.mobile-menu[open]){background:#101911}
body:has(.material-opening) .site-header:not(.is-glass) .mobile-menu nav,body:has(.material-opening) .site-header:not(.is-glass) .mobile-menu nav a{background:#101911;color:#eeeee7}
@media(min-width:1500px){.material-panorama-copy{padding-top:180px}.material-panorama{min-height:max(700px,94svh)}}
@media(max-width:1000px){.material-opening.container{margin-top:-120px}.material-opening .breadcrumbs{top:145px}.material-panorama-copy{padding-top:205px;width:66%}.material-panorama h1{font-size:76px}}
@media(max-width:600px){.material-opening .breadcrumbs{top:142px;padding-inline:20px;font-size:9px}.material-panorama{min-height:max(780px,100svh);align-items:flex-start}.material-panorama-copy{width:100%;padding:194px 20px 290px}.material-panorama h1{font-size:62px}.material-panorama .panorama-label{font-size:9px;margin-bottom:21px}.material-panorama .panorama-description{font-size:14px;max-width:305px;margin:23px 0 25px}.material-panorama-media img{object-position:62% 68%}.material-panorama-media:after{background:linear-gradient(180deg,rgba(7,13,9,.81),rgba(7,13,9,.72) 40%,rgba(7,13,9,.25) 64%,rgba(7,13,9,.06) 84%,rgba(7,13,9,.35)),linear-gradient(90deg,#07100938,transparent)}.material-panorama .panorama-note{right:20px;left:20px;bottom:18px;font-size:8px}.material-opening+.page-jumps{margin-top:22px}}
@media(max-width:360px){.material-panorama h1{font-size:56px}.material-panorama-copy{padding-inline:16px}.material-opening .breadcrumbs{padding-inline:16px}}

@media(max-width:600px){.material-debris .material-panorama h1{font-size:clamp(40px,10.8vw,62px)}}

/* D168: verified audit corrections, preserving the approved composition. */
.material-panorama .panorama-note,.material-debris .hero-scene figcaption{font-size:12px}