/* Madar X — service & project detail pages (on top of site.css + blog.css) */
.pg-hero{padding-bottom:10px}
.pg-sec{padding-block:clamp(40px,7vh,80px) 0}
.pg-h{font-size:clamp(1.3rem,2vw,1.6rem);color:var(--khaki);margin-bottom:24px}
.pg-lead{color:var(--paper);font-size:clamp(1.02rem,1.3vw,1.15rem);line-height:1.9;max-width:40em;margin-top:12px}
.latin{display:block;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.btn.ghost-l{background:transparent;color:var(--khaki);border:1px solid var(--khaki-2)}
.btn.ghost-l:hover{background:var(--khaki-2);color:var(--bg)}
.pg-cta-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

/* services index */
.pg-svc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,40px);padding-bottom:clamp(50px,8vh,90px)}
.pg-svc{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:22px;align-items:center;text-decoration:none;color:inherit;padding:18px;border:1px solid var(--line);transition:border-color .3s,background .3s}
.pg-svc:hover{border-color:var(--khaki-2);background:rgba(205,167,110,.05)}
.pg-svc img,.pg-svc .b-ph{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.pg-svc h2{color:#fff;font-size:1.25rem;margin:4px 0 8px}
.pg-svc p{color:var(--khaki);font-size:.95rem;line-height:1.8}

/* service hero */
.pg-shero{padding:clamp(50px,8vh,90px) 0 10px}
.pg-shero-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,5vw,70px);align-items:center}
.pg-shero h1{font-size:clamp(1.9rem,3.6vw,2.9rem);color:#fff;line-height:1.35;margin:6px 0 4px}
.pg-shero-img{margin:0}
.pg-shero-img img{width:100%;aspect-ratio:4/5;max-height:520px;object-fit:cover;display:block;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.pg-two{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,5vw,70px);align-items:start}
.pg-body{padding-top:0;max-width:none}
.pg-feats{border:1px solid var(--line);padding:24px;position:sticky;top:110px}
.pg-feats h2{color:var(--khaki);font-size:1.15rem;margin-bottom:14px}
.pg-feats ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pg-feats li{position:relative;padding-inline-start:26px;color:var(--paper);line-height:1.7}
.pg-feats li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:12px;height:7px;border-inline-start:2px solid var(--khaki-2);border-bottom:2px solid var(--khaki-2);transform:rotate(-45deg)}

