/* Agreed visual reference, 23 October 2026: blue-grey, sage and light paper. */
:root{--navy:#304f60;--ink:#37484b;--muted:#626e6c;--paper:#fafbf7;--line:#dbe3da;--light:#eff3eb;--accent:#a9be9c;--sage:#687b66;--green:#536f60}
body,h1,h2,h3,.button{font-family:Arial,Helvetica,sans-serif}
h1,h2,.service h3{font-weight:400}
h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;color:var(--sage)}
.eyebrow,.brand small,.service .service-label{color:#60735e}
.monogram>span{color:var(--sage)}
.button{background:var(--green)}
.button:hover{background:#405b4b}
.button-light{background:#e4eddd;color:#304c40}
.button-light:hover{background:#f0f5e9}
.price-section{background:var(--green)}
.price-section p{color:#f0f4eb}
.price-section .price-footnote{color:#e1e9db}
.price-visual{background:#486354;border-color:#82977f}
.price-visual p,.mini-row>span{color:#e0e9dc}
.mini-row{border-color:#82977f}
.trust-strip,.contact-section{background:#edf2e8}
.portrait-frame{background:#e7eee3}
.nav-contact{border-color:#bdcbb8}
/* Blue identity at the top, green emphasis in the lower sections. */
.header .monogram,.header .brand,.hero h1,.hero .note-statement strong{color:#244e70}
.hero h1 em{color:#687b66}
.hero .button{background:#244e70}
.hero .button:hover{background:#35617f}
.contact-section h2,.about-copy h2,.portrait-caption{color:#3e604e}
.footer .monogram{color:#3e604e}
/* Refined direction: blue KB, quiet green details, no solid colour bands. */
:root{--navy:#3e604e;--ink:#37443c;--muted:#626e65;--paper:#fcfcf9;--line:#dee5da}
.header .brand,.hero h1,.hero .note-statement strong{color:#3e604e}
.header .monogram,.footer .monogram,.monogram{color:#244e70}
.monogram>span{color:#687b66}
.hero .button,.button{background:#536f60}
.hero .button:hover,.button:hover{background:#405b4b}
.price-section{background:#dce6d5;color:#37443c;border-block:1px solid #c2d0b9}
.price-section h2{color:#3e604e}
.price-section .eyebrow{color:#60735e}
.price-section p,.price-section .price-footnote{color:#626e65}
.price-visual{background:#fff;border:1px solid #d5dfcf;transform:none;box-shadow:0 8px 28px #344d3910}
.mini-heading,.mini-row>span{color:#60735e}
.mini-row{border-color:#e0e7da;color:#37443c}
.mini-row b{color:#536f60}
.price-visual p{color:#626e65}
.button-light{background:#536f60;color:#fff}
.button-light:hover{background:#405b4b}
.trust-strip{background:#f7f9f3}
.contact-section{background:#f8faf5;border-top:1px solid #dce5d6}
.contact-layout{border-left:3px solid #a9be9c;padding-left:28px}
@media(max-width:760px){.contact-layout{padding-left:20px}}
/* Brand lockup: blue initials and name, green dot and descriptor. */
.header .brand,.footer .brand{color:#244e70}
.header .brand small,.footer .brand small{color:#60735e}
.header .monogram,.footer .monogram{color:#244e70}
.header .monogram>span,.footer .monogram>span{color:#687b66}
.hero{display:block;padding-bottom:48px}
.hero-copy{max-width:850px}
.hero .lead{max-width:650px}
.services.section{padding-top:45px}
.service-contact{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
.service-contact p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:760px){.service-contact{align-items:flex-start;flex-direction:column}}
.services.wrap{max-width:1380px}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.service{padding:25px 22px}
.service h3{font-size:21px;min-height:57px}
.service .service-label{min-height:22px;line-height:1.6}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.service-grid{grid-template-columns:1fr}.service h3,.service .service-label{min-height:0}}
.hero-copy{max-width:none}
.hero-intro{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:48px;align-items:start}
.hero-portrait{width:190px;height:180px;border-radius:8px;overflow:hidden;margin-top:5px;background:#e7eee3}
.hero-portrait svg{display:block;width:100%;height:100%}
.about{display:block}
.about-copy{max-width:760px}
@media(max-width:1000px){.hero-intro{grid-template-columns:minmax(0,1fr) 160px;gap:25px}.hero-portrait{width:160px;height:155px}}
@media(max-width:760px){.hero-intro{display:flex;flex-direction:column;gap:0}.hero-portrait{width:130px;height:125px;margin:0 0 24px}.hero-intro h1{margin-bottom:22px}}
.hero-intro{grid-template-columns:minmax(0,1fr) 250px}
.hero-portrait{width:215px;height:200px;border-inline:5px solid #a9be9c;background:#a9be9c;justify-self:start}
.hero-portrait svg{overflow:hidden}
@media(max-width:1000px){.hero-intro{grid-template-columns:minmax(0,1fr) 200px}.hero-portrait{width:180px;height:170px}}
@media(max-width:760px){.hero-intro{display:flex}.hero-portrait{width:145px;height:140px}}
.office-hero{padding-top:32px;padding-bottom:55px}
.office-hero .eyebrow{margin-top:44px}
.office-hero h1{margin-bottom:25px}
.office-hero .lead{max-width:710px}
.office-location{font-size:11px;color:var(--muted);margin-top:24px}
.office-services{padding-bottom:65px}
.office-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:32px}
.office-grid article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:30px}
.office-grid h3,.office-columns h3{font-size:22px;font-weight:400;color:var(--navy);line-height:1.35;margin:0 0 16px}
.office-grid p,.office-columns p,.office-honorar p{font-size:14px;color:var(--muted);line-height:1.85}
.office-grid ul{padding-left:19px;font-size:13px;line-height:1.9;color:var(--ink);margin-bottom:0}
.office-grid li{padding:3px 0}
.office-grid li::marker{color:var(--sage)}
.office-collaboration{background:#f0f4eb;border-block:1px solid var(--line);padding:55px 0}
.office-columns{display:grid;grid-template-columns:1fr 1.15fr;gap:70px}
.office-columns h3:not(:first-child){margin-top:27px}
.office-honorar{padding-top:60px;padding-bottom:60px}
.office-honorar p{max-width:740px}
.office-honorar .button{margin-top:15px}
@media(max-width:760px){.office-hero{padding-bottom:35px}.office-grid,.office-columns{grid-template-columns:1fr;gap:20px}.office-grid article{padding:24px}.office-services{padding-bottom:40px}.office-collaboration{padding:40px 0}.office-honorar{padding-top:40px;padding-bottom:40px}}
.contact-options h2{font-size:25px;margin:0 0 18px;line-height:1.3}
.contact-options .button{margin-top:12px}
.contact-options address{font-style:normal;line-height:1.9;font-size:15px}
.contact-options .contact-name{font-size:18px;color:var(--ink);margin-bottom:8px}
.contact-email{overflow-wrap:anywhere;font-size:16px}
.admin-intro{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:65px;align-items:center}
.admin-hero .eyebrow{margin-top:38px}
.admin-person{margin:38px 0 0;max-width:270px}
.admin-person img{display:block;width:100%;height:auto;border-radius:8px}
.admin-person figcaption{padding-top:15px;line-height:1.6}
.admin-person figcaption strong{display:block;font-size:18px;font-weight:400;color:var(--ink)}
.admin-person figcaption span{font-size:13px;color:var(--muted)}
.admin-responsibility{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;border-top:1px solid var(--line);padding-top:35px;padding-bottom:45px}
.admin-responsibility p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:0}
@media(max-width:900px){.admin-intro{grid-template-columns:minmax(0,1fr) 210px;gap:30px}.admin-person{max-width:210px}}
@media(max-width:760px){.admin-intro,.admin-responsibility{grid-template-columns:1fr;gap:22px}.admin-person{max-width:200px;margin-top:0}.admin-responsibility{padding-top:28px;padding-bottom:28px}}
.about-page-intro{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:65px;align-items:center}
.about-page-portrait{margin:38px 0 0}
.about-photo{width:240px;height:240px;border-inline:5px solid #a9be9c;border-radius:8px;overflow:hidden;background:#a9be9c}
.about-photo svg{display:block;width:100%;height:100%;overflow:hidden}
.about-page-portrait figcaption{margin-top:16px;font-size:18px;line-height:1.6}
.about-page-portrait figcaption span{display:block;font-size:13px;color:var(--muted)}
.about-price-link{display:inline-block;margin:20px 0 0 25px}
@media(max-width:1000px){.about-page-intro{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.about-photo{width:210px;height:210px}}
@media(max-width:760px){.about-page-intro{grid-template-columns:1fr;gap:24px}.about-page-portrait{margin:0}.about-photo{width:200px;height:200px}.about-price-link{display:block;margin-left:0}}
.admin-photo{aspect-ratio:1;border-inline:5px solid #a9be9c;border-radius:8px;overflow:hidden;background:#a9be9c}
.admin-photo svg{display:block;width:100%;height:100%;overflow:hidden}