*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fbfaf7;color:#102a45;font-family:"Helvetica Neue","Avenir Next",Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{max-width:1440px;margin:auto;padding:0 4.5vw}header{position:sticky;top:0;z-index:10;background:#fbfaf7f5;border-bottom:1px solid #dde0e1}.nav{height:100px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:2.1rem;font-weight:300;letter-spacing:.17em}.navlinks{display:flex;gap:36px;align-items:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem}.navlinks .cta{background:#0d2945;color:white;padding:16px 24px}.hero{display:grid;grid-template-columns:1.03fr .97fr;min-height:660px;background:white}.hero-copy{padding:70px 4.5vw;display:flex;flex-direction:column;justify-content:center}.hero-image{background:url("../images/hero.jpg") center/cover;min-height:660px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.68rem;margin-bottom:20px}h1,h2{font-weight:300;letter-spacing:-.048em;line-height:.92;margin:0}h1{font-size:clamp(4.5rem,7vw,8rem)}h2{font-size:clamp(2.8rem,4.3vw,4.8rem)}.lead{font-size:clamp(1.2rem,1.5vw,1.75rem);color:#35495c;max-width:760px;margin-top:28px}.rule{width:50px;height:1px;background:#102a45;margin:28px 0}.tag{text-transform:uppercase;letter-spacing:.27em;font-size:.75rem}.section{padding:92px 0;border-top:1px solid #d9dddf}.soft{background:#f0f1ef}.intro,.leadgrid,.sellergrid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px}.intro p,.leadgrid p,.sellergrid p{font-size:1.08rem;color:#435466}.framework{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d9dddf;margin-top:52px}.framework article{background:white;padding:38px;min-height:320px}.n{font-size:.65rem;letter-spacing:.18em;color:#71808d;margin-bottom:85px}.framework h3{text-transform:uppercase;letter-spacing:.22em;font-size:1rem;margin:0 0 16px}.framework p{color:#435466}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:42px}.card{background:white;border:1px solid #d9dddf}.card img{width:100%;height:310px;object-fit:cover}.copy{padding:28px}.copy h3{font-size:1.8rem;letter-spacing:.13em;font-weight:400;margin:0}.copy p{color:#435466}.leadgrid blockquote{font-size:clamp(2.1rem,3.3vw,3.8rem);font-weight:300;line-height:1.05;letter-spacing:-.04em;margin:0}.seller{background:#0d2945;color:white}.seller p{color:#d8e0e6}.note{border-top:1px solid #ffffff33;padding-top:20px;margin-top:26px;font-size:.88rem!important;color:#b9c5cf!important}.button{display:inline-block;background:white;color:#0d2945;padding:16px 24px;margin-top:20px;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem}footer{background:#091f35;color:white;padding:50px 0}.footer{display:flex;justify-content:space-between}.footlogo{font-size:1.55rem;font-weight:300;letter-spacing:.17em}.menu{display:none}@media(max-width:900px){.menu{display:block}.navlinks{display:none}.hero,.intro,.leadgrid,.sellergrid,.cards,.framework{grid-template-columns:1fr}.hero-image{min-height:420px}.framework article{min-height:auto}.n{margin-bottom:40px}}
/* Production refinements */
img{max-width:100%;display:block}
.menu{cursor:pointer}
.navlinks a{transition:opacity .18s ease}
.navlinks a:hover{opacity:.65}
.button,.cta{transition:opacity .18s ease}
.button:hover,.cta:hover{opacity:.86}
@media(max-width:900px){
  .navlinks.open{
    display:flex;
    position:absolute;
    top:86px;
    left:0;
    right:0;
    background:#fbfaf7;
    padding:24px 6vw 30px;
    flex-direction:column;
    align-items:flex-start;
    border-bottom:1px solid #d9dddf;
  }
}

.contact-section{background:#fbfaf7}
.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px}
.contact-intro{font-size:1.08rem;color:#435466;margin-top:28px}
.contact-email{font-size:.9rem;color:#435466;margin-top:28px}
.contact-email a{border-bottom:1px solid #102a45;padding-bottom:2px}
form{display:grid;gap:24px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
form label{display:grid;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-size:.67rem;color:#435466}
form input,form textarea{width:100%;border:0;border-bottom:1px solid #aeb7bd;background:transparent;padding:12px 2px;font:inherit;font-size:1rem;color:#102a45;outline:none;border-radius:0}
form textarea{border:1px solid #aeb7bd;padding:14px;resize:vertical;margin-top:4px}
form input:focus,form textarea:focus{border-color:#102a45}
.form-submit{justify-self:start;border:0;background:#0d2945;color:white;padding:17px 28px;text-transform:uppercase;letter-spacing:.17em;font-size:.7rem;cursor:pointer}
.form-submit:hover{opacity:.86}
.hidden-field{display:none}
@media(max-width:900px){.contact-grid,.field-row{grid-template-columns:1fr}}

/* V7 exact PREQUIL wordmark from approved artwork */
.logo-image{display:flex;align-items:center}
.logo-image img{width:188px;height:auto;display:block}
.footlogo img{width:150px;height:auto;display:block;filter:brightness(0) invert(1)}
@media(max-width:600px){
  .logo-image img{width:158px}
  .footlogo img{width:138px}
}

/* V8 wordmark refinement — same approved artwork, quieter header scale */
.logo-image img{width:142px}
.footlogo img{width:142px}
@media(max-width:600px){
  .logo-image img{width:132px}
  .footlogo img{width:132px}
}

/* V9 portfolio links */
.company-link{display:block;color:inherit;text-decoration:none}
.company-link .company-card,.company-link .card{height:100%}
.company-link:hover img{transform:scale(1.012)}
.company-link img{transition:transform .22s ease}
.company-link:hover h3,.company-link:hover h2{text-decoration:underline;text-underline-offset:4px}

/* V11 — LinkedIn sepia brand treatment, navigation only */
header{background:#e5d8c7;}

/* V14 hero refinement */
.hero h1{
  font-size:clamp(3.1rem,4.45vw,4.9rem);
  line-height:.98;
  letter-spacing:-.045em;
  white-space:nowrap;
}
@media(max-width:900px){
  .hero h1{
    font-size:clamp(2.8rem,7vw,4.2rem);
    white-space:normal;
  }
}

/* V15 LinkedIn footer link */
.footer-right{display:flex;align-items:center;gap:24px}
.footer-linkedin{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;opacity:.82;transition:opacity .2s ease}
.footer-linkedin:hover{opacity:1}
.footer-linkedin svg{width:17px;height:17px;fill:currentColor;display:block}
@media(max-width:700px){
  .footer-right{gap:14px;flex-wrap:wrap}
}