:root{
  --night: #0e131a;
  --night-2: #121821;
  --rock: #1a222c;
  --rock-2: #232d38;
  --stone: #97a2ae;
  --stone-dim: #6b7580;
  --snow: #eef0f2;
  --coral: #e8735e;
  --gold: #e3b15f;
  --line: rgba(238,240,242,0.10);
  --line-strong: rgba(238,240,242,0.18);
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
}

body{
  background:var(--night);
  color:var(--stone);
  font-family:'Inter', sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }

h1,h2,h3{
  font-family:'Fraunces', serif;
  color:var(--snow);
  font-weight:600;
  letter-spacing:-0.01em;
}

.mono{ font-family:'IBM Plex Mono', monospace; letter-spacing:0.03em; }

.eyebrow{
  font-family:'IBM Plex Mono', monospace;
  font-size:12.5px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--coral);
  display:flex;
  align-items:center;
  gap:10px;
}
.eyebrow::before{ content:""; width:22px; height:1px; background:var(--coral); display:inline-block; }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:2px solid var(--coral);
  outline-offset:3px;
  border-radius:2px;
}

.wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }

/* ---------- NAV ---------- */
header.nav{
  position:fixed; top:0; left:0; right:0; z-index:100;
  background:linear-gradient(to bottom, rgba(14,19,26,0.92), rgba(14,19,26,0));
  padding:22px 0 40px;
}
.nav .wrap{ display:flex; align-items:center; justify-content:space-between; }
.nav-mark{ font-family:'Fraunces', serif; font-size:19px; color:var(--snow); font-weight:600; letter-spacing:0.01em; }
.nav-mark span{ color:var(--coral); }
.nav-links{ display:flex; align-items:center; gap:34px; font-size:13.5px; letter-spacing:0.02em; }
.nav-links a{ color:var(--stone); transition:color 0.2s ease; }
.nav-links a:hover{ color:var(--snow); }
.nav-links a.lang-switch{
  font-family:'IBM Plex Mono', monospace;
  font-size:12px;
  border:1px solid var(--line-strong);
  padding:6px 10px;
  border-radius:2px;
  color:var(--snow);
}
.nav-links a.lang-switch:hover{ border-color:var(--coral); color:var(--coral); }
@media (max-width:720px){ .nav-links > a:not(.lang-switch){ display:none; } }

