/* Siyam Theme v4.4.0 — About & Contact pages (loaded only on those pages) */
.siyam-about,.siyam-contact{color:var(--ink);background:var(--paper)}
.siyam-pg-section{padding:72px 5.2%}
.siyam-pg-head{margin-bottom:34px}
.siyam-pg-head h2,.siyam-about-story h2,.siyam-contact-main h2,.siyam-about-cta h2{font:clamp(28px,3.6vw,44px)/1.14 'Playfair Display',serif;font-weight:400;margin:12px 0 0;letter-spacing:-.02em}
.siyam-about .btn,.siyam-contact .btn{text-decoration:none}

/* Page hero (contact) */
.siyam-pg-hero{background:var(--cream);text-align:center;padding:72px 5.2% 64px;border-bottom:1px solid var(--line)}
.siyam-pg-hero h1{font:clamp(36px,5vw,60px)/1.08 'Playfair Display',serif;font-weight:400;margin:18px auto 16px;max-width:760px;letter-spacing:-.03em}
.siyam-pg-hero p{max-width:540px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.85}

/* Contact cards */
.siyam-contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;padding-bottom:20px}
.siyam-contact-card{display:block;border:1px solid var(--line);background:#fff;padding:26px 22px;transition:.2s;color:inherit}
a.siyam-contact-card:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 10px 26px rgba(33,29,25,.08)}
.siyam-contact-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:var(--cream);color:var(--gold);font-size:19px;margin-bottom:14px}
.siyam-contact-card h3{font:600 11px 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;color:var(--gold)}
.siyam-contact-card p{margin:0;font-size:15px;line-height:1.6;word-break:break-word}

/* Contact main */
.siyam-contact-main{display:grid;grid-template-columns:1.35fr .8fr;gap:56px;align-items:start}
.siyam-contact-form{margin-top:24px;display:grid;gap:16px}
.siyam-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.siyam-contact-form label{display:grid;gap:7px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#625b52;font-weight:600}
.siyam-contact-form input,.siyam-contact-form select,.siyam-contact-form textarea{width:100%;border:1px solid var(--line);background:#fff;padding:14px 15px;font:400 15px 'DM Sans',Arial,sans-serif;color:var(--ink);border-radius:0;letter-spacing:0;text-transform:none}
.siyam-contact-form input:focus,.siyam-contact-form select:focus,.siyam-contact-form textarea:focus{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}
.siyam-contact-form textarea{resize:vertical;min-height:140px}
.siyam-form-hint{margin:-6px 0 0;font-size:12px;color:var(--muted)}
.siyam-contact-form .btn{justify-self:start;cursor:pointer}
.siyam-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.siyam-form-note{margin-top:18px;padding:14px 16px;font-size:14px;line-height:1.6;border-left:3px solid}
.siyam-form-note-ok{background:#eef8f0;border-color:#2f9e55;color:#1d5c33}
.siyam-form-note-err{background:#fdf0ee;border-color:#c0392b;color:#7d261b}
.siyam-contact-side{background:var(--cream);padding:34px 30px;border:1px solid var(--line)}
.siyam-help-links{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:0}
.siyam-help-links a{display:block;padding:16px 0;border-bottom:1px solid var(--line)}
.siyam-help-links a:hover b{color:var(--gold)}
.siyam-help-links b{display:block;font-size:15px;margin-bottom:3px}
.siyam-help-links span{font-size:12.5px;color:var(--muted)}
.siyam-social{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.siyam-social span{width:100%;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600}
.siyam-social a{border:1px solid var(--ink);padding:9px 14px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.siyam-social a:hover{background:var(--ink);color:#fff}
.siyam-contact-map{padding-top:0}
.siyam-contact-map iframe{width:100%;height:380px;border:1px solid var(--line);display:block}
.siyam-pg-extra{padding-top:20px}

/* About hero */
.siyam-about-hero{display:grid;grid-template-columns:1.05fr .95fr;background:var(--cream);min-height:520px}
.siyam-about-hero-copy{padding:8% 7% 8% 9%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.siyam-about-hero-copy h1{font:clamp(38px,4.6vw,64px)/1.06 'Playfair Display',serif;font-weight:400;margin:20px 0 18px;max-width:560px;letter-spacing:-.03em}
.siyam-about-hero-copy p{color:#6d655b;font-size:15px;line-height:1.85;max-width:480px;margin:0 0 28px}
.siyam-about-actions{display:flex;flex-wrap:wrap;gap:12px}
.siyam-about-hero-img{position:relative;min-height:380px;overflow:hidden;background:#d6c7b5}
.siyam-about-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.siyam-about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border-bottom:1px solid var(--line);background:#fff}
.siyam-about-stats div{padding:34px 20px;text-align:center;border-right:1px solid var(--line)}
.siyam-about-stats div:last-child{border-right:0}
.siyam-about-stats b{display:block;font:400 clamp(30px,3.4vw,44px) 'Playfair Display',serif;color:var(--ink)}
.siyam-about-stats span{display:block;margin-top:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.siyam-about-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}
.siyam-about-story-text p{font-size:16px;line-height:1.95;color:#4d463e;margin:0 0 18px}
.siyam-about-values{background:var(--cream)}
.siyam-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.siyam-values-grid article{background:#fff;border:1px solid var(--line);padding:30px 24px}
.siyam-values-grid article span{font:italic 400 22px 'Playfair Display',serif;color:var(--gold)}
.siyam-values-grid h3{font:600 17px 'DM Sans',sans-serif;margin:14px 0 8px}
.siyam-values-grid p{margin:0;font-size:14px;line-height:1.75;color:var(--muted)}
.siyam-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}
.siyam-steps li{counter-increment:s;position:relative;padding:28px 22px 0 0;border-top:2px solid var(--ink)}
.siyam-steps li:before{content:"0" counter(s);position:absolute;top:-14px;left:0;background:var(--paper);padding-right:12px;font:italic 400 20px 'Playfair Display',serif;color:var(--gold)}
.siyam-steps b{display:block;font-size:18px;margin-bottom:8px}
.siyam-steps span{font-size:14px;line-height:1.75;color:var(--muted)}
.siyam-about-cta{text-align:center;background:#28231e;color:#f7f4ee;padding:84px 5.2%}
.siyam-about-cta .eyebrow{color:#c7a776}
.siyam-about-cta h2{color:#fff}
.siyam-about-cta p{color:#cfc6b8;margin:16px auto 28px;max-width:460px;font-size:14px;line-height:1.8}
.siyam-about-cta .siyam-about-actions{justify-content:center}
.siyam-about-cta .btn{background:#f5f0e8;color:#27221d;border-color:#f5f0e8}
.siyam-about-cta .btn:hover{background:transparent;color:#fff}
.siyam-about-cta .btn-outline{background:transparent;color:#f5f0e8}
.siyam-about-cta .btn-outline:hover{background:#f5f0e8;color:#27221d}

@media(max-width:900px){
  .siyam-contact-main,.siyam-about-story{grid-template-columns:1fr;gap:36px}
  .siyam-about-hero{grid-template-columns:1fr;min-height:0}
  .siyam-about-hero-copy{padding:44px 22px}
  .siyam-about-hero-img{min-height:300px;order:-1}
}
@media(max-width:600px){
  .siyam-pg-section{padding:48px 18px}
  .siyam-pg-hero{padding:48px 18px}
  .siyam-form-row{grid-template-columns:1fr}
  .siyam-contact-side{padding:26px 20px}
  .siyam-about-stats div{border-right:0;border-bottom:1px solid var(--line)}
}