.journey{background:#F4EEE6;position:relative;height:320svh;}
.journey-stage{position:sticky;top:80px;height:calc(100svh - 80px);display:grid;grid-template-columns:60% 40%;max-width:1600px;margin:0 auto;overflow:hidden;}
.journey-title{position:absolute;top:35px;left:5vw;z-index:4;font-size:14px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:#0C1F4B;margin:0;font-family:Alice,Georgia,serif;}
.journey-stage__art{grid-area:1/1;height:100%;perspective:1200px;position:relative;overflow:hidden;}
.journey-art img{position:absolute;opacity:0;transition:opacity .6s ease;}
.journey-art-ready .journey-cutout-ready{opacity:1;}
.journey-fall{height:116%;width:auto;left:4%;top:-14%;filter:drop-shadow(18px 28px 20px #23394D33);}
.journey-wave{width:68%;height:auto;left:23%;top:64%;}
.journey-boat{width:40%;max-width:300px;z-index:3;left:50%;top:60%;transform:translate(-50%,-75%);}
.journey-copy{grid-area:1/2;z-index:4;padding-left:20px;padding-right:5vw;display:grid;align-items:center;}
.journey-chapter{grid-area:1/1;max-width:500px;align-self:center;}
.journey-chapter h3{font-family:Alice,Georgia,serif;font-weight:400;font-size:clamp(52px,6.5vw,104px);line-height:1;margin:0 0 18px;color:#0C1F4B;}
.journey-chapter p{max-width:30ch;line-height:1.65;font-size:16px;color:#33404d;margin:0 0 22px;}
.journey-eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#752D39;font-weight:600;margin:0 0 8px;}
.journey-index{font-size:12px;letter-spacing:.12em;color:#0C1F4B;display:block;margin-bottom:6px;}
.journey-link{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#B85C38;text-decoration:none;border-bottom:1px solid currentColor;}

@media (max-width:767px){
  .journey{height:300svh;}
  .journey-stage{grid-template-rows:57% 43%;grid-template-columns:1fr;height:calc(100svh - 80px);}
  .journey-stage__art{grid-area:1/1;height:100%;}
  .journey-copy{grid-area:2/1;align-items:flex-start;padding:16px 24px;}
  .journey-title{top:16px;left:20px;font-size:12px;}
  .journey-chapter h3{font-size:clamp(38px,10vw,50px);}
  .journey-chapter p{font-size:14px;max-width:32ch;}
  .journey-fall{height:125%;left:10%;top:-20%;}
  .journey-wave{left:32%;top:64%;width:64%;}
  .journey-boat{max-width:180px;}
}

@media (prefers-reduced-motion:reduce){
  .journey{height:auto;}
  .journey-stage{position:static;display:grid;grid-template-columns:1fr;height:auto;}
  .journey-stage__art{height:600px;}
  .journey-copy{grid-area:auto;display:block;padding:32px 24px;}
  .journey-chapter{display:block;margin-bottom:64px;}
  .journey-chapter:last-child{margin-bottom:0;}
  .journey-art-ready .journey-cutout-ready{opacity:1;}
}
@media (prefers-reduced-motion:reduce) and (max-width:767px){
  .journey-stage__art{height:400px;}
}

/* Layout follows the reference: layered textile on the left, open reading space. */
.journey-art{position:relative;height:100%;width:100%;perspective:1200px}
.journey-art img{filter:drop-shadow(18px 28px 20px #23394D38)}
.journey-boat{filter:drop-shadow(8px 14px 8px #23394D4d)!important}
.journey-copy{grid-template-columns:minmax(0,1fr);padding-top:70px;padding-bottom:60px}
.journey-chapter{margin:0}
.journey-chapter h3{letter-spacing:-.035em;line-height:.98}
.journey-chapter p.journey-eyebrow{color:#752D39;font-size:11px;letter-spacing:.15em;line-height:1.2;margin:20px 0}
.journey-index{font-size:11px;letter-spacing:.1em}
.journey-link{color:#752D39;letter-spacing:0;text-transform:none;font-size:16px}
.journey-stage__art{overflow:visible}
.journey-fall{height:116%;max-width:none}
.journey-art img.journey-asset-error{display:none}
@media(max-width:767px){.journey-copy{padding-top:14px;padding-bottom:20px}.journey-copy .journey-chapter p{line-height:1.5;font-size:14px}.journey-copy .journey-chapter h3{margin-bottom:16px}.journey-copy .journey-eyebrow{margin:8px 0;font-size:10px}.journey-index{display:none}.journey-fall{height:125%}.journey-title{font-size:10px;letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){.journey-copy{display:block;padding-top:30px}.journey-chapter{margin-bottom:64px}.journey-art img{transition:none}.journey-stage__art{grid-area:auto}.journey-art{height:100%}}

@media(min-width:768px){.journey-title{left:calc(60% + 20px)}}

@media(min-width:768px){.journey-wave{top:50%;width:75%;left:22%}}
@media(max-width:767px){.journey-title{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(max-width:767px) and (max-height:760px){.journey-stage{grid-template-rows:50% 50%}}

/* Vessel and contact shadow travel in the fabric's own coordinate space. */
.journey-water{position:absolute;top:43%;left:22%;width:75%;aspect-ratio:728/517;transform-origin:35% 30%}
.journey-water .journey-wave{width:100%;left:0;top:0;height:auto;transform:none}
.journey-vessel{position:absolute;width:18.666667%;max-width:105px;aspect-ratio:751/808;left:43%;top:70%;z-index:3;transform:translate(-50%,-91%);opacity:0;transform-origin:50% 91%}
.journey-art-ready .journey-vessel{opacity:1}
.journey-vessel .journey-boat{width:100%;max-width:none;left:0;top:0;transform:none;filter:drop-shadow(1px 2px 1px #23394D33)!important}
.journey-vessel::after{content:"";position:absolute;left:16%;top:88%;width:65%;height:7%;border-radius:50%;background:#132a30;opacity:.35;filter:blur(2px);mix-blend-mode:multiply;z-index:-1}
.journey-copy{padding:0;overflow:hidden;position:relative;isolation:isolate}
.journey-chapter{box-sizing:border-box;min-height:100%;height:100%;max-width:none;display:flex;flex-direction:column;justify-content:center;padding:80px 32px 48px;background:#0C1F4B;color:#F4EEE6;position:relative;overflow:hidden}
.journey-chapter:nth-child(2){background:#752D39}
.journey-chapter:nth-child(3){background:#938D81;color:#0C1F4B}
.journey-chapter::before{content:"";position:absolute;width:140%;aspect-ratio:1;left:-45%;top:32%;border:1px solid currentColor;border-radius:50%;opacity:.15;box-shadow:0 0 0 18px #ffffff08,0 0 0 36px #ffffff05;pointer-events:none}
.journey-chapter>*{position:relative}
.journey-copy .journey-chapter h3,.journey-copy .journey-chapter p,.journey-copy .journey-index,.journey-copy .journey-link{color:inherit}
.journey-copy .journey-chapter h3{font-size:clamp(40px,5.9vw,94px)}
.journey-copy .journey-index{opacity:.6}
.journey-copy .journey-link{align-self:flex-start}
.journey-copy .journey-chapter p.journey-eyebrow{color:inherit;opacity:.8}
.journey-title{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:767px){.journey-water{top:57%;left:32%;width:64%}.journey-vessel{width:21.875%;max-width:63px}.journey-chapter{padding:18px 24px 24px}.journey-copy{padding:0}.journey-chapter::before{top:25%;width:110%}}
@media(max-width:767px){.journey-copy .journey-chapter h3{font-size:clamp(34px,9.5vw,48px)}}
@media(prefers-reduced-motion:reduce){.journey-copy{padding:0}.journey-chapter{min-height:0;height:auto;padding:40px 24px;margin:0}.journey-title{color:#0C1F4B}}

/* Close fold shadow plus a broad directional shadow cast on the beige wall. */
.journey-art .journey-fall,.journey-art .journey-wave{filter:drop-shadow(3px 8px 5px #302b242e) drop-shadow(24px 34px 25px #302b2452)}
@media(max-width:767px){.journey-art .journey-fall,.journey-art .journey-wave{filter:drop-shadow(2px 4px 3px #302b2429) drop-shadow(12px 18px 12px #302b244d)}}
.journey-stage__art{isolation:isolate}
.journey-art{z-index:1;pointer-events:none}
.journey-fluid-field,.journey-fluid-output{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.journey-fluid-field{opacity:0}
.journey-fluid-output{opacity:0}
@media(prefers-reduced-motion:reduce),(max-width:767px){.journey-fluid-field,.journey-fluid-output{display:none}}