@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0b2030;--navy:#062238;--paper:#f5f8f7;--white:#fff;--muted:#667783;--mint:#35b78e;--gold:#d5a83c;--line:rgba(11,32,48,.12);--radius:1.45rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Alexandria,Manrope,Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#f7f9f5 0%,#eef3f0 48%,#dbe9e5 100%);min-height:790px}.hero:after{content:"";position:absolute;inset:auto -5% -35% 40%;height:680px;border:1px solid rgba(53,183,142,.26);border-radius:50%;transform:rotate(-20deg);pointer-events:none}.site-nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:.9rem;line-height:1.3}.brand small{display:block;color:var(--muted);font-family:Manrope,sans-serif;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.brand-mark{background:var(--navy);color:#fff;width:37px;height:37px;display:grid;place-items:center;border-radius:10px;font-family:Manrope,sans-serif;font-size:1.05rem}.nav-links{display:flex;align-items:center;gap:27px;color:#42535e;font-size:.82rem;font-weight:600}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;right:0;bottom:-6px;width:0;height:2px;background:var(--mint);transition:.25s}.nav-links a:hover:after{width:100%}.nav-cta,.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 21px;border-radius:999px;font-weight:700;font-size:.8rem;transition:transform .25s,box-shadow .25s}.nav-cta,.button-primary{background:var(--navy);color:#fff}.nav-cta:hover,.button-primary:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(6,34,56,.18)}.menu-toggle{display:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center;padding:118px 0 148px}.eyebrow{font-family:Manrope,sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:.69rem;font-weight:800;color:#67808a;margin:0 0 17px}.eyebrow span{display:inline-block;width:28px;border-top:2px solid var(--mint);vertical-align:middle;margin-left:10px}.hero h1,.section h2,.contact-section h2{margin:0;font-size:clamp(2.7rem,5.7vw,5.65rem);font-weight:800;line-height:1.15;letter-spacing:-.05em}.hero h1 em{font-style:normal;color:#1e966f}.hero-intro{max-width:625px;font-size:1rem;color:#51646f;margin:29px 0 34px}.hero-actions{display:flex;gap:13px}.button-quiet{border:1px solid var(--line);background:rgba(255,255,255,.5);color:var(--ink)}.hero-panel{border-radius:var(--radius);background:rgba(7,37,54,.97);padding:28px;color:#fff;box-shadow:0 28px 70px rgba(10,35,46,.16);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(62,196,153,.35);border-radius:50%;top:-110px;left:-70px}.status{position:relative;z-index:1;color:#b9d6d0;font-size:.7rem;margin-bottom:35px}.status i{display:inline-block;width:8px;height:8px;border-radius:100%;background:var(--mint);box-shadow:0 0 0 5px rgba(53,183,142,.14);margin-left:9px}.panel-line{position:relative;z-index:1;display:flex;align-items:center;gap:20px;padding:17px 0;border-top:1px solid rgba(255,255,255,.14)}.panel-line b{font-family:Manrope,sans-serif;font-size:2.1rem;color:#d8ffd7;line-height:1}.panel-line span{font-size:.75rem;line-height:1.7;color:#d0dddf}.panel-tags{display:flex;position:relative;z-index:1;gap:7px;flex-wrap:wrap;margin-top:22px}.panel-tags span,.about-tags span{font-family:Manrope,sans-serif;font-size:.66rem;padding:6px 9px;border-radius:999px}.panel-tags span{border:1px solid rgba(255,255,255,.19);color:#d0dcdf}.orbit-one,.orbit-two{position:absolute;border-radius:100%;border:1px solid rgba(11,32,48,.1);pointer-events:none}.orbit-one{width:680px;height:680px;top:148px;right:-255px}.orbit-two{width:320px;height:320px;bottom:-180px;right:27%}.intro-strip{background:var(--navy);color:#e8f1ed;padding:24px 0}.intro-strip p{margin:0;text-align:center;font-size:.92rem;color:#b9ccca}.intro-strip b{font-weight:800;color:#fff}.section{padding:132px 0;position:relative}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:58px}.section-head h2{font-size:clamp(2.25rem,4.3vw,4.35rem);color:var(--navy)}.section-head>p{width:min(390px,100%);margin:0 0 8px;color:var(--muted);font-size:.91rem}.work-section{overflow:hidden;background:#f4f6f2}.web-bg{position:absolute;inset:0;background:url('../images/web-experiences-bg.png') center/cover;opacity:.14;mix-blend-mode:multiply}.work-section .wrap{position:relative}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-card{min-height:390px;border:1px solid rgba(12,35,48,.13);background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(8,31,45,.12)}.project-card.featured{grid-column:span 1}.project-art{height:194px;position:relative;padding:20px;overflow:hidden;background:linear-gradient(135deg,#e7e3d4,#ad8f43)}.project-art:before{content:"";position:absolute;width:75%;height:82%;bottom:-18px;left:12%;border-radius:14px 14px 0 0;background:rgba(255,255,255,.92);transform:perspective(440px) rotateX(12deg);box-shadow:0 -2px 0 rgba(255,255,255,.8),0 0 0 7px rgba(255,255,255,.18)}.project-art span{position:relative;z-index:2;color:#fff;font-family:Manrope,sans-serif;font-size:1.9rem;font-weight:800;letter-spacing:-.1em}.project-art i{display:block;position:absolute;background:rgba(255,255,255,.6);height:7px;border-radius:8px;z-index:2;bottom:62px;left:34%;width:32%}.project-art i:last-child{bottom:43px;left:34%;width:22%;opacity:.65}.rose .project-art{background:linear-gradient(135deg,#f6d8e1,#d76b9e)}.navy .project-art{background:linear-gradient(135deg,#d7e6ed,#123b5b)}.blue .project-art{background:linear-gradient(135deg,#bcd6e7,#1c5d91)}.purple .project-art{background:linear-gradient(135deg,#cec8ff,#2624b0)}.lilac .project-art{background:linear-gradient(135deg,#e5ddfb,#7661a6)}.project-content{padding:20px 22px 22px;display:flex;flex-direction:column;align-items:flex-start;height:196px}.project-content p{color:#597182;font-family:Manrope,sans-serif;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px}.project-content h3{font-size:1.05rem;margin:0 0 7px;line-height:1.4}.project-content>span{font-size:.75rem;line-height:1.7;color:#687984}.project-content a{font-size:.74rem;font-weight:800;margin-top:auto;color:#0a6f58}.project-content a b{font-family:Manrope,sans-serif;font-size:1rem;margin-right:4px}.more-work{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:30px;font-size:.8rem}.more-work span{color:#71838c}.more-work a{border-bottom:1px solid #99b2aa;padding-bottom:1px;font-weight:700}.systems-section{background:#071f31;color:#fff;overflow:hidden}.systems-section:before{content:"";position:absolute;inset:auto -12% 0 auto;width:700px;height:700px;border:1px solid rgba(93,229,177,.16);border-radius:50%}.systems-section .section-head h2{color:#fff}.systems-section .section-head>p{color:#b7c8cc}.systems-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.system-large{grid-column:span 2;display:grid;grid-template-columns:1fr 1.1fr;min-height:385px;border:1px solid rgba(255,255,255,.13);border-radius:20px;overflow:hidden;background:linear-gradient(110deg,#0b2d42,#0a3e4e)}.system-copy{padding:45px}.system-copy h3{font-size:2rem;line-height:1.35;margin:0 0 13px}.system-copy>p:not(.eyebrow){font-size:.85rem;color:#c3d4d6;max-width:440px}.system-copy ul{padding:0;list-style:none;margin:23px 0 0}.system-copy li{font-size:.76rem;color:#dceaea;padding:8px 0;border-top:1px solid rgba(255,255,255,.13)}.system-copy li:before{content:"✦";color:#8df4c5;margin-left:8px}.system-shot{padding:20px 20px 0;align-self:end}.system-shot img{display:block;width:100%;border-radius:15px 15px 0 0;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.system-card{background:#fff;color:var(--ink);border-radius:20px;overflow:hidden;min-height:365px}.system-card img{width:100%;height:200px;object-fit:cover;object-position:top}.system-card div{padding:20px 22px}.system-card p{font-family:Manrope,sans-serif;color:#23876b;letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:800;margin:0 0 5px}.system-card h3{font-size:1.1rem;margin:0 0 6px}.system-card span{font-size:.77rem;color:#627681}.system-text{border-radius:20px;border:1px solid rgba(255,255,255,.14);padding:29px;min-height:200px;background:rgba(255,255,255,.045)}.system-text span{color:#7cf1bf;font-family:Manrope,sans-serif;font-weight:800;font-size:.8rem}.system-text h3{font-size:1.06rem;margin:18px 0 8px}.system-text p{font-size:.78rem;color:#b9cdd1;margin:0}.services-section{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-right:1px solid var(--line)}.services-grid article{padding:27px 23px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);min-height:245px}.services-grid b{color:#23a77d;font-family:Manrope,sans-serif;font-size:.75rem}.services-grid h3{font-size:1.06rem;line-height:1.5;margin:28px 0 11px}.services-grid p{font-size:.78rem;color:var(--muted);margin:0}.about-section{background:#e2ece8}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-section h2{font-size:clamp(2.25rem,4.3vw,4.35rem)}.about-copy{font-size:1rem;color:#405963}.about-copy p{margin:0 0 19px}.about-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.about-tags span{color:#24594b;border:1px solid rgba(36,89,75,.26);font-weight:700}.contact-section{background:#d8ad43;color:#091e2e;padding:94px 0}.contact-wrap{display:flex;justify-content:space-between;align-items:center;gap:60px}.contact-section h2{font-size:clamp(2.3rem,4.3vw,4.3rem)}.contact-section p:not(.eyebrow){max-width:470px;font-size:.9rem}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:270px}.contact-actions .button-primary{background:var(--navy)}.email-link{font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700;border-bottom:1px solid rgba(9,30,46,.45)}.footer{background:#061b2a;color:#fff;padding:29px 0}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand small{color:#a7bec2}.footer p,.footer>span{font-size:.7rem;color:#a6bdc1;margin:0}.footer .wrap>span{font-family:Manrope,sans-serif}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.14s}@media(max-width:850px){.wrap{width:min(100% - 34px,1180px)}.hero{min-height:auto}.site-nav{height:82px}.nav-links{display:none;position:absolute;top:74px;right:0;left:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 20px 40px rgba(8,30,43,.14);flex-direction:column;align-items:stretch}.nav-links.is-open{display:flex}.menu-toggle{display:block;border:0;background:none;color:var(--navy);font-family:inherit;font-weight:700}.nav-cta{display:none}.hero-grid,.about-grid{grid-template-columns:1fr;gap:38px;padding:70px 0 90px}.hero h1{font-size:clamp(2.6rem,11vw,4rem)}.hero-panel{max-width:570px}.section{padding:82px 0}.section-head{display:block;margin-bottom:38px}.section-head>p{margin-top:17px}.projects-grid{grid-template-columns:repeat(2,1fr)}.system-large{grid-template-columns:1fr}.system-copy{padding:32px}.system-shot{padding:0 15px}.services-grid{grid-template-columns:repeat(2,1fr)}.contact-wrap{display:block}.contact-actions{margin-top:35px}.footer .wrap{align-items:flex-start;flex-direction:column;gap:14px}}@media(max-width:520px){.hero-actions{flex-direction:column;align-items:stretch}.projects-grid{grid-template-columns:1fr}.project-card,.project-card.featured{grid-column:auto}.systems-grid{grid-template-columns:1fr}.system-large{grid-column:auto}.system-copy h3{font-size:1.65rem}.services-grid{grid-template-columns:1fr}.services-grid article{min-height:auto}.footer{padding:26px 0}.hero-grid{padding-top:55px}.section h2,.contact-section h2{letter-spacing:-.04em}}