:root {
 --real-white:#fff; --real-black:#171b17; --real-frame:#202922;
 --real-soft:#f4f1e9; --real-border:#68706545; --real-radius:6px;
 --real-surface:var(--real-white); --real-text:var(--ink); --real-rule:var(--real-border);
 --real-inset:16px; --real-gap:clamp(24px,3vw,56px);
 --real-mat-height:clamp(300px,44svh,540px);
}
.real-composition{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.8fr);gap:var(--real-gap);align-items:center;min-width:0}
.real-composition>*{min-width:0}
.real-reverse{grid-template-columns:minmax(0,1.8fr) minmax(210px,.65fr)}
.real-reverse .real-notes{order:2}
.real-notes>:is(h2,h3){font-size:clamp(28px,2.3vw,40px);font-weight:500;line-height:1.08;margin:16px 0}
.real-notes>p{font-size:14px;line-height:1.55;max-width:36ch}
.real-notes ol{padding:0;list-style:none;margin:20px 0}
.real-notes li{display:flex;gap:14px;padding:11px 0;border-top:1px solid var(--real-rule)}
.real-notes li>span{font:10px var(--sans);padding-top:3px;opacity:.65}
.real-notes li b{font-size:14px;font-weight:500}
.real-notes li p{font-size:12px;line-height:1.5;margin:5px 0 0;opacity:.72}
.real-notes .motion-link{font-size:12px;gap:16px}
.home-feature .real-notes li p{display:none}
.home-feature .real-notes ol{margin-block:16px}
.real-gallery{margin:0;width:100%;color:var(--real-text);background:var(--real-soft);border:1px solid var(--real-rule);border-radius:var(--real-radius);overflow:clip}
.real-gallery-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--real-inset);min-height:54px;border-bottom:1px solid var(--real-rule)}
.real-gallery-top>span{font:9px var(--sans);letter-spacing:.08em;white-space:nowrap}
.real-gallery-top>div{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.real-gallery button[data-real-view]{padding:7px 10px;font-size:11px;line-height:1.4;color:var(--muted);border-radius:4px;min-height:32px}
.real-gallery button[aria-pressed=true]{background:var(--real-frame);color:var(--real-white)}
.real-screen-mat{padding:var(--real-inset);height:var(--real-mat-height);display:flex;align-items:center;justify-content:center;overflow:clip;background:#e9e7de}
.real-enlarge{padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.real-enlarge img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:1px solid var(--real-rule);box-shadow:0 6px 18px #171b1710}
.real-gallery figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:8px var(--real-inset);font-size:11px;line-height:1.5;border-top:1px solid var(--real-rule)}
.real-gallery figcaption>span{max-width:65ch}
.real-gallery [data-real-read]{font:11px var(--sans);min-height:32px;white-space:nowrap;border-bottom:1px solid var(--real-rule);color:var(--real-black)}
.real-gallery figcaption i{font-size:16px;margin-left:10px;font-style:normal}
.real-screen-mat video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.real-screen-mat [hidden]{display:none!important}
.real-board[data-layout=sheet]{width:min(100%,calc((100svh - 465px)*1.5));justify-self:center}
.real-board[data-layout=sheet] .real-screen-mat{height:auto;padding:12px;background:#f8f5ef;aspect-ratio:auto}
.real-board [data-real-sheet-view]{display:block;width:100%;padding:0;text-align:left;cursor:zoom-in}
.real-sheet-heading{display:block;width:100%;height:auto;margin-bottom:12px}
.real-sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.real-sheet-grid img{display:block;width:100%;height:auto;aspect-ratio:280/227;object-fit:contain;border-radius:8px}
.real-sheet-mobile-heading{display:none}
.actual-route .real-board[data-layout=sheet]{width:min(100%,1100px)}
.real-script{width:min(100%,calc((100svh - 465px)*1.52778));justify-self:center}
.real-script .real-screen-mat{height:auto;aspect-ratio:1100/620;padding:0;background:#f8f5ef}
.real-script[data-media=video] video{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.real-script-steps{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:7px 10px;border-top:1px solid var(--real-rule)}
.real-script-steps button{font:10px var(--sans);padding:7px 9px;min-height:30px;border-radius:4px;color:var(--real-black)}
.real-script:not([data-media=video]) .real-script-steps{display:none}
.real-script-playback{display:flex;gap:12px;flex:none;align-items:center}
.real-script-playback button{font:11px var(--sans);color:var(--real-black);min-height:32px;white-space:nowrap}
.real-script:not([data-media=video]) .real-script-playback{display:none}
.actual-route .real-script{width:min(100%,1080px)}
.real-gallery:has(video:not([hidden])) [data-real-read]{display:none}
.home-feature .real-gallery img{filter:none;transform:none}
.real-set-film{margin-top:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.real-set-film .motion-media{height:240px}
.real-set-film>p{font-size:clamp(30px,3vw,52px);line-height:1.15;max-width:18ch}
.real-doc-layout{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.8fr);gap:var(--real-gap);align-items:center}
.real-doc-copy{min-width:0}
.real-doc-copy :is(h2,h3){font-size:clamp(32px,3vw,48px);line-height:1.08;font-weight:500;margin:18px 0}
.real-doc-copy p{font-size:14px;line-height:1.6;max-width:38ch}
.real-doc-copy label{display:block;font-size:11px;margin:24px 0 8px}
.real-doc-copy select{display:block;max-width:100%;width:330px;padding:12px 32px 12px 12px;background:var(--real-soft);color:var(--ink);border:1px solid var(--real-rule);border-radius:4px;font:14px var(--sans)}
.real-doc-copy .solid-link{display:inline-flex;margin-top:16px;font-size:12px}
.real-doc-copy .real-provenance{font-size:10px;margin-top:18px;opacity:.7}
.real-document{margin:0;background:var(--real-soft);color:var(--ink);border:1px solid var(--real-rule);border-radius:var(--real-radius);overflow:clip}
.real-doc-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px var(--real-inset);min-height:54px;gap:12px;border-bottom:1px solid var(--real-rule);font-size:11px}
.real-doc-toolbar>div{display:flex;align-items:center;gap:14px;flex:none}
.real-doc-toolbar button{min-width:32px;min-height:32px;font-size:17px}
.real-doc-toolbar button:disabled{opacity:.3}
.real-doc-mat{height:clamp(340px,48svh,650px);padding:var(--real-inset);display:flex;align-items:center;justify-content:center;background:#e9e7de}
.real-doc-page-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;cursor:zoom-in}
.real-doc-mat img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 6px 18px #171b1716}
.real-document figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px var(--real-inset);font-size:10px;border-top:1px solid var(--real-rule)}
.real-document [data-real-doc-read]{font:11px var(--sans);min-height:32px;white-space:nowrap;border-bottom:1px solid var(--real-rule)}
.real-document [data-real-doc-read] span{margin-left:10px;font-size:16px}
.actual-route{padding:clamp(36px,5vw,80px) var(--gutter) 80px;overflow-x:clip}
.actual-route-heading{margin:0 0 40px;max-width:1200px}
.actual-route-heading h1{font-size:clamp(42px,6vw,100px);line-height:1.04;font-weight:500;letter-spacing:-.05em;margin:28px 0}
.actual-route-heading p{font-size:16px;max-width:55ch}
.actual-route .real-screen-mat{height:clamp(360px,55svh,700px)}
.real-route-gallery{margin-top:50px;max-width:1400px;margin-inline:auto}
.real-tour-beat{margin-top:60px}
.real-tour-beat>.eyebrow{display:block;margin:0 0 18px}
.real-view-dialog{border:1px solid var(--real-rule);padding:0;background:var(--real-soft);color:var(--ink);width:min(96vw,1800px);max-width:96vw;height:min(94svh,1200px);max-height:94svh;border-radius:6px}
.real-view-dialog::backdrop{background:#0a0f0cda;backdrop-filter:blur(4px)}
.real-view-dialog header{height:62px;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;gap:20px;border-bottom:1px solid var(--real-rule)}
.real-view-dialog header h2{font-size:14px;font-weight:500;line-height:1.4;margin:0;letter-spacing:0}
.real-view-dialog header div{display:flex;gap:10px;flex:none}
.real-view-dialog header button{padding:8px 12px;min-height:36px;font-size:12px}
.real-view-dialog [data-real-close]{border:1px solid var(--real-rule);border-radius:4px}
.real-view-body{height:calc(100% - 62px);padding:24px;overflow:auto;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}
.real-view-body img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.real-view-body video{display:block;width:100%;height:100%;object-fit:contain;min-height:0}
.real-view-dialog[data-zoom=true] .real-view-body{display:block}
.real-view-dialog[data-zoom=true] .real-view-body img{max-width:none;max-height:none;width:auto;height:auto}
.home-feature:has(.real-composition),.home-documents:has(.real-doc-layout){padding-block:clamp(28px,3.6svh,48px)}
.home-feature:has(.real-composition) .home-feature-heading,.home-documents:has(.real-doc-layout) .home-feature-heading{margin-bottom:24px}
.home-board .real-notes,.home-people .real-notes,.home-crew .real-notes{color:var(--paper)}
.home-crew:has(.real-set-film){min-height:100svh;height:auto}
.real-gallery button:focus-visible,.real-doc-toolbar button:focus-visible,.real-doc-copy select:focus-visible,.real-doc-page-button:focus-visible,.real-document [data-real-doc-read]:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:1050px){
 .real-composition,.real-reverse{grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr);gap:24px}
 .real-gallery-top>span{display:none}.real-gallery-top>div{justify-content:flex-start}
 .real-notes ol{margin-block:16px}.real-notes li{padding-block:9px}.real-notes>:is(h2,h3){font-size:28px}
}
@media(min-width:761px) and (max-height:780px){
 :root{--real-mat-height:clamp(250px,calc(100svh - 420px),360px);--real-inset:14px}
 main[data-page=home] .home-feature:has(.real-composition),main[data-page=home] .home-documents:has(.real-doc-layout){padding-block:24px}
 .home-feature:has(.real-composition) .home-feature-heading,.home-documents:has(.real-doc-layout) .home-feature-heading{margin-bottom:20px}
 .home-feature .home-feature-heading h2{font-size:clamp(36px,3.6vw,64px);margin-top:14px;line-height:1.04}
 .home-feature .home-feature-heading>p{font-size:14px;line-height:1.5}
 .home-feature .real-notes>:is(h2,h3){font-size:28px;margin-block:12px}
 .home-feature .real-notes ol{margin-block:12px}.home-feature .real-notes li{padding-block:8px}
 .home-documents .real-doc-mat{height:clamp(190px,calc(100svh - 420px),330px)}
 .home-documents .real-doc-copy :is(h2,h3){font-size:28px;margin-block:10px}
 .home-documents .real-doc-copy>p:not(.real-provenance){font-size:13px;line-height:1.45;max-width:48ch}
 .home-documents .real-doc-copy label{margin-top:14px}.home-documents .real-provenance{margin-top:14px}
}
@media(max-width:760px){
 :root{--real-inset:12px}
 .real-composition,.real-reverse,.real-doc-layout{grid-template-columns:1fr;gap:24px}
 .real-reverse .real-notes{order:0}.real-notes ol{display:none}
 .real-notes>:is(h2,h3){font-size:28px}.real-notes>p{max-width:55ch;font-size:14px}
 .real-notes .motion-link{margin-top:12px}.real-notes .eyebrow{line-height:1.5}
 .real-gallery-top{padding:8px 10px;min-height:60px}
 .real-board[data-layout=sheet]{width:100%}.real-sheet-grid{grid-template-columns:1fr;gap:14px}.real-sheet-heading{display:none}.real-sheet-mobile-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font:11px var(--sans);line-height:1.5;margin-bottom:12px}.real-sheet-mobile-heading small{font-size:9px;white-space:nowrap;opacity:.7}
 .real-gallery-top>span{display:none}.real-gallery-top>div{justify-content:flex-start}
 .real-gallery button[data-real-view]{font-size:11px;min-height:44px;padding:8px}
 .real-screen-mat,.actual-route .real-screen-mat{height:auto;min-height:0;aspect-ratio:var(--real-view-aspect,1.6);padding:12px}
 .real-gallery:has([data-real-view="Scene text"]) [data-real-view="Editor"]{display:none}
 .real-script{width:100%}.real-script .real-screen-mat{aspect-ratio:414/650}.real-script-steps{justify-content:flex-start}.real-script-steps button{min-height:44px}
 .real-script[data-media=video] figcaption{flex-wrap:wrap}.real-script-playback{gap:20px}.real-script-playback button{min-height:44px}
 .real-gallery figcaption{padding:10px 12px;font-size:10px;align-items:center;gap:10px}
 .real-gallery [data-real-read]{font-size:10px;min-height:44px}
 .real-gallery figcaption i{margin-left:6px}
 .real-doc-mat{height:430px;padding:16px}.real-doc-copy :is(h2,h3){font-size:32px}
 .real-doc-copy select{width:100%;min-height:44px}.real-doc-copy .solid-link{min-height:44px}
 .real-doc-toolbar{padding:8px 12px;font-size:10px}.real-doc-toolbar button{min-width:44px;min-height:44px}
 .real-document [data-real-doc-read]{min-height:44px}
 .real-set-film{grid-template-columns:1fr;gap:20px;margin-top:28px}
 .real-set-film .motion-media{height:220px}.real-set-film>p{font-size:32px;margin:0}
 .actual-route{padding:35px 24px 55px}.real-route-gallery{margin-top:32px}
 .real-view-dialog{height:90svh}.real-view-dialog header{padding:8px 14px;height:72px;gap:8px}
 .real-view-dialog header h2{font-size:11px}.real-view-dialog header button{min-height:44px;padding:8px;font-size:11px}
 .real-view-body{height:calc(100% - 72px);padding:12px;align-items:flex-start}
 .real-view-body img{margin:auto}.home-feature:has(.real-composition){padding-block:32px}
}

/* Large native page cards: swipe/trackpad, drag, keyboard or arrows. */
.real-doc-layout .real-doc-mat{--doc-page-height:clamp(360px,calc(100svh - 385px),720px);display:block;height:calc(var(--doc-page-height) + 68px);padding:0;min-width:0;overflow:hidden}
.real-doc-spread{display:flex;align-items:center;gap:24px;width:100%;height:100%;max-width:none;margin:0;padding:22px 24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:24px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#92968b transparent;cursor:grab;touch-action:pan-x pan-y pinch-zoom;position:relative}
.real-doc-spread::after{content:'';flex:0 0 var(--pdf-tail,0px);height:1px}
.real-doc-thumb{display:flex;flex:0 0 min(calc(var(--doc-page-height)*var(--pdf-ratio,.7071)),calc(100% - 48px));flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0;min-width:0;min-height:0;scroll-snap-align:start;scroll-snap-stop:normal;cursor:inherit;color:var(--real-black);user-select:none;-webkit-user-select:none}
.real-doc-mat .real-doc-thumb img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;box-shadow:0 4px 16px #171b1714;-webkit-user-drag:none}
.real-doc-thumb span{font:10px var(--sans);letter-spacing:.08em;opacity:.5}
.real-doc-thumb[aria-current=page] span{opacity:1}
.real-doc-thumb:focus-visible,.real-doc-mat:focus-visible{outline:2px solid var(--real-frame);outline-offset:-3px}
.real-doc-spread.is-dragging{cursor:grabbing;scroll-snap-type:none}
.real-doc-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 var(--real-inset) 12px;background:#e9e7de;font:10px var(--sans);color:var(--ink);opacity:.8}
@media(max-width:760px){
 .real-doc-layout .real-doc-mat{--doc-page-height:min(65svh,calc((100vw - 112px)*1.4142))}
 .real-doc-spread{gap:16px;padding:18px 16px;scroll-padding-inline:16px}
 .real-doc-thumb{flex-basis:min(calc(var(--doc-page-height)*var(--pdf-ratio,.7071)),calc(100% - 32px))}
 .real-doc-spread::after{flex-basis:var(--pdf-tail,0px)}
 .real-doc-hint{padding-inline:16px;font-size:9px}
}

/* Original UI pixels fill the stage; controls act on a local walkthrough. */
.real-hiring .real-gallery-top>div{gap:6px}
.real-hiring [data-hiring-step]{font:11px var(--sans);padding:8px 10px;min-height:32px;border-radius:4px;color:var(--real-black)}
.hiring-stage{--hiring-height:clamp(330px,calc(100svh - 450px),550px);position:relative;height:var(--hiring-height);margin:0;background:#f7f5ee;overflow:clip}
.hiring-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;visibility:hidden;opacity:0}
.hiring-panel[data-hiring-panel="0"]{visibility:visible;opacity:1}
.hiring-native{position:relative;flex:none;max-width:100%}
.hiring-native img{display:block;width:100%;height:auto;border:1px solid #68706530;border-radius:5px}
.hiring-review{width:min(100%,calc((var(--hiring-height) - 36px)*1.45749));aspect-ratio:720/494;height:auto}
.hiring-review img{height:auto;object-fit:contain}
.hiring-hotspot{position:absolute;padding:0;border:0;border-radius:4px;background:transparent;color:transparent;cursor:pointer;min-height:0!important}
.hiring-action-text{display:block;opacity:0}
.hiring-accept{left:3.47%;top:83.4%;width:10.83%;height:7.29%}
.hiring-hotspot:focus-visible{outline:3px solid #aebf9d;outline-offset:4px}
.hiring-hotspot:hover{box-shadow:0 0 0 3px #7e98794d}
.hiring-cursor{position:absolute;left:0;top:0;width:25px;height:31px;pointer-events:none;visibility:hidden;opacity:0;filter:drop-shadow(0 2px 2px #171b1740);transform-origin:3px 3px}
.hiring-click-ring{position:absolute;left:-12px;top:-12px;width:24px;height:24px;border:2px solid #566c51;border-radius:50%;pointer-events:none;visibility:hidden;opacity:0}
.hiring-crew{flex-direction:column;gap:30px;align-items:stretch;padding:36px}
.hiring-result{display:flex;align-items:center;gap:18px;color:var(--real-black)}
.hiring-check{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#202922;color:#fff;font-size:24px;flex:none}
.hiring-result>div>span{font:10px var(--sans);letter-spacing:.08em;color:#61705f}
.hiring-result h4{font:500 clamp(23px,2.2vw,34px)/1.15 var(--sans);letter-spacing:-.035em;margin:8px 0}
.hiring-result p{font:13px var(--sans);margin:0;color:#626c60}
.hiring-crew-screen{display:block;width:100%;height:auto;border:1px solid #68706530;border-radius:5px}
.hiring-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 16px;border-top:1px solid var(--real-rule);min-height:48px;color:var(--real-black)}
.hiring-controls p{font:12px/1.5 var(--sans);margin:0}
.hiring-controls>div{display:flex;gap:18px;flex:none}
.hiring-controls button{font:11px var(--sans);min-height:32px;color:var(--real-black);white-space:nowrap}
.actual-route .hiring-stage{--hiring-height:clamp(370px,55svh,590px)}
@media(max-width:760px){
 .real-hiring [data-hiring-step]{font-size:11px;min-height:44px;padding:8px}
 .hiring-stage{--hiring-height:360px}.hiring-panel{padding:12px}
 .hiring-hotspot .hiring-action-text{opacity:1;color:#fff;font:500 12px var(--sans)}
 .hiring-hotspot{background:#202922;min-height:36px!important;width:64px;z-index:1}
 .hiring-accept{top:83%;left:3.47%;height:36px;width:68px}
 .hiring-crew{padding:20px;gap:22px}.hiring-result{gap:12px}.hiring-check{width:38px;height:38px;font-size:20px}
 .hiring-result h4{font-size:23px}.hiring-result p{font-size:11px}.hiring-result>div>span{font-size:9px}
 .hiring-controls{align-items:flex-start;flex-direction:column;gap:3px;padding:10px 12px}.hiring-controls button{min-height:44px}
 .hiring-controls p{font-size:11px}.real-hiring figcaption{font-size:9px}
}

/* The original UI stays in one canvas through scene, frame and detail states. */
.real-board-experience{width:min(100%,calc((100svh - 490px)*1.611111));justify-self:center;min-width:0}
.real-board-experience [data-board-step]{font:11px var(--sans);color:var(--real-black);padding:8px 10px;min-height:32px;border-radius:4px;white-space:nowrap}
.board-experience-screen{position:relative;width:100%;aspect-ratio:1160/720;background:#f8f5ef;overflow:clip}
.board-experience-screen iframe{position:absolute;border:0;transform-origin:0 0;pointer-events:none}
.real-board-experience[data-interactive=true] iframe{pointer-events:auto}
.board-demo-cursor{position:absolute;left:0;top:0;width:25px;height:31px;pointer-events:none;visibility:hidden;opacity:0;filter:drop-shadow(0 2px 2px #171b1740);transform-origin:3px 3px}
.board-demo-click{position:absolute;left:-12px;top:-12px;width:24px;height:24px;border:2px solid #566c51;border-radius:50%;pointer-events:none;visibility:hidden;opacity:0}
.board-experience-controls{padding:10px 14px;border-top:1px solid var(--real-rule);display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px}
.board-experience-controls p{margin:0;font:11px/1.5 var(--sans);max-width:42ch}
.board-experience-controls>div{display:flex;gap:12px;flex:none;align-items:center}
.board-experience-controls button{font:11px var(--sans);min-height:34px;color:var(--real-black);white-space:nowrap}
.board-experience-controls [data-board-interact]{border:1px solid var(--real-rule);padding:6px 10px;border-radius:4px}
.board-native-dialog>iframe{width:100%;height:calc(100% - 62px);border:0;display:block;background:#f8f5ef}
.actual-route .real-board-experience{width:min(100%,1160px)}
@media(max-width:1100px){.board-experience-controls{align-items:flex-start;flex-direction:column;gap:3px}.board-experience-controls p{max-width:none}.board-experience-controls>div{width:100%;justify-content:space-between}}
@media(max-width:760px){
 .real-board-experience{width:100%}.real-board-experience .real-gallery-top{min-height:60px;padding:8px;justify-content:center}.real-board-experience .real-gallery-top>div{gap:2px;flex-wrap:nowrap;width:100%;justify-content:space-between}
 .real-board-experience [data-board-step]{font-size:10px;min-height:44px;padding:6px 7px}
 .board-experience-screen{aspect-ratio:auto;height:700px}.board-experience-controls{padding:10px 12px;gap:6px}.board-experience-controls>div{gap:8px;flex-wrap:wrap}.board-experience-controls button{min-height:44px;font-size:10px}
 .real-board-experience figcaption{font-size:9px;gap:10px}.real-board-experience figcaption>span:last-child{display:none}
 .board-native-dialog>iframe{height:calc(100% - 72px)}
}

@media(min-width:1100px){.home-board:has(.real-board-experience) .home-feature-heading{margin-bottom:16px}}
.board-experience-screen::before{content:'Opening the storyboard…';position:absolute;inset:0;display:grid;place-items:center;font:12px var(--sans);color:#6f6759}
.real-board-experience[data-ready=true] .board-experience-screen::before{display:none}
/* All product chapters use the same original-component frame and controls. */
.real-workspace-experience{width:100%;justify-self:center;min-width:0}
.workspace-experience-screen{position:relative;width:100%;aspect-ratio:1160/720;overflow:hidden;background:#f8f5ef}
.workspace-experience-screen::before{content:'Opening the Mooiev workspace…';position:absolute;inset:0;display:grid;place-items:center;font:12px var(--sans);color:#6f6759}
.real-workspace-experience[data-ready=true] .workspace-experience-screen::before{display:none}
.workspace-experience-screen iframe{position:absolute;border:0;transform-origin:top left;pointer-events:none}
.real-workspace-experience[data-interactive=true] iframe{pointer-events:auto}
.real-workspace-experience [data-workspace-step]{font:11px var(--sans);color:var(--real-black);padding:8px 10px;min-height:32px;border-radius:4px;white-space:nowrap}
.workspace-experience-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;border-top:1px solid var(--real-rule);min-height:58px}
.workspace-experience-controls p{font-size:11px;line-height:1.5;max-width:64ch;margin:0}
.workspace-experience-controls>div{display:flex;gap:12px;flex:none;align-items:center}
.workspace-experience-controls button{font:11px var(--sans);color:var(--real-black);min-height:36px;white-space:nowrap}
.workspace-native-dialog iframe{display:block;width:100%;height:calc(100% - 62px);border:0;background:#f8f5ef}
.real-workspace-experience button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(min-width:1100px){.home-feature:has(.real-workspace-experience) .home-feature-heading{margin-bottom:20px}.home-feature:has(.real-workspace-experience) .home-feature-heading h2{font-size:clamp(40px,4.5vw,76px)}.home-feature:has(.real-workspace-experience) .real-composition{align-items:center}.home-feature .real-workspace-experience{width:100%}}
@media(max-width:760px){.workspace-experience-screen{aspect-ratio:auto;height:650px}.real-workspace-experience .real-gallery-top{padding:8px;min-height:60px;justify-content:center}.real-workspace-experience .real-gallery-top>div{width:100%;justify-content:space-between;gap:2px;flex-wrap:nowrap}.real-workspace-experience [data-workspace-step]{font-size:10px;min-height:44px;padding:6px}.workspace-experience-controls{align-items:flex-start;flex-direction:column;padding:12px;gap:8px}.workspace-experience-controls>div{width:100%;justify-content:space-between;gap:8px}.workspace-experience-controls button{min-height:44px;font-size:10px}.real-workspace-experience figcaption{font-size:9px}.real-workspace-experience figcaption>span:last-child{display:none}}
/* Videos preserve one fixed capture size across every workflow. */
.workspace-experience-screen video{position:relative;display:block;width:100%;height:100%;object-fit:contain;background:#f8f5ef}
.workspace-experience-screen [hidden]{display:none!important}
.workspace-experience-screen::before{display:none}
@media(max-width:760px){.workspace-experience-screen{height:auto;aspect-ratio:1160/720}.real-workspace-experience[data-interactive=true] .workspace-experience-screen{height:650px;aspect-ratio:auto}}
/* A single editorial layout: description at left, complete video at right. */
@media(min-width:761px){
 main[data-page=home] .home-feature:has(.real-workspace-experience){display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2.2fr);grid-template-rows:auto 1fr;column-gap:clamp(24px,4vw,64px);row-gap:20px;align-content:center;padding-block:24px;min-height:calc(100svh - 88px)}
 main[data-page=home] .home-feature:has(.real-workspace-experience) .home-feature-heading{display:block;grid-column:1;grid-row:1;margin:0;align-self:end}
 main[data-page=home] .home-feature:has(.real-workspace-experience) .home-feature-heading h2{font-size:clamp(34px,3.2vw,60px)!important;line-height:1.08;margin:20px 0 16px}
 main[data-page=home] .home-feature:has(.real-workspace-experience) .home-feature-heading>p{font-size:14px;line-height:1.55;max-width:32ch;margin:0}
 main[data-page=home] .home-feature:has(.real-workspace-experience) .real-composition{display:contents}
 main[data-page=home] .home-feature:has(.real-workspace-experience) .real-notes{grid-column:1;grid-row:2;order:unset;align-self:start}
 main[data-page=home] .home-feature:has(.real-workspace-experience) .real-notes>.eyebrow,
 main[data-page=home] .home-feature:has(.real-workspace-experience) .real-notes>:is(h2,h3),
 main[data-page=home] .home-feature:has(.real-workspace-experience) .real-notes>p{display:none}
 main[data-page=home] .home-feature:has(.real-workspace-experience) .real-notes ol{margin:0 0 12px}
 main[data-page=home] .home-feature:has(.real-workspace-experience) .real-workspace-experience{grid-column:2;grid-row:1/3;align-self:center;width:min(100%,calc((100svh - 330px)*1.61111));justify-self:center}
 .workspace-experience-controls{min-height:80px;height:80px;flex-wrap:wrap;gap:4px 12px;padding-block:8px}
 .workspace-experience-controls p{flex:1 1 200px;max-width:none;font-size:11px}
 .workspace-experience-controls>div{flex:1 1 280px;justify-content:flex-end}
}
@media(max-width:760px){.home-feature:has(.real-workspace-experience) .real-composition{display:flex;flex-direction:column}.home-feature:has(.real-workspace-experience) .real-notes{order:2;width:100%}.home-feature:has(.real-workspace-experience) .real-notes>.eyebrow,.home-feature:has(.real-workspace-experience) .real-notes>:is(h2,h3),.home-feature:has(.real-workspace-experience) .real-notes>p{display:none}}

/* Keep the larger paper beside the chapter introduction, within a desktop view. */
@media(min-width:761px){
 main[data-page=home] .home-documents:has(.real-doc-layout){display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2.2fr);column-gap:clamp(28px,4vw,72px);row-gap:24px;align-items:start;padding-block:clamp(28px,4svh,48px)}
 .home-documents .home-feature-heading{grid-column:1;grid-row:1;display:block;margin:0!important;align-self:end}
 .home-documents .home-feature-heading h2{font-size:clamp(34px,3.3vw,60px)}
 .home-documents .home-feature-heading>p{font-size:14px;line-height:1.6;margin:22px 0 0;max-width:36ch}
 .home-documents .real-doc-layout{display:contents}
 .home-documents .real-doc-copy{grid-column:1;grid-row:2;align-self:start}
 .home-documents .real-document{grid-column:2;grid-row:1 / span 2;width:100%;min-width:0}
 .home-documents .real-doc-copy>.eyebrow,.home-documents .real-doc-copy>:is(h2,h3),.home-documents .real-doc-copy>p:not(.real-provenance){display:none}
 .home-documents .real-doc-copy label{margin-top:0}
}
@media(max-width:760px){
 .home-documents .real-doc-copy>.eyebrow,.home-documents .real-doc-copy>:is(h2,h3),.home-documents .real-doc-copy>p:not(.real-provenance){display:none}
 .home-documents .real-doc-copy label{margin-top:0}
}

/* Three paper planes, with the middle sheet closest to the reader. */
.real-doc-thumb{position:relative}
.real-doc-sheet{display:flex;align-items:center;justify-content:center;width:100%;height:var(--doc-page-height);flex:none;transform-origin:50% 50%;transition:transform 120ms ease-out;backface-visibility:hidden;opacity:1!important}
.real-doc-mat .real-doc-sheet img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;box-shadow:1px 2px 0 #d2d1c9,3px 4px 0 #e4e2d9,0 16px 26px -16px #171b1750}
.real-doc-thumb>span:not(.real-doc-sheet){height:12px;flex:none}
.real-doc-spread.is-dragging .real-doc-sheet{transition:none}
@media(min-width:761px){
 .real-doc-spread{gap:24px}
 .real-doc-thumb{flex:0 0 var(--pdf-card-basis,calc((100% - 48px)/3))}
 .real-doc-spread::after{display:none}
 main[data-page=home] .home-documents:has(.real-doc-layout){grid-template-columns:1.1fr 1fr;row-gap:22px}
 .home-documents .home-feature-heading{grid-column:1;grid-row:1;align-self:center}
 .home-documents .home-feature-heading h2{font-size:clamp(34px,3vw,54px);margin:16px 0}
 .home-documents .home-feature-heading>p{display:none}
 .home-documents .real-doc-copy{grid-column:2;grid-row:1;align-self:center;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;max-width:620px;justify-self:end}
 .home-documents .real-doc-copy>p:not(.real-provenance){display:block;grid-column:1/-1;margin:0 0 14px;max-width:58ch}
 .home-documents .real-doc-copy label{grid-column:1/-1;margin:0 0 8px}
 .home-documents .real-doc-copy select{width:100%;align-self:start}
 .home-documents .real-doc-copy .solid-link{margin:0;align-self:start;min-height:45px}
 .home-documents .real-doc-copy .real-provenance{grid-column:1/-1;margin:10px 0 0;max-width:none}
 .home-documents .real-document{grid-column:1/-1;grid-row:2;width:100%}
 .home-documents .real-doc-mat{--doc-page-height:clamp(180px,calc(100svh - 580px),640px)}
}
@media(max-width:760px){.real-doc-sheet{height:auto;max-height:var(--doc-page-height)}.real-doc-mat .real-doc-sheet img{width:100%;height:auto}}
@media(prefers-reduced-motion:reduce){.real-doc-sheet{transform:none!important;transition:none!important}}

.real-doc-spread:not(.has-overflow){cursor:default}

/* Shot-gallery behavior: one centered page, with previous and next beside it. */
.real-doc-carousel{gap:24px;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;cursor:grab!important}
.real-doc-carousel::-webkit-scrollbar{display:none}
.real-doc-carousel::after{display:none!important}
.real-doc-carousel .real-doc-thumb{flex:0 0 var(--pdf-card-width,360px);scroll-snap-align:center}
.real-doc-carousel .real-doc-sheet{height:var(--doc-page-height);max-height:none;transition:transform 100ms linear}
.real-doc-carousel .real-doc-thumb[data-current]>span:not(.real-doc-sheet){opacity:1}
.real-doc-carousel .real-doc-thumb:not([data-current]){cursor:pointer}
.real-doc-carousel .real-doc-thumb:not([data-current])>span:not(.real-doc-sheet){opacity:.45}
.real-doc-hint{min-height:44px;flex-wrap:wrap;padding-block:0}
[data-real-doc-dots]{display:flex;align-items:center;justify-content:center;gap:2px}
[data-real-doc-dots] button{width:26px;height:36px;display:grid;place-items:center;padding:0}
[data-real-doc-dots] button::after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.25;transition:opacity .2s,transform .2s}
[data-real-doc-dots] button[aria-pressed=true]::after{opacity:1;transform:scale(1.4)}
[data-real-doc-dots] button:focus-visible{outline:1px solid currentColor;outline-offset:-3px}
@media(max-width:760px){
 .real-doc-carousel{gap:16px}
 .real-doc-carousel .real-doc-thumb{flex-basis:var(--pdf-card-width,260px)}
 .real-doc-carousel .real-doc-sheet{height:auto;max-height:var(--doc-page-height)}
 [data-real-doc-dots] button{width:22px;height:36px}
}

@media(max-width:760px){.real-doc-layout .real-doc-mat{--doc-page-height:min(65svh,calc((100vw - 154px)*1.4142))}}

.real-document{width:100%;min-width:0;max-width:100%}
.real-doc-carousel{min-width:0;max-width:100%;contain:inline-size}
@media(max-width:760px){.real-doc-layout{grid-template-columns:minmax(0,1fr)}}

.real-doc-carousel .real-doc-thumb[aria-hidden=true]{visibility:hidden}
@media(max-width:760px){.real-doc-layout .real-doc-mat{--doc-page-height:min(65svh,calc((100vw - 50px)*.8768))}}

/* The first page leads the deck; the next two sit behind it to the right. */
.real-doc-carousel{scroll-padding-inline-start:var(--pdf-leading,16px)}
.real-doc-carousel .real-doc-thumb{margin-inline-end:var(--pdf-overlap,0px);scroll-snap-align:start}
.real-doc-carousel .real-doc-sheet{transform-origin:left center}

/* Stable three-slot deck: page selection never depends on a hidden scroll copy. */
.real-doc-deck{display:block;position:relative;width:100%;height:100%;max-width:100%;padding:0;overflow:hidden;contain:inline-size;touch-action:pan-y pinch-zoom;cursor:grab;scroll-snap-type:none}
.real-doc-deck::after{display:none!important}
.real-doc-deck .real-doc-thumb{position:absolute;top:50%;left:var(--pdf-leading,16px);width:var(--pdf-card-width,300px);height:auto;display:flex;margin:0;visibility:visible;transition:transform .36s cubic-bezier(.22,.68,0,1);cursor:pointer}
.real-doc-deck .real-doc-sheet{height:var(--doc-page-height);max-height:none;transform-origin:left center;transition:transform .36s cubic-bezier(.22,.68,0,1);translate:var(--pdf-drag,0px) 0}
.real-doc-deck .real-doc-thumb[data-current]>span:not(.real-doc-sheet){opacity:1}
.real-doc-deck .real-doc-thumb:not([data-current])>span:not(.real-doc-sheet){opacity:.45}
.real-doc-deck.is-dragging{cursor:grabbing}
.real-doc-deck.is-dragging .real-doc-sheet{transition:none}
.real-view-dialog[data-zoom=true] .real-view-body{display:flex;align-items:flex-start;justify-content:flex-start}
.real-view-dialog[data-zoom=true] .real-view-body img{flex:none;margin:0 auto}
@media(max-width:760px){.real-doc-deck .real-doc-sheet{height:auto;max-height:var(--doc-page-height)}}
@media(prefers-reduced-motion:reduce){.real-doc-deck .real-doc-thumb,.real-doc-deck .real-doc-sheet{transition:none!important}}
/* The library keeps the three-page deck; categories only narrow the selector. */
.real-doc-copy .real-doc-controls{grid-column:1/-1;display:grid;grid-template-columns:minmax(130px,.85fr) minmax(170px,1.25fr) auto;align-items:end;gap:12px;width:100%}
.real-doc-copy .real-doc-field{min-width:0}.real-doc-copy .real-doc-field[hidden]{display:none!important}
.real-doc-copy .real-doc-field label{display:block;margin:0 0 8px;font-size:13px}
.real-doc-copy .real-doc-controls select{width:100%;font-size:14px;min-height:46px;cursor:pointer}
.real-doc-copy .real-doc-controls .solid-link{margin:0;min-height:46px;padding:12px 16px;white-space:nowrap;font-size:14px;align-self:end}
.home-documents .real-doc-copy{max-width:680px}
.real-doc-copy .real-provenance{font-size:12px;line-height:1.6}
@media(max-width:1100px){.real-doc-copy .real-doc-controls{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.real-doc-copy .real-doc-controls .solid-link{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.real-doc-copy .real-doc-controls{grid-template-columns:minmax(0,1fr)}.real-doc-copy .real-doc-controls .solid-link{grid-column:1;width:100%;justify-content:space-between}.real-doc-copy .real-doc-controls select{font-size:16px}.real-doc-copy .real-doc-field label{font-size:14px}}

/* Copy columns must keep their available grid width. */
.home-documents .real-doc-copy{width:100%}
.actual-route .real-doc-controls{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.actual-route .real-doc-controls .solid-link{grid-column:1/-1;justify-self:start}
@media(max-width:760px){.actual-route .real-doc-controls{grid-template-columns:minmax(0,1fr)}}
/* Narrow demo controls must remain reachable inside the clipped video frame. */
@media(max-width:760px){
 .real-workspace-experience .real-gallery-top>div{min-width:0;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}
 .real-workspace-experience [data-workspace-step]{flex:none;font-size:12px}
 .workspace-experience-controls>div{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-start}
 .workspace-experience-controls button{font-size:12px;min-height:44px}
}




/* Mixed document overview labels */
.real-doc-deck[data-mixed-documents] .real-doc-thumb>span:not(.real-doc-sheet){height:32px;min-height:32px;line-height:1.35;font-size:12px;text-align:center;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(max-width:760px){.real-doc-deck[data-mixed-documents] .real-doc-thumb:not([data-current])>span:not(.real-doc-sheet){visibility:hidden}}

/* Acquisition actions use the existing cream, ink and sans tokens. */
.workflow-start{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:26px;font:14px var(--sans)}
.workflow-start a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;text-decoration:none;transition:background .16s,color .16s}
.workflow-start .workflow-primary{background:var(--ink,#20251f);color:var(--paper,#f7f4eb);padding:12px 18px;border:1px solid var(--ink,#20251f);border-radius:4px}
.workflow-start .workflow-secondary{border-bottom:1px solid currentColor;padding:8px 0;color:var(--ink,#20251f)}
.workflow-start a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.actual-route-heading .workflow-note{font:12px/1.6 var(--sans);color:var(--muted);margin:12px 0 0;max-width:55ch}
.actual-route.theme-cream .actual-route-heading .workflow-note{color:#565d53}
@media(max-width:600px){.workflow-start{align-items:flex-start;gap:12px 18px}.workflow-start .workflow-primary{width:100%;max-width:350px;box-sizing:border-box}}