#phases.computer-journey{height:900svh!important;padding:0!important;max-width:none;background:#f7f7f4;position:relative}
.computer-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#f7f7f4;color:#f5f0de;isolation:isolate}
.computer-photo,.computer-soft-focus{position:absolute;left:0;top:0;background-size:100% 100%;transform-origin:0 0;will-change:transform;opacity:0}
.computer-soft-focus{filter:blur(10px);pointer-events:none;will-change:transform,opacity}
.computer-screen{position:absolute;overflow:hidden;border-radius:20px;color:#f5f0de}
.computer-grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at 40% 35%,#b6ba9708,#0003)}
.computer-welcome{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:20px}
.computer-welcome[hidden],.computer-chapter[hidden]{display:none}
#phases .computer-welcome h2{font-size:clamp(45px,6vw,100px)!important;line-height:.98!important;letter-spacing:-.05em;font-weight:400;margin:0 0 24px}
.computer-welcome p{font-size:18px}
.computer-chapter{position:relative;height:100%;display:grid;grid-template-columns:1fr 1.15fr;gap:6%;align-items:center;padding:4% 5%}
.computer-copy>span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#c0bfab}
#phases .computer-copy h2{font-size:clamp(40px,5vw,80px)!important;line-height:1.05!important;letter-spacing:-.05em;margin:20px 0;font-weight:400}
.computer-copy p{font-size:clamp(14px,1.2vw,18px);line-height:1.4;margin:0 0 25px}
.computer-copy small{font-size:13px;color:#c4c3b3}
.computer-audience{display:flex;gap:10px;margin-bottom:22px}
.computer-audience button{border:1px solid #aaa995;border-radius:40px;background:transparent;color:inherit;padding:11px 15px;font:inherit;font-size:13px;cursor:pointer}
.computer-audience button[aria-pressed=true]{background:#eee9d8;color:#33392f}
.computer-steps>div{padding:14px 0;border-bottom:1px solid #ffffff25}
#phases .computer-steps h3{font:400 clamp(19px,1.8vw,28px)/1.2 'Inter Tight',sans-serif;margin:0 0 8px;letter-spacing:-.025em}
.computer-steps p{font-size:clamp(14px,1.2vw,18px);line-height:1.4;margin:0;color:#d4d3c8}
.computer-nav{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px;border:1px solid #ffffff30;border-radius:40px;background:#222a20d9;white-space:nowrap}
.computer-nav button{border:0;background:transparent;border-radius:25px;color:#e7e6d7;padding:10px 17px;min-height:44px;font:inherit;font-size:13px;cursor:pointer}
.computer-nav button[aria-current=step]{background:#eae8d7;color:#263023}
.computer-cue{position:absolute;bottom:30px;left:0;right:0;text-align:center;font-size:13px;color:#30372c}
.computer-fallback .computer-screen{background:#30342d}
@media(max-width:700px){.computer-chapter{display:block;padding:14px 18px;overflow-y:auto;overscroll-behavior:auto}.computer-copy>span{font-size:10px}#phases .computer-copy h2{font-size:38px!important;margin:10px 0}.computer-copy p{font-size:14px;margin:0 0 10px}.computer-copy small{font-size:11px}.computer-process{margin-top:20px}.computer-audience{margin-bottom:6px}.computer-audience button{font-size:12px;min-height:44px;padding:7px 12px}.computer-steps>div{padding:10px 0}#phases .computer-steps h3{font-size:19px}.computer-steps p{font-size:14px}.computer-nav{gap:0;max-width:96%;bottom:10px}.computer-nav button{font-size:12px;padding:8px 12px}.computer-screen{border-radius:8px}}
@media(max-height:650px) and (min-width:701px){.computer-chapter{padding:10px 24px;overflow-y:auto;align-items:start}.computer-copy p{font-size:13px}#phases .computer-copy h2{font-size:40px!important}.computer-steps p{font-size:13px}.computer-steps>div{padding:7px 0}.computer-audience{margin-bottom:6px}}

.computer-refresh{position:absolute;inset:0 0 auto;height:32%;background:linear-gradient(transparent,#dce6c72b 80%,#e5ecd47a 98%,transparent);opacity:0;pointer-events:none;z-index:3}
.computer-chapter{transform-origin:center}