/* Recent garden photographs, with quiet light and stable type. */
.garden-header{padding-bottom:72px;background:#283b25}
.garden-header .hero-photo{filter:none;object-position:50% 66%}
.garden-header[data-view="wide"] .hero-photo{object-position:50% 65%}
.garden-header[data-view="forest"] .hero-photo{object-position:50% 58%}
.garden-header::after{z-index:-1;background:linear-gradient(180deg,rgba(11,23,16,.65),rgba(11,23,16,.15) 27%,rgba(11,23,16,0) 45%,rgba(11,23,16,.36) 66%,rgba(11,23,16,.81))}
.garden-header .hero-seal{height:auto;filter:brightness(0) invert(1);width:144px}
.garden-header .hero-bottom{text-shadow:0 1px 14px #10211666}
.garden-header .hero-links .btn{text-shadow:none}
.garden-header .motion-toggle{min-height:44px;min-width:100px;right:20px;bottom:15px;padding:8px 12px;background:#13261773;border:1px solid #ffffff70;border-radius:2px;font-size:11px;line-height:1.4}
.garden-header .motion-toggle:hover{background:#132617bb}
.hero-controls{position:absolute;left:20px;right:20px;bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.garden-header .hero-controls .motion-toggle{position:static;margin:0;flex:none}
.hero-views{display:flex;gap:4px}
.hero-views button{min-width:44px;min-height:44px;padding:8px 9px;border:1px solid transparent;background:#13261773;color:white;font:inherit;font-size:11px;line-height:1.4;border-radius:2px;cursor:pointer}
.hero-views button:hover{background:#132617bb}
.hero-views button[aria-pressed="true"]{border-color:#ffffffb3;background:#132617bb}
.hero-view-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.garden-header :focus-visible{outline-color:white}
.hero-light-drift{position:absolute;inset:-7%;z-index:-2;pointer-events:none;animation:garden-light 22s ease-in-out infinite alternate}
.hero-light{position:absolute;inset:0;transform:translate(var(--light-x,0px),var(--light-y,0px));transition:transform 1.2s ease-out;background:radial-gradient(ellipse at 78% 27%,#fff2b91c 0%,transparent 44%),radial-gradient(ellipse at 18% 70%,#14381f26 0%,transparent 45%),linear-gradient(115deg,transparent 34%,#fff1b714 42%,transparent 52%);filter:blur(14px)}
.garden-header.light-paused .hero-light-drift{animation-play-state:paused}
.garden-header.light-paused .hero-light{transition:none}
@keyframes garden-light{from{transform:translate(-6px,0) rotate(-.3deg);opacity:.55}to{transform:translate(8px,5px) rotate(.3deg);opacity:1}}
@container(max-width:760px){
  .garden-header{padding:92px 22px 86px;min-height:620px}
  .garden-header .hero-photo{object-position:61% 60%}
  .garden-header[data-view="wide"] .hero-photo{object-position:57% 62%}
  .garden-header[data-view="forest"] .hero-photo{object-position:20% 58%}
  .hero-controls{left:16px;right:16px}
  .garden-header .hero-seal{width:112px}
  .garden-header .motion-toggle{right:16px;bottom:15px;font-size:10px}
  .garden-header .hero-bottom p{max-width:260px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){
  .hero-light-drift{animation:none!important}
  .hero-light{transform:none!important;transition:none!important}
  .garden-header .motion-toggle{display:none}
}