.preview-notice{background:#e9e1cf;color:#334b3d;text-align:center;font-size:.76rem;padding:9px 16px;line-height:1.5}
.preview-notice a{text-underline-offset:3px}
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}
:focus-visible{outline:3px solid #b88a47;outline-offset:5px}
html{scroll-padding-top:100px}
.image-figure{margin:0;min-width:0}.image-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:26px}
.image-figure figcaption{font-size:.73rem;line-height:1.5;color:#687168;margin-top:9px}.band .image-figure figcaption{color:#dce6df}
.hero .image-figure{margin-top:40px}.hero .image-figure img{aspect-ratio:2.65/1;object-position:center 48%}
[hidden]{display:none!important}.cards:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.cards:has(> :only-child){grid-template-columns:1fr;max-width:850px}
footer .brand{display:inline-flex;background:#fffdf8;border-radius:10px;padding:6px 12px}
.form-note{grid-column:1/-1;font-size:.85rem;margin:0}.grid-2>*,.cta-box>*{min-width:0}h1,h2,h3{overflow-wrap:break-word}
@media(max-width:620px){.hero .image-figure img{aspect-ratio:3/2}.cards:has(> :nth-child(2):last-child){grid-template-columns:1fr}.nav .brand img{max-width:calc(100vw - 92px);height:auto!important;max-height:58px}.service-list{grid-template-columns:1fr}h1{font-size:clamp(2.5rem,10.5vw,3.35rem)}h2{font-size:clamp(2rem,9vw,3rem)}.menu{min-width:44px;min-height:44px}footer a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

/* Readable horizontal logo lockup using the original tree artwork. */
.brand{gap:12px;flex-shrink:0;color:#593211}
.brand .brand-tree{display:block;width:58px;height:58px;object-fit:contain;flex-shrink:0;border-radius:4px}
.brand-wordmark{display:block;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:700;line-height:1.08;letter-spacing:-.025em;white-space:nowrap}
.brand-group{display:block;margin-top:5px;font-family:Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.1;letter-spacing:.22em;text-transform:uppercase;color:#23784b}
footer .brand{padding:12px 16px}
@media(max-width:620px){.brand{gap:9px}.nav .brand .brand-tree{width:48px;height:48px!important;max-height:none;max-width:none}.brand-wordmark{font-size:22px}.brand-group{font-size:12px}}
@media(max-width:360px){.brand-wordmark{font-size:20px}.nav .brand .brand-tree{width:44px;height:44px!important}}

/* Compact mobile type and spacing, with a clear heading hierarchy. */
@media(max-width:620px){
 h1{font-size:clamp(2rem,6.7vw,2.6rem);line-height:1.12;letter-spacing:-.025em}
 h2{font-size:clamp(1.65rem,5.4vw,2rem);line-height:1.16}
 h3{font-size:1.3rem;line-height:1.2}
 section{padding:42px 0}
 .hero{padding:36px 0 44px}
 .hero p{font-size:1.05rem;line-height:1.55;margin:18px 0}
 .hero-actions{gap:10px}
 .micro{gap:12px;margin-top:20px}
 .hero .image-figure{margin-top:24px}
 .grid-2,.cta-box{gap:24px}
 .cards{gap:14px;margin-top:24px}
 .card{padding:22px;border-radius:20px}
 .card p,.service-item p{margin:12px 0}
 .service-list{gap:14px;margin-top:22px}
 .service-item{padding:20px}
 .list{gap:8px;margin-top:18px}
 .list div{padding:12px 0}
 .cta-box{padding:22px;border-radius:24px}
 .breadcrumb{padding-top:18px}
 footer{padding:32px 0}
 .footer-grid{gap:24px}
}