/* Alternating content screens: ivory / glass / ivory / glass / ivory / glass. */
.glass-section{position:relative;isolation:isolate;overflow:hidden;background:#08182f;color:var(--paper);padding:66px max(4%,calc((100% - 1480px)/2));}
.expertise.glass-section,.work.glass-section,.contact.glass-section{padding:66px max(4%,calc((100% - 1480px)/2));background:#08182f;color:var(--paper);border:0}
.glass-section:before,.glass-section:after{content:'';position:absolute;z-index:-1;pointer-events:none}
.glass-section:before{width:550px;height:550px;left:-140px;top:-230px;border-radius:50%;background:radial-gradient(circle at 30% 27%,rgba(165,203,249,.8),rgba(66,112,183,.72) 32%,rgba(21,54,105,.8) 61%,rgba(11,30,56,0) 73%);box-shadow:inset -34px -24px 70px rgba(1,10,26,.5),0 0 100px rgba(71,119,198,.12);transform:rotate(-18deg)}
.glass-section:after{width:440px;height:320px;right:-95px;bottom:-100px;border:48px solid rgba(85,128,194,.38);border-radius:50%;transform:rotate(-29deg) scaleY(.65);box-shadow:inset 0 3px 14px rgba(202,224,255,.55),0 10px 45px rgba(1,8,24,.7);filter:blur(1px)}
.work.glass-section:before{left:auto;right:-100px;top:80px;transform:rotate(25deg);opacity:.85}.work.glass-section:after{right:auto;left:-130px;bottom:80px;transform:rotate(24deg) scaleY(.5)}
.contact.glass-section:before{left:24%;top:-330px;opacity:.75}.contact.glass-section:after{width:300px;height:220px;right:-65px;bottom:-70px}
.glass-screen{position:relative;z-index:1;padding:52px;border-radius:28px;border:1px solid rgba(224,236,255,.38);background:linear-gradient(125deg,rgba(247,242,231,.105),rgba(170,193,226,.045) 55%,rgba(247,242,231,.055));backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%);box-shadow:0 30px 85px rgba(0,5,18,.3),inset 0 1px 0 rgba(255,255,255,.22),inset 1px 0 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(144,170,212,.09)}
.glass-screen:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(247,242,231,.07),transparent 33%,transparent 70%,rgba(202,224,255,.035));pointer-events:none;z-index:-1}
.glass-screen:after{content:'';position:absolute;top:-1px;left:8%;right:26%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);pointer-events:none}
.glass-section .dark-label,.glass-section .project-type,.glass-section .project-index{color:#bdcce1}.glass-section .section-intro>p,.glass-section .expertise-row p,.glass-section .project-copy>p:not(.project-type),.glass-section .project-small>p{color:#d0d8e5}.glass-section .row-number,.glass-section .project-topics{color:#bccce0}
.glass-section .expertise-list{border-top-color:rgba(229,237,249,.45)}.glass-section .expertise-row{border-bottom-color:rgba(229,237,249,.2)}.glass-section .row-symbol{color:#d7e5f5}.glass-section .expertise-row:hover h3{color:#d7e5f5}.glass-section .tags>span{border-color:rgba(229,237,249,.25);color:#d0dcec}
.glass-section .project-feature{background:rgba(247,242,231,.035);border-color:rgba(229,237,249,.25);border-radius:13px;overflow:hidden}.glass-section .astra-visual{background:rgba(247,242,231,.93);color:#08182f}.glass-section .project-topics>span{border-bottom-color:rgba(229,237,249,.25)}
.glass-section .project-small{background:rgba(247,242,231,.035);border-color:rgba(229,237,249,.25);border-radius:13px}.glass-section .project-small-dark{background:rgba(152,183,229,.065);border-color:rgba(229,237,249,.3)}.glass-section .factory-visual{color:#08182f}.glass-section .factory-visual i{color:#b3c8e4}.glass-section .factory-visual>span{border-color:#bac5df}.glass-section .factory-visual>span:last-child{border-color:#afc2e0}.glass-section .integration-visual>span{color:var(--paper);border-color:rgba(229,237,249,.35);background:rgba(247,242,231,.025)}.glass-section .integration-visual>i{background:#829bbd}.glass-section .integration-visual .integration-center{background:rgba(247,242,231,.1)}
.glass-section .contact-main>div>p{color:#e1e6ed}.glass-section .contact-email{border-bottom-color:rgba(247,242,231,.5)}
/* Ivory sections separate the glass screens. */
.architecture{background:var(--paper);color:var(--ink)}.architecture .eyebrow,.architecture-copy>p:not(.eyebrow),.architecture .principle{color:var(--muted)}.architecture .principle>span{color:var(--deep-navy)}
.architecture .system-map{background:rgba(255,255,255,.25);border-color:rgba(8,24,47,.22);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.architecture .map-topline,.architecture .map-note,.architecture .map-node span,.architecture .map-hub span{color:var(--muted)}.architecture .map-topline>span:last-child{color:var(--deep-navy)}.architecture .map-node,.architecture .map-endpoints>div{border-color:rgba(8,24,47,.25);color:var(--ink)}.architecture .map-hub{background:rgba(8,24,47,.035);border-color:rgba(8,24,47,.4)}.architecture .map-endpoints>div>span{color:var(--deep-navy)}.architecture .map-governance{border-color:rgba(8,24,47,.25);color:var(--ink)}.architecture .map-governance .status-dot{background:var(--deep-navy)}.architecture .map-connector,.architecture .map-branches:before,.architecture .map-branches:after,.architecture .map-branches i{background:#8497b5}
@media(min-width:1600px){.glass-screen{padding:64px}}
@media(max-width:1100px){.glass-screen{padding:38px}.glass-section .expertise-row{gap:18px}.glass-section .project-copy{padding:30px}.glass-section:before{width:480px;height:480px;top:-150px}}
@media(max-width:800px){.expertise.glass-section,.work.glass-section,.contact.glass-section{padding:48px 4%}.glass-screen{padding:30px;border-radius:23px}.glass-section .section-intro>p{max-width:240px}.glass-section .project-copy{padding:30px}.glass-section .project-small{padding:23px}}
@media(max-width:560px){.expertise.glass-section,.work.glass-section,.contact.glass-section{padding:34px 16px}.glass-screen{padding:26px 22px;border-radius:23px;backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%)}.glass-section:before{width:340px;height:340px;left:-145px;top:-100px}.glass-section:after{width:270px;height:210px;border-width:33px;right:-110px;bottom:-30px}.work.glass-section:before{right:-100px;left:auto;top:140px}.work.glass-section:after{left:-115px;right:auto;bottom:170px}.contact.glass-section:before{left:5%;top:-200px}.glass-section .section-intro h2{font-size:35px}.glass-section .section-intro>p{max-width:100%;font-size:12px}.glass-section .expertise-row{gap:12px}.glass-section .expertise-row h3{font-size:23px}.glass-section .project-copy{padding:25px 21px}.glass-section .project-copy h3,.glass-section .project-small h3{font-size:29px}.glass-section .project-small{padding:22px}.glass-section .astra-visual{padding:16px;min-height:330px}.glass-section .astra-tiles>div{padding:12px}.glass-section .astra-tiles strong{font-size:20px}.glass-section .project-pair{gap:16px;margin-top:16px}.contact.glass-section h2{font-size:45px}.glass-section .contact-main{gap:26px;margin-top:28px}.glass-section .contact-email{font-size:10px}.glass-section .console-bar,.glass-section .console-foot{font-size:5px;letter-spacing:.035em}}
@media(max-width:360px){.expertise.glass-section,.work.glass-section,.contact.glass-section{padding:30px 12px}.glass-screen{padding:24px 18px;border-radius:20px}.glass-section .section-intro h2{font-size:30px}.glass-section .expertise-row h3{font-size:21px}.glass-section .project-copy{padding:23px 18px}.glass-section .project-copy h3,.glass-section .project-small h3{font-size:26px}.glass-section .project-small{padding:18px}.glass-section .astra-tiles strong{font-size:17px}.glass-section .factory-visual{gap:3px}.glass-section .factory-visual>span{font-size:7px;padding:8px 4px}.contact.glass-section h2{font-size:39px}.contact.glass-section .button{font-size:10px}.glass-section .contact-main>div>p{font-size:12px}.glass-section .contact-email{font-size:9px}}
@supports not (backdrop-filter:blur(1px)){.glass-screen{background:rgba(20,40,68,.94)}}
@media(prefers-reduced-transparency:reduce){.glass-screen{background:#122a48;backdrop-filter:none;-webkit-backdrop-filter:none}}
