:root { --ground:#071412; --panel:#0b201d; --line:#29433d; --quiet:#9fb4ac; --paper:#edf3ec; --acid:#c6da94; --amber:#f3bd69; --violet:#c9b3ff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scrollbar-gutter:stable; background:var(--ground); }
body { margin:0; background:var(--ground); color:var(--paper); font-family:"Avenir Next", "Segoe UI", sans-serif; }
body.film-is-playing { overflow:hidden; }
::selection { color:var(--ground); background:var(--acid); }
.site-header { position:absolute; z-index:5; top:0; left:0; right:0; display:flex; align-items:center; justify-content:space-between; padding:28px clamp(24px,5vw,76px); color:var(--quiet); font-size:11px; letter-spacing:.05em; }
.wordmark { color:var(--paper); text-decoration:none; font-size:17px; font-weight:750; letter-spacing:-.05em; }.wordmark span { margin-left:7px; color:var(--quiet); font-weight:500; letter-spacing:.05em; font-size:10px; }
.site-header p { margin:0; }
.opening { min-height:100svh; padding:clamp(120px,18vh,190px) clamp(24px,8vw,140px) 70px; display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.8fr); gap:clamp(50px,8vw,140px); align-items:center; overflow:hidden; }
.opening-copy { position:relative; z-index:1; max-width:760px; }.location { margin:0 0 20px; color:var(--acid); font-size:11px; font-weight:650; letter-spacing:.15em; text-transform:uppercase; }
.opening h1 { max-width:12ch; }
.opening-artwork { display:block; width:100%; height:min(76svh,820px); object-fit:contain; }
.opening-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px 28px; margin-top:36px; }
.watch-film,.explore-demo-link { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:48px; font-size:15px; text-decoration:none; }
.watch-film { padding:14px 20px; background:var(--acid); color:var(--ground); font-weight:650; }
.watch-film:hover { background:var(--paper); }
.explore-demo-link { color:var(--paper); border-bottom:1px solid #60766e; }
.explore-demo-link:hover { color:var(--acid); }
.opening-actions svg { width:20px; height:20px; }
.opening-actions a:focus-visible { outline:2px solid var(--amber); outline-offset:5px; }
@media(max-width:760px) { .opening-artwork { height:460px; max-height:65svh; }.opening-actions { margin-top:24px; }.opening { gap:32px; } }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { text-wrap:balance; } h1 { max-width:11ch; margin-bottom:28px; font-size:clamp(44px,5.3vw,82px); letter-spacing:-.035em; line-height:.98; font-weight:570; } h2 { max-width:13ch; font-size:clamp(40px,4.6vw,72px); letter-spacing:-.035em; line-height:1; font-weight:560; }
.lede { max-width:52ch; color:#c4d2cb; font-size:clamp(17px,1.4vw,21px); line-height:1.55; }.scroll-cue { display:inline-flex; gap:13px; margin-top:34px; padding-bottom:8px; color:var(--paper); border-bottom:1px solid #60766e; font-size:14px; text-decoration:none; }.scroll-cue span { color:var(--acid); }
.opening-diagram { position:relative; min-height:420px; }.opening-diagram svg { width:100%; height:100%; overflow:visible; }.runway { stroke:#52716a; stroke-width:2; }.taxiway { stroke:#29433d; stroke-width:2; }.trace { stroke:var(--amber); stroke-width:2; }.opening-diagram circle { fill:var(--amber); }.diagram-tag,.map-label { position:absolute; color:var(--quiet); font-size:11px; letter-spacing:.08em; }.tag-one { left:5%; bottom:5%; color:var(--amber); }.tag-two { right:4%; top:20%; color:var(--violet); }
.film-gate { min-height:180svh; background:#06110f; }.film-sticky { position:sticky; top:0; min-height:100svh; display:grid; place-items:center; padding:90px 5vw 54px; overflow:hidden; }.film-copy { position:absolute; z-index:2; top:clamp(80px,12vh,150px); left:clamp(24px,8vw,140px); transition:opacity .5s ease; }.film-copy h2 { margin-bottom:13px; font-size:clamp(34px,3.8vw,58px); }.film-copy p:last-child { color:var(--quiet); }.film-shell { position:relative; width:min(100%,1200px); aspect-ratio:16/9; overflow:hidden; background:#091916; border:1px solid var(--line); box-shadow:0 22px 80px rgba(0,0,0,.28); transform:translateY(46px); }.film-topline { position:absolute; z-index:3; inset:0 0 auto; display:flex; justify-content:space-between; padding:14px 18px; color:#a9beb5; font-size:10px; letter-spacing:.14em; }.film-map { position:absolute; inset:0; transition:transform 1.5s cubic-bezier(.16,1,.3,1); }.film-map svg { width:100%; height:100%; }.film-runways { stroke:#486962; stroke-width:4; }.film-taxi { stroke:#29443e; stroke-width:3; }.film-reference { stroke:var(--violet); stroke-width:4; stroke-dasharray:12 12; }.film-trail { stroke:var(--amber); stroke-width:4; }.film-dots circle { fill:var(--amber); }.film-aircraft { fill:var(--paper); transform-origin:795px 76px; }.label-reported { left:16%; bottom:13%; color:var(--amber); }.label-trail { left:38%; bottom:37%; color:var(--amber); }.label-reference { right:12%; top:24%; color:var(--violet); }.film-placeholder-copy { position:absolute; z-index:2; left:7%; bottom:10%; display:grid; gap:10px; transition:opacity .4s ease; }.film-placeholder-copy span { color:var(--acid); font-size:10px; letter-spacing:.16em; }.film-placeholder-copy strong { font-size:clamp(20px,2.5vw,36px); font-weight:500; letter-spacing:-.04em; }.film-placeholder-copy small { color:var(--quiet); }.film-console { position:absolute; inset:8% 5%; display:grid; grid-template-columns:20% 1fr 24%; grid-template-rows:12% 1fr; gap:1px; padding:1px; background:#426057; opacity:0; transform:scale(.88); transition:opacity 1.1s ease,transform 1.4s cubic-bezier(.16,1,.3,1); }.console-bar { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; padding:0 14px; background:#0a1b18; color:var(--quiet); font-size:9px; }.console-bar b { font-size:15px; color:var(--paper); letter-spacing:-.05em; }.console-list,.console-detail { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:18px 14px; background:#0a1b18; color:var(--quiet); font-size:10px; }.console-list strong,.console-detail strong { color:var(--paper); font-size:15px; line-height:1.1; font-weight:550; }.console-list small,.console-detail small { color:var(--acid); font-size:8px; letter-spacing:.11em; }.console-detail { grid-column:3; }.film-progress { position:absolute; z-index:4; bottom:0; left:0; right:0; height:3px; background:#19312b; }.film-progress i { display:block; width:0; height:100%; background:var(--acid); }.film-instruction { position:absolute; bottom:23px; left:50%; transform:translateX(-50%); margin:0; color:var(--quiet); font-size:12px; }.skip-film { position:absolute; right:5vw; bottom:20px; z-index:2; border:0; border-bottom:1px solid #5f746d; padding:6px 0; color:var(--quiet); background:transparent; font:inherit; font-size:12px; cursor:pointer; }.skip-film:hover { color:var(--paper); }.skip-film:focus-visible,.demo-toolbar button:focus-visible,.demo-placeholder aside button:focus-visible { outline:2px solid var(--amber); outline-offset:4px; }
.film-gate.is-playing .film-copy { opacity:0; pointer-events:none; }.film-gate.is-playing .film-placeholder-copy { opacity:0; }.film-gate.is-playing .film-map { transform:scale(1.07); animation:film-pan 8s linear both; }.film-gate.is-playing .film-aircraft { animation:aircraft-pass 8s ease-in both; }.film-gate.is-playing .film-progress i { animation:progress 8s linear both; }.film-gate.is-playing .film-console { animation:console-reveal 8s cubic-bezier(.16,1,.3,1) both; }.film-gate.is-finished .film-instruction { color:var(--acid); }.film-gate.is-finished .skip-film { display:none; } @keyframes film-pan { 0%,56% { transform:scale(1.07); } 100% { transform:scale(1); } } @keyframes aircraft-pass { 0%,60% { transform:translate(0,0); } 100% { transform:translate(-120px,110px) scale(.8); } } @keyframes console-reveal { 0%,62% { opacity:0; transform:scale(.88); } 88%,100% { opacity:1; transform:scale(1); } } @keyframes progress { to { width:100%; } }
.demo-section,.principle-section,.build-section { padding:clamp(94px,14vw,190px) clamp(24px,8vw,140px); }.demo-section { border-top:1px solid #19332d; }.section-intro { display:grid; grid-template-columns:1fr 1fr; column-gap:10vw; margin-bottom:64px; }.section-intro .location { grid-column:1/-1; }.section-intro h2 { margin:0; }.section-intro p:last-child { max-width:37ch; align-self:end; color:#c3d1ca; font-size:18px; line-height:1.5; }.demo-placeholder { position:relative; min-height:570px; display:grid; grid-template-columns:1fr 280px; grid-template-rows:auto 1fr; border:1px solid var(--line); background:#091916; overflow:hidden; }.demo-toolbar { grid-column:1/-1; display:flex; justify-content:flex-end; gap:8px; padding:13px; border-bottom:1px solid var(--line); }.demo-toolbar span { margin-right:auto; align-self:center; color:var(--quiet); font-size:10px; letter-spacing:.12em; }.demo-toolbar button,.demo-placeholder aside button { border:1px solid #426058; padding:7px 10px; color:#c4d3ca; background:#0c2520; font:inherit; font-size:11px; cursor:pointer; }.demo-map { position:relative; background:#071512; }.demo-map svg { width:100%; height:100%; }.demo-map path { stroke:#3d6058; stroke-width:3; }.demo-map .demo-path { stroke:var(--amber); stroke-width:4; }.demo-map circle { fill:var(--paper); }.demo-map span { position:absolute; left:22px; bottom:20px; color:var(--quiet); font-size:10px; letter-spacing:.12em; }.demo-placeholder aside { padding:30px 22px; border-left:1px solid var(--line); }.demo-placeholder aside small { color:var(--acid); font-size:10px; letter-spacing:.12em; }.demo-placeholder aside strong { display:block; margin:14px 0 10px; font-size:26px; letter-spacing:-.04em; line-height:1; }.demo-placeholder aside p { color:var(--quiet); font-size:14px; line-height:1.45; }.demo-placeholder aside button { margin-top:12px; color:var(--paper); }
.principle-section { display:grid; grid-template-columns:1fr minmax(260px,430px); gap:10vw; background:var(--panel); }.principle-section h2 { margin-bottom:0; }.principle-section>p { align-self:end; margin:0; color:#c9d7cf; font-size:clamp(18px,1.6vw,23px); line-height:1.5; }.build-section { border-top:1px solid var(--line); }.build-section h2 { max-width:16ch; }.build-list { display:grid; grid-template-columns:repeat(4,1fr); margin-top:64px; border-top:1px solid var(--line); }.build-list article { min-height:260px; padding:24px 24px 20px 0; border-right:1px solid var(--line); }.build-list article+article { padding-left:24px; }.build-list article:last-child { border:0; }.build-list span { color:var(--acid); font-size:11px; }.build-list h3 { margin:48px 0 12px; font-size:22px; letter-spacing:-.04em; font-weight:550; }.build-list p { max-width:24ch; color:var(--quiet); font-size:14px; line-height:1.45; } footer { display:flex; justify-content:space-between; padding:25px clamp(24px,5vw,76px); border-top:1px solid var(--line); color:var(--quiet); font-size:10px; letter-spacing:.12em; }
.architecture-section { padding:clamp(94px,14vw,190px) clamp(24px,8vw,140px); background:#06110f; border-top:1px solid var(--line); }.architecture-intro { display:flex; align-items:end; justify-content:space-between; gap:48px; }.architecture-intro h2 { margin:0; }.architecture-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:14px; margin-top:68px; padding:28px 0; border-block:1px solid var(--line); }.architecture-flow div { min-height:148px; display:flex; flex-direction:column; justify-content:space-between; padding:18px; background:#0a1c19; }.architecture-flow span { color:var(--acid); font-size:11px; }.architecture-flow strong { font-size:18px; letter-spacing:-.03em; font-weight:560; }.architecture-flow small { color:var(--quiet); font-size:12px; }.architecture-flow i { width:28px; border-top:1px solid #60776e; }.architecture-note { max-width:58ch; margin:28px 0 0; color:var(--quiet); font-size:15px; line-height:1.55; }
@media (max-width:760px) { .site-header p{display:none}.opening{grid-template-columns:1fr;padding-top:125px}.opening-diagram{min-height:240px}.film-sticky{padding-inline:16px}.film-copy{left:24px}.film-shell{width:100%;}.film-placeholder-copy{left:9%;bottom:12%}.map-label{font-size:7px}.console-list,.console-detail{padding:10px 7px;gap:7px}.console-list strong,.console-detail strong{font-size:10px}.console-bar{font-size:7px}.console-bar b{font-size:11px}.section-intro,.principle-section{grid-template-columns:1fr;gap:30px}.section-intro p:last-child{font-size:16px}.demo-placeholder{grid-template-columns:1fr;min-height:500px}.demo-placeholder aside{border-left:0;border-top:1px solid var(--line)}.demo-map{min-height:330px}.build-list{grid-template-columns:1fr 1fr}.build-list article{min-height:210px;border-bottom:1px solid var(--line)}.build-list article:nth-child(2){border-right:0}.build-list article:nth-child(3){padding-left:0}.build-list h3{margin-top:26px}.architecture-intro{display:block}.architecture-flow{grid-template-columns:1fr;gap:8px;margin-top:42px}.architecture-flow i{width:1px;height:20px;margin:auto;border-top:0;border-left:1px solid #60776e}.architecture-flow div{min-height:120px}footer{gap:16px;flex-direction:column} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.film-gate.is-playing .film-map,.film-gate.is-playing .film-aircraft,.film-gate.is-playing .film-progress i,.film-gate.is-playing .film-console{animation:none}.film-gate.is-playing .film-console{opacity:1;transform:scale(1)} }

/* Legibility pass for the standalone recruiter prototype. */
.contact-section { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding:100px clamp(24px,8vw,140px) 112px; background:#dce7c7; color:#10251c; }
.contact-section h2 { margin:0; max-width:none; font-size:clamp(56px,7vw,96px); font-weight:750; letter-spacing:-.04em; }
.contact-links { display:flex; flex-direction:column; gap:12px; }
.contact-links a { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:72px; padding:16px 0; border-bottom:1px solid #8a9d78; color:inherit; font-size:clamp(22px,2.2vw,32px); font-weight:650; text-decoration:none; }
.contact-links a:hover { color:#385322; border-color:#385322; }
.contact-links a:focus-visible { outline:2px solid #10251c; outline-offset:6px; }
.contact-links svg { flex-shrink:0; width:28px; height:28px; }
@media(max-width:760px) { .contact-section { grid-template-columns:1fr; gap:32px; padding-block:64px; } }
.implementation-section { --paper:#edf3ec; --quiet:#b0c1b7; --line:#30463c; --acid:#c6da94; --amber:#f3bd69; padding:144px clamp(24px,8vw,140px) 120px; border-top:1px solid var(--line); background:#071412; color:var(--paper); }
.implementation-intro { display:grid; grid-template-columns:1fr 1.2fr; gap:48px; align-items:start; }
.implementation-intro h2 { margin:0; font-size:clamp(32px,4vw,56px); letter-spacing:-.03em; }
.implementation-intro p { margin:0; max-width:65ch; color:var(--quiet); font-size:17px; line-height:1.6; }
.data-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0 24px; margin:48px 0 80px; background:#162620; border-block:1px solid var(--line); }
.data-flow li { position:relative; padding:24px 28px 24px 0; }
.data-flow li+li { padding-left:24px; }
.data-flow li:not(:last-child)::after { content:'→'; position:absolute; right:0; top:24px; color:var(--acid); }
.data-flow strong { display:block; font-size:16px; font-weight:600; }
.data-flow span { display:block; margin-top:8px; max-width:25ch; color:var(--quiet); font-size:14px; line-height:1.5; }
.implementation-details { border-top:1px solid var(--line); }
.implementation-details details { border-bottom:1px solid var(--line); }
.implementation-details details[open] { background:transparent; }
.implementation-details summary { padding:24px 12px; color:var(--paper); font-size:19px; line-height:1.4; cursor:pointer; }
.implementation-details summary:hover { color:var(--acid); }
.implementation-details summary:focus-visible { outline:2px solid var(--amber); outline-offset:2px; }
.implementation-answer { padding:0 12px 28px; max-width:76ch; }
.implementation-answer p { color:var(--quiet); font-size:16px; line-height:1.65; margin:0 0 16px; }
.implementation-section ::selection { background:var(--acid); color:#071412; }
.implementation-answer .source-file { color:var(--quiet); font-size:13px; margin:24px 0 0; overflow-wrap:anywhere; }
.source-file code { font-size:inherit; }
@media(max-width:760px) { .implementation-section { padding-block:88px 64px; }.implementation-intro { grid-template-columns:1fr; gap:24px; }.data-flow { grid-template-columns:1fr; margin-block:32px 48px; padding-inline:20px; }.data-flow li,.data-flow li+li { padding:18px 32px 18px 0; }.data-flow li:not(:last-child)::after { content:'↓'; right:8px; top:22px; }.data-flow span { max-width:none; }.implementation-details summary { font-size:17px; padding-inline:0; }.implementation-answer { padding-inline:0; } }
.demo-section:has(.demo-guide) { padding:0; }
.demo-guide { position:relative; }
.guide-sticky { position:relative; height:100svh; display:grid; grid-template-rows:auto minmax(0,1fr) auto; background:var(--ground); }
.guide-copy { display:grid; grid-template-columns:minmax(210px,.85fr) minmax(320px,1.3fr) auto; align-items:center; gap:24px; padding:16px clamp(24px,5vw,76px); border-bottom:1px solid var(--line); }
.guide-heading { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.guide-count { color:var(--acid); font-size:12px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.guide-heading h2 { margin:0; max-width:16ch; font-size:clamp(25px,2.5vw,38px); letter-spacing:-.03em; }
.guide-explanation p { margin:0; max-width:65ch; font-size:15px; line-height:1.5; color:var(--paper); }
.guide-explanation .guide-stack { margin-top:8px; font-size:14px; color:var(--quiet); }
.guide-explore { min-height:44px; padding:10px 18px; border:1px solid var(--acid); background:#183126; color:var(--paper); font:inherit; font-size:14px; white-space:nowrap; cursor:pointer; }
.guide-explore:hover { background:#294534; }
.guide-explore:focus-visible { outline:2px solid var(--amber); outline-offset:5px; }
.guide-actions { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.guide-exit { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:10px 14px; border:1px solid #647e70; color:var(--paper); text-decoration:none; font-size:14px; white-space:nowrap; }
.guide-exit svg { width:18px; height:18px; }
.guide-exit:hover { background:#183126; border-color:var(--acid); }
.guide-exit:focus-visible { outline:2px solid var(--amber); outline-offset:4px; }
.guide-navigation { display:flex; align-items:center; gap:10px; }
.guide-back,.guide-next { min-height:44px; padding:10px 18px; font:inherit; font-size:14px; cursor:pointer; }
.guide-next { background:var(--acid); color:var(--ground); border:0; }
.guide-next:hover { background:var(--paper); }
.guide-back { background:transparent; color:var(--paper); border:1px solid var(--line); }
.guide-back:disabled { opacity:.4; cursor:default; }
.guide-back:focus-visible,.guide-next:focus-visible { outline:2px solid var(--amber); outline-offset:4px; }
.guide-workspace { position:relative; min-height:0; height:100%; overflow:hidden; }
.demo-choice { position:absolute; inset:0; display:grid; place-items:center; padding:24px; background:rgba(7,20,18,.75); overflow:auto; }
.demo-choice-panel { width:min(100%,460px); padding:28px; background:var(--panel); border:1px solid var(--line); }
.demo-choice-panel h3 { margin:0 0 24px; font-size:26px; font-weight:600; letter-spacing:-.03em; }
.demo-choice-button { display:block; width:100%; padding:16px 18px; border:1px solid var(--acid); background:#183126; color:var(--paper); text-align:left; font:inherit; cursor:pointer; }
.demo-choice-button+.demo-choice-button { margin-top:14px; }
.demo-choice-button strong { display:block; font-size:18px; font-weight:650; }
.demo-choice-button span { display:block; margin-top:6px; font-size:14px; line-height:1.45; }
.demo-choice-primary { background:var(--acid); color:var(--ground); }
.demo-choice-button:hover { background:#294534; }
.demo-choice-primary:hover { background:var(--paper); }
.demo-choice-button:focus-visible { outline:2px solid var(--amber); outline-offset:4px; }
.demo-choice[hidden],.guide-actions button[hidden] { display:none; }
.guide-workspace .controllable-demo { height:100%; min-height:0; pointer-events:none; }
.demo-guide.is-exploring .controllable-demo { pointer-events:auto; }
.guide-scroll { margin:0; padding:9px 24px; border-top:1px solid var(--line); text-align:center; font-size:12px; line-height:1.4; color:var(--quiet); }
@media(max-width:1000px) { .guide-copy { grid-template-columns:1fr auto; gap:14px 24px; padding-block:18px; }.guide-explanation { grid-column:1/-1; grid-row:2; }.guide-actions { grid-column:2; grid-row:1; }.guide-explanation p { max-width:none; } }
@media(max-width:600px) { .guide-copy { gap:8px 12px; padding:16px; }.guide-heading { gap:10px; }.guide-heading h2 { font-size:23px; }.guide-explanation p { font-size:14px; }.guide-explanation .guide-stack { font-size:14px; margin-top:6px; }.guide-explore { font-size:12px; }.guide-scroll { padding:7px 16px; } }
@media(max-width:600px) { .guide-count { white-space:normal; }.demo-choice { padding:16px; }.demo-choice-panel { padding:20px; }.demo-choice-panel h3 { font-size:23px; margin-bottom:18px; } }
.demo-section { padding-inline:0; }
.demo-section .section-intro { margin-inline:clamp(24px,8vw,140px); }
.controllable-demo { display:block; width:100%; height:max(800px,95svh); border:0; background:var(--ground); }
@media (max-width:700px) { .controllable-demo { height:100svh; min-height:700px; } }
.film-shell iframe { position:absolute; inset:0; width:100%; height:100%; border:0; pointer-events:none; user-select:none; }
.film-shell::after { content:""; position:absolute; inset:0; z-index:5; user-select:none; -webkit-user-select:none; }
.film-loading { position:absolute; inset:0; display:grid; place-items:center; background:#071615; color:var(--quiet); }
.film-loading[hidden] { display:none; }
.film-gate { height:100dvh; min-height:100dvh; overflow:clip; }
.film-sticky { position:relative; height:100%; min-height:0; padding:0; }
.film-shell { width:100%; height:100%; aspect-ratio:auto; border:0; transform:none; isolation:isolate; z-index:0; }
.skip-film { min-height:44px; padding:10px 8px; z-index:2; }
.film-instruction { z-index:1; pointer-events:none; }
.film-copy { display:none; }
.film-gate.is-finished .skip-film { display:block; }
.film-instruction { max-width:45%; text-align:center; }
.wordmark span,.film-topline,.film-placeholder-copy span,.console-list small,.console-detail small,.demo-toolbar span,.demo-map span,.demo-placeholder aside small,footer { font-size:11px; }
.location,.diagram-tag,.map-label,.film-topline,.film-placeholder-copy span,.demo-toolbar span,.demo-map span,.demo-placeholder aside small,footer { letter-spacing:.05em; }
.console-bar { min-height:38px; padding:10px 14px; font-size:11px; }
.demo-section { padding-top:clamp(108px,15vw,204px); }
.demo-map { padding:12px; }
.principle-section { padding-block:clamp(108px,15vw,204px); }
.film-shell { box-shadow:none; }
@media (max-width:760px) { .console-list,.console-detail,.console-list strong,.console-detail strong,.console-bar,.console-bar b { font-size:11px; } }