:root{--paper:#f3f2ee;--ink:#171717;--muted:#6d6a63;--accent:#f04b26;--line:#ccc9bf}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:6px}h1[tabindex]:focus{outline:none}.exp-header{padding:28px 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-size:14px;font-weight:700;letter-spacing:-.3px}.wordmark span{display:block;font-size:10px;letter-spacing:1px;font-weight:400;margin-top:7px}nav,.cv-links{display:flex;gap:25px;align-items:center;font-size:11px;font-weight:700}nav button{background:none;border:0;padding:0;font-size:11px;font-weight:700}main{padding:0 4vw}.kicker{font-size:11px;letter-spacing:1.1px;font-weight:700;line-height:1.6}h1{font-size:clamp(48px,7.2vw,115px);font-weight:500;letter-spacing:-.06em;line-height:.99;margin:26px 0 40px}h1 em{font-style:normal;color:var(--accent)}.gateway-main{padding-top:65px;padding-bottom:60px;min-height:calc(100vh - 155px)}.gateway-main h1{font-size:clamp(55px,8.8vw,140px)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:65px}.choice{border-top:1px solid var(--ink);padding-top:22px}.choice-number{font-size:10px;letter-spacing:1px}.choice strong{display:flex;justify-content:space-between;font-size:clamp(25px,4vw,60px);letter-spacing:-2px;margin:20px 0}.choice>span:last-child{font-size:16px;color:var(--muted)}.choice:hover strong,.text-link:hover{color:var(--accent)}.exp-footer{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding:25px 4vw;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.intro{min-height:calc(100svh - 180px);display:flex;align-items:start;justify-content:center;flex-direction:column;padding:50px 0}.intro h1{font-size:clamp(72px,11vw,180px);margin:25px 0}.intro>p:not(.kicker){font-size:18px;color:var(--muted);line-height:1.5}.solid,.outline{display:inline-block;padding:16px 24px;border:1px solid var(--ink);font-size:12px;font-weight:700;letter-spacing:.5px;background:var(--ink);color:var(--paper);margin-top:25px}.solid:hover{background:var(--accent);border-color:var(--accent)}.outline{background:transparent;color:var(--ink)}.outline:hover{background:var(--ink);color:var(--paper)}.menu-view{padding:50px 0 65px;min-height:80vh}.menu-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.menu-heading h1{font-size:clamp(45px,6vw,90px);margin:22px 0 45px}.progress{font-size:12px;color:var(--muted);margin-bottom:50px;white-space:nowrap}.paths{border-top:1px solid var(--ink)}.path{display:flex;align-items:center;width:100%;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:23px 0;gap:25px}.path-number{font-size:12px;color:var(--muted);width:45px}.path-text{font-size:clamp(22px,3.5vw,52px);letter-spacing:-1.5px;font-weight:500}.path-arrow{margin-left:auto;font-size:30px;transition:transform .2s}.path:hover .path-text{color:var(--accent)}.path:hover .path-arrow{transform:translate(3px,-3px)}.path.visited .path-number{color:var(--accent)}.path.visited .path-text{font-size:clamp(22px,3vw,45px)}.journey{padding:50px 0 30px;animation:arrive .35s ease}.journey h1{font-size:clamp(42px,6.4vw,98px)}.comparison{position:relative;height:clamp(260px,40vw,600px);background:#ff0;overflow:hidden}.compare-base,.compare-reveal{position:absolute;inset:0}.compare-base img,.compare-reveal img{width:100%;height:100%;object-fit:contain;padding:30px}.compare-reveal{clip-path:inset(0 50% 0 0);background:#ff0}.compare-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--ink)}.compare-handle{display:grid;place-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:var(--ink);color:white;border-radius:50%;font-size:22px;cursor:ew-resize}.compare-line:focus-visible .compare-handle{outline:3px solid var(--accent);outline-offset:4px}.comparison{touch-action:pan-y;user-select:none;cursor:ew-resize}.comparison img{pointer-events:none;-webkit-user-drag:none}.compare-help{font-size:11px;color:var(--muted);line-height:1.5}.image-label{position:absolute;top:20px;font-size:12px;font-weight:700;background:#f3f2ee;color:#000;padding:8px 12px;letter-spacing:1px;z-index:3}.left{left:20px}.right{right:20px}.range-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-top:18px}input[type=range]{width:100%;accent-color:var(--accent);margin:22px 0;cursor:ew-resize;min-height:25px}.journey-note{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.journey-note p{font-size:18px;line-height:1.5;max-width:700px;margin:0}.journey-note a,.text-link{font-size:11px;font-weight:700;white-space:nowrap}.back-menu{margin-top:45px;background:none;border:0;border-bottom:1px solid var(--ink);padding:8px 0;font-size:11px;font-weight:700}.large-copy{font-size:clamp(23px,3vw,40px);line-height:1.2;letter-spacing:-1px}.product-stage{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;background:#e6e8e9;padding:40px 5vw}.product-copy{max-width:570px}.steps{display:grid;margin-top:35px}.step{background:none;text-align:left;border:0;border-top:1px solid #b6bbc0;padding:20px 0;font-weight:700;font-size:15px}.step span{display:block;font-weight:400;color:var(--muted);font-size:14px;margin-top:8px}.step.active{color:#075cb4}.caption{font-size:11px;line-height:1.7;color:var(--muted);margin:25px 0}.phone-stage{display:flex;flex-direction:column;align-items:center;justify-content:center}.clean-phone{max-width:260px;width:100%;padding:7px;border-radius:35px;background:#292d33;box-shadow:0 16px 25px #17171718;overflow:hidden}.clean-phone img{width:100%;height:auto;object-fit:contain;display:block;border-radius:28px}.phone-stage>p{font-size:10px;color:var(--muted);margin-top:20px}.motion-stage{display:grid;grid-template-columns:1.5fr 1fr;gap:5vw;background:#e7e5df;padding:35px}.player{display:grid;place-items:center;background:#13171e}.player video{width:100%;max-height:70vh}.playlist{align-self:center}.clip{display:block;width:100%;text-align:left;padding:22px 0;border:0;border-bottom:1px solid var(--line);background:none;font-size:24px;letter-spacing:-.5px}.clip span{display:block;font-size:12px;color:var(--muted);margin-top:8px;letter-spacing:0}.clip.active{color:var(--accent)}.failure-stage{display:grid;grid-template-columns:1.5fr 1fr;gap:5vw}.failure-stage video{width:100%;max-height:70vh;background:#111}.failure-copy{align-self:center}.failure-copy>p:not(.large-copy),#lesson>p:last-child{font-size:17px;line-height:1.6}.lesson-text{font-size:30px;letter-spacing:-.7px;line-height:1.2}#lesson{margin-top:35px;padding-top:20px;border-top:1px solid var(--ink)}.detour-stage{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:center;padding:30px 0}.detour-copy{font-size:21px;line-height:1.4;min-height:65px}.route-canvas{background:#e8e6df;padding:15px}.route-canvas svg{width:100%;height:auto}.route-canvas text{font-family:Arial,sans-serif;font-size:12px;font-weight:700}.route-canvas .caption{padding-left:15px}.flash{animation:flash .35s ease}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes flash{50%{opacity:.3}}
@media(max-width:750px){.exp-header{padding:23px 5vw;align-items:start}.wordmark{font-size:11px}nav,.cv-links{font-size:10px;gap:16px}main{padding:0 5vw}.choices{grid-template-columns:1fr;gap:35px;margin-top:40px}.choice strong{letter-spacing:-1px}.gateway-main{padding-top:45px}.intro{min-height:75svh}.intro h1{font-size:clamp(68px,13vw,100px)}.menu-heading{display:block}.menu-heading h1{margin-bottom:25px}.progress{margin:0 0 25px}.path{gap:12px;padding:24px 0}.path-number{width:24px}.path-text{letter-spacing:-.7px;font-size:clamp(18px,4.2vw,28px)}.path.visited .path-text{font-size:clamp(18px,4vw,27px)}.path-arrow{font-size:22px}.journey{padding-top:35px}.journey h1{font-size:clamp(35px,7.3vw,58px);letter-spacing:-1.9px}.comparison img{padding:35px 12px}.journey-note{display:block}.journey-note a{display:inline-block;margin-top:22px}.product-stage,.motion-stage,.failure-stage,.detour-stage{grid-template-columns:1fr;gap:30px}.product-stage{padding:25px}.phone-stage{padding:15px 0}.clean-phone{max-width:220px}.motion-stage{padding:20px}.playlist{padding:0 5px}.player video{max-height:65vh}.failure-copy{padding:0 5px}.exp-footer{font-size:10px}.range-label{font-size:9px}.range-label span:nth-child(2){text-align:center}.large-copy{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Craft narrative: every explanation is paired with the relevant artwork. */
.craft-intro{font-size:clamp(20px,2.4vw,32px);line-height:1.4;max-width:850px;margin:0 0 35px;letter-spacing:-.5px}
.craft-meta{display:flex;flex-wrap:wrap;gap:18px 35px;font-size:10px;line-height:1.6;border-top:1px solid var(--line);padding:22px 0 35px}
.craft-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:6vw;align-items:center;border-top:1px solid var(--line);padding:60px 0}
.craft-copy h2,.craft-finale h2{font-size:clamp(32px,4vw,62px);line-height:1.05;letter-spacing:-2px;font-weight:500;margin:15px 0 25px}
.craft-copy>p:not(.kicker){font-size:17px;line-height:1.65;max-width:520px;color:#45433e}
.craft-visual{margin:0;min-width:0;padding:25px}.craft-visual img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}.craft-visual figcaption{font-size:9px;line-height:1.6;letter-spacing:.8px;margin-top:22px;color:var(--muted)}
.craft-yellow{background:#ff0}.craft-yellow figcaption{color:#333}.craft-studies{background:#f4f4f4}.craft-details{background:#ff0;display:grid;gap:25px}.craft-details>div>span{display:block;font-size:10px;letter-spacing:1px;margin-bottom:15px}.craft-details img{max-height:230px}.craft-details figcaption{color:#333;margin-top:0}
.craft-finale{border-top:1px solid var(--line);padding-top:55px}.craft-finale>p:not(.kicker):not(.compare-help){font-size:18px;line-height:1.5;margin-bottom:30px}
@media(max-width:750px){.craft-row{grid-template-columns:1fr;gap:25px;padding:35px 0}.craft-copy h2,.craft-finale h2{letter-spacing:-1px}.craft-visual{padding:18px}.craft-meta{gap:12px;flex-direction:column}.craft-copy>p:not(.kicker){font-size:16px}}