/* One continuous page: landscape entrance → journal. */
html:has(body.home-page){scroll-padding-top:70px}
.home-page{isolation:isolate}
.home-page>.home-backdrop{position:fixed;inset:0;z-index:-2;translate:none;scale:none}
html[data-wallpaper="adventure"] .home-page>.home-backdrop{background-image:linear-gradient(rgba(0,0,0,.58),rgba(0,0,0,.58)),var(--wallpaper)}
.home-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--paper);opacity:0;transition:opacity .5s ease}
.home-page.article-view::before{opacity:.5}
html[data-theme="forest"] .home-page.article-view::before{opacity:.4}
html[data-theme="dark"] .home-page.article-view::before{opacity:.6}
.home-page>.site-header{position:fixed;transition:height .35s,background .35s,color .35s,box-shadow .35s}
.home-page.article-view>.site-header{height:70px;color:var(--ink);background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(18px);box-shadow:0 3px 20px #142a2515;border-bottom:1px solid var(--line)}
.home-page.article-view .site-header .icon-button{border-color:var(--line)}
.home-page.article-view .site-header .header-tools{border-color:var(--line)}
.home-page.article-view .site-header a:hover,.home-page.article-view .site-header button:hover{color:var(--accent)}
.home-journal{position:relative;scroll-margin-top:0;padding:38px 0 1px;min-height:100svh;background:transparent}
.home-journal::before,.home-journal::after{content:none}
.home-journal:focus,#welcome:focus{outline:none}
.home-journal .blog-content{margin-top:0;margin-bottom:65px}
.home-journal .blog-welcome{color:var(--ink);background:color-mix(in srgb,var(--card) 86%,transparent);backdrop-filter:blur(15px);border:1px solid var(--line);border-radius:12px;padding:9px 14px;margin-bottom:17px}
.home-page .hero{--hero-progress:0;background:transparent}
.wallpaper-arrow{position:absolute;top:50%;translate:0 -50%;width:52px;height:72px;border:1px solid #ffffff25;border-radius:28px;display:grid;place-items:center;background:#102b2b26;backdrop-filter:blur(5px);color:#fff;opacity:.75;z-index:2;transition:opacity .2s,background .2s}
.wallpaper-arrow:hover,.wallpaper-arrow:focus-visible{opacity:1;background:#102b2b55}
.wallpaper-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wallpaper-prev{left:4.2%}.wallpaper-next{right:4.2%}
.home-page .hero-content{translate:0 calc(var(--hero-progress)*75px)}
.home-page .hero-content>*{opacity:calc(1 - var(--hero-progress)*.8)}
html[data-wallpaper="adventure"] .home-page .hero h1,html[data-wallpaper="adventure"] .home-page .hero-description,html[data-wallpaper="adventure"] .home-page .hero .eyebrow{text-shadow:0 2px 8px #101825cc,0 3px 20px #10182599}
.home-page .enter-button>svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;transition:translate .25s}
.home-page .enter-button:hover>svg{translate:0 4px}
.home-page .hero .enter-button{position:relative;top:44px;width:56px;height:56px;padding:0;justify-content:center;border:0;border-radius:50%;background:transparent;backdrop-filter:none;font-family:var(--sans);font-size:25px;line-height:1}
.home-page .hero .enter-button:hover{background:transparent;color:#fff}
@media(prefers-reduced-motion:no-preference){
  html:not([data-motion="off"]) .home-journal [data-reveal]{opacity:0;translate:0 24px;transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.2,1)}
  html:not([data-motion="off"]) .home-journal [data-reveal].is-visible{opacity:1;translate:0 0}
}
@media(prefers-reduced-motion:reduce){.home-page .hero-content,.home-page .hero-image{translate:none;scale:none}.home-page .hero-content>*{opacity:1}}
html[data-motion="off"] .home-page .hero-content,html[data-motion="off"] .home-page .hero-image{translate:none;scale:none}
html[data-motion="off"] .home-page .hero-content>*{opacity:1}
@media(max-width:680px){.home-journal{padding-top:25px}.home-journal .blog-content{margin-top:0;margin-bottom:45px}.wallpaper-arrow{width:44px;height:64px;background:transparent;border-color:transparent;backdrop-filter:none}.wallpaper-prev{left:8px}.wallpaper-next{right:8px}.wallpaper-arrow svg{width:19px;height:19px}}
@media(max-width:680px){html[data-wallpaper="adventure"] .home-backdrop{background-position:60% center}}