/* Independent contemporary direction — original site preserved. */
body{background:#f5f5f0;color:#4b504c}h1,h2,h3,.lead,.story p{color:#4b504c}.eyebrow,.text-link,.service-icon{color:#826e59}
header,.inner header{background:#f5f5f0}.home header{color:#414740;background:transparent}.mark,header .brand .mark,.home header .brand .mark{border-color:#a58e72;border-left-color:#a58e72}
nav a:last-child,.button,.actions .contact-action{background:#555e55;color:#f7f6ef}.home .hero{background:#dedfd7;color:#454d46;min-height:700px;height:100svh;max-height:none}
.home .hero>img{position:absolute;inset:0 0 0 auto;width:54%;height:100%;object-fit:cover;object-position:center center}
.home .hero:after{inset:0;background:linear-gradient(90deg,#dedfd7 0%,#dedfd7 43%,#dedfd700 59%);pointer-events:none}
.home .hero-copy{width:57%;margin:0;padding:100px 0 0 6%;z-index:1;background:transparent}.home .hero-copy h1{color:#454d46;font-size:clamp(44px,4.7vw,72px);font-weight:400;letter-spacing:-.045em;line-height:1.08;max-width:720px;margin-bottom:30px}.home .hero-copy p{color:#5a6259;font-size:17px;line-height:1.6;max-width:430px;margin-bottom:28px}.home .hero-copy .button{background:#555e55;color:#f7f6ef;font-size:16px;padding:15px 26px;gap:38px;border-radius:3px}.home .hero-copy .actions{margin-top:24px;gap:20px}.home .hero-copy .actions .contact-action{color:#454d46;font-size:14px}.home .hero-copy .actions .contact-action+.contact-action{border-color:#73796c66;padding-left:20px}
.systems{background:#e8e9e1;color:#4b504c}.systems h2,.systems p{color:#4b504c}.closing{background:#e8e9e1}.home .service-directory{background:#eeeee7}.experience h2:before,.services h2:before,.closing h2:before{background:#a58e72}
@media(min-width:751px){.home .hero-copy h1 br{display:none}.home .hero-copy h1{max-width:630px}}
@media(max-width:750px){.home .hero{min-height:760px;height:100svh;display:flex;justify-content:flex-start;align-items:stretch}.home .hero>img{inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:55% center}.home .hero:after{inset:0;background:linear-gradient(90deg,#e1e2d94d,transparent 75%)}.home .hero-copy{width:100%;margin:0;padding:145px 6% 30px}.home .hero-copy h1{font-size:clamp(32px,8.5vw,42px);max-width:66%;line-height:1.1;letter-spacing:-1.2px;margin-bottom:24px}.home .hero-copy p{font-size:14px;max-width:62%;margin-bottom:22px}.home .hero-copy .button{font-size:14px;padding:12px 20px;gap:24px}.home .hero-copy .actions{gap:12px;margin-top:22px}.home .hero-copy .actions .contact-action{font-size:12px;min-height:44px}.home .hero-copy .actions .contact-action+.contact-action{padding-left:12px}.home nav.open{background:#f5f5f0;color:#454d46}}
@media(prefers-reduced-motion:reduce){.home .hero-copy h1,.home .hero-copy>p{animation:none}}

/* Keep the refreshment details in view across the comfort photographs. */
.home .photo img[src$="comfort.webp"]{object-position:center 72%}.experience-page #everyday>img{object-position:center 72%}

/* Frame the meeting table and seating within the portrait photograph. */
.home .photo img[src$="meetings-contemporary.webp"],.experience-page #meetings>img{object-position:center 90%}

/* A closer, natural welcome portrait: the smile is the focal point. */
.home .photo img[src$="welcome-contemporary.webp"]{object-position:33% 78%;transform:scale(1.65);transform-origin:33% 78%}
.home .photo:hover img[src$="welcome-contemporary.webp"]{transform:scale(1.69)}
.welcome-frame{width:100%;height:360px;overflow:hidden;border-radius:20px}.story .welcome-frame img{width:100%;height:100%;object-fit:cover;object-position:33% 78%;transform:scale(1.65);transform-origin:33% 78%}
@media(max-width:750px){.welcome-frame{height:260px;border-radius:14px}}

.welcome-card-image{aspect-ratio:1.62;overflow:hidden;border-radius:20px}.home .photo .welcome-card-image img{height:100%;border-radius:0}.story-page .story .welcome-frame img{height:100%;aspect-ratio:auto}@media(max-width:750px){.welcome-card-image{border-radius:14px}}

.services-page .story-intro>img{aspect-ratio:2048/1150;object-fit:cover;border-radius:20px}@media(max-width:750px){.services-page .story-intro>img{border-radius:14px}}

/* Three calm stages: headline, supporting line, then contact actions together. */
@media(prefers-reduced-motion:no-preference){
.home .hero-copy>.button,.home .hero-copy>.actions{animation:hero-headline-fade 1.6s ease-out 5.35s both}
}
@media(prefers-reduced-motion:reduce){.home .hero-copy>.button,.home .hero-copy>.actions{animation:none}}

/* Updated welcome photograph, naturally framed around the smiling host. */
.home .photo img[src$="welcome-contemporary.webp"],.home .photo:hover img[src$="welcome-contemporary.webp"],.story-page .story .welcome-frame img{transform:none;object-position:52% 44%}

/* Warm, restrained colour treatment shared with the pantry photography. */
.home .photo img[src$="welcome-contemporary.webp"],.story-page .story .welcome-frame img{filter:sepia(.38) saturate(.85) brightness(.87)}
.home .photo img[src$="meetings-contemporary.webp"],.experience-page #meetings>img{filter:sepia(.48) saturate(.85) brightness(.86)}

/* Approved option 3: muted warmth, balanced across all three original photos. */
.home .photo img[src$="welcome-contemporary.webp"],.story-page .story .welcome-frame img{filter:sepia(.13) saturate(.82) contrast(.93) brightness(.97)}
.home .photo img[src$="meetings-contemporary.webp"],.experience-page #meetings>img{filter:sepia(.20) saturate(.78) contrast(.92) brightness(.99)}
.home .photo img[src$="comfort.webp"],.experience-page #everyday>img{filter:saturate(.67) contrast(.90) brightness(1.16)}

/* Carry the approved muted warmth into the services introduction. */
.services-page .story-intro>img[src$="services-office.webp"]{filter:saturate(.78) contrast(.93) brightness(1.02)}
