.ep-page{--ep-dark:#061f30;--ep-accent:#d59874;--ep-soft:#c2d0d5}
.ep-page .breadcrumb{font-size:.76rem;padding-block:21px}
.ep-experience{background:var(--ep-dark);color:#f4f6f2;position:relative}
.ep-intro{padding-top:63px;padding-bottom:32px;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;border-bottom:1px solid #b6ced51e}
.ep-intro .eyebrow{font-size:.72rem;color:#bdcdd4;margin-bottom:22px;letter-spacing:.17em}
.ep-intro .eyebrow:before{background:var(--ep-accent)}
.ep-intro h1{font-size:clamp(3.8rem,5.5vw,5.7rem);line-height:1.01;margin:0 0 5px}
.ep-intro h1 span{color:var(--ep-accent)}
.ep-intro-aside>h2{font-family:var(--font);font-size:clamp(1.75rem,2.35vw,2.15rem);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#fff;max-width:510px;margin:0 0 19px}
.ep-intro-aside>p{font-size:1.2rem;font-weight:500;line-height:1.7;max-width:490px;color:#dce8ef;margin-bottom:24px}
.ep-intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.ep-intro-actions .button{font-size:.82rem;gap:22px}
.ep-scroll-link{display:inline-flex;align-items:center;gap:21px;font-size:.78rem;color:#eef0ea;font-weight:600;padding-bottom:9px;border-bottom:1px solid #b6ced53a}
.ep-scroll-link>span{color:var(--ep-accent);font-size:1.4rem;line-height:1}
.ep-story-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:86px;position:relative;scroll-margin-top:126px;align-items:start}
.ep-visual{position:sticky;top:117px;margin:0;align-self:start;height:min(690px,calc(100dvh - 135px));min-height:500px;display:flex;flex-direction:column;padding-top:34px;padding-bottom:23px}
.ep-visual-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8fa8b4;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.ep-counter{color:#d7e0e1;font-variant-numeric:tabular-nums;border:1px solid #69848f4d;border-radius:3px;padding:4px 9px;font-size:.67rem;letter-spacing:.09em}
.ep-visual-canvas{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:visible}
.ep-system{width:100%;height:100%;max-height:475px;overflow:visible}
.ep-layer{will-change:transform,opacity;transform:translateY(var(--layer-position,0px));transform-origin:350px 285px}
.ep-manual-pose .ep-layer{transition:transform .45s ease,opacity .45s ease}
.ep-layer[data-ep-layer="1"],.ep-layer[data-ep-layer="2"],.ep-layer[data-ep-layer="3"]{opacity:1}
.ep-visual-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid #b6ced526}
.ep-caption-label{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.15em;color:#8fa8b4;margin-bottom:7px}
.ep-visual-caption strong{display:block;font-size:1.06rem;line-height:1.4;font-weight:600;color:#e9eeea}
.ep-visual-caption p{font-size:.74rem;color:#9db3bd;margin:7px 0 0;line-height:1.6}
.ep-explode{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#c8d6d9;border:1px solid #829ba84d;border-radius:4px;font-size:.7rem;font-weight:500;padding:10px 12px;white-space:nowrap;min-height:41px}
.ep-explode svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.4}
.ep-explode:hover,.ep-explode[aria-pressed="true"]{color:#efbe9c;border-color:#d5987490;background:#b85c3812}
.ep-stage-progress{display:flex;gap:7px;margin-top:21px}
.ep-stage-progress span{height:2px;flex:1;background:linear-gradient(90deg,#d59874 0%,#d59874 calc(var(--ep-fill,0)*100%),#b6ced528 calc(var(--ep-fill,0)*100%),#b6ced528 100%)}
.ep-diagram-note{color:#7895a3;font-size:.62rem;line-height:1.6;margin:12px 0 0}
.ep-step{min-height:0;max-width:510px;display:flex;flex-direction:column;justify-content:flex-start;padding:54px 0;position:relative;scroll-margin-top:130px;opacity:.58;transition:opacity .35s ease}
.ep-step+.ep-step{border-top:1px solid #b6ced51e}
.ep-step:last-child{min-height:0}
.ep-step.is-active{opacity:1}
.ep-step-kicker{display:flex;align-items:center;gap:13px;font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:#a4bdc7;margin-bottom:19px}
.ep-step-kicker>span:first-child{font-size:.66rem;letter-spacing:0;color:#ffb378;background:#b85c382b;border:1px solid #ec844f8a;padding:3px 8px;border-radius:3px;transition:color .35s ease,background-color .35s ease,border-color .35s ease,box-shadow .35s ease}
.ep-step h2{font-size:clamp(2.65rem,3.3vw,3.4rem);line-height:1.07;letter-spacing:-.01em;margin-bottom:20px;color:#f0f3ee}
.ep-step>p{font-size:1rem;color:#bfd0d5;line-height:1.8;max-width:410px;margin-bottom:20px}
.ep-step-detail{display:flex;align-items:flex-start;gap:12px;padding-top:16px;border-top:1px solid #9fb4be36;color:#91adb9;font-size:.8rem;line-height:1.8;max-width:410px}
.ep-step-detail>span{color:var(--ep-accent);font-size:1.1rem}
.ep-material{font-size:.7rem;color:#d0e0df;margin-top:18px;align-self:flex-start;border:1px solid #829ba83d;border-radius:3px;padding:5px 10px;letter-spacing:.03em}
.ep-step h2,.ep-step>p,.ep-step-detail,.ep-step-kicker{transition:color .35s ease,text-shadow .35s ease}
.ep-step.is-active h2{color:#fff;text-shadow:0 0 24px #d3e8ef30}
.ep-step.is-active>p{color:#e0eaf0}
.ep-step.is-active .ep-step-detail{color:#bed3de}
.ep-step.is-active .ep-step-kicker{color:#ffad79}
.ep-step.is-active .ep-step-kicker>span:first-child{color:#fff;background:#c25225;border-color:#f58a4b;box-shadow:0 0 16px #ef863e40}
.ep-result{padding:83px 0 36px;background:#f4f6f2}
.ep-result-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:84px;align-items:center}
.ep-result figure{margin:0;position:relative}
.ep-result figure img{width:100%;height:465px;object-fit:cover;border-radius:4px;object-position:64% center}
.ep-result figcaption{position:absolute;left:16px;bottom:15px;padding:4px 8px;background:#03243bbd;color:#fff;border-radius:3px;font-size:.64rem;line-height:1.5}
.ep-result .eyebrow{font-size:.7rem}.ep-result .eyebrow:before{background:#b85c38}
.ep-result h2{font-size:clamp(3rem,4.3vw,4.1rem);line-height:1.07;margin-bottom:25px}
.ep-result-grid>div>p{font-size:.95rem;color:var(--muted);line-height:1.8;max-width:470px}
.ep-result-specs{margin:25px 0 29px;font-size:.82rem;max-width:470px}
.ep-result-specs>div{padding:12px 0;border-top:1px solid #d5dedc;display:flex;justify-content:space-between;gap:17px}
.ep-result-specs dt{color:var(--muted)}.ep-result-specs dd{margin:0;font-weight:600;text-align:right}
.ep-result .button{font-size:.82rem;gap:15px}
.ep-back{display:flex;align-items:center;gap:10px;font-size:.77rem;font-weight:600;color:#627986;margin-top:22px;max-width:max-content}
.ep-back .icon{width:15px;height:15px}
.ep-system-source{font-size:.69rem;line-height:1.8;color:#788b92;margin:43px 0 0;border-top:1px solid #d5dedc;padding-top:23px}
.ep-system-source a{text-decoration:underline;text-underline-offset:3px}
.ep-page>.content-section.alt{background:#fff}
.ep-page .section-head h2{font-size:3.25rem}
.ep-page .section-head .eyebrow{font-size:.7rem}
@media(max-width:1100px){.ep-intro{gap:40px}.ep-intro h1{font-size:4.8rem}.ep-story-grid{gap:45px;grid-template-columns:1.1fr 1fr}.ep-step h2{font-size:3.25rem}.ep-explode{padding:9px;font-size:.65rem}.ep-visual-caption strong{font-size:.97rem}.ep-result-grid{gap:48px}.ep-result h2{font-size:3.6rem}.ep-result-specs>div{flex-direction:column;gap:3px}.ep-result-specs dd{text-align:left}}
@media(max-width:850px){.ep-intro{grid-template-columns:1.2fr .8fr;gap:28px}.ep-intro h1{font-size:4.25rem}.ep-intro-aside>p{font-size:.88rem}.ep-story-grid{gap:32px}.ep-step h2{font-size:2.85rem}.ep-step>p{font-size:.95rem}.ep-visual-caption{align-items:flex-start;flex-direction:column;gap:13px}.ep-visual{min-height:490px}.ep-result-grid{gap:32px}}
@media(max-width:780px){.ep-page .breadcrumb{font-size:.69rem;padding-block:17px;gap:7px}.ep-intro{display:block;padding-top:37px;padding-bottom:30px}.ep-intro h1{font-size:clamp(3.55rem,11vw,4.6rem);margin-bottom:22px}.ep-intro .eyebrow{font-size:.66rem;margin-bottom:20px}.ep-intro-aside>p{font-size:.93rem;max-width:460px;margin-bottom:17px}.ep-scroll-link{font-size:.73rem}.ep-story-grid{display:block;scroll-margin-top:80px}.ep-visual{position:sticky;top:75px;z-index:3;height:43dvh;min-height:290px;max-height:400px;padding:15px 0 13px;background:var(--ep-dark);border-bottom:1px solid #7e99a326;margin-inline:-4px;box-shadow:0 18px 25px #061f3095}.ep-visual-top{font-size:.56rem;padding-inline:4px;letter-spacing:.08em}.ep-counter{font-size:.57rem;padding:2px 7px}.ep-visual-canvas{min-height:145px;overflow:hidden}.ep-system{height:100%;max-height:none;overflow:visible}.ep-visual-caption{flex-direction:row;gap:12px;padding:10px 4px 0;align-items:center}.ep-caption-label{font-size:.53rem;margin-bottom:4px}.ep-visual-caption strong{font-size:.8rem}.ep-visual-caption p{display:none}.ep-explode{font-size:.61rem;gap:6px;padding:8px;min-height:36px}.ep-explode svg{width:14px;height:14px}.ep-stage-progress{margin-top:12px;padding-inline:4px;gap:5px}.ep-diagram-note{font-size:.51rem;margin:7px 4px 0}.ep-step,.ep-step:last-child{min-height:65dvh;padding:54px 0 45px;max-width:none;scroll-margin-top:calc(43dvh + 90px)}.ep-step h2{font-size:2.8rem;margin-bottom:21px}.ep-step-kicker{font-size:.62rem;margin-bottom:21px;gap:10px}.ep-step>p{font-size:.95rem;line-height:1.8;margin-bottom:21px}.ep-step-detail{font-size:.76rem;padding-top:16px}.ep-material{font-size:.64rem;margin-top:19px}.ep-result{padding:49px 0 28px}.ep-result-grid{grid-template-columns:1fr;gap:34px}.ep-result figure img{height:300px;object-position:65% center}.ep-result h2{font-size:3.2rem}.ep-result .eyebrow{font-size:.66rem}.ep-result-specs>div{flex-direction:row;gap:18px}.ep-result-specs dd{text-align:right}.ep-result-specs{font-size:.76rem}.ep-result figcaption{font-size:.58rem;left:12px;bottom:12px}.ep-system-source{font-size:.65rem;margin-top:30px}.ep-page .section-head h2{font-size:2.75rem}}
@media(max-width:390px){.ep-intro h1{font-size:3.5rem}.ep-step h2{font-size:2.55rem}.ep-visual{min-height:275px}.ep-result-specs>div{flex-direction:column;gap:3px}.ep-result-specs dd{text-align:left}}
@media(max-width:780px){.ep-step,.ep-step:last-child{min-height:0;padding:38px 0}.ep-step-kicker{margin-bottom:17px}.ep-step h2{margin-bottom:18px}.ep-step>p{margin-bottom:18px}.ep-material{margin-top:16px}}
@media(max-width:780px){.ep-page .form-bottom{flex-wrap:wrap}.ep-page .form-bottom .button{max-width:100%}}
@media(max-width:850px){.ep-intro-aside>p{font-size:1.08rem}}
@media(max-width:780px){.ep-intro-aside>h2{font-size:1.7rem;margin-bottom:17px}.ep-intro-aside>p{font-size:1.08rem;line-height:1.7;max-width:none}}
@media(prefers-reduced-motion:reduce){.ep-layer{will-change:auto}.ep-manual-pose .ep-layer{transition:none}.ep-step,.ep-step h2,.ep-step>p,.ep-step-detail,.ep-step-kicker,.ep-step-kicker>span:first-child{transition:none}.ep-step{opacity:1}.ep-visual{box-shadow:none}}
html:not(.ep-motion-ready) .ep-step{opacity:1}
