/* Coreshift — four chapters, one visual language. */
body{--page-dark:#19130f;--page-tint:#f0dfcf;--accent-rgb:213,90,31;--field-light:#e89249;--surface:color-mix(in srgb,var(--page-dark),var(--accent) 10%);background:var(--page-dark)}
body[data-page=platform]{--accent:#386d70;--accent-light:#a6c2bc;--accent-deep:#244a4b;--page-dark:#101c1c;--page-tint:#e4ece6;--accent-rgb:56,109,112;--field-light:#98c1b8}
body[data-page=conseil]{--accent:#6c7042;--accent-light:#c9c58b;--accent-deep:#454a2b;--page-dark:#1a1e16;--page-tint:#e9e9dc;--accent-rgb:108,112,66;--field-light:#c4bd7b}
body[data-page=twinsai]{--accent:#9e5a56;--accent-light:#d8aaa0;--accent-deep:#673d3c;--page-dark:#211718;--page-tint:#f0e1db;--accent-rgb:158,90,86;--field-light:#d9a395}
.brand-mark{--accent:#d55a1f}.cream{background:color-mix(in srgb,var(--paper),var(--page-tint) 22%)}
.stage,.branch-stage{background:var(--page-dark)}.header{background:linear-gradient(color-mix(in srgb,var(--page-dark),transparent 10%),transparent)}
.ambient{background:radial-gradient(ellipse at 74% 45%,color-mix(in srgb,var(--accent),transparent 68%),transparent 46%),radial-gradient(ellipse at 8% 10%,color-mix(in srgb,var(--accent-deep),transparent 68%),transparent 50%)}
.stage .vignette,.branch-stage .vignette{background:linear-gradient(90deg,color-mix(in srgb,var(--page-dark),transparent 15%),transparent 76%),linear-gradient(0deg,var(--page-dark),transparent 18%)}
.branch-hero>p,.branch-statement p{color:color-mix(in srgb,var(--paper),var(--accent-light) 30%)}
.dash,.index-line i,.scroll-line:after,.site-progress i{background:var(--accent-light)}
.glow-button{background:linear-gradient(140deg,color-mix(in srgb,var(--page-dark),var(--accent) 24%),var(--page-dark) 68%);border-color:color-mix(in srgb,var(--accent-light),transparent 62%)}
.glow-disc:before,.glow-disc:after{background:conic-gradient(from 0deg,transparent 0 8%,var(--paper) 16%,var(--accent-light) 25%,var(--accent) 35%,transparent 48% 58%,var(--accent-deep) 65%,var(--accent) 75%,var(--paper) 83%,transparent 94%)}
.glow-disc>span{background:radial-gradient(ellipse at 40% 15%,color-mix(in srgb,var(--page-dark),var(--accent-light) 16%),var(--page-dark) 70%)}
.glow-button:hover,.glow-button:focus-visible{border-color:var(--accent-light);box-shadow:inset 0 1px #fff3,0 10px 40px color-mix(in srgb,var(--accent),transparent 78%)}
.stats-strip{background:var(--surface);border-color:color-mix(in srgb,var(--accent-light),transparent 80%)}.stats-strip strong{color:var(--paper)}.stats-strip span{color:color-mix(in srgb,var(--accent-light),var(--paper) 30%)}
.stats-strip>div{position:relative;padding-left:18px;border-left:1px solid color-mix(in srgb,var(--accent-light),transparent 66%)}
.stats-strip>div:before{content:'';position:absolute;left:-2px;top:0;width:3px;height:20px;background:var(--accent-light);box-shadow:0 0 15px color-mix(in srgb,var(--accent),transparent 30%)}
.content-section:not(.cream){background:var(--page-dark)}.content-section:not(.cream) .section-heading>p,.content-section:not(.cream) .editorial-row p,.content-section:not(.cream) .feature-item p{color:color-mix(in srgb,var(--paper),var(--accent-light) 42%)}
.feature-item{position:relative;padding:28px 28px 32px;border:1px solid color-mix(in srgb,var(--accent-light),transparent 78%);overflow:hidden;background:linear-gradient(125deg,color-mix(in srgb,var(--accent),transparent 94%),transparent 70%);transition:background .5s,border-color .5s,transform .6s var(--ease)}
.feature-item:before{content:'';position:absolute;top:0;left:0;height:2px;width:45px;background:var(--accent);transition:width .8s var(--ease)}.feature-item:hover:before{width:100%}.feature-item:hover{border-color:var(--accent);transform:translateY(-4px)}
.feature-item>span{display:flex;gap:12px;align-items:center}.feature-item>span:before{content:'+';font:20px 'Geist Mono';color:var(--accent)}
.editorial-row{transition:padding .5s var(--ease),background .5s;position:relative}.editorial-row:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}.editorial-row:hover{padding-left:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent),transparent 92%),transparent)}.editorial-row:hover:after{transform:scaleX(1)}
.service-panel{background:color-mix(in srgb,var(--paper),var(--accent-light) 22%);border-color:color-mix(in srgb,var(--accent),transparent 65%);overflow:hidden;isolation:isolate;padding:46px}.service-panel:nth-child(2){background:color-mix(in srgb,var(--paper),var(--accent-light) 36%)}.service-panel:nth-child(3){background:color-mix(in srgb,var(--paper),var(--accent-light) 48%)}.service-panel:nth-child(4){background:color-mix(in srgb,var(--paper),var(--accent-light) 62%)}.service-num{color:var(--accent);font-size:95px}.service-body p{color:#4b4b3c}.service-body .section-label{color:var(--accent-deep)}
.service-panel:after{content:'';position:absolute;z-index:-1;width:360px;aspect-ratio:1;right:-160px;bottom:-150px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent),transparent 60%);box-shadow:0 0 0 24px color-mix(in srgb,var(--accent),transparent 96%),0 0 0 48px color-mix(in srgb,var(--accent),transparent 97%),0 0 0 72px color-mix(in srgb,var(--accent),transparent 98%)}
.autonomy-display{background:var(--surface);border-color:color-mix(in srgb,var(--accent-light),transparent 65%);border-radius:4px 36px 4px 4px;box-shadow:inset 0 1px #fff1,0 30px 60px #0002}.autonomy-controls button{color:var(--accent-light)}.autonomy-controls button>span,.autonomy-note{color:var(--accent-light)}.autonomy-meter i{background:color-mix(in srgb,var(--page-dark),var(--accent) 35%)}.autonomy-meter i.on{box-shadow:0 0 20px var(--accent);background:var(--accent-light)}
.autonomy-display p{color:color-mix(in srgb,var(--paper),var(--accent-light) 30%)}
.faq-section{padding-top:120px;padding-bottom:120px}.faq-section>.section-heading{position:sticky;top:60px;align-self:start}.faq-item{transition:padding .4s,background .4s;border-color:color-mix(in srgb,var(--accent),transparent 70%)}.faq-item[open]{background:color-mix(in srgb,var(--accent),transparent 94%);padding:0 22px!important}.faq-item summary i{flex:none}.faq-item[open] summary{color:var(--accent-deep)}
.transition-curtain{background:var(--page-dark)}.mobile-menu nav{background:var(--page-dark)!important}.motion-control{background:color-mix(in srgb,var(--page-dark),transparent 15%);border-color:color-mix(in srgb,var(--accent-light),transparent 55%)}
/* Original procedural fields. Content always sits on its own contrast layer. */
[data-chromatic]{position:relative;isolation:isolate;background:radial-gradient(ellipse at 65% 35%,var(--accent),var(--page-dark) 78%);overflow:hidden}
[data-chromatic]>.chromatic-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.research{padding-top:115px!important;padding-bottom:125px!important;overflow:hidden;background:var(--page-dark)}.research .section-heading{margin-bottom:65px}.research .section-heading h2{font-size:clamp(66px,10vw,155px)}
.research-layout{grid-template-columns:1.08fr 1fr;gap:8%;align-items:center}.research-observatory{position:relative;aspect-ratio:1;max-width:600px;perspective:1000px;isolation:isolate;border-radius:50%;background:radial-gradient(ellipse,#65351b77,transparent 68%);--research-turn:0deg}
.research-field{position:absolute;inset:13%;border-radius:50%;opacity:.85;box-shadow:inset 0 0 65px #0008,0 0 70px color-mix(in srgb,var(--accent),transparent 88%);border:1px solid #e8924933;transform:rotate(var(--research-turn))}
.research-lens{position:absolute;inset:21%;display:grid;place-items:center;border-radius:50%;border:1px solid #f5f1ea40;background:radial-gradient(ellipse at 30% 0%,#fff2,transparent 60%);backdrop-filter:blur(2px);box-shadow:inset 0 0 40px #fff1,0 20px 80px #0008}
.research-lens .brand-mark{width:53%;height:53%;--ink:#f5f1ea;filter:drop-shadow(0 8px 18px #0006)}
.orbit-grid{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(var(--research-turn));transition:transform .2s linear}.orbit-grid circle,.orbit-grid ellipse,.orbit-grid path{fill:none;stroke:var(--accent-light);stroke-width:.65}.orbit-grid .grid-quiet{opacity:.2}.orbit-grid .grid-bright{opacity:.75;stroke-dasharray:3 11}.orbit-grid .grid-axis{stroke-dasharray:2 7;opacity:.25}.orbit-grid .orbital-point{fill:var(--paper);stroke:none;filter:drop-shadow(0 0 5px var(--accent))}
.orbit-tag{position:absolute;z-index:2;font:9px 'Geist Mono';letter-spacing:1px;padding:10px 14px;background:#19130fcc;border:1px solid #b1815250;border-radius:2px;color:#d4b38f;backdrop-filter:blur(12px)}.orbit-tag.t1{top:14%;left:0}.orbit-tag.t2{right:-2%;top:48%}.orbit-tag.t3{bottom:7%;left:14%}.orbit-tag:before{content:'';display:inline-block;width:4px;height:4px;background:var(--accent-light);margin-right:9px;box-shadow:0 0 12px var(--accent)}
.research-caption{position:absolute;bottom:-25px;left:0;right:0;text-align:center;font:9px 'Geist Mono';letter-spacing:1.8px;color:#a68f77}.research-layout h3{font-size:clamp(30px,3vw,47px);line-height:1.13}.research-layout p{font-size:17px}.research-layout .eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent-light);box-shadow:0 0 0 5px #e8924914}
.research-layout dl>div{padding:16px 0;font-family:'Geist Mono';font-size:11px}.research-layout dl{margin:35px 0}.research-layout dd{color:var(--accent-light)}
/* Platform's film becomes a deliberate, playable feature. */
.demo-inline{display:block;padding:0;margin-top:110px;border:0;background:var(--page-dark);color:var(--paper);border-radius:6px;overflow:hidden;position:relative}
.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 45px;border-bottom:1px solid #fff2}.demo-heading h3{font-size:clamp(30px,3.6vw,52px);margin:0;line-height:1.1}.demo-heading h3 br{display:none}.demo-heading .section-label{color:var(--accent-light);font-size:9px;margin-bottom:15px}.film-duration{font:12px 'Geist Mono';color:var(--accent-light);white-space:nowrap;display:flex;align-items:center;gap:14px}.film-duration:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent-light)}
.film-stage{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;transform-origin:center;--film-p:0}
.demo-inline video{position:absolute;inset:0;width:100%;height:100%;border-radius:0;box-shadow:none;z-index:2;object-fit:contain;background:var(--page-dark)}
.film-cover{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;border:0;background:var(--page-dark);color:var(--paper);cursor:pointer;width:100%;overflow:hidden;font:inherit;padding:40px}
.film-field{position:absolute;inset:-10%;opacity:.8;pointer-events:none;transform:scale(calc(1.12 - var(--film-p)*.12)) rotate(calc(-8deg + var(--film-p)*8deg))}
.film-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--page-dark),transparent 55%),radial-gradient(ellipse,#101c1c70,transparent 65%);pointer-events:none}
.film-cover .brand-mark{width:45px;height:45px;z-index:1;--ink:#f5f1ea;margin-bottom:18px}.film-title{font-weight:500;font-size:clamp(32px,6.6vw,96px);letter-spacing:-.065em;line-height:1.05;position:relative;z-index:1}.film-title em{color:var(--accent-light)}
.film-play{position:relative;z-index:1;margin-top:30px;display:flex;align-items:center;gap:18px;font-size:12px}.film-play i{font-style:normal;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:linear-gradient(145deg,#fff2,#fff0);border:1px solid var(--accent-light);box-shadow:inset 0 0 18px #fff1,0 0 40px #a6c2bc20;transition:transform .6s var(--ease),box-shadow .6s}.film-cover:hover .film-play i{transform:scale(1.13);box-shadow:inset 0 0 28px #fff2,0 0 60px #a6c2bc55}.film-play svg{width:18px;fill:var(--paper);margin-left:3px}
.film-bottom{position:absolute;left:35px;right:35px;bottom:24px;z-index:1;display:flex;align-items:center;justify-content:space-between;font:9px 'Geist Mono';letter-spacing:1px;color:var(--accent-light)}.film-bars{display:flex;align-items:center;height:20px;gap:4px}.film-bars i{width:2px;height:var(--bar,8px);background:var(--accent-light);animation:film-meter 2.3s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.15s)}@keyframes film-meter{to{transform:scaleY(.35);opacity:.4}}
.film-stage.is-playing .film-cover,.film-stage.has-started .film-cover{display:none}.film-stage.is-playing{transform:none!important}.film-stage .video-error{position:absolute;inset:auto 20px 20px;z-index:4;background:var(--paper);color:var(--ink);padding:12px;font-size:13px}
/* A sovereign architecture, in place of a logo floating on the page. */
.mistral-section.cream{background:var(--page-dark);color:var(--paper);padding-top:110px;padding-bottom:125px;overflow:hidden}.mistral-section.cream .section-label{color:var(--accent-light)}.mistral-section.cream .section-heading h2 em{color:var(--accent-light)}.mistral-layout{grid-template-columns:1.08fr 1fr;gap:8%}.mistral-layout p{color:#c8cab5}.mistral-layout h3{font-size:clamp(30px,3.3vw,49px);line-height:1.14;margin-top:0}.mistral-layout .tech-tags span{border-color:#b9c08340;background:#b9c0830b;color:#dedfcb}
.mistral-engine{aspect-ratio:1.05;position:relative;border:1px solid #bfc58e44;border-radius:8px;background:#242a1c;overflow:hidden;perspective:900px;--engine-p:0}
.engine-field{position:absolute;inset:0;opacity:.45;mask-image:linear-gradient(transparent,#000 60%)}
.engine-boundary{position:absolute;inset:25px;border:1px dashed #c9c58b35;border-radius:3px}.engine-status{position:absolute;top:21px;left:26px;font:9px 'Geist Mono';letter-spacing:1px;color:#d0d1b9;display:flex;align-items:center;gap:8px}.engine-status i{width:5px;height:5px;background:var(--accent-light);border-radius:50%;box-shadow:0 0 12px var(--accent-light)}
.engine-core{position:absolute;left:15%;right:15%;top:26%;height:38%;display:grid;place-items:center;transform:perspective(800px) rotateX(calc(12deg - var(--engine-p)*8deg)) rotateY(calc(-10deg + var(--engine-p)*6deg));background:linear-gradient(140deg,#343a28e8,#11170df5);border:1px solid #d4d7b670;border-radius:8px;box-shadow:0 22px 0 -9px #12180b,0 23px 0 -8px #a9b77a55,0 41px 0 -18px #12180b,0 42px 0 -17px #a9b77a33,0 60px 50px #0007,inset 0 1px #fff3;transition:transform .15s linear}
.mistral-layout .engine-core img{width:72%;height:auto;max-width:360px;position:relative;z-index:1}.engine-core:after{content:'';position:absolute;inset:7px;border:1px solid #c9c58b19;border-radius:4px}.engine-core>span{position:absolute;bottom:15px;font:8px 'Geist Mono';letter-spacing:1px;color:#b8bf9c}
.engine-ports{position:absolute;bottom:50px;left:40px;right:40px;display:flex;justify-content:space-between;gap:10px}.engine-ports span{font:9px 'Geist Mono';color:#d5d8c5;padding:12px 15px;border:1px solid #c9c58b44;background:#151c10e8;position:relative}.engine-ports span:before{content:'';position:absolute;height:55px;width:1px;background:linear-gradient(transparent,var(--accent-light));bottom:100%;left:50%}.engine-ports span:after{content:'';position:absolute;width:3px;height:13px;background:#eff6c4;bottom:100%;left:calc(50% - 1px);box-shadow:0 0 8px #c9c58b;animation:engine-packet 3s linear infinite}.engine-ports span:nth-child(2):after{animation-delay:-1s}.engine-ports span:nth-child(3):after{animation-delay:-2s}@keyframes engine-packet{0%{transform:translateY(0);opacity:0}20%,70%{opacity:1}100%{transform:translateY(-50px);opacity:0}}
/* Closing chapter: light in motion, clear action, quiet information. */
.closing{background:var(--page-dark);color:var(--paper);padding:60px 6% 0;isolation:isolate;--closing-p:0}
.closing-field{position:absolute;inset:0 0 auto;height:clamp(630px,61vw,950px);z-index:-2;opacity:.82;pointer-events:none;transform:translateY(calc(var(--closing-p)*-45px))}
.closing:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--page-dark),transparent 4%),color-mix(in srgb,var(--page-dark),transparent 65%) 75%),linear-gradient(0deg,var(--page-dark) 15%,transparent 72%);pointer-events:none}
.closing>.section-label{color:var(--accent-light);border-bottom:1px solid #fff2;padding-bottom:25px}.closing-content{padding:90px 0 35px;position:relative;align-items:end;gap:45px}.closing h2{font-size:clamp(48px,6.8vw,106px);max-width:840px;line-height:1.01}.closing h2 em{font-style:italic;color:var(--accent-light)}.closing-content>.glow-button{margin-bottom:4px;flex:none}
.closing-word{font-size:22vw;margin:55px -1.1vw 8px;color:var(--paper);letter-spacing:-.085em;line-height:.94;opacity:1;transform:translateY(calc((1 - var(--closing-p))*35px));transition:none;position:relative}
.closing.revealed .closing-word{transform:translateY(calc((1 - var(--closing-p))*35px));opacity:1}
.closing-word>span{display:inline-block;transform:translateY(calc((1 - var(--closing-p))*var(--letter-rise,20px)));background:linear-gradient(165deg,var(--paper) 10%,var(--accent-light) 48%,color-mix(in srgb,var(--accent),var(--page-dark) 35%) 90%);background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom:.09em}
.footer-columns{border-color:#fff2;margin-top:40px;padding:50px 0;position:relative}.footer-columns>div>span{color:var(--accent-light)}.footer-columns a{color:#d3cec1;position:relative;transition:color .3s,transform .3s}.footer-columns a:hover{border-color:transparent;color:var(--paper);transform:translateX(4px)}.footer-brand{--ink:#f5f1ea;--line:#b9b09f;--accent:#d55a1f}.footer-brand p{color:#b3b0a2}
.closing footer{border-color:#fff2;color:#b7b6a7;padding:25px 0 35px;background:transparent;align-items:center}.back-key{display:flex;align-items:center;gap:15px;color:var(--paper)}.back-key>span{width:38px;height:36px;display:grid;place-items:center;border:1px solid #ddd5b861;background:linear-gradient(150deg,#fff2,#fff0);box-shadow:0 4px 0 #080d0980,inset 0 1px #fff3;border-radius:7px;transform:perspective(120px) rotateX(18deg);font-size:18px;transition:transform .3s,box-shadow .3s}.back-key:active>span{transform:translateY(3px);box-shadow:0 1px 0 #080d0980}.back-key:hover>span{border-color:var(--accent-light)}
.section-heading{--heading-p:1}.section-heading h2{transform-origin:left center}.heading-rule{height:1px;background:color-mix(in srgb,var(--accent-light),transparent 65%);transform:scaleX(var(--heading-p));transform-origin:left;margin-top:35px;width:80px}
@media(min-width:1600px){.research-layout{gap:10%}.demo-heading{padding:45px 55px}.closing-content{padding-top:110px}}
@media(max-width:1000px){.closing-content{display:block}.closing-content>.glow-button{margin-top:35px}.research-layout,.mistral-layout{gap:5%}.engine-ports{left:25px;right:25px;bottom:36px}.engine-ports span{font-size:8px;padding:9px}.research-layout p{font-size:15px}.orbit-tag{font-size:8px;padding:8px}.research-caption{font-size:8px}.mistral-layout .engine-core img{width:75%}}
@media(max-width:760px){.research-layout,.mistral-layout{grid-template-columns:1fr;gap:65px}.research-observatory{width:min(100%,470px);justify-self:center}.research{padding:75px 6% 80px!important}.research .section-heading{margin-bottom:40px}.research .section-heading h2{font-size:16vw}.research-layout h3{font-size:38px}.research-layout p{font-size:16px}.mistral-engine{max-width:500px;width:100%;justify-self:center}.mistral-section.cream{padding:75px 6%}.mistral-layout h3{font-size:38px}.mistral-layout .engine-core img{width:72%;max-width:none}.demo-inline{margin-top:70px}.demo-heading{padding:27px 25px;gap:15px}.film-title{font-size:7vw}.film-play{margin-top:20px}.film-cover .brand-mark{width:32px;height:32px;margin-bottom:12px}.film-play i{width:50px;height:50px}.film-bottom{left:23px;right:23px;bottom:18px;font-size:8px}.film-duration{font-size:10px}.film-duration:before{display:none}.faq-section{padding:80px 6%}.faq-section>.section-heading{position:static}.footer-columns{margin-top:35px;padding-top:35px}.closing{padding-top:40px}.closing-field{height:850px}.closing-content{padding-top:65px}.closing-word{font-size:22vw;margin-top:55px}.feature-item{padding:24px}.service-panel{padding:30px}}
@media(max-width:500px){.demo-heading h3{font-size:32px}.demo-heading .section-label{font-size:8px;letter-spacing:.4px}.film-duration{display:none}.film-stage{aspect-ratio:1.05}.film-title{font-size:10vw}.film-cover{padding:25px 15px}.film-cover .brand-mark{width:35px;height:35px}.film-play{font-size:11px}.film-bottom{font-size:7px}.film-bottom>span:last-child{max-width:110px;text-align:right;line-height:1.6}.mistral-layout h3{font-size:33px}.engine-core>span{font-size:7px;bottom:10px}.engine-boundary{inset:18px}.engine-status{top:16px;left:20px;font-size:8px}.engine-ports{left:25px;right:25px;bottom:30px;gap:7px}.engine-ports span{padding:8px 7px;font-size:7px}.engine-core{top:25%;height:37%;left:13%;right:13%}.engine-ports span:before{height:38px}.engine-ports span:after{height:9px}.research-layout h3{font-size:34px}.research-caption{bottom:-20px;font-size:7px;letter-spacing:1px}.orbit-tag{font-size:7px;padding:7px 8px}.orbit-tag.t1{left:-1%}.orbit-tag.t2{right:-2%}.orbit-tag:before{margin-right:5px}.closing-content{padding-top:65px}.closing h2{font-size:12vw}.closing-content>.glow-button{max-width:100%;gap:10px;padding-right:17px}.closing-content .glow-label{font-size:12px;white-space:normal;line-height:1.4}.closing-word{margin-top:60px}.closing>.section-label{font-size:8px;letter-spacing:.4px}.closing>.section-label>span:last-child{max-width:92px;text-align:right}.footer-columns{gap:35px 24px}.closing footer{font-size:8px}.service-panel{padding:27px}.feature-grid{gap:20px}.stats-strip>div{padding-left:13px}.film-bars{gap:3px}}
@media(max-width:650px){.stage .vignette,.branch-stage .vignette{background:linear-gradient(180deg,color-mix(in srgb,var(--page-dark),transparent 74%),color-mix(in srgb,var(--page-dark),transparent 82%) 38%,transparent 48% 63%,color-mix(in srgb,var(--page-dark),transparent 7%) 76%,var(--page-dark))}}
.reduced .orbit-grid,.reduced .research-field,.reduced .engine-core,.reduced .film-field,.reduced .closing-word,.reduced .closing-word>span,.reduced .closing-field{transform:none!important}.reduced .film-bars i,.reduced .engine-ports span:after{animation:none!important}.reduced .feature-item:hover{transform:none}
body:not(.field-visible) .film-bars i{animation-play-state:paused}

.demo-heading h3 em{margin-left:.18em}.mistral-engine:not(.surface-visible) .engine-ports span:after{animation-play-state:paused}

/* The three gateways introduce their destination's colour before navigation. */
.bookmark[data-tone=violet]{--glow:#386d70;--light:#a6c2bc;--accent:#386d70;--accent-light:#a6c2bc;--accent-deep:#244a4b;--page-dark:#101c1c}
.bookmark[data-tone=orange]{--glow:#6c7042;--light:#c9c58b;--accent:#6c7042;--accent-light:#c9c58b;--accent-deep:#454a2b;--page-dark:#1a1e16}
.bookmark[data-tone=mint]{--glow:#9e5a56;--light:#d8aaa0;--accent:#9e5a56;--accent-light:#d8aaa0;--accent-deep:#673d3c;--page-dark:#211718}
.bookmark-surface{background:color-mix(in srgb,var(--page-dark),var(--accent) 14%)}
.bookmark .orbit{background:linear-gradient(var(--page-dark),var(--page-dark)) padding-box,conic-gradient(from 30deg,var(--accent-deep),var(--paper),var(--accent-light),var(--page-dark),var(--light),var(--accent-deep)) border-box;box-shadow:0 0 30px color-mix(in srgb,var(--accent),transparent 70%)}
.bookmark .orbit-core{background:radial-gradient(at 30% 20%,#fff,var(--accent-light) 30%,var(--accent-deep) 70%);box-shadow:0 0 50px var(--accent)}
.bookmark .stair{background:linear-gradient(110deg,var(--accent-deep),var(--accent) 20%,var(--accent-light) 45%,var(--accent) 75%,var(--page-dark));border-top-color:var(--accent-light)}
.bookmark .twin{background:repeating-radial-gradient(ellipse at 30% 40%,transparent 0 3px,color-mix(in srgb,var(--accent-light),transparent 40%) 4px 5px,transparent 6px 8px),radial-gradient(ellipse at 40% 40%,var(--accent),transparent 72%);box-shadow:inset 4px 0 25px color-mix(in srgb,var(--accent-light),transparent 60%)}