:root{
  --navy-deep:#070d1a;
  --navy:#0b1626;
  --navy-panel:#0f1e33;
  --navy-line:#1c2c44;
  --ink:#eef2f7;
  --ink-dim:#a7b4c7;
  --ink-faint:#74839b;
  --signal:#6f9fe0;
  --signal-soft:#5a83b1;
  --eggplant:#3d2245;
  --eggplant-line:#4f3358;
  --eggplant-light:#b28dc2;
  --rosewood:#b37587;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--navy);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.serif{
  font-family:'Fraunces',serif;
  font-weight:400;
  letter-spacing:-0.01em;
}
a{color:inherit;text-decoration:none;}
.tagline{font-family:'Fraunces',serif;font-style:normal;font-weight:400;}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px;}
@media(max-width:720px){.wrap{padding:0 22px;}}

/* ---------- NAV ---------- */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(7,13,26,0.88);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--navy-line);
}
nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;}
.brand{display:flex;flex-direction:column;line-height:1.05;}
.brand-name{font-family:'Fraunces',serif;font-size:22px;letter-spacing:0.04em;font-weight:500;}
.brand-sub{font-size:9.5px;letter-spacing:0.18em;color:var(--eggplant-light);margin-top:3px;}
.nav-links{display:flex;gap:36px;font-size:13.5px;color:var(--ink-dim);}
.nav-links a:hover{color:var(--ink);}
.nav-cta{
  border:1px solid var(--navy-line);
  padding:10px 20px;border-radius:2px;
  font-size:13px;color:var(--ink);
  display:flex;align-items:center;gap:8px;
  white-space:nowrap;
}
.nav-cta:hover{border-color:var(--signal);color:var(--signal);}
.nav-mobile-hide{display:flex;}
@media(max-width:860px){.nav-mobile-hide{display:none;}}

/* ---------- HERO ---------- */
.hero{
  position:relative;overflow:hidden;
  padding:100px 0 76px;
  border-bottom:1px solid var(--navy-line);
}
.hero-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(var(--navy-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--navy-line) 1px, transparent 1px);
  background-size:64px 64px;
  opacity:0.18;
  mask-image:radial-gradient(ellipse 700px 500px at 78% 45%, black, transparent);
}
.hero-inner{position:relative;max-width:680px;}
.eyebrow{
  font-size:12px;letter-spacing:0.14em;color:var(--rosewood);
  margin-bottom:22px;font-weight:500;
}
.hero h1{
  font-size:56px;line-height:1.06;color:var(--ink);
  margin-bottom:26px;
}
.hero h1 em{font-style:italic;color:var(--signal);}
.hero-lede{font-size:18px;color:#cdd7e4;margin-bottom:16px;max-width:520px;}
.hero-sub{font-size:15px;color:var(--ink-dim);margin-bottom:36px;max-width:500px;}
.btn-primary{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--signal);color:#081120;
  padding:14px 26px;border-radius:2px;
  font-size:14px;font-weight:600;
  transition:background 0.15s ease;
}
.btn-primary:hover{background:#84add8;}
.hero-tags{
  display:flex;gap:0;margin-top:56px;
  border-top:1px solid var(--navy-line);
  padding-top:22px;font-size:11.5px;letter-spacing:0.08em;
  color:var(--ink-faint);flex-wrap:wrap;
}
.hero-tags span{padding-right:18px;margin-right:18px;border-right:1px solid var(--navy-line);}
.hero-tags span:last-child{border-right:none;}
@media(max-width:720px){
  .hero{padding:64px 0 48px;}
  .hero h1{font-size:38px;}
}

/* ---------- SECTION BASICS ---------- */
section{padding:84px 0;border-bottom:1px solid var(--navy-line);}
.section-label{font-size:12px;letter-spacing:0.14em;color:var(--rosewood);margin-bottom:16px;font-weight:500;}
.section-head{font-size:32px;color:var(--ink);max-width:640px;}
@media(max-width:720px){section{padding:56px 0;} .section-head{font-size:26px;}}

/* ---------- CONTRAST BLOCK ---------- */
.contrast{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start;}
.contrast h2{font-size:34px;color:var(--ink);line-height:1.18;}
.contrast h2 .dim{color:var(--ink-faint);}
.contrast .rule{width:52px;height:2px;background:var(--signal);margin:22px 0;}
.contrast .kicker{font-size:18px;color:var(--signal);font-family:'Fraunces',serif;font-style:italic;}
.contrast p{color:var(--ink-dim);font-size:15px;margin-bottom:12px;}
.contrast .close{color:var(--ink);font-weight:500;margin-top:18px;}
@media(max-width:860px){.contrast{grid-template-columns:1fr;gap:28px;}}

/* ---------- EXPERTISE ---------- */
.expertise-grid{
  margin-top:54px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
}
.expertise-col{padding:0 32px;border-left:1px solid var(--navy-line);}
.expertise-col:first-child{padding-left:0;border-left:none;}
.expertise-num{font-family:'Fraunces',serif;font-size:15px;color:var(--signal-soft);margin-bottom:14px;}
.expertise-col h3{font-size:19px;color:var(--ink);margin-bottom:6px;font-weight:500;}
.expertise-tag{font-size:12px;color:var(--rosewood);letter-spacing:0.04em;margin-bottom:18px;}
.expertise-col ul{list-style:none;}
.expertise-col li{
  font-size:14px;color:var(--ink-dim);padding:9px 0;
  border-top:1px solid var(--navy-line);
}
.expertise-col li:first-of-type{border-top:none;}
@media(max-width:860px){
  .expertise-grid{grid-template-columns:1fr;gap:36px;}
  .expertise-col{border-left:none;padding-left:0;border-top:1px solid var(--navy-line);padding-top:32px;}
  .expertise-col:first-child{border-top:none;padding-top:0;}
}
.expertise-grid-2{
  margin-top:54px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
}
.expertise-grid-2 .expertise-col{padding:0 26px;}
.expertise-grid-2 .expertise-col:first-child{padding-left:0;}
@media(max-width:860px){
  .expertise-grid-2{grid-template-columns:1fr 1fr;row-gap:36px;}
  .expertise-grid-2 .expertise-col{border-left:none;padding-left:0;}
  .expertise-grid-2 .expertise-col:nth-child(odd){border-left:none;}
}
@media(max-width:560px){
  .expertise-grid-2{grid-template-columns:1fr;}
  .expertise-grid-2 .expertise-col{border-top:1px solid var(--navy-line);padding-top:32px;border-left:none;padding-left:0;}
  .expertise-grid-2 .expertise-col:first-child{border-top:none;padding-top:0;}
}

/* ---------- WHY ---------- */
.why-grid{margin-top:54px;display:grid;grid-template-columns:repeat(4,1fr);gap:36px;}
.why-item .mark{
  width:34px;height:34px;border:1px solid var(--signal-soft);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--signal);font-size:14px;margin-bottom:22px;font-family:'Fraunces',serif;
}
.why-item h3{font-size:15.5px;color:var(--ink);margin-bottom:10px;font-weight:500;letter-spacing:0.01em;}
.why-item p{font-size:13.5px;color:var(--ink-dim);line-height:1.55;}
@media(max-width:860px){.why-grid{grid-template-columns:1fr 1fr;row-gap:36px;}}
@media(max-width:520px){.why-grid{grid-template-columns:1fr;}}

