body[data-page=demo]{--v3-grey:rgba(242,241,237,.8);--demo-opening-top:clamp(128px,14vh,160px);--demo-opening-bottom:72px;--demo-notes-space:clamp(80px,9vw,128px)}body[data-page=demo] .demo-stage{background:var(--v3-night);color:var(--v3-bone)}body[data-page=demo] .demo-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:32px 96px;margin-bottom:44px}body[data-page=demo] .demo-heading h1{font:330 clamp(40px,4.45vw,64px)/1.04 var(--display);letter-spacing:-.05em;color:var(--v3-bone);margin:0;text-wrap:balance}body[data-page=demo] .demo-heading h1 .c{color:var(--clay-ground)}body[data-page=demo] .demo-intro{max-width:43ch;padding-bottom:4px}body[data-page=demo] .demo-intro p{font:400 18px/1.55 Inter,system-ui,sans-serif;color:var(--v3-grey);margin:0 0 22px}body[data-page=demo] .demo-recording-meta{display:flex;align-items:center;gap:12px;font:500 12px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--v3-grey)}body[data-page=demo] .demo-player-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:stretch}body[data-page=demo] .demo-player-layout .v3-video{min-width:0}body[data-page=demo] .demo-index{position:relative;min-width:0;min-height:0;border-top:1px solid var(--v3-hair);border-bottom:1px solid var(--v3-hair)}body[data-page=demo] .demo-index-inner{position:absolute;inset:0;display:flex;flex-direction:column}body[data-page=demo] .demo-index-heading{padding:18px 12px 16px}body[data-page=demo] .demo-index-heading h2{font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--v3-bone);margin:0 0 8px}body[data-page=demo] .demo-index-heading p{font:400 14px/1.5 Inter,system-ui,sans-serif;color:var(--v3-grey);margin:0}body[data-page=demo] .demo-chapters{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#45474B transparent;overscroll-behavior:contain;padding:0 3px 0 0}body[data-page=demo] .demo-chapter-group{border-top:1px solid var(--v3-hair)}body[data-page=demo] .demo-chapter-group summary{list-style:none;display:grid;grid-template-columns:20px 1fr auto 16px;gap:10px;align-items:center;min-height:48px;padding:10px 12px;cursor:pointer;font:500 14px/1.4 Inter,system-ui,sans-serif;color:var(--v3-bone)}body[data-page=demo] .demo-chapter-group summary::-webkit-details-marker{display:none}body[data-page=demo] .demo-group-no,body[data-page=demo] .demo-group-time{font:500 12px/1.4 var(--mono);letter-spacing:.04em;color:var(--v3-grey)}body[data-page=demo] .demo-chapter-group summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform var(--m-2,.2s) var(--e-out)}body[data-page=demo] .demo-chapter-group[open] summary svg{transform:rotate(180deg)}body[data-page=demo] .demo-chapter-group.is-current .demo-group-no{color:var(--v3-clay-lit)}body[data-page=demo] .demo-chapter-group ul{list-style:none;margin:0;padding:0 0 10px}body[data-page=demo] .demo-chapter-group button{appearance:none;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:baseline;gap:10px;width:100%;min-height:40px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;color:var(--v3-grey);padding:9px 12px 9px 10px;text-align:left;font:400 14px/1.5 Inter,system-ui,sans-serif;cursor:pointer;transition:background-color var(--m-2,.2s) var(--e-out),color var(--m-2,.2s) var(--e-out)}body[data-page=demo] .demo-cue-time{font:500 12px/1.5 var(--mono);letter-spacing:.03em;color:var(--v3-grey)}body[data-page=demo] .demo-chapter-group button[aria-current=true]{background:var(--v3-tile-2);border-left-color:var(--v3-clay-lit);color:var(--v3-bone)}body[data-page=demo] .demo-chapter-group button[aria-current=true] .demo-cue-time{color:var(--v3-clay-lit)}body[data-page=demo] .demo-chapter-group :is(button,summary):focus-visible{outline:2px solid var(--v3-clay-lit);outline-offset:-2px}@media(hover:hover){body[data-page=demo] .demo-chapter-group :is(button,summary):hover{background:var(--v3-tile-2);color:var(--v3-bone)}}body[data-page=demo] .demo-recording-note{display:flex;align-items:baseline;gap:12px 24px;margin-top:24px;font:400 14px/1.6 Inter,system-ui,sans-serif;color:var(--v3-grey)}body[data-page=demo] .demo-note-label{flex-shrink:0;font:500 11px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}body[data-page=demo] .demo-recording-note p{margin:0}body[data-page=demo] .demo-video-error:not([hidden]){font:400 14px/1.5 Inter,system-ui,sans-serif;color:var(--v3-bone);padding:16px;border:1px solid var(--v3-hair);margin:20px 0 0}body[data-page=demo] .demo-video-error a{color:var(--v3-clay-lit);text-underline-offset:3px}body[data-page=demo] .demo-principles .t{font:300 clamp(23px,2vw,29px)/1.1 var(--display);letter-spacing:-.03em;color:var(--v3-ink);margin:0 0 16px;text-wrap:balance}body[data-page=demo] .demo-principles .d{margin:0;max-width:38ch}body[data-page=demo] .demo-product-link{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:56px;margin-top:40px;padding:18px 0;border-top:1px solid var(--v3-hair-day);border-bottom:1px solid var(--v3-hair-day);font:500 15px/1.4 Inter,system-ui,sans-serif;color:var(--v3-ink);text-decoration:none}body[data-page=demo] .demo-product-link svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;fill:none}body[data-page=demo] .demo-product-link:hover span{text-decoration:underline;text-underline-offset:4px}@media(max-width:1100px){body[data-page=demo] .demo-heading{gap:28px 48px}body[data-page=demo] .demo-player-layout{grid-template-columns:1fr;gap:28px}body[data-page=demo] .demo-index-inner{position:static}body[data-page=demo] .demo-index-heading{padding-left:0}body[data-page=demo] .demo-chapters{overflow:visible;padding:0}body[data-page=demo] .demo-chapter-group button{min-height:44px;font-size:14px;grid-template-columns:44px 1fr}}@media(max-width:700px){body[data-page=demo]{--demo-opening-top:116px;--demo-opening-bottom:56px;--demo-notes-space:72px}body[data-page=demo] .demo-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}body[data-page=demo] .demo-intro p{font-size:17px;margin-bottom:16px}body[data-page=demo] .demo-recording-note{flex-direction:column;gap:6px}body[data-page=demo] .demo-principles{grid-template-columns:1fr;gap:28px}body[data-page=demo] .demo-principles .n{margin-bottom:14px}body[data-page=demo] .demo-principles .d{max-width:42ch}}@media(prefers-reduced-motion:reduce){body[data-page=demo] .demo-chapter-group button,body[data-page=demo] .demo-chapter-group summary svg{transition:none}}