@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@600;700&display=swap');
:root{--ink:#111827;--blue:#2864dc;--warm:#f7f7f2;--white:#fff;--slate:#526071;--mist:#dde2e7;--soft:#edf2ff;--radius:18px;--shadow:0 24px 60px rgba(17,24,39,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--warm);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;background:white;padding:10px 14px;z-index:100}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,247,242,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(221,226,231,.8)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 24px Manrope;letter-spacing:-.06em}.brand .a{position:relative;display:inline-block}.brand .a:after{content:"";position:absolute;left:24%;right:22%;bottom:15%;height:9%;background:var(--blue)}.nav-links{display:flex;align-items:center;gap:28px;font-weight:500;font-size:14px}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--blue)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;font-weight:600;border:1px solid transparent;transition:.2s ease}.nav-cta,.button.primary{background:var(--blue);color:white}.button.secondary{background:white;border-color:var(--mist)}.button:hover{transform:translateY(-2px)}.mobile-toggle{display:none;background:none;border:0;font-size:26px}.hero{padding:100px 0 72px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{color:var(--blue);font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.hero h1,.page-hero h1{font:700 clamp(46px,7vw,82px)/1.03 Manrope;margin:18px 0 24px;letter-spacing:-.055em;max-width:900px}.hero p,.page-hero p{font-size:19px;color:var(--slate);max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.clarity-card{background:var(--ink);color:white;border-radius:28px;padding:38px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.clarity-card p{color:#cbd5e1;font-size:15px}.clarity-line{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.clarity-step{height:110px;border-radius:14px;padding:16px;background:rgba(255,255,255,.08);display:flex;align-items:flex-end}.clarity-step:nth-child(2){background:rgba(40,100,220,.45)}.clarity-step:nth-child(3){background:white;color:var(--ink)}.section{padding:88px 0}.section.white{background:white}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section h2,.page-section h2{font:700 clamp(34px,4vw,52px)/1.1 Manrope;letter-spacing:-.045em;margin:8px 0}.section-head p{max-width:540px;color:var(--slate)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--mist);border-radius:var(--radius);padding:30px}.card .number{color:var(--blue);font:600 14px Manrope}.card h3{font:700 22px Manrope;letter-spacing:-.03em;margin:22px 0 10px}.card p{color:var(--slate);margin:0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work-card{border-radius:24px;overflow:hidden;background:white;border:1px solid var(--mist)}.work-image{height:320px;overflow:hidden;background:#e9edf3;position:relative}.work-image img{width:100%;height:100%;object-fit:cover}.work-image.aviva img{height:132%;object-position:center bottom}.work-copy{padding:30px}.meta{font-size:13px;color:var(--blue);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.work-copy h3{font:700 28px Manrope;margin:8px 0}.work-copy p{color:var(--slate)}.text-link{color:var(--blue);font-weight:600}.proof{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.proof-list{display:grid;gap:14px}.proof-item{background:white;border:1px solid var(--mist);border-radius:14px;padding:20px}.proof-item strong{display:block;margin-bottom:4px}.proof-item span{color:var(--slate)}.cta{background:var(--blue);color:white;border-radius:28px;padding:58px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{margin:0;max-width:680px}.cta .button{background:white;color:var(--ink)}.page-hero{padding:86px 0 54px}.page-hero h1{font-size:clamp(44px,6vw,72px)}.page-section{padding:56px 0 88px}.service-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding:44px 0;border-top:1px solid var(--mist)}.service-row h2{font-size:32px;margin:0}.service-row p{color:var(--slate);font-size:18px;margin:0}.service-row ul{padding-left:18px;color:var(--slate)}.case-study{padding:48px 0 78px;border-top:1px solid var(--mist)}.case-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:34px}.case-head h2{font-size:44px}.case-head p{color:var(--slate)}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.fact{padding:20px;border:1px solid var(--mist);border-radius:14px;background:white}.fact small{display:block;color:var(--slate)}.case-visual{border-radius:24px;overflow:hidden;background:#0d241c}.case-visual img{width:100%;max-height:570px;object-fit:cover}.case-visual.aviva img{max-height:600px;object-position:center bottom}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px}.about-grid p{font-size:18px;color:var(--slate)}.principles{display:grid;gap:14px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-card{background:white;border:1px solid var(--mist);border-radius:20px;padding:34px}.field{display:grid;gap:7px;margin-bottom:18px}.field label{font-weight:600;font-size:14px}.field input,.field textarea{width:100%;border:1px solid #cbd3dd;border-radius:10px;padding:13px 14px;background:white;color:var(--ink)}.field textarea{min-height:140px;resize:vertical}.form-note{font-size:13px;color:var(--slate)}footer{padding:40px 0;border-top:1px solid var(--mist)}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-links{display:flex;gap:22px;color:var(--slate);font-size:14px}
@media(max-width:820px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:22px;background:var(--warm);border-bottom:1px solid var(--mist);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.mobile-toggle{display:block}.hero{padding-top:64px}.hero-grid,.proof,.about-grid,.contact-grid,.case-head,.service-row{grid-template-columns:1fr;gap:30px}.grid-3{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.section-head{display:block}.cta{display:block;padding:38px 28px}.cta .button{margin-top:24px}.case-facts{grid-template-columns:1fr}.footer-grid{display:block}.footer-links{margin-top:18px;flex-wrap:wrap}.work-image{height:250px}}

/* Aviva portfolio artwork uses the approved client identity until final project photography is available. */
.work-image.aviva{display:grid;place-items:center;background:#fff;padding:48px}
.work-image.aviva img{width:min(62%,290px);height:auto;object-fit:contain;object-position:center}
.case-visual.aviva{min-height:470px;display:grid;place-items:center;background:#fff;padding:72px}
.case-visual.aviva img{width:min(44%,360px);height:auto;object-fit:contain;object-position:center}
@media(max-width:820px){.case-visual.aviva{min-height:320px;padding:48px}.case-visual.aviva img{width:min(68%,280px)}}

/* Refined Made Clear presentation */
.nav-links .nav-cta:hover,.nav-links .nav-cta[aria-current=page]{color:#fff;background:#174fc0}
.brand{letter-spacing:-.055em}
.brand .a:after{left:27%;right:25%;bottom:10%;height:7%;border-radius:2px}
.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:112px 0 96px}
.hero:before{content:"";position:absolute;width:620px;height:620px;right:-180px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(40,100,220,.42),rgba(40,100,220,0) 68%)}
.hero-grid{position:relative;z-index:1}.hero p{color:#cbd5e1}.hero .eyebrow{color:#74a0ff}.hero .button.secondary{background:transparent;color:#fff;border-color:#465164}.hero .button.secondary:hover{border-color:#fff}
.clarity-card{background:#fff;color:var(--ink);transform:none;border-radius:24px;padding:34px}.clarity-card p{color:var(--slate)}.clarity-card .eyebrow{color:var(--blue)}.clarity-step{background:#edf1f7;color:var(--ink)}.clarity-step:nth-child(2){background:#dce7ff}.clarity-step:nth-child(3){background:var(--blue);color:#fff}
.card{box-shadow:0 1px 0 rgba(17,24,39,.02);transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:#aebbd0;transform:translateY(-3px)}
.work-card{box-shadow:0 18px 45px rgba(17,24,39,.07)}
.cta{background:var(--ink);position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;bottom:-180px;background:var(--blue)}.cta>*{position:relative;z-index:1}.eyebrow.light{color:#8cb0ff}

/* Portfolio redesign */
.portfolio-hero{background:var(--ink);color:#fff;padding:108px 0 92px;position:relative;overflow:hidden}.portfolio-hero:after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-160px;top:-240px}.portfolio-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-top:18px}.portfolio-intro h1{font:700 clamp(48px,6.4vw,82px)/1.02 Manrope;letter-spacing:-.06em;margin:0}.portfolio-intro p{color:#cbd5e1;font-size:19px;margin:0 0 8px}.portfolio-list{padding:30px 0}.project-feature{padding:72px 0 84px;border-bottom:1px solid var(--mist)}.project-topline{display:grid;grid-template-columns:1fr 1fr 1fr;padding-bottom:18px;border-bottom:1px solid #cbd3dd;color:var(--slate);font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.project-topline span:nth-child(2){text-align:center}.project-topline span:last-child{text-align:right}.project-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center;margin-top:34px}.project-grid.reverse{grid-template-columns:1.08fr .92fr}.project-grid.reverse .project-visual{order:2}.project-grid.reverse .project-content{order:1}.project-visual{height:530px;border-radius:24px;overflow:hidden;border:1px solid var(--mist);box-shadow:var(--shadow)}.aviva-project{display:grid;place-items:center;background:#fff}.aviva-project img{width:min(48%,350px);height:auto}.airport-project{height:auto;aspect-ratio:1.91/1;background:#0b2d20}.airport-project img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.project-content h2{font:700 clamp(38px,4vw,58px)/1.05 Manrope;letter-spacing:-.05em;margin:0 0 20px}.project-lead{font-size:19px;color:var(--slate);margin:0 0 30px}.project-details{margin:0}.project-details div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:17px 0;border-top:1px solid var(--mist)}.project-details dt{font-weight:600;color:var(--ink)}.project-details dd{margin:0;color:var(--slate)}.demo-note{font-size:13px;color:var(--slate);margin-top:18px}
@media(max-width:820px){.hero{padding:72px 0 64px}.portfolio-hero{padding:70px 0 62px}.portfolio-intro,.project-grid,.project-grid.reverse{grid-template-columns:1fr;gap:34px}.portfolio-intro{align-items:start}.project-grid.reverse .project-visual,.project-grid.reverse .project-content{order:initial}.project-visual{height:340px}.airport-project{height:auto}.project-topline{grid-template-columns:auto 1fr;gap:18px}.project-topline span:nth-child(2){text-align:right}.project-topline span:last-child{display:none}.project-details div{grid-template-columns:1fr;gap:5px}.project-feature{padding:52px 0 62px}.portfolio-intro h1{font-size:48px}}

/* Approved Made Clear logo artwork */
.brand-image{display:inline-flex;align-items:center;line-height:0}
.brand-image img{display:block;width:auto;height:31px;object-fit:contain}
footer .brand-image img{height:29px}
@media(max-width:820px){.brand-image img{height:27px}}