/* Homepage only: four editorial scenes instead of a reusable-card grid. */
.page-hero~.section .filter-bar{display:flex;flex-wrap:wrap;gap:9px;padding:26px 0 24px;border-bottom:1px solid rgba(168,232,222,.17)}.page-hero~.section .filter-bar button{min-height:34px;padding:0 13px;border-width:1px!important;border-radius:0;font:500 9px/1 'DM Mono',monospace!important;letter-spacing:.08em;transition:background .2s,color .2s,border-color .2s}.page-hero~.section .result-line{margin:25px 0!important;font:500 10px/1.2 'DM Mono',monospace;letter-spacing:.1em}
body:has(.cine-home){background:#06090b;color:#ebe7dc}body:has(.cine-home) .signal-header{background:linear-gradient(180deg,rgba(4,7,9,.88),rgba(4,7,9,0));border-bottom-color:transparent;color:#ece8de}body:has(.cine-home) .signal-header.is-scrolled{background:rgba(4,7,9,.92);border-bottom-color:rgba(225,229,220,.13)}body:has(.cine-home) .signal-brand{color:#f4f0e7}body:has(.cine-home) .site-nav a,body:has(.cine-home) .menu-button{color:#dadbd5}body:has(.cine-home) .site-nav a:hover,body:has(.cine-home) .site-nav a.is-current{color:#9fe6e1}body:has(.cine-home) .signal-footer{margin-top:0;background:#050708;border-top-color:rgba(232,230,220,.12)}
.cine-home{overflow:clip;background:#06090b;color:#eceae3}.cine-home .shell{width:min(100% - 64px,1440px)}.cine-hero{min-height:100svh;position:relative;isolation:isolate;display:grid;align-items:end;padding:150px 0 62px;background:#06090b;overflow:hidden}.cine-hero-media,.cine-hero-media::after{position:absolute;inset:0;z-index:-3}.cine-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.04) brightness(.73);transform:scale(1.035)}.cine-hero-media::after{content:'';background:linear-gradient(90deg,rgba(4,7,9,.96) 0%,rgba(4,7,9,.83) 26%,rgba(4,7,9,.24) 62%,rgba(4,7,9,.08) 100%),linear-gradient(0deg,rgba(3,6,8,.92),transparent 38%)}.cine-hero-grain{position:absolute;inset:0;opacity:.24;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.42) .55px,transparent .7px);background-size:4px 4px;mix-blend-mode:soft-light}.cine-hero-beam{position:absolute;width:54vw;height:2px;top:54%;right:-10%;z-index:-1;transform:rotate(-5deg);background:#8af9f0;box-shadow:0 0 17px 5px rgba(56,234,226,.48),0 0 70px 14px rgba(56,234,226,.16);opacity:.48;animation:cineBeam 7s ease-in-out infinite}@keyframes cineBeam{50%{opacity:.82;filter:hue-rotate(16deg);transform:rotate(-5deg) translateX(-5vw)}}.cine-hero-layout{display:grid;grid-template-columns:1fr auto;align-items:end;gap:48px}.cine-hero-copy{max-width:875px}.cine-eyebrow{display:flex;align-items:center;gap:11px;font:500 10px/1.3 'DM Mono',monospace;letter-spacing:.16em;color:#aeb9b6;margin:0}.cine-eyebrow span{width:28px;height:1px;background:#80ded6;display:inline-block}.cine-hero h1{margin:25px 0 27px;max-width:850px;font:600 clamp(50px,6.55vw,108px)/.93 'Be Vietnam Pro',sans-serif;letter-spacing:-.075em;color:#f3f0e8}.cine-home h1 em,.cine-home h2 em{font-family:'Literata',Georgia,serif;font-weight:500;letter-spacing:-.09em}.cine-lede{max-width:530px;margin:0;color:#c6cbc6;font-size:16px;line-height:1.72}.cine-actions{display:flex;flex-wrap:wrap;gap:24px;margin-top:36px}.cine-actions a,.cine-closing a{color:#f2f0e8;display:inline-flex;gap:18px;align-items:center;padding-bottom:9px;border-bottom:1px solid rgba(232,235,229,.46);font:600 10px/1 'DM Mono',monospace;letter-spacing:.11em;transition:color .25s,border-color .25s,gap .25s}.cine-actions a:first-child,.cine-closing a{color:#9af3eb;border-color:#84e8dd}.cine-actions a:hover,.cine-closing a:hover{color:#9af3eb;gap:26px;border-color:#9af3eb}.cine-actions i,.cine-closing i{font-style:normal;font-size:16px}.cine-hero-meta{margin:0 0 4px;text-align:right;color:rgba(228,232,226,.68);font:10px/1.65 'DM Mono',monospace;letter-spacing:.13em}.cine-hero-meta span{color:#91e8e0}.cine-scroll-mark{position:absolute;bottom:27px;left:max(32px,calc((100vw - 1440px)/2 + 32px));display:flex;align-items:center;gap:10px;color:#d4dad4;font:9px/1 'DM Mono',monospace;letter-spacing:.15em}.cine-scroll-mark span{display:block;width:32px;height:1px;position:relative;background:#a8ebe5;overflow:hidden}.cine-scroll-mark span::after{content:'';position:absolute;inset:0;background:#fff;animation:cineScan 2s ease-in-out infinite}@keyframes cineScan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.cine-thesis{background:#e9e4d9;color:#101619;padding:clamp(105px,14vw,220px) 0;position:relative}.cine-thesis::after{content:'TRAINING AI';position:absolute;right:-1.8vw;bottom:-4.5vw;font:700 16vw/.8 'Be Vietnam Pro',sans-serif;letter-spacing:-.1em;color:rgba(17,25,27,.055);white-space:nowrap;pointer-events:none}.cine-thesis-grid{display:grid;position:relative;z-index:1;grid-template-columns:.43fr 1fr;column-gap:8vw;row-gap:34px}.cine-thesis .cine-eyebrow{color:#55605f}.cine-thesis .cine-eyebrow span{background:#0d6f70}.cine-thesis h2{grid-column:2;max-width:850px;margin:0;font:600 clamp(37px,5vw,78px)/.99 'Be Vietnam Pro',sans-serif;letter-spacing:-.07em}.cine-thesis h2 em{color:#0d7272}.cine-thesis-grid>p:last-child{grid-column:2;max-width:425px;margin:3px 0 0;color:#465150;font-size:15px;line-height:1.72}
.cine-chapters{background:#070b0d}.cine-chapter{min-height:min(850px,92svh);position:relative;display:grid;align-items:center;overflow:hidden;color:#f1eee7;isolation:isolate}.cine-chapter-image{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#0b0d0e}.cine-chapter-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);filter:saturate(.82) contrast(1.07) brightness(.69);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .8s}.cine-chapter:hover .cine-chapter-image img{transform:scale(1.02);filter:saturate(1) contrast(1.03) brightness(.83)}.cine-chapter-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,8,10,.92) 0%,rgba(4,8,10,.74) 36%,rgba(4,8,10,.11) 75%),linear-gradient(0deg,rgba(3,5,6,.66),transparent 52%)}.cine-chapter-layout{display:grid;grid-template-columns:1fr minmax(400px,1.45fr) 1fr;align-items:center;gap:24px}.cine-chapter-index{align-self:start;margin-top:10px;display:flex;align-items:center;gap:10px;color:#9ee5df;font:10px/1 'DM Mono',monospace;letter-spacing:.16em}.cine-chapter-index i{height:1px;width:35px;background:currentColor;opacity:.7}.cine-chapter-copy{max-width:560px}.cine-chapter-copy>p:first-child{margin:0 0 15px;color:#9ce2dc;font:10px/1 'DM Mono',monospace;letter-spacing:.16em}.cine-chapter-copy h2{font:600 clamp(62px,8.4vw,134px)/.77 'Be Vietnam Pro',sans-serif;letter-spacing:-.095em;margin:0}.cine-chapter-description{max-width:380px;margin:31px 0 27px;color:#d7ddd7;font-size:15px;line-height:1.7}.cine-chapter-link{display:inline-flex;align-items:center;gap:17px;padding-bottom:10px;color:#fff;border-bottom:1px solid rgba(231,235,229,.68);font:500 10px/1 'DM Mono',monospace;letter-spacing:.13em;transition:gap .25s,color .25s}.cine-chapter:hover .cine-chapter-link{gap:25px;color:#96eee7}.cine-chapter-link i{font-style:normal;font-size:15px}.cine-chapter-note{align-self:end;justify-self:end;margin:0 0 5px;color:rgba(232,237,230,.65);font:10px/1.65 'DM Mono',monospace;letter-spacing:.11em;text-align:right}.cine-chapter--guides .cine-chapter-shade{background:linear-gradient(90deg,rgba(4,8,10,.19) 0%,rgba(4,8,10,.34) 36%,rgba(4,8,10,.93) 79%),linear-gradient(0deg,rgba(3,5,6,.7),transparent 55%)}.cine-chapter--guides .cine-chapter-copy{grid-column:2;justify-self:end}.cine-chapter--guides .cine-chapter-index{grid-column:3;grid-row:1}.cine-chapter--guides .cine-chapter-note{grid-column:1;grid-row:1;justify-self:start;text-align:left}.cine-chapter--build .cine-chapter-shade{background:linear-gradient(90deg,rgba(3,7,9,.14) 0%,rgba(3,7,9,.39) 31%,rgba(3,7,9,.94) 83%),linear-gradient(0deg,rgba(3,5,6,.68),transparent 54%)}.cine-chapter--build .cine-chapter-copy{grid-column:2;justify-self:end}.cine-chapter--build .cine-chapter-index{grid-column:3;grid-row:1}.cine-chapter--build .cine-chapter-note{grid-column:1;grid-row:1;justify-self:start;text-align:left}
.cine-closing{min-height:70svh;display:grid;align-items:center;padding:105px 0;background:radial-gradient(circle at 78% 20%,rgba(15,92,91,.34),transparent 29%),#080b0d}.cine-closing-grid{display:grid;grid-template-columns:.55fr 1.15fr .7fr;gap:28px;align-items:end}.cine-closing h2{margin:0;font:600 clamp(42px,5.4vw,84px)/.95 'Be Vietnam Pro',sans-serif;letter-spacing:-.08em}.cine-closing h2 em{color:#a9eee7}.cine-closing-grid>div p{color:#bcc6c0;font-size:15px;line-height:1.7;margin:0 0 31px}.cine-closing-grid>div{padding-bottom:7px}
.cine-hero h1>span,.cine-hero h1>em{display:block}.cine-hero h1>em{white-space:nowrap}.cine-hero h1,.cine-thesis h2,.cine-chapter-copy h2,.cine-closing h2{text-wrap:balance}.cine-hero-media,.cine-hero-copy,.cine-chapter-image img,.cine-chapter-copy{will-change:transform,opacity}
@media(max-width:800px){body:has(.cine-home) .signal-header{background:rgba(4,7,9,.92);border-bottom-color:rgba(225,229,220,.11)}.cine-home .shell{width:min(100% - 40px,1440px)}.cine-hero{padding:140px 0 86px;min-height:780px}.cine-hero-media img{object-position:63% center}.cine-hero-media::after{background:linear-gradient(90deg,rgba(3,6,8,.92),rgba(3,6,8,.63) 60%,rgba(3,6,8,.18)),linear-gradient(0deg,rgba(3,6,8,.92),transparent 44%)}.cine-hero-layout{display:block}.cine-hero h1{font-size:clamp(46px,13vw,74px);margin:23px 0 24px}.cine-hero h1>em{white-space:normal}.cine-lede{font-size:14px;max-width:410px}.cine-hero-meta{display:none}.cine-actions{gap:17px;margin-top:30px}.cine-scroll-mark{left:20px}.cine-thesis{padding:86px 0 96px}.cine-thesis-grid,.cine-closing-grid{display:block}.cine-thesis h2{margin-top:29px;font-size:clamp(37px,10vw,54px)}.cine-thesis-grid>p:last-child{margin-top:28px}.cine-chapter{min-height:720px}.cine-chapter-image img{object-position:58% center}.cine-chapter-layout{min-height:720px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.cine-chapter-index{position:absolute;top:70px;left:0;margin:0}.cine-chapter-copy{max-width:92%}.cine-chapter-copy h2{font-size:clamp(66px,20vw,104px)}.cine-chapter-description{margin:27px 0 24px;font-size:14px}.cine-chapter-note{display:none}.cine-chapter--guides .cine-chapter-shade,.cine-chapter--build .cine-chapter-shade{background:linear-gradient(90deg,rgba(4,8,10,.88),rgba(4,8,10,.55) 69%,rgba(4,8,10,.22)),linear-gradient(0deg,rgba(3,5,6,.7),transparent 56%)}.cine-chapter--guides .cine-chapter-copy,.cine-chapter--build .cine-chapter-copy{grid-column:auto;justify-self:auto}.cine-chapter--guides .cine-chapter-index,.cine-chapter--build .cine-chapter-index{grid-column:auto;grid-row:auto}.cine-closing{min-height:570px;padding:95px 0}.cine-closing h2{font-size:clamp(41px,11vw,62px);margin:30px 0}.cine-closing-grid>div{max-width:360px}}@media(prefers-reduced-motion:reduce){.cine-hero-beam,.cine-scroll-mark span::after{animation:none}.cine-chapter-image img{transition:none}}

/* The four collection pages share the same cinematic language, but each owns a distinct room and image. */
body:has(.collection-cinematic){background:#070a0c;color:#ece9e1}body:has(.collection-cinematic) .signal-header{background:linear-gradient(180deg,rgba(4,7,9,.9),rgba(4,7,9,0));border-bottom-color:transparent;color:#eeeae1}body:has(.collection-cinematic) .signal-header.is-scrolled{background:rgba(4,7,9,.94);border-bottom-color:rgba(232,234,225,.14)}body:has(.collection-cinematic) .signal-brand{color:#f6f1e7}body:has(.collection-cinematic) .site-nav a,body:has(.collection-cinematic) .menu-button{color:#d6dbd6}body:has(.collection-cinematic) .signal-footer{margin-top:0;background:#050708;border-top-color:rgba(232,230,220,.12)}.collection-cinematic{background:#070a0c;color:#ece9e1;overflow:clip}.collection-cinematic .shell{width:min(100% - 64px,1440px)}.collection-signal{min-height:88svh;position:relative;display:grid;align-items:end;padding:145px 0 70px;isolation:isolate;overflow:hidden;background:#080b0d}.collection-cine-media{position:absolute;inset:0;z-index:-2}.collection-cine-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.08) brightness(.67);transform:scale(1.06);will-change:transform}.collection-cine-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,7,9,.94),rgba(4,7,9,.7) 44%,rgba(4,7,9,.16) 85%),linear-gradient(0deg,rgba(3,5,7,.88),transparent 49%)}.collection-cine-grain{position:absolute;inset:0;z-index:-1;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.5) .5px,transparent .7px);background-size:4px 4px;mix-blend-mode:soft-light}.collection-signal-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:end}.collection-copy{max-width:790px}.collection-copy .signal-kicker,.collection-cinematic .signal-kicker{font:500 10px/1.3 'DM Mono',monospace;letter-spacing:.15em;color:#a6e3dd}.collection-copy h1{margin:22px 0 25px;max-width:760px;text-wrap:balance;font:600 clamp(43px,6.1vw,92px)/.98 'Be Vietnam Pro',sans-serif!important;letter-spacing:-.07em!important;color:#f2efe8}.collection-copy .signal-lede{max-width:570px;color:#cbd0ca;font-size:16px;line-height:1.72}.collection-purpose{max-width:610px;margin:30px 0 0;padding-top:18px;border-top:1px solid rgba(227,233,226,.27);color:#b5bdb7;font-size:13px;line-height:1.65}.collection-purpose b{color:#8ee6df;font:500 10px/1.3 'DM Mono',monospace;letter-spacing:.12em;margin-right:8px}.collection-cue{max-width:185px;margin:0 0 4px;text-align:right;color:#aebbb6;font:10px/1.65 'DM Mono',monospace;letter-spacing:.11em}.collection-cue span{display:block;margin-bottom:8px;color:#91e7df}.collection-cinematic--guide .collection-cine-shade,.collection-cinematic--build .collection-cine-shade{background:linear-gradient(90deg,rgba(4,7,9,.25),rgba(4,7,9,.35) 35%,rgba(4,7,9,.93) 84%),linear-gradient(0deg,rgba(3,5,7,.88),transparent 49%)}.collection-cinematic--guide .collection-copy,.collection-cinematic--build .collection-copy{grid-column:2;justify-self:end}.collection-cinematic--guide .collection-cue,.collection-cinematic--build .collection-cue{grid-column:1;grid-row:1;justify-self:start;text-align:left}.collection-stream{padding:clamp(90px,11vw,170px) 0;background:#e9e4da;color:#111719}.stream-head{display:grid!important;grid-template-columns:.42fr 1fr;column-gap:8vw;row-gap:27px;max-width:none!important;margin:0 0 70px!important}.stream-head .signal-kicker{color:#52615f}.stream-head h2{grid-column:2;margin:0!important;max-width:750px;text-wrap:balance;font:600 clamp(38px,5vw,74px)/1 'Be Vietnam Pro',sans-serif!important;letter-spacing:-.07em!important}.stream-head h2 em{font-family:'Literata',Georgia,serif;font-weight:500;color:#0a7472}.stream-head>p:last-child{grid-column:2;max-width:470px;margin:0;color:#4e5a59;font-size:15px!important;line-height:1.7!important}.stream-list{border-top:1px solid rgba(19,31,31,.2)}.stream-card{display:grid!important;grid-template-columns:85px minmax(230px,1.35fr) minmax(220px,1fr) auto;align-items:center;gap:28px;min-height:180px;padding:30px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(19,31,31,.2)!important;box-shadow:none!important;border-radius:0!important;transition:padding .35s,background .35s!important}.stream-card:hover{padding-left:20px!important;padding-right:20px!important;background:rgba(11,106,104,.055)!important}.stream-card>span{color:#0b7472;font:500 11px/1 'DM Mono',monospace!important}.stream-card div>p{margin:0 0 10px;color:#566260;font:10px/1.35 'DM Mono',monospace;letter-spacing:.09em}.stream-card h2{margin:0!important;font:600 clamp(24px,2.25vw,37px)/1.09 'Be Vietnam Pro',sans-serif!important;letter-spacing:-.045em!important}.stream-card h2 a{color:#111719!important}.stream-card>p{margin:0!important;color:#52605e;font-size:14px!important;line-height:1.65!important}.stream-card footer{display:grid!important;justify-items:end;gap:18px}.stream-card footer b{color:#596560;font:500 9px/1.4 'DM Mono',monospace;letter-spacing:.1em}.stream-card footer a{color:#0b6969!important;font:500 10px/1 'DM Mono',monospace;letter-spacing:.1em;white-space:nowrap}.collection-notes{padding:clamp(90px,12vw,175px) 0;background:#080c0e;color:#e9e7df}.note-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:0!important;border-top:1px solid rgba(230,234,225,.22)}.note-grid>div{padding:50px 7vw 12px 0}.note-grid>div+div{padding-left:7vw;padding-right:0;border-left:1px solid rgba(230,234,225,.22)}.note-grid .signal-kicker{color:#9de4de}.note-grid h2{max-width:470px;margin:20px 0 19px!important;text-wrap:balance;font:600 clamp(29px,3.2vw,50px)/1.04 'Be Vietnam Pro',sans-serif!important;letter-spacing:-.06em!important}.note-grid>div>p:last-child{max-width:480px;color:#bac4bd;font-size:15px!important;line-height:1.72!important}
@media(max-width:800px){body:has(.collection-cinematic) .signal-header{background:rgba(4,7,9,.93);border-bottom-color:rgba(232,234,225,.14)}.collection-cinematic .shell{width:min(100% - 40px,1440px)}.collection-signal{min-height:720px;padding:130px 0 78px}.collection-signal-grid{display:block}.collection-copy{max-width:600px}.collection-copy h1{font-size:clamp(40px,11vw,62px)!important;margin:20px 0}.collection-copy .signal-lede{font-size:14px}.collection-purpose{font-size:12px}.collection-cue{display:none}.collection-cinematic--guide .collection-cine-shade,.collection-cinematic--build .collection-cine-shade{background:linear-gradient(90deg,rgba(4,7,9,.84),rgba(4,7,9,.56) 68%,rgba(4,7,9,.18)),linear-gradient(0deg,rgba(3,5,7,.88),transparent 49%)}.collection-cinematic--guide .collection-copy,.collection-cinematic--build .collection-copy{grid-column:auto;justify-self:auto}.stream-head{display:block!important;margin-bottom:48px!important}.stream-head h2{font-size:clamp(35px,10vw,52px)!important;margin:25px 0 22px!important}.stream-card{grid-template-columns:42px 1fr!important;gap:16px;min-height:0;padding:30px 0!important}.stream-card>p{grid-column:2}.stream-card footer{grid-column:2;display:flex!important;justify-content:space-between;align-items:center;width:100%;margin-top:3px}.note-grid{display:block!important}.note-grid>div,.note-grid>div+div{padding:40px 0;border-left:0}.note-grid>div+div{border-top:1px solid rgba(230,234,225,.22)}.note-grid h2{font-size:clamp(28px,8vw,42px)!important}}

/* Detail pages retain their evidence diagrams, but get the same calm type scale and dark studio frame. */
body:has(.story-cinematic){background:#070a0c;color:#ebe9e2}body:has(.story-cinematic) .signal-header{background:linear-gradient(180deg,rgba(4,7,9,.9),rgba(4,7,9,0));border-bottom-color:transparent;color:#eceae2}body:has(.story-cinematic) .signal-header.is-scrolled{background:rgba(4,7,9,.94);border-bottom-color:rgba(232,234,225,.14)}body:has(.story-cinematic) .signal-brand{color:#f5f0e7}body:has(.story-cinematic) .site-nav a,body:has(.story-cinematic) .menu-button{color:#d4dcd6}body:has(.story-cinematic) .signal-footer{margin-top:0;background:#050708;border-top-color:rgba(232,230,220,.12)}.story-cinematic{background:#080b0d;color:#e9e7df;overflow:clip}.story-cinematic .shell{width:min(100% - 64px,1320px)}.story-cinematic .story-hero{min-height:80svh;padding:150px 0 84px;background:radial-gradient(circle at 77% 35%,rgba(19,104,102,.28),transparent 29%),#080c0e}.story-cinematic .story-hero-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:8vw;align-items:center}.story-cinematic .story-hero-copy h1{max-width:760px;margin:22px 0 26px;text-wrap:balance;font:600 clamp(42px,5.4vw,84px)/1 'Be Vietnam Pro',sans-serif!important;letter-spacing:-.07em!important;color:#f2eee6}.story-cinematic .story-hero-copy .signal-lede{max-width:610px;color:#c3cbc5;font-size:16px;line-height:1.72}.story-cinematic .story-hero-copy .signal-kicker,.story-cinematic .story-close .signal-kicker{color:#9de5de;font:500 10px/1.3 'DM Mono',monospace;letter-spacing:.14em}.story-cinematic .story-hero-art{padding:0!important;background:transparent!important;border:0!important;transform:rotate(0)!important}.story-cinematic .atlas-diagram{background:linear-gradient(135deg,rgba(135,237,226,.11),rgba(255,255,255,.02))!important;border:1px solid rgba(154,231,221,.28)!important;box-shadow:0 28px 80px rgba(0,0,0,.36)!important}.story-cinematic .story-facts{margin-top:34px!important;border-top:1px solid rgba(231,235,227,.19)!important}.story-cinematic .story-facts div{padding-top:17px}.story-cinematic .story-facts span{color:#90e0da!important;font:500 9px/1.3 'DM Mono',monospace!important;letter-spacing:.11em}.story-cinematic .story-facts b{color:#e8e7df!important}.story-cinematic .story-meta{background:#e9e4da!important;color:#102020!important;border:0!important}.story-cinematic .story-meta .shell{padding:17px 0!important;font:500 10px/1.3 'DM Mono',monospace;letter-spacing:.1em}.story-cinematic .story-sequence{background:#0a0e10!important}.story-cinematic .story-copy{background:#f0ece3!important;color:#11191a!important}.story-cinematic .story-chapter h2{max-width:720px;text-wrap:balance;font-family:'Be Vietnam Pro',sans-serif!important;letter-spacing:-.055em!important}.story-cinematic .story-chapter p,.story-cinematic .story-chapter li{color:#4e5c5a!important}.story-cinematic .story-stage{background:radial-gradient(circle at 53% 45%,rgba(22,113,110,.42),transparent 31%),#070b0d!important}.story-cinematic .story-close{padding-top:0!important;background:#080c0e}.story-cinematic .story-boundary,.story-cinematic .story-sources,.story-cinematic .story-related{padding-top:clamp(80px,10vw,150px)!important}.story-cinematic .story-boundary h2,.story-cinematic .story-sources h2{max-width:740px;text-wrap:balance;font-family:'Be Vietnam Pro',sans-serif!important;letter-spacing:-.06em!important}.story-cinematic .story-boundary h2 em{font-family:'Literata',Georgia,serif;font-weight:500;color:#9ee8e0}.story-cinematic .story-boundary>p{max-width:650px;color:#b7c3bb!important}.story-cinematic .story-sources{border-top:1px solid rgba(229,233,224,.18)!important}.story-cinematic .story-sources li a,.story-cinematic .story-related a{color:#a9eee7!important}.story-cinematic .story-sources li p{color:#adbab3!important}.story-cinematic .story-related{padding-bottom:clamp(90px,11vw,170px)!important}.story-cinematic .story-related>div{border-top-color:rgba(229,233,224,.18)!important}.story-cinematic .story-related a{border-bottom-color:rgba(229,233,224,.18)!important}
@media(max-width:800px){body:has(.story-cinematic) .signal-header{background:rgba(4,7,9,.93);border-bottom-color:rgba(232,234,225,.14)}.story-cinematic .shell{width:min(100% - 40px,1320px)}.story-cinematic .story-hero{min-height:0;padding:125px 0 72px}.story-cinematic .story-hero-grid{display:block}.story-cinematic .story-hero-copy h1{font-size:clamp(38px,10vw,59px)!important}.story-cinematic .story-hero-copy .signal-lede{font-size:14px}.story-cinematic .story-hero-art{margin-top:42px!important}.story-cinematic .story-meta .shell{font-size:8px}.story-cinematic .story-copy{padding-left:0!important;padding-right:0!important}.story-cinematic .story-chapter{padding-left:20px!important;padding-right:20px!important}.story-cinematic .story-boundary,.story-cinematic .story-sources,.story-cinematic .story-related{padding-top:75px!important}}

/* Deliberate explanatory images: these are content, not background decoration. */
.collection-explainer{padding:clamp(78px,9vw,130px) 0;background:#101719;color:#eeeae0}.collection-explainer-grid{display:grid;grid-template-columns:minmax(260px,.63fr) minmax(0,1.45fr);gap:clamp(40px,7vw,115px);align-items:center}.collection-explainer-copy .signal-kicker{color:#9de7df}.collection-explainer-copy h2{max-width:470px;margin:22px 0 20px;text-wrap:balance;font:600 clamp(35px,4.2vw,64px)/1.02 'Be Vietnam Pro',sans-serif;letter-spacing:-.07em}.collection-explainer-copy h2 em{font-family:'Literata',Georgia,serif;font-weight:500;color:#9beae3}.collection-explainer-copy>p:last-of-type{max-width:370px;margin:0;color:#b7c3bb;font-size:15px;line-height:1.72}.collection-explainer-copy ol{list-style:none;margin:33px 0 0;padding:0;border-top:1px solid rgba(226,233,226,.22)}.collection-explainer-copy li{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid rgba(226,233,226,.14);font-size:14px;color:#e2e6de}.collection-explainer-copy li span{color:#8de1da;font:500 10px/1 'DM Mono',monospace;letter-spacing:.1em}.collection-explainer figure{position:relative;margin:0;overflow:hidden;border:1px solid rgba(161,233,223,.28);box-shadow:0 34px 86px rgba(0,0,0,.38);background:#080b0c}.collection-explainer figure::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(125,238,226,.16),transparent 36%);pointer-events:none}.collection-explainer img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;will-change:transform}.collection-explainer figcaption{position:absolute;right:18px;bottom:15px;z-index:1;padding:7px 9px;background:rgba(4,9,11,.74);color:#a3eee7;font:9px/1.4 'DM Mono',monospace;letter-spacing:.1em}@media(max-width:800px){.collection-explainer{padding:72px 0}.collection-explainer-grid{display:block}.collection-explainer-copy h2{font-size:clamp(33px,9vw,48px)}.collection-explainer-copy{margin-bottom:36px}.collection-explainer-copy ol{margin-top:27px}}

/* Home chapters: literal, readable titles and a visible image subject — no oversized word art. */
.cine-chapter{min-height:760px;padding:52px 0;background:#080c0e;text-decoration:none}.cine-chapter *{text-decoration:none}.cine-chapter-image{inset:54px 3% 54px 47%;z-index:-1;border:1px solid rgba(163,233,224,.24);box-shadow:0 28px 80px rgba(0,0,0,.42)}.cine-chapter-image img{filter:saturate(.9) contrast(1.03) brightness(.88);transform:scale(1.02)}.cine-chapter-shade{z-index:-2;background:radial-gradient(circle at 25% 48%,rgba(11,85,84,.28),transparent 34%),#080c0e}.cine-chapter-layout{grid-template-columns:minmax(0,.84fr) minmax(0,1fr);gap:8vw;min-height:650px;position:relative;z-index:1}.cine-chapter-index{grid-column:1;grid-row:1;align-self:start;margin-top:0}.cine-chapter-copy{grid-column:1;grid-row:1;align-self:center;max-width:560px}.cine-chapter-copy>p:first-child{margin-bottom:18px;color:#9be4de}.cine-chapter-copy h2{margin:0!important;max-width:100%;white-space:nowrap;text-wrap:initial;font:600 clamp(48px,5.7vw,82px)/.96 'Be Vietnam Pro',sans-serif!important;letter-spacing:-.075em!important;color:#f1eee7}.cine-chapter-copy h2 em{font:inherit!important;color:inherit!important;letter-spacing:inherit!important}.cine-chapter-description{max-width:430px;margin:26px 0 18px;color:#c7d1ca;font-size:15px;line-height:1.72}.cine-chapter-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 28px;color:#8ce5de;font:500 10px/1.45 'DM Mono',monospace;letter-spacing:.06em}.cine-chapter-flow i{font-size:14px;font-style:normal;color:#d9ddd5}.cine-chapter-note{display:none}.cine-chapter--guides .cine-chapter-image,.cine-chapter--build .cine-chapter-image{inset:54px 47% 54px 3%}.cine-chapter--guides .cine-chapter-copy,.cine-chapter--build .cine-chapter-copy{grid-column:2;justify-self:end}.cine-chapter--guides .cine-chapter-index,.cine-chapter--build .cine-chapter-index{grid-column:2;grid-row:1;justify-self:end}.cine-chapter--guides .cine-chapter-shade,.cine-chapter--build .cine-chapter-shade{background:radial-gradient(circle at 75% 48%,rgba(11,85,84,.28),transparent 34%),#080c0e}.cine-chapter:hover .cine-chapter-image img{transform:scale(1.045);filter:saturate(1) contrast(1.02) brightness(.96)}
@media(max-width:800px){.cine-chapter{min-height:710px;padding:0}.cine-chapter-image,.cine-chapter--guides .cine-chapter-image,.cine-chapter--build .cine-chapter-image{inset:0;border:0;box-shadow:none}.cine-chapter-image img{filter:saturate(.8) contrast(1.08) brightness(.55)}.cine-chapter-shade,.cine-chapter--guides .cine-chapter-shade,.cine-chapter--build .cine-chapter-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,8,10,.93),rgba(4,8,10,.6) 70%,rgba(4,8,10,.18)),linear-gradient(0deg,rgba(3,5,6,.75),transparent 55%)}.cine-chapter-layout{min-height:710px;display:flex;justify-content:center;gap:0}.cine-chapter-index,.cine-chapter--guides .cine-chapter-index,.cine-chapter--build .cine-chapter-index{top:64px;left:0;right:auto;justify-self:auto}.cine-chapter-copy,.cine-chapter--guides .cine-chapter-copy,.cine-chapter--build .cine-chapter-copy{max-width:100%;align-self:center;justify-self:auto}.cine-chapter-copy h2{white-space:normal;font-size:clamp(46px,13vw,68px)!important}.cine-chapter-flow{margin-bottom:25px;font-size:9px}.cine-chapter-description{font-size:14px}}

/* Every long-form block now has a photographic context beneath its live diagram,
   so the diagrams explain a decision instead of floating in an empty interface. */
.story-cinematic .story-stage-inner{isolation:isolate;background:#071012!important}.story-cinematic .story-stage-media{position:absolute;z-index:-3;inset:15px;margin:0;overflow:hidden;border:1px solid rgba(186,241,231,.18);border-radius:4px;opacity:.42}.story-cinematic .story-stage-media::after{position:absolute;inset:0;content:'';background:linear-gradient(135deg,rgba(2,9,11,.22),rgba(3,11,13,.72)),radial-gradient(circle at 55% 48%,transparent 4%,rgba(4,11,13,.86) 78%)}.story-cinematic .story-stage-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.18);transform:scale(1.08);will-change:transform}.story-cinematic .story-stage-vignette{position:absolute;z-index:-2;inset:0;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(175,239,230,.035) 39px 40px),linear-gradient(0deg,rgba(3,10,12,.62),transparent 42%);pointer-events:none}.story-cinematic .story-frame{z-index:2}.story-cinematic .stage-count{z-index:5;padding:7px 9px;background:rgba(3,10,12,.68);border:1px solid rgba(180,239,230,.16)}.story-cinematic .chapter-visual{display:none}.story-cinematic .story-chapter{position:relative}.story-cinematic .story-chapter>div{position:relative}.story-cinematic .story-chapter>div::before{position:absolute;top:0;left:-28px;width:2px;height:42px;background:linear-gradient(#94ebe3,transparent);content:''}.story-cinematic .story-chapter:nth-child(2n)>div::before{background:linear-gradient(#e4b36f,transparent)}

/* Four rooms have distinct temperature and rhythm; they are no longer one repeated card. */
.cine-chapter{--chapter-accent:#8ee9e1;--chapter-warm:#0b5554}.cine-chapter::before{position:absolute;z-index:-1;right:5.8%;bottom:12%;width:clamp(84px,12vw,176px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--chapter-accent) 44%,transparent);border-radius:50%;box-shadow:0 0 0 16px color-mix(in srgb,var(--chapter-accent) 4%,transparent),0 0 80px color-mix(in srgb,var(--chapter-accent) 14%,transparent);content:'';animation:cineChapterOrbit 9s ease-in-out infinite}.cine-chapter::after{position:absolute;z-index:-1;right:5%;top:8%;font:600 clamp(110px,18vw,300px)/.8 'Be Vietnam Pro',sans-serif;letter-spacing:-.13em;color:color-mix(in srgb,var(--chapter-accent) 7%,transparent);content:attr(data-scene-number);pointer-events:none}.cine-chapter--updates{--chapter-accent:#8ee9e1;--chapter-warm:#0d6262}.cine-chapter--guides{--chapter-accent:#d7b7ff;--chapter-warm:#5b3d83}.cine-chapter--tools{--chapter-accent:#e9b875;--chapter-warm:#734a1f}.cine-chapter--build{--chapter-accent:#82b8ff;--chapter-warm:#215385}.cine-chapter--guides::before,.cine-chapter--build::before{right:auto;left:5.8%}.cine-chapter--guides::after,.cine-chapter--build::after{right:auto;left:5%}.cine-chapter--guides .cine-chapter-shade,.cine-chapter--build .cine-chapter-shade{background:radial-gradient(circle at 75% 48%,var(--chapter-warm),transparent 36%),#080c0e}.cine-chapter--updates .cine-chapter-shade,.cine-chapter--tools .cine-chapter-shade{background:radial-gradient(circle at 25% 48%,var(--chapter-warm),transparent 36%),#080c0e}.cine-chapter-copy>p:first-child,.cine-chapter-flow{color:var(--chapter-accent)}.cine-chapter-index{color:var(--chapter-accent)}.cine-chapter-link{position:relative;color:#f1eee7;border-bottom-color:color-mix(in srgb,var(--chapter-accent) 68%,transparent)}.cine-chapter-link::before{display:block;width:7px;height:7px;border-radius:50%;background:var(--chapter-accent);box-shadow:0 0 17px var(--chapter-accent);content:''}.cine-chapter:hover .cine-chapter-link{color:var(--chapter-accent)}.cine-chapter:hover::before{animation-duration:2.8s}@keyframes cineChapterOrbit{0%,100%{transform:translate3d(0,0,0) scale(.96);opacity:.56}50%{transform:translate3d(-14px,-22px,0) scale(1.05);opacity:1}}

@media(max-width:800px){.story-cinematic .story-stage-media,.story-cinematic .story-stage-vignette{display:none}.story-cinematic .chapter-visual{position:relative;display:block;margin:27px 0 0;overflow:hidden;border:1px solid rgba(25,81,78,.2);background:#071012}.story-cinematic .chapter-visual::after{position:absolute;inset:0;content:'';background:linear-gradient(125deg,rgba(15,99,96,.16),transparent 42%,rgba(4,10,12,.35))}.story-cinematic .chapter-visual img{display:block;width:100%;height:180px;object-fit:cover;filter:saturate(.78) contrast(1.1)}.story-cinematic .chapter-visual figcaption{position:absolute;z-index:1;right:10px;bottom:9px;padding:5px 7px;background:rgba(2,8,10,.72);color:#a6ebe5;font:500 8px/1 'DM Mono',monospace;letter-spacing:.1em}.story-cinematic .story-chapter>div::before{left:-12px}.cine-chapter::before{right:7%;bottom:8%;width:88px}.cine-chapter::after{top:13%;right:5%;font-size:110px}.cine-chapter--guides::before,.cine-chapter--build::before{right:7%;left:auto}.cine-chapter--guides::after,.cine-chapter--build::after{right:5%;left:auto}}
@media(prefers-reduced-motion:reduce){.cine-chapter::before{animation:none}}

/* The small accessible chapter index already carries the number; keep the large
   treatment purely visual without duplicating it for assistive technology. */
.cine-chapter::after{content:none}

/* Utility, method and English pages use the same studio language as the core
   routes. This bridges the older editorial templates without changing content. */
body:has(.page-hero):not(:has(.cine-home)){background:#080d0f;color:#e9e9e2}body:has(.page-hero):not(:has(.cine-home)) .signal-header{background:rgba(5,10,12,.94);border-bottom-color:rgba(216,232,226,.13)}body:has(.page-hero):not(:has(.cine-home)) .signal-brand{color:#f2efe7}body:has(.page-hero):not(:has(.cine-home)) .site-nav a,body:has(.page-hero):not(:has(.cine-home)) .menu-button{color:#d8ded8}body:has(.page-hero):not(:has(.cine-home)) .site-nav a.is-current{color:#9de7df}.page-hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(470px,66svh,720px);overflow:hidden;padding:145px 0 86px!important;background:radial-gradient(circle at 79% 34%,rgba(34,130,125,.34),transparent 25%),radial-gradient(circle at 14% 88%,rgba(211,161,88,.13),transparent 24%),#080e10!important}.page-hero::before{position:absolute;z-index:-1;inset:0;opacity:.42;background:linear-gradient(90deg,rgba(3,9,11,.84),transparent 66%),repeating-linear-gradient(90deg,transparent 0 70px,rgba(166,232,222,.05) 71px 72px);content:''}.page-hero::after{position:absolute;z-index:-1;right:-3vw;bottom:-6vw;color:rgba(166,232,222,.055);font:600 clamp(120px,19vw,300px)/.8 'Be Vietnam Pro',sans-serif;letter-spacing:-.13em;content:'FIELD NOTES';white-space:nowrap;pointer-events:none}.page-hero .shell{position:relative;z-index:1}.page-hero h1{max-width:920px;margin:17px 0 22px;color:#f1eee6!important;text-wrap:balance;font:600 clamp(43px,5.7vw,88px)/.98 'Be Vietnam Pro',sans-serif!important;letter-spacing:-.07em!important}.page-hero .eyebrow{color:#9fe7e0!important;font:500 10px/1.35 'DM Mono',monospace!important;letter-spacing:.15em}.page-hero .lede{max-width:630px;color:#bbc9c2!important;font-size:16px!important;line-height:1.74}.page-hero .home-hero,.page-hero .build-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr);gap:8vw;align-items:center}.page-hero .method-hero,.page-hero .search-page{max-width:830px}.page-hero .atlas-diagram,.page-hero .block-illustration,.page-hero .trace-card{position:relative;margin:0!important;border:1px solid rgba(161,231,221,.28)!important;background:linear-gradient(135deg,rgba(139,230,220,.11),rgba(255,255,255,.02))!important;box-shadow:0 28px 80px rgba(0,0,0,.38)!important}.page-hero .trace-card{padding:28px!important;color:#eaf0e9}.page-hero .trace-step{border-color:rgba(207,237,229,.18)!important;color:#deebe4!important}.page-hero .trace-step small{color:#a9c4bd!important}.page-hero .search-form{display:flex;gap:10px;max-width:570px;margin-top:31px}.page-hero .search-form input{min-height:48px;flex:1;border:1px solid rgba(170,232,222,.33)!important;background:rgba(3,10,12,.72)!important;color:#f0eee5!important;font:14px 'Be Vietnam Pro',sans-serif}.page-hero .search-form input::placeholder{color:#91a59e}.page-hero .search-form .button{min-height:48px;border:1px solid #9ae9e1!important;background:#a2eee6!important;color:#092022!important;font:600 10px 'DM Mono',monospace!important;letter-spacing:.1em}.page-hero .search-form .button:hover{background:#eff1e9!important}.page-hero+.section,.page-hero~.section{background:#0b1214!important;color:#e9eae2}.page-hero~.section.section-tint{background:#eae5da!important;color:#111b1b}.page-hero~.section .section-heading h2,.page-hero~.section .record-card h2,.page-hero~.section .standard h2,.page-hero~.section .diagnostic h3{font-family:'Be Vietnam Pro',sans-serif!important;letter-spacing:-.055em!important}.page-hero~.section .section-heading h2{color:#eff0e9!important}.page-hero~.section .section-heading>p,.page-hero~.section .standard p,.page-hero~.section .record-card p,.page-hero~.section .diagnostic p{color:#b5c2bb!important}.page-hero~.section.section-tint .section-heading h2,.page-hero~.section.section-tint .standard h2{color:#142020!important}.page-hero~.section.section-tint .section-heading>p,.page-hero~.section.section-tint .standard p,.page-hero~.section.section-tint .trust-grid p{color:#50605c!important}.page-hero~.section .record-card,.page-hero~.section .search-record,.page-hero~.section .diagnostic{border:1px solid rgba(178,232,222,.17)!important;background:linear-gradient(135deg,rgba(146,231,221,.09),rgba(255,255,255,.015))!important;box-shadow:none!important;transition:transform .35s ease,border-color .35s ease,background .35s ease}.page-hero~.section .record-card:hover,.page-hero~.section .search-record:hover{transform:translateY(-6px);border-color:rgba(164,239,229,.55)!important;background:rgba(146,231,221,.13)!important}.page-hero~.section .record-card h2,.page-hero~.section .record-card h2 a,.page-hero~.section .search-record h2 a{color:#edf0e8!important}.page-hero~.section.section-tint .record-card h2,.page-hero~.section.section-tint .record-card h2 a{color:#142020!important}.page-hero~.section .filter-bar button{border-color:rgba(168,232,222,.26)!important;background:transparent!important;color:#dceae4!important}.page-hero~.section .filter-bar button[aria-pressed="true"]{border-color:#9debe2!important;background:#9debe2!important;color:#0a1a1c!important}.page-hero~.section .search-record{padding:28px!important}.page-hero~.section .search-open{color:#9fe9e1!important}.page-hero~.section .result-line,.page-hero~.section .record-meta{color:#a4e9e2!important}.page-hero~.section .boundary{border-color:rgba(160,234,223,.3)!important;background:linear-gradient(130deg,#0b3d3e,#082427)!important}.page-hero~.section .boundary h2,.page-hero~.section .boundary p{color:#edf1e9!important}.page-hero~.section .trust-grid>div,.page-hero~.section .standard{border-color:rgba(167,226,216,.18)!important}.page-hero~.section .trust-grid b,.page-hero~.section .standard>b{color:#9de9e2!important}.page-hero~.section.section-tint .trust-grid b,.page-hero~.section.section-tint .standard>b{color:#15716d!important}
@media(max-width:800px){.page-hero{min-height:0;padding:124px 0 72px!important}.page-hero h1{font-size:clamp(38px,10.5vw,57px)!important}.page-hero .home-hero,.page-hero .build-hero{display:block}.page-hero .atlas-diagram,.page-hero .block-illustration,.page-hero .trace-card{margin-top:38px!important}.page-hero .search-form{display:grid;grid-template-columns:1fr auto}.page-hero .search-form input{min-width:0}.page-hero~.section{padding:72px 0!important}.page-hero~.section .section-heading h2{font-size:clamp(34px,9vw,48px)!important}}