/* ===== inner pages (service + contact) ===== */
.pg-hero{
  position:relative;
  margin: 0 0px;
  height:390px;
  border-radius: 0px;
  overflow:hidden;
  color:#fff;
  text-align:center;
  display:grid;
  place-items:center;
  padding:20px;
  background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 45%,rgba(0,0,0,.85) 100%),
  url('../images/hero-bg.jpg') center/cover no-repeat,
  radial-gradient(ellipse at 50% 30%,#4a3a30 0%,#1d1810 55%,#050505 100%);
  background-color:#1a1410
  }
.pg-hero h1{font-size:72px;font-weight:600;line-height:84px;letter-spacing:-.5px;margin-bottom:10px}
.pg-crumb{font-size:18px;font-weight:500}
.pg-crumb a:hover{color:var(--orange)}
.pg-crumb em{color:var(--orange);font-style:normal}

.pg{--fh:'Kumbh Sans',sans-serif;--fb:'DM Sans',sans-serif;font-family:var(--fb);padding:100px 41px}
.pg h2{font-family:var(--fh);font-size:48px;line-height:53px;font-weight:700;letter-spacing:-.2px}
.pg .eyebrow{font-family:var(--fh);font-weight:600;font-size:18px}
.pg .btn{font-family:var(--fh);font-weight:700}

