.project-book-section{--ink:#10233d;--ink-soft:#687a90;--ink-faint:#8b9caf;--blue:#1769e8;--line:#26589121;--paper:#fff;--paper-light:#f8fbff;--paper-dark:#eaf2ff;--cover-blue:#1d4f93;--cover-navy:#06265f;width:100%;color:var(--ink);background:radial-gradient(circle at 78% 15%,#4691ff1a,#0000 28%),radial-gradient(circle at 8% 72%,#64beff14,#0000 27%),linear-gradient(#fbfdff 0%,#f4f8fd 52%,#fbfdff 100%);padding:clamp(90px,9vw,135px) 0 clamp(85px,9vw,130px);position:relative;overflow:hidden}.project-book-grid{pointer-events:none;opacity:.38;background-color:#0000;background-image:linear-gradient(#24599709 1px,#0000 1px),linear-gradient(90deg,#24599709 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.project-book-shell{z-index:2;width:min(1160px,100% - 40px);margin:0 auto;position:relative}.project-book-header{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:46px;display:flex}.project-book-kicker{color:#66809d;letter-spacing:.19em;align-items:center;gap:10px;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}.project-book-kicker>span{background:var(--blue);width:30px;height:1px}.project-book-header h2{color:#10243b;letter-spacing:-.06em;margin:15px 0 0;font:500 clamp(48px,6.1vw,76px)/.92 Inter,system-ui,sans-serif}.project-book-header h2 em{color:#316ead;font:italic 400 clamp(48px,6.1vw,76px)/.92 Georgia,Times New Roman,serif}.project-book-header-meta{color:#7489a0;letter-spacing:.15em;flex-direction:column;align-items:flex-end;gap:6px;font:700 8px/1.25 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}.project-book-stage{perspective:2100px;perspective-origin:50% 45%;touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;min-height:535px;display:flex;position:relative}.book-perspective{perspective:2100px;width:min(900px,100% - 88px);margin:0 auto;position:relative}.book-shadow{filter:blur(18px);pointer-events:none;background:radial-gradient(#1f395238,#1f395214 45%,#0000 76%);border-radius:50%;height:84px;position:absolute;bottom:-47px;left:7%;right:7%;transform:scaleY(.52)}.book-object{aspect-ratio:1.84;width:100%;transform-style:preserve-3d;isolation:isolate;cursor:grab;position:relative}.book-object:active{cursor:grabbing}.book-object:before{content:"";z-index:0;background:linear-gradient(135deg,#072d6d 0%,#0d4ea8 52%,#1769ff 100%);border-radius:9px;position:absolute;inset:8px -9px -9px;transform:translateZ(-34px)rotate(-.15deg);box-shadow:0 22px 44px #06265f2e,inset 0 0 0 1px #ffffff38}.book-current,.book-underlay{transform-style:preserve-3d;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.book-underlay{z-index:1}.book-current{z-index:4}.book-current-left,.book-current-right,.book-underlay-left,.book-underlay-right{min-width:0;transform-style:preserve-3d;position:relative;overflow:hidden}.book-underlay-left .book-page,.book-current-left .book-page{border-radius:9px 0 0 9px}.book-underlay-right .book-page,.book-current-right .book-page{border-radius:0 9px 9px 0}.book-page{background:linear-gradient(90deg, #ffffff80, transparent 14%, transparent 86%, #1769ff09), var(--paper);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,inset 0 0 0 1px #1769ff1a}.book-page:before{content:"";z-index:80;pointer-events:none;opacity:.72;background:repeating-linear-gradient(0deg,#1769ff05 0 1px,#0000 1px 4px);position:absolute;inset:0}.book-page-header{z-index:90;color:#3557808c;letter-spacing:.14em;justify-content:space-between;align-items:center;font:700 6px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex;position:absolute;top:18px;left:20px;right:20px}.book-page-header span:first-child{color:var(--blue)}.book-image-frame{background:var(--paper-dark);border:1px solid #1769ff1f;justify-content:center;align-items:center;display:flex;position:absolute;inset:48px 26px 38px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff6b,0 8px 21px #06265f14}.book-project-image{object-fit:cover;object-position:center;filter:saturate(.92)contrast();pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform .75s cubic-bezier(.22,1,.36,1),filter .5s;display:block;position:absolute;inset:0}.book-image-frame:hover .book-project-image{filter:saturate()contrast(1.02);transform:scale(1.025)}.book-image-vignette{z-index:5;pointer-events:none;background:radial-gradient(#0000 45%,#06265f1f);position:absolute;inset:0}.book-image-grid{z-index:6;pointer-events:none;opacity:.1;background-color:#0000;background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:35px 35px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.book-image-gloss{z-index:7;pointer-events:none;opacity:.08;background:linear-gradient(90deg,#0000,#ffffffe6,#0000);width:22%;animation:6s ease-in-out infinite bookGloss;position:absolute;top:0;bottom:0;left:-25%;transform:skew(-15deg)}.book-page-footer{z-index:90;color:#35578080;letter-spacing:.13em;justify-content:space-between;font:700 6px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex;position:absolute;bottom:15px;left:20px;right:20px}.book-info{flex-direction:column;justify-content:space-between;padding:27px 31px 24px;display:flex;position:absolute;inset:0}.book-info-top{color:#35578085;letter-spacing:.13em;border-bottom:1px solid #1769ff1a;justify-content:space-between;align-items:center;gap:12px;padding-bottom:11px;font:700 6px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}.book-info-middle{min-width:0;margin:auto 0}.book-category{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:block}.book-info h3{max-width:360px;color:var(--ink);letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font:400 clamp(28px,3.7vw,45px)/.98 Georgia,Times New Roman,serif}.book-info-rule{background:var(--blue);width:39px;height:1px;margin:16px 0 14px}.book-description{color:#496a8d;overflow-wrap:anywhere;max-width:346px;margin:0;font:400 clamp(11px,1.2vw,14px)/1.62 Georgia,Times New Roman,serif}.book-tech{margin-top:17px}.book-tech-label{color:#7890aa;letter-spacing:.15em;margin-bottom:7px;font:700 6px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:block}.book-tech-list{flex-wrap:wrap;gap:5px;display:flex}.book-tech-list span{color:#587493;letter-spacing:.03em;background:#f1f7ffe0;border:1px solid #1769ff1f;border-radius:999px;padding:4px 6px;font:700 6px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.book-info-line{background:#1769ff1a;width:100%;height:1px;margin-bottom:13px}.book-actions{align-items:center;gap:8px;display:flex}.book-open,.book-live{letter-spacing:.12em;justify-content:space-between;align-items:center;min-height:33px;font:700 6px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.book-open{background:var(--cover-navy);color:#f8f0df;min-width:127px;padding:0 9px;box-shadow:0 5px 12px #3f2d1821}.book-open strong{font-size:12px}.book-live{min-width:43px;color:var(--cover-navy);background:#f1f7ffeb;border:1px solid #1769ff29;padding:0 9px}.book-open:hover,.book-live:hover{transform:translateY(-2px)}.book-center-spine{z-index:200;pointer-events:none;background:linear-gradient(90deg,#3e2d1806,#3e2d1833 30%,#ffffffb8 49%,#3e2d1826 72%,#3e2d1806);width:7px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #3e2d181f}.book-page-edge{z-index:190;pointer-events:none;background:repeating-linear-gradient(#67513033 0 1px,#f8f0ddeb 1px 2px);width:6px;position:absolute;top:6%;bottom:6%}.book-page-edge-left{right:50%}.book-page-edge-right{left:50%}.book-turn-page{z-index:150;width:50%;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;position:absolute;top:0;bottom:0}.book-turn-next{transform-origin:0;right:0}.book-turn-prev{transform-origin:100%;left:0}.book-turn-front,.book-turn-back{transform-style:preserve-3d;backface-visibility:hidden;background:var(--paper);position:absolute;inset:0;overflow:hidden}.book-turn-front{z-index:2}.book-turn-back{z-index:1;transform:rotateY(180deg)}.book-turn-front .book-page,.book-turn-back .book-page{width:100%;position:absolute;inset:0}.book-turn-front .book-page-image,.book-turn-back .book-page-image,.book-turn-front .book-page-info,.book-turn-back .book-page-info{border-radius:0}.book-turn-shadow{z-index:70;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background:linear-gradient(90deg,#31221247,#0000 18% 80%,#ffffff1c);position:absolute;inset:0}.book-turn-highlight{z-index:75;pointer-events:none;opacity:.32;filter:blur(4px);background:linear-gradient(90deg,#0000,#ffffffad,#0000);width:15%;position:absolute;top:0;bottom:0;left:6%}.book-side-arrow{z-index:250;color:#384f686e;cursor:pointer;background:0 0;border:0;flex:0 0 34px;width:34px;height:72px;padding:0;font:300 38px/1 Georgia,serif;transition:color .2s,transform .2s;position:relative}.book-side-arrow:hover{color:#183752}.book-side-arrow-left:hover{transform:translate(-3px)}.book-side-arrow-right:hover{transform:translate(3px)}.book-interaction-hint{color:#8798aa;letter-spacing:.14em;justify-content:center;align-items:center;gap:9px;margin-top:17px;font:700 6px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}.book-interaction-hint i{background:#a7b2bf;border-radius:50%;width:3px;height:3px}.book-controls{grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;gap:20px;width:min(900px,100% - 68px);margin:29px auto 0;display:grid}.book-control{color:#57738e;letter-spacing:.13em;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:8px 0;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}.book-control:hover{color:var(--blue)}.book-control span{font-size:14px}.book-progress-area{align-items:center;gap:12px;display:flex}.book-progress-line{background:#23589121;flex:1;height:1px;position:relative;overflow:hidden}.book-progress-line span{background:var(--blue);transition:width .5s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0}.book-progress-count{color:#8b9caf;justify-content:flex-end;align-items:baseline;gap:4px;min-width:62px;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}.book-progress-count strong:first-child{color:var(--blue);font-size:10px}.project-index{border-top:1px solid #25579121;margin-top:clamp(85px,10vw,125px);padding-top:31px}.project-index-header{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:23px;display:flex}.project-index-header>div>span{color:#8295aa;letter-spacing:.15em;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.project-index-header h3{color:#122d49;letter-spacing:-.05em;margin:9px 0 0;font:500 clamp(30px,4vw,52px)/1 Inter,system-ui,sans-serif}.project-index-header p{color:#798da4;text-align:right;max-width:290px;margin:0;font:400 13px/1.5 Inter,system-ui,sans-serif}.project-index-list{border-top:1px solid #25579121}.project-index-row{width:100%;min-height:62px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #2557911a;grid-template-columns:52px minmax(0,1fr) 175px 52px;align-items:center;gap:15px;padding:0 4px;transition:background .2s,padding .2s;display:grid}.project-index-row:hover,.project-index-row.is-active{background:#ffffffc7;padding-left:12px;padding-right:12px}.index-number{color:#7288a4;letter-spacing:.13em;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.index-title{color:#16314f;text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 17px/1.1 Inter,system-ui,sans-serif;overflow:hidden}.index-category{color:#7f91a4;letter-spacing:.12em;text-transform:uppercase;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.index-action{color:var(--blue);text-align:right;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.project-index-row.is-active .index-number{color:#e08342}.project-index-row.is-active .index-title{color:var(--blue)}.book-placeholder{color:#06265f85;background:radial-gradient(circle at 50% 46%,#1769ff1a,#0000 36%),radial-gradient(circle at 80% 20%,#459aff1a,#0000 32%),linear-gradient(145deg,#f8fbff 0%,#eef5ff 52%,#e7f0ff 100%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.book-placeholder:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fffffff2,#ffffff2e),linear-gradient(#1769ff09 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#1769ff09 1px,#0000 1px) 0 0/30px 30px;position:absolute;inset:0}.book-placeholder:after{content:"";pointer-events:none;border:1px solid #1769ff1a;border-radius:50%;width:64%;height:64%;position:absolute;box-shadow:0 0 0 22px #1769ff06,0 0 0 48px #1769ff05}.book-placeholder-grid{opacity:.9;background-color:#0000;background-image:linear-gradient(#1769ff09 1px,#0000 1px),linear-gradient(90deg,#1769ff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.book-placeholder-ring{border:1px solid #1769ff29;border-radius:50%;position:absolute;box-shadow:0 0 28px #1769ff0e}.ring-a{width:70%;height:36%;transform:rotate(-17deg)}.ring-b{border-color:#459aff21;width:42%;height:69%;transform:rotate(49deg)}.book-placeholder-center{z-index:3;flex-direction:column;align-items:center;gap:7px;display:flex;position:relative}.book-placeholder-center strong{letter-spacing:-.08em;color:#0a3b82;text-shadow:0 6px 24px #1769ff1f;font:700 46px/1.05 Manrope,system-ui,sans-serif}.book-placeholder-center span{letter-spacing:.19em;color:#6f89a7;font:800 6px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.book-placeholder-center:after{content:"DIGITAL PROJECT ARCHIVE";color:#1769ff;letter-spacing:.13em;background:#ffffffb8;border:1px solid #1769ff1f;border-radius:999px;margin-top:8px;padding:5px 8px;font:800 5.5px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.project-book-loading{color:#637b95;justify-content:center;align-items:center;gap:9px;min-height:410px;font:400 20px/1 Georgia,serif;display:flex}.project-book-loading>span{background:var(--blue);border-radius:50%;width:6px;height:6px}.project-book-empty{min-height:410px}.project-book-empty h2{color:#132c48;letter-spacing:-.05em;margin:14px 0 7px;font:500 clamp(38px,5vw,62px)/.95 Inter,system-ui,sans-serif}.project-book-empty p{color:#73879f;max-width:520px;font-size:14px;line-height:1.65}@keyframes bookGloss{0%,to{opacity:0;left:-25%}20%{opacity:.07}52%{opacity:.035;left:105%}80%{opacity:0}}@media (max-width:900px){.project-book-header{flex-direction:column;align-items:flex-start;gap:18px}.project-book-header-meta{align-items:flex-start}.book-perspective{width:calc(100% - 58px)}.book-side-arrow{flex-basis:27px;width:27px}.book-info{padding:22px 23px 20px}.book-info h3{font-size:clamp(25px,4.5vw,39px)}.book-description{font-size:11px}.book-controls{width:calc(100% - 58px)}.project-index-row{grid-template-columns:40px minmax(0,1fr) 120px 44px}}@media (max-width:650px){.project-book-shell{width:calc(100% - 22px)}.project-book-header h2,.project-book-header h2 em{font-size:45px}.book-perspective{width:calc(100% - 28px)}.book-object{aspect-ratio:1.56}.book-page-header{font-size:5px;top:14px;left:14px;right:14px}.book-page-footer{font-size:5px;bottom:10px;left:14px;right:14px}.book-image-frame{inset:42px 15px 31px}.book-info{padding:15px 14px 14px}.book-info-top,.book-category{font-size:5px}.book-info h3{font-size:clamp(20px,6vw,29px)}.book-info-rule{width:27px;margin:10px 0}.book-description{-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.book-tech{margin-top:10px}.book-tech-list{gap:3px}.book-tech-list span{padding:3px 4px;font-size:4.5px}.book-open,.book-live{min-height:27px;font-size:5px}.book-open{min-width:91px}.book-open strong{font-size:9px}.book-live{min-width:38px}.book-side-arrow{font-size:30px}.book-interaction-hint{gap:6px;font-size:5px}.book-controls{grid-template-columns:66px minmax(0,1fr) 66px;gap:7px;width:calc(100% - 28px)}.book-control{font-size:5px}.book-progress-count{min-width:53px;font-size:5px}.book-progress-count strong:first-child{font-size:8px}.project-index-header{flex-direction:column;align-items:flex-start}.project-index-header p{text-align:left}.project-index-row{grid-template-columns:27px minmax(0,1fr) 38px;gap:8px;min-height:55px}.index-category{display:none}.index-title{font-size:13px}.index-action{font-size:5px}}@media (prefers-reduced-motion:reduce){.book-project-image,.book-side-arrow,.book-control,.project-index-row,.book-open,.book-live{transition:none!important}.book-image-gloss{animation:none}}.book-object:before{background:linear-gradient(135deg,#06265f 0%,#0b3d86 48%,#1769ff 100%);box-shadow:0 24px 48px #06265f29,inset 0 0 0 1px #ffffff29,inset 0 0 24px #ffffff0b}.book-page{background:linear-gradient(90deg,#1769ff05,#0000 12% 88%,#1769ff05),#fff;box-shadow:inset 0 1px #fffffffa,inset 0 0 0 1px #1769ff14}.book-page:before{opacity:.55;background:repeating-linear-gradient(0deg,#1769ff04 0 1px,#0000 1px 5px)}.book-image-frame{background:linear-gradient(145deg,#f7fbff,#eaf2ff);border-color:#1769ff1c;box-shadow:inset 0 0 0 1px #fffc,0 10px 24px #06265f12}.book-image-vignette{background:radial-gradient(#0000 48%,#06265f14)}.book-info h3{letter-spacing:-.06em;font:650 clamp(28px,3.7vw,45px)/.98 Manrope,system-ui,sans-serif}.book-description{color:#5e7592;font:450 clamp(11px,1.2vw,14px)/1.62 Inter,system-ui,sans-serif}.book-tech-list span{color:#587493;background:#eff6ffd1;border-color:#1769ff1c}.book-open{color:#fff;background:linear-gradient(135deg,#06265f,#0d4ea8);box-shadow:0 8px 18px #06265f2e}.book-live{color:#0b4da2;background:#eff6ffc7;border-color:#1769ff24}.book-open:hover{background:linear-gradient(135deg,#0a357a,#1769ff)}.book-live:hover{color:#06265f;background:#edf4ff}.book-center-spine{background:linear-gradient(90deg,#06265f0d,#1769ff6b 22%,#ffffffdb 48%,#1769ff47 72%,#06265f0d);box-shadow:0 0 12px #1769ff24}
:root{--ss-navy:#06265f;--ss-blue:#1769ff;--ss-blue-soft:#edf4ff;--ss-orange:#ff761d;--ss-text:#19365c;--ss-muted:#71849f;--ss-line:#1753a01f}.projects-showcase{min-height:100vh;color:var(--ss-text);background:radial-gradient(circle at 78% 4%,#1769ff1f,#0000 27rem),radial-gradient(circle at 8% 28%,#1769ff0b,#0000 25rem),linear-gradient(#f9fcff 0%,#f5f9ff 52%,#fff 100%);position:relative;overflow:hidden}.projects-shell{z-index:3;width:min(1290px,100% - 42px);margin:0 auto;padding-top:24px;position:relative}.projects-page-grid{pointer-events:none;background-image:linear-gradient(#1b56a60b 1px,#0000 1px),linear-gradient(90deg,#1b56a60b 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 58%,#0000 94%);mask-image:linear-gradient(#000 0% 58%,#0000 94%)}.projects-page-glow{pointer-events:none;filter:blur(8px);border-radius:999px;position:absolute}.projects-page-glow-a{background:#1769ff0b;width:360px;height:360px;top:290px;right:-130px}.projects-page-glow-b{background:#1769ff07;width:300px;height:300px;top:720px;left:-160px}.projects-topbar{border-bottom:1px solid #1769ff14;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;display:grid}.projects-brand{color:var(--ss-navy);letter-spacing:.14em;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none}.projects-system-status{color:#7c8ea8;letter-spacing:.11em;align-items:center;gap:8px;font:600 8px/1 ui-monospace,monospace;display:flex}.projects-status-dot{background:var(--ss-orange);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #ff761d12}.projects-topbar-code{color:#8b9bb0;letter-spacing:.08em;justify-self:end;font:600 8px/1 ui-monospace,monospace}.projects-hero{grid-template-columns:minmax(0,.94fr) minmax(540px,1.06fr);align-items:center;gap:0;min-height:690px;display:grid;position:relative;overflow:visible}.projects-hero-left{z-index:5;max-width:700px;padding-bottom:12px;padding-left:78px;position:relative}.projects-hero-overline{color:var(--ss-blue);letter-spacing:.18em;align-items:center;gap:9px;font:700 8px/1.2 ui-monospace,monospace;display:inline-flex}.projects-hero-overline:before{content:"";background:var(--ss-orange);border-radius:50%;flex:0 0 7px;width:7px;height:7px;box-shadow:0 0 0 5px #ff761d12}.projects-hero-left h1{color:var(--ss-navy);letter-spacing:-.078em;margin:22px 0 26px;font-size:clamp(76px,8.7vw,126px);font-weight:720;line-height:.83}.projects-hero-left h1 span,.projects-hero-left h1 em{font-style:normal;display:block}.projects-hero-left h1 span{color:#5877a0}.projects-hero-left h1 em{color:var(--ss-blue)}.projects-hero-description{color:#71849f;max-width:620px;margin:0;font-size:14px;line-height:1.86}.projects-hero-actions{flex-wrap:wrap;align-items:center;gap:21px;margin-top:31px;display:flex}.projects-hero-primary{color:#fff;background:linear-gradient(135deg,#2875ff,#1769ff);border-radius:999px;align-items:center;gap:10px;min-height:47px;padding:0 19px;font-size:11px;font-weight:750;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 15px 32px #1769ff33}.projects-hero-primary:hover{transform:translateY(-3px);box-shadow:0 20px 38px #1769ff45}.projects-hero-play{color:var(--ss-navy);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.projects-hero-play-icon{width:35px;height:35px;color:var(--ss-blue);background:#ffffffbf;border:1px solid #1769ff21;border-radius:50%;place-items:center;transition:transform .18s,background .18s;display:grid}.projects-hero-play:hover .projects-hero-play-icon{background:var(--ss-blue-soft);transform:translateY(3px)}.projects-hero-play-copy{gap:4px;display:grid}.projects-hero-play-copy strong{font-size:10px;font-weight:750}.projects-hero-play-copy small{color:#98a7ba;letter-spacing:.11em;text-transform:uppercase;font:600 7px/1 ui-monospace,monospace}.projects-hero-stats{border-top:1px solid #1769ff1a;grid-template-columns:repeat(4,1fr);max-width:620px;margin-top:43px;display:grid}.projects-hero-stats>div{padding:15px 13px 0 0;position:relative}.projects-hero-stats>div+div{border-left:1px solid #1769ff17;padding-left:17px}.projects-hero-stats strong{color:var(--ss-navy);letter-spacing:-.045em;font:700 24px/1 ui-monospace,monospace;display:block}.projects-hero-stats span{color:#899aae;letter-spacing:.12em;margin-top:7px;font:600 7px/1 ui-monospace,monospace;display:block}.projects-hero-art{isolation:isolate;justify-content:center;align-items:center;min-width:0;height:620px;margin-right:-10px;display:flex;position:relative;overflow:visible}.projects-hero-art-glow{filter:blur(18px);opacity:.95;z-index:0;pointer-events:none;background:radial-gradient(at 48% 48%,#fffffff5 0%,#dfedffe0 18%,#7faeff4d 42%,#1769ff1a 58%,#0000 76%);border-radius:50%;width:620px;height:620px;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.projects-hero-art:before,.projects-hero-art:after{content:"";pointer-events:none;z-index:1;filter:blur(32px);mix-blend-mode:screen;border-radius:50%;position:absolute}.projects-hero-art:before{opacity:.72;background:radial-gradient(at 40% 45%,#fffffff2 0%,#bedcff7a 35%,#5791ff24 57%,#0000 74%);width:520px;height:430px;animation:8s ease-in-out infinite heroSmokeDrift;top:110px;right:45px}.projects-hero-art:after{opacity:.62;background:radial-gradient(at 52%,#ffffffd1 0%,#a5cbff4d 34%,#1769ff1a 55%,#0000 75%);width:430px;height:360px;animation:11s ease-in-out infinite heroSmokeDriftReverse;top:185px;right:135px}@keyframes heroSmokeDrift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-18px,-10px)scale(1.05)}}@keyframes heroSmokeDriftReverse{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(14px,12px)scale(.96)}}.projects-hero-art-orbit{pointer-events:none;z-index:1;border:1px solid #1769ff17;border-radius:50%;position:absolute;top:51%;left:52%;transform:translate(-50%,-50%)rotateX(62deg)}.projects-hero-art-orbit.orbit-one{width:580px;height:250px;animation:14s linear infinite heroOrbitOne}.projects-hero-art-orbit.orbit-two{border-color:#1769ff11;width:470px;height:205px;animation:10s linear infinite heroOrbitTwo}@keyframes heroOrbitOne{to{transform:translate(-50%,-50%)rotateX(62deg)rotate(360deg)}}@keyframes heroOrbitTwo{to{transform:translate(-50%,-50%)rotateX(62deg)rotate(-360deg)}}.projects-hero-art-image{z-index:3;object-fit:contain;filter:drop-shadow(0 35px 65px #1753a02b)drop-shadow(0 0 28px #1769ff12);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:min(680px,100%);max-width:100%;height:auto;margin:26px auto 0;animation:7s ease-in-out infinite projectsHeroFloat;display:block;position:relative;transform:translate(0,0)}@keyframes projectsHeroFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-7px)}}.projects-hero-art-label{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc9;border:1px solid #1769ff21;gap:5px;min-width:118px;padding:11px 12px;transition:transform .22s,box-shadow .22s;display:grid;position:absolute;box-shadow:0 16px 36px #1e4b8214}.projects-hero-art-label:hover{transform:translateY(-4px);box-shadow:0 22px 45px #1e4b821f}.projects-hero-art-label span{color:var(--ss-blue);font:600 7px/1 ui-monospace,monospace}.projects-hero-art-label strong{color:var(--ss-navy);letter-spacing:.06em;font:750 9px/1 ui-monospace,monospace}.projects-hero-art-label small{color:#7890ad;font-size:7px;line-height:1.45}.projects-hero-art .label-plan{top:103px;left:13px}.projects-hero-art .label-build{top:67px;right:22px}.projects-hero-art .label-deploy{top:361px;right:-4px}.projects-hero-art .label-grow{bottom:73px;left:45px}.projects-hero-art-caption{z-index:7;border-left:1px solid #1769ff38;gap:4px;padding-left:12px;display:grid;position:absolute;bottom:34px;right:22px}.projects-hero-art-caption span{color:#7188a6;letter-spacing:.12em;font:600 7px/1 ui-monospace,monospace}.projects-hero-art-caption span:first-child{color:var(--ss-blue)}@media (min-width:1181px){.projects-hero{padding-top:18px}.projects-hero-art{box-sizing:border-box;height:610px;padding-top:18px}.projects-hero-art-image{width:min(680px,100%);max-width:100%}}@media (max-width:1180px){.projects-shell{width:min(1240px,100% - 34px)}.projects-hero{grid-template-columns:minmax(0,.93fr) minmax(430px,1.07fr)}.projects-hero-left{padding-left:30px}.projects-hero-art{margin-right:0}.projects-hero-art-image{width:min(640px,100%);margin-top:18px}.projects-hero-art-orbit.orbit-one{width:500px}.projects-hero-art-orbit.orbit-two{width:410px}.projects-hero-art-glow{width:540px;height:540px}.projects-hero-art:before{width:460px;height:380px}.projects-hero-art:after{width:370px;height:310px}.projects-hero-art .label-plan{left:0}.projects-hero-art .label-build{right:0}}@media (max-width:980px){.projects-hero{min-height:auto;padding:75px 0 65px;display:block}.projects-hero-left{max-width:820px;padding-left:0}.projects-hero-left h1{font-size:clamp(66px,12vw,101px)}.projects-hero-art{max-width:820px;height:520px;margin:24px auto 0}.projects-hero-art-image{width:min(680px,94%);max-width:680px;margin:0 auto}.projects-hero-art-glow{width:570px;height:570px;right:50%;transform:translate(50%,-50%)}.projects-hero-art:before,.projects-hero-art:after{right:50%;transform:translate(50%)}.projects-hero-art-orbit.orbit-one{width:560px}.projects-hero-art-orbit.orbit-two{width:450px}.projects-hero-art .label-plan{left:4%}.projects-hero-art .label-build{right:5%}.projects-hero-art .label-deploy{right:2%}.projects-hero-art .label-grow{left:8%}}@media (max-width:680px){.projects-shell{width:min(100% - 26px,1290px)}.projects-topbar{grid-template-columns:1fr auto}.projects-system-status{display:none}.projects-hero{padding:56px 0 50px}.projects-hero-left h1{font-size:clamp(55px,16vw,83px);line-height:.86}.projects-hero-description{font-size:13px;line-height:1.78}.projects-hero-actions{flex-direction:column;align-items:flex-start;gap:15px}.projects-hero-stats{grid-template-columns:repeat(2,1fr);max-width:100%;margin-top:35px}.projects-hero-stats>div:nth-child(3){border-left:0;margin-top:15px;padding-left:0}.projects-hero-stats>div:nth-child(4){margin-top:15px}.projects-hero-art{height:420px;margin-top:10px}.projects-hero-art-glow{width:400px;height:400px;right:50%;transform:translate(50%,-50%)}.projects-hero-art:before{filter:blur(28px);width:350px;height:290px;top:70px;right:50%;transform:translate(50%)}.projects-hero-art:after{filter:blur(26px);width:300px;height:250px;top:120px;right:50%;transform:translate(50%)}.projects-hero-art-image{width:min(560px,100%);max-width:100%;margin:0 auto}.projects-hero-art-orbit{display:none}.projects-hero-art-label{min-width:91px;padding:8px 9px}.projects-hero-art-label small{font-size:6px}.projects-hero-art .label-plan{top:63px;left:-2%}.projects-hero-art .label-build{top:31px;right:-2%}.projects-hero-art .label-deploy{top:270px;right:-3%}.projects-hero-art .label-grow{bottom:29px;left:0}.projects-hero-art-caption{display:none}}@media (prefers-reduced-motion:reduce){.projects-hero-art-image,.projects-hero-art-orbit,.projects-hero-art:before,.projects-hero-art:after{animation:none}}