:root{--ink:#0b3445;--deep:#082e40;--blue:#1685a7;--sky:#eaf5f8;--paper:#f7fafb;--line:#cbdde3;--muted:#55717b;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.55 'IBM Plex Sans',Arial,sans-serif}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(3rem,5.3vw,5.5rem);font-weight:500}h2{font-size:clamp(2.5rem,4.2vw,4.4rem);font-weight:500}h3{font-weight:500}.wrap{width:min(calc(100% - 3rem),var(--max));margin-inline:auto}.skip{position:absolute;left:1rem;top:-5rem;z-index:100;padding:.7rem 1rem;background:white}.skip:focus{top:1rem}:focus-visible{outline:2px solid #20a8c6;outline-offset:4px}.eyebrow{font-size:.79rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow-dark{color:#0b718e}
.site-header{background:var(--paper)}.header-inner{min-height:94px;display:flex;align-items:center;gap:2rem}.brand{display:flex;align-items:center;gap:.72rem;text-decoration:none;flex:none;color:#0d526e;line-height:1}.brand-main{font-size:1.8rem;font-weight:700;letter-spacing:-.095em}.brand-sub{padding-left:.7rem;border-left:1px solid currentColor;font-size:.7rem;font-weight:700;letter-spacing:.1em;line-height:1.08}.main-nav{display:flex;align-items:center;gap:2rem;margin-left:auto}.main-nav a{font-size:.91rem;font-weight:600;text-decoration:none}.main-nav a:hover,.main-nav a:focus-visible{color:#0788a7}.header-cta{margin-left:1rem}.mobile-menu{display:none}
.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:1.4rem;min-height:51px;padding:6px 6px 6px 20px;border-radius:100px;background:#e9e3d8;color:#153945;text-decoration:none;font-size:.9rem;font-weight:600;white-space:nowrap;transition:transform .2s,background .2s}.pill:hover,.pill:focus-visible{transform:translateY(-2px);background:#f1efe8}.pill-arrow{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:50%;background:#217f9e;color:white;font-size:1.17rem;font-weight:400;line-height:1}.pill-white{background:white}.pill-white:hover,.pill-white:focus-visible{background:#e5f4f7}.pill-blue{background:#0c6b88;color:white}.pill-blue .pill-arrow{background:#60b8cb;color:#07364a}.pill-blue:hover,.pill-blue:focus-visible{background:#075a74}
.hero{position:relative;min-height:660px;border-radius:24px;overflow:hidden;background:#65a6cf;color:white}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,70,108,.80) 0%,rgba(6,87,125,.56) 39%,rgba(24,123,165,.1) 68%,rgba(30,128,166,0) 100%),linear-gradient(0deg,rgba(5,67,99,.28),transparent 38%)}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:660px;max-width:700px;padding:5rem 0 6rem 5.2%}.hero .eyebrow{margin-bottom:1.3rem}.hero h1{max-width:680px;margin-bottom:1.35rem}.hero-content>p:not(.eyebrow){max-width:600px;margin-bottom:2.1rem;font-size:1.14rem;line-height:1.6;color:#f5fbff}.hero-actions{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap}.text-link{color:white;font-size:.91rem;font-weight:600;text-underline-offset:6px}.text-link span{margin-left:.4rem}.image-credit{position:absolute;right:1.2rem;bottom:1rem;z-index:2;padding:.28rem .58rem;border-radius:30px;background:rgba(7,54,77,.48);font-size:.7rem}
.audience{display:flex;align-items:center;gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--line);color:#3d6877;font-size:.88rem}.audience span:first-child{color:#0d526c;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.76rem}.audience span:not(:first-child){padding-left:2rem;border-left:1px solid #b9d1da}
.intro{display:grid;grid-template-columns:1.1fr .7fr;gap:8rem;align-items:end;padding-top:135px;padding-bottom:145px}.intro .eyebrow{margin-bottom:1.6rem}.intro h2{max-width:750px;margin-bottom:0;color:#0d5d79}.intro p:not(.eyebrow){max-width:425px;margin-bottom:.5rem;font-size:1.16rem;line-height:1.68;color:var(--muted)}
.work-section{padding:108px 0 130px;background:#eaf4f7;scroll-margin-top:2rem}.section-head{display:grid;grid-template-columns:180px 1fr;gap:2rem;align-items:start;margin-bottom:3.2rem}.section-head .eyebrow{color:#0b718e;padding-top:.5rem}.section-head h2{max-width:760px;color:#0d5d79;margin:0}.work-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:repeat(2,360px);gap:18px}.work-card{position:relative;overflow:hidden;border-radius:20px;color:white}.work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.work-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,31,48,.95) 0%,rgba(7,49,70,.75) 45%,rgba(6,49,72,.12) 100%)}.work-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:100%;padding:2.5rem}.work-number{font-size:.78rem;font-weight:700;letter-spacing:.14em;margin-bottom:1.1rem}.work-card h3{font-size:clamp(2rem,2.75vw,3.15rem);max-width:530px;margin-bottom:.95rem}.work-card p{max-width:510px;font-size:.99rem;line-height:1.62;color:#e6f4f7;margin-bottom:1.4rem}.work-card .pill{margin-top:0}.work-training{grid-row:1/3;background:#306e86}.work-training img{object-position:53% center}.work-training .work-content{padding:3rem}.work-training h3{font-size:clamp(2.5rem,3.3vw,3.9rem)}.work-guides{background:linear-gradient(135deg,#0e7191,#58b5c9)}.work-guides .work-content{justify-content:center;max-width:590px;padding:2.5rem 2.8rem}.work-guides p{max-width:520px}.guide-motif{position:absolute;right:-.8rem;top:.8rem;display:flex;flex-direction:column;gap:.4rem;transform:rotate(-11deg);opacity:.2;pointer-events:none}.guide-motif span{display:block;border:1px solid white;border-radius:100px;padding:.28rem 1rem;color:white;font-size:.75rem}.work-visuals{background:#081f31}.work-visuals img{object-position:72% center}.work-visuals .work-shade{background:linear-gradient(90deg,rgba(5,23,38,.95) 0%,rgba(5,27,42,.85) 45%,rgba(5,26,42,.28) 100%)}.work-visuals .work-content{justify-content:center;max-width:540px;padding:2.5rem 2.8rem}.work-visuals p{max-width:420px}.card-credit{position:absolute;right:1rem;top:1rem;z-index:2;padding:.25rem .55rem;border-radius:20px;background:rgba(5,36,52,.62);font-size:.68rem}
.studio{padding:125px 0;background:#082e40;color:white;scroll-margin-top:2rem}.studio-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:9rem;align-items:center}.studio .eyebrow{color:#8ed9e5}.studio h2{max-width:760px;margin:1.2rem 0 1.8rem}.studio-intro>p:not(.eyebrow){max-width:650px;margin-bottom:2.1rem;color:#c7dde3;font-size:1.12rem;line-height:1.68}.studio-capabilities{border-top:1px solid #467286}.studio-capabilities>div{display:grid;grid-template-columns:42px 1fr;column-gap:1.3rem;padding:1.3rem 0;border-bottom:1px solid #467286}.studio-capabilities span{grid-row:1/3;color:#85d5e4;font-size:.78rem;font-weight:700}.studio-capabilities strong{font-size:1.18rem;font-weight:500}.studio-capabilities p{font-size:.93rem;color:#aecaD4;margin:.4rem 0 0}
.approach{padding-top:130px;padding-bottom:135px;scroll-margin-top:2rem}.approach-head{display:grid;grid-template-columns:1fr .65fr;column-gap:8rem;align-items:end}.approach-head .eyebrow{grid-column:1/-1;color:#0b718e;margin-bottom:1.5rem}.approach-head h2{max-width:750px;color:#0d5d79;margin-bottom:0}.approach-head>p:not(.eyebrow){font-size:1.08rem;color:var(--muted);line-height:1.65;max-width:410px;margin:0 0 .5rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:5rem}.step{padding-top:1.6rem;border-top:2px solid #0d5d79}.step span{display:block;color:#0c7fa0;font-size:.78rem;font-weight:700;letter-spacing:.13em;margin-bottom:2.8rem}.step h3{font-size:1.72rem;max-width:320px;margin-bottom:.9rem}.step p{font-size:1rem;line-height:1.67;color:#55707a;max-width:340px}
.contact{position:relative;display:grid;grid-template-columns:1fr auto;gap:5rem;align-items:end;margin-bottom:3rem;padding:5.5rem 5.2%;border-radius:24px;background:linear-gradient(120deg,#0c6f90,#4baac4);color:white;overflow:hidden;scroll-margin-top:2rem}.contact::before{content:"";position:absolute;right:-180px;top:-180px;width:520px;height:520px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 85px rgba(255,255,255,.035),0 0 0 170px rgba(255,255,255,.026)}.contact>div,.contact>a{position:relative}.contact .eyebrow{color:#d2f4f9}.contact h2{max-width:800px;margin:1rem 0 1.1rem}.contact p:not(.eyebrow){font-size:1.06rem;line-height:1.65;max-width:620px;color:#e1f5f7;margin:0}.contact .pill{white-space:nowrap}
.footer{background:#e7f1f3;padding:4.5rem 0 1.7rem}.footer-main{display:flex;justify-content:space-between;gap:4rem}.footer-main>div:first-child{max-width:350px}.footer p{font-size:.95rem;color:#52727e;margin:1.4rem 0}.footer-links{display:flex;gap:5rem}.footer-links>div{display:flex;flex-direction:column;gap:.65rem}.footer-links strong{font-size:.84rem;color:#0d5d79;margin-bottom:.5rem}.footer-links a,.footer-links span{font-size:.88rem;text-decoration:none;color:#476a77}.footer-links a:hover,.footer-links a:focus-visible{text-decoration:underline}.footer-bottom{margin-top:3rem;padding-top:1.4rem;border-top:1px solid #c6dce2;color:#78939e;font-size:.76rem}
@media(max-width:1050px){.intro{gap:4rem}.studio-layout{gap:4rem}.approach-head{gap:4rem}.work-grid{grid-template-rows:repeat(2,390px)}.work-content,.work-guides .work-content,.work-visuals .work-content{padding:2rem}.work-card h3{font-size:2.1rem}}
@media(max-width:800px){.header-inner{min-height:78px}.main-nav,.header-cta{display:none}.mobile-menu{display:block;position:relative;margin-left:auto}.mobile-menu summary{cursor:pointer;list-style:none;border:1px solid #9cbdc7;border-radius:100px;padding:.55rem .95rem;font-weight:600;font-size:.87rem}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu:not([open]) nav{display:none}.mobile-menu nav{position:absolute;right:0;top:calc(100% + .7rem);min-width:210px;display:flex;flex-direction:column;background:white;border:1px solid #c6dde4;border-radius:12px;overflow:hidden;box-shadow:0 16px 35px rgba(0,36,53,.18)}.mobile-menu nav a{padding:.8rem 1rem;border-bottom:1px solid #e3ecef;text-decoration:none;font-size:.95rem}.mobile-menu nav a:last-child{border:0}.hero{min-height:670px}.hero-content{min-height:670px;padding-left:5%;max-width:620px}.hero-overlay{background:linear-gradient(90deg,rgba(3,70,108,.88),rgba(5,78,112,.55) 70%,rgba(5,78,112,.18))}.audience{gap:1rem;flex-wrap:wrap}.audience span:not(:first-child){padding-left:1rem}.intro,.approach-head{grid-template-columns:1fr;gap:1.5rem}.intro{padding:90px 0}.intro p:not(.eyebrow){max-width:670px}.work-grid{grid-template-columns:1fr;grid-template-rows:auto}.work-training{grid-row:auto;min-height:560px}.work-guides,.work-visuals{min-height:430px}.studio-layout{grid-template-columns:1fr;gap:4rem}.studio-capabilities{max-width:620px}.approach{padding:95px 0}.steps{margin-top:3.5rem}.contact{grid-template-columns:1fr;gap:2.5rem}.footer-links{gap:3rem}}
@media(max-width:610px){.wrap{width:min(calc(100% - 2rem),var(--max))}.brand-main{font-size:1.6rem}.brand-sub{font-size:.63rem}.hero{min-height:740px;border-radius:17px}.hero-image{object-position:73% 24%}.hero-overlay{background:linear-gradient(0deg,rgba(4,67,99,.96) 0%,rgba(4,70,103,.88) 43%,rgba(4,80,112,.22) 100%)}.hero-content{min-height:740px;justify-content:flex-end;padding:270px 1.3rem 78px}.hero h1{font-size:clamp(2.6rem,10.2vw,3.6rem)}.hero-content>p:not(.eyebrow){font-size:1rem;line-height:1.56}.hero-actions{align-items:flex-start;gap:1.2rem}.hero-actions .pill{width:100%}.image-credit{right:.75rem;bottom:.5rem}.audience{padding:1.2rem 0;gap:.45rem .7rem}.audience span:first-child{width:100%}.audience span:not(:first-child){padding:0;border:0;font-size:.78rem}.audience span:not(:first-child):not(:last-child)::after{content:"/";margin-left:.7rem;color:#96b9c6}.intro{padding:75px 0 85px}.intro h2,.section-head h2,.studio h2,.approach h2,.contact h2{font-size:clamp(2.35rem,9vw,3.45rem)}.intro p:not(.eyebrow){font-size:1.04rem}.work-section{padding:75px 0 85px}.section-head{display:block;margin-bottom:2.2rem}.section-head h2{margin-top:1rem}.work-grid{gap:13px}.work-card{border-radius:16px}.work-training{min-height:620px}.work-training img{object-position:54% center}.work-content,.work-training .work-content,.work-guides .work-content,.work-visuals .work-content{padding:1.6rem}.work-card h3,.work-training h3{font-size:2.15rem}.work-card p{font-size:.94rem}.work-guides{min-height:455px}.work-visuals{min-height:440px}.studio{padding:82px 0}.studio-intro>p:not(.eyebrow){font-size:1.04rem}.studio-capabilities>div{grid-template-columns:35px 1fr}.approach{padding:82px 0}.approach-head>p:not(.eyebrow){font-size:1.04rem}.steps{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}.step{padding-top:1rem}.step span{margin-bottom:1rem}.step p{max-width:480px}.contact{padding:4rem 1.6rem;border-radius:18px}.contact p:not(.eyebrow){font-size:1rem}.contact .pill{width:100%}.footer{padding:3.5rem 0 1.5rem}.footer-main{display:block}.footer-links{margin-top:2.5rem;gap:2.5rem;flex-wrap:wrap}}
@media(max-width:380px){.hero{min-height:790px}.hero-content{min-height:790px;padding-top:280px}.work-training{min-height:660px}.work-guides{min-height:490px}.work-visuals{min-height:490px}.pill{gap:.6rem;padding-left:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill{transition:none}}
.hero{background:#081e2b}.hero-image{object-position:center center}.hero-overlay{background:linear-gradient(90deg,rgba(3,24,39,.94) 0%,rgba(4,30,47,.82) 35%,rgba(5,39,58,.28) 68%,rgba(5,39,58,.04) 100%),linear-gradient(0deg,rgba(3,24,39,.24),transparent 38%)}
.work-training img{object-position:50% center}
.work-guides{background:#0b354b}.work-guides img{object-position:58% center}.work-guides .work-shade{background:linear-gradient(90deg,rgba(4,30,46,.96) 0%,rgba(4,35,53,.88) 48%,rgba(4,35,53,.23) 100%)}
@media(max-width:800px){.hero-overlay{background:linear-gradient(90deg,rgba(3,24,39,.93),rgba(4,34,52,.77) 67%,rgba(4,34,52,.2))}}
@media(max-width:610px){.hero-image{object-position:35% center}.hero-overlay{background:linear-gradient(0deg,rgba(3,24,39,.97) 0%,rgba(3,28,43,.92) 43%,rgba(3,28,43,.05) 100%)}.work-guides img{object-position:58% center}.work-guides .work-shade{background:linear-gradient(0deg,rgba(4,28,45,.96) 0%,rgba(4,33,50,.9) 46%,rgba(4,33,50,.1) 100%)}.work-guides .work-content{justify-content:flex-end}}