/* ═══════════ LAYOUT ═══════════ */
.page-template-coming-soon .main {
    background-color: var(--sage);
}
.cs-wrap{
  min-height:100vh;
  display:grid; grid-template-columns:1.05fr 1fr; align-items:center;
  gap:40px; max-width:var(--maxw); margin:0 auto;
  padding:calc(var(--nav-h) + 4vh) 44px 5vh;
}
.cs-copy{ position:relative; z-index:2; }
.cs-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--sans); font-size:12px; letter-spacing:.26em; text-transform:uppercase;
  color:#14201A; opacity:.65; margin-bottom:26px;
}
.cs-eyebrow .dot{ width:6px; height:6px; border-radius:50%; background:#14201A; animation:cspulse 1.8s ease-in-out infinite; }
@keyframes cspulse{ 0%,100%{ opacity:.3; transform:scale(.8); } 50%{ opacity:1; transform:scale(1.25); } }

.cs-title{
  font-family:var(--display); font-weight:400; color:#14201A;
  font-size:clamp(56px,9vw,128px); line-height:.92; letter-spacing:.01em; text-transform:uppercase;
}
.cs-title .ln{ display:block; }
.cs-page{ font-family:var(--serif); font-style:italic; font-size:clamp(24px,3.4vw,40px); color:var(--navy); margin-top:18px; line-height:1.1; }
.cs-ar{ font-family:var(--ar); direction:rtl; font-size:clamp(15px,2vw,19px); color:#14201A; opacity:.55; margin-top:8px; }
.cs-sub{ font-family:var(--sans); font-size:clamp(15px,1.4vw,17px); line-height:1.75; color:#14201A; opacity:.8; max-width:430px; margin-top:22px; }

.cs-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.cs-btn{
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--sans); font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:500;
  padding:15px 28px; border-radius:34px; transition:transform .2s, background .2s, color .2s, border-color .2s;
  border:1px solid transparent; cursor:pointer;
}
.cs-btn:hover{ transform:translateY(-2px); }
.cs-btn.solid{ background:var(--navy); color:var(--sage); }
.cs-btn.solid:hover{ background:#14201A; color:#fff; }
.cs-btn.ghost{ background:transparent; border-color:rgba(20,32,26,.32); color:#14201A; }
.cs-btn.ghost:hover{ background:#14201A; color:#fff; border-color:#14201A; }

.cs-notify{ margin-top:30px; max-width:430px; }
.cs-notify .lbl{ font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#14201A; opacity:.6; display:block; margin-bottom:10px; }

/* ═══════════ ILLUSTRATION ═══════════ */
.cs-art{ position:relative; display:flex; justify-content:center; align-items:center; }
.cs-art img{ width:100%; max-width:560px; height:auto; display:block; animation:csfloat 7s ease-in-out infinite; }
@keyframes csfloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }
@media (prefers-reduced-motion:reduce){ .cs-art img,.cs-eyebrow .dot{ animation:none; } }
.cs-deco{ position:absolute; pointer-events:none; opacity:.5; color:#14201A; }
.cs-deco.s1{ top:8%; left:-2%; font-size:26px; }
.cs-deco.s2{ bottom:14%; left:46%; font-size:18px; opacity:.35; }
.cs-deco.s3{ top:3%; left:34%; font-size:14px; opacity:.4; }

/* ═══════════ RESPONSIVE ═══════════ */
@media(max-width:900px){
  .cs-wrap{ grid-template-columns:1fr; text-align:center; padding:calc(var(--nav-h) + 3vh) 26px 6vh; gap:8px; }
  .cs-art{ order:-1; margin-bottom:6px; }
  .cs-art img{ max-width:300px; }
  .cs-eyebrow{ justify-content:center; }
  .cs-sub{ margin-left:auto; margin-right:auto; }
  .cs-actions{ justify-content:center; }
  .cs-notify{ margin-left:auto; margin-right:auto; }
  .cs-deco{ display:none; }
}
@media(max-width:420px){ .cs-art img{ max-width:240px; } }