/* La colline — layered living landscape. */
.hero-meadow{position:relative;isolation:isolate;height:calc(100svh - var(--bar-h));min-height:720px;max-height:1040px;overflow:hidden;background:#e9e6dc;color:#1c2a21;--scene-gutter:max(40px,calc((100% - 1440px)/2 + 40px))}
.meadow-poster{position:absolute;inset:0;z-index:-2}
.meadow-poster img{width:100%;height:100%;object-fit:cover;object-position:68% center}
.meadow-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:0;transition:opacity .9s;touch-action:pan-y}
.hero-meadow[data-render="ready"] .meadow-canvas{opacity:1}
.meadow-wash{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 52% 60% at 18% 38%,#f6f3e9bf,#f6f3e900 70%),linear-gradient(0deg,#15271c66,transparent 34%)}
.root-labels{position:absolute;inset:0;z-index:2;pointer-events:none}
.root-label{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #fff9;border-radius:6px;background:#f4f6ecdd;color:#2b4434;font:500 .64rem var(--sans);white-space:nowrap;transform:translate(-50%,-165%);backdrop-filter:blur(10px);box-shadow:0 6px 18px #16301d22;opacity:0}
.root-label i{width:8px;height:8px;border-radius:50%;background:#e4c98a;box-shadow:0 0 8px #ffe9a8}
.hero-meadow[data-render="fallback"] .root-label{display:none}
.meadow-copy{position:absolute;top:clamp(70px,13vh,150px);left:0;right:0;z-index:3;pointer-events:none}
.meadow-copy>*{pointer-events:auto}
.meadow-eyebrow{font:500 .82rem var(--sans);color:#3d5544;margin-bottom:22px}
.hero-meadow h1{font:600 clamp(3.2rem,4.9vw,5.6rem)/1.02 var(--poster);letter-spacing:-.035em;max-width:11ch;color:#1a2b20;margin:0}
.meadow-lede{font:400 clamp(1rem,1.15vw,1.12rem)/1.58 var(--sans);max-width:44ch;margin-top:26px;color:#2b3f32}
.meadow-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
.hero-meadow .experience-primary{display:inline-flex;align-items:center;gap:16px;min-height:50px;padding:14px 22px;background:#223a2c;color:#f3f6ec;border:1px solid #334a3e;border-radius:28px;font:500 .82rem var(--sans);text-decoration:none;box-shadow:inset 0 1px 0 #ffffff1a,0 10px 24px #20362616;transition:transform .25s,background .25s}
.hero-meadow .experience-primary:hover{background:#2e4838;transform:translateY(-2px)}
.meadow-secondary{font:500 .78rem var(--sans);color:#223a2c;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#6d8067}
.meadow-offer{position:absolute;left:0;right:0;bottom:64px;z-index:4;pointer-events:none}
.meadow-offer>*{pointer-events:auto}
.meadow-offer-title{font:500 .68rem var(--sans);color:#eef3e4;text-shadow:0 1px 8px #14281c;margin-bottom:10px}
.hero-meadow .scene-modes{position:static;display:inline-flex;flex-wrap:wrap;gap:3px;max-width:min(100%,760px);padding:5px;border:1px solid #ffffff66;border-radius:30px;background:#f0f3e8a8;box-shadow:inset 0 1px 0 #fffb,0 8px 28px #16301d2b;backdrop-filter:blur(22px)}
.hero-meadow .scene-modes button{padding:10px 15px;min-height:42px;border:0;border-radius:30px;background:transparent;color:#243d2e;font:500 .76rem var(--sans);cursor:pointer}
.meadow-offer-detail{font:400 .86rem/1.5 var(--sans);color:#f2f6ea;text-shadow:0 1px 8px #14281c;max-width:60ch;margin-top:12px;min-height:2.9em;animation:meadow-detail .5s both}
@keyframes meadow-detail{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.meadow-console{position:absolute;right:var(--scene-gutter);bottom:30px;z-index:4;display:flex;align-items:center;gap:16px}
.meadow-motion{font:500 .66rem var(--sans);color:#f2f7e9;padding:10px 14px;min-height:38px;border:1px solid #ffffff66;border-radius:25px;background:#edf7e51f;backdrop-filter:blur(10px);cursor:pointer}
.meadow-motion:disabled{opacity:.65;cursor:default}
.meadow-hint{font:400 .62rem var(--sans);color:#e7eedd;text-shadow:0 1px 6px #14281c;transition:opacity .6s}
.hero-meadow[data-intro="done"] .meadow-hint{opacity:1}
.hero-meadow[data-intro="running"] .meadow-hint,.hero-meadow[data-render="fallback"] .meadow-hint,.hero-meadow[data-render="fallback"] .meadow-motion{opacity:0;pointer-events:none}
.hero-meadow :is(a,button):focus-visible{outline:2px solid #e9f2dc;outline-offset:4px}
.meadow-copy :is(a,button):focus-visible{outline-color:#31563c}
.page-home .bar{background:#e5e7e34d}
@media(width<=1100px){
 .hero-meadow h1{font-size:clamp(2.9rem,6vw,4.4rem)}
 .meadow-lede{max-width:40ch}
}
@media(width<=900px){
 .hero-meadow{height:100svh;min-height:760px;max-height:none}
 .meadow-wash{background:linear-gradient(#efeee6e8 0%,#efeee6b8 38%,#efeee600 62%),linear-gradient(0deg,#15271c99,transparent 42%)}
 .meadow-copy{top:34px}
 .meadow-eyebrow{font-size:.72rem;margin-bottom:16px}
 .hero-meadow h1{font-size:clamp(2.6rem,9vw,3.6rem);max-width:12ch}
 .meadow-lede{font-size:.95rem;max-width:38ch;margin-top:20px}
 .meadow-actions{margin-top:22px;gap:16px}
 .hero-meadow .experience-primary{min-height:46px;font-size:.74rem;padding:12px 16px}
 .meadow-offer{bottom:76px;padding-right:0}
 .hero-meadow .scene-modes{display:flex;flex-wrap:wrap;max-width:none;width:100%;border-radius:24px;gap:2px}
 .hero-meadow .scene-modes button{font-size:.68rem;padding:8px 11px;min-height:38px}
 .meadow-offer-detail{font-size:.8rem;max-width:none;min-height:3.2em}
 .meadow-console{right:16px;left:16px;bottom:22px;justify-content:space-between}
 .meadow-hint{display:none}
 .root-label{font-size:.52rem;padding:4px 7px;gap:4px}
 .root-labels{bottom:230px;overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.hero-meadow *{transition:none!important;animation:none!important}}
:root[data-motion="reduce"] .hero-meadow *{transition:none!important;animation:none!important}