:root{--ink:#101a21;--paper:#fff;--blue:#086779;--cyan:#26bbd0;--muted:#445765}body{background:#fff}header{padding:14px 5%;border-bottom:1px solid #d6e2e5}.identity img{width:94px;height:76px}nav a{font-weight:600}h1,h2,h3{font-weight:800;letter-spacing:-.045em}h1 em,h2 em,.page-hero em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.05em;color:#086779}h3{letter-spacing:-.025em}.eyebrow{color:#086779;letter-spacing:.14em;font-size:14px}.hero{background:#fff;align-items:center;grid-template-columns:2.4fr 1fr;gap:6%;padding:65px 5% 48px}.hero h1{font-size:clamp(42px,5.8vw,82px);font-weight:800;line-height:1.08}.hero-note{border-top:4px solid #26bbd0}.hero-note p{margin-top:0}.hero .intro{font-size:20px;max-width:680px}.button{border-radius:3px;background:#07566b;font-weight:700;gap:15px}.button:hover{background:#123745}.proof{margin-top:30px;background:#101a21}.proof strong{font-weight:800}.work-strip{padding:0 5%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-strip a{text-decoration:none;background:#101a21;overflow:hidden}.work-strip img{display:block;width:100%;height:225px;object-fit:contain;background:#101a21}.work-strip span{display:flex;justify-content:space-between;color:#fff;padding:16px 20px;font-size:16px;font-weight:700}.work-strip b{color:#73e4ed}.visual-intro{padding:72px 5% 40px;max-width:1250px}.visual-intro h1{font-size:clamp(45px,6.8vw,96px);line-height:1.04}.visual-intro .intro{max-width:830px;font-size:21px}.chapter-nav{padding:0 5% 45px;justify-content:flex-start;gap:16px 30px}.chapter-nav a{border-bottom:2px solid #28b8ce;padding-bottom:8px}.brand-chapter{padding:70px 5%;scroll-margin-top:20px}.chapter-head{display:grid;grid-template-columns:1.1fr 1fr;gap:15px 60px;align-items:start;margin-bottom:40px}.chapter-head>.eyebrow{grid-column:1/-1;margin-bottom:0}.chapter-head h2{font-size:clamp(36px,4.9vw,66px)}.chapter-head>p:not(.eyebrow){margin:4px 0;max-width:540px;font-size:19px}.mortgage{background:#111d31;color:#fff}.mortgage .eyebrow,.mortgage h2 em,.gold-word{color:#f7cf3c}.mortgage .button{background:#f7cf3c;color:#111d31}.art{margin:0;min-width:0}.art>a{display:block;background:#fff}.art img{display:block;width:100%;height:auto;object-fit:contain}.art a:focus-visible{outline-offset:4px}.art figcaption{display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:1.5;margin-top:13px;color:inherit}.art figcaption span{flex:none}.wide-art img{max-height:620px;background:#09162c}.gallery{display:grid;gap:28px;margin-top:32px;align-items:start}.two-up{grid-template-columns:1fr 1fr}.three-up{grid-template-columns:repeat(3,1fr)}.cover-art>a{padding:25px;background:#1d2c43}.cover-art img{max-height:610px}.chapter-summary{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:52px 0 20px;align-items:start}.chapter-summary h3{font-size:clamp(28px,3.2vw,42px);line-height:1.18}.chapter-summary p:first-child{margin-top:0}.role-line{font-size:14px;line-height:1.5;border-top:1px solid currentColor;padding-top:20px;margin-top:25px}.communications{padding:75px 5%;background:#eaf7f8}.communications h2 em{color:#086779}.communications-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:40px 0}.communications-grid>div{border-top:3px solid #087a8d;padding-top:20px}.communications-grid h3{font-size:23px}.communications-grid p{font-size:16px;line-height:1.65;color:#354b59}.email-gallery{max-width:1100px}.email-gallery img{background:#000}.ondoc{background:#fff}.ondoc .eyebrow,.ondoc h2 em,.purple-word{color:#762baa}.campaign-lead{grid-template-columns:1.35fr 1fr}.campaign-lead img{aspect-ratio:1.294;object-fit:contain}.ondoc .three-up .art>a{background:#f4f0f8;display:flex;align-items:center;min-height:230px}.ondoc .three-up img{max-height:340px}.beyond{background:#121b19;color:#fff}.beyond .eyebrow,.beyond h2 em,.lime-word{color:#9bdd2c}.beyond .button{background:#9bdd2c;color:#101a21}.beyond .identity-art{max-width:880px;margin:40px auto 0}.beyond .identity-art>a{padding:20px}.portfolio-context{max-width:850px;margin:32px 0 0;color:#52636c;font-size:14px}.media-feature{padding:65px 5%;display:grid;grid-template-columns:1.12fr 1fr;gap:55px;align-items:center}.media-copy h2{font-size:clamp(38px,4.8vw,65px)}.media-copy p{max-width:580px}.media-copy .eyebrow{margin-bottom:20px}.media-visual .art img{max-height:620px}.media-feature:not(.mortgage):not(.beyond){background:#f4f8fa}.media-feature .text-link{margin-top:12px}.page-hero h1{font-weight:800;line-height:1.08}.case{border:0;border-top:3px solid #0b8091;background:#f2f7f9}.case h3{font-weight:700}.case .eyebrow{color:#086779}.featured{background:#101a21;border-top-color:#30bfd0}.featured .eyebrow{color:#73e4ed}.featured h2{font-weight:800}.featured h3{color:#fff}.experience{background:#f7fafb}.experience h2{max-width:900px}.experience-row h3{font-weight:700}.section-head h2 em{color:#086779}footer .wordmark{font-size:23px}footer .wordmark span{color:#73e4ed}strong{font-weight:700}a:hover .art img{opacity:1}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-note{max-width:720px}.work-strip img{height:170px}.chapter-head{gap:20px 35px}.communications-grid{grid-template-columns:1fr 1fr}.media-feature{gap:35px}.chapter-summary{gap:35px}.three-up{grid-template-columns:1fr 1fr}.three-up .art:last-child{grid-column:1/-1;max-width:700px}.visual-intro{padding-top:50px}}
@media(max-width:700px){.hero h1{font-size:clamp(39px,9.2vw,64px)}.visual-intro h1{font-size:clamp(40px,10vw,66px)}.visual-intro{padding:45px 6% 20px}.visual-intro .intro{font-size:19px}.chapter-nav{padding:0 6% 32px;gap:16px 24px}.work-strip{grid-template-columns:1fr;padding:0 6%}.work-strip img{height:auto;max-height:330px}.brand-chapter,.communications,.media-feature{padding:48px 6%}.chapter-head,.chapter-summary,.media-feature,.campaign-lead,.two-up,.three-up{grid-template-columns:1fr}.chapter-head{gap:20px}.chapter-head>p:not(.eyebrow){font-size:18px}.chapter-summary{gap:24px;margin-top:35px}.gallery{gap:26px}.communications-grid{gap:20px}.communications-grid h3{font-size:21px}.three-up .art:last-child{grid-column:auto}.media-copy h2{font-size:44px}.media-copy .eyebrow{margin-top:8px}.cover-art img{max-height:650px}.cover-art>a{padding:15px}.art figcaption{font-size:14px}.proof{margin-top:30px}.role-line{font-size:14px}.case-grid{grid-template-columns:1fr}}
@media(max-width:420px){.communications-grid{grid-template-columns:1fr}.chapter-nav{flex-direction:column;align-items:flex-start}.visual-intro h1{font-size:40px}}
