:root{--n:#071a31;--g:#b89248;--c:#f7f3ea}*{box-sizing:border-box}body{margin:0;background:var(--c);color:#172235;font-family:Arial,sans-serif;line-height:1.55}header{background:white;display:flex;align-items:center;padding:10px 4%;min-height:104px;position:sticky;top:0;z-index:5;border-bottom:1px solid #ddd}.brand{display:block;text-decoration:none;line-height:0;flex:0 0 auto}.brand img{display:block;width:285px;max-width:32vw;height:auto}nav{margin-left:auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end}nav a{text-decoration:none;color:var(--n);font-size:10px;font-weight:bold}.send{background:var(--n);color:white!important;padding:11px}header button{display:none;margin-left:auto;background:none;border:0;font-size:24px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:white}.hero>div{padding:100px 10%}.hero h1,.page h1{font:60px/1.02 Georgia,serif;color:var(--n);margin:18px 0}.hero em{color:var(--g);font-weight:normal}.lead{font-size:20px}.gold{color:var(--g);font-size:12px;font-weight:bold;letter-spacing:3px}.btn{display:inline-block;background:var(--g);color:white;text-decoration:none;padding:14px 19px;border:1px solid var(--g);font-size:11px;font-weight:bold;letter-spacing:1px}.alt{background:white;color:var(--n);border-color:var(--n)}.art{position:relative;background:linear-gradient(140deg,#eee3cf 0 48%,var(--n) 48%);overflow:hidden}.art:after{content:"";position:absolute;width:600px;height:600px;border:8px solid var(--g);border-radius:50%;right:-270px;top:-150px}.art blockquote{position:absolute;z-index:2;right:6%;bottom:7%;max-width:420px;background:rgba(7,26,49,.95);color:white;padding:30px;border-left:4px solid var(--g);font:italic 18px Georgia,serif}.art small{display:block;color:#d8bf82;margin-top:14px;font:11px Arial,sans-serif}.intro{text-align:center;padding:80px 18%}.intro h2{font:38px Georgia,serif;color:var(--n)}.pillars,.stats{display:grid;grid-template-columns:repeat(6,1fr)}.pillars{background:white;padding:60px 5%;gap:25px;text-align:center}.pillars h3{color:var(--n);font-size:13px;letter-spacing:2px}.pillars p{font-size:13px;color:#606772}.stats{background:var(--n);color:#fff;padding:35px 4%;text-align:center;gap:12px}.stats b{color:#e0c47f;font:23px Georgia,serif}.stats small{display:block;color:#fff;font:9px Arial,sans-serif;letter-spacing:1px;margin-top:7px}.page{padding:95px 12% 70px;background:linear-gradient(120deg,#fff 0 68%,#eee2cc 68%)}.page h1{font-size:50px;max-width:850px}.page>p:last-child{max-width:800px;font-size:19px}.cards{padding:70px 8%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:white}.cards article{background:var(--c);border-top:4px solid var(--g);padding:28px}.cards h2,.two h2{font:26px Georgia,serif;color:var(--n)}.two{padding:75px 10%;display:grid;grid-template-columns:2fr 1fr;gap:45px;background:white}.two aside{background:var(--n);color:white;padding:38px}.two aside a{color:#e0c47f}.two form{display:grid;gap:15px}.two input,.two textarea{width:100%;padding:12px;margin-top:6px;border:1px solid #aaa;font:inherit}.photos{padding:70px 8%;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:white}.photos div{aspect-ratio:4/3;background:#e6ded0;border:1px dashed #999;display:grid;place-items:center;font-size:11px;letter-spacing:2px}footer{background:#041427;color:white;padding:40px 6%;display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap;font-size:11px}footer b{color:#e0c47f;font:20px Georgia,serif}@media(max-width:900px){header button{display:block}nav{display:none;width:100%;flex-direction:column;align-items:flex-start}nav.open{display:flex}header{flex-wrap:wrap}.hero{grid-template-columns:1fr}.art{min-height:420px}.hero h1,.page h1{font-size:42px}.pillars,.stats{grid-template-columns:repeat(2,1fr)}.cards,.photos{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}@media(max-width:550px){.pillars,.stats,.cards,.photos{grid-template-columns:1fr}.hero>div{padding:65px 8%}.page{padding:70px 8%}}

@media(max-width:900px){.brand img{width:240px;max-width:70vw}}@media(max-width:550px){.brand img{width:210px;max-width:72vw}}

/* Business-card inspired masthead — 2026-08-17 */
header{position:sticky;overflow:hidden;background:linear-gradient(108deg,#f7f3ea 0 34%,#fff 34% 100%);padding:0 4% 0 0;min-height:126px;border-bottom:3px solid var(--g)}
header:before{content:"";position:absolute;left:-115px;top:-250px;width:650px;height:330px;border:8px solid var(--g);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-4deg);pointer-events:none;z-index:0}
header:after{content:"";position:absolute;left:-145px;top:-228px;width:690px;height:322px;border:8px solid var(--n);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(2deg);pointer-events:none;z-index:0}
.brand{position:relative;z-index:2;width:365px;min-height:123px;display:flex;align-items:center;justify-content:center;padding:18px 34px 13px 28px;background:rgba(247,243,234,.94);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.brand img{width:310px;max-width:none;filter:none}
nav{position:relative;z-index:2;padding-left:22px}
@media(max-width:1100px){.brand{width:320px}.brand img{width:275px}nav{gap:11px}nav a{font-size:9px}}
@media(max-width:900px){header{padding-right:4%;min-height:108px}.brand{width:285px;min-height:105px;padding:15px 28px 10px 22px}.brand img{width:245px;max-width:none}header:before,header:after{transform:scale(.85)}header button{position:relative;z-index:3}nav{padding:16px 0 18px}}
@media(max-width:550px){.brand{width:250px}.brand img{width:215px;max-width:none}}

/* Brand-color and hero refinement — 2026-08-17 */
:root{--n:#04142c;--g:#976b32;--c:#f2efea;--cream:#f2efea;--goldlight:#c6923e}
body{background:var(--c);color:#172235}
header{background:linear-gradient(108deg,var(--cream) 0 34%,#fbfaf7 34% 100%);border-bottom:3px solid var(--g)}
.brand{background:rgba(242,239,234,.97)}
.send{background:var(--n)}
.gold,.hero em{color:var(--g)}
.btn{background:var(--g);border-color:var(--g)}
.stats{background:var(--n)}
footer{background:var(--n)}

/* Reworked quote panel: quieter, more premium, and tied directly to the business-card language */
.art{position:relative;background:var(--n);overflow:hidden;isolation:isolate}
.art:before{content:"";position:absolute;z-index:0;width:760px;height:760px;border:7px solid var(--goldlight);border-radius:50%;left:42%;top:-56%;opacity:.95}
.art:after{content:"";position:absolute;z-index:0;width:610px;height:610px;border:2px solid rgba(198,146,62,.42);border-radius:50%;left:53%;top:-37%}
.art blockquote{position:absolute;z-index:2;left:11%;right:10%;bottom:13%;max-width:520px;margin:0;background:transparent;color:#f5f0e7;padding:28px 0 24px 30px;border-left:3px solid var(--goldlight);font:italic 22px/1.35 Georgia,serif;text-shadow:0 1px 0 rgba(0,0,0,.15)}
.art blockquote:before{content:"“";position:absolute;left:27px;top:-36px;color:var(--goldlight);font:76px/1 Georgia,serif;font-style:normal;opacity:.9}
.art small{display:block;color:#c6923e;margin-top:18px;font:11px Arial,sans-serif;font-style:normal;font-weight:bold;letter-spacing:1.4px}
@media(max-width:900px){.art{min-height:430px}.art blockquote{font-size:20px;left:9%;right:9%;bottom:12%}.art:before{left:36%;top:-52%}}


/* =========================================================
   FINAL FIRST-DESIGN CORRECTION
   Colors sampled directly from the approved business-card reference.
   Logo uses transparency; no rectangular business-card crop.
   Original portrait appears ONLY on About.
   ========================================================= */
:root{
  --n:#011227;       /* approved deep navy */
  --g:#C48D4D;       /* approved warm gold */
  --c:#F2F0EC;       /* approved cream */
  --cream:#F2F0EC;
  --goldlight:#D3A45D;
}
body{background:var(--cream);color:#172235}

/* Clean header: same cream as the card, transparent logo artwork */
header{
  background:var(--cream)!important;
  min-height:112px!important;
  padding:10px 4%!important;
  border-bottom:2px solid var(--g)!important;
  overflow:visible!important;
}
header:before,header:after{display:none!important}
.brand{
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  clip-path:none!important;
  display:block!important;
}
.brand img{
  width:300px!important;
  max-width:31vw!important;
  height:auto!important;
  display:block!important;
}
nav{padding-left:20px!important}
nav a{color:var(--n)!important}
nav .send{background:var(--n)!important;color:#fff!important}

/* First-design homepage palette matched to the card */
.hero{background:#fff}
.hero h1,.page h1,.intro h2,.cards h2,.two h2{color:var(--n)}
.hero em,.gold{color:var(--g)}
.btn{background:var(--g);border-color:var(--g)}
.alt{background:#fff;color:var(--n);border-color:var(--n)}
.art{background:var(--n)!important}
.art:before{border-color:var(--goldlight)!important}
.art:after{border-color:rgba(196,141,77,.38)!important}
.art blockquote{color:#f7f3ea!important;border-left-color:var(--g)!important}
.art small{color:var(--goldlight)!important}
.stats,footer{background:var(--n)!important}
.stats b,footer b{color:var(--goldlight)!important}
.page{background:linear-gradient(120deg,#fff 0 68%,#eee6d8 68%)}
.cards article{background:var(--cream);border-top-color:var(--g)}

/* ABOUT — original portrait, no business-card crop and no cutout distortion */
.about-hero-v2{
  display:grid;
  grid-template-columns:58% 42%;
  min-height:680px;
  background:var(--cream);
  overflow:hidden;
  border-bottom:1px solid #d8d1c4;
}
.about-copy-v2{
  padding:90px 9% 75px 11%;
  align-self:center;
}
.about-kicker-v2{
  margin:0 0 20px;
  color:var(--g);
  font-size:12px;
  font-weight:800;
  letter-spacing:3px;
}
.about-copy-v2 h1{
  margin:0 0 30px;
  color:var(--n);
  font:400 58px/1.03 Georgia,serif;
}
.about-copy-v2 h1 em{color:var(--g);font-weight:400}
.about-copy-v2 p{
  max-width:690px;
  color:#334050;
  font-size:17px;
  line-height:1.72;
}
.about-copy-v2 .about-lead-v2{
  color:var(--n);
  font:22px/1.48 Georgia,serif;
}
.about-portrait-v2{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:55px 7% 90px;
  background:var(--n);
}
.about-portrait-v2:before{
  content:"";
  position:absolute;
  width:620px;height:620px;
  left:-280px;top:-190px;
  border:9px solid var(--g);
  border-left-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
  transform:rotate(16deg);
}
.about-photo-frame-v2{
  position:relative;
  z-index:2;
  width:min(390px,90%);
  height:500px;
  background:#fff;
  border:7px solid #fff;
  box-shadow:0 18px 45px rgba(0,0,0,.28);
  overflow:hidden;
}
.about-photo-frame-v2 img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 16%;
  display:block;
}
.about-photo-id-v2{
  position:absolute;
  z-index:3;
  left:11%;right:11%;bottom:35px;
  padding:18px 22px;
  background:rgba(1,18,39,.94);
  border-top:2px solid var(--g);
  color:#fff;
}
.about-photo-id-v2 strong{display:block;font-size:16px;letter-spacing:2px}
.about-photo-id-v2 span{display:block;margin-top:4px;color:var(--goldlight);font-size:11px;letter-spacing:1px}

.about-statement-v2{
  display:grid;
  grid-template-columns:25% 75%;
  align-items:center;
  gap:35px;
  padding:42px 9%;
  background:var(--n);
  color:#fff;
  border-top:1px solid var(--g);
}
.about-opus-v2{
  color:var(--goldlight);
  font:42px Georgia,serif;
  letter-spacing:10px;
}
.about-statement-v2>div:last-child{
  padding-left:38px;
  border-left:1px solid var(--g);
}
.about-statement-v2 blockquote{
  margin:0;
  font:italic 23px/1.45 Georgia,serif;
}
.about-statement-v2 cite{
  display:block;
  margin-top:10px;
  color:var(--goldlight);
  font:12px Arial,sans-serif;
  letter-spacing:2px;
}
.about-principles-v2{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:62px 8%;
  background:#fff;
}
.about-principles-v2 article{
  padding:28px 38px;
  border-right:1px solid #d8d1c4;
}
.about-principles-v2 article:last-child{border-right:0}
.about-principles-v2 span{color:var(--g);font:20px Georgia,serif}
.about-principles-v2 h2{color:var(--n);font:28px Georgia,serif;margin:9px 0}
.about-principles-v2 p{color:#4b5561;font-size:15px;line-height:1.65}

@media(max-width:900px){
  .brand img{width:240px!important;max-width:70vw!important}
  .about-hero-v2{grid-template-columns:1fr}
  .about-portrait-v2{min-height:590px}
  .about-copy-v2 h1{font-size:46px}
  .about-statement-v2{grid-template-columns:1fr}
  .about-statement-v2>div:last-child{border-left:0;border-top:1px solid var(--g);padding:25px 0 0}
  .about-principles-v2{grid-template-columns:1fr}
  .about-principles-v2 article{border-right:0;border-bottom:1px solid #d8d1c4}
}
@media(max-width:550px){
  .brand img{width:210px!important;max-width:72vw!important}
  .about-copy-v2{padding:65px 8%}
  .about-copy-v2 h1{font-size:39px}
  .about-photo-frame-v2{height:450px}
}

/* FINAL PORTRAIT: exact supplied image, no forced crop */
.about-photo-frame-v2{
 height:auto!important; aspect-ratio:auto!important; background:#fff!important;
 border:7px solid #fff!important; overflow:hidden!important;
}
.about-photo-frame-v2 img{
 width:100%!important; height:auto!important; object-fit:contain!important;
 object-position:center!important; display:block!important;
}