/* ---------- APPROACH ---------- */
.approach-row{margin-top:54px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;}
.approach-step{position:relative;padding-right:22px;}
.approach-step:not(:last-child)::after{
  content:"→";position:absolute;right:-4px;top:2px;color:var(--signal-soft);font-size:14px;
}
.approach-num{font-family:'Fraunces',serif;font-size:26px;color:var(--signal-soft);margin-bottom:10px;}
.approach-step h3{font-size:13.5px;letter-spacing:0.06em;color:var(--ink);margin-bottom:10px;}
.approach-step p{font-size:13px;color:var(--ink-dim);line-height:1.55;padding-right:6px;}
@media(max-width:860px){
  .approach-row{grid-template-columns:1fr 1fr;row-gap:32px;}
  .approach-step::after{display:none;}
}
@media(max-width:520px){.approach-row{grid-template-columns:1fr;}}

/* ---------- FOUNDER ---------- */
.founder{background:var(--signal);border-bottom:1px solid rgba(7,13,26,0.15);}
.founder-grid{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:start;}
.founder-photo{
  width:100%;aspect-ratio:3/3.6;
  border:1px solid rgba(7,13,26,0.25);
  overflow:hidden;
}
.founder-photo img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:grayscale(15%);
}
.founder-eyebrow{font-size:12px;letter-spacing:0.14em;color:var(--eggplant);margin-bottom:10px;}
.founder-name{font-size:30px;color:var(--navy-deep);margin-bottom:18px;}
.founder-quote{font-family:'Fraunces',serif;font-style:normal;font-size:19px;color:var(--navy-deep);line-height:1.4;margin-bottom:20px;max-width:480px;}
.founder p.body{font-size:14.5px;color:var(--navy-deep);margin-bottom:14px;max-width:480px;}
@media(max-width:860px){
  .founder-grid{grid-template-columns:1fr;gap:28px;}
  .founder-photo{max-width:220px;aspect-ratio:3/3.6;}
}

