/* Disable the old image entrance so the material reveal is the only layer. */
body[data-page=home] [data-motion=image] .photo-open img{clip-path:none!important;animation:none!important}
body[data-page=home] [data-motion=image] figcaption{animation:none!important}
.home-travel{margin:60px 0 75px;padding:34px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.home-travel img{height:270px;width:100%;object-fit:cover;border-radius:3px}
.home-travel .small-meta{color:var(--green)}
.home-travel h2{font:36px/1.5 var(--serif);margin:12px 0}
.home-travel p{font-size:13px;color:var(--muted);max-width:390px;margin-bottom:18px;line-height:2}
@media(max-width:700px){.home-travel{margin:36px 0 45px;padding:25px 0;grid-template-columns:1fr;gap:25px}.home-travel img{height:220px}.home-travel h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.reveal-overlay{display:none!important}}

body[data-page=home] .motion-toggle{width:auto;gap:6px;padding-inline:7px}
body[data-page=home] .motion-toggle::after{content:"动效开";font:11px var(--sans);white-space:nowrap}
body[data-page=home] .motion-toggle[aria-pressed=false]::after{content:"动效关"}
body[data-page=home] .motion-toggle:disabled::after{content:"静态"}


/* Material-specific masks overlay real content; input passes through. */
.reveal-scene{position:relative;isolation:isolate}
.reveal-overlay{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.material-reveals-ready.motion-enabled .reveal-overlay:not([hidden]){display:block}
.travel-reveal-image{overflow:hidden;border-radius:3px}
.home-travel .travel-reveal-image img{width:100%}
[data-reveal=curtain]>.reveal-overlay{overflow:hidden;display:none}
[data-reveal=curtain]>.reveal-overlay i{position:absolute;top:0;bottom:0;width:50.5%;background:repeating-linear-gradient(90deg,#e7e0d1 0,#f8f4eb 18%,#ece6d9 32%,#f6f1e6 49%);box-shadow:0 0 24px #2d4d3c20;border-inline:1px solid #cec5b3;transform:translateX(calc(-1 * var(--curtain-open,0%)));will-change:transform}
[data-reveal=curtain]>.reveal-overlay i:first-child{left:0}
[data-reveal=curtain]>.reveal-overlay i:last-child{right:0;transform:translateX(var(--curtain-open,0%))}
[data-reveal=binary]>.reveal-overlay{border-radius:4px}
.reveal-scene:has(:focus-visible)>.reveal-overlay{display:none!important}
@media(prefers-reduced-motion:reduce){.reveal-overlay{display:none!important}}
@media(max-width:700px){body[data-page=home] .header-actions{gap:6px}body[data-page=home] .motion-toggle{padding-inline:3px;gap:3px}}
@media(max-width:380px){body[data-page=home] .site-header{gap:8px}body[data-page=home] .site-header .wordmark{font-size:24px}body[data-page=home] .header-actions{gap:2px;margin-left:auto}body[data-page=home] .motion-toggle::after{font-size:10px}}
