/* Fluid intelligence — local design review */
.nav-bar nav{gap:25px}@media(min-width:901px){.nav-bar nav{margin-right:100px}}@media(min-width:621px) and (max-width:980px){.nav-bar nav{gap:18px;transform:none}}
@media(max-width:620px){.cover .cover-story h1{font-size:27px;line-height:1.55;letter-spacing:-.06em}}
:root{--electric:#63dbff;--deep:#061f34}html{scroll-behavior:smooth}.site-header{filter:drop-shadow(0 7px 18px #0c294125)}.nav-bar,.name-tile,.header-arrow{background:#103247ec;backdrop-filter:blur(18px)}.reading-progress{position:absolute;left:0;bottom:-4px;height:2px;width:100%;background:linear-gradient(90deg,#287fa4,#81eeff);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px #69ddff;pointer-events:none}.cover{isolation:isolate}.cover-image{transition:transform 1.4s cubic-bezier(.2,.7,.2,1);transform:scale(1.025) translate(var(--mx,0px),var(--my,0px))}.data-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.cover-story{backdrop-filter:blur(25px);background:#ffffffdd!important;border:1px solid #ffffffc9;box-shadow:0 20px 60px #0c365d14;animation:story-arrive 1s both}.cover-story h1{letter-spacing:-.065em}.cover-caption>span:last-child{background:none;letter-spacing:.12em}.cover-scroll{animation:scroll-hint 3s infinite}.preview-controls{position:fixed;bottom:18px;right:22px;z-index:60;display:flex;gap:8px;align-items:center;padding:7px 8px 7px 15px;border:1px solid #83b9d74d;background:#103247ed;color:#d3eaf5;border-radius:40px;box-shadow:0 6px 28px #06223930;backdrop-filter:blur(16px);font-size:10px}.preview-controls span{padding-right:8px}.preview-controls button{border:1px solid #6ba9c366;background:#ffffff0b;color:#e4f9ff;border-radius:24px;padding:9px 13px;font-size:11px}.preview-controls button:hover{background:#26576e}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.75,.2,1);transition-delay:var(--delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:none}.problem-grid article{position:relative;padding:22px 14px 18px;transition:background .35s,transform .35s,box-shadow .35s;overflow:hidden}.problem-grid article:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#2b99bf,transparent);transform:translateX(-100%);transition:transform .5s}.problem-grid article:hover{background:#fff9;transform:translateY(-6px);box-shadow:0 14px 34px #1b65800a}.problem-grid article:hover:before{transform:translateX(0)}.problem-grid article:hover>span{color:#1688b6}.topic-visual img{transition:transform 1.2s}.topic-card:hover img{transform:scale(1.06)}.topic-card:hover .folder.front{transform:translateY(-12px) rotate(-2deg)}.folder{transition:transform .65s}.story-link span,.story-link b,.service-row>a,.header-arrow{transition:transform .25s}.story-link:hover span,.story-link:hover b,.service-row>a:hover{transform:translate(3px,-3px)}.service-row{transition:background .3s}.service-row:hover{background:#e5f0f599}.feature-spread{background:var(--deep);color:#edf9ff;margin:12px 15px;position:relative;border:1px solid #255879;box-shadow:0 28px 75px #0d345e14}.spread-art{background:radial-gradient(ellipse at 45% 48%,#13516b 0%,#09273e 40%,#061c30 75%);min-height:790px;display:flex;align-items:center;justify-content:center}.spread-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8bdfff07 1px,transparent 1px),linear-gradient(90deg,#8bdfff07 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,black,transparent 75%)}.spread-story{background:linear-gradient(120deg,#0b2a40,#061e32);padding:75px 60px}.spread-story .section-label{color:#76cae3}.spread-story>p,.method-list p{color:#8caebf}.method-list li{border-color:#31526866;opacity:.6;transition:opacity .4s,background .4s}.method-list li.active{opacity:1;background:linear-gradient(90deg,#267a9324,transparent)}.method-list li>span{color:#71bfd6}.method-list button{text-align:left;background:none;border:0;color:#d9f2fc;width:100%;padding:0}.method-list button:focus-visible{outline:2px solid #73deff;outline-offset:8px}.method-list li.active>span{color:#9cf2ff;text-shadow:0 0 15px #52d6ff}.system-orbit{position:relative;width:360px;height:360px;display:grid;place-items:center}.system-orbit:before,.system-orbit:after{content:"";position:absolute;inset:0;border:1px solid #62c6f13d;border-radius:50%;transform:rotateX(58deg) rotate(-25deg);box-shadow:0 0 30px #68d7ff0a;animation:orbit-turn 18s linear infinite}.system-orbit:after{inset:30px;transform:rotateY(55deg) rotate(35deg);animation-direction:reverse;animation-duration:24s}.orbit-core{position:relative;width:170px;height:190px;background:linear-gradient(140deg,#b4efff32,#17638925);border:1px solid #90dfff8c;box-shadow:inset 0 0 50px #59cfff1f,0 0 90px #40bcff26;display:flex;flex-direction:column;justify-content:center;align-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);animation:core-breathe 5s ease-in-out infinite}.orbit-core b{font:58px Georgia,serif;color:#d9faff}.orbit-core span{font:9px var(--sans);letter-spacing:.2em;color:#96d1e4;margin-top:10px}.orbit-point{position:absolute;width:12px;height:12px;border-radius:50%;background:#a9f1ff;box-shadow:0 0 15px #7cddff,0 0 35px #56c6f8;transition:transform .5s}.orbit-point:nth-child(2){left:5%;top:30%}.orbit-point:nth-child(3){right:9%;top:15%}.orbit-point:nth-child(4){right:3%;bottom:26%}.orbit-point:nth-child(5){left:19%;bottom:7%}.system-caption{position:absolute;left:40px;right:40px;bottom:75px;text-align:center}.system-caption small{font-size:10px;letter-spacing:.15em;color:#70b1c8}.system-caption h3{font-size:28px;color:#d1f3ff;margin:16px 0 12px}.system-caption p{color:#91b4c5;font-size:12px;max-width:380px;margin:auto;min-height:46px}.system-topline{position:absolute;top:42px;left:38px;right:38px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#80bbcf}.system-topline i{width:5px;height:5px;background:#8eefff;border-radius:50%;display:inline-block;margin-right:6px;box-shadow:0 0 12px #4ab7e8}.flow-indicator{position:absolute;bottom:35px;left:38px;right:38px;height:2px;background:#24526a}.flow-indicator b{display:block;background:#8aeaff;height:100%;width:25%;box-shadow:0 0 12px #65d4ff;transition:width .6s}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .cover-image{transform:none}.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}.motion-paused .data-field{opacity:0}.motion-paused .system-orbit:before,.motion-paused .system-orbit:after{animation:none}.motion-paused .cover-scroll{animation:none}@keyframes core-breathe{50%{filter:brightness(1.3);transform:translateY(-8px)}}@keyframes orbit-turn{to{transform:rotateX(58deg) rotate(335deg)}}@keyframes story-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes scroll-hint{50%{translate:0 6px}}@media(max-width:900px){.spread-story{padding:55px 32px}.system-orbit{width:290px;height:290px}.system-caption{left:25px;right:25px}.system-caption h3{font-size:25px}}@media(max-width:620px){.data-field{height:330px}.cover-image{transform:none}.spread-art{min-height:480px}.feature-spread{margin:0 9px}.system-orbit{width:250px;height:250px;margin-top:-40px}.orbit-core{width:125px;height:145px}.orbit-core b{font-size:43px}.system-caption{bottom:45px}.system-caption h3{font-size:23px;margin:10px 0}.system-topline{top:25px;left:25px;right:25px}.flow-indicator{bottom:22px;left:25px;right:25px}.system-caption small{font-size:8px}.system-caption p{font-size:10px;min-height:36px}.preview-controls{right:12px;bottom:12px;font-size:9px}.preview-controls span{padding-right:0}.preview-controls button{padding:8px 11px;font-size:10px}.spread-story{padding:40px 27px}.problem-grid article{padding-inline:5px}.cover-story{animation:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready{opacity:1;transform:none}.cover-image{transform:none}.data-field{display:none}}
