:root{--navy:#071426;--navy2:#0b1d34;--navy3:#102944;--cyan:#39c8f2;--cyan2:#8be5ff;--ink:#102033;--muted:#607184;--paper:#f7fafc;--line:#e4ebf1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}
.site-header{height:78px;background:rgba(6,19,36,.97);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#fff}.brand-mark{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:linear-gradient(145deg,#102f4b,#091b30);border:1px solid #54d4f277;display:grid;place-items:center;box-shadow:0 5px 22px #39c8f222,inset 0 1px #ffffff12}.brand-mark svg{width:27px;height:27px;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.4}.mark-j{stroke:#48d6f5}.mark-p{stroke:#e8f8ff}.brand-name{font:700 16px Manrope,sans-serif;letter-spacing:-.35px}.brand-name b{font-weight:500;color:#a6c1d5}.nav-links{display:flex;align-items:center;gap:34px;color:#c4d1df;font-size:13px}.nav-links a:not(.nav-cta):hover{color:var(--cyan)}.nav-cta{padding:12px 18px;border:1px solid #3bc9f277;border-radius:6px;color:#fff}.nav-cta span,.button span,.text-link span{color:var(--cyan);margin-left:8px}.menu-toggle{display:none}
.hero{min-height:680px;background:radial-gradient(ellipse at 75% 48%,#123c5b 0%,#0a2038 31%,#071426 70%);color:#fff;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#a6dfff09 1px,transparent 1px),linear-gradient(90deg,#a6dfff09 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000 65%)}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.18}.orb-one{width:300px;height:300px;background:#13b8ec;right:12%;top:15%}.orb-two{width:210px;height:210px;background:#246bff;right:36%;bottom:5%}.hero-content{position:relative;z-index:2;padding-top:116px;max-width:1160px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#91dff7;display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-1.7px}.hero h1{font-size:clamp(44px,5.4vw,68px);line-height:1.12;margin:25px 0 20px;font-weight:800;max-width:690px}.hero h1 span,.approach-intro h2 span{color:var(--cyan)}.hero-copy{font-size:16px;line-height:1.8;color:#b6c9da;max-width:570px}.hero-actions{display:flex;gap:14px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;border-radius:5px;font-size:13px;font-weight:700;transition:.2s}.button-primary{background:var(--cyan);color:#061629;box-shadow:0 8px 26px #39c8f226}.button-primary:hover{background:#82e3ff;transform:translateY(-2px)}.button-ghost{border:1px solid #8198ad66;color:#fff}.button-ghost:hover,.button-outline:hover{border-color:var(--cyan);color:var(--cyan)}.hero-note{margin-top:52px;color:#90a8bd;font-size:11px;display:flex;align-items:center;gap:12px}.note-line{width:30px;height:1px;background:var(--cyan)}.hero-bottom{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;color:#6e879d;font-size:9px;letter-spacing:1.5px}.scroll-cue{color:#a6c6d9}
.hero-visual{position:absolute;width:510px;height:510px;right:max(4%,calc((100vw - 1160px)/2));top:83px}.visual-ring{position:absolute;border:1px solid #55c9ef26;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-a{width:420px;height:420px}.ring-b{width:310px;height:310px;border-style:dashed;border-color:#55c9ef40}.core-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#1e5474,#0b1e34 72%);border:1px solid #65d9ff7a;box-shadow:0 0 65px #22bce833,inset 0 0 35px #2eb9e41b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.core-icon{font-size:44px;color:var(--cyan);line-height:1}.core-label{font:800 12px/1.5 Manrope;letter-spacing:1.5px;margin-top:10px}.core-status{font-size:7px;letter-spacing:1px;color:#83a7bd;margin-top:12px}.core-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#52e4ae;margin-right:5px}.float-card{position:absolute;display:flex;align-items:center;gap:10px;background:#102b45dd;border:1px solid #6acff044;border-radius:9px;padding:12px 15px;box-shadow:0 14px 35px #0004;backdrop-filter:blur(12px)}.float-card b,.float-card small{display:block}.float-card b{font:700 11px Manrope;color:#fff}.float-card small{font-size:9px;color:#9db7c9;margin-top:3px}.mini-icon{font-size:22px;color:var(--cyan)}.cloud-card{top:74px;left:8px}.ai-card{top:125px;right:-2px}.code-card{bottom:65px;left:37px}.network-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#53d5ff99,transparent);transform-origin:left}.line-a{width:190px;top:160px;left:95px;transform:rotate(30deg)}.line-b{width:170px;top:290px;left:240px;transform:rotate(-45deg)}.line-c{width:160px;top:355px;left:100px;transform:rotate(-25deg)}.visual-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#80e7ff;box-shadow:0 0 15px #80e7ff}.dot-a{top:145px;left:118px}.dot-b{top:280px;right:64px}.dot-c{bottom:108px;left:245px}
.trust-strip{background:#f2f7fa;border-bottom:1px solid #e5edf2}.strip-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#516679}.strip-inner>span{font-size:9px;letter-spacing:1.4px;color:#8495a5;font-weight:700}.strip-inner b{font:700 12px Manrope}.strip-inner i{height:4px;width:4px;border-radius:50%;background:#39bde6}
.section{padding:104px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px;gap:50px}.dark-eyebrow{color:#129ec9}.section-heading h2,.about-copy h2{font-size:clamp(34px,4vw,48px);line-height:1.18;margin:17px 0 0}.section-heading h2 span,.about-copy h2 span{color:#159fc9}.section-heading>p{max-width:390px;color:#6a7b8b;font-size:14px;line-height:1.8;margin:0 0 5px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:295px;padding:30px 27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:#fff;transition:.25s}.service-card:hover{background:#f8fcfe;transform:translateY(-3px);box-shadow:0 12px 35px #0a2a4410;z-index:1}.service-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;background:#e8f8fd;color:#079fcf;font-size:23px;margin-bottom:24px}.service-number{font-size:9px;letter-spacing:1.5px;color:#91a0ad;font-weight:700}.service-card h3{font-size:20px;line-height:1.35;letter-spacing:-.6px;margin:12px 0}.service-card p{font-size:12px;line-height:1.8;color:#6a7b8b;min-height:65px}.text-link{display:inline-block;color:#087fa8;font-size:11px;font-weight:700;margin-top:12px}.featured{background:#f1faff}.featured .service-icon{background:#d9f5ff}.service-card-cta{background:var(--navy);color:#fff}.service-card-cta p{color:#a8bbcb}.service-card-cta .service-number{color:#7c9bb2}.service-card-cta h3{font-size:24px}.service-card-cta .button{font-size:11px;padding:12px 15px;margin-top:10px}.cta-glow{position:absolute;width:170px;height:170px;border-radius:50%;background:#0bbbe8;filter:blur(75px);opacity:.2;right:-60px;top:-60px}
.dark-section{background:var(--navy);color:#fff;padding:105px 0;position:relative;overflow:hidden}.dark-section:before{content:"";position:absolute;right:-130px;top:-190px;width:520px;height:520px;border:1px solid #44c5ef19;border-radius:50%;box-shadow:0 0 0 55px #44c5ef08,0 0 0 110px #44c5ef05}.approach-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;position:relative}.approach-intro h2{font-size:clamp(36px,4vw,48px);line-height:1.2;margin:22px 0}.approach-intro p{color:#a9bdce;font-size:14px;line-height:1.9;max-width:390px;margin-bottom:30px}.button-outline{border:1px solid #7e9ab0;color:#fff}.steps{border-top:1px solid #294057}.step{display:grid;grid-template-columns:48px 1fr 30px;gap:15px;padding:23px 0;border-bottom:1px solid #294057;align-items:start}.step-no{font:700 11px Manrope;color:var(--cyan);padding-top:4px}.step h3{font-size:18px;letter-spacing:-.3px;margin:0 0 7px}.step p{margin:0;color:#9bb0c1;font-size:12px;line-height:1.7;max-width:430px}.step-symbol{font-size:22px;color:#4bcdf3;text-align:right}
.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.about-art{height:420px;background:linear-gradient(145deg,#0b2138,#0c3551);border-radius:12px;position:relative;overflow:hidden;display:grid;place-items:center}.about-art-grid{position:absolute;inset:0;background-image:linear-gradient(#b7eaff0b 1px,transparent 1px),linear-gradient(90deg,#b7eaff0b 1px,transparent 1px);background-size:35px 35px}.about-orbit{position:absolute;border:1px solid #69d9fa55;border-radius:50%;width:310px;height:310px}.orbit-two{width:220px;height:220px;border-style:dashed;transform:rotate(35deg)}.about-center{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#1e6381,#0b2138);border:1px solid #7be1ff88;box-shadow:0 0 60px #32c8f255;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:2}.about-center span{font:800 36px Manrope;color:var(--cyan)}.about-center small{font-size:8px;letter-spacing:1.5px;text-align:center;color:#b8d8e8}.about-tag{position:absolute;background:#143e59;border:1px solid #56c9ed66;border-radius:5px;color:#a8eaff;padding:8px 13px;font-size:9px;letter-spacing:1.5px;font-weight:700}.tag-top{top:52px;left:50%;transform:translateX(-50%)}.tag-right{right:42px;top:48%}.tag-bottom{bottom:52px;left:50%;transform:translateX(-50%)}.about-copy h2{margin-bottom:24px}.about-copy p{font-size:13px;line-height:1.9;color:#66798b}.about-points{display:grid;gap:12px;margin:25px 0}.about-points span{font-size:12px;color:#344d60}.about-points span:first-letter{color:#079fc9}
.contact-section{background:linear-gradient(110deg,#071426,#0b2944);color:#fff;padding:90px 0;position:relative;overflow:hidden}.contact-section:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid #51c9ef22;right:4%;top:-230px;box-shadow:0 0 0 55px #51c9ef08,0 0 0 110px #51c9ef05}.contact-layout{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center;position:relative;z-index:1}.contact-layout h2{font-size:clamp(42px,5vw,58px);line-height:1.1;margin:22px 0}.contact-layout>div:first-child p{color:#a9bdce;line-height:1.8;font-size:14px;max-width:400px}.contact-card{background:#102b45;border:1px solid #4bbde344;padding:34px;border-radius:10px;box-shadow:0 18px 50px #0002}.contact-label{font-size:9px;letter-spacing:1.7px;color:#83dff8;font-weight:700}.contact-card h3{font-size:25px;margin:15px 0 8px}.contact-card p{font-size:12px;color:#a8bdce;line-height:1.7}.email-link{display:block;color:#8be5ff;font-size:13px;font-weight:600;margin:22px 0}.email-link span{float:right}.contact-button{width:100%;font-size:12px}
.footer{background:#050f1d;color:#fff}.footer-main{padding:36px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-main p{font-size:11px;color:#8399ac}.footer-main>a:last-child{font-size:11px;color:#8bdcf5}.footer-bottom{border-top:1px solid #1b3044;padding:18px 0;display:flex;justify-content:space-between;color:#71879a;font-size:10px}.footer-bottom a{color:#9bb3c5}
@media(max-width:950px){.hero-visual{right:-100px;opacity:.55}.hero-content{z-index:3}.approach-layout{gap:50px}.about-layout{gap:45px}.contact-layout{gap:50px}}
@media(max-width:720px){.container{width:min(100% - 36px,560px)}.site-header{height:68px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:8px}.menu-toggle span{width:23px;height:2px;background:#d8e9f5}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#091a2d;padding:22px 24px 28px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid #294057}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero{min-height:720px}.hero-content{padding-top:88px}.hero h1{font-size:43px}.hero-copy{font-size:14px;max-width:480px}.hero-visual{width:360px;height:360px;right:-145px;top:330px;opacity:.36}.ring-a{width:300px;height:300px}.ring-b{width:220px;height:220px}.core-card{width:135px;height:135px}.core-icon{font-size:30px}.core-label{font-size:9px}.float-card{transform:scale(.8)}.hero-note{margin-top:30px}.hero-bottom{font-size:7px;letter-spacing:.7px}.strip-inner{padding:20px 0;flex-wrap:wrap;justify-content:center;gap:13px}.strip-inner>span{width:100%;text-align:center}.strip-inner b{font-size:10px}.section{padding:72px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.section-heading h2,.about-copy h2{font-size:36px}.services-grid{grid-template-columns:1fr 1fr}.service-card{padding:22px 18px;min-height:310px}.service-card h3{font-size:17px}.service-card p{font-size:11px}.service-card-cta h3{font-size:21px}.dark-section{padding:75px 0}.approach-layout,.about-layout,.contact-layout{grid-template-columns:1fr;gap:45px}.approach-intro p{max-width:500px}.about-art{height:340px;order:2}.about-copy{order:1}.contact-layout{gap:30px}.contact-section{padding:75px 0}.contact-card{padding:27px}.footer-main{align-items:flex-start;flex-direction:column}.footer-main p{margin:0}.footer-bottom{font-size:9px}}
@media(max-width:420px){.brand-name{font-size:14px}.hero h1{font-size:37px}.hero-actions{flex-direction:column;align-items:stretch;max-width:270px}.hero-bottom{bottom:17px}.services-grid{grid-template-columns:1fr}.service-card{min-height:260px}.service-card p{min-height:auto}.section-heading h2,.about-copy h2{font-size:32px}.step{grid-template-columns:34px 1fr 22px}.about-art{height:300px}}
.brand-logo{display:block;width:250px;height:auto;max-width:100%}
@media(max-width:720px){.brand-logo{width:225px}}
@media(max-width:420px){.brand-logo{width:200px}}

/* Modern, editorial hero treatment */
.site-header{background:rgba(5,17,31,.94)}
.brand{gap:0}
.hero{min-height:710px;background:radial-gradient(ellipse at 76% 48%,#104567 0%,#0a2038 34%,#071426 74%)}
.hero-content{padding-top:132px;padding-bottom:110px;padding-right:570px}
.hero h1{font-size:clamp(48px,5.1vw,64px);max-width:590px;letter-spacing:-2.6px}
.hero-copy{max-width:490px}
.hero-visual{width:540px;height:540px;right:max(3%,calc((100vw - 1190px)/2));top:65px}
.ring-a{width:450px;height:450px}
.ring-b{width:330px;height:330px}
.core-card{width:205px;height:205px}
.float-card{background:rgba(13,39,62,.94);border-color:#5acced55;border-radius:12px;box-shadow:0 18px 45px #020b1570}
.trust-strip{background:#f7fafc}
.services-section{background:linear-gradient(180deg,#f8fbfd 0%,#fff 100%)}
.service-card{border-radius:0}
@media(max-width:1100px){.hero-content{padding-right:470px}.hero-visual{right:-60px;transform:scale(.9);transform-origin:center right}}
@media(max-width:950px){.hero-content{padding-right:400px}.hero-visual{right:-120px;transform:scale(.78);opacity:.72}}
@media(max-width:720px){.hero{min-height:900px}.hero-content{padding:82px 0 0}.hero h1{font-size:clamp(42px,10vw,52px);letter-spacing:-1.8px}.hero-copy{max-width:540px}.hero-visual{width:380px;height:380px;right:calc(50% - 190px);top:auto;bottom:66px;transform:none;opacity:.9}.ring-a{width:340px;height:340px}.ring-b{width:250px;height:250px}.core-card{width:155px;height:155px}.core-icon{font-size:34px}.core-label{font-size:10px}.float-card{padding:10px 12px}.cloud-card{top:38px}.ai-card{top:80px}.code-card{bottom:34px}.hero-bottom{bottom:22px}}
@media(max-width:420px){.hero{min-height:900px}.hero-visual{bottom:64px}.brand-logo{width:190px}}
.strategy-card{right:8px;bottom:58px}
.tag-left{left:28px;top:50%;transform:translateY(-50%)}
.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.service-card{min-height:330px;padding:28px 22px}
.service-card h3{font-size:18px}
.service-card p{min-height:92px}
.service-card-cta{grid-column:1/-1;min-height:210px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.service-card-cta h3{margin:10px 0 5px}
.service-card-cta p{min-height:0;max-width:620px;margin:4px 0}
.service-card-cta .button{position:absolute;right:32px;top:50%;transform:translateY(-50%)}
.services-section .section-heading>p{max-width:470px}
@media(max-width:950px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card-cta{grid-column:1/-1}}
@media(max-width:720px){.services-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:24px}.service-card p{min-height:0}.service-card-cta{grid-column:1;padding:28px}.service-card-cta .button{position:static;transform:none;margin-top:14px}.tag-left{left:12px;top:50%}.about-tag{font-size:8px;letter-spacing:1px}}
.hero-visual .float-card{width:166px;padding:10px 12px;gap:8px}
.legacy-cloud-card{top:-12px;left:50%;transform:translateX(-50%)}
.agentic-card{top:205px;left:-28px}
.engineering-card{top:205px;right:-30px}
.hero-visual .float-card b{font-size:10px}
.hero-visual .float-card small{font-size:8px}
@media(max-width:720px){.hero-visual .float-card{width:150px;padding:9px 10px;gap:7px;transform:scale(.8)}.legacy-cloud-card{top:-12px;left:50%;transform:translateX(-50%) scale(.8)}.cloud-card{top:70px;left:-28px}.ai-card{top:130px;right:-28px}.agentic-card{top:190px;left:-28px}.engineering-card{top:190px;right:-28px}.code-card{bottom:55px;left:-28px}.strategy-card{bottom:55px;right:-28px}}
/* Place all seven service labels at equal angles on one orbit. */
.hero-visual .float-card{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translateY(-275px) rotate(var(--orbit-counter))}
.legacy-cloud-card{--orbit-angle:-90deg;--orbit-counter:90deg}
.ai-card{--orbit-angle:-38.571deg;--orbit-counter:38.571deg}
.engineering-card{--orbit-angle:12.858deg;--orbit-counter:-12.858deg}
.strategy-card{--orbit-angle:64.287deg;--orbit-counter:-64.287deg}
.code-card{--orbit-angle:115.716deg;--orbit-counter:-115.716deg}
.agentic-card{--orbit-angle:167.145deg;--orbit-counter:-167.145deg}
.cloud-card{--orbit-angle:218.574deg;--orbit-counter:-218.574deg}
@media(max-width:720px){.hero-visual{width:440px;height:440px;right:calc(50% - 220px);bottom:45px;top:auto}.hero-visual .float-card{width:150px;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translateY(-150px) rotate(var(--orbit-counter)) scale(.75)}}
.hero-visual{right:calc(max(3%,calc((100vw - 1190px)/2)) - 22px)}
.network-line{width:125px;height:1px;transform-origin:left center;background:linear-gradient(90deg,#53d5ff55,#53d5ffbb)}
.line-a{left:188px;top:204.5px;transform:rotate(-141.429deg)}
.line-b{left:352px;top:204.5px;transform:rotate(-38.571deg)}
.line-c{left:315.6px;top:364.6px;transform:rotate(64.286deg)}
.dot-a{left:86.6px;top:123px;right:auto;bottom:auto}
.dot-b{left:446.3px;top:123px;right:auto;bottom:auto}
.dot-c{left:366.3px;top:473.7px;right:auto;bottom:auto}
@media(max-width:1100px){.hero-visual{right:-82px}}
@media(max-width:950px){.hero-visual{right:-142px}}
@media(max-width:720px){.hero-visual{right:calc(50% - 228px)}}
@media(max-width:720px){.line-a{width:88px;left:156px;top:169px;transform:rotate(-141.429deg)}.line-b{width:88px;left:284px;top:169px;transform:rotate(-38.571deg)}.line-c{width:88px;left:255.6px;top:293.9px;transform:rotate(64.286deg)}.dot-a{left:79.7px;top:110.5px}.dot-b{left:353.3px;top:110.5px}.dot-c{left:290.3px;top:369.7px}}
.hero-visual{display:block;width:700px;height:auto;aspect-ratio:1200/920;right:calc(max(3%,calc((100vw - 1190px)/2)) - 22px);top:65px;bottom:auto;z-index:1;transform:none;opacity:1}
@media(max-width:1100px){.hero-visual{width:660px;right:-82px;transform:none;opacity:.78}}
@media(max-width:950px){.hero-visual{width:620px;right:-142px;top:100px;transform:none;opacity:.7}}
@media(max-width:720px){.hero-visual{width:440px;right:calc(50% - 228px);top:auto;bottom:45px;transform:none;opacity:.95}}
@media(max-width:420px){.hero-visual{width:400px;right:calc(50% - 208px);bottom:52px}}
@media(max-width:720px){.hero{min-height:1040px}.hero-visual{width:460px;right:calc(50% - 238px);bottom:42px}}
@media(max-width:420px){.hero-visual{width:420px;right:calc(50% - 218px);bottom:48px}}
.hero-visual{top:109px;right:calc(max(3%,calc((100vw - 1190px)/2)) - 70px)}
@media(max-width:1100px){.hero-visual{right:-130px;top:109px}}
@media(max-width:950px){.hero-visual{right:-190px;top:144px}}
@media(max-width:720px){.hero-visual{right:calc(50% - 238px);top:auto;bottom:42px}}
@media(max-width:420px){.hero-visual{right:calc(50% - 218px);bottom:48px}}
/* Slightly enlarge the orbit while keeping its visual center in place. */
.hero-visual{width:740px;right:calc(max(3%,calc((100vw - 1190px)/2)) - 90px)}
@media(max-width:1100px){.hero-visual{width:690px;right:-145px}}
@media(max-width:950px){.hero-visual{width:650px;right:-205px}}
@media(max-width:720px){.hero{min-height:1060px}.hero-visual{width:480px;right:calc(50% - 248px)}}
@media(max-width:420px){.hero-visual{width:440px;right:calc(50% - 228px)}}
.about-art{background:#081b30;isolation:isolate}
.about-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:0}
.about-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(4,17,31,.78) 100%);z-index:1;pointer-events:none}