/* R16: scoped about section; mobile-only adjustments leave the existing desktop hero intact. */
html.local-style body #about.about-r16{padding:76px max(24px,calc((100vw - 1150px)/2));background:#111312;color:#f2eee5;scroll-margin-top:90px}
#about.about-r16 .about-inner{display:block;max-width:1200px;margin:auto}
#about.about-r16 :is(h2,h3,h4){font-family:Georgia,serif;font-weight:400;line-height:1.15;letter-spacing:-.02em;color:#f2eee5}
#about.about-r16 h2{font-size:clamp(34px,3.8vw,54px);margin:15px 0 20px;max-width:16ch}
#about.about-r16 h3{font-size:clamp(27px,2.7vw,37px);margin:0 0 20px}
#about.about-r16 p{font:16px/1.8 Inter,system-ui,sans-serif;color:#c1c0b8;margin:0 0 16px;max-width:none}
#about .about-intro{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:45px}
#about .about-intro-copy{padding-block:22px}
#about .about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
#about .about-actions a,#about .about-visit a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid #c6a36580;color:#e6ca94;font:500 13px/1.4 Inter,system-ui,sans-serif;text-decoration:none;border-radius:3px}
#about .about-actions a.about-primary{background:linear-gradient(110deg,#e7c78a,#bf9756);border-color:#d5b573;color:#171410}
#about a:hover{filter:brightness(1.15)}#about a:focus-visible{outline:2px solid #e6ca94;outline-offset:4px}
#about .about-concept-photo{position:relative;overflow:hidden;background:#20221e;isolation:isolate}
#about .about-concept-photo{margin:0;aspect-ratio:4/3}
#about .about-concept-photo img{display:block;width:100%;height:100%;object-fit:cover}
#about .about-image-label{position:absolute;bottom:10px;right:10px;padding:4px 8px;background:#111b;color:#e4d5b9;font:11px/1.3 system-ui;border-radius:3px}
#about.about-r16 p.about-disclaimer{font:italic 11px/1.6 Inter,system-ui,sans-serif;color:#a8a59c;margin:12px 0 32px}
#about .about-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;margin:52px 0}
#about .about-process{border-top:1px solid #c6a36555;padding-top:35px;margin:48px 0}
#about .about-process>h3,#about .about-gallery>h3{text-align:center;margin-bottom:32px}
#about .about-process ol{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:0;list-style:none;counter-reset:process}
#about .about-process li{border-right:1px solid #c6a36544;padding-right:20px;counter-increment:process}#about .about-process li:last-child{border:0}
#about .about-process svg{width:42px;height:42px;color:#d9b573;margin-bottom:16px}#about .about-process h4{font-size:25px;margin:0 0 12px}#about .about-process h4:before{content:counter(process,decimal-leading-zero) ' ';color:#d9b573;font-size:18px}
#about .about-process p{font-size:14px}
#about .about-gallery>div{display:grid;grid-template-columns:1.15fr .9fr 1.05fr;gap:16px}
#about .about-visit{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;border-top:1px solid #c6a36555;margin-top:48px;padding-top:40px}
#about .about-visit address{font:14px/1.7 Inter,system-ui,sans-serif;color:#d9c7a4;margin:20px 0}
#about .about-transport{background:#1b1d19;border:1px solid #c6a36540;padding:28px}#about .about-transport svg{width:44px;height:34px;color:#d9b573;margin-bottom:24px}
#about .about-transport .about-terms{font-size:13px;color:#b3ac9e}
#about .about-final{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #c6a36588;padding:28px;margin-top:48px}#about .about-final h3{margin-bottom:10px}#about .about-final p{font-size:14px;margin-bottom:0}#about .about-final .about-actions{margin:0;flex-shrink:0}
html.local-style body #why-majdi .why-majdi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html.local-style body #why-majdi .why-majdi-card{padding:26px;border:1px solid #c6a36535;background:#171914}
@media(max-width:767px){
 html.local-style body #hero{min-height:auto!important;padding:120px 20px 50px!important}
 html.local-style body #hero .hero-copy{width:100%!important;max-width:none!important}
 html.local-style body #hero h1{font-size:clamp(35px,9vw,43px)!important;line-height:1.08!important;max-width:100%!important;margin-bottom:22px!important}
 html.local-style body #hero .hero-description{font-size:16px!important;line-height:1.65!important;max-width:34ch!important}
 html.local-style body #hero .hero-benefits{position:static!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:0!important;margin-top:32px!important;padding:0!important}
 html.local-style body #hero .hero-benefits>div{display:flex!important;justify-content:flex-start!important;gap:15px!important;width:100%!important;padding:14px 0!important;border:0!important;border-bottom:1px solid #c6a36544!important}
 html.local-style body #hero .hero-benefits>div:last-child{border-bottom:0!important}
 html.local-style body #hero .hero-benefits p{font-size:14px!important;line-height:1.5!important;white-space:normal!important;margin:0!important}
 html.local-style body #hero .hero-benefits br{display:none}
 html.local-style body #hero .hero-benefits span{width:30px;flex:0 0 30px;font-size:29px!important;text-align:center}
 html.local-style body #materials{padding-inline:16px!important}
 html.local-style body #materials .collection-heading h2{font-size:clamp(27px,7.1vw,32px)!important;line-height:1.15!important;max-width:100%!important}
 html.local-style body #materials .collection-heading>p{font-size:14px!important;line-height:1.65!important}
 html.local-style body #material-list{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
 html.local-style body .material-card>div{padding:19px!important}
 html.local-style body .material-detail-photo img{height:auto!important;aspect-ratio:4/3;object-fit:cover}
 html.local-style body .material-card h3{font-size:27px!important;min-height:0!important}
 html.local-style body .material-card .material-kind{font-size:11px!important}
 html.local-style body .material-card p{font-size:16px!important;line-height:1.6!important}
 html.local-style body .material-card .reference-price-note{font-size:12px!important;line-height:1.6!important}
 html.local-style body .material-detail-link{font-size:12px!important;min-height:46px!important;margin-top:16px!important}
 html.local-style body .whatsapp-btn{width:48px!important;height:48px!important;right:12px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;padding:11px!important}
 html.local-style body .whatsapp-btn svg{width:25px!important;height:25px!important}
 html.local-style body #about.about-r16{padding:40px 20px!important}
 #about .about-intro,#about .about-story,#about .about-visit{grid-template-columns:1fr!important;gap:26px}
 #about .about-intro-copy{padding:0}#about.about-r16 h2{font-size:35px;max-width:100%}#about.about-r16 h3{font-size:28px}#about.about-r16 p{font-size:15px}
 #about .about-story{margin:32px 0}#about .about-story>div:last-child{order:-1}
 #about .about-process ol{grid-template-columns:1fr;gap:0}#about .about-process li{display:grid;grid-template-columns:40px 1fr;column-gap:16px;border:0;border-bottom:1px solid #c6a36544;padding:20px 0}#about .about-process li svg{grid-row:span 2;width:34px;height:34px;margin:0}#about .about-process li h4{font-size:23px}#about .about-process li p{font-size:14px;margin:0}
 #about .about-gallery>div{grid-template-columns:1fr;gap:14px}#about .about-visit{gap:30px;margin-top:30px;padding-top:30px}#about .about-transport{padding:22px}
 #about .about-final{display:block;padding:23px;margin-top:30px}#about .about-final .about-actions{margin-top:20px}#about .about-actions a{flex:1 1 auto}
 html.local-style body #why-majdi .why-majdi-grid{grid-template-columns:1fr!important;gap:14px}
}

#about .about-concept-photo.about-uploaded{aspect-ratio:4/3}#about .about-concept-photo.about-uploaded img{position:static;width:100%!important;height:100%!important;object-fit:cover}