/* ---------- CTA / FOOTER ---------- */
.cta-section{padding:80px 0 0;}
.cta-grid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding-bottom:56px;border-bottom:1px solid var(--navy-line);}
.cta-grid h2{font-size:34px;color:var(--ink);line-height:1.15;}
.cta-grid .btn-primary{margin-top:8px;}

footer{padding:40px 0;}
.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;}
.footer-brand{font-family:'Fraunces',serif;font-size:19px;}
.footer-brand .sub{display:block;font-family:'Inter',sans-serif;font-size:9px;letter-spacing:0.18em;color:var(--eggplant-light);margin-top:4px;}
.footer-mid{display:flex;gap:20px;font-size:11.5px;letter-spacing:0.06em;color:var(--ink-faint);}
.footer-contact{font-size:13px;color:var(--ink-dim);text-align:right;}
.footer-contact .who{color:var(--ink);margin-bottom:2px;}
.footer-bottom{margin-top:32px;padding-top:20px;border-top:1px solid var(--navy-line);display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-faint);flex-wrap:wrap;gap:8px;}
.footer-bottom a{color:inherit;text-decoration:none;transition:color 0.15s ease;}
.footer-bottom a:hover{color:var(--ink);}

/* ---------- NOT FOUND ---------- */
.not-found-page{min-height:100vh;display:flex;flex-direction:column;}
.not-found-page header,.not-found-page footer{flex:none;}
.not-found{
  position:relative;overflow:hidden;
  display:flex;align-items:center;flex:1;
  min-height:520px;padding:72px 0;
  border-bottom:1px solid var(--navy-line);
}
.not-found-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(var(--navy-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--navy-line) 1px, transparent 1px);
  background-size:64px 64px;
  opacity:0.18;
  mask-image:radial-gradient(ellipse 760px 520px at 72% 45%, black, transparent);
}
.not-found-inner{position:relative;width:100%;}
.not-found-code{
  font-family:'Fraunces',serif;font-size:15px;
  color:var(--signal);letter-spacing:0.14em;
  margin-bottom:42px;
}
.not-found .eyebrow{margin-bottom:16px;}
.not-found h1{
  max-width:680px;font-size:52px;line-height:1.08;
  color:var(--ink);margin-bottom:22px;
}
.not-found p{
  max-width:510px;color:var(--ink-dim);
  font-size:15px;margin-bottom:34px;
}
.not-found .btn-primary:focus-visible{
  outline:3px solid var(--ink);outline-offset:4px;
}
@media(max-width:720px){
  .not-found{min-height:430px;padding:56px 0;}
  .not-found-code{margin-bottom:30px;}
  .not-found h1{font-size:38px;}
}

/* ---------- LEGAL / PROSE PAGES ---------- */
.legal-page{
  padding:72px 0 96px;
  border-bottom:1px solid var(--navy-line);
}
.legal-container{
  max-width:820px;
  margin:0 auto;
}
.legal-header{
  margin-bottom:48px;
  padding-bottom:28px;
  border-bottom:1px solid var(--navy-line);
}
.legal-header h1{
  font-size:44px;
  line-height:1.15;
  color:var(--ink);
  margin-bottom:12px;
}
.legal-meta{
  font-size:13px;
  color:var(--ink-faint);
  letter-spacing:0.04em;
}
.legal-content h2{
  font-size:22px;
  color:var(--ink);
  margin:40px 0 16px;
  padding-top:16px;
  font-weight:500;
}
.legal-content h3{
  font-size:17px;
  color:var(--ink);
  margin:24px 0 12px;
  font-weight:500;
}
.legal-content p{
  color:var(--ink-dim);
  font-size:15px;
  line-height:1.75;
  margin-bottom:16px;
}
.legal-content ul,
.legal-content ol{
  color:var(--ink-dim);
  font-size:15px;
  line-height:1.75;
  margin:0 0 20px 24px;
}
.legal-content li{
  margin-bottom:8px;
}
.legal-content strong{
  color:var(--ink);
  font-weight:600;
}
.legal-content a{
  color:var(--signal);
  text-decoration:underline;
  text-underline-offset:3px;
  transition:color 0.15s ease;
}
.legal-content a:hover{
  color:#a7c8f0;
}
.legal-card{
  background:var(--navy-panel);
  border:1px solid var(--navy-line);
  border-radius:2px;
  padding:24px 28px;
  margin:28px 0;
}
.legal-card p:last-child{
  margin-bottom:0;
}
@media(max-width:720px){
  .legal-page{padding:48px 0 64px;}
  .legal-header h1{font-size:32px;}
  .legal-content h2{font-size:20px;margin:32px 0 14px;}
}