/* The landscape begins at the top edge; all homepage overrides stay scoped here. */
.home{background:#182f23}
.home>header{position:absolute;inset:0 0 auto;max-width:none;background:transparent;padding:0 clamp(24px,4.5vw,80px);box-shadow:none}
.home .bar{min-height:100px}
.home .brand{font-size:1.7rem;color:#172f24;gap:12px}
.home nav a{color:#172f24;font-weight:600;text-shadow:0 1px 8px #fff5}
.home nav a:hover{background:#fff6}
.home .menu{background:#f6f1e7d9;border-color:#ffffff80}
.immersive-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;min-height:max(760px,100svh);overflow:hidden}
.immersive-hero .living-landscape{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;overflow:hidden;background:#566649;z-index:-3}
.immersive-hero .living-landscape>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.hero-shade{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(0deg,#07180f87,transparent 58%),radial-gradient(ellipse at 8% 68%,#07180fb0,transparent 70%)}
.immersive-hero>.landscape-birds{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;visibility:hidden;z-index:0}
.immersive-hero>.landscape-birds.is-ready{visibility:visible}
.hero-content{position:relative;z-index:1;width:100%;max-width:1760px;margin:0 auto;padding:clamp(230px,30vh,380px) clamp(24px,6vw,112px) clamp(125px,16vh,190px);color:#fff9ec}
.home .hero-content .eyebrow{color:#f9f4e7;letter-spacing:.2em;font-size:.75rem;font-weight:600;margin:0 0 24px;text-shadow:0 2px 12px #07180f}
.home .hero-content h1{font:500 clamp(3.5rem,6vw,6.6rem)/1.04 var(--serif);letter-spacing:-.025em;color:#fff9ec;margin:0 0 28px;text-shadow:0 3px 30px #06170f70;max-width:12em}
.home .hero-content h1 span{display:block}
.home .hero-content h1 em{font-weight:400}
.home .hero-content .lede{color:#fff9ec;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.65;max-width:39ch;margin:0 0 32px;text-shadow:0 2px 12px #07180f}
.home .hero-content .acts{gap:16px 28px}
.home .hero-content .btn{min-height:56px;background:#fff7e7;color:#183427;box-shadow:0 4px 24px #06170f25;font-weight:600;padding-inline:28px}
.home .hero-content .btn:hover{background:#fffdf6}
.home .hero-content .link{color:#fff9ec;text-shadow:0 2px 10px #06170f;font-weight:500;text-decoration-color:#fff9ec99}
.scene-footer{position:absolute;left:clamp(24px,4.5vw,80px);right:clamp(24px,4.5vw,80px);bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fcf6e9;z-index:2}
.scene-footer p{font-size:.7rem;letter-spacing:.03em;margin:0;text-shadow:0 1px 7px #07180f}
.scene-footer .landscape-toggle{position:static;background:#10271aca;color:#fff9ec;border-color:#fff9ec66;box-shadow:none;min-width:96px;flex-shrink:0;backdrop-filter:blur(8px)}
.scene-footer .landscape-toggle:hover{background:#183427}
.scene-controls{display:flex;align-items:center;gap:10px}
.sunset-replay{min-height:44px;padding:0 14px;border:1px solid #fff9ec66;border-radius:999px;background:#10271aca;color:#fff9ec;font:500 .75rem var(--sans);cursor:pointer;backdrop-filter:blur(8px)}
.sunset-replay:hover{background:#183427}.sunset-replay[hidden]{display:none}
.home .invite{max-width:none;background:var(--iv);border:0;padding:64px clamp(24px,6vw,112px)}
.home footer .wrap{max-width:none;padding-inline:clamp(24px,6vw,112px)}
.home .hero-content :focus-visible,.home .scene-footer :focus-visible{outline-color:#fff9ec;outline-offset:5px}
@media(max-width:820px){
 .home .bar{min-height:82px}
 .home .brand{font-size:1.5rem}
 .home nav a{color:var(--gr);text-shadow:none}
 .home .js nav ul,.js .home nav ul{top:74px;left:24px;right:24px;background:#fff9ee}
 .immersive-hero{min-height:max(760px,100svh)}
 .hero-content{padding-top:260px;padding-bottom:140px}
 .home .hero-content h1{font-size:clamp(2.25rem,8vw,4rem)}
 .home .hero-content .lede{font-size:1.08rem;max-width:36ch}
 .hero-shade{background:linear-gradient(0deg,#07180fb8,transparent 80%),radial-gradient(ellipse at 15% 62%,#07180f70,transparent 78%)}
 .scene-footer{bottom:22px}
}
@media(max-width:480px){
 .immersive-hero{min-height:max(740px,100svh)}
 .hero-content{padding-top:240px;padding-bottom:132px}
 .home .hero-content .eyebrow{font-size:.65rem;letter-spacing:.15em;margin-bottom:20px}
 .home .hero-content h1{font-size:clamp(2.25rem,10.5vw,3.15rem);margin-bottom:24px;line-height:1.08}
 .home .hero-content .lede{font-size:1rem;max-width:33ch;margin-bottom:26px}
 .home .hero-content .acts{flex-direction:column;align-items:stretch;gap:12px}
 .home .hero-content .btn{width:100%;padding-inline:16px;font-size:1rem}
 .home .hero-content .link{justify-content:center;font-size:.95rem}
 .scene-footer{left:24px;right:24px;gap:10px}
 .scene-footer p{max-width:20ch;font-size:.65rem;line-height:1.5}
 .scene-controls{flex-direction:column;align-items:stretch;gap:6px}
 .home .invite{padding-block:48px}
}