:root{--navy:#0A1628;--navy-2:#0F1D33;--navy-3:#15253F;--paper:#F5F2EC;--ink:#14213A;--gold:#C9A227;--gold-l:#E0C98A;--line:rgba(201,162,39,.22);--line-soft:rgba(255,255,255,.08);--text:#E6E4DF;--muted:#9AA3B2;--muted-ink:#5A6475;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',system-ui,sans-serif;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px;--max:1120px}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--navy);color:var(--text);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-l)}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--s3)}
/* header */
header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(10,22,40,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav{max-width:var(--max);margin:0 auto;padding:var(--s2) var(--s3);display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:12px;color:#fff;font-family:var(--sans);font-weight:500;letter-spacing:4px;font-size:15px}
.logo img{width:34px;height:34px;object-fit:contain}
.logo small{display:block;font-size:8.5px;letter-spacing:3px;color:var(--gold);margin-top:2px}
.nav-links{display:flex;list-style:none;gap:var(--s4)}
.nav-links a{color:var(--text);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:500;padding:6px 0;border-bottom:1px solid transparent}
.nav-links a:hover,.nav-links a.active{color:var(--gold);border-color:var(--gold)}
.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--gold);font-size:18px;padding:4px 10px;cursor:pointer}
/* sections */
section{padding:var(--s7) 0}
.tone-1{background:var(--navy)}.tone-2{background:var(--navy-2)}.tone-3{background:var(--navy-3)}
.tone-light{background:var(--paper);color:var(--ink)}
.tone-light .lead,.tone-light p{color:var(--muted-ink)}.tone-light h2,.tone-light h3{color:var(--ink)}
section+section{border-top:1px solid var(--line-soft)}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:11.5px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:var(--s3)}
.eyebrow::before{content:'';width:32px;height:1px;background:var(--gold)}
h1,h2{font-family:var(--serif);font-weight:400;line-height:1.15;color:#fff}
h1{font-size:clamp(40px,6vw,68px)}h2{font-size:clamp(30px,3.6vw,44px);margin-bottom:var(--s2)}
h1 em,h2 em{color:var(--gold-l)}
h3{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:#fff;margin-bottom:var(--s1)}
.lead{font-size:18px;color:var(--muted);max-width:640px}
.head{max-width:760px;margin-bottom:var(--s6)}
.head.center{margin-left:auto;margin-right:auto;text-align:center}.head.center .eyebrow{justify-content:center}
.sub{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--gold-l)}
.tone-light .sub{color:#8A6D14}
/* hero */
.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;padding:0;border:0}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:140px var(--s6) var(--s6) max(var(--s3),calc((100vw - var(--max))/2 + var(--s3)))}
.hero h1{font-family:var(--sans);font-weight:600;letter-spacing:-.5px;text-transform:uppercase;font-size:clamp(40px,5vw,64px);line-height:1.05}
.rule{width:64px;height:3px;background:var(--gold);margin:var(--s4) 0}
.hero .sub{font-size:22px;margin-bottom:var(--s5)}
.hero-img{background:linear-gradient(90deg,var(--navy) 0%,rgba(10,22,40,.2) 30%,rgba(10,22,40,.25)),url(bg1.jpg) center/cover;}
.hero-meta{margin-top:var(--s6);font-size:11px;letter-spacing:3px;color:var(--gold);text-transform:uppercase}
.page-hero{padding:180px 0 var(--s7);background:linear-gradient(160deg,var(--navy) 40%,var(--navy-3));border-bottom:1px solid var(--line)}
.page-hero h1{max-width:820px;margin-bottom:var(--s3)}
/* buttons */
.btn{display:inline-block;padding:14px 28px;border:1px solid var(--gold);color:var(--gold);font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600}
.btn:hover{background:var(--gold);color:var(--navy)}.btn.solid{background:var(--gold);color:var(--navy)}.btn.solid:hover{background:var(--gold-l)}
.link{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600}
/* grids & cards */
.grid{display:grid;gap:var(--s3)}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--line);background:rgba(255,255,255,.02);padding:var(--s4);position:relative}
.card::before{content:'';position:absolute;top:-1px;left:-1px;width:40px;height:2px;background:var(--gold)}
.card p{color:var(--muted);font-size:15px}
.tone-light .card{background:#fff;border-color:#E4DCCB}
.idx{font-family:var(--serif);color:var(--gold);font-size:28px;line-height:1;display:block;margin-bottom:var(--s2)}
/* pillars (who we are) */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s6);align-items:start}
.pillars{border-top:1px solid var(--line)}
.pillar{display:grid;grid-template-columns:48px 160px 1fr;gap:var(--s2);align-items:baseline;padding:var(--s3) 0;border-bottom:1px solid var(--line)}
.pillar .n{font-family:var(--serif);color:var(--gold)}.pillar h3{margin:0}.pillar p{color:var(--muted);margin:0}
.tone-light .pillars,.tone-light .pillar{border-color:#DCCFB0}
.stat{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s5);padding:var(--s4);border:1px solid var(--line)}
.stat b{font-family:var(--serif);font-weight:400;font-size:64px;color:var(--gold);line-height:1}
.stat span{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);max-width:200px}
.tone-light .stat{border-color:#DCCFB0;background:#fff}.tone-light .stat span{color:var(--muted-ink)}
.photo{aspect-ratio:4/5;background:url(bg2.jpg) center/cover;filter:grayscale(.2);border:1px solid var(--line)}
/* practices */
.practice{border:1px solid var(--line);padding:var(--s5);background:linear-gradient(180deg,rgba(201,162,39,.06),transparent 60%)}
.practice .idx{font-size:44px}
.practice h3{font-size:15px;margin-bottom:var(--s3)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--s4)}
.tags span{font-size:12.5px;border:1px solid var(--line-soft);padding:5px 12px;color:var(--text);background:rgba(255,255,255,.03)}
/* service blocks */
.svc-head{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);align-items:end;margin-bottom:var(--s5);padding-bottom:var(--s4);border-bottom:1px solid var(--line)}
.tone-light .svc-head{border-color:#DCCFB0}
.svc-head .code{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);text-align:right}
.tone-light .svc-head .code{color:var(--muted-ink)}
.motto{margin-top:var(--s4);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600;text-align:right}
.tone-light .motto{color:#8A6D14}
.practice-band{padding:var(--s5) 0;background:var(--navy);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.practice-band .wrap{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap}
.practice-band b{font-family:var(--serif);font-weight:400;font-size:56px;color:var(--gold);line-height:1}
.practice-band h2{margin:0;font-size:30px}
.practice-band p{color:var(--muted);font-size:13px;letter-spacing:2px;text-transform:uppercase;width:100%}
/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.step{padding:var(--s4);border-right:1px solid var(--line);position:relative}
.step:last-child{border-right:0}
.step:not(:last-child)::after{content:'→';position:absolute;right:-11px;top:var(--s4);background:var(--navy-2);color:var(--gold);width:22px;text-align:center}
.tone-light .step:not(:last-child)::after{background:var(--paper)}
.step p{color:var(--muted);font-size:15px}
.tone-light .steps,.tone-light .step{border-color:#DCCFB0}
.journey .step:not(:last-child)::after{background:var(--navy-3)}
.note{margin-top:var(--s5);text-align:center;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
.tone-light .note{color:#8A6D14}
.quote{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--gold-l);text-align:center;margin-top:var(--s5)}
.tone-light .quote{color:#8A6D14}
/* cta */
.cta{text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(201,162,39,.12),transparent 60%),var(--navy)}
.cta h2{font-size:clamp(34px,4.5vw,54px)}.cta .lead{margin:0 auto var(--s5)}
/* contact */
form{display:grid;gap:var(--s2)}
input,select,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);padding:12px 0;font:inherit;font-size:15px}
select option{background:var(--navy)}textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}
.info dl{display:grid;gap:var(--s3)}.info dt{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600}.info dd{color:var(--muted)}
button.btn{background:var(--gold);color:var(--navy);border:0;cursor:pointer;justify-self:start;font-family:inherit}
.small{font-size:13px;color:var(--muted)}
/* footer */
footer{background:#07101F;border-top:1px solid var(--line);padding:var(--s6) 0 var(--s4)}
.foot{display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;align-items:center;padding-bottom:var(--s4);border-bottom:1px solid var(--line-soft)}
.foot ul{display:flex;gap:var(--s3);list-style:none;flex-wrap:wrap}.foot ul a{color:var(--muted);font-size:12px;letter-spacing:1.5px;text-transform:uppercase}
.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s2);padding-top:var(--s3);font-size:12px;color:var(--muted);letter-spacing:1px}
/* responsive */
@media(max-width:960px){.g3,.g4,.steps{grid-template-columns:repeat(2,1fr)}.split,.svc-head{grid-template-columns:1fr}.svc-head .code{text-align:left}
.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}.step:nth-child(2)::after{display:none}
.hero{grid-template-columns:1fr}.hero-img{min-height:320px;background:linear-gradient(180deg,var(--navy),rgba(10,22,40,.3) 40%),url(bg1.jpg) center/cover}.hero-copy{padding:130px var(--s3) var(--s5)}}
@media(max-width:720px){section{padding:var(--s6) 0}.g2,.g3,.g4,.steps{grid-template-columns:1fr}
.step{border-right:0!important;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.step::after{display:none!important}
.pillar{grid-template-columns:36px 1fr}.pillar p{grid-column:2}.practice{padding:var(--s4)}
.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--navy);border-bottom:1px solid var(--line);padding:var(--s2) var(--s3)}
.nav-links.open{display:flex}.nav-links a{display:block;padding:12px 0}.page-hero{padding:140px 0 var(--s6)}.motto{text-align:left}.stat b{font-size:48px}}