/* SAAJI Digital / Nasim Atr | independent editable WordPress case study */
.saaji-nasim-project{--na-green:#10251d;--na-deep:#091b16;--na-gold:#d5aa75;--na-paper:#f8f6f1;--na-oat:#ece7df;--na-copy:#26372f;--na-blush:#f5e9e9;background:var(--na-paper);color:var(--na-copy);width:100%;overflow:clip}
.saaji-nasim-project *{box-sizing:border-box}
.saaji-nasim-project .wp-block-group{margin-block-start:0;margin-block-end:0;min-width:0}
.saaji-nasim-project .wp-block-image{margin:0}
.saaji-nasim-project .saaji-na-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.saaji-nasim-project h1,.saaji-nasim-project h2,.saaji-nasim-project h3{font-family:var(--serif,'Cormorant Garamond',Georgia,serif);font-weight:400;letter-spacing:-.038em;line-height:1.05;margin:0}
.saaji-nasim-project p{margin-block:0}
.saaji-nasim-project .saaji-na-eyebrow{font-family:var(--sans,Arial,sans-serif);font-size:10px;line-height:1.5;letter-spacing:.22em;color:var(--na-gold);text-transform:uppercase;font-weight:800;margin:0 0 22px}
.saaji-nasim-project .saaji-na-hero{background:radial-gradient(ellipse at 81% 25%,#25392d 0%,var(--na-deep) 52%,#06140f 100%);position:relative;color:#f9f5ee}
.saaji-nasim-project .saaji-na-hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(90deg,transparent 0%,transparent 99.8%,#ba9762 99.9%);background-size:90px 100%}
.saaji-nasim-project .saaji-na-hero-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;min-height:640px;padding-block:80px 84px}
.saaji-nasim-project .saaji-na-h1{font-size:clamp(52px,5.25vw,83px);max-width:600px;color:#fff8ee;margin:0 0 24px}
.saaji-nasim-project .saaji-na-hero-lead{color:#d6ded4;max-width:510px;font-size:14px;line-height:1.95;margin:0 0 28px}
.saaji-nasim-project .saaji-na-hero-caption{font-size:9px;letter-spacing:.13em;font-weight:800;color:#d6b787;margin-top:44px;line-height:2}
.saaji-nasim-project .saaji-na-button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.saaji-nasim-project .wp-block-button{margin:0}
.saaji-nasim-project .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:47px;border:1px solid #c99d66;border-radius:0!important;padding:14px 19px;background:transparent;color:#e8bd87;font-family:var(--sans,Arial,sans-serif);font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.08em;text-decoration:none;box-shadow:none;transition:background .2s ease,color .2s ease}
.saaji-nasim-project .saaji-na-button-primary .wp-block-button__link{color:#17261f;background:#e8bb7b;border-color:#e8bb7b}
.saaji-nasim-project .wp-block-button__link:hover{background:#f4d4a6;color:#13221c;border-color:#f4d4a6}
.saaji-nasim-project .saaji-na-hero-visual{position:relative;min-width:0;border:1px solid rgba(213,170,117,.45);padding:10px;box-shadow:0 40px 100px rgba(0,0,0,.22)}
.saaji-nasim-project .saaji-na-hero-image img{display:block;width:100%;aspect-ratio:1.47;object-fit:cover;object-position:center;max-width:100%;}
.saaji-nasim-project .saaji-na-image-stamp{position:absolute;right:-18px;bottom:-18px;background:#e7b77a;color:#183026;padding:17px 20px;box-shadow:0 12px 35px #0003}
.saaji-nasim-project .saaji-na-hero-image-label{font-weight:800;font-size:10px;letter-spacing:.12em}
.saaji-nasim-project .saaji-na-intro{background:var(--na-paper);padding-block:100px 92px}
.saaji-nasim-project .saaji-na-intro-grid{display:grid;grid-template-columns:1fr .93fr;gap:90px}
.saaji-nasim-project .saaji-na-section-title{font-size:clamp(42px,4.6vw,68px);color:#10251f}
.saaji-nasim-project .saaji-na-intro-lead{font-size:16px;line-height:1.93;color:#2f413a;margin:6px 0 22px}
.saaji-nasim-project .saaji-na-intro-note{font-size:13px;line-height:1.9;color:#63766c;border-left:2px solid #c5a477;padding-left:19px}
.saaji-nasim-project .saaji-na-stats{background:#e9e4dc;padding-block:28px}
.saaji-nasim-project .saaji-na-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.saaji-nasim-project .saaji-na-stat{padding:15px 20px;border-right:1px solid #cdc3b4;text-align:center}
.saaji-nasim-project .saaji-na-stat:last-child{border-right:0}
.saaji-nasim-project .saaji-na-stat-text{font-size:10px;font-weight:800;letter-spacing:.11em;line-height:1.8;color:#6e664f}
.saaji-nasim-project .saaji-na-section-head{padding-block:110px 58px}
.saaji-nasim-project .saaji-na-section-head .saaji-na-section-title{max-width:920px}
.saaji-nasim-project .saaji-na-section-lead{font-size:14px;line-height:1.95;color:#52655c;max-width:630px;margin-top:24px}
.saaji-nasim-project .saaji-na-feature{padding:20px 0 110px;background:var(--na-paper)}
.saaji-nasim-project .saaji-na-feature-tint{background:var(--na-oat);padding:100px 0 110px}
.saaji-nasim-project .saaji-na-feature-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:82px;align-items:center}
.saaji-nasim-project .saaji-na-feature-reverse .saaji-na-feature-copy{order:2}
.saaji-nasim-project .saaji-na-feature-reverse .saaji-na-shot{order:1}
.saaji-nasim-project .saaji-na-feature-copy .saaji-na-section-title{font-size:clamp(40px,4.2vw,61px)}
.saaji-nasim-project .saaji-na-feature-copy .saaji-na-section-lead{font-size:15px}
.saaji-nasim-project .saaji-na-shot{background:white;border:1px solid #d9d1c7;overflow:hidden;box-shadow:0 25px 70px #1c26131a}
.saaji-nasim-project .saaji-na-shot-img img{display:block;width:100%;height:auto;aspect-ratio:1.95;object-fit:cover;object-position:top left}
.saaji-nasim-project .saaji-na-shot-body{padding:21px 25px 23px}
.saaji-nasim-project .saaji-na-shot-label{font-size:10px;font-weight:800;color:#b18451;letter-spacing:.16em;line-height:1.6;margin-bottom:7px}
.saaji-nasim-project .saaji-na-shot-caption{font-size:13px;color:#405349;line-height:1.75}
.saaji-nasim-project .saaji-na-services{background:#0e251d;color:#fff;padding-block:108px 118px}
.saaji-nasim-project .saaji-na-services .saaji-na-section-title{color:#fbf4e9;max-width:700px;margin-bottom:51px}
.saaji-nasim-project .saaji-na-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(207,171,125,.3);border:1px solid rgba(207,171,125,.3)}
.saaji-nasim-project .saaji-na-service-card{background:#122f26;padding:31px;min-height:235px}
.saaji-nasim-project .saaji-na-service-num{font-family:var(--sans,Arial,sans-serif);font-size:11px;color:var(--na-gold);margin-bottom:30px}
.saaji-nasim-project .saaji-na-service-title{font-size:29px;color:#fff;margin:0 0 17px;line-height:1.17}
.saaji-nasim-project .saaji-na-service-description{font-size:13px;line-height:1.85;color:#c5d4cc}
.saaji-nasim-project .saaji-na-conclusion{background:#f0e4e3;padding-block:105px 115px}
.saaji-nasim-project .saaji-na-conclusion-inner{max-width:830px;text-align:center;display:flex;align-items:center;flex-direction:column}
.saaji-nasim-project .saaji-na-conclusion .saaji-na-section-title{font-size:clamp(42px,4.8vw,66px);max-width:760px}
.saaji-nasim-project .saaji-na-conclusion-text{font-size:15px;line-height:1.95;color:#465850;max-width:670px;margin:22px 0 31px}
.saaji-nasim-project .saaji-na-cta{background:#092019;color:#f9f5ee;padding-block:106px 112px}
.saaji-nasim-project .saaji-na-cta-inner{display:flex;align-items:center;flex-direction:column;text-align:center}
.saaji-nasim-project .saaji-na-cta .saaji-na-section-title{color:white;max-width:750px}
.saaji-nasim-project .saaji-na-cta .saaji-na-section-lead{color:#bdccc4;margin:24px auto 32px}
.saaji-nasim-project .saaji-na-bottom-nav{text-align:center;background:#092019;padding:0 0 50px;font-size:12px}
.saaji-nasim-project .saaji-na-bottom-nav a{color:#e6ba7d;border-bottom:1px solid #caa071;padding-bottom:8px}
.saaji-nasim-project #saaji-na-story{scroll-margin-top:100px}
/* Gutenberg can insert additional wrappers around Group blocks on older WP versions. */
.saaji-nasim-project .saaji-na-hero-grid > .wp-block-group__inner-container,
.saaji-nasim-project .saaji-na-intro-grid > .wp-block-group__inner-container,
.saaji-nasim-project .saaji-na-feature-grid > .wp-block-group__inner-container,
.saaji-nasim-project .saaji-na-stats-grid > .wp-block-group__inner-container,
.saaji-nasim-project .saaji-na-service-grid > .wp-block-group__inner-container,
.saaji-nasim-project .saaji-na-button-row > .wp-block-group__inner-container {display:contents!important}
@media(max-width:1050px){
 .saaji-nasim-project .saaji-na-hero-grid{gap:36px;min-height:0;padding-block:65px}
 .saaji-nasim-project .saaji-na-h1{font-size:clamp(44px,5.4vw,64px)}
 .saaji-nasim-project .saaji-na-feature-grid{gap:38px}
 .saaji-nasim-project .saaji-na-intro-grid{gap:48px}
 .saaji-nasim-project .saaji-na-service-card{padding:25px;min-height:250px}
}
@media(max-width:770px){
 .saaji-nasim-project .saaji-na-wrap{width:calc(100% - 44px)}
 .saaji-nasim-project .saaji-na-hero-grid{grid-template-columns:1fr;gap:46px}
 .saaji-nasim-project .saaji-na-h1{font-size:clamp(48px,8.3vw,71px);max-width:650px}
 .saaji-nasim-project .saaji-na-hero-visual{width:min(100%,650px);margin-inline:auto}
 .saaji-nasim-project .saaji-na-intro-grid{grid-template-columns:1fr;gap:30px}
 .saaji-nasim-project .saaji-na-intro{padding-block:75px}
 .saaji-nasim-project .saaji-na-stats-grid{grid-template-columns:repeat(2,1fr)}
 .saaji-nasim-project .saaji-na-stat:nth-child(2){border-right:0}
 .saaji-nasim-project .saaji-na-stat:nth-child(-n+2){border-bottom:1px solid #cdc3b4}
 .saaji-nasim-project .saaji-na-feature-grid{grid-template-columns:1fr;gap:35px}
 .saaji-nasim-project .saaji-na-feature-reverse .saaji-na-feature-copy{order:0}
 .saaji-nasim-project .saaji-na-feature-reverse .saaji-na-shot{order:1}
 .saaji-nasim-project .saaji-na-feature,.saaji-nasim-project .saaji-na-feature-tint{padding-block:50px 75px}
 .saaji-nasim-project .saaji-na-service-grid{grid-template-columns:repeat(2,1fr)}
 .saaji-nasim-project .saaji-na-service-card{min-height:220px}
}
@media(max-width:500px){
 .saaji-nasim-project .saaji-na-wrap{width:calc(100% - 36px)}
 .saaji-nasim-project .saaji-na-hero-grid{padding-block:50px 61px;gap:37px}
 .saaji-nasim-project .saaji-na-h1{font-size:clamp(42px,11vw,56px)}
 .saaji-nasim-project .saaji-na-eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:18px}
 .saaji-nasim-project .saaji-na-hero-lead{font-size:13px;line-height:1.85}
 .saaji-nasim-project .saaji-na-button-row{gap:8px}
 .saaji-nasim-project .wp-block-button__link{font-size:9px;min-height:43px;padding:12px 11px;letter-spacing:.015em}
 .saaji-nasim-project .saaji-na-hero-caption{margin-top:26px;font-size:8px}
 .saaji-nasim-project .saaji-na-hero-visual{padding:5px}
 .saaji-nasim-project .saaji-na-image-stamp{bottom:-10px;right:-5px;padding:10px 12px}
 .saaji-nasim-project .saaji-na-hero-image-label{font-size:8px}
 .saaji-nasim-project .saaji-na-intro{padding-block:66px 64px}
 .saaji-nasim-project .saaji-na-section-title{font-size:clamp(38px,10.5vw,49px)}
 .saaji-nasim-project .saaji-na-intro-lead{font-size:14px}
 .saaji-nasim-project .saaji-na-stats-grid{grid-template-columns:1fr 1fr}
 .saaji-nasim-project .saaji-na-stat{padding:12px 8px}
 .saaji-nasim-project .saaji-na-stat-text{font-size:9px;letter-spacing:.02em}
 .saaji-nasim-project .saaji-na-section-head{padding-block:72px 27px}
 .saaji-nasim-project .saaji-na-section-lead{font-size:13px;margin-top:17px}
 .saaji-nasim-project .saaji-na-feature-copy .saaji-na-section-title{font-size:42px}
 .saaji-nasim-project .saaji-na-feature,.saaji-nasim-project .saaji-na-feature-tint{padding-block:35px 58px}
 .saaji-nasim-project .saaji-na-shot-img img{aspect-ratio:1.34;object-position:top left}
 .saaji-nasim-project .saaji-na-shot-body{padding:16px}
 .saaji-nasim-project .saaji-na-services{padding-block:69px 76px}
 .saaji-nasim-project .saaji-na-service-grid{grid-template-columns:1fr}
 .saaji-nasim-project .saaji-na-service-card{min-height:0;padding:23px 24px}
 .saaji-nasim-project .saaji-na-service-num{margin-bottom:16px}
 .saaji-nasim-project .saaji-na-service-title{font-size:28px;margin-bottom:10px}
 .saaji-nasim-project .saaji-na-conclusion,.saaji-nasim-project .saaji-na-cta{padding-block:78px 86px}
}
@media(prefers-reduced-motion:reduce){.saaji-nasim-project .wp-block-button__link{transition:none}}