/* Muted illustrated landscapes; the welcome scene is a CSS/SVG animation. */
.save-home main{max-width:none;padding-left:0;padding-right:0}
.save-home .save-home-grid,.save-home .save-privacy{max-width:1000px;margin-left:auto;margin-right:auto;width:calc(100% - 64px)}
.welcome-hero{isolation:isolate;overflow:hidden;min-height:max(680px,calc(100svh - 64px));margin:0 0 48px;padding:390px 32px 52px;justify-content:flex-end;background:#aab8c9}
.welcome-hero .welcome-monogram{display:none}
.lake-scene{position:absolute;inset:0;z-index:-2;pointer-events:none}
.lake-scene svg{width:100%;height:100%;display:block}
.welcome-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 28%,rgba(251,247,238,.05) 45%,rgba(251,247,238,.89) 73%,#f2eee4 100%);pointer-events:none}
.welcome-hero>.eyebrow{letter-spacing:.2em;color:#474e65}
.welcome-hero h1{font-size:clamp(58px,7vw,88px);margin:12px 0 15px;letter-spacing:-.045em}
.welcome-hero>.muted{color:#454d61;max-width:460px;font-size:17px}
.welcome-hero>.tip{color:#59616b;max-width:420px;font-size:12px}
.lake-motion{position:absolute;top:18px;right:20px;border:1px solid rgba(71,78,101,.3);border-radius:30px;padding:9px 15px;background:rgba(251,247,238,.87);color:#474e65;font-size:12px;z-index:2;min-height:40px}
.lake-motion:hover{background:#fbf7ee}
.lake-crystal{animation:crystal-float 7.5s ease-in-out infinite}
.crystal-left{animation-duration:8.8s;animation-delay:-3s}
.crystal-right{animation-duration:6.9s;animation-delay:-4s}
.lake-ripple{transform-box:fill-box;transform-origin:center;animation:lake-ripple 5.2s ease-out infinite}
.ripple-later{animation-delay:-2.6s}
.ripple-small{animation-duration:6.5s;animation-delay:-1.8s}
.lake-star{animation:lake-twinkle 6s ease-in-out infinite}
.star-later{animation-delay:-2s}.star-last{animation-delay:-4s}
.lake-drift{animation:lake-drift 12s ease-in-out infinite}
.scenery-paused .lake-scene *{animation-play-state:paused!important}
@keyframes crystal-float{0%,100%{transform:translateY(7px)}50%{transform:translateY(-18px)}}
@keyframes lake-ripple{0%{transform:scale(.7);opacity:0}20%{opacity:.75}100%{transform:scale(1.6);opacity:0}}
@keyframes lake-twinkle{0%,100%{opacity:.12}50%{opacity:.8}}
@keyframes lake-drift{0%,100%{transform:translateX(-12px);opacity:.25}50%{transform:translateX(12px);opacity:.6}}
.landscape-art{aspect-ratio:1.8;object-fit:cover;border-radius:110px 110px 3px 3px;border:1px solid var(--line);padding:5px;background:var(--paper)}
.studio-landscape{width:210px;height:120px;object-fit:cover;border-radius:80px 80px 3px 3px;border:1px solid var(--line);padding:5px;flex-shrink:0}
.scenic-page{position:relative}
.page-landscape{float:right;width:240px;height:125px;object-fit:cover;margin:0 0 28px 28px;border:1px solid var(--line);padding:5px;border-radius:80px 80px 3px 3px;background:var(--paper)}
.scenic-page>.stats,.scenic-page>.panel{clear:both}
@media(max-width:1000px){.page-landscape{width:180px;height:100px;margin-left:20px}.scenic-page>h1{font-size:34px}.studio-landscape{width:160px;height:100px}}
@media(max-width:750px){.welcome-hero{padding:340px 22px 46px;min-height:max(650px,calc(100svh - 64px))}.welcome-hero h1{font-size:60px}.welcome-hero>.muted{font-size:16px}.save-home .save-home-grid,.save-home .save-privacy{width:calc(100% - 36px)}.lake-scene svg{width:150%;max-width:none;margin-left:-25%}.lake-motion{right:12px;top:12px;min-height:44px}.page-landscape{float:none;width:100%;height:140px;margin:0 0 24px;border-radius:100px 100px 3px 3px}.studio-landscape{display:none}}
@media(prefers-reduced-motion:reduce){.lake-scene *{animation:none!important}.lake-motion{display:none}}