/* service */
.sp-lay{display:grid;grid-template-columns:380px 1fr;gap:50px;align-items:start}
.sp-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:28px}
.sp-card{background:#fff8ef;border-radius:30px;padding:34px}
.sp-card h3{font-family:var(--fh);font-size:26px;font-weight:700;margin-bottom:14px}
.sp-list a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f3e2cc;font-size:18px;font-weight:500;transition:color .25s}
.sp-list a:last-child{border:0}
.sp-list a svg{width:16px;height:16px;color:var(--orange);transition:transform .3s}
.sp-list a:hover,.sp-list a.on{color:var(--orange)}
.sp-list a.on svg{transform:rotate(45deg)}
.sp-help{text-align:center}
.sp-help>svg{width:60px;color:var(--orange);margin-bottom:8px}
.sp-help h3{font-size:34px;margin-bottom:14px}
.sp-help p{color:var(--grey);line-height:27px;font-size:16px;margin-bottom:24px}
.sp-img{aspect-ratio:1.6;border-radius:30px;margin-bottom:36px;background:linear-gradient(170deg,rgba(0,0,0,.1),rgba(0,0,0,.55)),radial-gradient(ellipse at 70% 30%,#c4623a 0,#5a2e1d 45%,#1d1810 100%)}
.sp-main>h2{margin-bottom:18px}
.sp-lead{color:var(--grey);font-size:17px;line-height:30px;margin-bottom:28px}
.sp-ck{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;margin-bottom:40px}
.sp-ck li{display:flex;gap:12px;align-items:center;font-family:var(--fh);font-weight:700;font-size:18px}
.sp-ck li::before{content:"";width:22px;height:22px;border-radius:50%;flex:none;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.sp-gl{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:60px}
.sp-gl div{aspect-ratio:.85;border-radius:30px;transition:transform .3s}
.sp-gl div:hover{transform:translateY(-6px)}
.sp-gl div:nth-child(1){background:linear-gradient(170deg,#ffa43d,#7a4a14 60%,#2a1c0e)}
.sp-gl div:nth-child(2){background:linear-gradient(170deg,#8a8f98,#2d3138)}
.sp-gl div:nth-child(3){background:linear-gradient(170deg,#c79a6b,#4a2a1a)}
.sp-gl div:nth-child(4){background:linear-gradient(170deg,#3a3a5c,#0b0b24)}
.sp-faq h2{margin:9px 0 28px}
.sp-fi{border:1px solid #fbeedd;border-radius:20px;margin-bottom:14px;overflow:hidden;transition:background .3s,color .3s,border-color .3s;background:#fff}
.sp-fi button{all:unset;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;padding:22px 26px;font-family:var(--fh);font-weight:700;font-size:19px;box-sizing:border-box}
.sp-fi button::after{content:"+";font-size:28px;font-weight:400;line-height:1}
.sp-fb{max-height:0;overflow:hidden;line-height:27px;font-size:16px;padding:0 26px;transition:max-height .35s,padding .35s}
.sp-fi.open{background:var(--orange);color:#fff;border-color:var(--orange)}
.sp-fi.open button::after{content:"\2212"}
.sp-fi.open .sp-fb{max-height:160px;padding-bottom:24px}
.fade{animation:spf .5s}
@keyframes spf{from{opacity:0;transform:translateY(10px)}}

/* contact */
.cp-ct{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px);align-items:stretch}
.cp-info{position:relative;overflow:hidden;background:var(--dark);color:#fff;border-radius:40px;padding:48px;display:flex;flex-direction:column;min-height:520px}
.cp-info h3{font-family:var(--fh);font-size:42px;line-height:1.1;font-weight:700;margin-bottom:14px}
.cp-info>p{font-size:16px;margin-bottom:56px;color:#ddd}
.cp-info ul{list-style:none;display:flex;flex-direction:column;gap:32px;position:relative;z-index:2}
.cp-info li{display:flex;gap:18px;align-items:center;font-size:17px;line-height:1.5}
.cp-info li svg{width:28px;height:28px;flex:none;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cp-soc{display:flex;gap:10px;margin-top:auto;padding-top:40px;position:relative;z-index:2}
.cp-soc a{width:34px;height:34px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;transition:.25s}
.cp-soc a svg{width:16px;height:16px}
.cp-soc a:hover{background:var(--orange);border-color:var(--orange)}
.cp-cc{position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}
.cp-c1{width:150px;height:150px;right:60px;bottom:30px;background:rgba(251,140,11,.35)}
.cp-c2{width:170px;height:170px;right:-20px;bottom:-30px}
.cp-fm{position:relative;padding-top:10px}
.cp-fm form{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px}
.cp-f{display:flex;flex-direction:column;gap:12px}
.cp-f.full{grid-column:1/-1}
.cp-f label{font-family:var(--fh);font-weight:700;font-size:17px}
.cp-f input,.cp-f textarea{border:0;border-bottom:1px solid #e0d6d2;padding:6px 0 14px;font:400 16px var(--fb);color:var(--dark);outline:0;background:transparent;resize:none;transition:border-color .25s}
.cp-f textarea{height:100px}
.cp-f input:focus,.cp-f textarea:focus{border-color:var(--orange)}
.cp-f input::placeholder,.cp-f textarea::placeholder{color:#8a8a96}
.cp-send{grid-column:1/-1}
.cp-plane{position:absolute;right:6%;bottom:-10px;width:min(240px,34%);pointer-events:none}
.cp-map{text-align:center;padding-top:0;padding-bottom:120px}
.cp-map .eyebrow{justify-content:center}
.cp-map h2{margin:9px 0 44px}
.cp-mapbox{position:relative;height:clamp(300px,42vw,460px);border-radius:40px;overflow:hidden;text-align:left;background:#dfe9d6}
.cp-mapbox>svg{position:absolute;inset:0;width:100%;height:100%}
.cp-pop{position:absolute;left:20px;top:20px;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 6px 20px rgba(0,0,0,.2);max-width:250px;font-size:14px;line-height:1.5;color:#222}
.cp-pop b{font-family:var(--fh);font-size:16px;display:block;margin-bottom:2px}
.cp-pop .ob{display:inline-block;margin-top:10px;color:var(--orange);font-weight:600}

@media(max-width:1100px){
  .pg-hero{height:300px}
  .pg-hero h1{font-size:44px;line-height:54px}
  .pg{padding:60px 20px}
  .pg h2{font-size:34px;line-height:42px}
  .sp-lay{grid-template-columns:1fr}
  .sp-side{position:static;order:2}
  .sp-gl{grid-template-columns:repeat(2,1fr)}
  .cp-ct{grid-template-columns:1fr}
  .cp-info{min-height:0}
  .cp-info>p{margin-bottom:34px}
  .cp-plane{display:none}
  .cp-map{padding-bottom:70px}
}
@media(max-width:620px){
  .sp-ck{grid-template-columns:1fr}
  .sp-card{padding:24px}
  .cp-fm form{grid-template-columns:1fr}
  .cp-info{padding:30px;border-radius:30px}
  .cp-mapbox{border-radius:30px}
}

/* ===== about page ===== */
.ab-center{text-align:center}
.ab-center .eyebrow{justify-content:center}
.ab-center>h2{max-width:760px;margin:9px auto 0}
.ab-lead{color:var(--grey);font-size:17px;line-height:30px;margin:18px 0 28px}
.ab-top{display:grid;grid-template-columns:1fr 1.05fr;gap:5vw;align-items:center;padding-bottom:70px}
.ab-top h2{margin-top:9px}
.ab-vis{position:relative;aspect-ratio:.95;max-width:560px;width:100%}
.ab-a1,.ab-a2{position:absolute;border-radius:999px} /* capsule */
.ab-a1{left:4%;top:0;width:54%;aspect-ratio:.62;background:linear-gradient(170deg,rgba(0,0,0,.05),rgba(0,0,0,.45)),radial-gradient(ellipse at 60% 25%,#d98a60 0,#7a4a14 55%,#1d1810 100%)}
.ab-a2{right:4%;bottom:0;width:42%;aspect-ratio:.6;border:8px solid #fff;background:linear-gradient(170deg,#ffa43d,#fb8c0b 55%,#8a4d06)}
.ab-ast{position:absolute;color:var(--orange);width:clamp(56px,8vw,96px);height:auto;left:62%;top:8%}
.ab-eb{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ab-eb>div{display:flex;gap:14px;align-items:flex-start}
.ab-eb b{display:block;font-family:var(--fh);font-size:19px;font-weight:700;margin-bottom:6px}
.ab-eb span:not(.st-ico){color:var(--grey);font-size:15px;line-height:24px}
.ab-panel{margin:0 13px;background:#fff8ef;border-radius:50px}
.ab-lg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
.ab-lg div{background:#fff;border-radius:24px;height:90px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--fh);font-weight:700;font-size:21px;box-shadow:0 4px 14px rgba(0,0,0,.03);transition:transform .25s}
.ab-lg div:hover{transform:translateY(-4px)}
.ab-lg svg{width:28px;height:28px;color:var(--orange)}
.ab-tabs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:34px 0 54px}
.ab-tabs button{border:0;border-radius:999px;height:48px;padding:0 28px;font:700 16px var(--fh);background:#fff8ef;color:var(--dark);cursor:pointer;transition:.25s}
.ab-tabs button:hover{background:#ffeacf}
.ab-tabs button.on{background:var(--orange);color:#fff}
.ab-vm{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;text-align:left}
.ab-vm h2{margin-top:9px;font-size:42px;line-height:48px}
.ab-ck{grid-template-columns:1fr;margin-bottom:0}
.ab-vmi{aspect-ratio:1.2;border-radius:40px;background:linear-gradient(170deg,rgba(0,0,0,.05),rgba(0,0,0,.5)),radial-gradient(ellipse at 70% 30%,#c4623a 0,#4a2a1a 50%,#0b0b24 100%)}
.ab-vg{display:grid;grid-template-columns:.8fr 1.8fr;gap:20px;margin-top:46px}
.ab-vc{position:relative;border-radius:40px;overflow:hidden;min-height:360px;color:#fff;text-align:left}
.ab-vs{background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.65)),radial-gradient(ellipse at 30% 20%,#7a4a14 0,#1d1810 70%);padding:32px;display:flex;flex-direction:column;justify-content:space-between}
.ab-vs b{font-family:var(--fh);font-size:46px;display:block;line-height:1.1}
.ab-vs small{font-size:16px}
.ab-vl{background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.6)),radial-gradient(ellipse at 60% 40%,#8a3a1c 0,#24150f 55%,#0b0b24 100%)}
.ab-play{position:absolute;right:24px;bottom:24px;width:68px;height:68px}
.ab-play svg{width:26px;height:26px;margin-left:3px}
.ab-play:hover{background:#000}
.ab-av{display:flex;align-items:center}
.ab-av i{width:36px;height:36px;border-radius:50%;border:2px solid #fff;margin-right:-10px;background:#d9a77f}
.ab-av i:nth-child(2){background:#a66a4a}.ab-av i:nth-child(3){background:#e8c0a0}
.ab-av em{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--orange);display:grid;place-items:center;margin-left:14px;font-style:normal;font-weight:700}
.ab-wy{margin:60px auto 0;text-align:left}
.ab-dr{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px}
.ab-dp{position:relative;aspect-ratio:.82;border-radius:30px;overflow:hidden;margin-bottom:20px}
.ab-dc:nth-child(1) .ab-dp{background:linear-gradient(170deg,#ffa43d,#7a4a14 60%,#2a1c0e)}
.ab-dc:nth-child(2) .ab-dp{background:linear-gradient(170deg,#8a8f98,#2d3138)}
.ab-dc:nth-child(3) .ab-dp{background:linear-gradient(170deg,#c79a6b,#4a2a1a)}
.ab-dc:nth-child(4) .ab-dp{background:linear-gradient(170deg,#3a3a5c,#0b0b24)}
.ab-so{position:absolute;left:50%;bottom:16px;transform:translate(-50%,20px);background:var(--orange);color:#fff;border-radius:999px;padding:10px 20px;display:flex;gap:18px;opacity:0;transition:.3s;font-size:15px;font-weight:600}
.ab-so svg{width:16px;height:16px}
.ab-dc:hover .ab-so{opacity:1;transform:translate(-50%,0)}
.ab-dc b{font-family:var(--fh);font-size:21px;font-weight:700;display:block}
.ab-dc>span{color:var(--grey);font-size:15px}
.ab-tv{margin-top:46px}

@media(max-width:1100px){
  .ab-top,.ab-vm,.ab-vg{grid-template-columns:1fr}
  .ab-vis{margin:0 auto}
  .ab-panel{border-radius:30px;margin:0 10px}
  .ab-lg{grid-template-columns:repeat(2,1fr)}
  .ab-vm h2{font-size:32px;line-height:40px}
  .ab-dr{grid-template-columns:repeat(2,1fr)}
  .n2-t{flex-basis:85%}
}
@media(max-width:620px){
  .ab-eb{grid-template-columns:1fr}
  .ab-lg div{font-size:16px;height:72px}
  .ab-dr{gap:14px}
  .ab-vc{min-height:280px;border-radius:30px}
}

/* ===== hero upgrade (inner pages) ===== */
@keyframes hero-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.pg-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse 60% 70% at 50% 115%,rgba(251,140,11,.45),transparent 70%),radial-gradient(ellipse 40% 50% at 10% 20%,rgba(251,140,11,.12),transparent 70%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:auto,auto,48px 48px,48px 48px;-webkit-mask-image:linear-gradient(180deg,#000 55%,rgba(0,0,0,.5));mask-image:linear-gradient(180deg,#000 55%,rgba(0,0,0,.5))}
.pg-hero{box-shadow:inset 0 -3px 0 rgba(251,140,11,.9)}
.pg-hero>div{position:relative;z-index:2;padding-top:30px;animation:hero-rise .9s .15s cubic-bezier(.2,.8,.2,1) both}
.pg-hero h1{text-shadow:0 6px 30px rgba(0,0,0,.45);margin-bottom:18px}
.pg-crumb{display:inline-flex;align-items:center;gap:6px;font-size:16px;padding:9px 22px;border-radius:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media(max-width:700px){.pg-hero h1{font-size:44px;line-height:52px}}
@media(prefers-reduced-motion:reduce){.pg-hero>div{animation:none}}


/* ===== images added to empty slots ===== */
.ab-vmi{background:linear-gradient(170deg,rgba(0,0,0,.05),rgba(0,0,0,.35)),url('../images/vision.jpg') center/cover no-repeat}
.ab-vs{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.75)),url('../images/service-hero-2.jpg') 40% center/cover no-repeat}
.ab-vl{background:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.45)),url('../images/about-video.jpg') center/cover no-repeat}
.ab-dp{background-size:cover;background-position:center top}
.sp-img{background-size:cover;background-position:center}
.sp-gl div{background-size:cover;background-position:center}
.n2-av{object-fit:cover;display:block}
.n2-carbox .n2-zoom img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

/* about ovals: images */
.ab-a1{background:url('../images/about-oval-1.jpg') center/cover no-repeat}
.ab-a2{background:url('../images/about-oval-2.jpg') center/cover no-repeat}