/* The About page is a self-contained monochrome film, inside the shared site chrome. */
html.about-document { background:#050505; scroll-behavior:smooth; scroll-padding-top:0; color-scheme:dark; }
.about-cinematic {
  --paper:#050505; --wash:#111; --ink:#f5f5f3; --muted:#a1a1a1; --soft:#858585;
  --line:#2a2a2a; --inverse:#050505; --panel:#121212; --accent:#fff;
  --about-gutter:clamp(24px,5vw,96px); --about-header:74px;
  margin:0; background:var(--paper); color:var(--ink); font:16px/1.7 "Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
.about-cinematic *, .about-cinematic *::before, .about-cinematic *::after { box-sizing:border-box; }
.about-cinematic h1,.about-cinematic h2,.about-cinematic h3,.about-cinematic p { margin:0; }
.about-cinematic a { color:inherit; text-decoration:none; }
.about-cinematic button,.about-cinematic input,.about-cinematic select { font:inherit; }
.about-cinematic button { color:inherit; cursor:pointer; }
.about-cinematic a,.about-cinematic button { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
.about-cinematic a:focus-visible,.about-cinematic button:focus-visible,.about-cinematic select:focus-visible { outline:2px solid #eee; outline-offset:6px; }
.about-cinematic [hidden] { display:none!important; }
.about-cinematic .wrap { width:calc(100% - var(--about-gutter)*2); max-width:1440px; margin-inline:auto; }
.about-cinematic .site-header { background:rgba(5,5,5,.9); }
.about-cinematic .site-header .header-inner { width:calc(100% - var(--about-gutter)*2)!important; min-height:74px; margin-inline:auto; border-bottom-color:#ffffff12; }
.about-cinematic .site-header .appearance { display:none!important; }
.about-cinematic .site-header .nav-trigger { font-size:13px; }
.about-cinematic .site-header .translation-icon { opacity:.7; }
.about-cinematic .site-header .language-select { color:#ddd; }
.about-cinematic .site-header option { color:#f5f5f3; background:#111; }
.about-cinematic #main { outline:none; }
.about-cinematic .about-eyebrow,.about-cinematic .about-mono {
  font-family:"SFMono-Regular",Consolas,"Liberation Mono","PingFang SC",monospace;
  font-size:10px; font-weight:400; letter-spacing:.17em; line-height:1.65; text-transform:uppercase;
}
.about-cinematic .about-eyebrow { color:#aaa; }
.about-cinematic .about-dim { color:#838383; }
.about-cinematic .about-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.about-scene { position:relative; scroll-margin-top:var(--about-header); }
.about-cinematic .about-hero {
  min-height:620px; height:calc(100svh - var(--about-header)); max-height:1200px;
  isolation:isolate; background:#050505;
}
.about-portrait { position:absolute; inset:0 auto 0 0; width:58%; z-index:-1; overflow:hidden; }
.about-portrait img { width:100%; height:100%; object-fit:contain; object-position:50% 65%; display:block; }
.about-portrait::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg,#05050515 0%,transparent 50%,#050505 98%),linear-gradient(0deg,#050505 0%,transparent 17%,transparent 92%,#05050560);
}
.about-hero-inner { height:100%; min-height:inherit; display:grid; grid-template-columns:1.05fr 1fr; align-items:center; padding:40px var(--about-gutter) 90px; max-width:1680px; margin:auto; }
.about-hero-copy { grid-column:2; padding-left:1.2vw; }
.about-hero-copy > .about-eyebrow { margin-bottom:24px; }
.about-cinematic .about-name { font-family:Arial,"Helvetica Neue",sans-serif; font-weight:800; font-size:clamp(66px,7.7vw,124px); letter-spacing:-.067em; line-height:.88; }
.about-name > span { display:block; white-space:nowrap; }
.about-name small { display:inline-block; font-size:.49em; letter-spacing:-.055em; vertical-align:baseline; }
.about-position { margin-top:30px!important; font-size:11px; color:#999; letter-spacing:.13em; line-height:1.8; }
.about-cinematic .about-role { min-height:1.5em; font-size:clamp(24px,2.85vw,42px); font-weight:650; line-height:1.25; letter-spacing:-.045em; margin-top:30px; display:flex; align-items:center; gap:7px; }
.about-caret { display:inline-block; width:2px; height:.9em; background:#aaa; flex-shrink:0; animation:about-blink 1s step-end infinite; }
.about-hero-description { max-width:395px; color:#a5a5a5; font-size:14px; line-height:1.95; margin-top:9px!important; }
.about-hero-description > span { display:block; }
.about-hero-contact { display:inline-flex; gap:25px; align-items:center; font-size:10px; letter-spacing:.14em; color:#c3c3c3!important; margin-top:30px; border-bottom:1px solid #444; padding-bottom:6px; transition:color .2s; }
.about-hero-contact:hover { color:#fff!important; }
.about-hero-contact span { font-size:19px; }
.about-hero-bottom { position:absolute; bottom:28px; left:var(--about-gutter); right:var(--about-gutter); display:flex; justify-content:space-between; align-items:center; color:#888; }
.about-scroll { display:inline-flex; align-items:center; gap:18px; font-size:10px; letter-spacing:.12em; }
.about-scroll svg { animation:about-arrow 2s ease-in-out infinite; }
.about-hero-sign { visibility:hidden; }
.about-enter { animation:about-entrance 1.05s cubic-bezier(.2,.65,.3,1) both; }
.about-enter:nth-child(2) { animation-delay:.1s; }
.about-enter:nth-child(3) { animation-delay:.2s; }
.about-enter:nth-child(4) { animation-delay:.3s; }
.about-enter:nth-child(6) { animation-delay:.4s; }
.about-enter:nth-child(7) { animation-delay:.5s; }
@keyframes about-entrance { from { opacity:0; transform:translateY(25px); } to { opacity:1; transform:translateY(0); } }
@keyframes about-blink { 50% { opacity:0; } }
@keyframes about-arrow { 0%,100% { transform:translateY(-3px); opacity:.5; } 50% { transform:translateY(3px); opacity:1; } }

/* Four fields, progressively connected by native page scrolling. */
.about-journey { border-top:1px solid #ffffff13; }
.about-motion-ready .about-journey { height:320svh; }
.about-journey-pin { padding:70px var(--about-gutter) 55px; max-width:1680px; margin:auto; min-height:calc(100svh - var(--about-header)); }
.about-motion-ready .about-journey-pin { position:sticky; top:var(--about-header); }
.about-section-heading { display:grid; grid-template-columns: .65fr 1fr; align-items:start; gap:36px; }
.about-section-heading > .about-eyebrow { padding-top:12px; }
.about-section-heading h2 { font-size:clamp(30px,3.4vw,52px); font-weight:550; line-height:1.35; letter-spacing:-.045em; }
.about-section-heading h2 span { display:block; }
.about-journey-grid { display:grid; grid-template-columns:.65fr 1fr; gap:36px; align-items:center; margin-top:30px; }
.about-stage-count { display:flex; align-items:baseline; gap:17px; font-family:Arial,sans-serif; font-weight:400; }
.about-stage-count > span:first-child { font-size:clamp(90px,12vw,178px); line-height:1; font-weight:700; letter-spacing:-.06em; font-variant-numeric:tabular-nums; }
.about-stage-count > span:last-child { color:#757575; font-size:15px; font-family:monospace; }
.about-stage-copy { margin-top:20px; min-height:155px; }
.about-stage-tag { font-family:monospace; letter-spacing:.13em; font-size:10px; color:#9a9a9a; }
.about-stage-copy h3 { font-size:28px; font-weight:550; margin:8px 0 12px!important; letter-spacing:-.03em; }
.about-stage-copy > p:last-child { color:#aaa; font-size:14px; line-height:1.85; max-width:380px; }
.about-stage-navigation { display:flex; border-top:1px solid #303030; margin-top:18px; gap:3px; }
.about-stage-navigation button { position:relative; border:0; background:none; text-align:left; padding:13px 0 12px; flex:1; min-width:0; color:#858585; display:flex; flex-direction:column; gap:6px; }
.about-stage-navigation button::before { content:""; position:absolute; top:-1px; left:0; width:0; height:1px; background:#fff; transition:width .6s; }
.about-stage-navigation button[aria-current="step"]::before { width:calc(100% - 10px); }
.about-stage-navigation button[aria-current="step"] { color:#fff; }
.about-stage-navigation button > span:first-child { font:10px monospace; letter-spacing:.08em; }
.about-stage-navigation button > span:last-child { font-size:10px; letter-spacing:.05em; }
.about-journey-note { border-top:1px solid #222; margin-top:6px!important; padding-top:16px; max-width:400px; font-size:12px; color:#848484; line-height:1.85; }
.about-system { position:relative; isolation:isolate; }
.about-map-grid { position:absolute; inset:0; z-index:-1; background-image:radial-gradient(#6a6a6a 1px,transparent 1px); background-size:20px 20px; opacity:.16; mask-image:radial-gradient(ellipse,black 25%,transparent 72%); }
.about-system-map { display:block; width:100%; max-height:58svh; min-height:350px; color:#666; overflow:visible; }
.about-map-paths path { stroke-width:1; opacity:.4; transition:color .9s,opacity .9s; }
.about-map-paths path.is-lit { color:#ccc; opacity:.75; }
.about-map-layer { color:#858585; transition:color 1s,filter 1s; }
.about-map-layer.is-lit { color:#c5c5c5; }
.about-map-layer.is-current { color:#fff; }
.about-map-layer rect { fill:#0a0a0a; stroke:currentColor; stroke-width:.8; }
.about-map-layer.is-current rect { stroke-width:1.2; filter:drop-shadow(0 0 4px #ffffff25); }
.about-map-layer text { fill:currentColor; font-size:18px; text-anchor:middle; letter-spacing:.02em; }
html[lang="en"] .about-map-layer text { font-size:14px; }
.about-map-layer .about-map-caption,html[lang="en"] .about-map-layer .about-map-caption { font-size:12px; text-anchor:start; letter-spacing:.1em; }
.about-map-end { fill:#909090; font-size:14px; text-anchor:middle; letter-spacing:.04em; }
.about-journey-progress { position:absolute; bottom:0; left:var(--about-gutter); right:var(--about-gutter); height:1px; background:#252525; }
.about-journey-progress > span { display:block; height:1px; width:100%; transform:scaleX(.25); transform-origin:left; background:#999; transition:transform .2s linear; }
.about-noscript { padding:30px var(--about-gutter); font-size:14px; }

/* A real canvas morphs between five forms; the prose always stays in the document. */
.about-method { border-top:1px solid #ffffff13; padding-inline:var(--about-gutter); }
.about-method-grid { display:grid; grid-template-columns:1fr 1fr; gap:8vw; max-width:1488px; margin:auto; align-items:start; }
.about-method-visual { position:sticky; top:var(--about-header); height:calc(100svh - var(--about-header)); max-height:1050px; padding:16px 0 55px; display:flex; flex-direction:column; justify-content:center; min-width:0; }
.about-particle-wrap { position:relative; width:100%; height:min(49svh,540px); min-height:280px; }
#about-particles { width:100%; height:100%; display:block; }
.about-particle-fallback { position:absolute; inset:5% 10%; width:80%; height:90%; opacity:.45; }
.about-canvas-ready .about-particle-fallback { display:none; }
.about-particle-index { position:absolute; bottom:15px; left:0; color:#777; font:10px monospace; letter-spacing:.14em; }
.about-method-caption { padding-top:20px; }
.about-method-caption h2 { font-size:clamp(27px,3.3vw,48px); font-weight:550; line-height:1.3; letter-spacing:-.04em; margin-top:16px!important; }
.about-method-caption h2 > span { display:block; }
.about-method-terminal { margin-top:23px!important; color:#aaa; font:11px/1.9 "SFMono-Regular",Consolas,"PingFang SC",monospace; max-width:380px; min-height:45px; }
.about-method-terminal > span:first-child { color:#e8e8e8; margin-right:8px; }
.about-method-steps { padding:8svh 0 14svh; }
.about-method-step { min-height:76svh; display:flex; flex-direction:column; justify-content:center; padding:60px 0; opacity:.48; transition:opacity .65s; scroll-margin-top:var(--about-header); }
.about-method-step.is-active { opacity:1; }
.about-step-number { color:#888; font:11px monospace; letter-spacing:.12em; display:flex; gap:22px; }
.about-step-number > span { color:#aaa; font-size:10px; }
.about-cinematic .about-method-step h3 { font-size:clamp(64px,7.4vw,110px); font-weight:650; letter-spacing:-.055em; line-height:1.1; margin:20px 0 28px; }
html[lang="en"] .about-cinematic .about-method-step h3 { font-size:clamp(44px,6.7vw,100px); }
.about-method-step .about-step-thesis { color:#eee; font-size:20px; font-weight:450; line-height:1.55; margin-bottom:15px; }
.about-method-step > p:not(.about-step-thesis) { color:#999; font-size:15px; line-height:1.95; max-width:480px; }
.about-step-tags { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:26px; }
.about-step-tags span { font-size:10px; letter-spacing:.05em; color:#9a9a9a; border-top:1px solid #444; padding-top:8px; }

/* Keep the supplied portrait film uncropped. No autoplay download. */
.about-film { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:5vw; padding:70px var(--about-gutter); border-top:1px solid #ffffff13; background:#090909; min-height:calc(100svh - var(--about-header)); }
.about-film-intro { max-width:590px; justify-self:end; }
.about-film h2 { font-size:clamp(36px,4.7vw,70px); font-weight:550; letter-spacing:-.05em; line-height:1.28; margin-top:35px!important; }
.about-film h2 > span { display:block; }
.about-film-intro > p:not(.about-eyebrow) { color:#a4a4a4; font-size:15px; margin:26px 0 0; max-width:390px; }
.about-film-meta { display:flex; gap:40px; color:#808080; border-top:1px solid #2c2c2c; padding-top:24px; margin-top:55px; }
.about-film-launch { display:flex; align-items:center; gap:20px; background:none; border:0; padding:0; margin-top:28px; font-size:11px!important; letter-spacing:.1em; }
.about-play-icon { width:48px; height:48px; border:1px solid #555; display:grid; place-items:center; border-radius:50%; padding-left:3px; font-size:12px; transition:background .2s,color .2s; }
.about-film-launch:hover .about-play-icon { background:#fff; color:#111; }
.about-film-player { position:relative; width:100%; max-width:800px; justify-self:center; background:#101010; border:1px solid #303030; }
.about-film-player video { display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:contain; background:#050505; }
.about-film-overlay { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:linear-gradient(transparent 60%,#000a); pointer-events:none; }
.about-film-overlay > button { background:#0004; border:1px solid #ddd7; backdrop-filter:blur(6px); width:78px; height:78px; border-radius:50%; display:grid; place-items:center; pointer-events:auto; transition:background .2s,transform .2s; }
.about-film-overlay button svg { width:26px; height:26px; }
.about-film-overlay > button:hover { background:#fff; color:#111; transform:scale(1.05); }
.about-film-overlay > span { position:absolute; bottom:70px; color:#ddd; letter-spacing:.19em; }
.about-film-error { padding:20px; font-size:14px; color:#ccc; }
.about-film-direct { position:absolute; left:calc(50% + 2.5vw); right:var(--about-gutter); width:max-content; margin-inline:auto; bottom:30px; font-size:10px; letter-spacing:.1em; color:#aaa!important; border-bottom:1px solid #555; padding-bottom:4px; }

.about-contact { min-height:850px; min-height:max(850px,100svh); padding:140px var(--about-gutter) 70px; overflow:hidden; isolation:isolate; }
.about-contact h2 { margin:65px 0 35px; font-size:clamp(46px,7.9vw,124px); letter-spacing:-.06em; line-height:1.25; font-weight:600; }
.about-contact h2 > span { display:block; }
.about-contact h2 .about-outline { color:transparent; -webkit-text-stroke:1px #bcbcbc; }
.about-contact-lead { color:#9c9c9c; font-size:15px; max-width:540px; }
.about-email-row { display:flex; flex-wrap:wrap; align-items:center; gap:32px; margin-top:50px; }
.about-email { display:inline-flex; align-items:center; gap:45px; font-size:clamp(21px,3vw,44px); letter-spacing:-.025em; line-height:1.6; border-bottom:1px solid #626262; }
.about-email span { font-size:.8em; transition:transform .2s; }
.about-email:hover span { transform:translate(3px,-3px); }
#about-copy-email { font:10px/1.5 monospace; letter-spacing:.1em; background:none; border:1px solid #424242; padding:12px 15px; color:#aaa; min-height:44px; }
#about-copy-email:hover { border-color:#ddd; color:#fff; }
.about-copy-status { min-height:30px; padding-top:12px; color:#aaa; font-size:12px; }
.about-contact-sign { display:flex; justify-content:space-between; gap:20px; border-top:1px solid #282828; margin-top:100px; padding-top:28px; }
.about-contact-sign > span:first-child { font-size:13px; font-weight:600; letter-spacing:.015em; }
.about-contact-sign > span:last-child { color:#939393; font-size:11px; }
.about-contact-orbit { position:absolute; width:700px; height:700px; right:-300px; top:20px; z-index:-1; opacity:.18; transform:rotate(-35deg); }
.about-contact-orbit > span { position:absolute; inset:0; border:1px solid #777; border-radius:50%; }
.about-contact-orbit > span:nth-child(2) { inset:90px; }
.about-contact-orbit > span:nth-child(3) { inset:180px; }
.about-cinematic footer.wrap { margin-top:0; padding-top:25px; padding-bottom:100px; border-top:1px solid #282828; }
.about-cinematic .footer-meta { color:#888; }
.about-utilities { position:fixed; right:22px; bottom:20px; display:flex; align-items:center; gap:12px; z-index:65; }
#about-motion-toggle { display:inline-flex; align-items:center; gap:8px; border:1px solid #383838; border-radius:24px; padding:8px 13px; min-height:36px; background:#080808df; color:#c4c4c4; font-size:10px; letter-spacing:.03em; backdrop-filter:blur(8px); }
.about-motion-dot { width:5px; height:5px; border-radius:50%; background:#eee; box-shadow:0 0 6px #ffffff70; }
.about-paused .about-motion-dot { background:#777; box-shadow:none; }
.about-cinematic .about-utilities #floating-top { position:static!important; display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid #383838; border-radius:50%; background:#080808df; color:#eee; }
.about-paused *, .about-paused *::after, .about-paused *::before { animation-play-state:paused!important; }
.about-paused .about-enter { animation:none; opacity:1; transform:none; }

/* Shared search UI on a page that does not use the legacy journal stylesheet. */
.about-cinematic #search-dialog { color:var(--ink); background:#101010; border:1px solid #3b3b3b; padding:28px; width:min(780px,calc(100% - 32px)); max-height:calc(100dvh - 40px); overflow:auto; }
.about-cinematic #search-dialog::backdrop { background:#000a; backdrop-filter:blur(8px); }
.about-cinematic .search-dialog-top { display:flex; align-items:center; justify-content:space-between; }
.about-cinematic .search-dialog-top .icon-button { background:none; color:#ddd; border:0; width:44px; height:44px; font-size:25px; }
.about-cinematic #search-label { display:block; font-size:14px; margin:15px 0 10px; }
.about-cinematic .search-controls { display:flex; flex-wrap:wrap; gap:10px; }
.about-cinematic .search-controls input { flex:1; min-width:0; min-height:44px; background:#050505; color:#eee; border:1px solid #444; border-radius:0; padding:8px 12px; font-size:14px; }
.about-cinematic .search-controls button { border:1px solid #444; background:#161616; padding:8px 15px; color:#eee; font-size:13px; }
.about-cinematic #search-results { margin-top:22px; }
.about-cinematic #search-results h2 { font-size:24px; }
.about-cinematic #search-filters { display:flex; flex-wrap:wrap; gap:8px; margin:15px 0; }
.about-cinematic .search-filter { color:#bbb; background:none; border:1px solid #444; padding:6px 12px; font-size:12px; }
.about-cinematic .search-filter.is-active { background:#eee; color:#111; }
.about-cinematic #search-status { font-size:12px; color:#999; margin-bottom:15px; }
.about-cinematic .search-result { border-top:1px solid #333; padding:18px 0; }
.about-cinematic .search-tag { font-size:11px; color:#999; }
.about-cinematic .search-result-title { display:block; font-size:19px; margin:6px 0; }
.about-cinematic .search-result > p { font-size:13px; color:#aaa; }

@media(min-width:1500px) {
  .about-hero-copy { padding-left:35px; }
  .about-hero-inner { grid-template-columns:1fr 1fr; }
}
@media(max-width:1100px) {
  .about-cinematic { --about-gutter:40px; }
  .about-cinematic .site-header .desktop-nav { display:none!important; }
  .about-cinematic .site-header .nav-menu-toggle { display:inline-grid!important; }
  .about-cinematic .site-header .header-controls { margin-left:auto!important; }
  .about-cinematic .about-hero { min-height:620px; }
  .about-cinematic .about-name { font-size:8vw; }
  .about-section-heading,.about-journey-grid { grid-template-columns:.8fr 1fr; gap:20px; }
  .about-journey-pin { padding-top:45px; }
  .about-stage-copy { min-height:170px; }
  .about-stage-copy h3 { font-size:25px; }
  .about-method-grid { gap:5vw; }
  .about-step-tags { gap:8px 13px; }
  .about-contact { min-height:800px; }
}
@media(min-width:761px) and (max-height:850px) {
  .about-journey-pin { padding-top:35px; padding-bottom:30px; }
  .about-section-heading h2 { font-size:clamp(28px,3vw,40px); }
  .about-journey-grid { margin-top:20px; }
  .about-stage-count > span:first-child { font-size:96px; }
  .about-stage-copy { margin-top:12px; min-height:125px; }
  .about-stage-copy h3 { font-size:23px; margin:7px 0 10px!important; }
  .about-stage-copy > p:last-child { font-size:13px; line-height:1.8; }
  .about-stage-navigation { margin-top:10px; }
  .about-journey-note { font-size:11px; line-height:1.75; padding-top:12px; }
  .about-system-map { max-height:54svh; min-height:300px; }
}
@media(max-width:760px) {
  .about-cinematic { --about-gutter:24px; --about-header:64px; }
  .about-cinematic .site-header .wrap.header-inner { width:calc(100% - 32px)!important; margin-inline:auto!important; min-height:64px; padding-block:8px!important; }
  .about-cinematic .site-header .header-controls { gap:0!important; }
  .about-cinematic .site-header .brand-mark { width:22px!important; height:22px!important; }
  .about-cinematic .site-header .wordmark { font-size:13px!important; letter-spacing:0!important; }
  .about-cinematic .site-header .translation-icon { display:none!important; }
  .about-cinematic .site-header .language-control { gap:0; }
  .about-cinematic .site-header .header-controls .icon-button { width:34px!important; height:40px!important; }
  .about-cinematic .site-header .language-select { min-width:47px; max-width:58px; padding-inline:2px; font-size:11px; }
  .about-cinematic .about-hero { height:calc(100svh - 64px); min-height:640px; max-height:none; }
  .about-portrait { width:100%; height:74%; inset:0 0 auto; }
  .about-portrait img { object-fit:contain; object-position:50% 0; }
  .about-portrait::after { background:linear-gradient(0deg,#050505 0%,#05050515 47%,transparent 85%),linear-gradient(90deg,#05050570,transparent 35%,transparent 65%,#05050570); }
  .about-hero-inner { display:flex; align-items:flex-end; padding:0 var(--about-gutter) 78px; }
  .about-hero-copy { padding:0; width:100%; position:relative; }
  .about-hero-copy > .about-eyebrow { font-size:9px; margin-bottom:19px; }
  .about-cinematic .about-name { font-size:clamp(61px,15vw,108px); letter-spacing:-.06em; }
  .about-position { margin-top:18px!important; font-size:9px; }
  .about-cinematic .about-role { font-size:25px; min-height:1.8em; margin-top:21px; }
  .about-hero-description { font-size:12px; line-height:1.8; max-width:325px; margin-top:8px!important; }
  .about-hero-contact { font-size:9px; margin-top:20px; padding-bottom:4px; }
  .about-hero-bottom { bottom:23px; justify-content:flex-start; }
  .about-hero-bottom .about-mono { display:none; }
  .about-hero-sign { display:none; }
  .about-scroll { font-size:9px; gap:12px; }
  .about-motion-ready .about-journey { height:auto; }
  .about-motion-ready .about-journey-pin { position:relative; top:auto; }
  .about-journey-pin { padding:65px var(--about-gutter) 40px; min-height:0; }
  .about-section-heading { display:block; }
  .about-section-heading > .about-eyebrow { padding:0; margin-bottom:28px; }
  .about-section-heading h2 { font-size:32px; }
  .about-journey-grid { grid-template-columns:1fr; gap:28px; margin-top:36px; }
  .about-journey-copy { display:grid; grid-template-columns:74px 1fr; gap:14px; align-items:start; }
  .about-stage-count { display:block; padding-top:4px; }
  .about-stage-count > span:first-child { font-size:64px; display:block; }
  .about-stage-count > span:last-child { font-size:10px; }
  .about-stage-copy { margin-top:0; min-height:170px; }
  .about-stage-tag { font-size:8px; }
  .about-stage-copy h3 { font-size:22px; }
  .about-stage-copy > p:last-child { font-size:13px; }
  .about-stage-navigation,.about-journey-note { grid-column:1 / -1; width:100%; max-width:none; }
  .about-stage-navigation { margin-top:0; }
  .about-stage-navigation button { min-height:57px; }
  .about-stage-navigation button > span:last-child { font-size:9px; }
  .about-journey-note { font-size:12px; }
  .about-system-map { min-height:0; max-height:none; }
  .about-map-grid { background-size:15px 15px; }
  .about-method-grid { display:block; }
  .about-method-visual { top:64px; height:245px; min-height:0; padding:0; z-index:2; display:grid; grid-template-columns:42% 1fr; align-items:center; background:linear-gradient(#050505 89%,#05050500); }
  .about-particle-wrap { height:210px; min-height:0; }
  .about-particle-index { font-size:8px; bottom:19px; left:3px; }
  .about-method-caption { padding:0 0 12px 16px; }
  .about-method-caption .about-eyebrow { font-size:8px; letter-spacing:.06em; }
  .about-method-caption h2 { font-size:21px; margin-top:13px!important; }
  .about-method-terminal { font-size:9px; line-height:1.65; margin-top:12px!important; min-height:34px; }
  .about-method-steps { padding:10px 0 30px; }
  .about-method-step { min-height:460px; padding:60px 0 65px; justify-content:flex-start; border-bottom:1px solid #252525; opacity:.7; scroll-margin-top:310px; }
  .about-cinematic .about-method-step h3 { font-size:58px; margin:18px 0 25px; }
  html[lang="en"] .about-cinematic .about-method-step h3 { font-size:clamp(44px,13.5vw,58px); }
  .about-method-step .about-step-thesis { font-size:19px; }
  .about-method-step > p:not(.about-step-thesis) { font-size:14px; }
  .about-step-number { font-size:10px; }
  .about-step-number > span { font-size:9px; }
  .about-step-tags { gap:8px 16px; margin-top:21px; }
  .about-step-tags span { font-size:9px; }
  .about-film { grid-template-columns:1fr; gap:35px; padding:70px var(--about-gutter) 85px; }
  .about-film-intro { justify-self:start; }
  .about-film h2 { font-size:40px; margin-top:28px!important; }
  .about-film-intro > p:not(.about-eyebrow) { font-size:13px; margin-top:18px; }
  .about-film-meta { margin-top:28px; padding-top:18px; justify-content:space-between; }
  .about-film-launch { margin-top:18px; }
  .about-film-player { width:100%; max-width:800px; }
  .about-film-direct { left:var(--about-gutter); right:auto; margin:0; bottom:32px; }
  .about-contact { padding:90px var(--about-gutter) 35px; min-height:720px; }
  .about-contact h2 { font-size:clamp(36px,8.3vw,58px); line-height:1.4; margin:54px 0 28px; }
  .about-contact-lead { font-size:13px; line-height:1.85; }
  .about-email-row { margin-top:33px; gap:20px; }
  .about-email { font-size:clamp(21px,5.5vw,32px); gap:20px; }
  #about-copy-email { font-size:9px; }
  .about-contact-sign { flex-direction:column; gap:12px; margin-top:55px; }
  .about-contact-sign > span:last-child { font-size:10px; }
  .about-contact-orbit { width:480px; height:480px; right:-340px; top:30px; }
  .about-utilities { right:16px; bottom:max(14px,env(safe-area-inset-bottom)); gap:8px; }
  #about-motion-toggle { min-height:34px; font-size:9px; padding:6px 11px; }
  .about-cinematic footer.wrap { padding-bottom:95px; }
  .about-cinematic #search-dialog { padding:20px; }
  .about-cinematic .search-controls input { flex-basis:100%; }
}
@media(max-width:360px) {
  .about-cinematic { --about-gutter:20px; }
  .about-cinematic .site-header .brand-home { gap:5px!important; }
  .about-cinematic .site-header .brand-mark { width:18px!important; height:18px!important; }
  .about-cinematic .site-header .wordmark { font-size:11px!important; }
  .about-cinematic .about-name { font-size:15.7vw; }
  .about-method-caption h2 { font-size:18px; }
  .about-contact h2 { font-size:31px; }
}
@media(prefers-reduced-motion:reduce) {
  html.about-document { scroll-behavior:auto; }
  .about-cinematic *, .about-cinematic *::before, .about-cinematic *::after { animation:none!important; transition:none!important; }
  .about-motion-ready .about-journey { height:auto; }
  .about-motion-ready .about-journey-pin { position:relative; top:auto; }
  .about-method-step { opacity:1; }
}
@media print {
  .about-cinematic .site-header,.about-cinematic footer,.about-utilities,.about-portrait,.about-film-player { display:none!important; }
  .about-cinematic { background:#fff; color:#111; }
  .about-motion-ready .about-journey { height:auto; }
  .about-hero,.about-contact { min-height:0!important; height:auto!important; }
  .about-hero-inner { display:block; padding:30px; }
  .about-journey-pin,.about-method-visual { position:static!important; height:auto!important; }
  .about-method-step { min-height:0; padding:25px 0; opacity:1; break-inside:avoid; }
}