/* Local working preview, based on saved design Version 11. */
html{scroll-padding-top:var(--header-height,120px)}
section[id],main[id]{scroll-margin-top:24px}
.site-header{position:sticky;top:0;z-index:20;background:var(--ivory);border-bottom:1px solid var(--neutral)}
header{border-bottom:0}
a{color:inherit;text-underline-offset:4px}
nav a,.button,.home-link{text-decoration:none}
nav .nav-contact{display:inline-flex;align-items:center}
nav a:not(.button){padding:10px 0}
.button{cursor:pointer;text-align:center}
a:focus-visible{outline:3px solid #A88752;outline-offset:5px}
.site-header a:focus-visible{outline-offset:3px}
.text-link:hover{border-bottom-color:currentColor}
nav a:not(.button):hover{text-decoration:underline}
.button:hover{box-shadow:inset 0 0 0 2px currentColor}
.detail a{text-decoration-thickness:1px}
.footer-contact a{white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:30;left:16px;top:12px;background:var(--green);color:var(--ivory);padding:10px 18px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
@media(max-width:1000px) and (min-width:701px){header{gap:28px}nav{gap:16px}nav .button{white-space:nowrap;padding:15px 17px}nav a{white-space:nowrap}.home-link .logo{width:180px}}
@media(max-width:900px) and (min-width:701px){header{flex-wrap:wrap;gap:12px}header nav{width:100%;justify-content:space-between}}
@media(max-width:700px){
 nav>.button{display:none}
 nav a:not(.button){display:inline-flex;align-items:center;min-height:44px;padding:6px 0}
 nav .nav-contact{display:inline-flex}
 header{gap:8px;padding-bottom:7px}
 .hero-actions .text-link{min-height:44px;display:inline-flex;align-items:center;padding:8px 0}
 .sample-copy .text-link{min-height:44px;padding:8px 0;display:inline-flex;align-items:center}
 .hero-actions{gap:6px}
}
@media print{.site-header{position:static}.skip-link{display:none}}

#contact-details{scroll-margin-top:24px;outline:none}

/* Mobile hero edge treatment - trial, 16 October 2026. */
@media(max-width:700px){
 .hero-mobile-scene{position:relative;margin:0 -24px;isolation:isolate}
 .hero-mobile-scene img{height:240px}
 .hero-mobile-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--ivory) 0%,rgba(246,241,231,.65) 6%,rgba(246,241,231,0) 21%,rgba(246,241,231,0) 83%,rgba(246,241,231,.65) 96%,var(--ivory) 100%),linear-gradient(180deg,var(--ivory) 0%,rgba(246,241,231,.5) 9%,rgba(246,241,231,0) 25%,rgba(246,241,231,0) 70%,rgba(246,241,231,.6) 89%,var(--ivory) 100%)}
 .hero-mobile figcaption{position:relative;margin-top:3px}
}