/* ---------- HERO ---------- */
.hero{
  position:relative; min-height:100vh; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden;
  background:
    radial-gradient(ellipse 900px 500px at 50% 0%, rgba(232,115,94,0.10), transparent 60%),
    linear-gradient(180deg, #0a0d12 0%, #0e131a 55%, #10161f 100%);
}
.hero-topo{ position:absolute; inset:0; opacity:0.5; pointer-events:none; }
.hero-ridge{ position:absolute; left:0; right:0; bottom:0; width:100%; height:auto; }
.hero-glow{
  position:absolute; left:0; right:0; bottom:0; height:55%;
  background:linear-gradient(180deg, transparent, rgba(232,115,94,0.14) 60%, rgba(227,177,95,0.10));
  pointer-events:none;
}
.hero-inner{ position:relative; z-index:2; padding:0 0 96px; }
h1.hero-title{ font-size:clamp(42px, 7.2vw, 92px); line-height:0.98; max-width:900px; }
h1.hero-title em{ font-style:italic; color:var(--coral); font-weight:500; }
.hero-sub{ max-width:480px; margin-top:26px; font-size:17px; color:var(--stone); }
.hero-cta{ margin-top:40px; display:flex; gap:16px; flex-wrap:wrap; align-items:center; }

.btn{
  display:inline-flex; align-items:center; gap:10px; padding:14px 26px; border-radius:3px;
  font-size:14px; font-weight:500; letter-spacing:0.01em; transition:all 0.2s ease; border:1px solid transparent;
  font-family:'Inter', sans-serif;
}
.btn-primary{ background:var(--snow); color:var(--night); }
.btn-primary:hover{ background:var(--coral); color:var(--snow); }
.btn-ghost{ border-color:var(--line-strong); color:var(--snow); }
.btn-ghost:hover{ border-color:var(--coral); color:var(--coral); }

.scroll-cue{ position:absolute; right:32px; bottom:36px; z-index:2; display:flex; flex-direction:column; align-items:center; gap:10px; }
.scroll-cue .track{ width:1px; height:44px; background:var(--line-strong); position:relative; overflow:hidden; }
.scroll-cue .track::after{
  content:""; position:absolute; top:-44px; left:0; width:1px; height:44px; background:var(--coral);
  animation:descend 2.2s ease-in-out infinite;
}
@keyframes descend{ 0%{ top:-44px; } 60%{ top:44px; } 100%{ top:44px; } }
.scroll-cue span{ font-family:'IBM Plex Mono', monospace; font-size:11px; color:var(--stone-dim); writing-mode:vertical-rl; letter-spacing:0.1em; }
@media (max-width:720px){ .scroll-cue{ display:none; } }

/* ---------- SECTION GENERIC ---------- */
section{ padding:120px 0; position:relative; }
section.tight{ padding:96px 0; }
.section-head{ max-width:640px; margin-bottom:64px; }
.section-head h2{ font-size:clamp(30px, 4vw, 46px); margin-top:16px; line-height:1.08; }

/* ---------- APPROACH ---------- */
.approach{ background:var(--night-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.approach-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.approach-lead p{ font-size:19px; color:var(--snow); font-weight:400; line-height:1.5; }
.approach-lead p + p{ margin-top:20px; color:var(--stone); font-size:16px; }
.stat-row{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); margin-top:8px; }
.stat{ background:var(--night-2); padding:24px 22px; }
.stat .num{ font-family:'IBM Plex Mono', monospace; font-size:28px; color:var(--gold); }
.stat .label{ font-size:12.5px; color:var(--stone-dim); margin-top:6px; letter-spacing:0.02em; }
@media (max-width:840px){ .approach-grid{ grid-template-columns:1fr; gap:40px; } }

/* ---------- TERRAIN ---------- */
.terrain-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.terrain-card{ background:var(--night); padding:40px 32px 36px; position:relative; transition:background 0.25s ease; }
.terrain-card:hover{ background:var(--rock); }
.terrain-card .grade{ font-family:'IBM Plex Mono', monospace; font-size:12px; color:var(--coral); letter-spacing:0.08em; }
.terrain-card h3{ font-size:23px; margin-top:14px; margin-bottom:12px; }
.terrain-card p{ font-size:14.5px; color:var(--stone); }
@media (max-width:900px){ .terrain-grid{ grid-template-columns:1fr; } }

/* ---------- GALLERY ---------- */
.gallery{ display:grid; grid-template-columns:repeat(6, 1fr); grid-auto-rows:180px; gap:8px; }
.g-item{ position:relative; border-radius:2px; overflow:hidden; grid-column:span 2; display:flex; align-items:flex-end; padding:16px; isolation:isolate; }
.g-item::before{ content:""; position:absolute; inset:0; z-index:-1; }
.g-item.a{ grid-column:span 3; grid-row:span 2; }
.g-item.b{ grid-column:span 3; grid-row:span 2; }
.g-item.c{ grid-column:span 2; }
.g-item.d{ grid-column:span 2; }
.g-item.e{ grid-column:span 2; }
.g-cap{ font-family:'IBM Plex Mono', monospace; font-size:11.5px; color:rgba(238,240,242,0.88); letter-spacing:0.04em; text-shadow:0 1px 6px rgba(0,0,0,0.5); }
.g-cap b{ display:block; font-family:'Fraunces', serif; font-size:16px; font-weight:500; color:var(--snow); margin-bottom:2px; letter-spacing:0; }
.g-item.a::before{ background:linear-gradient(155deg,#2a3542,#0d1116 55%,#1a222c), radial-gradient(circle at 75% 20%, rgba(227,177,95,0.35), transparent 45%); }
.g-item.b::before{ background:linear-gradient(200deg,#1c232c,#0a0d12 60%), radial-gradient(circle at 20% 15%, rgba(232,115,94,0.28), transparent 50%); }
.g-item.c::before{ background:linear-gradient(160deg,#232d38,#0e131a); }
.g-item.d::before{ background:linear-gradient(210deg,#1a222c,#0a0d12), radial-gradient(circle at 80% 80%, rgba(227,177,95,0.18), transparent 55%); }
.g-item.e::before{ background:linear-gradient(170deg,#2a3542,#0d1116); }
@media (max-width:840px){
  .gallery{ grid-template-columns:repeat(2,1fr); grid-auto-rows:170px; }
  .g-item, .g-item.a, .g-item.b, .g-item.c, .g-item.d, .g-item.e{ grid-column:span 1; grid-row:span 1; }
}

/* ---------- DAY ---------- */
.day{ background:var(--night-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.timeline{ position:relative; margin-top:8px; }
.timeline::before{ content:""; position:absolute; left:98px; top:8px; bottom:8px; width:1px; background:linear-gradient(180deg, var(--stone-dim), var(--coral) 55%, var(--gold)); }
.t-row{ display:grid; grid-template-columns:98px 40px 1fr; padding:28px 0; border-bottom:1px solid var(--line); }
.t-row:last-child{ border-bottom:none; }
.t-time{ font-family:'IBM Plex Mono', monospace; font-size:14px; color:var(--gold); padding-top:2px; }
.t-dot{ display:flex; justify-content:center; padding-top:6px; }
.t-dot span{ width:9px; height:9px; border-radius:50%; background:var(--night-2); border:2px solid var(--coral); }
.t-body h3{ font-size:19px; margin-bottom:6px; }
.t-body p{ font-size:14.5px; max-width:520px; }
@media (max-width:640px){
  .timeline::before{ left:8px; }
  .t-row{ grid-template-columns:26px 1fr; }
  .t-time{ display:none; }
}

/* ---------- TESTIMONIAL ---------- */
.testimonial{ text-align:center; max-width:760px; margin:0 auto; }
.testimonial q{ font-family:'Fraunces', serif; font-size:clamp(24px,3.2vw,34px); font-style:italic; color:var(--snow); font-weight:500; line-height:1.35; quotes:none; }
.testimonial .attr{ margin-top:26px; font-family:'IBM Plex Mono', monospace; font-size:13px; color:var(--stone-dim); letter-spacing:0.04em; }

/* ---------- CONTACT ---------- */
.contact{ background:var(--night-2); border-top:1px solid var(--line); }
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; }
.contact-info h2{ font-size:clamp(30px,4vw,44px); line-height:1.06; margin-top:16px; }
.contact-info p{ margin-top:20px; max-width:400px; }
.contact-detail{ margin-top:34px; display:flex; flex-direction:column; gap:10px; }
.contact-detail a{
  font-family:'IBM Plex Mono', monospace; font-size:14.5px; color:var(--snow); border-bottom:1px solid var(--line-strong);
  width:fit-content; padding-bottom:2px; transition:border-color 0.2s ease, color 0.2s ease;
}
.contact-detail a:hover{ color:var(--coral); border-color:var(--coral); }

form{ display:flex; flex-direction:column; gap:18px; }
.field label{ display:block; font-size:12.5px; font-family:'IBM Plex Mono', monospace; letter-spacing:0.05em; color:var(--stone-dim); margin-bottom:8px; text-transform:uppercase; }
.field input, .field select, .field textarea{
  width:100%; background:var(--rock); border:1px solid var(--line-strong); color:var(--snow); padding:13px 14px;
  font-family:'Inter', sans-serif; font-size:14.5px; border-radius:2px; transition:border-color 0.2s ease;
}
.field input:focus, .field select:focus, .field textarea:focus{ border-color:var(--coral); outline:none; }
.field textarea{ resize:vertical; min-height:100px; }
.row2{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.submit-btn{ align-self:flex-start; margin-top:6px; cursor:pointer; border:none; }
@media (max-width:840px){ .contact-grid{ grid-template-columns:1fr; } .row2{ grid-template-columns:1fr; } }

/* ---------- FOOTER ---------- */
footer{ padding:40px 0; font-size:12.5px; color:var(--stone-dim); font-family:'IBM Plex Mono', monospace; }
.footer-inner{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; }
footer a{ color:var(--stone-dim); transition:color 0.2s ease; }
footer a:hover{ color:var(--coral); }
.foot-links{ display:flex; gap:22px; flex-wrap:wrap; }

/* ---------- LEGAL PAGES ---------- */
.legal-page{ padding-top:160px; padding-bottom:120px; min-height:70vh; }
.legal-title{ font-size:clamp(32px,5vw,52px); margin-bottom:40px; }
.legal-body{ max-width:720px; }
.legal-body h3{ font-size:19px; margin-top:34px; margin-bottom:10px; }
.legal-body h3:first-child{ margin-top:0; }
.legal-body p{ font-size:15px; margin-bottom:6px; color:var(--stone); }
.legal-body a{ color:var(--gold); border-bottom:1px solid rgba(227,177,95,0.35); }
.legal-body a:hover{ border-color:var(--gold); }
.legal-body strong{ color:var(--snow); font-weight:600; }

/* ================= CMS ================= */
.cms-body{ background:var(--night-2); }

.cms-login-wrap{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; }
.cms-login-card{
  width:100%; max-width:380px; background:var(--rock); border:1px solid var(--line-strong); border-radius:6px; padding:36px;
}
.cms-login-card form{ gap:16px; }
.cms-error{
  background:rgba(232,115,94,0.12); border:1px solid rgba(232,115,94,0.4); color:var(--coral);
  font-size:13px; padding:10px 12px; border-radius:3px; margin-bottom:18px;
}

.cms-topbar{
  position:sticky; top:0; z-index:50; display:flex; align-items:center; justify-content:space-between;
  padding:18px 32px; background:var(--night); border-bottom:1px solid var(--line);
}
.cms-topbar form button{ padding:9px 18px; font-size:13px; }

.cms-wrap{ max-width:840px; margin:0 auto; padding:40px 32px 120px; }
.cms-success{
  background:rgba(160,200,150,0.12); border:1px solid rgba(160,200,150,0.4); color:#a8caa0;
  font-size:13.5px; padding:12px 16px; border-radius:3px; margin-bottom:24px;
}

.cms-tabs{ display:flex; gap:2px; margin-bottom:28px; background:var(--line); border:1px solid var(--line); width:fit-content; border-radius:3px; overflow:hidden; }
.cms-tab-btn{
  font-family:'IBM Plex Mono', monospace; font-size:13px; letter-spacing:0.04em; padding:10px 22px; background:var(--night);
  color:var(--stone-dim); border:none; cursor:pointer; transition:all 0.2s ease;
}
.cms-tab-btn.active{ background:var(--coral); color:var(--night); }
.cms-tab-btn:not(.active):hover{ color:var(--snow); }

.cms-form{ display:none; flex-direction:column; gap:0; }
.cms-form.active{ display:flex; }

.cms-section{ background:var(--rock); border:1px solid var(--line); border-radius:6px; padding:28px; margin-bottom:20px; display:flex; flex-direction:column; gap:16px; }
.cms-section h3{ font-size:15px; color:var(--gold); font-family:'IBM Plex Mono', monospace; letter-spacing:0.03em; text-transform:uppercase; margin-bottom:4px; }

.cms-row2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.cms-row3{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
.cms-row4{ display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:16px; }
.cms-row5{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
@media (max-width:720px){
  .cms-row2, .cms-row3, .cms-row4, .cms-row5{ grid-template-columns:1fr; }
}

.cms-card-block{ border:1px solid var(--line); border-radius:4px; padding:18px; background:var(--night-2); display:flex; flex-direction:column; gap:14px; }
.cms-card-label{ font-family:'IBM Plex Mono', monospace; font-size:11px; color:var(--stone-dim); letter-spacing:0.08em; text-transform:uppercase; }

.cms-html-area{ min-height:220px; font-family:'IBM Plex Mono', monospace; font-size:13px; }

.cms-save-bar{
  position:sticky; bottom:0; display:flex; gap:14px; padding:20px 0; background:linear-gradient(to top, var(--night-2) 70%, transparent);
}