
.quality-page .quality-hero .solution-hero-media{background-image:url("assets/images/mobione-wide.webp");background-position:56% center;filter:saturate(.65) contrast(1.13)}
.quality-page .quality-hero .solution-hero-overlay{background:linear-gradient(90deg,rgba(3,3,3,.96) 0%,rgba(3,3,3,.86) 45%,rgba(3,3,3,.26) 78%,rgba(3,3,3,.47) 100%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 52%)}
.quality-page .solution-hero-copy h1{max-width:1160px}
.quality-page .solution-hero-panel{background:rgba(18,18,18,.72)}
.quality-proofbar article strong{font-size:clamp(23px,2.25vw,37px)}
.quality-intro{background:#fff}
.quality-intro-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:95px;align-items:center}
.quality-intro-copy h2{font-size:clamp(45px,4.8vw,78px)}
.quality-intro-copy .lead-copy{font-size:20px;line-height:1.62;color:var(--ink)}
.quality-intro-copy>p:not(.lead-copy):not(.eyebrow){color:#625d56}
.quality-principles{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.quality-principles>div{min-height:175px;padding:23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.quality-principles span{display:block;color:var(--red);font-size:10px;font-weight:700;margin-bottom:38px}
.quality-principles strong{display:block;margin-bottom:8px;font-size:14px}
.quality-principles p{margin:0;color:#69635b;font-size:10px}
.quality-intro-media{position:relative;min-height:720px}
.quality-intro-media figure{margin:0;overflow:hidden}
.quality-intro-media img{width:100%;height:100%;object-fit:cover}
.quality-main-image{position:absolute;inset:0 14% 11% 0}
.quality-small-image{position:absolute;right:0;bottom:0;width:46%;height:43%;border:10px solid #fff}
.quality-intro-media figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;background:rgba(17,17,17,.82);color:#fff;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.traceability-section{background:var(--soft)}
.traceability-section .section-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end}
.traceability-section .section-heading .eyebrow{grid-column:1/-1;margin-bottom:-35px}
.traceability-section .section-heading>p:last-child{color:#625d56;font-size:15px}
.traceability-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.traceability-track article{position:relative;min-height:345px;padding:29px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;overflow:hidden}
.traceability-track article:nth-child(4),.traceability-track article:nth-child(7){background:var(--cream)}
.traceability-track article:nth-child(8){background:var(--red);color:#fff}
.traceability-track span{color:var(--red);font-size:10px;font-weight:700;letter-spacing:.12em}
.traceability-track article:nth-child(8) span{color:var(--cream)}
.traceability-track h3{margin:86px 0 16px;font-size:26px}
.traceability-track p{margin:0;color:#625d56;font-size:11px}
.traceability-track article:nth-child(8) p{color:rgba(255,255,255,.72)}
.control-gates{background:var(--ink);color:#fff}
.control-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:85px;align-items:end;margin-bottom:55px}
.control-heading>p{color:rgba(255,255,255,.67);font-size:16px}
.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}
.control-grid article{min-height:560px;padding:34px;background:#181818;display:flex;flex-direction:column}
.control-grid .control-feature{background:var(--red)}
.control-grid article>span{color:var(--cream);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.control-grid h3{margin:92px 0 22px;font-size:clamp(29px,2.7vw,44px)}
.control-grid ul{margin:auto 0 0;padding:18px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.22)}
.control-grid li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.72);font-size:11px}
.material-quality{background:#fff}
.material-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:95px;align-items:center}
.material-copy>p:not(.eyebrow){color:#625d56;font-size:15px}
.material-copy h2{font-size:clamp(44px,4.7vw,76px)}
.material-board{border:1px solid var(--line);background:var(--soft)}
.material-image{height:410px;overflow:hidden}
.material-image img{width:100%;height:100%;object-fit:cover}
.material-specs{display:grid;grid-template-columns:1fr 1fr}
.material-specs article{min-height:210px;padding:26px;border-top:1px solid var(--line);border-right:1px solid var(--line)}
.material-specs article:nth-child(2n){border-right:0}
.material-specs span{display:block;color:var(--red);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.material-specs strong{display:block;margin:44px 0 10px;font-size:23px}
.material-specs p{margin:0;color:#666057;font-size:10px}
.identity-section{background:var(--cream)}
.identity-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}
.identity-board{min-height:620px;padding:54px;background:#fff;border:1px solid rgba(17,17,17,.2);box-shadow:22px 22px 0 var(--red)}
.identity-photo-board{padding:18px;display:flex;align-items:stretch;justify-content:center;overflow:hidden}
.identity-photo{width:100%;height:100%;min-height:584px;display:block;object-fit:cover;border:1px solid rgba(17,17,17,.14)}
.identity-label{display:grid;grid-template-columns:1fr auto;gap:7px;border-bottom:2px solid var(--ink);padding-bottom:24px}
.identity-label span{font-size:9px;font-weight:700;letter-spacing:.13em}.identity-label strong{grid-column:1/-1;font-size:clamp(31px,3vw,48px);letter-spacing:-.045em}.identity-label i{position:absolute;opacity:0}
.identity-map{display:grid;grid-template-columns:1fr 1fr;margin-top:34px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.identity-map>div{min-height:92px;padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.identity-map span,.identity-map strong{display:block}.identity-map span{margin-bottom:18px;color:#756e65;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.identity-map strong{font-size:13px}
.identity-bars{display:flex;gap:6px;height:82px;margin-top:34px;align-items:stretch}.identity-bars i{flex:1;background:var(--ink)}.identity-bars i:nth-child(3n){flex:.35}.identity-bars i:nth-child(4n){flex:.55}.identity-bars i:nth-child(7n){background:var(--red)}
.identity-copy>p:not(.eyebrow):not(.identity-note){color:#5e5850;font-size:16px}
.identity-list{margin-top:32px;border-top:1px solid rgba(17,17,17,.22)}
.identity-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid rgba(17,17,17,.22)}
.identity-list span{color:var(--red);font-size:9px;font-weight:700}.identity-list p{margin:0;color:#5e5850;font-size:11px}.identity-list strong{color:var(--ink)}
.identity-note{margin-top:24px;padding:15px;border-left:3px solid var(--red);background:rgba(255,255,255,.48);font-size:9px!important;color:#665f57!important}
.system-quality{background:var(--soft)}
.system-quality .section-heading{max-width:1120px}
.quality-tabs{margin-top:55px;border:1px solid var(--line);background:#fff}
.quality-tab-list{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.quality-tab{min-height:78px;padding:14px 18px;border:0;border-right:1px solid var(--line);background:#fff;cursor:pointer;font-size:11px;font-weight:700;text-align:left}.quality-tab:last-child{border-right:0}.quality-tab span{display:block;margin-bottom:8px;color:var(--red);font-size:8px}.quality-tab.active{background:var(--red);color:#fff}.quality-tab.active span{color:var(--cream)}
.quality-panel{display:none;grid-template-columns:1.05fr .95fr;min-height:630px}.quality-panel.active{display:grid}
.quality-panel-media{min-height:630px;background-position:center;background-size:cover}.quality-panel[data-panel="frame"] .quality-panel-media{background-image:url("assets/images/mobione-panorama.webp")}.quality-panel[data-panel="postbeam"] .quality-panel-media{background-image:url("assets/images/hundegger-wide.webp")}.quality-panel[data-panel="glulam"] .quality-panel-media{background-image:url("assets/images/glulam-hero.webp")}.quality-panel[data-panel="loghouse"] .quality-panel-media{background-image:url("assets/images/log-house-profile-check.webp");background-position:center}
.quality-panel-copy{padding:50px;display:flex;flex-direction:column}.quality-panel-copy>span{color:var(--red);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.quality-panel-copy h3{margin:50px 0 20px;font-size:clamp(38px,3.7vw,59px)}.quality-panel-copy p{color:#625d56;font-size:14px}.quality-panel-copy ul{margin:auto 0 0;padding:18px 0 0;list-style:none;border-top:1px solid var(--line)}.quality-panel-copy li{padding:8px 0;color:#5f5951;font-size:11px}
.nonconformity-section{background:var(--ink);color:#fff}
.nonconformity-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:95px;align-items:center}
.nonconformity-copy>p:not(.eyebrow){color:rgba(255,255,255,.68);font-size:17px}
.nonconformity-steps{border-top:1px solid rgba(255,255,255,.22)}
.nonconformity-steps article{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.nonconformity-steps>article>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:var(--cream);font-size:9px;font-weight:700}
.nonconformity-steps strong{display:block;margin-bottom:7px;font-size:16px}.nonconformity-steps p{margin:0;color:rgba(255,255,255,.65);font-size:11px}
.packing-section{background:#fff}
.packing-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:85px;align-items:center}
.packing-gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:340px 340px;gap:10px}.packing-gallery figure{margin:0;overflow:hidden}.packing-gallery .packing-main{grid-row:1/3}.packing-gallery img{width:100%;height:100%;object-fit:cover}
.packing-copy>p:not(.eyebrow){color:#625d56;font-size:16px}
.packing-list{margin-top:35px;border-top:1px solid var(--line)}.packing-list>div{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.packing-list span{color:var(--red);font-size:9px;font-weight:700}.packing-list p{margin:0;color:#655f57;font-size:11px}.packing-list strong{color:var(--ink)}
.quality-contact{background:var(--red);color:#fff}
.quality-contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}
.quality-contact-copy>p:not(.eyebrow){max-width:760px;color:rgba(255,255,255,.73);font-size:16px}.quality-contact-checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.quality-contact-checks span{padding:10px 12px;border:1px solid rgba(255,255,255,.36);font-size:9px;font-weight:700;text-transform:uppercase}
.quality-contact-card{padding:40px;background:var(--ink)}.quality-contact-card>span{color:var(--cream);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.quality-contact-card h3{margin:72px 0 18px;font-size:clamp(34px,3.2vw,52px)}.quality-contact-card p{color:rgba(255,255,255,.66)}.quality-contact-card>div:last-child{display:flex;flex-direction:column;gap:5px;margin-top:25px;font-size:12px}
@media(max-width:1100px){.quality-intro-grid,.material-grid,.identity-grid,.nonconformity-grid,.packing-grid,.quality-contact-grid{grid-template-columns:1fr;gap:55px}.quality-intro-media{min-height:640px}.traceability-section .section-heading,.control-heading{grid-template-columns:1fr}.traceability-section .section-heading .eyebrow{grid-column:auto;margin-bottom:0}.traceability-track,.control-grid{grid-template-columns:repeat(2,1fr)}.quality-panel{grid-template-columns:1fr}.quality-panel-media{min-height:480px;order:-1}.packing-gallery{max-width:900px}.material-copy{max-width:860px}.identity-board{max-width:850px}}
@media(max-width:720px){.quality-page .quality-hero .solution-hero-media{background-position:63% center}.quality-principles{grid-template-columns:1fr}.quality-intro-media{min-height:500px}.quality-main-image{inset:0 8% 10% 0}.quality-small-image{width:52%;height:38%;border-width:6px}.traceability-track,.control-grid{grid-template-columns:1fr}.traceability-track article{min-height:270px}.traceability-track h3{margin-top:58px}.control-grid article{min-height:470px}.control-grid h3{margin-top:60px}.material-specs{grid-template-columns:1fr}.material-specs article{border-right:0}.material-image{height:320px}.identity-board{min-height:auto;padding:24px;box-shadow:10px 10px 0 var(--red)}.identity-photo-board{padding:12px}.identity-photo{min-height:360px}.identity-label strong{font-size:27px}.identity-map{grid-template-columns:1fr}.identity-bars{height:58px}.quality-tab-list{grid-template-columns:1fr 1fr}.quality-tab:nth-child(2){border-right:0}.quality-panel-media{min-height:380px}.quality-panel-copy{padding:30px 23px}.packing-gallery{grid-template-columns:1fr;grid-template-rows:330px 220px 220px}.packing-gallery .packing-main{grid-row:auto}.quality-contact-card{padding:28px}.quality-contact-card h3{margin-top:52px}}