/* steps */
.pg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:s}
.pg-steps li{border-top:2px solid var(--khaki-2);padding-top:16px}
.pg-steps span{font:600 .85rem var(--f-latin,inherit);color:var(--khaki-2)}
.pg-steps h3{color:#fff;font-size:1.05rem;margin:6px 0}
.pg-steps p{color:var(--khaki);font-size:.92rem;line-height:1.8}

/* galleries & projects */
.pg-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pg-gal img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.pg-projs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pg-proj{position:relative;display:block;overflow:hidden;text-decoration:none;color:#fff;aspect-ratio:4/3;background:#45104d}
.pg-proj img,.pg-proj .b-ph{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.pg-proj:hover img{transform:scale(1.05)}
.pg-proj-cap{position:absolute;inset:auto 0 0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(26,0,30,.85));display:flex;flex-direction:column;gap:2px}
.pg-proj-cap b{font-weight:500;font-size:1rem}
.pg-proj-cap small{color:var(--khaki);font-size:.78rem}
.pg-all{text-align:center;margin-top:26px}
.pg-chips{display:flex;flex-wrap:wrap;gap:10px}
.pg-chips a{border:1px solid var(--line);border-radius:22px;padding:7px 16px;color:var(--khaki);text-decoration:none;font-size:.92rem}
.pg-chips a:hover{background:var(--khaki-2);color:var(--bg);border-color:var(--khaki-2)}

/* FAQ */
.pg-faq{display:flex;flex-direction:column;border-top:1px solid var(--line);max-width:860px}
.pg-faq details{border-bottom:1px solid var(--line);padding:16px 0}
.pg-faq summary{cursor:pointer;color:#fff;font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.pg-faq summary::after{content:"+";color:var(--khaki-2);font-size:1.3rem;line-height:1}
.pg-faq details[open] summary::after{content:"−"}
.pg-faq p{color:var(--khaki);margin-top:10px;line-height:1.9}

/* project page */
.pg-phead{padding-top:clamp(50px,8vh,90px);max-width:980px}
.pg-phead h1{font-size:clamp(1.8rem,3.4vw,2.7rem);color:#fff;margin:14px 0 4px;line-height:1.35}
.pg-meta{display:flex;flex-wrap:wrap;gap:12px 46px;margin:26px 0 0;padding:18px 0;border-block:1px solid var(--line)}
.pg-meta dt{font-size:.75rem;color:var(--muted)}.pg-meta dd{margin:0;color:#fff}
.pg-cover{margin-top:34px}
.pg-cover img{width:100%;max-height:78vh;object-fit:cover;display:block}
.pg-case{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 60px;max-width:1040px}
.pg-case h2{color:var(--khaki);font-size:1.15rem;margin-bottom:8px}
.pg-case p{color:var(--paper);line-height:2;white-space:pre-line}
.pg-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-block:60px 10px}
.pg-next a{border:1px solid var(--line);padding:18px 20px;color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:4px}
.pg-next a:last-child{text-align:end}
.pg-next a:hover{border-color:var(--khaki-2)}
.pg-next small{color:var(--muted);font-size:.78rem}

/* CTA + quick request form */
.pg-cta{margin-top:clamp(60px,9vh,110px);background:#2a0030;border-block:1px solid var(--line);padding-block:clamp(50px,8vh,90px)}
.pg-cta-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,70px);align-items:start}
.pg-cta h2{color:var(--khaki);font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.5}
.pg-cta p{color:var(--paper);margin-top:10px;line-height:1.9}
.pg-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:rgba(255,255,255,.03);border:1px solid var(--line);padding:clamp(18px,3vw,28px)}
.pg-fld{display:flex;flex-direction:column;gap:6px}
.pg-fld.wide,.pg-form-foot,.pg-form-msg{grid-column:1/-1}
.pg-fld label{color:var(--khaki);font-size:.85rem}.pg-fld small{color:var(--muted)}
.pg-fld input,.pg-fld textarea{font:inherit;font-size:16px;color:#fff;background:transparent;border:1px solid var(--line);border-radius:6px;padding:12px 14px;width:100%}
.pg-fld input:focus,.pg-fld textarea:focus{outline:none;border-color:#fff}
.pg-fld.bad input{border-color:#e58f7e}
.pg-form-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pg-form-foot small{color:var(--muted);font-size:.78rem;flex:1;min-width:200px}
.pg-form-msg{margin:0;color:var(--khaki);min-height:0}
.pg-form-msg.err{color:#f0a594}
.pg-form.done{display:flex;flex-direction:column;gap:10px}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;pointer-events:none}

@media (max-width:900px){
  .pg-svc-list,.pg-shero-in,.pg-two,.pg-cta-in,.pg-case{grid-template-columns:minmax(0,1fr)}
  .pg-shero-img{max-width:520px;width:100%;margin-inline:auto}
  .pg-shero-img img{aspect-ratio:4/3;max-height:none}
  .pg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-projs,.pg-gal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-feats{position:static}
}
@media (max-width:560px){
  .pg-svc{grid-template-columns:minmax(0,1fr)}
  .pg-svc img,.pg-svc .b-ph{aspect-ratio:4/3}
  .pg-steps,.pg-projs,.pg-form{grid-template-columns:minmax(0,1fr)}
  .pg-gal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-next{grid-template-columns:minmax(0,1fr)}
  .pg-next a:last-child{text-align:start}
  .pg-shero-txt,.pg-phead{text-align:center}
  .pg-cta-btns{justify-content:center}
  .pg-meta{justify-content:center}
}