.architecture-story{background:#fcfcfa;color:#164535;position:relative;min-height:640px;height:calc(100svh - 96px);max-height:1150px;display:flex;flex-direction:column;padding:28px var(--pad) 22px;isolation:isolate;overflow:hidden}
.story-kicker{font-size:11px;letter-spacing:.16em;position:relative;z-index:1}
.story-scene{position:absolute;inset:20px 7% 138px;pointer-events:none}.story-scene canvas{display:block;width:100%;height:100%}
.story-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;position:relative;z-index:1}
.story-footer h2{font-weight:400;font-size:clamp(25px,2.75vw,43px);letter-spacing:-.055em;line-height:1.13;margin:0;max-width:600px}
.story-next{display:flex;gap:22px;align-items:center;font-size:13px;padding:12px 0}.story-next>span:last-child{display:grid;place-items:center;width:42px;height:42px;border:1px solid #16453550;border-radius:50%;font-size:22px;transition:transform .25s}.story-next:hover>span:last-child{transform:translateY(4px)}
.story-controls{display:flex;align-items:center;gap:24px;margin-top:29px}.story-steps{display:flex;flex:1;gap:22px}.story-steps button{position:relative;text-align:left;flex:1;padding:12px 0;min-height:44px;font-size:12px;color:#748379;border-top:1px solid #16453525;transition:color .2s}.story-steps button:before{position:absolute;content:'';top:-1px;height:2px;left:0;width:0;background:#164535;transition:width .4s}.story-steps button[aria-current="step"]{color:#164535}.story-steps button[aria-current="step"]:before{width:100%}
.story-pause{flex:none;width:44px;height:44px;border:1px solid #16453535;border-radius:50%;font-size:14px}.story-pause:hover{background:#1645350c}.architecture-story :focus-visible{outline:2px solid #164535;outline-offset:5px}
@media(max-width:600px){.architecture-story{height:calc(100svh - 82px);min-height:630px;padding-top:20px;padding-bottom:16px}.story-kicker{font-size:9px;letter-spacing:.12em}.story-scene{inset:45px -12% 205px}.story-footer{align-items:flex-start;gap:12px}.story-footer h2{font-size:29px;max-width:260px}.story-next{padding-top:1px}.story-next>span:first-child{display:none}.story-controls{gap:10px;margin-top:24px}.story-steps{gap:8px;flex-wrap:wrap}.story-steps button{font-size:10px;flex:1 0 27%;padding:9px 0;min-height:35px}.story-pause{align-self:flex-end}.story-steps button:last-child{flex-grow:2}.story-scene canvas{max-width:none}}
@media(prefers-reduced-motion:reduce){.story-next>span:last-child{transition:none}}