/* Persistent scene + real scrolling chapters, from sealed box to full welcome. */
.mesa-journey{position:relative;background:#eceee5;color:#244538;isolation:isolate}
.journey-viewport{display:none}
.journey-chapter{position:relative;padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:650px}
.journey-copy{max-width:410px}
.journey-kicker{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#8f764e;margin-bottom:24px}
.journey-copy h2{font:400 clamp(38px,5vw,76px)/1.06 var(--font-serif);letter-spacing:-.04em;color:#254638;margin-bottom:24px}
.journey-copy h2 em{color:#96734e}
.journey-copy>p:not(.journey-kicker){font-size:15px;line-height:1.9;color:#687366;max-width:315px}
.journey-detail{display:block;margin-top:28px;padding-top:16px;border-top:1px solid #2e523b26;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#617363}
.journey-inline{max-width:100%;max-height:400px;object-fit:contain;justify-self:center;filter:drop-shadow(0 25px 20px #18382a24)}
.journey-link{display:inline-flex;gap:30px;margin-top:28px;background:#284b3a;color:#fff9ed;padding:15px 24px;font-size:12px}
.journey-skip{position:absolute;right:30px;top:28px;z-index:30;font-size:10px;color:#627563}
.has-motion .journey-viewport{display:block;position:sticky;top:0;height:100svh;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at var(--journey-glow-x,50%) 52%,#fffcf0 0,transparent 58%),linear-gradient(135deg,#e4e9dd,#f0eee4 65%,#e2e8dc)}
.has-motion .journey-viewport::before{content:'';position:absolute;inset:10%;border:1px solid #284b3a09;border-radius:50%;transform:rotate(-20deg);pointer-events:none}
.journey-scene{position:absolute;inset:0;perspective:1500px;isolation:isolate}
.journey-controls{position:absolute;inset:0;pointer-events:none;z-index:30}
.journey-controls a{pointer-events:auto}
.journey-object{position:absolute;left:0;top:0;width:clamp(200px,28vw,430px);margin:0;will-change:transform,opacity;transform-origin:center}
.journey-object img{width:100%;height:100%;max-height:53svh;object-fit:contain;filter:drop-shadow(0 28px 22px #18372b28)}
.journey-object[data-item="5"]{width:clamp(28px,3.4vw,50px)}
.journey-object[data-item="4"]{width:clamp(150px,17vw,230px)}
.journey-object[data-item="6"],.journey-object[data-item="7"]{width:clamp(180px,20vw,290px)}
.journey-watermark{position:absolute;top:37%;left:0;width:100%;font-size:17vw;letter-spacing:-.07em;line-height:1;color:#244b3405;text-align:center;font-family:var(--font-serif);pointer-events:none}
.journey-rail{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:30;pointer-events:auto}
.journey-nav{display:flex;gap:10px;align-items:center}
.journey-nav a{display:block;width:25px;height:25px;padding:10px 0}
.journey-nav a::before{content:'';height:2px;display:block;background:#355b3e30;transition:background .2s}
.journey-nav a[aria-current]::before{background:#355b3e;height:3px}
.journey-counter,.journey-scroll-note{font-size:9px;letter-spacing:.18em;color:#71816a}
.journey-line{height:2px;position:absolute;bottom:0;left:0;right:0;background:#25463313}
.journey-line::after{content:'';display:block;height:100%;background:#a18a61;transform:scaleX(var(--journey-progress,0));transform-origin:left}
.journey-viewport .journey-skip{pointer-events:auto}
.has-motion .journey-chapters{position:relative;margin-top:-100svh;pointer-events:none}
.has-motion .journey-chapter{height:100svh;min-height:0;display:flex;gap:0;padding:10vh 8%;pointer-events:none}
.has-motion .journey-copy{width:34%;pointer-events:auto;position:relative;z-index:20}
.has-motion .journey-chapter:nth-child(even):not(:nth-child(2)){justify-content:flex-end}
.has-motion .journey-inline{display:none}
.has-motion .journey-chapter:first-child{align-items:flex-start;justify-content:center;padding-top:9vh;text-align:center}
.has-motion .journey-chapter:first-child .journey-copy{width:80%;max-width:820px}
.has-motion .journey-chapter:first-child .journey-copy h2{font-size:clamp(36px,4vw,62px)}
.has-motion .journey-chapter:first-child .journey-copy>p{max-width:none}
.has-motion .journey-chapter:first-child .journey-detail{border:0;margin-top:10px;padding-top:0}
.has-motion .journey-chapter:last-child{justify-content:center;align-items:flex-start;text-align:center;padding-top:7vh}
.has-motion .journey-chapter:last-child .journey-copy{width:90%;max-width:850px}
.has-motion .journey-chapter:last-child h2{font-size:clamp(32px,3.7vw,56px);margin-bottom:12px}
.has-motion .journey-chapter:last-child .journey-copy>p{max-width:none}
.has-motion .journey-chapter:last-child .journey-link{margin-top:16px;padding:10px 20px}
@media(max-width:760px){
 .journey-chapter{grid-template-columns:1fr;gap:32px;padding:60px 8%;min-height:0}.journey-copy h2{font-size:43px}.journey-inline{max-height:320px}.journey-copy>p:not(.journey-kicker){font-size:13px;line-height:1.7}.journey-detail{margin-top:15px;padding-top:12px;font-size:8px}
 .has-motion .journey-chapter,.has-motion .journey-chapter:first-child,.has-motion .journey-chapter:last-child{align-items:flex-start;justify-content:flex-start!important;padding:9svh 8% 0;text-align:left}.has-motion .journey-copy,.has-motion .journey-chapter:first-child .journey-copy,.has-motion .journey-chapter:last-child .journey-copy{width:100%;max-width:430px}.has-motion .journey-copy h2,.has-motion .journey-chapter:first-child .journey-copy h2,.has-motion .journey-chapter:last-child h2{font-size:clamp(30px,8.8vw,43px);margin-bottom:14px}.journey-kicker{font-size:8px;margin-bottom:12px}.journey-copy>p:not(.journey-kicker){max-width:320px}.journey-object{width:62vw}.journey-object img{max-height:36svh}.journey-object[data-item="4"]{width:34vw}.journey-object[data-item="5"]{width:7vw}.journey-object[data-item="6"],.journey-object[data-item="7"]{width:46vw}.journey-skip{top:18px;right:8%;font-size:8px}.journey-rail{bottom:14px;left:8%;right:8%;gap:10px}.journey-nav{gap:5px}.journey-nav a{width:18px}.journey-scroll-note{display:none}
}
@media(prefers-reduced-motion:reduce){.journey-inline{filter:none}}
.diary-scene{position:absolute;left:30%;top:53%;width:min(50vw,76svh,720px);aspect-ratio:3/2;transform:translate(-50%,-50%) translateX(var(--diary-shift,-25%));perspective:1400px;z-index:18;opacity:0;visibility:hidden;pointer-events:none;filter:drop-shadow(0 28px 24px #18382a24)}
.diary-right{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(0 0 0 50%)}
.diary-leaf{position:absolute;inset:0 50% 0 0;transform-origin:100% 50%;transform:rotateY(var(--diary-angle,-180deg));transform-style:preserve-3d;z-index:3}
.diary-leaf-front,.diary-leaf-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden}
.diary-leaf-front img{width:200%;max-width:none;height:100%;display:block}
.diary-leaf-back{transform:rotateY(180deg)}
.diary-leaf-back img{position:absolute;left:0;top:0;width:100%;height:94%;object-fit:fill}
.diary-ink{position:absolute;inset:0;width:100%;height:100%;z-index:4;overflow:visible}
.diary-ink path{stroke:#244c3b;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.diary-pen{position:absolute;width:14%;height:auto;max-width:none;transform-origin:50% 100%;z-index:6;filter:drop-shadow(3px 5px 3px #19392d2b);opacity:0}
.diary-imprint{position:absolute;left:12%;top:37%;width:29%;text-align:center;color:#6e806c;opacity:0;z-index:4}
.diary-imprint span{font:400 clamp(16px,2.2vw,30px)/1.2 var(--font-serif);letter-spacing:.16em}
.diary-imprint small{display:block;margin-top:14px;font-size:clamp(5px,.55vw,8px);letter-spacing:.13em;line-height:1.6}
.diary-static{position:relative;width:100%;margin:0;aspect-ratio:3/2}
.diary-static>img{width:100%;height:auto}
.diary-static .diary-imprint{opacity:1}
.has-motion .diary-static{display:none}
.has-motion .journey-chapter-diary{height:240svh;display:block;padding-top:30svh;padding-bottom:30svh}
.has-motion .journey-chapter-diary .journey-copy{position:sticky;top:30svh;margin-left:auto}
.journey-object[data-item="5"]{width:clamp(110px,14vw,200px)}
@media(max-width:760px){
 .diary-scene{left:50%;top:66%;width:94vw;max-width:650px}
 .diary-imprint span{font-size:17px}.diary-imprint small{font-size:5px;margin-top:8px}
 .has-motion .journey-chapter-diary{height:240svh;padding-top:9svh;padding-bottom:30svh}
 .has-motion .journey-chapter-diary .journey-copy{top:9svh;margin-left:0}
 .journey-object[data-item="5"]{width:28vw}
}
@media(max-width:760px) and (max-height:650px){
 .has-motion .journey-copy h2,.has-motion .journey-chapter:first-child .journey-copy h2,.has-motion .journey-chapter:last-child h2{font-size:28px;line-height:1.05;margin-bottom:10px}
 .has-motion .journey-copy>p:not(.journey-kicker){font-size:12px;line-height:1.5}
 .has-motion .journey-detail{display:none}
 .has-motion .journey-chapter:last-child .journey-link{padding:8px 15px;font-size:10px;margin-top:10px}
}