/* Document-space glass film; the page scrolls normally through one connected path. */
.ribbon-journey{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(180deg,#f1f5fa 0%,#edf3f9 38%,#f0f5f4 75%,#f6f8fa 100%)}
.journey-space{position:absolute;inset:0 0 auto;height:1100px;background:linear-gradient(#ffffff20,#edf3f9 95%),url('/assets/ireolttaen-ai/experience/hero-backplate-v5.webp') center top/cover;opacity:.22;z-index:-3}
.journey-film{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}
.journey-film path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.film-shadow{stroke:#2c527b;stroke-opacity:.10;stroke-width:calc(var(--band-width) + 22px);transform:translate(6px,20px)}
.film-body{stroke:url(#glass-surface);stroke-width:var(--band-width)}
.film-highlight{stroke:#fff;stroke-opacity:.34;stroke-width:calc(var(--band-width) - 22px)}
.film-edge{stroke:url(#glass-edge);stroke-opacity:.48;stroke-width:1.6px;transform:translateX(calc(var(--band-width) * .48))}
.film-clips{position:absolute;inset:0;pointer-events:none;z-index:0}
.film-clip{position:absolute;width:clamp(150px,19vw,285px);padding:7px;background:#ffffff63;border:1px solid #ffffffd9;border-radius:13px;box-shadow:0 16px 35px #294b6a24,inset 0 0 20px #fff6;transform:translate(-50%,-50%) rotate(var(--clip-angle));overflow:hidden}
.film-clip .visual{aspect-ratio:16/10;border-radius:8px;background:#ebf0f4}.film-clip .visual.video>video{object-fit:contain}.film-clip span{display:block;font-size:10px;font-weight:700;letter-spacing:.07em;color:#354d6b;padding:8px 8px 2px}
.ribbon-chapter{position:relative;height:1150px;min-height:0;z-index:1;pointer-events:none}
.chapter-copy{position:absolute;left:7%;top:34%;width:31%;max-width:430px;z-index:3;pointer-events:auto;transition:opacity .1s linear}
.from-right .chapter-copy{left:auto;right:7%}.chapter-copy h2{font-size:clamp(34px,4vw,62px);margin:17px 0 22px;line-height:1.18}.chapter-copy p{font-size:15px;line-height:1.9;margin:0 0 26px;color:#3f526a}.chapter-copy .eyebrow{color:#2058a4}.chapter-copy:before{content:'';position:absolute;inset:-42px;z-index:-1;background:radial-gradient(ellipse,#f5f8fbee 25%,#f5f8fb00 73%);pointer-events:none}
.chapter-result{position:absolute;width:44%;max-width:660px;height:540px;transform:translate(-50%,-50%) scale(var(--result-scale,.49)) rotate(var(--result-angle,0deg));transform-origin:center;will-change:transform;z-index:2;pointer-events:auto}
.result-mount{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px;background:linear-gradient(135deg,#fff9,#fff3);border:1px solid #ffffffe8;border-radius:24px;box-shadow:0 22px 62px #243c6025,inset 0 0 25px #ffffff80;backdrop-filter:blur(6px)}
.result-mount>.visual{width:100%;max-height:calc(100% - 30px);aspect-ratio:4/3;background:transparent;border-radius:12px}.result-mount>.visual.video{height:calc(100% - 30px);aspect-ratio:auto}.result-mount video{object-fit:contain}.result-mount .sprite{width:100%;border-radius:12px}.result-caption{font-size:11px;color:#48617e;display:block;padding-top:12px;text-align:center}.ribbon-end{position:relative;text-align:center;padding:80px 20px 140px;z-index:1}.ribbon-end p{font-size:clamp(28px,4vw,52px);line-height:1.4;color:#203b59;margin:15px 0}.ribbon-end strong{font-weight:800}.ribbon-journey+.section{background:#f6f8fa}
@media(min-width:1600px){.ribbon-chapter{height:1250px}.chapter-result{height:600px}}
@media(max-width:1050px){.chapter-copy{left:5%;width:35%}.from-right .chapter-copy{right:5%}.chapter-copy h2{font-size:39px}.chapter-copy p{font-size:13px}.chapter-result{width:47%;height:440px}.ribbon-chapter{height:1050px}}
@media(max-width:680px){.ribbon-chapter{height:1060px}.chapter-copy,.from-right .chapter-copy{left:7%;right:auto;top:25%;width:86%;max-width:none}.chapter-copy h2{font-size:34px;margin:12px 0}.chapter-copy p{font-size:12px;line-height:1.8;max-width:320px;margin:12px 0 17px}.chapter-copy .btn{font-size:11px;padding:10px 16px}.chapter-result{width:78%;height:350px}.result-mount{padding:10px;border-radius:18px}.result-caption{font-size:9px}.film-clip{width:42vw;max-width:190px;padding:5px;border-radius:10px}.film-clip span{font-size:8px;padding:5px}.ribbon-end{padding:80px 20px 110px}.journey-space{height:800px;background-position:35% top}.chapter-copy:before{inset:-26px}}
@media(prefers-reduced-motion:reduce){.chapter-result,.chapter-copy{transition:none;will-change:auto}}
.journey-space{opacity:.10}.result-mount{background:linear-gradient(135deg,#ffffff72,#ffffff12);border-color:#ffffffb3;box-shadow:0 16px 48px #294d721b}.film-clip{transition:opacity .2s ease}.chapter-copy{opacity:1}
#website .chapter-result,#documents .chapter-result,#memories .chapter-result{height:390px}@media(max-width:1050px){#website .chapter-result,#documents .chapter-result,#memories .chapter-result{height:295px}}@media(max-width:680px){#website .chapter-result,#documents .chapter-result,#memories .chapter-result{height:255px}}