/* Optical spacing, readable supporting copy, and the shared interaction language. */
:root { --copy:#514d44;--muted-copy:#6c6457;--ui-purple:#7453b5;--focus:#ed785a; }
html { scrollbar-gutter:stable; }
body { text-rendering:optimizeLegibility; }
h2,h3 { text-wrap:balance; }
::selection { background:#fbd743aa;color:var(--ink); }
button,a,input,summary { -webkit-tap-highlight-color:transparent; }
:where(button,a,input,summary):focus-visible { outline:2px solid var(--focus);outline-offset:5px; }
:where(button,a) { transition:background-color .22s,color .22s,box-shadow .22s; }
:where(button,a):active { transition-duration:.1s; }
.ui-icon { width:20px;height:20px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.ui-icon .solid { fill:currentColor;stroke:none; }
.section-heading>p:last-child,.chapter-lead { font-size:16px;line-height:2;color:var(--copy);letter-spacing:.015em; }
.section-kicker,.chapter-kicker { font-size:11px;line-height:1.7;letter-spacing:.13em; }
.section-kicker>span:last-child { font-size:11px;letter-spacing:.015em; }
.cover-action p { font-size:14px;line-height:1.95; }
.opening-eyebrow { font-size:13px;letter-spacing:.1em; }
.demo-link { font-size:14px;gap:25px; }
.cover-watch>span:last-child { font-size:13px; }
.cover-watch small { font-size:9px;margin-top:8px;letter-spacing:.07em; }
.cover-time { font-size:10px;font-variant-numeric:tabular-nums; }
.cover-transport { gap:6px; }
.cover-transport button { width:44px;height:44px;display:grid;place-items:center; }
.cover-signature,.scroll-label { font-size:10px;letter-spacing:.08em; }
.cover-bottom { bottom:14px; }
.watch-disc { display:grid;place-items:center; }
.watch-disc .ui-icon { width:17px;height:17px; }
.film-object figcaption { font-size:13px;line-height:1.7;padding-top:17px; }
.film-object figcaption small,.film-object figcaption i { font-size:10px;color:var(--muted-copy); }
.sample-disclosure { font-size:12px;line-height:1.9;color:var(--muted-copy); }
.exhibition-hint { font-size:11px;color:var(--muted-copy); }
.film-direction>span { font-size:10px;letter-spacing:.06em; }
.atlas-copy span { font-size:10px;letter-spacing:.07em; }
.object-play { transition:background .3s,transform .4s var(--ease),box-shadow .3s; }
.film-object button:focus-visible { outline-offset:8px; }
.film-object button:focus-visible .object-play { background:var(--blue);color:var(--ivory); }
.guide-copy p { font-size:15px;line-height:1.95;max-width:460px; }
.guide-tabs button { font-size:15px;min-height:56px; }
.guide-film figcaption { font-size:11px;line-height:1.6;margin-top:15px; }
.decision-scroll { font-size:10px; }
.hands-on-heading>span { font-size:15px;line-height:1.9; }
.finish-notes p,.format-process li p,.tool-comparison p { font-size:15px;line-height:2;color:var(--copy); }
.assist-note,.handoff-note { font-size:13px;line-height:1.95; }
#assist-description { font-size:15px;line-height:1.95;min-height:60px; }
.assist-foot>span { font-size:11px;line-height:1.8; }
.assist-status { font-size:11px;line-height:1.8; }
.assist-star { margin-bottom:28px; }
.assist-pause,.scene-pause,.making-pause { width:44px;height:44px;display:grid;place-items:center;padding:0; }
.assist-steps>button { min-height:76px; }
.assist-steps>button:focus-visible { outline-offset:5px; }
.assist-steps>button[aria-pressed=true]>span { color:#674ab1; }
.format-switch small { font-size:11px;line-height:1.6; }
.format-demo-note { font-size:11px;line-height:1.9; }
.formats .chapter-lead,.formats .format-process li p { color:#e1ebff; }
.format-caption { text-shadow:0 1px 16px #1326234d; }
.format-note-left,.format-ghost span { letter-spacing:.08em; }
.questions-heading>p:last-child,.faq-answer p { font-size:14px;line-height:2.05;color:var(--copy); }
.faq-list summary { font-size:15px;line-height:1.9;padding:27px 0; }
.faq-list summary>span { font-size:11px; }
.faq-answer { padding-top:0;padding-bottom:29px; }
.faq-list details[open] { padding-left:18px;padding-right:18px;margin-left:-18px;margin-right:-18px;background:#f4efdf80; }
.faq-list details[open] summary { padding-bottom:15px; }
.text-link { font-size:14px;line-height:1.6;min-height:48px; }
.closing-secondary { min-height:44px; }
.site-footer>nav a { min-height:44px;display:flex;align-items:center; }
.site-footer>nav { font-size:12px; }
.site-footer { font-size:10px; }

/* The monitor and timeline fit together at typical desktop window heights. */
.editor-caption { font-size:11px;line-height:1.8; }
.editor-caption>span:first-child { font-size:10px;letter-spacing:.1em; }
.editor-header { height:56px; }
.project-title,.demo-state { font-size:11px;color:#695e78; }
.panel-label { height:34px;font-size:12px; }
.panel-label>span { font-size:10px; }
.library>p { font-size:11px;line-height:1.6; }
.library-item>span { font-size:11px;line-height:1.5;padding:7px 1px 3px; }
.library-item { border-radius:4px;transition:background .22s,border-color .22s,box-shadow .22s; }
.library-item[aria-pressed=true] { border-color:#8667be;background:#f0eafa;box-shadow:inset 0 0 0 1px #8667be33; }
.library-foot { font-size:10px; }
.preview { width:min(calc(100% - 34px),calc(clamp(230px,100svh - 440px,460px)*1.779));margin:16px auto 0; }
.preview-text { font-size:clamp(13px,1.2vw,19px);padding:7px 11px; }
.preview-controls { height:62px;padding:0 20px; }
.preview-controls>div { gap:4px; }
.preview-controls output { font-size:11px;color:#625375;font-variant-numeric:tabular-nums; }
.preview-controls>span { font-size:10px;color:#766882; }
.preview-controls button { width:44px;height:44px;display:grid;place-items:center;color:var(--ui-purple); }
#preview-play { width:44px;height:44px;background:var(--ui-purple);color:#fff; }
.timeline-tools { font-size:10px;height:35px; }
.track-names { color:#796987;font-size:10px; }
.ruler { color:#796987;font-size:10px;font-variant-numeric:tabular-nums; }
.text-clip { color:#70483e; }
.audio-clip svg { stroke:#9876bd; }
.time-cursor { width:2px;background:var(--ui-purple); }
.time-cursor i { background:var(--ui-purple); }
.cursor-time { position:absolute;left:0;bottom:calc(100% + 12px);transform:translateX(-50%);padding:5px 7px;border-radius:3px;font:10px monospace;background:var(--ui-purple);color:white;white-space:nowrap;opacity:0;transition:opacity .16s; }
.timeline-tracks:focus-within { outline:2px solid #b39bd399;outline-offset:4px; }
.timeline-tracks:focus-within .cursor-time,.timeline-tracks.is-scrubbing .cursor-time { opacity:1; }
#preview-seek:focus-visible { opacity:0;outline:0; }
.timeline-tracks.is-scrubbing { cursor:grabbing; }
.editor-foot { height:auto;min-height:34px;font-size:10px;line-height:1.7;gap:15px;padding:8px 15px; }
.recording-entry small { font-size:11px;line-height:1.7; }
.recording-entry>button { font-size:14px; }
.recording-entry .tiny-play { width:44px;height:44px;flex-shrink:0;display:grid;place-items:center; }

/* A quiet cinema, sized to the film rather than a permanent letterbox. */
#film-dialog { width:min(1200px,calc(100% - 64px));max-width:none;max-height:calc(100dvh - 40px);border-radius:10px;box-shadow:0 30px 110px #10171055; }
#film-dialog::backdrop { background:#171a17c9;backdrop-filter:blur(9px); }
#film-dialog[data-orientation=portrait] { width:min(670px,calc(100% - 64px)); }
#film-dialog[data-orientation=wide] { width:min(1200px,calc(100% - 64px),calc(64dvh * var(--movie-ratio,1.7778) + 48px)); }
#film-dialog[open] .cinema { animation:cinema-enter .28s var(--ease); }
@keyframes cinema-enter { from { opacity:.25;transform:translateY(12px); }to { opacity:1;transform:none; } }
.cinema { padding:24px; }
.cinema header { gap:20px;align-items:center;margin-bottom:20px; }
.cinema header p { font-size:11px;line-height:1.6;color:var(--muted-copy);letter-spacing:.06em; }
.cinema header h2 { font-size:23px;line-height:1.5; }
#film-close { width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;padding:0;color:var(--ink); }
.cinema-screen { overflow:hidden;border-radius:3px; }
.cinema-screen>video { height:min(63dvh,650px);background:#141817; }
#film-dialog[data-orientation=wide] .cinema-screen>video { height:auto;aspect-ratio:var(--movie-aspect,16/9);max-height:64dvh; }
.cinema-controls { gap:20px;padding-top:14px; }
.cinema-controls button { font-size:13px;line-height:1.5;min-height:44px;padding:9px 5px; }
.cinema-controls>span { font-size:11px;color:var(--muted-copy);font-variant-numeric:tabular-nums; }
#film-sound { padding-left:12px;padding-right:12px;border:1px solid #c6bcaa;border-radius:24px; }
#film-note { font-size:11px;line-height:1.85;color:var(--muted-copy);margin-top:14px;max-width:78ch; }
.cinema-key-hint { font-size:10px;color:var(--muted-copy);padding-top:8px;letter-spacing:.025em; }
#film-dialog[data-sequence=single] #film-count { display:none; }
#film-dialog[data-sequence=single] .cinema-controls { justify-content:flex-end; }
#film-dialog[data-sequence=single][data-silent=true] .cinema-controls { display:none; }

@media(hover:hover) and (pointer:fine) {
 .demo-link:hover,.closing-primary:hover { box-shadow:0 6px 20px #0c419324; }
 .film-object button:hover .object-play { transform:translate(-50%,-50%) scale(1.12);background:var(--blue);color:var(--ivory);box-shadow:0 8px 25px #082c502a; }
 .library-item:hover { background:#f6f2fa;border-color:#cbb9e3; }
 .preview-controls button:not(#preview-play):hover,.cover-transport button:hover { background:#8773a51a;border-radius:50%; }
 .assist-pause:hover,.scene-pause:hover,.making-pause:hover { box-shadow:0 0 0 5px #a69ab51c; }
 .faq-list summary:hover { color:var(--blue); }
 .site-footer a:hover { color:var(--blue); }
 #film-close:hover,.cinema-controls button:not(:disabled):hover { background:#eae3d2; }
}
@media(max-width:1000px) and (min-width:701px) {
 .tool-arrow { font-size:50px; }
 .guide-copy p { max-width:430px; }
 .editor-grid { grid-template-columns:158px minmax(0,1fr); }
 #assist-description { font-size:13px; }
 .tool-comparison p { font-size:13px; }
 .finish-notes h3 { font-size:20px; }.finish-notes p { font-size:14px; }
 .editor-foot>span:last-child { font-size:9px; }
}
@media(max-width:700px) {
 html { scrollbar-gutter:auto; }
 .section-heading>p:last-child,.chapter-lead { font-size:14px;line-height:1.95;letter-spacing:0; }
 .section-kicker,.chapter-kicker { font-size:10px;line-height:1.7;letter-spacing:.08em; }
 .section-kicker>span:last-child { font-size:10px;letter-spacing:0; }
 .opening-eyebrow { font-size:11px;margin-bottom:17px;letter-spacing:.015em; }
 .title-composition { bottom:144px; }
 .cover-action { margin-top:20px; }.cover-action p { font-size:13px;line-height:1.85; }
 .cover-action .demo-link { font-size:13px;gap:28px;margin-top:19px; }
 .round-arrow { width:38px;height:38px; }
 .masthead nav { font-size:11px; }
 .cover-watch { bottom:69px; }.cover-watch>span:last-child { font-size:12px; }.watch-disc { width:42px;height:42px; }
 .cover-watch small { font-size:9px; }
 .cover-bottom { bottom:9px; }.cover-time { font-size:10px; }.scroll-label { font-size:8px;letter-spacing:.045em;gap:8px; }
 .cover-transport { gap:3px; }.cover-meter { width:39px; }
 .film-direction>span { font-size:9px; }
 .film-object figcaption { font-size:12px;padding-top:16px;line-height:1.65;letter-spacing:0; }
 .film-object figcaption small,.film-object figcaption i { font-size:9px; }
 .film-object figcaption>span { gap:7px; }
 .sample-disclosure { font-size:11px;line-height:1.9; }
 .exhibition-hint { font-size:10px;gap:10px; }
 .atlas-copy span { font-size:8px;line-height:1.8; }
 .guide-tabs button { font-size:14px;min-height:56px; }.guide-tabs button small { font-size:10px; }
 .guide-copy { top:17%; }.guide-copy p { font-size:14px;line-height:1.9;max-width:100%;margin-top:21px; }
 .guide-film { top:47%; }.guide-film figcaption { font-size:11px; }
 .decision-scroll { font-size:9px; }
 .hands-on-heading>span { font-size:13px;line-height:1.95; }
 .editor-caption { display:flex;align-items:center;gap:12px;font-size:10px;margin-bottom:13px; }
 .editor-caption>span:first-child { font-size:8px;letter-spacing:.04em; }.editor-caption>span:last-child { margin:0;white-space:nowrap; }
 .editor-header { height:50px;padding:0 13px; }.editor-header>img { width:107px; }.demo-state { font-size:10px; }
 .panel-label { height:33px;font-size:11px;padding:0 12px; }.panel-label>span { font-size:9px; }
 .preview { width:calc(100% - 16px);margin:8px 8px 0; }.preview-text { font-size:11px;padding:6px 8px; }
 .preview-controls { height:64px;padding:0 10px;gap:5px; }.preview-controls output { font-size:10px;letter-spacing:-.025em; }.preview-controls>div { gap:0; }
 .preview-controls button,#preview-play { width:44px;height:44px; }
 .timeline-tools { height:36px;padding:0 11px;font-size:9px;gap:19px; }.timeline-tools>span:first-child { font-size:14px; }
 .timeline-body { padding:0 9px 10px 0; }.track-names { width:57px;padding-left:8px;font-size:9px;grid-template-rows:28px repeat(3,32px); }
 .ruler { height:28px;font-size:7px; }.text-clip,.picture-clip,.audio-clip { height:27px;margin-bottom:5px; }.text-clip { font-size:8px;padding-left:6px; }
 .time-cursor { top:22px; }#preview-seek { inset:22px 0 0;height:calc(100% - 22px); }
 .library .panel-label { height:32px; }.library-items { gap:7px;padding:0 9px 11px; }.library-item img { height:52px; }.library-item>span { font-size:10px;padding:7px 0 2px;white-space:nowrap; }
 .editor-foot { font-size:10px;padding:8px 11px;min-height:33px; }
 .recording-entry { align-items:center;gap:13px; }.recording-entry>p { font-size:17px; }.recording-entry>button { font-size:12px;gap:10px; }.recording-entry small { font-size:10px; }.recording-entry .tiny-play { width:42px;height:42px; }
 .finish-notes p,.format-process li p,.tool-comparison p { font-size:14px;line-height:1.95; }
 .finish-screen figcaption { font-size:10px;line-height:1.7;padding:11px 7px; }
 .finish-screen .scene-pause { bottom:47px; }
 .assist-comment { padding-left:17%;min-height:212px; }.assist-quote { font-size:23px;line-height:1.6;min-height:80px; }
 .assist-star { margin:0; }.assist-status { font-size:10px; }#assist-description { font-size:14px;line-height:1.95;min-height:56px; }
 .assist-controls { gap:10px; }.assist-steps { gap:9px; }.assist-steps>button { font-size:12px;line-height:1.6;min-height:74px; }.assist-steps>button>span { font-size:10px; }
 .assist-foot { align-items:center;gap:14px; }.assist-foot>span { font-size:10px;max-width:210px; }.assist-foot .text-link { font-size:12px;flex-shrink:0; }
 .assist-note { font-size:12px;text-align:left; }
 .format-caption strong { font-size:22px; }.format-caption small { font-size:8px; }.formats[data-format=tall] .format-caption strong { font-size:22px; }
 .format-film .scene-pause { width:40px;height:40px;right:9px;bottom:9px; }
 .format-switch { gap:8px; }.format-switch>button { padding:13px 7px;gap:9px; }.format-switch small { font-size:10px; }.format-switch>button>span:last-child { font-size:17px; }
 .format-demo-note { font-size:10px;line-height:1.9; }.format-note-right { font-size:11px; }
 .format-process li { gap:17px; }.format-process h3 { font-size:17px; }.format-process li>span { font-size:11px; }
 .tool-number { font-size:10px; }.tool-comparison .text-link { font-size:13px; }.handoff-note { font-size:12px; }
 .making-copy>p:last-child { font-size:14px;line-height:2; }.making-credit { font-size:10px; }
 .questions-heading>p:last-child,.faq-answer p { font-size:14px;line-height:2; }
 .faq-list summary { font-size:14px;gap:12px;padding:24px 0; }.faq-list summary>span { font-size:10px; }.faq-list summary>i { width:22px; }.faq-answer { padding-left:24px;padding-right:8px; }
 .faq-list details[open] { padding-left:12px;padding-right:12px;margin-left:-12px;margin-right:-12px; }
 .closing-primary { font-size:14px;gap:24px; }.closing-primary>span { width:44px;height:44px; }.closing-secondary { font-size:13px; }
 .closing-last { font-size:11px; }.closing-last>a { font-size:8px; }.site-footer { font-size:9px; }.site-footer>nav { font-size:12px;gap:21px; }
 #film-dialog,#film-dialog[data-orientation=portrait],#film-dialog[data-orientation=wide] { width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:8px; }
 .cinema { padding:14px; }.cinema header { margin-bottom:15px;gap:14px; }.cinema header p { font-size:10px; }.cinema header h2 { font-size:19px;line-height:1.5; }#film-close { width:44px;height:44px; }
 .cinema-screen>video { height:58dvh;max-height:540px; }
 #film-dialog[data-orientation=wide] .cinema-screen>video { max-height:57dvh; }
 .cinema-controls { display:grid;grid-template-columns:1fr auto 1fr;gap:4px 12px;padding-top:10px; }.cinema-controls button { font-size:12px;padding:8px 0; }.cinema-controls>span { font-size:10px;justify-self:center; }#film-next { justify-self:end; }
 #film-sound { grid-column:1/-1;justify-self:end;min-width:142px;padding:8px 12px;margin-top:5px; }
 #film-note { font-size:11px;margin-top:12px;line-height:1.8; }.cinema-key-hint { display:none; }
}
@media(max-width:380px) {
 .masthead nav { font-size:10px; }.logo-label { width:135px; }
 .assist-steps>button { font-size:11px; }.assist-controls { gap:8px; }.assist-steps { gap:7px; }
 .format-switch>button { gap:7px; }.wide-icon { width:21px;height:12px; }.square-icon { width:17px;height:17px; }.tall-icon { width:12px;height:21px; }
 .recording-entry .tiny-play { width:38px;height:38px; }.recording-entry>button { gap:7px; }
}
@media(min-width:701px) and (max-height:760px) {
 .library-item img { height:54px; }
 .library-items { gap:5px; }
 .library>p { margin-top:11px;margin-bottom:9px; }
 .guide-copy { top:19%; }.guide-copy h3 { font-size:clamp(30px,3.3vw,48px); }.guide-copy p { font-size:14px; }
 .guide-film { width:min(58%,570px);top:43%; }
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after { scroll-behavior:auto!important; }
 :where(button,a),.object-play,.cursor-time { transition:none; }
 #film-dialog[open] .cinema { animation:none; }
}

/* The approved paper composition: full footage, physical headline layers, M3. */
.brand-symbol,.brand-wordmark { height:auto;object-fit:contain;flex-shrink:0; }
.logo-label { display:flex;align-items:center;gap:19px;width:310px;padding:23px 22px;background:var(--ivory);box-shadow:0 5px 0 #e4dcca,0 14px 25px -20px #24231a66;transform:translateY(calc((1 - var(--brand-in,1))*-40px)) rotate(calc((1 - var(--brand-in,1))*-6deg)); }
.logo-label .brand-symbol { width:57px;filter:none; }
.logo-label .brand-wordmark { width:190px;filter:none; }
.opening .masthead { top:30px;left:4%;right:4%; }
.opening .cover-film { inset:0;height:100%; }
.opening .cover-film video { mask-image:none;object-position:50% 50%; }
.opening .cover-film::after { display:none; }
.opening .title-composition { z-index:3;left:5%;width:min(1050px,87%);bottom:107px;opacity:calc(1 - clamp(0,(var(--cover-out) - .65)/.35,1)); }
.opening h1 { font-size:clamp(68px,7.6vw,118px);line-height:1.18;letter-spacing:-.085em; }
.opening .title-plane { display:block;font-size:1em;width:fit-content;padding:17px 82px 22px 31px;box-shadow:3px 5px 0 #dfd6c2,6px 9px 0 #ece6d599,0 24px 32px -19px #181d1b77;transform-origin:8% 50%;opacity:var(--title-in); }
.opening .title-plane::before { display:block;box-shadow:inset 0 1px #fff9,inset -2px -3px #20180316; }
.opening .title-plane>i { display:block;font-size:8px;right:18px;top:21px; }
.opening .plane-first { color:var(--ink);background:var(--ivory);transform:translate(calc((1 - var(--title-in))*-120px),calc((1 - var(--title-in))*25px)) rotate(calc(-3.5deg + var(--cover-out)*3.5deg - (1 - var(--title-in))*6deg)); }
.opening .plane-second { --paper-in:clamp(0,(var(--title-in) - .1)*1.112,1);margin-left:65px;margin-top:8px;padding-right:124px;color:var(--ivory);background:var(--blue);letter-spacing:-.085em;opacity:var(--paper-in);transform:translate(calc((1 - var(--paper-in))*145px),calc((1 - var(--paper-in))*36px)) rotate(calc(-3.5deg + var(--cover-out)*3.5deg + (1 - var(--paper-in))*6deg));box-shadow:3px 6px 0 #013b9fa6,0 22px 30px -16px #17264580; }
.opening .plane-first { translate:calc(var(--cover-out)*-220px) calc(var(--cover-out)*25px); }
.opening .plane-second { translate:calc(var(--cover-out)*200px) calc(var(--cover-out)*-20px); }
.opening .cover>.media-fallback { inset:29% 5% auto;min-height:110px;background:transparent;z-index:8; }
.opening .cover-action { margin:34px 0 0 65px;gap:27px; }
.opening .demo-link { font-size:14px;white-space:nowrap; }
.opening .cover-bottom { bottom:19px;left:5%;right:5%;padding:2px 14px;background:#f8f4e9f0;box-shadow:0 2px 0 #e1d8c699; }
.editor-brand,.footer-brand { display:flex;align-items:center;flex:none;gap:10px; }
.editor-brand .brand-symbol { width:33px; }.editor-brand .brand-wordmark { width:125px; }
.footer-brand .brand-symbol { width:36px; }.footer-brand .brand-wordmark { width:118px; }
.tool-brand { display:flex;align-items:center;gap:6%;width:min(100%,310px);margin-bottom:30px; }
.tool-brand .brand-symbol { width:18%;height:auto;margin:0; }
.tool-brand .brand-wordmark { width:76%;height:auto;margin:0; }
.decision-stage { min-height:620px; }
@media(min-width:701px) and (max-width:1050px) {
 .opening .title-composition { width:91%;left:4%; }
 .opening h1 { font-size:8.7vw; }
 .opening .title-plane { padding-right:67px; }.opening .plane-second { padding-right:89px; }
 .opening .cover-action { margin-left:40px; }
 .logo-label { width:264px;padding:19px 20px;gap:16px; }.logo-label .brand-symbol { width:48px; }.logo-label .brand-wordmark { width:160px; }
}
@media(max-width:700px) {
 .opening .cover { min-height:620px; }
 .opening .masthead { top:22px;left:5%;right:5%; }
 .logo-label { width:192px;padding:15px 13px;gap:10px;box-shadow:0 3px 0 #e0d7c5; }
 .logo-label .brand-symbol { width:32px; }.logo-label .brand-wordmark { width:124px; }
 .opening .masthead nav { font-size:10px;padding:4px 5px 4px 11px; }
 .opening .masthead nav>a:last-child { gap:8px; }
 .opening .cover-film video { object-position:39% center; }
 .opening .title-composition { left:4%;width:92%;bottom:101px; }
 .opening h1 { font-size:10.65vw;line-height:1.25;letter-spacing:-.085em; }
 .opening .title-plane { padding:14px 25px 17px 16px;width:93%;box-shadow:2px 3px 0 #dfd6c2,4px 6px 0 #ece6d599,0 15px 24px -14px #181d1b88; }
 .opening .title-plane>i { font-size:5px;right:9px;top:13px; }
 .opening .plane-second { margin-left:6%;margin-top:7px;padding-right:29px;box-shadow:2px 4px 0 #013b9fa6,0 17px 26px -15px #17264580; }
 .opening .cover-action { margin:25px 0 0 16px; }
 .opening .cover-action .demo-link { font-size:13px;margin-top:15px;gap:26px;padding:7px 7px 7px 21px; }
 .opening .cover-bottom { bottom:14px;left:5%;right:5%;padding:0 8px; }
 .opening .cover-transport { gap:0; }.opening .cover-meter { width:26px; }
 .opening .scroll-label { gap:7px;font-size:9px;letter-spacing:.02em; }
 .editor-brand { gap:8px; }.editor-brand .brand-symbol { width:26px; }.editor-brand .brand-wordmark { width:107px; }
 .footer-brand { gap:8px; }.footer-brand .brand-symbol { width:29px; }.footer-brand .brand-wordmark { width:96px; }
 .featured-films .film-object:nth-child(2) { --left:21.5%; }
 .featured-films .film-object:nth-child(3) { --left:78%;--top:42%; }
 .featured-films .film-object figcaption>i { display:none; }
 .studio { padding-bottom:56px; }
 .decision-index { top:auto;bottom:5.5%;right:7%;font-size:72px;letter-spacing:-.07em; }
 .decision-index>span { font-size:10px;margin-left:10px; }
 .tool-brand { width:255px;max-width:100%;margin-bottom:25px; }
}
@media(min-width:701px) and (max-height:780px) {
 .opening h1 { font-size:clamp(64px,6.9vw,104px); }
 .opening .title-plane { padding-top:13px;padding-bottom:15px; }
 .opening .title-composition { bottom:89px; }
 .opening .cover-action { margin-top:26px; }
}
@media(min-width:1001px) and (max-height:860px) {
 .featured-stage { min-height:620px; }
 .featured-films .film-object:nth-child(1) { --width:min(25%,calc((100svh - 245px)*.5625));--left:6%; }
 .featured-films .film-object:nth-child(2) { --width:min(28%,calc((100svh - 170px)*.5625));--left:calc((100% - var(--width))/2); }
 .featured-films .film-object:nth-child(3) { --width:min(22%,calc((100svh - 250px)*.5625)); }
}

/* Public navigation stays readable when all service links are present. */
.site-footer>nav { flex-wrap:wrap; }
.site-footer>nav a { white-space:nowrap; }
@media (max-width:767px) {
 .site-footer>nav { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;width:100%; }
}