/* Deliberately lightweight four-image version. No video or frame sequence. */
.about-v4-hero{min-height:740px;height:100svh;position:relative;background:linear-gradient(123deg,#f8fffc 0%,#e9f8f4 49%,#fff7db 100%);overflow:hidden;display:flex;align-items:center}.about-glow{position:absolute;right:-15%;top:-15%;width:70%;height:80%;background:radial-gradient(circle,#fff4cfbb,transparent 65%)}.about-v4-mist{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.about-hero-orb{position:absolute;right:11%;top:19%;width:clamp(250px,32vw,490px);aspect-ratio:1;opacity:.23;transform:rotate(-13deg)}.about-hero-orb img{width:100%;height:100%;object-fit:contain}.about-hero-inner{position:relative;z-index:2;margin-left:clamp(25px,10vw,170px);margin-top:75px;max-width:800px}.about-v4-hero h1{font:700 clamp(4.8rem,8vw,9rem)/1 var(--heading);letter-spacing:-.07em;margin:19px 0}.about-v4-hero h1 span{color:#0fae9e}.about-hero-inner>p:not(.eyebrow){font-size:clamp(1.04rem,1.45vw,1.3rem);line-height:1.7;max-width:470px;color:#4d7376}.about-hero-caption{position:absolute;bottom:42px;right:6vw;font-size:.6rem;letter-spacing:.2em;color:#66918a}
.about-crossfade{height:500vh;position:relative;background:#b9e8df}.crossfade-sticky{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:#c3efe4}.crossfade-image{position:absolute;inset:0;background-image:var(--img);background-position:center center;background-size:cover;opacity:0;transform:scale(1.012);will-change:opacity;transition:none}.crossfade-image--1{opacity:1}.crossfade-wash{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#eafcf2cf 0%,#edfff086 27%,#effff01c 52%,transparent 75%),linear-gradient(to top,#def9ef6b,transparent 45%);pointer-events:none}.crossfade-cyan-ribbon{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.4}.crossfade-cyan-ribbon svg{height:100%;width:100%}.crossfade-top{position:absolute;z-index:5;top:clamp(110px,14vh,150px);left:clamp(24px,9vw,158px);right:6vw;display:flex;justify-content:space-between;gap:24px;font-size:.65rem;font-weight:700;letter-spacing:.21em}.crossfade-arrow{color:#2a9f95;padding:0 6px}.crossfade-copy{position:absolute;z-index:5;left:clamp(24px,9vw,158px);bottom:clamp(135px,19vh,230px);width:min(640px,80%);text-shadow:0 2px 20px #ecfff6}.crossfade-kicker{font-size:.61rem;letter-spacing:.24em;font-weight:700;margin-bottom:15px}.crossfade-copy h2{font:700 clamp(3.2rem,6.1vw,6.7rem)/1.06 var(--heading);letter-spacing:-.068em;margin:0 0 20px}.crossfade-copy h2 span{color:#0d9188}.crossfade-copy>p:last-child{max-width:410px;font-size:clamp(.98rem,1.25vw,1.17rem);line-height:1.65;color:#365e63;margin:0}.crossfade-progress{z-index:5;position:absolute;bottom:7.5%;left:clamp(24px,9vw,158px);width:min(590px,54vw)}.crossfade-progress-track{height:2px;background:#1c918557}.crossfade-progress-track div{height:100%;background:#0aafa0;width:0}.crossfade-progress-labels{display:flex;justify-content:space-between;gap:8px;margin-top:13px;font-size:.56rem;font-weight:700;letter-spacing:.12em;color:#2d6b6b}.crossfade-skip{position:absolute;bottom:7%;right:6vw;z-index:5;background:#f1fff9bf;border:1px solid #7faca8;padding:14px 17px;border-radius:30px;font-size:.62rem;font-weight:700;letter-spacing:.14em}.crossfade-skip:hover{background:#fff}
.about-v4-ending{min-height:95svh;position:relative;overflow:hidden;padding:155px clamp(24px,9vw,158px) 120px;display:grid;grid-template-columns:1fr 2fr;gap:6vw;background:linear-gradient(130deg,#f8fdfb,#e4f8f2 57%,#faf8e8)}.about-v4-ending-waves{position:absolute;bottom:-13%;width:130%;height:60%;left:-15%;border-radius:50%;background:radial-gradient(ellipse at 40% 65%,#13cdb833,transparent 65%);pointer-events:none}.about-v4-ending-meta{position:relative;display:flex;gap:30px;font-size:.73rem;letter-spacing:.21em;font-weight:700;align-items:flex-start}.about-v4-vertline{width:1px;height:120px;background:#52b8ae}.about-v4-ending-main{position:relative}.about-v4-ending h2{font:700 clamp(4rem,7vw,8.3rem)/.99 var(--heading);letter-spacing:-.07em;margin:20px 0 29px}.about-v4-ending h2 span{color:#0faa9b}.about-v4-ending-main>p:not(.eyebrow){max-width:620px;line-height:1.72;color:#50797b;font-size:1.13rem}.about-v4-authorized{font-size:.65rem!important;letter-spacing:.16em;color:#258981!important;margin-top:25px}.about-v4-ends{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
@media(max-width:850px){.about-v4-hero{min-height:700px}.about-hero-inner{margin-left:7vw;max-width:84%;margin-top:120px}.about-v4-hero h1{font-size:clamp(3.8rem,9vw,6rem)}.about-hero-orb{right:-5%;opacity:.17}.crossfade-top{top:115px;left:7vw}.crossfade-copy{left:7vw;bottom:21%;width:86%}.crossfade-progress{left:7vw;bottom:6%;width:72%}.crossfade-skip{right:7vw;bottom:13%}.about-v4-ending{grid-template-columns:1fr;gap:25px}.about-v4-ending-meta{gap:14px}.about-v4-vertline{height:45px}}
@media(max-width:600px){.about-v4-hero{min-height:680px}.about-v4-hero h1{font-size:clamp(3.6rem,12vw,5rem)}.about-crossfade{height:420vh}.crossfade-image{background-image:var(--img-mobile)}.crossfade-wash{background:linear-gradient(to right,#edfff2ca,transparent 85%),linear-gradient(to top,#eefff3b9,transparent 60%)}.crossfade-copy{bottom:24%;width:86%}.crossfade-copy h2{font-size:clamp(2.6rem,10vw,4.5rem)}.crossfade-copy>p:last-child{font-size:.94rem;max-width:320px}.crossfade-progress{bottom:4.7%;width:86%}.crossfade-progress-labels{font-size:.45rem;letter-spacing:0}.crossfade-skip{bottom:12%;font-size:.55rem}.crossfade-top{font-size:.54rem;letter-spacing:.13em}.crossfade-top>span:nth-child(2){display:none}.about-v4-ending{padding-top:115px;padding-bottom:100px}.about-v4-ending h2{font-size:clamp(3.8rem,12vw,6rem)}}
@media(prefers-reduced-motion:reduce){.about-crossfade{height:auto}.crossfade-sticky{position:relative;height:85svh}.crossfade-image{will-change:auto}.crossfade-image:not(:first-child){display:none}.crossfade-cyan-ribbon{display:none}}