@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--color-bg:#0c111b;--color-accent:#c5e67a;--color-text:#e9edf6;--color-about:#121a27;--color-expertise:#0d141f;--color-card:#172230;--color-projects:#131c29;--color-muted:#9facbb;--border-control:#ffffff35;--border-section:#ffffff12;--font-body:"DM Sans", sans-serif;--font-heading:"Manrope", sans-serif;--container-width:1180px;--page-gutter:32px;--header-height:86px;--section-space:110px;--radius-control:5px;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{overflow-wrap:anywhere;margin:0}html{scroll-padding-top:calc(var(--header-height) + 20px)}.hero>*,.two-col>*,.cards>*,.project-cards>*,.technology-groups>*{min-width:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.skip-link{top:12px;left:var(--page-gutter);z-index:20;border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-bg);padding:12px 18px;position:fixed;transform:translateY(calc(-100% - 20px))}.skip-link:focus{transform:translateY(0)}.navigation>.menu-toggle{display:none}a{color:inherit;text-decoration:none}button,a{outline-offset:4px}.container{width:min(var(--container-width),calc(100% - 2 * var(--page-gutter)));margin:auto}.site-header{backdrop-filter:blur(18px);z-index:10;background:#0c111bec;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav{height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:15px;display:flex}.logo-mark{font:800 28px var(--font-heading);letter-spacing:-2px}.logo-mark span{color:var(--color-accent)}.logo-name{letter-spacing:2px;color:#b5bece;font-size:11px;font-weight:700}.nav nav{color:#bec6d5;align-items:center;gap:36px;font-size:13px;display:flex}.nav nav a:hover{color:var(--color-accent)}.nav-contact{border:1px solid var(--border-control);border-radius:var(--radius-control);color:#fff;padding:13px 19px}.nav-contact span{color:var(--color-accent);margin-left:12px}.hero{grid-template-columns:1fr .85fr;align-items:center;min-height:690px;padding-top:35px;padding-bottom:85px;display:grid;position:relative}.hero-content{z-index:1}.eyebrow,.section-kicker{color:var(--color-accent);letter-spacing:2.3px;font-size:11px;font-weight:700}.eyebrow{align-items:center;gap:12px;display:flex}.status-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 15px #c5e67a8c}.hero h1,h2{font-family:var(--font-heading);letter-spacing:-.065em}.hero h1{margin:36px 0 27px;font-size:clamp(58px,6vw,92px);font-weight:800;line-height:1.11}.hero h1 em,.cta h2 em{color:var(--color-accent);font-style:normal}.hero-lead{color:#abb5c5;max-width:525px;font-size:16px;line-height:1.85}.hero-lead strong{color:#fff}.hero-actions{gap:12px;margin-top:34px;display:flex}.button{border-radius:var(--radius-control);justify-content:space-between;align-items:center;gap:25px;padding:17px 22px;font-size:13px;font-weight:700;display:inline-flex}.button.primary{background:var(--color-accent);color:#141d19}.button.primary:hover{background:#d9f59b}.button.subtle{border:1px solid var(--border-control);color:#e2e8f0}.hero-art{background:radial-gradient(#1e3448a0,#0000 67%);place-items:center;min-width:0;height:500px;display:grid;position:relative;overflow:clip}.orbit{aspect-ratio:1;border:1px solid #7d9fbb30;border-radius:50%;position:absolute;transform:rotateX(18deg)}.orbit.one{width:300px}.orbit.two{width:410px}.orbit.three{border-style:dashed;border-color:#7d9fbb20;width:500px}.monogram{font:800 130px var(--font-heading);letter-spacing:-.13em;color:#e8f0f5;text-shadow:0 15px 70px #5c94aa60;transform:translate(-10px)}.monogram span{color:var(--color-accent)}.art-label,.art-caption{letter-spacing:2px;color:#7995aa;font-size:10px;position:absolute}.label-a{top:25%;left:6%}.label-b{top:35%;right:3%}.label-c{bottom:26%;left:12%}.art-caption{bottom:5%;right:5%}.hero-bottom{color:#6e7d8d;letter-spacing:2px;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:28px;left:0;right:0}.section{padding:var(--section-space) 0;border-top:1px solid var(--border-section)}.about{background:var(--color-about)}.two-col{grid-template-columns:1fr 1fr;gap:90px;display:grid}.section h2{margin:26px 0 0;font-size:clamp(40px,4vw,60px);line-height:1.18}.section-copy{color:#a7b3c2;padding-top:43px;font-size:16px;line-height:2}.section-copy p{margin:0 0 23px}.expertise{background:var(--color-expertise)}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:50px;display:flex}.section-heading p{color:#9daabd;max-width:360px;line-height:1.7}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.expertise-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.expertise-cards,.project-cards{grid-auto-rows:1fr;align-items:stretch}.expertise-cards>.card,.project-cards>.project-card{flex-direction:column;height:100%;display:flex}.expertise-cards>.card>p,.project-cards>.project-card>p{flex-grow:1}.project-cards>.project-card>.project-status{align-self:flex-start}.card{background:var(--color-card);border:1px solid #ffffff13;border-radius:8px;padding:30px;transition:transform .2s,border-color .2s;position:relative}.card:hover{border-color:#c5e67a80;transform:translateY(-2px)}.expertise-link{justify-content:space-between;align-items:center;gap:16px;display:flex}.expertise-link>span{min-width:0}.expertise-chevron{color:var(--color-accent);flex-shrink:0}.expertise-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.card:focus-within{outline:2px solid var(--color-accent);outline-offset:4px;border-color:var(--color-accent)}.expertise-detail{padding-top:36px;padding-bottom:var(--section-space)}.breadcrumb{color:var(--color-muted);flex-wrap:wrap;gap:10px;font-size:13px;line-height:1.7;display:flex}.breadcrumb a,.back-to-expertise{color:var(--color-accent)}.breadcrumb a:hover,.related-expertise a:hover{text-underline-offset:4px;text-decoration:underline}.detail-heading{max-width:900px;padding:52px 0}.detail-heading h1{font:800 clamp(32px, 5vw, 64px)/1.15 var(--font-heading);letter-spacing:-.045em;margin:24px 0}.detail-lead,.detail-body{max-width:760px;color:var(--color-muted);line-height:1.9}.detail-lead{margin:0;font-size:18px}.detail-body section{border-top:1px solid var(--border-section);padding:32px 0}.detail-body h2,.related-expertise h2{color:var(--color-text);letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(24px,3vw,32px);line-height:1.3}.detail-body p{margin:0 0 18px}.detail-body p:last-child{margin-bottom:0}.detail-body ul:not(.technology-list){margin:0;padding-left:24px}.detail-body li+li{margin-top:10px}.detail-body .technology-list li{margin-top:0}.related-expertise{border-top:1px solid var(--border-section);margin-top:24px;padding-top:40px}.related-expertise ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.related-expertise li{min-width:0}.related-expertise li a{border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--color-card);height:100%;padding:16px 20px;line-height:1.6;display:block}.related-expertise li a span{color:var(--color-accent)}.card h3{font:700 21px/1.4 var(--font-heading);margin:0 0 14px}.card p{color:#9ca9b9;margin:0;font-size:14px;line-height:1.7}.projects{background:var(--color-projects)}.technologies{background:var(--color-about)}.technology-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.technology-group{background:var(--color-card);border-radius:8px;align-items:flex-start;gap:14px;padding:22px;display:flex}.technology-icon{border-radius:var(--radius-control);background:var(--color-about);width:36px;height:36px;color:var(--color-accent);flex:0 0 36px;place-items:center;display:grid}.technology-content{min-width:0}.technology-group h3{font:700 16px/1.5 var(--font-heading);margin:0 0 8px}.technology-items{color:var(--color-muted);margin:0;padding:0;font-size:14px;line-height:1.8;list-style:none}.technology-items li{display:inline}.technology-separator{color:var(--color-muted)}.project-card{border:1px solid var(--border-section);background:var(--color-card);border-radius:8px;padding:32px}.project-card h3{font:700 21px/1.4 var(--font-heading);margin:0 0 20px}.technology-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.technology-list li{border:1px solid var(--border-control);border-radius:var(--radius-control);color:var(--color-text);padding:8px 12px;font-size:14px}.project-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.projects .section-heading{flex-wrap:wrap}.projects .section-heading h2{max-width:800px}.project-photo{border-radius:var(--radius-control);width:100%;height:auto;margin-bottom:24px;display:block}.project-detail{margin-top:24px}.project-status{border:1px solid var(--border-control);border-radius:var(--radius-control);color:var(--color-accent);margin-bottom:24px;padding:7px 10px;font-size:12px;line-height:1.5;display:inline-block}.project-card p{color:var(--color-muted);margin:0;font-size:14px;line-height:1.85}.cta{text-align:center;padding:120px 0}.cta h2{font-size:clamp(48px,6vw,80px)}.cta p:not(.section-kicker){color:var(--color-muted)}.cta .button{margin-top:22px}footer{border-top:1px solid #ffffff20}.footer-inner{color:#7b8c9b;justify-content:space-between;padding:32px 0;font-size:12px;display:flex}footer a{color:var(--color-accent)}@media (width<=850px){.technology-groups{grid-template-columns:1fr}.nav{gap:16px}.navigation>.menu-toggle{border:1px solid var(--border-control);border-radius:var(--radius-control);color:var(--color-text);cursor:pointer;padding:12px 16px;font-size:13px;display:list-item}.nav nav{top:100%;right:var(--page-gutter);left:var(--page-gutter);max-height:calc(100dvh - var(--header-height) - 20px);border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--color-bg);flex-direction:column;align-items:stretch;gap:8px;padding:16px;display:flex;position:absolute;overflow-y:auto}.navigation:not([open]) nav{display:none}.nav nav a{padding:14px}.hero{flex-direction:column;align-items:stretch;padding-top:70px;display:flex}.hero-art{height:340px}.orbit.one{width:min(200px,60%)}.orbit.two{width:min(275px,82%)}.orbit.three{width:min(335px,100%)}.monogram{font-size:88px}.hero-bottom{bottom:25px}.two-col{grid-template-columns:1fr;gap:0}.section-copy{padding-top:15px}.cards,.project-cards{grid-template-columns:1fr}.expertise-cards,.project-cards{grid-auto-rows:auto}.expertise-cards>.card,.project-cards>.project-card{height:auto}.expertise-cards>.card>p,.project-cards>.project-card>p{flex-grow:0}.card{padding:24px}}@media (width<=520px){.related-expertise ul{grid-template-columns:1fr}.detail-heading{padding:36px 0}.detail-lead{font-size:16px}:root{--page-gutter:18px;--header-height:72px;--section-space:75px}.logo-name{letter-spacing:1px;font-size:9px}.nav-contact{padding:11px;font-size:12px}.hero h1{font-size:clamp(38px,10.4vw,54px)}.hero-lead{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-art{height:310px}.hero-bottom{letter-spacing:1px;flex-wrap:wrap;gap:12px;font-size:8px}.section-heading{display:block}.footer-inner{flex-wrap:wrap;gap:20px}.project-card{padding:24px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.card:hover{transform:none}}
