.present{max-width:none;min-height:100vh;display:flex;flex-direction:column}.present .page-heading{padding-bottom:.8rem}.present-stage{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:0;border:1px solid var(--ink);background:var(--white);min-height:calc(100vh - 230px)}.present-path{padding:clamp(1.2rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.present-path:after{content:"";position:absolute;left:8%;right:0;top:50%;height:2px;background:var(--gold);transform:translateY(30px);z-index:0}.stage-kicker{position:relative;z-index:1;margin:0;color:var(--red);font-size:.75rem;letter-spacing:.15em;font-weight:700}.present-path h2{position:relative;z-index:1;max-width:810px;margin:.65rem 0;font:700 clamp(2rem,5vw,5rem)/1.06 var(--serif);letter-spacing:-.045em}.stage-copy{position:relative;z-index:1;max-width:630px;font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.65}.stage-proof{position:relative;z-index:1;margin-top:1.3rem;max-width:560px;padding:1rem;border-left:4px solid var(--blue);background:#f4f7f6;font-size:.92rem;line-height:1.55}.path-nodes{position:relative;z-index:1;display:flex;gap:.45rem;margin-top:1.2rem;flex-wrap:wrap}.path-node{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .45rem;background:var(--paper);border:1px solid var(--line);font-size:.72rem}.path-node.active{border-color:var(--ink);font-weight:700}.path-node:before{content:"";width:.45rem;height:.45rem;background:var(--line);border-radius:50%}.path-node.active:before{background:var(--gold)}.stage-notes{padding:1rem;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:1rem}.stage-notes h3{font:700 1rem var(--serif);margin:0}.stage-notes p{font-size:.82rem;line-height:1.5;color:var(--muted);margin:0}.stage-note{border-top:1px solid var(--line);padding-top:.8rem}.present-controls{position:sticky;bottom:0;margin-top:1rem;padding:1rem;border:1px solid var(--ink);background:var(--paper);display:flex;align-items:center;gap:.7rem}.present-controls .timer{margin-right:auto;font:700 1.1rem ui-monospace,monospace}.present-controls .button{min-height:42px}.present-controls .sound-toggle{min-height:42px}@media(max-width:800px){.present-stage{grid-template-columns:1fr;min-height:550px}.stage-notes{border-left:0;border-top:1px solid var(--line)}.present-controls{flex-wrap:wrap}.present-controls .timer{width:100%;order:-1}.present .masthead>p{display:none}}