/* A continuous image-led opening: floating ideas, collected work, the creator. */
.journey-stage{background:#f0f6fb;isolation:isolate}
.journey-active{height:360vh}
.motion-world{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.motion-art{position:absolute;inset:-3%;background:url('assets/ideas-sculpture.webp') center/cover no-repeat;transform-origin:70% 52%;will-change:transform,opacity}
.motion-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f6fafde6 0%,#f6fafd90 27%,transparent 57%)}
.motion-visual{position:absolute;inset:12% 4% 10% 42%;perspective:1300px;transform-style:preserve-3d}
.motion-tile{position:absolute;left:50%;top:50%;width:42%;will-change:transform,opacity;transform-origin:center;opacity:0}
.motion-float{padding:7px 7px 0;background:rgba(255,255,255,.96);border:1px solid #ffffffb3;border-radius:7px;box-shadow:0 20px 45px #18394726,0 3px 8px #18394712;animation:paper-drift 7s ease-in-out infinite alternate;transform-style:preserve-3d;backface-visibility:hidden}
.motion-tile img{display:block;width:100%;height:auto;border-radius:3px;max-height:30vh;object-fit:contain;background:white}
.motion-tile span{display:block;font-family:Arial,sans-serif;letter-spacing:.09em;font-size:10px;line-height:1.6;padding:8px 3px;color:#2c5365}
.tile-kins .motion-float{animation-delay:-2s;animation-duration:8s}
.tile-arucom .motion-float{animation-delay:-5s;animation-duration:9s}
.tile-wiz .motion-float{animation-delay:-3s;animation-duration:6s}
@keyframes paper-drift{0%{transform:translate3d(0,-9px,0) rotate(-1deg)}100%{transform:translate3d(3px,10px,0) rotate(1.3deg)}}
@keyframes scroll-nudge{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
.journey-scene{z-index:2;pointer-events:none;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8%;inset:110px 6% 105px}
.journey-scene a{pointer-events:auto}
.journey-words{max-width:540px}
.journey-words h2{font-size:clamp(36px,3.5vw,60px);line-height:1.4;letter-spacing:.005em;color:#173e51}
.journey-words .eyebrow{font-size:13px;letter-spacing:.18em;margin-bottom:25px}
.service-eyebrow span{display:block}.service-eyebrow span+span{margin-top:7px}
.journey-words>p:not(.eyebrow){font-size:16px;margin-top:28px;line-height:1.9}
.journey-keywords{display:flex;gap:0;margin-top:28px;font-size:13px;letter-spacing:.06em;color:#386679}
.journey-keywords span+span{border-left:1px solid #9bbac8;padding-left:17px;margin-left:17px}
.journey-top,.journey-bottom{z-index:6}
.journey-top{font-size:12px}
.journey-hint{display:flex;align-items:center;gap:9px;transition:opacity .18s ease}
.journey-hint b{font-weight:400;font-size:24px;animation:scroll-nudge 2s ease-in-out infinite}
.journey-progress{margin-left:auto;width:100px}
.motion-paused .motion-float,.motion-paused .journey-hint b{animation-play-state:paused}
.journey-person{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5%;inset:100px 6% 95px}
.journey-person .hero-copy{background:transparent}
.journey-person .journey-portrait{box-shadow:0 20px 70px #173e511a;border:7px solid white;border-radius:4px;transform-origin:center;will-change:transform,opacity}
.journey-person .hero-copy{will-change:transform}
.journey-still .motion-world{display:none}
@media(min-width:1550px){.journey-scene{left:max(6%,calc((100% - 1400px)/2));right:max(6%,calc((100% - 1400px)/2))}.motion-visual{right:7%;left:45%}}
@media(max-width:1100px) and (min-width:681px){.journey-scene{left:5%;right:5%;gap:4%;grid-template-columns:.85fr 1.15fr}.journey-words h2{font-size:clamp(36px,4.5vw,52px)}.motion-visual{left:43%;right:3%}.journey-words>p:not(.eyebrow){font-size:15px}.journey-keywords{font-size:12px}.journey-keywords span+span{margin-left:10px;padding-left:10px}.journey-person{grid-template-columns:1fr 1fr}}
@media(max-width:680px){
 .journey-active{height:330vh}
 .motion-art{inset:20% -35% -4% -65%;background-position:center;transform-origin:70% 62%}
 .motion-art::after{background:linear-gradient(180deg,#f5f9fc 0%,#f5f9fcc0 10%,transparent 50%)}
 .motion-visual{inset:41% 6% 12%;perspective:900px}
 .motion-tile{width:43%}.motion-tile img{max-height:21vh}.motion-float{padding:4px 4px 0;box-shadow:0 12px 24px #18394726;border-radius:4px}.motion-tile span{font-size:8px;padding:4px 1px;letter-spacing:.03em}
 .journey-scene{inset:90px 7% 75px;display:block!important;align-content:start}
 .journey-words{max-width:100%}.journey-words .eyebrow{font-size:11px;margin-bottom:15px;letter-spacing:.15em}
 .journey-words h2{font-size:clamp(32px,8.6vw,48px);line-height:1.35}.journey-words h2 br:nth-child(2){display:none}
 .journey-words>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:16px}
 .journey-keywords{display:none}
 .journey-person{display:grid!important;inset:75px 7% 65px;grid-template-columns:1fr;grid-template-rows:minmax(100px,1fr) auto;gap:16px}
 .journey-person .journey-portrait{border-width:4px}
 .journey-top{font-size:10px}.journey-top a{font-size:12px}
 .journey-bottom{bottom:18px;gap:10px;flex-wrap:wrap}.journey-hint{font-size:11px;gap:5px}.journey-hint b{font-size:20px}.journey-progress{display:none}.journey-step{display:none}
}
@media(max-width:680px) and (max-height:740px){.journey-scene{top:72px}.journey-words h2{font-size:30px}.journey-words .eyebrow{margin-bottom:10px}.journey-words>p:not(.eyebrow){margin-top:12px;font-size:13px}.motion-visual{top:43%;bottom:12%}.journey-person{top:70px;gap:12px}.journey-person h1{font-size:26px}}
@media(min-width:681px) and (max-height:700px){.journey-scene{top:85px;bottom:75px}.journey-words h2{font-size:42px}.journey-words .eyebrow{margin-bottom:15px}.journey-words>p:not(.eyebrow){margin-top:16px;font-size:14px}.journey-keywords{margin-top:15px}.journey-person{top:78px;bottom:65px}}
@media(prefers-reduced-motion:reduce){.motion-float,.journey-hint b{animation:none}.motion-world{display:none}}
@media(max-width:680px){.journey-person h1 br:first-child{display:initial}}
.journey:not(.journey-active) .motion-world{display:none}