:root{--petrol:#010304;--ink:#0B1C20;--paper:#F7F3EB;--paper2:#FBF9F4;--line:#D8D0C2;--brass:#9B814D;--brassText:#80683B;--body:#414846}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper2);color:var(--ink);font-family:"Aptos","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.7}
h1,h2,h3{font-family:Cambria,Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.012em}
a{color:inherit} .wrap{max-width:1220px;margin:0 auto;padding:0 42px}
.eyeline{color:var(--brassText);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600;margin-bottom:15px}

header{height:76px;background:var(--paper);border-bottom:1px solid #D7D0C4;display:flex;align-items:center;position:sticky;top:0;z-index:30}
header .wrap{width:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{width:258px;max-width:34vw;height:auto;display:block}
nav{display:flex;gap:26px;align-items:center;white-space:nowrap}
nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.105em;font-size:11.5px}
nav a.active{color:var(--brassText);border-bottom:1px solid var(--brass);padding-bottom:4px}
.menu-btn{display:none;border:0;background:none;color:var(--ink);text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.mobile-nav{display:none}

/* Architectural hero */
.hero{position:relative;overflow:hidden;background:#010304;color:#fff;min-height:520px}
.hero::before{
  content:"";position:absolute;inset:0;
  background-image:url("/assets/images/architecture/confidential-review-threshold.webp");
  background-repeat:no-repeat;
  background-size:auto 112%;
  background-position:88% 50%;
}
.hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#010304 0%,#010304 41%,rgba(1,3,4,.98) 48%,rgba(1,3,4,.82) 58%,rgba(1,3,4,.36) 72%,rgba(1,3,4,.04) 88%,rgba(1,3,4,0) 100%);
}
.hero .wrap{min-height:520px;display:flex;align-items:center;position:relative;z-index:2}
.hero-copy{width:58%;padding:66px 0 62px}
.hero .eyeline{color:#B99D63}
.hero h1{margin:0 0 22px;max-width:670px;font-size:clamp(38px,3.55vw,50px);line-height:1.08}
.hero p{margin:0 0 15px;max-width:650px;color:#D7DEDC;font-size:16px;line-height:1.7}

/* Intro band */
.intro{background:#F4F3EE;border-bottom:1px solid #D1D3CF;padding:48px 0 46px}
.intro-grid{display:grid;grid-template-columns:32% 68%;gap:54px}
.intro h2{margin:0;font-size:29px;line-height:1.18;max-width:330px}
.intro-copy{max-width:730px}
.intro-copy p{margin:0 0 14px;color:var(--body);font-size:14.8px;line-height:1.7}
.intro-notes{display:flex;flex-wrap:wrap;gap:9px 26px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:#686E6A;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}

/* Centered intake document */
.form-section{background:#D9DDDA;padding:70px 0 76px}
.form-shell{max-width:960px;margin:0 auto;background:#F6F5F1;border:1px solid #C8CDCA;padding:48px 54px 52px}
.form-top{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:28px}
.form-top h2{margin:0 0 7px;font-size:30px;line-height:1.18}
.form-top p{margin:0;color:#666C68;font-size:13px}
.form-mark{color:#8B8F8B;text-align:right;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;line-height:1.55}

form{margin:0}
.section-title{margin:33px 0 13px;color:#263437;font-family:Cambria,Georgia,serif;font-size:19px;line-height:1.3}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.field{margin-bottom:22px}
label,legend{display:block;margin:0 0 7px;color:#283638;font-size:11.5px;font-weight:600;letter-spacing:.025em}
.optional{color:#8A8F8C;font-weight:400}
input[type=text],input[type=email],input[type=tel],textarea{
  width:100%;border:0;border-bottom:1px solid #BFC5C1;background:transparent;color:var(--ink);font:inherit;font-size:16px;padding:11px 2px 12px;outline:none;border-radius:0
}
input:focus,textarea:focus{border-bottom-color:var(--brassText)}
textarea{min-height:105px;border:1px solid #C7CCC8;background:#FCFAF6;padding:12px 13px;resize:vertical}
::placeholder{color:#9A9F9B}
fieldset{border:0;padding:0;margin:0}
.selector-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:24px}
.selector{
  min-height:50px;display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)
}
.selector input{margin:4px 0 0;accent-color:#80683B}
.selector label{margin:0;font-weight:400;color:#505854;font-size:13px;line-height:1.5;cursor:pointer}
.guidance{margin:-11px 0 24px;color:#818682;font-size:11.5px;line-height:1.55}

.pre-submit{margin:34px 0 23px;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pre-submit h3{margin:0 0 9px;font-size:19px}
.pre-submit p{margin:0;color:#5C635F;font-size:13.2px;line-height:1.65}
.ack{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px}
.ack input{margin-top:5px;accent-color:#80683B}
.ack label{margin:0;font-weight:400;color:#555D59;font-size:12.3px;line-height:1.62}
.privacy{margin:0 0 21px;color:#777D79;font-size:11.3px;line-height:1.55}
.privacy a{color:var(--brassText);text-underline-offset:3px}
.security{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;margin-bottom:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#818682;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.security span:last-child{text-transform:none;letter-spacing:0;color:#A0A49F}
.actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.submit-btn{appearance:none;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:13px 21px 12px;font:inherit;font-size:10.8px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}
.actions small{color:#858A87;font-size:10.8px}

/* After form */
.after{background:#F4F3EE;padding:62px 0 66px;border-top:1px solid #D1D3CF}
.after-grid{display:grid;grid-template-columns:32% 68%;gap:54px}
.after h2{margin:0;max-width:330px;font-size:30px;line-height:1.18}
.after-copy{max-width:730px}
.after-copy p{margin:0 0 15px;color:var(--body);font-size:14.8px;line-height:1.7}
.after-row{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}
.after-row h3{margin:0 0 8px;font-size:18px}
.after-row p{margin:0;color:#616864;font-size:13px;line-height:1.62}

/* Final dark discretion note */
.discretion{background:#010304;color:#fff;padding:52px 0 54px}
.discretion-grid{display:grid;grid-template-columns:34% 66%;gap:56px}
.discretion .eyeline{color:#B99D63}
.discretion h2{margin:0;max-width:380px;font-size:31px;line-height:1.18}
.discretion p{margin:0 0 13px;max-width:700px;color:#CBD2CF;font-size:14.6px;line-height:1.68}
.discretion strong{color:#F1EEE8;font-weight:500}

footer{background:var(--paper);border-top:1px solid var(--line);padding:26px 0 24px}
.footer-grid{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}
.footer-id{color:#555C58;font-size:12px}
.footer-id strong{display:block;font-family:Cambria,Georgia,serif;font-weight:400;color:var(--ink);font-size:17px;margin-bottom:3px}
.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px 20px}
.footer-links a{color:#5F6662;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}
.copyright{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:#777C78;font-size:10.5px;display:flex;justify-content:space-between;gap:20px}

@media(max-width:1020px){
 nav{display:none} .menu-btn{display:block}
 .mobile-nav.open{display:block;position:fixed;top:76px;left:0;right:0;z-index:29;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 27px 22px}
 .mobile-nav a{display:block;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font-size:11px}
 .hero::before{background-size:auto 103%;background-position:92% 50%}
 .hero::after{background:linear-gradient(90deg,#010304 0%,#010304 50%,rgba(1,3,4,.88) 65%,rgba(1,3,4,.32) 84%,rgba(1,3,4,0) 100%)}
 .hero-copy{width:68%}
 .intro-grid,.after-grid,.discretion-grid{grid-template-columns:1fr;gap:25px}
 .form-shell{padding:42px 36px 46px}
}
@media(max-width:820px) and (min-width:701px){
 .form-section{padding:46px 22px 54px}
 .form-section>.wrap{padding:0}
 .form-shell{padding:40px 34px 44px}
 .hero-copy{width:72%}
}
@media(max-width:700px){
 .wrap{padding:0 22px}
 header{height:70px}
 .logo{width:218px;max-width:72vw}
 .mobile-nav.open{top:70px}
 .hero{min-height:auto}
 .hero .wrap{min-height:535px;align-items:flex-end}
 .hero-copy{width:100%;padding:54px 0 48px}
 .hero h1{font-size:38px;line-height:1.09}
 .hero p{font-size:15.5px;line-height:1.66}
 .hero::before{background-size:auto 79%;background-position:70% 7%;opacity:.78}
 .hero::after{background:linear-gradient(180deg,rgba(1,3,4,.10) 0%,rgba(1,3,4,.44) 37%,rgba(1,3,4,.86) 62%,#010304 79%,#010304 100%)}
 .intro{padding:42px 0 40px}
 .intro h2{font-size:27px}
 .intro-notes{gap:8px 16px}
 .form-section{padding:28px 0;background:#D9DDDA}
 .form-section>.wrap{padding:0}
 .form-shell{max-width:none;border:0;padding:34px 22px 40px;background:#F6F5F1}
 .form-top{grid-template-columns:1fr;gap:12px;margin-bottom:24px}
 .form-top h2{font-size:27px}
 .form-mark{text-align:left;font-size:10px}
 .section-title{margin-top:29px}
 .field-row,.selector-grid,.after-row{grid-template-columns:1fr}
 .field{margin-bottom:20px}
 input[type=text],input[type=email],input[type=tel],textarea{font-size:16px}
 textarea{min-height:120px}
 .selector-grid{border-left:0}
 .selector{min-height:52px;border-left:1px solid var(--line);padding:13px 12px}
 .selector label{font-size:13.5px}
 .ack label{font-size:12.5px}
 .security{align-items:flex-start;flex-direction:column;gap:4px;padding:11px 0}
 .actions{align-items:flex-start;flex-direction:column;gap:9px}
 .submit-btn{width:100%;min-height:48px}
 .after{padding:50px 0 54px}
 .after h2,.discretion h2{font-size:28px}
 .discretion{padding:48px 0 50px}
 .footer-grid,.copyright{flex-direction:column}
 .footer-links{justify-content:flex-start}
}
