:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#03070e;color:#f6f3ff;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0}a{color:inherit;text-decoration:none}a,button,input{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #d9c5ff;outline-offset:5px;border-radius:3px}::selection{background:#7652c2;color:white}
.experience{position:relative;isolation:isolate;width:100%;height:100%;height:100dvh;overflow:hidden;--pad:clamp(24px,4.5vw,100px);--mx:0px;--my:0px;--position:50%}
.art,.optical-field,.art picture,.art img,.spectrum,.atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.art{z-index:-2;background:#03070e}.optical-field{transform:translate3d(var(--mx),var(--my),0) scale(1.025);transition:transform .65s cubic-bezier(.2,.65,.25,1)}.art img{object-fit:cover;object-position:60% 50%;filter:grayscale(1) contrast(1.05);user-select:none}.spectrum{background:linear-gradient(90deg,#fd2446 15%,#972ee2 50%,#125bff 85%);mix-blend-mode:color;opacity:.94}.atmosphere{background:linear-gradient(90deg,#03060ccc 0%,#03060c85 24%,transparent 55%),linear-gradient(0deg,#04070dfc 0%,#04070deb 14%,#04070d12 36%,transparent 69%,#03060c50 100%)}
.frame{position:absolute;inset:17px;pointer-events:none;z-index:5;opacity:.65}.frame i{position:absolute;width:13px;height:13px;border-color:#dad2f842;border-style:solid;border-width:0}.frame i:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.frame i:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.frame i:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.frame i:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}
.header{position:absolute;top:0;left:0;right:0;padding:clamp(28px,4.5vh,50px) var(--pad);padding-top:max(clamp(28px,4.5vh,50px),env(safe-area-inset-top));display:flex;align-items:center;gap:34px;z-index:6}.wordmark{display:block;flex:0 0 auto;width:220px;color:#f6f2fc;transition:color .2s}.wordmark .brand-lockup{display:block;width:100%;height:auto;overflow:visible}.wordmark:hover{color:#fff}.header-note{font-size:10px;line-height:1.6;letter-spacing:.14em;padding-left:34px;border-left:1px solid #ffffff25;color:#9c9aaa}.header-note strong{font-weight:400;color:#c7c5d2}.contact{margin-left:auto;display:flex;align-items:center;gap:11px;padding:14px 19px;border:1px solid #e4daf04d;border-radius:4px;background:#07091340;box-shadow:inset 0 1px #ffffff08;font-size:13px;transition:background .25s,border-color .25s}.contact svg{width:17px;height:17px;fill:none;stroke:#c7bcdc;stroke-width:1.1}.contact:hover{background:#ffffff10;border-color:#ddd4ff99}.contact-short{display:none}
.intro{position:absolute;left:var(--pad);top:26%;z-index:2;pointer-events:none;max-width:55%}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.17em;color:#c4b8d4;margin:0 0 28px}.eyebrow>span{height:4px;width:4px;border-radius:50%;background:#ed9ac2;box-shadow:0 0 14px #f58ad488}h1{font-size:clamp(54px,6.9vw,116px);font-weight:400;letter-spacing:-.068em;line-height:.99;margin:0;text-shadow:0 2px 30px #02030950}h1 em{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.068em;font-size:1.05em;color:#d4b9f2;margin-top:7px}.lede{font-size:clamp(16px,1.15vw,21px);color:#b0aabd;line-height:1.65;margin:28px 0 0;letter-spacing:-.02em}.foundations{display:flex;align-items:center;gap:12px;font-size:12px;color:#9d96b0;letter-spacing:.015em;margin-top:26px}.foundation-line{width:24px;height:1px;background:linear-gradient(90deg,#e36a86,#779eff)}.foundations b{font-weight:400;color:#827092;margin:0 4px}
.comparison{position:absolute;inset:130px 0 220px;z-index:3;pointer-events:none}.divider{position:absolute;left:clamp(32px,var(--position),calc(100% - 32px));top:0;bottom:0;width:1px;background:linear-gradient(transparent 1%,#d3bfff38 19%,#d8cfff88 56%,#d3bfff24 84%,transparent);pointer-events:none}.grip{position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);width:57px;height:57px;border:1px solid #eee5ff8c;border-radius:50%;display:grid;place-items:center;background:#9880bb19;backdrop-filter:blur(16px);box-shadow:0 0 0 6px #c9b7ff07,inset 0 1px #ffffff25,0 0 40px #b89cef20;transition:background .2s,box-shadow .2s}.grip:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff13;border-radius:50%;pointer-events:none}.grip svg{width:29px;fill:none;stroke:#fcf6ff;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.drag-caption{position:absolute;left:50%;top:calc(53% + 43px);transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:.12em;color:#e0d3ef;opacity:0;transition:opacity .2s;text-shadow:0 1px 12px #000}.slider{position:absolute;top:calc(53% - 36px);left:0;width:100%;height:72px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;outline:none;pointer-events:auto;touch-action:none}.slider::-webkit-slider-runnable-track{height:72px;background:transparent}.slider::-moz-range-track{height:72px;background:transparent;border:0}.slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:64px;height:72px;background:transparent;border:0}.slider::-moz-range-thumb{width:64px;height:72px;border:0;background:transparent}.comparison:has(.slider:focus-visible) .grip{outline:2px solid #f4eaff;outline-offset:5px;background:#8864af6b}.comparison:has(.slider:hover) .grip,.dragging .grip{background:#83629f51;box-shadow:0 0 0 9px #c9b7ff0a,0 0 45px #bca6ff44}.comparison:has(.slider:hover) .drag-caption,.comparison:has(.slider:focus-visible) .drag-caption,.dragging .drag-caption{opacity:1}
.lower{position:absolute;left:var(--pad);right:var(--pad);bottom:max(30px,env(safe-area-inset-bottom));z-index:4}.spectrum-labels{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;min-width:0}.team,.blend-control{border:0;background:transparent;padding:8px 0;display:flex;align-items:center;gap:10px;cursor:pointer;min-height:36px}.team{font-size:11px;letter-spacing:.14em;white-space:nowrap;transition:filter .2s}.team:hover{filter:brightness(1.35)}.team i{width:4px;height:4px;background:currentColor;box-shadow:0 0 12px currentColor;border-radius:50%}.red{color:#ff97aa}.blue{color:#9cbbff}.team-detail{font-size:12px;color:#a39bb1;letter-spacing:0;margin-inline:8px}.blend-control{gap:10px}.blend-glyph{position:relative;width:24px;height:14px}.blend-glyph i{position:absolute;top:0;height:14px;width:14px;border:1px solid #e990b4;border-radius:50%}.blend-glyph i:last-child{left:9px;border-color:#8dafff;background:#ad78fa20}.blend-label{font-size:10px;letter-spacing:.15em;color:#cdb9e5}.blend-control:hover .blend-label{color:#f0dcff}.evidence{display:grid;grid-template-columns:1fr 1.08fr;gap:38px;border-top:1px solid #c3b4de30;border-bottom:1px solid #c3b4de21;padding:21px 0 20px}.section-label{font-size:10px;letter-spacing:.14em;color:#a69ab8;display:block;margin-bottom:12px}.section-index{color:#7b6c8f;margin-right:9px}.research{display:block;max-width:max-content}.research-title{display:flex;align-items:center;gap:12px;font-size:21px;letter-spacing:-.035em}.cve{font:12px ui-monospace,Consolas,monospace;letter-spacing:0;color:#c5b1d9}.research-title svg{width:14px;height:14px;fill:none;stroke:#9e8daf;stroke-width:1.1}.research:hover .research-title{color:#dbc1fc}.research-detail{display:block;margin-top:9px;font-size:12px;color:#a7a0b4;line-height:1.4}.practice{border-left:1px solid #bca7d626;padding-left:38px;min-width:0}.practice-description{font-size:20px;letter-spacing:-.035em;margin:0 0 9px}.tools{margin:0;font-size:12px;color:#a7a0b4;line-height:1.5}.tools b{font-weight:400;color:#716480;margin:0 3px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;font-size:11px;letter-spacing:.015em;color:#857b95}.footer>span:first-child{font-size:10px;letter-spacing:.1em}.footer a{color:#b6aac9}.footer a:hover{color:white}.keyboard-hint{color:#756984}
@media(min-width:1800px){.header-note,.eyebrow,.section-label,.blend-label,.team,.footer{font-size:12px}.research-detail,.tools,.contact,.foundations{font-size:14px}.evidence{padding-block:26px}.research-title{font-size:24px}.practice-description{font-size:23px}.comparison{bottom:270px}}
@media(max-width:1050px){.header-note{display:none}.intro{max-width:70%;top:27%}h1{font-size:clamp(52px,8.6vw,83px)}.team-detail,.keyboard-hint{display:none}.evidence{gap:24px}.practice{padding-left:24px}.practice-description{font-size:18px}.comparison{bottom:250px}.tools{font-size:11px}.foundations{font-size:11px}}
@media(max-width:600px){.experience{--pad:24px}.frame{inset:12px}.header{padding-top:max(28px,env(safe-area-inset-top));gap:14px}.wordmark{font-size:27px;gap:7px}.wordmark svg{width:29px;height:29px}.contact{padding:11px 13px;font-size:12px;gap:9px}.contact>span:not(.contact-short){display:none}.contact-short{display:inline}.contact svg{width:15px;height:15px}.optical-field{transform:translate3d(0,0,0) scale(1.025)}.art img{object-position:63% 50%}.atmosphere{background:linear-gradient(0deg,#03060d 1%,#03060df7 24%,#03060d30 48%,#03060d35 59%,#03060dab 84%,#03060dbe 100%),linear-gradient(90deg,#04071048,transparent)}.intro{top:15%;max-width:calc(100% - 48px)}.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:18px;gap:8px}h1{font-size:clamp(40px,12.1vw,65px);line-height:1}h1 em{margin-top:4px}.lede{font-size:14px;line-height:1.5;margin-top:20px}.foundations{margin-top:13px;font-size:10px;gap:8px}.foundation-line{width:14px}.foundations b{margin:0 1px}.comparison{inset:310px 0 255px}.grip{top:51%;height:51px;width:51px}.slider{top:calc(51% - 36px)}.drag-caption{display:none}.lower{bottom:max(23px,env(safe-area-inset-bottom))}.spectrum-labels{gap:12px;margin-bottom:13px}.team{font-size:10px;gap:7px;min-height:36px}.blend-control{gap:7px}.blend-label{font-size:8px;letter-spacing:.08em;max-width:77px;text-align:left;line-height:1.5}.blend-glyph{transform:scale(.85)}.evidence{display:flex;flex-direction:column;gap:17px;padding:17px 0 16px}.section-label{font-size:10px;letter-spacing:.12em;margin-bottom:9px}.section-index{margin-right:5px}.research-title{font-size:19px;gap:12px}.cve{font-size:12px}.research-detail{font-size:11px;margin-top:7px}.practice{border:0;padding:0}.practice-description{display:none}.practice .section-label{margin-bottom:7px}.tools{font-size:11px;line-height:1.6;max-width:350px}.tools b{margin:0 1px}.footer{padding-top:13px;font-size:10px;gap:8px}.footer>span:first-child{font-size:8px}.footer #slider-hint{display:none}}
@media(max-height:760px) and (min-width:601px){.header{padding-block:26px}.intro{top:25%}.eyebrow{margin-bottom:20px}h1{font-size:clamp(45px,6.3vw,80px)}.lede{margin-top:22px;font-size:16px}.foundations{margin-top:18px}.comparison{inset:105px 0 205px}.evidence{padding-block:15px}.spectrum-labels{margin-bottom:13px}.lower{bottom:24px}.footer{padding-top:13px}.section-label{margin-bottom:9px}.research-detail,.tools{font-size:11px}}
@media(max-height:740px) and (max-width:600px){.header{padding-top:max(24px,env(safe-area-inset-top))}.intro{top:15%}.eyebrow{margin-bottom:13px}h1{font-size:clamp(38px,11.2vw,60px)}.lede{margin-top:14px;font-size:13px}.foundations{display:none}.comparison{inset:255px 0 231px}.lower{bottom:max(19px,env(safe-area-inset-bottom))}.spectrum-labels{margin-bottom:8px}.evidence{padding-block:12px;gap:12px}.research-detail{display:none}.section-label{font-size:9px;margin-bottom:7px}.tools{font-size:10px}.footer{padding-top:11px}.research-title{font-size:17px;gap:10px}.cve{font-size:11px}}
@media(max-height:560px){.frame{inset:11px}.header{padding-block:18px}.wordmark{font-size:25px}.wordmark svg{width:27px;height:27px}.contact{padding:10px 14px}.intro{top:26%;max-width:75%}.eyebrow{margin-bottom:13px;font-size:9px}h1{font-size:clamp(34px,6vw,60px)}.lede,.foundations{display:none}.comparison{inset:80px 0 143px}.grip{top:57%;height:46px;width:46px}.slider{top:calc(57% - 36px)}.drag-caption{display:none}.lower{bottom:18px}.spectrum-labels{margin-bottom:9px}.evidence{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px 0}.practice{padding-left:20px;border-left:1px solid #ffffff1a}.section-label{font-size:8px;margin-bottom:7px}.research-title{font-size:17px;gap:9px}.cve{font-size:10px}.research-detail,.practice-description{display:none}.tools{font-size:10px}.footer{font-size:9px;padding-top:10px}.footer #slider-hint{display:none}.team{font-size:9px}.blend-label{font-size:9px}.team-detail{display:none}}
@media(max-height:400px){.header{padding-block:14px}.intro{top:27%}h1{font-size:clamp(28px,5vw,45px)}.eyebrow{display:none}.comparison{inset:68px 0 119px}.lower{bottom:16px}.section-label{display:none}.evidence{padding-block:8px}.spectrum-labels{margin-bottom:5px}.footer{padding-top:8px}.team,.blend-control{min-height:30px;padding-block:5px}}
@media(max-width:340px){.experience{--pad:20px}.header{gap:10px}.wordmark{font-size:24px;gap:5px}.wordmark svg{width:26px}.contact{padding:10px;font-size:11px;gap:7px}.intro{max-width:calc(100% - 40px)}.eyebrow{font-size:8px}.research-title{font-size:17px;gap:9px}.cve{font-size:10px}.footer{font-size:9px}.footer>span:first-child{font-size:7px}.blend-glyph{display:none}.blend-label{font-size:8px;max-width:70px}}
@media(max-width:300px){.experience{--pad:16px}.header{gap:8px}.wordmark{font-size:20px}.wordmark svg{width:23px}.contact{padding:9px;font-size:10px}.contact svg{display:none}.eyebrow,.lede,.foundations,.evidence,.blend-control,.footer>span{display:none}.intro{top:28%;max-width:calc(100% - 32px)}h1{font-size:clamp(22px,12vw,36px)}.comparison{inset:75px 0 75px}.lower{bottom:18px}.footer{justify-content:flex-end}.spectrum-labels{margin-bottom:12px}.team{font-size:10px}}
@media(max-height:280px){.evidence,.eyebrow,.lede,.foundations,.spectrum-labels{display:none}.intro{top:31%}h1{font-size:clamp(20px,4.5vw,35px)}.comparison{inset:55px 0 34px}.lower{bottom:14px}.footer{padding:0}.grip{top:60%}.slider{top:calc(60% - 36px)}}
@media(max-width:200px){.contact{display:none}.header{justify-content:center}.wordmark{font-size:18px}.experience{--pad:12px}.intro{left:12px;max-width:calc(100% - 24px)}.footer{justify-content:center;font-size:8px}.spectrum-labels{display:none}.comparison{inset:55px 0 35px}}
.contact{min-height:44px}.team,.blend-control{min-height:44px}
@media(min-height:561px) and (min-width:601px){.eyebrow,.section-label,.team,.footer,.header-note{font-size:12px}.tools,.research-detail{font-size:14px}.comparison{bottom:250px}.blend-label{font-size:11px}}
@media(min-height:741px) and (max-width:600px){.section-label,.research-detail,.tools,.team{font-size:12px}.lede{font-size:16px}.eyebrow,.foundations{font-size:10px}.comparison{bottom:280px}.blend-label{font-size:9px}.footer{font-size:11px}}
@media(max-height:400px){.team,.blend-control{min-height:36px}}
[hidden]{display:none!important}
#top-canvas,#top-presentation{position:absolute;inset:0;width:100%;height:100%;display:block}
.slider{pointer-events:none}.grip{pointer-events:auto;cursor:ew-resize;touch-action:none}
.force-surface{position:absolute;inset:100px 0 245px;z-index:1;cursor:grab;touch-action:none;outline:none}
.force-surface:focus-visible{outline:2px solid #cbb3f0;outline-offset:-18px}
.force-surface.forcing{cursor:grabbing}
.force-line{position:fixed;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,#ff6283,#a980ff,#70a7ff);opacity:0;pointer-events:none;box-shadow:0 0 9px #b091ef77}
.force-line:after{content:'';position:absolute;right:-3px;top:-3px;width:7px;height:7px;border:1px solid #e4d7ff;border-radius:50%;background:#a585d477}
.motion-controls{display:flex;align-items:center;gap:18px}.motion-controls button{border:0;border-bottom:1px solid #a18fb55c;padding:7px 0;background:transparent;color:#b4a3c9;cursor:pointer;font-size:inherit}
.motion-controls button:hover{color:white}.motion-controls #slider-hint{display:inline}
.optical-field{transition:none;transform:none}.art .atmosphere{background:linear-gradient(90deg,#03060ca1 0%,#03060c40 29%,transparent 53%),linear-gradient(0deg,#04070df5 0%,#04070dcb 15%,transparent 37%,transparent 86%,#03060c40)}
@media(max-width:600px){.force-surface{inset:300px 0 245px}.motion-controls{position:absolute;right:0;bottom:45px;font-size:10px}.motion-controls #slider-hint{display:none}.footer{padding-top:38px}.motion-controls{bottom:26px}.art .atmosphere{background:linear-gradient(0deg,#03060df9 0%,#03060deb 22%,transparent 43%,transparent 57%,#03060d70 79%,#03060d88)}}
@media(max-height:740px) and (max-width:600px){.force-surface{inset:225px 0 230px}.footer{padding-top:28px}.motion-controls{bottom:19px}}
@media(max-height:560px) and (min-width:601px){.force-surface{inset:75px 0 145px}.motion-controls #slider-hint{display:none}.motion-controls{font-size:10px}}
@media(max-width:300px),(max-height:280px){.force-surface{inset:70px 0 80px}.footer .motion-controls{display:none}.footer{padding-top:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.optical-field{transform:none!important}}

@media(max-width:600px){.grip{width:42px;height:42px;backdrop-filter:blur(3px)}.grip svg{width:24px}.grip:after{inset:4px}}
@media(max-width:600px) and (max-height:640px){.lede{display:none}}

/* Reserve a generous portrait stage for the glass without covering the copy. */
@media(max-width:600px) and (min-height:561px){
 .header{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:16px}
 .intro{top:clamp(88px,12vh,112px)}
 .eyebrow{font-size:9px;margin-bottom:12px}
 h1{font-size:clamp(36px,11.2vw,50px)}
 .lede{font-size:14px;line-height:1.45;margin-top:12px}
 .foundations{font-size:10px;margin-top:9px}
 .spectrum-labels{margin-bottom:10px}
 .evidence{padding:12px 0;gap:12px}
 .section-label{font-size:10px;margin-bottom:7px}
 .research-title{font-size:18px}
 .research-detail{font-size:11px;margin-top:6px}
 .tools{font-size:11px;line-height:1.5}
 .footer{padding-top:30px}
 .motion-controls{bottom:24px}
}
@media(max-width:600px) and (min-height:561px) and (max-height:740px){
 .eyebrow,.section-label{display:none}
 .evidence{gap:10px;padding:10px 0}
 .footer{padding-top:28px}
}

@media(min-width:601px) and (orientation:portrait){
 .header{padding-top:max(28px,env(safe-area-inset-top));padding-bottom:20px}
 .intro{top:clamp(120px,12vh,200px);max-width:calc(100% - 2*var(--pad))}
 .eyebrow{margin-bottom:14px}
 h1{font-size:clamp(48px,7.8vw,110px)}
 .lede{font-size:16px;line-height:1.45;margin-top:14px}
 .foundations{margin-top:12px}
 .motion-controls #slider-hint{display:none}
}
@media(max-width:600px), (orientation:portrait){
 .force-surface{top:var(--glass-stage-top,200px);bottom:var(--glass-stage-bottom,245px)}
 .comparison{top:var(--glass-stage-top,310px);bottom:var(--glass-stage-bottom,255px)}
}
@media(min-width:601px) and (orientation:portrait){
 .optical-field img{width:46.2085vh;width:46.2085dvh;max-width:100%;left:50%;right:auto;transform:translateX(-50%);object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
}

/* The complete lockup is vector artwork: consistent spacing, no font request. */
.header .wordmark{width:220px}
@media(max-width:600px){.header .wordmark{width:184px}}
@media(max-width:340px){.header .wordmark{width:158px}}
@media(max-width:300px){.header .wordmark{width:130px}}
@media(max-width:200px){.header .wordmark{width:120px}}
@media(max-height:400px) and (min-width:601px){.header .wordmark{width:180px}}

@media(min-width:601px) and (min-height:561px) and (max-height:850px) and (orientation:landscape){
 .intro{top:21%}
 .eyebrow{margin-bottom:16px}
 h1{font-size:clamp(42px,6.3vw,80px)}
 .lede{font-size:14px;line-height:1.45;margin-top:14px}
 .foundations{display:none}
}
@media(min-width:601px) and (min-height:561px) and (max-height:640px) and (orientation:landscape){.lede{display:none}}

/* Keep the identity and controls legible in the visitor's contrast palette. */
@media(forced-colors:active){
 :root,.experience{background:Canvas;color:CanvasText}
 .art{opacity:.15}
 .wordmark,.brand-lockup{color:LinkText}
 .brand-lockup path{fill:currentColor;stroke:none;forced-color-adjust:none}
 .divider{background:CanvasText}
 .grip{background:Canvas;border:2px solid ButtonText;box-shadow:none;backdrop-filter:none;forced-color-adjust:none}
 .grip svg{stroke:ButtonText}
 .grip:after{display:none}
 .force-surface:focus-visible{outline:2px solid Highlight}
 .comparison:has(.slider:focus-visible) .grip{outline:3px solid Highlight;background:Canvas}
 .team[aria-pressed=true],.blend-control[aria-pressed=true]{outline:2px solid Highlight;outline-offset:3px}
}


/* Preserve enlarged reading text without forcing it into the visual hero layout. */
.reading-text-probe{position:fixed!important;left:0!important;top:0!important;visibility:hidden!important;pointer-events:none!important;font:10px/1 Arial!important;padding:0!important;margin:0!important;white-space:nowrap!important}
.reading-navigation,.reading-pagination{position:absolute;left:var(--pad);right:var(--pad);z-index:8;display:flex;align-items:center;gap:8px}
.reading-navigation{top:var(--reading-nav-top);max-width:680px}
.reading-navigation button,.reading-pagination button{border:1px solid #cbb7e14d;border-radius:4px;background:#0c0b18dc;color:#c7bdd7;font:inherit;font-size:10px;min-height:44px;padding:8px 10px;cursor:pointer}
.reading-navigation button{flex:1;min-width:0}
.reading-navigation button[aria-pressed=true]{color:#fff;background:#7556a144;border-color:#d5b6f7}
.reading-pagination{top:var(--reading-pager-top);justify-content:flex-end;max-width:900px;font-size:10px}
.reading-pagination button{min-height:36px;font-size:9px;padding:5px 9px}
.reading-pagination button:disabled{opacity:.35;cursor:default}
.reading-mode .art{opacity:.2}
.reading-mode .header{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:0}
.reading-mode .header-note,.reading-mode .force-surface{display:none}
.reading-mode .comparison{display:block;inset:auto var(--pad) var(--reading-slider-bottom);height:32px;z-index:6}
.reading-mode .comparison .divider{display:none}
.reading-mode .comparison .slider{position:static;width:100%;height:32px;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:auto;cursor:ew-resize}
.reading-mode .slider::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:linear-gradient(90deg,#fc6786,#b789ed,#78a5ff)}
.reading-mode .slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:1px solid #fff;border-radius:50%;background:#e4d5ff}
.reading-mode .slider::-moz-range-track{height:6px;border-radius:4px;background:linear-gradient(90deg,#fc6786,#b789ed,#78a5ff)}
.reading-mode .slider::-moz-range-thumb{width:20px;height:20px;border:1px solid #fff;border-radius:50%;background:#e4d5ff}
.reading-mode .slider:focus-visible{outline:2px solid #fff;outline-offset:3px}
.reading-mode .header .wordmark{width:min(220px,40vw)}
.reading-mode .contact{font-size:12px}
.reading-mode .lower,.reading-mode .evidence{display:contents}
.reading-mode .intro,.reading-mode .research,.reading-mode .practice{position:absolute;top:var(--reading-top);left:var(--pad);right:var(--pad);bottom:auto;width:auto;max-width:900px;margin:0;padding:0;border:0;z-index:5;pointer-events:auto}
.reading-mode .eyebrow{display:flex;font-size:10px;line-height:1.3;margin:0 0 14px;letter-spacing:.08em}
.reading-mode h1{font-size:clamp(16px,6vw,38px);line-height:1.05;letter-spacing:-.06em}
.reading-mode h1 em{white-space:nowrap;margin-top:3px}
.reading-mode .lede{display:block;font-size:14px;line-height:1.35;margin-top:16px}
.reading-mode .foundations{display:flex;align-items:flex-start;font-size:11px;line-height:1.35;margin-top:12px}
.reading-mode .foundation-line{margin-top:.65em;flex-shrink:0}
.reading-mode .section-label{display:block;font-size:11px;line-height:1.4;margin-bottom:14px}
.reading-mode .research-title{font-size:22px;line-height:1.2;flex-wrap:wrap;column-gap:14px;row-gap:8px}
.reading-mode .cve{font-size:12px}
.reading-mode .research-detail{display:block;font-size:14px;line-height:1.45;margin-top:16px}
.reading-mode .practice-description{display:block;font-size:18px;line-height:1.35;margin-bottom:16px}
.reading-mode .tools{font-size:14px;line-height:1.45;max-width:none}
.reading-mode .spectrum-labels{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--reading-palette-bottom);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;z-index:6}
.reading-mode .team,.reading-mode .blend-control{justify-content:center;gap:4px;font-size:10px;letter-spacing:.025em;min-height:44px;padding:4px 0}
.reading-mode .team-detail,.reading-mode .team i,.reading-mode .blend-glyph{display:none}
.reading-mode .blend-label{font-size:8px;letter-spacing:.02em;max-width:130px;text-align:center;line-height:1.25}
.reading-mode .footer{position:absolute;left:var(--pad);right:var(--pad);bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0;font-size:11px}
.reading-mode .footer>span:first-child{font-size:8px}
.reading-mode .motion-controls{position:static;display:flex;gap:16px;font-size:10px}
.reading-mode .motion-controls #slider-hint{display:none}
@media(max-width:700px){
 .experience.reading-mode{--pad:20px}
 .reading-mode .footer{display:grid;grid-template-columns:1fr;justify-items:center;gap:7px}
 .reading-mode .footer .motion-controls{grid-row:1}
 .reading-mode .footer>a{grid-row:2}
 .reading-mode .footer>span:first-child{grid-row:3}
 .reading-navigation{gap:5px}
 .reading-navigation button{font-size:9px;padding:7px 5px}
}

@media(forced-colors:active){
 .reading-mode .slider::-webkit-slider-runnable-track{background:CanvasText}
 .reading-mode .slider::-moz-range-track{background:CanvasText}
 .reading-mode .slider::-webkit-slider-thumb{background:Highlight;border-color:Canvas}
 .reading-mode .slider::-moz-range-thumb{background:Highlight;border-color:Canvas}
 .reading-mode .slider:focus-visible{outline-color:Highlight}
 .reading-navigation button[aria-pressed=true]{border:2px solid Highlight}
}

/* Vector shares the contact CTA; only its footer placement differs. */
.footer>.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:0 0 auto;min-width:0}
.footer .contact{margin-left:0;color:#f6f3ff;letter-spacing:normal;line-height:normal;white-space:nowrap}
.footer .contact:hover{color:#f6f3ff}
.footer .footer-copyright{font-size:8px;letter-spacing:.1em}
@media(max-width:600px){
 .footer{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:12px;row-gap:0;padding-top:14px}
 .footer>.footer-links{grid-column:1;grid-row:1 / 3}
 .footer .motion-controls{position:static;grid-column:2;grid-row:1;justify-content:flex-end;gap:16px}
 .footer>a{grid-column:2;grid-row:2;justify-self:end;white-space:nowrap}
}
@media(max-width:300px){
 .footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:0}
 .footer>.footer-links{align-items:center}
 .footer .footer-copyright{display:none}
}
@media(max-width:200px){
 .footer .contact{display:flex}
}
.reading-mode .footer>.footer-links{display:flex;align-items:flex-start}
@media(max-width:700px){
 .reading-mode .footer{display:grid;grid-template-columns:1fr;gap:7px}
 .reading-mode .footer>.footer-links{grid-column:1;grid-row:3;align-items:center}
 .reading-mode .footer .motion-controls{grid-column:1;grid-row:1}
 .reading-mode .footer>a{grid-column:1;grid-row:2;justify-self:center}
 .reading-mode .footer .footer-copyright{display:none}
}
@media(forced-colors:active){.footer .contact{color:LinkText}}