/* Original implementation using Busywork's visual direction as a reference. */
:root{--ink:#18324e;--navy:#142940;--gold:#b77b2d;--muted:#617080;--warm:#f7f6f1;--line:#d6dde3}
.reference-design{font:16px/1.75 Arial,sans-serif;color:var(--ink)}.reference-design header{position:sticky;top:0;z-index:5;background:var(--navy);border:0}.reference-design .nav{max-width:1160px;padding:20px 30px}.reference-design .brand{font:700 24px/1.15 Georgia,serif;color:white;letter-spacing:-.6px}.reference-design .links{gap:24px;font-size:14px}.reference-design .links a{color:#e2e7ed}.reference-design .links a:hover,.reference-design .links a[aria-current=page]{color:#edc780}.reference-design .links a[href="contact.html"]{background:var(--gold);color:white;border-radius:3px;padding:9px 18px;text-decoration:none}.reference-design h1,.reference-design h2,.reference-design h3{font-family:Georgia,'Times New Roman',serif}.reference-design h2{font-size:38px;font-weight:700;letter-spacing:-.6px;line-height:1.25}.reference-design h3{font-size:25px;font-weight:700;letter-spacing:-.25px}.reference-design .button{background:var(--gold);border-color:var(--gold);color:white;border-radius:3px;padding:16px 28px;font-size:15px;font-weight:700}.reference-design .button:hover{background:#936121;border-color:#936121}.reference-inner{max-width:1100px;padding:0 30px;margin:auto}.reference-hero{background:linear-gradient(125deg,#1d3957,#142940);color:white;text-align:center;padding:94px 0 78px}.reference-design .section-label{color:#97703e;text-transform:uppercase;font-size:11px;letter-spacing:1.8px;font-weight:700;margin:0 0 15px}.reference-hero .section-label{color:#b2becb;margin-bottom:26px}.reference-design .reference-hero h1{font-family:Georgia,serif;font-size:clamp(38px,4.7vw,62px);font-weight:700;letter-spacing:-1.4px;line-height:1.13;margin:0 0 26px}.reference-hero h1 span{color:#ecc16c}.reference-hero p:not(.section-label){color:#d4dde6;font-size:18px;line-height:1.8;margin:0 auto 34px;max-width:760px}.hero-notes{display:flex;gap:38px;justify-content:center;flex-wrap:wrap;margin-top:40px;color:#adbdce;font-size:13px}.hero-notes span:before{content:'✓';color:#8fb9df;margin-right:9px}.reference-section{padding:78px 0}.reference-section p{color:#5b6774}.reference-section.warm{background:var(--warm)}.section-intro{margin-bottom:38px}.about-layout{display:grid;grid-template-columns:1.45fr .65fr;gap:90px;align-items:center}.about-layout figure{margin:0}.about-layout img{width:100%;max-width:280px;height:280px;object-fit:cover;border-radius:5px}.about-layout figcaption{margin-top:15px}.about-layout figcaption strong{display:block;font-family:Georgia,serif;font-size:21px}.about-layout figcaption span{font-size:12px;color:var(--muted)}.offering-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.offering-columns h3{margin-top:0}.offering-columns>article>p{min-height:28px;font-size:15px;margin-bottom:22px}.service-row{padding:22px 24px;background:white;border:1px solid #d0d9e1;border-radius:5px;margin-bottom:13px;box-shadow:0 2px 5px #14294006}.service-row h4{font-size:16px;line-height:1.4;margin:0 0 9px;font-weight:600}.service-row p{font-size:15px;margin:0}.offering-columns .plain-link{display:inline-block;margin-top:16px}.reference-design .plain-link{font-size:15px;color:var(--ink)}.process-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:36px}.process-columns h3{font-size:22px}.process-columns p{font-size:15px}.contact-band{background:var(--warm)}.reference-design footer{max-width:none;padding:25px 30px;background:var(--navy);border:0;color:#b8c5d1}.reference-design footer .preview{color:#b8c5d1}.reference-design .simple-main{max-width:1100px}.reference-design .intro{padding:70px 0 50px}.reference-design .intro h1{font-family:Georgia,serif;font-weight:700;color:var(--ink);font-size:clamp(38px,4.7vw,58px)}.reference-design .intro-note,.reference-design .eyebrow{color:#97703e;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700}.reference-design .two-services{border-top:1px solid var(--line)}.reference-design .two-services h2{font-size:32px;font-weight:700}.reference-design .two-services h3{font:600 18px/1.4 Arial,sans-serif}.reference-design .hero{background:var(--warm)}.reference-design .notice{background:var(--warm);border-color:var(--gold)}.reference-design .pagehead h1,.reference-design .hero h1{font-weight:700}.reference-design .portrait{border-radius:5px}.reference-design .herofigure:before{display:none}
@media(max-width:800px){.reference-design .nav{padding:16px 22px;gap:16px;flex-direction:column;align-items:flex-start}.reference-design .links{gap:16px;font-size:13px}.reference-hero{padding:62px 0 55px}.reference-inner{padding:0 22px}.reference-hero p:not(.section-label){font-size:17px}.reference-section{padding:55px 0}.about-layout{grid-template-columns:1fr;gap:30px}.about-layout figure{display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:center}.about-layout img{width:100px;height:115px}.about-layout figcaption{margin:0}.offering-columns{grid-template-columns:1fr;gap:42px}.process-columns{grid-template-columns:1fr;gap:15px}.hero-notes{gap:12px 25px;margin-top:30px}.reference-design h2{font-size:32px}.reference-design footer{margin:0}.reference-design .links a[href="contact.html"]{padding:6px 12px}}
/* Smaller personal portrait in About sections. */
.about-layout{grid-template-columns:minmax(0,1fr) 180px;gap:65px}.about-layout img{max-width:180px;width:180px;height:180px}.reference-design .hero .portrait{max-width:240px;justify-self:center}@media(max-width:800px){.about-layout{grid-template-columns:1fr;gap:30px}.about-layout img{max-width:100px;width:100px;height:115px}.reference-design .hero .portrait{max-width:180px;justify-self:start}}