/* Unified photographic hero and the two following sections. Contact controls untouched. */
.hero-unified{position:relative;isolation:isolate;overflow:hidden;background:#eee8dd}
.hero-unified>.wrap{position:static;display:block;width:min(1280px,calc(100% - 80px));padding:76px 0 80px;min-height:670px}
.hero-unified .hero-copy{display:block;position:relative;z-index:2;width:46%;padding:0}
.hero-unified .hero-visual{position:absolute;z-index:0;right:0;bottom:0;width:63%;height:100%;max-width:none;margin:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:flex-end}
.hero-unified .hero-visual img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:right bottom;mask-image:linear-gradient(to right,transparent 0%,#000 24%,#000 97%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 90%,transparent 100%);mask-composite:intersect;border-radius:0}
.hero-unified:after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#f3efe6 0%,#f3efe6ee 29%,#f3efe600 63%)}
.hero-unified h1{font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-1.8px;margin:0}
.hero-unified .eyebrow{font-size:10px;letter-spacing:1.6px;margin:0 0 25px;line-height:1.6}
.hero-unified .hero-copy>p{font-size:16px;line-height:1.8;margin:25px 0;max-width:510px}
.hero-unified .chips{display:flex;flex-wrap:wrap;gap:4px 18px;margin:24px 0 28px}
.hero-unified .chip{font-size:11px;margin:0;padding:5px 0}
.hero-unified .actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-unified .actions .btn{flex:none;width:auto;padding:14px 20px;font-size:12px}
#about.cred{padding:76px 0;background:#fafbf7;border-bottom:0}
#about .cred-grid{grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}
#about .section-title{font-size:clamp(32px,3vw,44px);max-width:550px}
#about .lead{font-size:15px;line-height:1.85;margin-bottom:0}
#about .proofs{gap:20px 28px}
#about .proof{padding:20px 0 12px}
#about .proof b{font-size:21px}
#about .cap-grid{gap:28px;margin-top:42px;padding-top:6px}
#about .cap{background:transparent;border-radius:0;padding:22px 0 0}
#about .cap h3{font-size:17px}
.home-materials{background:#f0f3eb;padding:76px 0}
.home-materials .section-head{max-width:760px;margin-bottom:36px}
.home-materials .product{border-radius:0;border:1px solid #e1e6db}
.home-materials .body{padding:24px}
@media(min-width:601px) and (max-width:1000px){
 .hero-unified>.wrap{width:calc(100% - 56px);min-height:570px;padding:48px 0}
 .hero-unified .hero-copy{width:49%}
 .hero-unified h1{font-size:clamp(30px,4.2vw,42px);letter-spacing:-1px}
 .hero-unified .hero-copy>p{font-size:14px;line-height:1.8;margin:22px 0}
 .hero-unified .eyebrow{font-size:9px;margin-bottom:20px}
 .hero-unified .hero-visual{width:60%;height:100%;align-items:center}
 .hero-unified .hero-visual img{object-fit:contain;object-position:right center}
 .hero-unified .actions .btn{padding:12px 14px}
 #about.cred,.home-materials{padding:56px 0}
 #about .cred-grid{grid-template-columns:1fr;gap:30px}
 #about .cred-grid>div:first-child{max-width:680px}
 #about .proofs{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
 #about .proof b{font-size:18px}
 #about .cap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .home-materials .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media(max-width:600px){
 .hero-unified>.wrap{width:calc(100% - 40px);padding:32px 0 0;min-height:0}
 .hero-unified .hero-copy{width:100%;max-width:460px}
 .hero-unified h1{font-size:clamp(31px,8.2vw,42px);letter-spacing:-1px;line-height:1.1}
 .hero-unified .eyebrow{font-size:9px;margin-bottom:18px;letter-spacing:1.2px}
 .hero-unified .hero-copy>p{font-size:14px;line-height:1.75;margin:18px 0;max-width:450px}
 .hero-unified .chips{gap:2px 13px;margin:16px 0 18px}
 .hero-unified .chip{font-size:10px}
 .hero-unified .actions{gap:10px;flex-wrap:nowrap}
 .hero-unified .actions .btn{font-size:11px;padding:12px 9px;flex:1;min-height:46px}
 /* Keep the full image in document flow, below buttons at every text height. */
 .hero-unified .hero-visual{position:relative;display:block;width:calc(100% + 40px);height:auto;max-width:none;right:auto;bottom:auto;margin:24px -20px 0}
 .hero-unified .hero-visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;-webkit-mask-image:none;mask-image:none}
 .hero-unified:after{display:none}
 #about.cred,.home-materials{padding:46px 0}
 #about .cred-grid{grid-template-columns:1fr;gap:25px}
 #about .section-title,.home-materials .section-title{font-size:32px;line-height:1.15;letter-spacing:-1px}
 #about .lead{font-size:14px;line-height:1.8}
 #about .proofs{grid-template-columns:1fr 1fr;gap:10px 20px}
 #about .proof{padding:16px 0 10px}
 #about .proof b{font-size:18px;margin-bottom:7px}
 #about .proof span{font-size:12px}
 #about .cap-grid{grid-template-columns:1fr 1fr;gap:24px 20px;margin-top:24px}
 #about .cap h3{font-size:16px;line-height:1.35}
 #about .cap p{font-size:13px;line-height:1.7}
 .home-materials .section-head{text-align:left;margin-bottom:26px}
 .home-materials .section-head p{font-size:14px;line-height:1.8}
 .home-materials .product-grid{grid-template-columns:1fr 1fr;gap:18px 12px}
 .home-materials .body{padding:16px 12px}
 .home-materials .body h3{font-size:16px;line-height:1.3}
 .home-materials .body p{font-size:12px;line-height:1.7}
 .home-materials .product-link{font-size:11px}
}