/* SAAJI Interiors / Shahrak Gharb Project — v1.0.0. Applies only to this project. */
.saaji-sg-page{--sg-night:#091b15;--sg-forest:#10271f;--sg-ink:#182a23;--sg-gold:#c99c63;--sg-lightgold:#eac18c;--sg-paper:#f8f6f1;--sg-oat:#ece7df;--sg-muted:#627069;background:var(--sg-paper);color:var(--sg-ink);overflow:clip;width:100%}
.saaji-sg-page *{box-sizing:border-box}
.saaji-sg-page .wp-block-group{margin-block:0;min-width:0}
.saaji-sg-page .wp-block-image{margin:0}
.saaji-sg-page img{max-width:100%;height:auto;display:block}
.saaji-sg-page .saaji-sg-wrap{width:min(1180px,calc(100% - 72px));margin-inline:auto}
.saaji-sg-page p{margin:0}
.saaji-sg-page h1,.saaji-sg-page h2,.saaji-sg-page h3{font-family:var(--serif,Georgia,serif);letter-spacing:-.045em;line-height:1.09;font-weight:400;margin:0}
.saaji-sg-page .saaji-sg-eyebrow{font:800 10px/1.7 var(--sans,Arial,sans-serif);letter-spacing:.22em;color:var(--sg-gold);text-transform:uppercase;margin-bottom:24px}
.saaji-sg-page .saaji-sg-section-title{font-size:clamp(42px,4.6vw,69px);color:#142921;max-width:880px}
.saaji-sg-page .saaji-sg-section-lead{font-size:14px;line-height:1.95;color:#576960;max-width:730px;margin:22px 0 46px}
/* Hero */
.saaji-sg-page .saaji-sg-hero{background:radial-gradient(ellipse at 80% 28%,#264034 0%,#0d241c 44%,#071914 100%);color:#fff7ec;position:relative}
.saaji-sg-page .saaji-sg-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.09;background:repeating-linear-gradient(90deg,transparent,transparent 108px,#c9ad83 109px)}
.saaji-sg-page .saaji-sg-hero-grid{position:relative;display:grid;grid-template-columns:.97fr 1.03fr;align-items:center;gap:70px;min-height:660px;padding-block:90px 100px}
.saaji-sg-page .saaji-sg-main-title{font-size:clamp(51px,5.1vw,77px);line-height:1.08;color:#fff9ef;margin-bottom:23px;max-width:620px}
.saaji-sg-page .saaji-sg-hero-lead{font-size:14px;line-height:1.93;color:#cddcd2;max-width:495px;margin:0 0 29px}
.saaji-sg-page .saaji-sg-hero-facts{margin-top:52px;color:var(--sg-lightgold);font-size:10px;letter-spacing:.16em;font-weight:700;line-height:2}
.saaji-sg-page .saaji-sg-hero-image-panel{position:relative;padding:11px;border:1px solid rgba(224,183,118,.52);box-shadow:0 32px 100px #0005;background:rgba(255,255,255,.03)}
.saaji-sg-page .saaji-sg-hero-photo img{width:100%;height:485px;object-fit:cover;object-position:center 47%}
.saaji-sg-page .saaji-sg-hero-tag{position:absolute;bottom:-17px;right:-16px;background:#dcb077;padding:19px 20px;box-shadow:0 14px 35px #0004}
.saaji-sg-page .saaji-sg-hero-photo-caption{font:800 9px/1.4 var(--sans,Arial,sans-serif);letter-spacing:.12em;color:#163024}
/* Buttons */
.saaji-sg-page .saaji-sg-buttons{display:flex;flex-wrap:wrap;gap:12px}
.saaji-sg-page .wp-block-button{margin:0}
.saaji-sg-page .wp-block-button__link{display:inline-flex;min-height:46px;padding:14px 18px;align-items:center;justify-content:center;font-family:var(--sans,Arial,sans-serif);font-size:10px;font-weight:800;line-height:1.3;letter-spacing:.085em;border:1px solid #d5aa73;color:#eac292;background:transparent;border-radius:0!important;text-decoration:none;box-shadow:none;transition:background .2s ease,color .2s ease}
.saaji-sg-page .saaji-sg-primary .wp-block-button__link{background:#e3b77d;color:#1b2a21;border-color:#e3b77d}
.saaji-sg-page .wp-block-button__link:hover{background:#f3d4a6;color:#11261c;border-color:#f3d4a6}
/* Overview and data */
.saaji-sg-page .saaji-sg-overview{padding:105px 0 95px;background:var(--sg-paper)}
.saaji-sg-page .saaji-sg-intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:85px}
.saaji-sg-page .saaji-sg-intro-lead{font-size:17px;line-height:1.9;color:#2e493d;margin-bottom:20px}
.saaji-sg-page .saaji-sg-intro-copy{font-size:13px;line-height:1.95;color:#627069}
.saaji-sg-page .saaji-sg-facts{background:#e9e3d9;border-block:1px solid #ded3c4;padding:20px 0}
.saaji-sg-page .saaji-sg-fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.saaji-sg-page .saaji-sg-fact{padding:15px 27px;border-right:1px solid #ccbcaa}
.saaji-sg-page .saaji-sg-fact:first-child{padding-left:0}
.saaji-sg-page .saaji-sg-fact:last-child{border-right:none}
.saaji-sg-page .saaji-sg-fact-label{font:800 9px/1.8 var(--sans,Arial,sans-serif);letter-spacing:.16em;color:#9c703c;margin-bottom:6px}
.saaji-sg-page .saaji-sg-fact-value{font-size:13px;font-weight:700;line-height:1.6;color:#2a3b32}
/* Gallery */
.saaji-sg-page .saaji-sg-concept{background:var(--sg-oat);padding:110px 0 120px}
.saaji-sg-page .saaji-sg-two-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.saaji-sg-page .saaji-sg-card{background:#fff;border:1px solid #ded5ca;box-shadow:0 19px 45px rgba(26,35,29,.07);overflow:hidden}
.saaji-sg-page .saaji-sg-card-image img{display:block;width:100%;aspect-ratio:1.3;object-fit:cover;object-position:center}
.saaji-sg-page .saaji-sg-card-details{padding:20px 23px 23px;background:#fff}
.saaji-sg-page .saaji-sg-card-label{font-size:9px;color:#b17f42;letter-spacing:.16em;font-weight:800;line-height:1.5;margin-bottom:7px}
.saaji-sg-page .saaji-sg-card-caption{font-size:13px;line-height:1.75;color:#3c4b43}
/* Installation progress */
.saaji-sg-page .saaji-sg-process{background:linear-gradient(135deg,#0a1d17,#142f25);color:#fff8ed;padding:107px 0 120px}
.saaji-sg-page .saaji-sg-process .saaji-sg-section-title{color:#fff8ed}
.saaji-sg-page .saaji-sg-process .saaji-sg-section-lead{color:#c6d2c8}
.saaji-sg-page .saaji-sg-three-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.saaji-sg-page .saaji-sg-process .saaji-sg-card{border:1px solid rgba(220,183,126,.35);background:#13291f}
.saaji-sg-page .saaji-sg-three-gallery .saaji-sg-card-image img{aspect-ratio:.88;object-fit:cover;object-position:center}
.saaji-sg-page .saaji-sg-process .saaji-sg-card-details{background:#173126}
.saaji-sg-page .saaji-sg-process .saaji-sg-card-caption{color:#e3e7dd}
/* Final result */
.saaji-sg-page .saaji-sg-finished{background:#f9f7f2;padding:106px 0 120px}
.saaji-sg-page .saaji-sg-finished-feature{position:relative;margin:38px 0 25px;border:1px solid #c7b69e;background:#1b2c24;overflow:hidden}
.saaji-sg-page .saaji-sg-completed-photo img{width:100%;height:650px;object-fit:cover;object-position:center 58%}
.saaji-sg-page .saaji-sg-completed-stamp{position:absolute;left:0;bottom:0;background:#0c2219;padding:18px 24px}
.saaji-sg-page .saaji-sg-featured-label{color:#e6bd85;font-size:10px;font-weight:800;letter-spacing:.12em}
.saaji-sg-page .saaji-sg-four-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.saaji-sg-page .saaji-sg-four-gallery .saaji-sg-card-image img{aspect-ratio:1.25;object-fit:cover;object-position:center 42%}
/* Details */
.saaji-sg-page .saaji-sg-details{background:#ede8e0;padding:104px 0 115px}
.saaji-sg-page .saaji-sg-details .saaji-sg-section-title{max-width:850px;margin-bottom:44px}
.saaji-sg-page .saaji-sg-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d3c7b9;border:1px solid #d3c7b9}
.saaji-sg-page .saaji-sg-detail-card{background:#f8f6f1;min-height:260px;padding:29px 25px}
.saaji-sg-page .saaji-sg-detail-num{font-size:11px;color:#ae8050;margin:0 0 30px}
.saaji-sg-page .saaji-sg-detail-title{font-size:30px;line-height:1.2;color:#1c3128;margin-bottom:15px}
.saaji-sg-page .saaji-sg-detail-copy{font-size:12px;line-height:1.85;color:#65736b}
/* CTA + navigation */
.saaji-sg-page .saaji-sg-cta{background:radial-gradient(circle at 60% 10%,#20382d,#092019 68%);padding:100px 0;color:white}
.saaji-sg-page .saaji-sg-cta-inner{max-width:800px;display:flex;flex-direction:column;align-items:center;text-align:center}
.saaji-sg-page .saaji-sg-cta .saaji-sg-section-title{color:#fff9ed;max-width:790px}
.saaji-sg-page .saaji-sg-cta-description{font-size:14px;line-height:1.9;color:#c7d4c9;margin:24px 0 30px;max-width:610px}
.saaji-sg-page .saaji-sg-bottom-nav{padding:0 0 52px;background:#092019;text-align:center;font-size:12px}
.saaji-sg-page .saaji-sg-bottom-nav a{display:inline-block;color:#e7bd7f;border-bottom:1px solid #cfad77;padding-bottom:8px}
.saaji-sg-page :is(#saaji-sg-overview,#saaji-sg-process,#saaji-sg-completed){scroll-margin-top:110px}
/* Older WordPress revisions sometimes insert inner containers. */
.saaji-sg-page :is(.saaji-sg-wrap,.saaji-sg-hero-grid,.saaji-sg-intro-grid,.saaji-sg-fact-grid,.saaji-sg-two-gallery,.saaji-sg-three-gallery,.saaji-sg-four-gallery,.saaji-sg-details-grid,.saaji-sg-buttons) > .wp-block-group__inner-container{display:contents!important}
@media(max-width:1100px){
 .saaji-sg-page .saaji-sg-hero-grid{gap:42px;min-height:600px}
 .saaji-sg-page .saaji-sg-main-title{font-size:clamp(47px,5.3vw,68px)}
 .saaji-sg-page .saaji-sg-hero-photo img{height:430px}
 .saaji-sg-page .saaji-sg-intro-grid{gap:48px}
 .saaji-sg-page .saaji-sg-detail-card{padding:25px 19px;min-height:275px}
 .saaji-sg-page .saaji-sg-detail-title{font-size:27px}
}
@media(max-width:800px){
 .saaji-sg-page .saaji-sg-wrap{width:calc(100% - 48px)}
 .saaji-sg-page .saaji-sg-hero-grid{grid-template-columns:1fr;min-height:0;gap:38px;padding-block:75px 86px}
 .saaji-sg-page .saaji-sg-main-title{font-size:clamp(48px,8vw,69px);max-width:740px}
 .saaji-sg-page .saaji-sg-hero-photo img{height:480px;object-position:center 52%}
 .saaji-sg-page .saaji-sg-hero-facts{margin-top:29px}
 .saaji-sg-page .saaji-sg-intro-grid{grid-template-columns:1fr;gap:30px}
 .saaji-sg-page .saaji-sg-overview{padding:78px 0 72px}
 .saaji-sg-page .saaji-sg-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .saaji-sg-page .saaji-sg-fact{padding:18px;border-bottom:1px solid #d4c4b1}
 .saaji-sg-page .saaji-sg-fact:first-child{padding-left:18px}
 .saaji-sg-page .saaji-sg-fact:nth-child(2){border-right:0}
 .saaji-sg-page .saaji-sg-fact:nth-child(n+3){border-bottom:0}
 .saaji-sg-page .saaji-sg-process,.saaji-sg-page .saaji-sg-concept,.saaji-sg-page .saaji-sg-finished,.saaji-sg-page .saaji-sg-details{padding-block:75px 85px}
 .saaji-sg-page .saaji-sg-three-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .saaji-sg-page .saaji-sg-three-gallery .saaji-sg-card:last-child{grid-column:1/-1;max-width:calc(50% - 10px);margin-inline:auto;width:100%}
 .saaji-sg-page .saaji-sg-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .saaji-sg-page .saaji-sg-detail-card{min-height:220px}
 .saaji-sg-page .saaji-sg-completed-photo img{height:560px}
}
@media(max-width:520px){
 .saaji-sg-page .saaji-sg-wrap{width:calc(100% - 36px)}
 .saaji-sg-page .saaji-sg-hero-grid{padding-block:52px 70px}
 .saaji-sg-page .saaji-sg-main-title{font-size:clamp(42px,10.8vw,57px);line-height:1.11}
 .saaji-sg-page .saaji-sg-eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:19px}
 .saaji-sg-page .saaji-sg-hero-lead{font-size:13px}
 .saaji-sg-page .wp-block-button__link{padding:13px 11px;min-height:44px;font-size:9px;letter-spacing:.015em}
 .saaji-sg-page .saaji-sg-hero-photo img{height:385px}
 .saaji-sg-page .saaji-sg-hero-tag{right:-6px;bottom:-10px;padding:12px}
 .saaji-sg-page .saaji-sg-hero-photo-caption{font-size:8px}
 .saaji-sg-page .saaji-sg-section-title{font-size:clamp(39px,10.4vw,52px)}
 .saaji-sg-page .saaji-sg-intro-lead{font-size:15px}
 .saaji-sg-page .saaji-sg-section-lead{font-size:13px;margin:20px 0 30px}
 .saaji-sg-page .saaji-sg-fact{padding:15px 10px!important}
 .saaji-sg-page .saaji-sg-fact-value{font-size:11px}
 .saaji-sg-page .saaji-sg-two-gallery,.saaji-sg-page .saaji-sg-three-gallery,.saaji-sg-page .saaji-sg-four-gallery{grid-template-columns:1fr;gap:15px}
 .saaji-sg-page .saaji-sg-three-gallery .saaji-sg-card:last-child{grid-column:auto;max-width:none}
 .saaji-sg-page .saaji-sg-three-gallery .saaji-sg-card-image img{aspect-ratio:1.15}
 .saaji-sg-page .saaji-sg-four-gallery .saaji-sg-card-image img{aspect-ratio:1.18}
 .saaji-sg-page .saaji-sg-card-details{padding:16px 17px 19px}
 .saaji-sg-page .saaji-sg-completed-photo img{height:410px}
 .saaji-sg-page .saaji-sg-completed-stamp{padding:12px 16px}
 .saaji-sg-page .saaji-sg-featured-label{font-size:8px}
 .saaji-sg-page .saaji-sg-details-grid{grid-template-columns:1fr}
 .saaji-sg-page .saaji-sg-detail-card{min-height:0;padding:25px}
 .saaji-sg-page .saaji-sg-detail-num{margin-bottom:14px}
 .saaji-sg-page .saaji-sg-cta{padding:80px 0}
}
@media(prefers-reduced-motion:reduce){.saaji-sg-page .wp-block-button__link{transition:none}}