/* A full-viewport film canvas. The portrait master opens to reveal the whole mark. */
.walkthrough{position:relative;background:#e7e6e8;color:#fff;--walk-progress:0;--walk-scale:.55;--copy-opacity:1;scroll-margin-top:0}
.walkthrough.is-scrollable{height:360svh;--walk-scale:1}
.walk-stage{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 58%,#f3f2f4,#dfdee1 85%)}
.walk-topline{position:absolute;z-index:4;top:122px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#171b22}
.walk-topline>span{background:#fffffff2;padding:10px 14px;display:flex;align-items:center;gap:10px;border-left:3px solid #f36b24}
.walk-skip{display:flex;align-items:center;gap:24px;font-size:11px;letter-spacing:0;text-transform:none;background:#fffffff2;padding:8px 14px;border-bottom:2px solid #f36b24}.walk-skip span{font-size:20px}
.walk-composition{position:static}
.walk-visual{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#f3f2f4,#dfdee1 85%)}
.walk-poster,.walk-video{position:absolute;left:50%;top:50%;width:max(100vw,56.25svh);height:auto;max-width:none;aspect-ratio:9/16;display:block;transform:translate(-50%,-50%) scale(var(--walk-scale));transform-origin:center;will-change:transform;mask-image:linear-gradient(to right,transparent,black var(--edge-fade,0%),black calc(100% - var(--edge-fade,0%)),transparent)}
.walk-video{opacity:0;transition:opacity .25s}.walkthrough.video-ready .walk-video{opacity:1}.walk-visual-label{position:absolute;bottom:105px;right:var(--pad);z-index:3;font-size:9px;letter-spacing:.13em;color:#171b22;display:flex;gap:12px;align-items:center}.walk-visual-label span,.walk-visual-label b{padding:7px 10px;background:#fffffff2;font-weight:400;font-variant-numeric:tabular-nums}.walk-visual-label span{border-left:3px solid #f36b24}
.walk-stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#10131ace,transparent 85%),linear-gradient(0deg,#10131a90,transparent 85%);opacity:var(--copy-opacity)}
.walk-copy{position:absolute;left:var(--pad);bottom:150px;max-width:980px;z-index:2;opacity:var(--copy-opacity);transform:translateY(calc((1 - var(--copy-opacity))*-26px));color:#fff}
.walk-kicker{font-size:10px;letter-spacing:.16em;display:flex;align-items:center;gap:12px;margin:0 0 23px;color:#fff}.walk-kicker:before{content:'';width:36px;height:3px;background:#f36b24}
.walk-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(68px,8.8vw,144px);font-weight:400;line-height:.93;letter-spacing:-.07em;margin:0 0 25px;text-shadow:0 2px 22px #00000012}.walk-copy h1 span{display:block;font-weight:700;color:#f36b24}
.walk-description{font-size:15px;line-height:1.7;max-width:445px;color:#fff;margin:0}
.walk-actions{display:flex;align-items:center;gap:32px;margin-top:28px;flex-wrap:wrap}.walk-actions .button{color:#171b22;background:#f36b24;font-size:12px;min-height:54px;padding:10px 12px 10px 22px}.walk-actions .button:hover{background:#fff;color:#171b22}.walk-actions .walk-services{font-size:12px;color:#fff;border-bottom:1px solid #ffffffa6;padding:10px 0}.walk-services span{margin-left:18px}
.walk-footnote{margin:24px 0 0;font-size:9px;letter-spacing:.16em;color:#fff}
.walk-bottom{position:absolute;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffffff2;backdrop-filter:blur(16px);color:#171b22;padding:21px var(--pad);border-top:1px solid #b9bec466}
.walk-navigation{display:flex;align-items:center;gap:38px}.walk-cue{display:flex;align-items:center;gap:12px;font-size:10px;color:#626a73;white-space:nowrap}.walk-cue>span:first-child{font-size:22px;color:#f36b24}.walk-static-note{display:none}.walkthrough:not(.is-scrollable) .walk-scroll-note{display:none}.walkthrough:not(.is-scrollable) .walk-static-note{display:inline}
.walk-chapters{display:flex;gap:28px}.walk-chapters button{display:flex;align-items:center;gap:8px;font-size:11px;color:#626a73;padding:8px 0;position:relative}.walk-chapters button small{font-size:8px}.walk-chapters button[aria-current="step"]{color:#171b22}.walk-chapters button:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#f36b24;transform:scaleX(0);transform-origin:left;transition:transform .2s}.walk-chapters button[aria-current="step"]:after{transform:scaleX(1)}.walkthrough:not(.is-scrollable) .walk-chapters{display:none}
.walk-meter{position:absolute;top:-2px;left:0;width:100%;height:3px;overflow:hidden}.walk-meter span{display:block;width:100%;height:100%;background:#f36b24;transform-origin:left;transform:scaleX(var(--walk-progress))}.walk-bottom .motion-toggle{color:#171b22;font-size:11px;padding:4px 0}.walk-bottom .motion-toggle i{color:#171b22;border-color:#b9bec4}
.walkthrough:not(.is-scrollable) .walk-copy{max-width:680px}.walkthrough:not(.is-scrollable) .walk-stage:after{background:linear-gradient(90deg,#10131ada,transparent)}
@media(max-width:1100px){.walk-topline{top:112px}.walk-copy h1{font-size:clamp(64px,9.2vw,108px)}.walk-copy{bottom:160px;max-width:88%}.walk-visual-label{bottom:102px}.walk-navigation{gap:22px}.walk-chapters{gap:18px}.walk-cue{font-size:9px}}
@media(max-width:700px){.walkthrough{--walk-scale:1}.walkthrough.is-scrollable{height:310svh}.walk-topline{left:24px;right:24px;top:108px;gap:8px;font-size:7px}.walk-topline>span{padding:8px;gap:7px}.walk-skip{font-size:9px;gap:10px;padding:7px 9px}.walk-skip span{font-size:17px}.walk-copy{left:24px;right:24px;bottom:168px;max-width:none}.walk-kicker{font-size:8px;line-height:1.5;margin-bottom:18px;letter-spacing:.1em}.walk-copy h1{font-size:clamp(44px,11.8vw,74px);line-height:.98;margin-bottom:22px}.walk-description{font-size:12px;line-height:1.65;max-width:320px}.walk-actions{gap:17px;margin-top:24px}.walk-actions .button{font-size:10px;min-height:46px;padding:8px 10px 8px 14px;gap:10px}.walk-actions .arrow{width:23px;height:23px;font-size:24px;border:0}.walk-actions .walk-services{font-size:10px}.walk-services span{margin-left:6px}.walk-footnote{font-size:7px;margin-top:20px}.walk-visual-label{bottom:114px;right:24px;font-size:7px}.walk-visual-label span{display:none}.walk-bottom{padding:13px 24px 16px;gap:10px}.walk-navigation{display:block}.walk-cue{font-size:9px;gap:8px}.walk-cue>span:first-child{font-size:17px}.walk-chapters{gap:18px;margin-top:5px}.walk-chapters button{font-size:9px;gap:5px;padding:6px 0}.walk-chapters button small{font-size:7px}.walk-bottom .motion-toggle{font-size:9px}.walk-bottom .motion-toggle i{margin-left:4px;padding:6px}}
@media(max-height:699px){.walk-topline{display:none}.walk-copy{bottom:90px;max-width:90%}.walk-copy h1{font-size:clamp(38px,7vw,64px);margin-bottom:16px}.walk-kicker,.walk-description,.walk-footnote{display:none}.walk-actions{margin-top:14px}.walk-visual-label{bottom:87px}.walk-bottom{padding-top:10px;padding-bottom:10px}.walk-navigation{display:flex}.walk-chapters{margin-top:0}.walk-cue{display:none}}
@media(prefers-reduced-motion:reduce){.walk-poster,.walk-video{will-change:auto}}
@media print{.walkthrough,.walkthrough.is-scrollable{height:700px}.walk-stage{position:relative;height:700px}.walk-video,.walk-bottom,.walk-skip{display:none}.walk-copy{opacity:1}}
@media(max-width:360px){.walk-bottom{flex-wrap:wrap;padding-left:18px;padding-right:18px}.walk-bottom .motion-toggle{margin-left:auto}.walk-chapters{gap:12px}.walk-copy{left:18px;right:18px;bottom:172px}.walk-copy h1{font-size:40px}.walk-visual-label{bottom:150px}.walk-topline{left:18px;right:18px}.walk-kicker{font-size:7px}}
