@font-face{font-family:"Cormorant Garamond";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:400;font-style:italic;font-display:swap;src:url(fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:300;font-display:swap;src:url(fonts/montserrat-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:400;font-display:swap;src:url(fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:500;font-display:swap;src:url(fonts/montserrat-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:600;font-display:swap;src:url(fonts/montserrat-latin-600-normal.woff2) format("woff2")}

:root{
  --black:#000;--ink:#0b0b0b;--charcoal:#2B2B2B;--gold:#C39662;--gold-hi:#E7C391;--gold-dk:#906F49;
  --ivory:#FAF7F0;--ivory-2:#F3EDE1;--white:#fff;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --gold-grad:linear-gradient(135deg,#976F43 0%,#C39662 35%,#E7C391 55%,#C39662 75%,#976F43 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-weight:300;color:var(--charcoal);background:var(--ivory);line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(1200px,90%);margin:0 auto}
.eyebrow{font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-dk)}
.dark .eyebrow{color:var(--gold)}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;color:var(--black)}
.dark h1,.dark h2,.dark h3{color:var(--white)}
h2{font-size:clamp(2.1rem,3.6vw,3.2rem);margin:.6rem 0 1.1rem}
h3{font-size:1.6rem}
.rule{width:64px;height:1px;background:var(--gold-grad);margin:1.4rem 0}
.center{text-align:center}.center .rule{margin-left:auto;margin-right:auto}
.lede{max-width:640px;font-size:1.02rem;color:#555}
.center .lede{margin:0 auto}
.dark .lede{color:#bdb6aa}
section{padding:120px 0}
.dark{background:var(--black);color:#d9d3c7}
.placeholder{display:inline-block;font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#8a3b2e;background:#f6e3dc;border:1px dashed #c98f80;padding:.25rem .6rem;border-radius:2px;margin-bottom:1rem}
.dark .placeholder{color:#f2c9bd;background:rgba(201,143,128,.12);border-color:rgba(242,201,189,.5)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--sans);font-size:.74rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;padding:1.05rem 2.2rem;border:1px solid var(--gold);transition:all .35s ease;cursor:pointer}
.btn-gold{background:var(--gold-grad);background-size:200% 100%;color:var(--black);border-color:transparent}
.btn-gold:hover{background-position:100% 0}
.btn-ghost{color:var(--white);border-color:rgba(255,255,255,.55);background:transparent}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-hi)}
.btn .arrow{width:22px;height:1px;background:currentColor;position:relative}
.btn .arrow:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(195,150,98,.25)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:84px}
.nav .brand img{height:50px;width:auto}
.nav ul{display:flex;gap:2.4rem;list-style:none}
.nav ul a{font-size:.7rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#e9e3d8;transition:color .3s}
.nav ul a:hover{color:var(--gold-hi)}
.nav .btn{padding:.8rem 1.4rem;font-size:.66rem}
.menu-toggle{display:none;background:none;border:0;width:30px;height:20px;position:relative;cursor:pointer}
.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--gold)}
.menu-toggle:before{top:0}.menu-toggle span{top:9px}.menu-toggle:after{bottom:0}

/* hero */
.hero{position:relative;min-height:calc(100vh - 84px);min-height:max(640px,calc(100vh - 84px));display:flex;align-items:center;color:#fff;overflow:hidden;
  background:#120c08 url(img/hero.jpg) center 55%/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.66) 40%,rgba(0,0,0,.2) 62%,rgba(0,0,0,0) 80%),
  linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 35%)}
.hero .wrap{position:relative;z-index:1;padding:80px 0 110px}
.hero .eyebrow{color:var(--gold-hi)}
.mbr{display:none}
.hero h1{font-size:clamp(3.2rem,7vw,6.4rem);font-weight:400;color:#fff;margin:1.2rem 0 1.4rem;letter-spacing:-.01em}
.hero h1 em{font-style:italic;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.25rem,2vw,1.6rem);color:#efe8dc;max-width:560px;margin-bottom:2.6rem}
.hero .ctas{display:flex;gap:1.1rem;flex-wrap:wrap}
.hero .scroll{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:1;font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:#d9cfbf;text-align:center}
.hero .scroll:after{content:"";display:block;width:1px;height:38px;background:linear-gradient(var(--gold),transparent);margin:10px auto 0}

/* trust strip */
.strip{background:var(--black);border-top:1px solid rgba(195,150,98,.25);border-bottom:1px solid rgba(195,150,98,.25)}
.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:26px 0;flex-wrap:wrap}
.strip span{font-size:.64rem;letter-spacing:.22em;white-space:nowrap;text-transform:uppercase;color:#cfc6b6;display:flex;align-items:center;gap:.9rem}
.strip span:before{content:"";width:6px;height:6px;transform:rotate(45deg);background:var(--gold)}

/* value props */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:64px;border-top:1px solid #e3dac9}
.why{padding:44px 34px 10px;border-right:1px solid #e3dac9}
.why:last-child{border-right:0}
.why .num{font-family:var(--serif);font-size:2.6rem;color:var(--gold-dk);line-height:1}
.why h3{font-size:1.45rem;margin:1rem 0 .7rem}
.why p{font-size:.92rem;color:#5b5b5b}

/* services */
.services{background:var(--black)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(195,150,98,.22);margin-top:64px;border:1px solid rgba(195,150,98,.22)}
.svc{background:#050505;padding:48px 40px 52px;position:relative;transition:background .4s}
.svc:hover{background:#111}
.svc svg{width:46px;height:46px;stroke:var(--gold);fill:none;stroke-width:1.1;margin-bottom:28px}
.svc h3{font-size:1.75rem;margin-bottom:.8rem}
.svc p{font-size:.9rem;color:#a9a294}
.svc .more{display:inline-block;margin-top:1.4rem;font-size:.64rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}

/* motto band */
.motto{position:relative;padding:130px 0;text-align:center;background:linear-gradient(rgba(0,0,0,.74),rgba(0,0,0,.74)),url(img/motto.jpg) center 60%/cover no-repeat;color:#fff}
.motto img{width:120px;margin:0 auto 26px;opacity:.95}
.motto blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.25;max-width:880px;margin:0 auto;color:#fff}
.motto cite{display:block;margin-top:1.8rem;font-style:normal;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-hi)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:70px;position:relative}
.steps:before{content:"";position:absolute;top:36px;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.step{text-align:center;position:relative}
.step .badge{width:72px;height:72px;border-radius:50%;margin:0 auto 28px;display:grid;place-items:center;background:var(--ivory);border:1px solid var(--gold);font-family:var(--serif);font-size:1.7rem;color:var(--gold-dk)}
.step h3{margin-bottom:.7rem}
.step p{font-size:.93rem;color:#5b5b5b;max-width:320px;margin:0 auto}

/* about */
.about{background:var(--ivory-2)}
.about .wrap{display:grid;grid-template-columns:5fr 6fr;gap:90px;align-items:center}
.portrait{aspect-ratio:4/5;background:linear-gradient(160deg,#1a1a1a,#000);position:relative;display:grid;place-items:center;color:#8d8578;text-align:center;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase}
.portrait:after{content:"";position:absolute;inset:18px;border:1px solid rgba(195,150,98,.5);pointer-events:none}
.portrait img{width:46%;opacity:.9;margin:0 auto 18px}
.about p{margin-bottom:1.1rem;color:#4a4a4a}
.signature{font-family:var(--serif);font-style:italic;font-size:2rem;color:var(--gold-dk);margin-top:1.4rem}

/* testimonials */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:64px}
.tcard{border:1px solid rgba(195,150,98,.3);padding:44px 38px;background:#070707}
.tcard .q{font-family:var(--serif);font-size:4rem;line-height:.5;color:var(--gold);display:block;height:28px}
.tcard p{font-family:var(--serif);font-style:italic;font-size:1.32rem;line-height:1.5;color:#eee7da}
.tcard .who{margin-top:1.6rem;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.stars{color:var(--gold);letter-spacing:.3em;font-size:.8rem;margin-bottom:1.2rem}

/* form */
.quote .wrap{display:grid;grid-template-columns:4fr 6fr;gap:80px;align-items:start}
.quote aside p{color:#555;margin-bottom:1.2rem}
.quote aside ul{list-style:none;margin-top:1.6rem}
.quote aside li{padding:.85rem 0;border-bottom:1px solid #e3dac9;font-size:.9rem;display:flex;gap:.9rem;align-items:center}
.quote aside li:before{content:"";width:6px;height:6px;transform:rotate(45deg);background:var(--gold-dk);flex:none}
form{background:#fff;padding:52px;box-shadow:0 30px 60px -30px rgba(0,0,0,.25);border-top:3px solid var(--gold)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px 28px}
.full{grid-column:1/-1}
label{display:block;font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--charcoal);margin-bottom:.55rem}
input,select,textarea{width:100%;font-family:var(--sans);font-size:.95rem;font-weight:300;color:var(--charcoal);background:transparent;border:0;border-bottom:1px solid #cfc5b3;padding:.6rem 0;outline:none;border-radius:0;transition:border-color .3s}
select{appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23906F49'/%3E%3C/svg%3E") right center no-repeat}
textarea{resize:vertical;min-height:90px}
input:focus,select:focus,textarea:focus{border-bottom-color:var(--gold-dk)}
.form-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;flex-wrap:wrap}
.form-foot small{font-size:.72rem;color:#888;max-width:300px}
.form-ok{display:none;margin-top:20px;padding:14px 18px;background:var(--ivory);border-left:2px solid var(--gold-dk);font-size:.88rem}

/* footer */
footer{background:var(--black);color:#9f988b;padding:90px 0 36px;border-top:1px solid rgba(195,150,98,.25)}
.fcols{display:grid;grid-template-columns:5fr 3fr 3fr 4fr;gap:50px}
footer .flogo{width:250px;margin-bottom:22px}
footer h4{font-family:var(--sans);font-size:.64rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1.3rem}
footer ul{list-style:none}
footer li{font-size:.86rem;margin-bottom:.65rem}
footer a:hover{color:var(--gold-hi)}
footer .tag{font-family:var(--serif);font-style:italic;font-size:1.25rem;color:#e7dfd1}
.nexion{margin-top:70px;padding:28px 0;border-top:1px solid rgba(195,150,98,.2);border-bottom:1px solid rgba(195,150,98,.2);display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.nexion .member{font-family:var(--serif);font-size:1.25rem;color:#eee6d8;letter-spacing:.02em}
.nexion .member b{font-weight:500;color:var(--gold-hi)}
.badge-slot{border:1px dashed rgba(195,150,98,.55);padding:12px 20px;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#a89d8a;text-align:center}
.legal{margin-top:26px;font-size:.74rem;line-height:1.7;color:#7f786c}
.legal .placeholder{margin:0 .5rem 0 0;vertical-align:middle}
.copy{margin-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.68rem;letter-spacing:.12em;color:#6c665c}

/* responsive */
@media (max-width:1080px){
  .nav ul{gap:1.5rem}
  .why-grid{grid-template-columns:1fr 1fr}
  .why:nth-child(2){border-right:0}
  .why:nth-child(-n+2){border-bottom:1px solid #e3dac9;padding-bottom:40px}
  .fcols{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .nav ul,.nav .btn{display:none}
  .menu-toggle{display:block}
  section{padding:84px 0}
  .svc-grid,.tgrid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr;gap:56px}
  .steps:before{display:none}
  .about .wrap,.quote .wrap{grid-template-columns:1fr;gap:50px}
  .portrait{max-width:420px;width:100%;margin:0 auto}
}
@media (max-width:600px){
  .wrap{width:88%}
  .nav .wrap{height:70px}
  .nav .brand img{height:40px}
  .hero{min-height:max(640px,calc(100svh - 70px));background-position:68% center}
  .hero:before{background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.6) 45%,rgba(0,0,0,.05) 80%)}
  .strip span{white-space:normal}
  .hero{align-items:flex-end}
  .hero .wrap{padding:60px 0 96px}
  .hero .scroll{display:none}
  .mbr{display:inline}.hero .dot{display:none}
  .hero .ctas .btn{width:100%;justify-content:center}
  .strip .wrap{justify-content:center;gap:14px 22px}
  .why-grid{grid-template-columns:1fr}
  .why{border-right:0;border-bottom:1px solid #e3dac9;padding:36px 4px 30px}
  .why:last-child{border-bottom:0}
  .svc{padding:40px 30px}
  form{padding:34px 24px}
  .fgrid{grid-template-columns:1fr}
  .fcols{grid-template-columns:1fr;gap:38px}
  .form-foot .btn{width:100%;justify-content:center}
}

/* ===== v2 additions ===== */
.nav .brand img{height:44px}
.nav ul a.active{color:var(--gold-hi)}
.mobile-menu{display:none}
@media (max-width:900px){
  .mobile-menu{display:block;position:fixed;left:0;right:0;bottom:0;z-index:49;background:rgba(0,0,0,.97);padding:40px 8%;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s}
  .mobile-menu.open{opacity:1;visibility:visible;transform:none}
  .mobile-menu a{display:block;font-family:var(--serif);font-size:2rem;color:#fff;padding:.7rem 0;border-bottom:1px solid rgba(195,150,98,.2)}
  .mobile-menu a:hover,.mobile-menu a.active{color:var(--gold-hi)}
  .mobile-menu .btn{margin-top:2rem;width:100%;justify-content:center;font-family:var(--sans);font-size:.74rem;border-bottom:0}
  .menu-toggle{width:44px;height:44px}
  .menu-toggle span,.menu-toggle:before,.menu-toggle:after{left:8px;right:8px;transition:transform .3s,opacity .3s}
  .menu-toggle:before{top:14px}.menu-toggle span{top:21px}.menu-toggle:after{bottom:14px}
  .menu-toggle[aria-expanded="true"]:before{transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"]:after{transform:translateY(-8px) rotate(-45deg)}
  .menu-toggle[aria-expanded="true"] span{opacity:0}
  body.menu-open{overflow:hidden}
}
/* photo cards */
.pcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}
.pcard{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#111;border:1px solid rgba(195,150,98,.25)}
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.pcard:hover img{transform:scale(1.06)}
.pcard:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,0) 70%)}
.pcard .cap{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:30px 30px 32px}
.pcard h3{color:#fff;font-size:1.8rem;margin-bottom:.4rem}
.pcard p{font-size:.86rem;color:#d8d0c2;line-height:1.6}
.pcard .more{display:inline-block;margin-top:1rem;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-hi)}
/* page hero */
.phero{position:relative;padding:150px 0 110px;color:#fff;background:#000 center/cover no-repeat;text-align:center}
.phero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.78))}
.phero .wrap{position:relative}
.phero h1{color:#fff;font-size:clamp(2.8rem,6vw,5rem);font-weight:400;margin:.8rem 0}
.phero p{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:#efe8dc}
.phero .eyebrow{color:var(--gold-hi)}
/* service rows */
.srow{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:70px 0;border-bottom:1px solid #e3dac9}
.srow:last-child{border-bottom:0}
.srow:nth-child(even) .simg{order:2}
.simg{aspect-ratio:4/3;overflow:hidden}
.simg img{width:100%;height:100%;object-fit:cover}
.srow ul{list-style:none;margin:1.2rem 0 1.8rem}
.srow li{padding:.55rem 0;font-size:.92rem;display:flex;gap:.9rem;align-items:center;border-bottom:1px solid #ece4d6}
.srow li:before{content:"";width:6px;height:6px;transform:rotate(45deg);background:var(--gold-dk);flex:none}
.srow p{color:#4a4a4a}
.btn-dark{background:var(--black);color:var(--gold-hi);border-color:var(--black)}
.btn-dark:hover{background:#1a1a1a}
.portrait.photo{background:#000}
.portrait .ph-note{position:relative;z-index:1;padding:0 30px}
.edit-note{border:1px dashed #c98f80;background:#fbf0ec;padding:18px 22px;margin:0 0 1.4rem;font-size:.8rem;color:#8a3b2e}
.cta-band{background:var(--black);text-align:center}
@media (max-width:900px){
  .pcard-grid{grid-template-columns:1fr 1fr}
  .srow{grid-template-columns:1fr;gap:34px;padding:54px 0}
  .srow:nth-child(even) .simg{order:0}
  .phero{padding:110px 0 80px}
}
@media (max-width:600px){
  .pcard-grid{grid-template-columns:1fr}
  .pcard{aspect-ratio:4/4.2}
  .fgrid{grid-template-columns:1fr}
  form{padding:34px 24px}
  .fcols{grid-template-columns:1fr}
}
@media (max-width:900px){.mobile-menu{top:84px}}
@media (max-width:600px){.mobile-menu{top:70px}}
.mobile-menu{top:84px}
.mobile-menu a.btn{display:flex;justify-content:center;padding:1.05rem 2.2rem;color:var(--black)}
@media (max-width:600px){.hero:before{background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 50%,rgba(0,0,0,.35) 100%)}}