/* The existing review card becomes the lead cover inside the same pinned stage. */
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
.refraction-journey.has-journal{height:380vh}
.refraction-stage>.journal{position:absolute;inset:0;z-index:5;padding:7vh 5.3% 5vh;overflow:hidden;opacity:var(--journal-opacity,0);pointer-events:var(--journal-hit,none);background:transparent;visibility:var(--journal-visibility,hidden)}
.journal-edge{display:none}
.journal .journal-heading{margin-bottom:28px}
.journal h2{font-size:clamp(38px,4.3vw,65px)}
.journal-card-0 .journal-image{height:39vh;max-height:450px;aspect-ratio:auto}
.journal-card-0 h3{font-size:clamp(26px,2.6vw,41px);margin:12px 0}
.journal-card-0 .journal-copy{padding-top:17px}
.journal-copy p{font-size:16px;line-height:1.4;margin-bottom:10px}
.journal-card-1 .journal-image,.journal-card-2 .journal-image{height:26vh;max-height:295px;aspect-ratio:auto}
.journal-grid{gap:20px 38px}
.journal-card-2{padding-top:20px}
.journal h3{font-size:clamp(22px,1.8vw,29px)}
.journal-heading{opacity:var(--journal-heading,0);transform:translateY(calc((1 - var(--journal-heading,0))*28px))}
.journal-card,.journal-card.visible{opacity:1;transform:none;transition:none}
.journal-card-0 .journal-image{opacity:var(--journal-cover,0)}
.journal-card-0 .journal-copy{opacity:var(--journal-copy,0);transform:translateY(calc((1 - var(--journal-copy,0))*25px))}
.journal-card-1{opacity:var(--journal-side-one,0)!important;transform:translateY(calc((1 - var(--journal-side-one,0))*60px)) rotate(calc((1 - var(--journal-side-one,0))*4deg))!important}
.journal-card-2{opacity:var(--journal-side-two,0)!important;transform:translateY(calc((1 - var(--journal-side-two,0))*60px)) rotate(calc((1 - var(--journal-side-two,0))*(-4deg)))!important}
.journal-ground{position:absolute;inset:0;z-index:4;pointer-events:none;background:#f8f5ed;opacity:var(--paper-ground,0)}
.journal-flight-card{position:absolute;top:0;left:0;z-index:7;pointer-events:none;overflow:hidden;border-radius:10px;transform-origin:50% 50%;will-change:transform,width,height;box-shadow:0 20px 50px #00141e35}
.journal-flight-card .flight-front{position:absolute;inset:0;background:#13272c;border:1px solid #43656b9c;border-radius:10px;overflow:hidden;color:#f8f5ed;padding:26px 24px;opacity:var(--flight-front,1)}
.flight-front blockquote{font-size:20px;line-height:1.48;margin:0 0 28px}.flight-front figcaption{display:flex;flex-direction:column;gap:5px}.flight-front strong{font-size:14px}.flight-front figcaption span{font-size:12px;color:#d0dcd9}.flight-front small{font-size:10px;color:#87a1a8}
.flight-photo{position:absolute;inset:0;background:url(assets/journal.webp) left center/300% auto;opacity:var(--flight-photo,0)}
.flight-badge{position:absolute;top:18px;left:18px;border-radius:30px;padding:9px 15px;background:#ff7526;color:white;font-size:11px;letter-spacing:.13em;font-weight:700;opacity:var(--flight-photo,0)}
}
.journal-image{transform:perspective(950px) rotateX(var(--article-rx,0deg)) rotateY(var(--article-ry,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;will-change:transform}
.journal-open:hover .journal-image{box-shadow:0 15px 30px #103e4b20}
.journal-photo{transform:scale(1.065) translate(var(--article-px,0px),var(--article-py,0px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.journal-open:hover .journal-photo{transform:scale(1.11) translate(var(--article-px,0px),var(--article-py,0px))}
.journal-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#fff8e52b 48%,transparent 70%);opacity:0;transform:translateX(-90%);transition:transform .8s,opacity .4s}
.journal-open:hover .journal-image:after{opacity:1;transform:translateX(65%)}
.journal-stroke{transform-origin:center;animation:journal-line-life 7s ease-in-out infinite alternate;animation-play-state:var(--journal-life,paused)}
@keyframes journal-line-life{from{transform:rotate(-3deg) scaleX(.95)}to{transform:rotate(4deg) scaleX(1.06)}}
@media(max-width:900px),(prefers-reduced-motion:reduce){.journal-flight-card,.journal-ground{display:none}.journal-image{transform:none!important}.journal-stroke{animation:none}}

@media(min-width:901px) and (prefers-reduced-motion:no-preference){.journal .journal-card-0 h3{font-size:clamp(28px,2.6vw,41px)}}

@media(min-width:901px) and (prefers-reduced-motion:no-preference){
.refraction-stage>.journal{clip-path:url(#journal-liquid-clip)}
.journal-ground{opacity:1;clip-path:url(#journal-liquid-clip)}
.journal-card-0 .journal-image{transform:translateY(calc((1 - var(--journal-cover,0))*65px)) scale(calc(.94 + var(--journal-cover,0)*.06));transition:none}
.journal-card-0 .journal-open:hover .journal-image{transform:perspective(950px) rotateX(var(--article-rx,0deg)) rotateY(var(--article-ry,0deg))}
}
