:root{--navy:#142f40;--navy2:#203f51;--gold:#d0a868;--goldlight:#f4dcaa;--cream:#f8f5ee;--paper:#fffefa;--ink:#193547;--muted:#5c6b71;--line:#e6dfd4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Helvetica Neue',sans-serif;color:var(--ink);background:var(--paper);line-height:1.62}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;line-height:1.15}h2{font-size:clamp(29px,3.2vw,44px);margin:12px 0 18px}h3{font-size:17px;line-height:1.3;margin:12px 0}p{color:var(--muted)}a{color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 5px 22px #071d281c}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;text-decoration:none;gap:11px;color:var(--goldlight);line-height:1}.brand b{display:block;font:26px Georgia,serif;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:2.5px;margin-top:6px}.logo{font:47px Georgia,serif;color:var(--gold)}.navigation{display:flex;gap:18px;align-items:center}.navigation a{font-size:13px;text-decoration:none;color:#f1f1ef}.navigation a:hover{color:var(--goldlight)}.actions{display:flex;align-items:center;gap:8px}.language{border:1px solid #bbad93;background:transparent;color:white;border-radius:20px;padding:7px 10px;cursor:pointer}.language.active{background:var(--goldlight);color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:40px;padding:13px 23px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px #112b3524}.btn-gold{background:linear-gradient(135deg,#f7dfab,#c99b54);color:#172e3c}.btn-outline{border:1px solid var(--gold);color:var(--navy)}.menu-toggle{display:none}.hero{color:white;background:radial-gradient(circle at 83% 26%,#607887 0,transparent 27%),linear-gradient(105deg,#102c3e 15%,#31536a 67%,#bca589 130%);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;min-height:540px;align-items:center;gap:35px}.hero-copy{padding:65px 0}.eyebrow,.overline{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:bold}.hero h1{font-size:clamp(46px,5.5vw,76px);letter-spacing:.5px;margin:18px 0}.hero-lead{color:#f2f6f7;max-width:620px;font-size:20px}.hero-benefits{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin:29px 0}.hero-benefits>span{border-right:1px solid #7b8b92;padding-right:17px}.hero-benefits>span:last-child{border:0}.btn-large{padding:18px 28px}.portrait-slot{align-self:end;display:flex;justify-content:center;padding:40px 0 0}.portrait-frame{width:min(370px,100%);min-height:430px;border:1px solid #e8d6b365;border-radius:190px 190px 0 0;background:linear-gradient(150deg,#f8e9cd45,#17344755);display:flex;flex-direction:column;align-items:center;justify-content:end;padding:30px;color:#fff9e8;text-align:center;gap:20px}.portrait-frame svg{width:77%;opacity:.7}.portrait-frame span{font-size:14px;background:#142f40a8;border-radius:15px;padding:8px 15px}.section{padding:85px 0;scroll-margin-top:85px}.section-tinted{background:var(--cream)}.section-head{text-align:center;margin-bottom:38px}.section-head p{max-width:650px;margin:0 auto}.cards{display:grid;gap:16px}.services{grid-template-columns:repeat(3,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:white;padding:27px;border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 25px #263c4609}.card p{margin:0;font-size:14px}.symbol{font-size:34px;color:#a77b41}.step-number{font:35px Georgia,serif;color:#b28b55}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.approach-art{min-height:370px;border-radius:22px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,#e6ca9c,#ded8c4 30%,#94a29a 65%,#29495b 100%);display:flex;align-items:end;padding:32px}.art-orb{position:absolute;width:210px;height:210px;border-radius:50%;top:33px;right:35px;background:linear-gradient(150deg,#fff4ca,#d2a669);filter:blur(1px);opacity:.64}.art-text{position:relative;color:white;font:italic 28px/1.5 Georgia,serif;text-shadow:0 2px 8px #1a3549}.placeholder-panel{display:flex;align-items:center;gap:25px;max-width:780px;margin:auto;background:white;border:1px dashed #b5a38b;border-radius:18px;padding:32px}.placeholder-icon{width:80px;height:80px;flex:none;display:grid;place-items:center;border-radius:17px;color:#c2995d;background:#f7eee1;font-size:33px}.placeholder-panel p{margin:0}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-panel{padding:35px;border-radius:20px;background:var(--cream);border:1px solid var(--line)}.cert-preview{display:flex;gap:15px;margin-top:24px}.cert-preview div{width:130px;height:130px;border:4px double #bd9e6d;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:36px;color:#c8a46d}.cert-preview small{font-size:11px;color:var(--ink)}.contact-note{background:#e9eee9;border-left:3px solid #a48b71;padding:14px 16px;font-size:13px;margin:20px 0}.footer{background:var(--navy);color:#fff;padding:43px 0}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer p,.footer small{color:#d4dddf;font-size:13px}.social{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 12px}.social-pending{padding:8px 13px;border:1px solid #607380;border-radius:22px;font-size:13px;opacity:.65}.legal{grid-column:1/-1;border-top:1px solid #627985;padding-top:19px;display:flex;justify-content:space-between;gap:15px;color:#c7d2d5;font-size:12px}@media(max-width:1100px){.nav-cta{display:none}.navigation{gap:11px}.navigation a{font-size:12px}}@media(max-width:850px){.nav{flex-wrap:wrap;min-height:70px}.menu-toggle{display:block;margin-left:auto;background:none;border:1px solid #83929b;border-radius:8px;padding:6px 12px;color:white;font-size:23px}.navigation{order:4;display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:18px}.navigation.open{display:flex}.navigation a{padding:8px;font-size:15px}.actions{margin-left:0}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:65px 0 8px}.portrait-slot{padding:0}.portrait-frame{min-height:270px;width:260px}.portrait-frame svg{width:58%}.services{grid-template-columns:repeat(2,1fr)}.split{gap:30px}}@media(max-width:580px){.wrap{width:min(100% - 30px,1180px)}.brand b{font-size:22px}.brand small{font-size:8px}.hero h1{font-size:42px}.hero-lead{font-size:17px}.hero-benefits{gap:9px}.hero-benefits>span{border:none;font-size:11px}.services,.three,.split,.two-panels,.footer-inner{grid-template-columns:1fr}.section{padding:60px 0}.card{padding:22px}.placeholder-panel{flex-direction:column;align-items:start}.legal{flex-direction:column}.info-panel{padding:25px}.approach-art{min-height:300px}}

/* v2: approved light-gold palette, readable service cards, true portrait */
#areas{background:#F8F3E9}
#areas .card{background:#FFFDF8;border:1px solid #E7D8BF;box-shadow:0 6px 20px rgba(78,55,31,.055)}
#areas .card h3{color:#203C56;font-size:19px}
#areas .card p{color:#394653;font-size:16px;line-height:1.65}
#areas .symbol{color:#B58D50}
.portrait-frame{overflow:hidden;padding:0;background:#f7eee0;min-height:430px;border:3px solid rgba(228,193,133,.75);box-shadow:0 15px 45px #0d263455}
.portrait-photo{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center top}
@media(max-width:850px){.portrait-frame,.portrait-photo{min-height:320px}.portrait-frame{width:min(370px,100%)}}
@media(max-width:580px){#areas .card p{font-size:15px}.portrait-frame,.portrait-photo{min-height:300px}}


/* Version 3 — panoramic third-design hero, seated concept photo, warmer light-gold cards. */
:root{--gold:#d7aa5c;--goldlight:#f3d28b;--cream:#f4e6ce;--paper:#fff9ed;--ink:#122b3d;--line:#e1c699}
.hero{background:linear-gradient(110deg,#071e30,#113451 74%,#36506a);overflow:hidden}
.hero-inner{grid-template-columns: 1.2fr .95fr;gap:0;min-height:530px;align-items:stretch}
.hero-copy{z-index:2;position:relative;align-self:center;padding:70px 24px 72px 0}
.hero h1{font-size:clamp(43px,5.2vw,75px)}
.hero h1 span{color:#f2ce83}
.portrait-slot{position:relative;display:flex;align-items:stretch;justify-content:end;padding:0!important;margin-right:calc((min(1180px,100vw - 48px) - 100vw)/2);min-width:0;overflow:hidden}
.portrait-slot:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#10304a 0%,rgba(16,48,74,0) 32%);pointer-events:none}
.portrait-photo{width:100%;height:100%;min-height:530px;object-fit:cover;object-position:58% 48%;display:block}
#areas{background:linear-gradient(180deg,#faedda 0%,#f2dec1 100%)}
#areas .card{background:linear-gradient(140deg,#f5e3c3,#f9ead1);border:1px solid #dfbf8e;box-shadow:0 10px 28px rgba(102,72,31,.075);padding:28px}
#areas .card h3{color:#132d43;font-size:19px}
#areas .card p{color:#304457;font-size:16px;line-height:1.65}
#areas .symbol{color:#a8752a;font-size:39px}
@media(max-width:850px){.hero-inner{grid-template-columns:1fr}.hero-copy{padding:60px 0 24px}.portrait-slot{margin:0!important;min-height:410px;border-radius:14px 14px 0 0}.portrait-slot:before{background:linear-gradient(0deg,#10304a 0%,transparent 29%)}.portrait-photo{height:410px;min-height:410px;object-position:center 34%}}
@media(max-width:580px){.hero h1{font-size:clamp(34px,10vw,50px)}.hero-copy{padding-top:50px}.portrait-slot{min-height:330px}.portrait-photo{height:330px;min-height:330px}.hero-benefits{gap:10px}#areas .card p{font-size:15px}}

/* Version 4 — authentic original seated photo, no AI-generated portrait */
.hero{background:linear-gradient(105deg,#081e30 0%,#102d43 58%,#173d50 100%)}
.hero-inner{grid-template-columns:1.03fr .97fr;min-height:590px}
.hero-copy{padding:70px 28px 70px 0}
.hero h1{font-size:clamp(42px,5vw,72px)}
.portrait-slot{background:#e9e4d8;min-height:590px}
.portrait-slot:before{background:linear-gradient(90deg,#102d43 0%,rgba(16,45,67,.45) 9%,transparent 32%)}
.portrait-photo{height:590px;min-height:590px;object-fit:cover;object-position:center 48%}
#areas{background:linear-gradient(180deg,#f8ebd7,#f1dcc0)}
#areas .card{background:linear-gradient(145deg,#f5e5ca,#f4ddbb);border-color:#dcb982}
#areas .symbol{color:#ad792e}
@media(max-width:850px){.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:50px 0 32px}.portrait-slot{min-height:400px}.portrait-photo{height:400px;min-height:400px;object-position:center 36%}.portrait-slot:before{background:linear-gradient(0deg,#102d43 0%,transparent 24%)}}
@media(max-width:580px){.portrait-slot{min-height:370px}.portrait-photo{height:370px;min-height:370px;object-position:center 32%}}

/* Version 5 — agreed TWO-COLOR alternating scheme: navy + warm light gold. */
:root{--navy:#10263D;--navy2:#243D54;--gold:#C9A264;--goldlight:#F1D19A;--cream:#F0DCB8;--paper:#F0DCB8;--ink:#172C40;--muted:#354758;--line:#D6B783}
body{background:var(--cream)}
.header,.footer{background:#10263D}
.hero{background:linear-gradient(115deg,#081C31 4%,#10263D 71%,#243D54 100%)}
.hero-inner{grid-template-columns:1.08fr .92fr;min-height:555px}
.hero-copy{padding:65px 0;z-index:2}
.hero h1{font-size:clamp(42px,4.75vw,70px)}
.portrait-slot{min-height:555px;background:#182D3B;overflow:hidden}
.portrait-photo{height:555px;min-height:555px;object-fit:cover;object-position:52% 45%}
.portrait-slot:before{background:linear-gradient(90deg,#10263D 0%,rgba(16,38,61,.48) 13%,transparent 43%)}
#areas,#approach,.contact-zone{background:#F0DCB8}
#areas .card,.contact-zone .info-panel{background:#F6E8CC;border:1px solid #D5B481;box-shadow:0 8px 23px #61441f12}
#areas .card h3{color:#162F45}
#areas .card p{color:#344452}
#process,#reviews{background:#10263D;color:#fff}
#process h2,#reviews h2,#process h3,#reviews h3{color:#fff}
#process .section-head p,#reviews .section-head p{color:#E5E3DD}
#process .card{background:#243D54;border:1px solid #C9A264;box-shadow:0 8px 25px #010E1930}
#process .card p{color:#F1EEE6;font-size:16px}
#process .step-number{color:#F1D19A}
#approach h2,#approach h3{color:#172C40}
#approach p{color:#354758}
#approach .approach-art{background:radial-gradient(circle at 50% 58%,#CFA968,#B38B57 42%,#695F4C 100%)}
#reviews .placeholder-panel{background:#243D54;border:1px dashed #C9A264}
#reviews .placeholder-panel p{color:#E5E3DD}
#reviews .placeholder-icon{background:#3E5263;color:#F1D19A}
.contact-zone .info-panel{background:#F6E8CC}
.contact-zone .info-panel p{color:#354758}
.contact-zone .contact-note{background:#E9D5AE;border-color:#AE823E;color:#25394B}
.hero h1 span{color:#F1D19A}
@media(max-width:850px){.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:54px 0 23px}.portrait-slot{min-height:400px;margin:0!important;border-radius:0}.portrait-photo{height:400px;min-height:400px;object-position:50% 42%}.portrait-slot:before{background:linear-gradient(0deg,#10263D 0%,transparent 28%)}}
@media(max-width:580px){.portrait-slot{min-height:320px}.portrait-photo{height:320px;min-height:320px}}

/* v6: desktop/tablet/mobile responsive hero. Maintain visual scale, reveal interior. */
.hero{position:relative;background:#10263D}
.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:510px;align-items:stretch;gap:0}
.hero-copy{position:relative;z-index:2;padding:56px 20px 56px 0;align-self:center}
.hero h1{font-size:clamp(40px,4.2vw,65px)}
.hero-lead{font-size:clamp(16px,1.35vw,19px);max-width:560px}
.portrait-slot{position:relative;align-self:stretch;min-height:510px;margin-right:calc((min(1180px,100vw - 48px) - 100vw)/2);padding:0;overflow:hidden;background:#162a35}
.portrait-photo{display:block;height:100%;width:100%;min-height:510px;object-fit:cover;object-position:50% 50%}
.portrait-slot:before{content:'';z-index:1;position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#10263D 0%,rgba(16,38,61,.25) 12%,transparent 28%)}
@media(min-width:1250px){.hero-inner{grid-template-columns:48% 52%}.portrait-slot{min-width:660px}.hero h1{font-size:clamp(49px,4.3vw,69px)}}
@media(min-width:851px) and (max-width:1100px){.hero-inner{grid-template-columns:52% 48%}.hero h1{font-size:clamp(36px,4.6vw,52px)}.hero-copy{padding-right:8px}.hero-benefits{gap:8px}.hero-benefits>span{padding-right:8px}}
@media(max-width:850px){.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:43px 0 25px}.portrait-slot{min-height:0;height:auto;aspect-ratio:1.8/1;margin:0!important;padding:0;border-radius:12px 12px 0 0}.portrait-photo{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 48%}.portrait-slot:before{background:linear-gradient(0deg,rgba(16,38,61,.24),transparent 32%)}}
@media(max-width:580px){.hero-copy{padding:38px 0 22px}.hero h1{font-size:clamp(35px,9vw,46px)}.hero-lead{font-size:16px}.portrait-slot{min-height:0;height:auto;aspect-ratio:1.55/1}.portrait-photo{min-height:0;height:100%;object-position:center center}.hero-benefits{margin:22px 0}.btn-large{padding:15px 21px}}

/* v7: approved hero artwork; preserve all previous content and palette */
.portrait-slot picture{display:block;width:100%;height:100%}
.portrait-slot .portrait-photo{width:100%;height:100%;object-fit:cover;object-position:58% 48%}
.portrait-slot:before{background:linear-gradient(90deg,#10263D 0%,rgba(16,38,61,.94) 11%,rgba(16,38,61,.35) 30%,transparent 47%)}
@media(max-width:850px){.portrait-slot .portrait-photo{object-position:50% 44%}.portrait-slot:before{background:linear-gradient(0deg,rgba(16,38,61,.33),transparent 36%)}}

/* v8: no embedded duplicate navigation */
.portrait-slot .portrait-photo{object-fit:cover;object-position:50% 36%}.portrait-slot:before{background:linear-gradient(90deg,#10263D,rgba(16,38,61,.55) 12%,transparent 33%)}
@media(max-width:850px){.portrait-slot .portrait-photo{object-position:50% 34%}.portrait-slot:before{background:linear-gradient(0deg,rgba(16,38,61,.2),transparent 45%)}}

/* v9: accessible color contrast for the services section on gold/beige background. */
#areas .section-head .overline,
#areas .section-head [data-i18n="areasOverline"] {
  color: #10263D !important;
  opacity: 1 !important;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: .14em;
}
#areas .section-head h2 { color: #10263D !important; opacity: 1; }
#areas .section-head p { color: #243D54 !important; opacity: 1; }
#areas .card h3 { color: #10263D !important; }
#areas .card p { color: #243D54 !important; }

/* v10: ONE live navigation and text layer; office background contains no baked-in navigation. */
@media (min-width:851px){
  .hero {background:#10263D url("assets/hero-wide-v10.webp") center center / cover no-repeat;}
  .hero-inner {display:block;min-height:560px;position:relative;}
  .hero-copy {width:51%;max-width:595px;padding:65px 0 60px;position:relative;z-index:2;}
  .portrait-slot {display:none;}
}
@media (max-width:850px){
  .hero {background:#10263D;}
  .portrait-slot{display:block;width:100%;aspect-ratio:1.75/1;overflow:hidden;}
  .portrait-slot .portrait-photo{width:100%;height:100%;object-fit:cover;object-position:77% 50%;}
}
@media (max-width:580px){.portrait-slot{aspect-ratio:1.38/1;}}
/* Keep accessible service headings and descriptions from v9 */
#areas .section-head .overline{color:#10263D!important;opacity:1!important;}