@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#17223a;--teal:#1f8b86;--orange:#e97845;--cream:#f7f2e9;--paper:#fffdfa;--purple:#8d6cc4;--font-serif:"DM Serif Display",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid #17223a18;position:relative;z-index:10;background:#fffdfaeb;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brand b{display:block;font-size:17px;letter-spacing:.12em}.brand small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#697184;margin-top:2px}.brand-logo{width:48px;height:48px;border-radius:14px;overflow:hidden;background:#fff;display:grid;place-items:center;box-shadow:0 4px 14px #17223a18;flex:0 0 auto}.brand-logo img{width:100%;height:100%;object-fit:cover;display:block}.nav-wrap nav{display:flex;gap:34px;font-size:13px;font-weight:700}.nav-wrap nav a:hover{color:var(--teal)}.nav-contact{display:flex;align-items:center;gap:12px}.facebook-link{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#17223a}.facebook-link span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:22px;font-weight:800;line-height:1;transition:.22s ease}.facebook-link:hover span{transform:translateY(-2px);box-shadow:0 7px 16px #1877f238}.nav-phone{background:var(--ink);color:white;padding:10px 18px;border-radius:99px;display:flex;align-items:center;gap:10px}.nav-phone small{font-size:8px;letter-spacing:.14em;color:#9edbd5}.nav-phone strong{font-size:13px;letter-spacing:.04em}
.hero{min-height:750px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:clamp(70px,9vw,130px) 5vw 70px max(5vw,calc((100vw - 1440px)/2));position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:800;color:var(--teal);display:flex;align-items:center;gap:10px}.eyebrow span{display:inline-block;width:25px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,5.6vw,83px);line-height:1.02;letter-spacing:-.055em;margin:25px 0 30px;font-weight:750}.hero h1 em,.statement em,.approach em,.contact em{font-family:var(--font-serif);font-weight:400;color:var(--teal)}.lead{font-size:18px;line-height:1.75;max-width:620px;color:#596173}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{display:inline-flex;align-items:center;gap:30px;border-radius:99px;padding:17px 22px;font-size:13px;font-weight:800}.button.primary{background:var(--orange);color:white;box-shadow:0 12px 25px #e9784530}.text-link{font-size:12px;font-weight:800;border-bottom:1px solid #aeb3bb;padding-bottom:4px}.text-link span{margin-left:8px;color:var(--teal)}.experience{display:flex;gap:13px;align-items:center;margin-top:55px}.experience strong{font-family:var(--font-serif);font-size:40px;color:var(--teal)}.experience span{font-size:10px;text-transform:uppercase;line-height:1.5;letter-spacing:.12em;color:#707787}
.hero-art{position:relative;background:var(--ink);overflow:hidden;min-height:640px}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:430px;height:430px;top:-110px;right:-120px}.orb-two{width:340px;height:340px;bottom:-130px;left:-80px}.facebook-visual{isolation:isolate}.facebook-visual .orb-one{background:linear-gradient(145deg,#1b4f7d,#0b1832 72%)}.facebook-visual .orb-two{background:linear-gradient(145deg,#d49b38,#f06a26);opacity:.7}.social-card{position:absolute;margin:0;background:#fff;overflow:hidden;border:1px solid #ffffff5c;box-shadow:0 28px 65px #07102575;transition:transform .35s ease;z-index:2}.social-card img{width:100%;height:100%;display:block;object-fit:cover}.social-card-main{width:min(72%,540px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:24px;z-index:3}.social-card-main:hover{transform:translate(-50%,-50%) scale(1.015)}
.statement{text-align:center;background:var(--cream);padding:105px 20px}.statement p{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--orange);font-weight:800}.statement h2{font-size:clamp(29px,3.3vw,49px);line-height:1.35;letter-spacing:-.035em;margin:20px auto 0}.section{padding:110px max(5vw,calc((100vw - 1440px)/2));scroll-margin-top:30px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:62px}.section-head h2,.approach h2{font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 0}.section-head>p{max-width:430px;color:#697184;line-height:1.8;font-size:14px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d8d8d3;border-left:1px solid #d8d8d3}.service-grid article{min-height:280px;padding:28px;border-right:1px solid #d8d8d3;border-bottom:1px solid #d8d8d3;position:relative;transition:.25s;background:#fff}.service-grid article:hover{background:var(--cream);transform:translateY(-4px)}.service-grid .num{font-size:10px;color:var(--orange);font-weight:800}.service-grid h3{font-size:21px;margin:45px 0 18px}.service-grid p{font-size:12px;line-height:1.8;color:#6b7280}.service-grid .arrow{position:absolute;right:24px;bottom:23px;color:var(--teal)}
.solutions{background:var(--ink);color:white}.section-head.light>p{color:#b9c0ce}.solution-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.solution-grid article{min-height:460px;padding:52px;position:relative;overflow:hidden}.solution-featured{background:var(--teal)}.solution-single{background:#2a3650}.label{font-size:9px!important;letter-spacing:.2em;font-weight:800;color:#f6c7aa!important}.solution-grid h3{font-size:clamp(33px,3vw,47px);line-height:1.12;letter-spacing:-.04em;margin:35px 0 23px}.solution-grid p{max-width:520px;font-size:13px;line-height:1.9;color:#e7edee}.solution-grid a{position:absolute;left:52px;bottom:48px;font-size:12px;font-weight:800;border-bottom:1px solid #ffffff77;padding-bottom:5px}.solution-grid a span{margin-left:15px}.big-d{position:absolute;right:-25px;bottom:-105px;font-family:var(--font-serif);font-size:360px;color:#ffffff0d;line-height:1}
.approach{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.steps article{display:flex;gap:30px;padding:28px 0;border-bottom:1px solid #dcdcd6}.steps b{font-size:10px;color:var(--orange)}.steps h3{font-size:20px;margin-bottom:8px}.steps p{font-size:12px;line-height:1.7;color:#6f7685;margin:0}.contact{text-align:center;background:var(--cream);padding:120px 20px;scroll-margin-top:30px}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(45px,6vw,82px);line-height:1.02;letter-spacing:-.05em;margin:28px 0}.contact>p:not(.eyebrow){color:#6b7280;margin-bottom:35px}.contact-phone{display:inline-flex;align-items:center;gap:16px;background:var(--ink);color:white;border-radius:99px;padding:15px 22px}.contact-phone small{font-size:8px;letter-spacing:.16em;color:#9edbd5}.contact-phone strong{font-size:19px;letter-spacing:.04em}.contact-phone span{color:var(--orange)}
footer{padding:34px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e3e0da}footer p,footer>a:last-child,.copyright{font-size:10px;color:#737989;letter-spacing:.08em}.footer-brand .brand-logo{width:40px;height:40px;border-radius:12px}.footer-phone{font-size:11px!important;font-weight:800!important;color:var(--teal)!important;letter-spacing:.06em!important}
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js .reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:950px){.nav-wrap nav{display:none}.hero{grid-template-columns:1fr}.hero-art{min-height:580px}.social-card-main{width:min(68%,520px)}.service-grid{grid-template-columns:repeat(2,1fr)}.solution-grid,.approach{grid-template-columns:1fr}.approach{gap:60px}footer{flex-wrap:wrap}}
@media(max-width:600px){.nav-wrap{height:74px}.nav-contact{gap:7px}.facebook-link b{display:none}.facebook-link span{width:31px;height:31px;font-size:20px}.nav-phone{padding:9px 12px}.nav-phone small{display:none}.nav-phone strong{font-size:11px}.brand small{display:none}.hero-copy{padding:70px 24px}.hero h1{font-size:48px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{min-height:500px}.social-card-main{width:78%}.section{padding:80px 24px}.section-head{display:block}.section-head>p{margin-top:25px}.service-grid{grid-template-columns:1fr}.solution-grid article{padding:36px 28px;min-height:480px}.solution-grid a{left:28px}.statement{padding:80px 24px}.contact{padding:90px 24px}footer{gap:25px;align-items:flex-start;flex-direction:column}footer p{line-height:1.6}}