/* Homepage-only landscape. Existing photographs and other pages are retained. */
.meadow-scene{position:relative;overflow:hidden;aspect-ratio:16/9;background:#15372a;isolation:isolate}
.meadow-scene>img,.meadow-scene>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.meadow-scene>canvas{opacity:0}
.meadow-ready>canvas{opacity:1}
.meadow-ready>img{visibility:hidden}
.hero.hero-meadow{display:block;position:relative;aspect-ratio:16/9;min-height:620px;padding:0;gap:0;background:#15372a;overflow:hidden}
.hero-meadow::before,.hero-meadow::after{display:none}
.hero-meadow>.meadow-scene{position:absolute;inset:0;aspect-ratio:auto}
.hero-meadow .hero-copy{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:49%;min-height:620px;padding:clamp(38px,4.3vw,72px) 2.7vw 88px 4.5vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:2}
.hero-meadow.hero .hero-copy h1{font-size:clamp(38px,4vw,64px);max-width:17ch;margin:23px 0;line-height:1.12;color:#fffaf0;text-shadow:0 2px 25px #09251b55}
.hero-meadow .hero-copy p{font-size:clamp(14px,1.08vw,17px);line-height:1.85;max-width:38ch;margin:0 0 29px;color:#edf0e5}
.hero-meadow .hero-copy .eyebrow{font-size:9px;color:#e0d5b6;letter-spacing:2px;max-width:none}
.hero-meadow .hero-copy .button{font-size:12px;padding:15px 24px;gap:28px}
.hero-meadow .hero-note{position:absolute;left:4.5vw;bottom:25px;padding:0;color:#dce3ca;z-index:2;font-size:8px;letter-spacing:2px}
.meadow-toggle{position:absolute;right:22px;bottom:22px;z-index:4;border:1px solid #d9e4cb70;border-radius:999px;background:#102e24d9;color:#faf7eb;padding:10px 15px;font:500 11px/1.4 'Segoe UI',sans-serif;backdrop-filter:blur(12px);cursor:pointer;box-shadow:0 4px 18px #0c251b22}
.meadow-toggle:hover{background:#214b38}
.meadow-toggle:focus-visible{outline:3px solid #f0d3a1;outline-offset:4px}
.meadow-open{position:absolute;right:22px;bottom:76px;z-index:4;border:1px solid #d9e4cb70;border-radius:999px;background:#102e24d9;color:#faf7eb;padding:10px 15px;font:500 11px/1.4 'Segoe UI',sans-serif;text-decoration:none;backdrop-filter:blur(12px)}
.meadow-open:hover{background:#214b38}
.meadow-open:focus-visible{outline:3px solid #f0d3a1;outline-offset:4px}
@media(max-width:1200px){.hero-meadow .meadow-open{top:56px;right:14px;bottom:auto;padding:8px 12px;font-size:10px}}
@media print{.meadow-open{display:none}}
/* One Puli in the homepage scene, without the older travelling mascot in front. */
body:has(.hero-meadow) .puli-runner,body:has(.hero-meadow) .puli-controls{display:none}
@media(min-width:1450px){.hero.hero-meadow,.hero-meadow .hero-copy{min-height:0}.hero-meadow .hero-copy{height:100%}}
@media(max-width:1200px){
  .hero.hero-meadow{aspect-ratio:auto;min-height:0;display:flex;flex-direction:column}
  .hero-meadow>.meadow-scene{position:relative;inset:auto;aspect-ratio:16/9;order:0;width:100%;flex:none}
  .hero-meadow .hero-copy{order:1;width:100%;min-height:0;padding:36px 6vw 26px}
  .hero-meadow.hero .hero-copy h1{font-size:clamp(36px,5.5vw,54px);max-width:20ch;margin:18px 0}
  .hero-meadow .hero-copy p{max-width:62ch;font-size:15px;margin-bottom:24px}
  .hero-meadow .hero-copy .eyebrow{font-size:8px;letter-spacing:1.6px}
  .hero-meadow .hero-note{position:static;order:2;padding:0 6vw 26px;line-height:1.7;font-size:8px;letter-spacing:1.4px}
  .hero-meadow .meadow-toggle{top:14px;right:14px;bottom:auto;padding:8px 12px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.meadow-toggle{display:none}}
@media print{.hero-meadow .meadow-toggle{display:none}.hero-meadow .hero-copy{background:#15372a!important}.meadow-scene>canvas{display:none}.meadow-scene>img{visibility:visible}}