.industry-story{position:relative;background:#faf3ee;--story-progress:0}.story-stage{max-width:1600px;margin:auto;padding:72px 5vw}.story-heading{position:relative;z-index:2}.story-heading h2{font-size:clamp(25px,2.6vw,38px);line-height:1.5;margin:0}.story-heading .eyebrow{margin-bottom:14px}.scene{display:grid;grid-template-columns:36% 64%;align-items:center;gap:0;margin:55px 0}.scene-copy{padding-right:22px;position:relative;z-index:2}.scene-kicker{font-size:11px;color:var(--rose);letter-spacing:.12em;margin-bottom:14px}.scene h3{font-family:var(--font-serif,"Yu Mincho",serif);font-size:clamp(26px,2.9vw,42px);font-weight:500;line-height:1.7;margin-bottom:18px}.scene-copy>p:not(.scene-kicker){font-size:13px;line-height:2.1;color:var(--muted);max-width:340px}.scene-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.scene-tags span{border:1px solid #d9b8c1;padding:5px 12px;border-radius:20px;color:#8d5062;font-size:11px}.scene-visual{width:100%;aspect-ratio:3/2;background-image:url('assets/industry-scenes.png');background-size:200% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;position:relative;z-index:1}.scene-office{background-position:0 0}.scene-medical{background-position:100% 0}.scene-care{background-position:0 100%}.scene-education{background-position:100% 100%}.scene-nav{display:flex;gap:25px;position:relative;z-index:3;margin-top:24px}.scene-nav a{font-size:12px;color:var(--muted);padding:8px 0;border-bottom:2px solid transparent}.scene-nav a span{font:10px Arial;color:#a37983;margin-right:8px}.scene-nav a:hover,.scene-nav a[aria-current="step"]{color:var(--rose);border-bottom-color:var(--rose)}.story-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:12px;font-size:10px;color:#77716e}.story-bottom p{margin:0}.story-bottom a{font-size:12px;color:var(--rose);white-space:nowrap}.story-track{height:2px;background:#e8d9d6;margin-top:15px;transform-origin:left}.story-track:before{content:"";display:block;height:100%;width:100%;background:var(--rose);transform:scaleX(var(--story-progress));transform-origin:left}.story-petals{display:none}.scene-index{color:#b98091;font:italic 20px Georgia,serif}
/* Enhanced only when JavaScript and a comfortably tall viewport are available. */
.story-ready{height:430svh}.story-ready .story-stage{position:sticky;top:0;height:100svh;min-height:650px;display:flex;flex-direction:column;justify-content:center;padding-top:32px;padding-bottom:30px;overflow:hidden}.story-ready .scene-stack{position:relative;flex:0 1 auto;height:min(52vw,58svh);min-height:340px;margin-top:18px}.story-ready .scene{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s}.story-ready .scene.is-active{opacity:1;visibility:visible;pointer-events:auto}.story-ready .scene-copy{transform:translateY(20px);transition:transform .65s ease}.story-ready .scene.is-active .scene-copy{transform:translateY(0)}.story-ready .scene-visual{transform:translateY(25px) scale(.98);transition:transform .8s ease}.story-ready .scene.is-active .scene-visual{transform:translateY(calc(var(--scene-drift,0) * -8px)) scale(1.015)}.story-ready .scene-nav{margin-top:10px}.story-ready .story-petals{display:block;position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.story-petals i{position:absolute;width:18px;height:10px;background:linear-gradient(130deg,#f8d7e0,#e4a7ba);border-radius:85% 0 85% 0;opacity:.55;left:48%;top:24%;transform:translateY(calc(var(--story-progress) * 140px)) rotate(calc(var(--story-progress) * 230deg));box-shadow:0 6px 12px #b9678110}.story-petals i:nth-child(2){left:89%;top:15%;width:13px;transform:translateY(calc(var(--story-progress) * 220px)) rotate(calc(var(--story-progress) * -190deg))}.story-petals i:nth-child(3){left:41%;top:79%;width:12px;opacity:.35;transform:translateX(calc(var(--story-progress) * 80px)) rotate(calc(var(--story-progress) * 210deg))}.hero-art{will-change:transform}.hero .hero-copy{will-change:opacity}
@media(min-width:761px) and (max-width:999px){.story-ready .story-stage{top:88px;height:calc(100svh - 88px);min-height:560px}.scene h3{font-size:27px}.story-ready .scene-stack{min-height:300px;height:43svh}.scene-copy>p:not(.scene-kicker){font-size:12px}}
@media(max-width:760px){.story-stage{padding:55px 22px}.story-heading h2{font-size:24px}.story-heading .eyebrow{font-size:9px;margin-bottom:9px}.scene{grid-template-columns:1fr;gap:5px;margin:40px 0 65px}.scene-copy{padding:0}.scene h3{font-size:26px;line-height:1.5;margin-bottom:10px}.scene h3 br{display:none}.scene-kicker{font-size:10px;margin-bottom:9px}.scene-copy>p:not(.scene-kicker){font-size:12px;max-width:none;margin-bottom:12px}.scene-tags{margin-top:10px}.scene-tags span{font-size:10px;padding:3px 9px}.scene-visual{max-width:520px;justify-self:center}.scene-nav{gap:0;justify-content:space-between}.scene-nav a{font-size:11px}.scene-nav a span{display:block;margin-right:0;font-size:9px}.story-bottom{align-items:flex-start;font-size:9px;gap:12px}.story-bottom a{font-size:11px}.story-ready{height:410svh}.story-ready .story-stage{top:72px;height:calc(100svh - 72px);min-height:0;padding:22px 22px 18px;justify-content:space-between}.story-ready .scene-stack{flex:1;min-height:0;height:auto;margin-top:16px}.story-ready .scene{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:4px}.story-ready .scene-copy{flex-shrink:0}.story-ready .scene-visual{width:100%;max-height:31svh;aspect-ratio:3/2;align-self:center;flex-shrink:1}.story-ready .scene-nav{margin-top:12px}.story-ready .story-bottom{margin-top:7px}.story-ready .story-track{margin-top:9px}.story-petals i{left:85%;top:18%}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero .hero-copy{transform:none!important;opacity:1!important;will-change:auto}.scene,.scene-copy,.scene-visual{transition:none!important;transform:none!important}.story-petals{display:none!important}}
@media(max-width:760px){.scene h3 br{display:initial}}
.story-ready:not(.story-running) .scene{transition:none}