:root{font-family:"DM Sans",sans-serif;color:#142b3a;background:#f6f8f9;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e76f4f;outline-offset:4px}img{display:block;max-width:100%}header{background:#142b3a;color:white;position:relative;z-index:2}nav{max-width:1320px;margin:auto;padding:20px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px}.mark{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.04em;text-decoration:none}.mark span{color:#74d5d1}.navlinks{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.navlinks a{text-decoration:none;font-size:.9rem}.navlinks a:hover,.footerlink:hover{text-decoration:underline}.hero{background:#142b3a;color:white}.hero-inner{max-width:1320px;margin:auto;padding:65px 4% 80px;display:grid;grid-template-columns:1fr .85fr;gap:6%;align-items:center}.eyebrow,.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#67d3ce}.hero h1{font-family:Outfit,sans-serif;font-size:clamp(3.3rem,6.8vw,6.5rem);line-height:.98;letter-spacing:-.06em;font-weight:600;margin:24px 0}.hero h1 em{font-style:normal;color:#74d5d1}.intro{font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.6;color:#d0e0e6;max-width:560px}.cta{display:inline-flex;gap:12px;align-items:center;background:#e9fbfa;color:#123742;padding:14px 20px;text-decoration:none;border-radius:3px;font-weight:700;margin-top:18px}.cta:hover{background:#8be0dc}.hero-art{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.hero-art figure{margin:0;background:#fff;padding:8px;box-shadow:0 20px 45px #0004;transform:rotate(-3deg)}.hero-art figure+figure{transform:rotate(4deg);margin-top:75px}.hero-art img{width:100%;height:clamp(270px,28vw,390px);object-fit:cover}.hero-art figcaption{color:#38525e;font-size:.78rem;padding:10px 5px 3px}.section{max-width:1320px;margin:auto;padding:85px 4%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.kicker{color:#087e81}.section h2,.about h2{font-family:Outfit,sans-serif;font-size:clamp(2.2rem,4.6vw,4.2rem);line-height:1.05;letter-spacing:-.05em;margin:12px 0}.lede{font-size:1.1rem;line-height:1.65;max-width:690px;color:#415b69}.feature{display:grid;grid-template-columns:1.05fr .95fr;background:white;border:1px solid #d9e4e7}.feature-copy{padding:clamp(27px,4.5vw,62px);display:flex;flex-direction:column;justify-content:center}.feature h3{font:600 clamp(2rem,3.6vw,3.4rem)/1.08 Outfit,sans-serif;letter-spacing:-.045em;margin:16px 0 20px}.feature p{font-size:1.05rem;line-height:1.7;color:#415b69}.feature-image{background:#dce9ea;min-height:430px;display:flex;align-items:center;justify-content:center;padding:35px;overflow:hidden}.feature-image img{max-height:460px;object-fit:contain;box-shadow:0 15px 38px #14313b30}.text-link{display:inline-flex;gap:12px;align-items:center;border-bottom:2px solid #0a7d81;text-decoration:none;font-weight:700;padding-bottom:5px;margin-top:18px;align-self:start}.text-link:hover{color:#087e81}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c8d8de;margin-top:1px}.metric{background:#eaf1f3;padding:26px 34px}.metric strong{font:600 clamp(2rem,4vw,3.3rem)/1 Outfit,sans-serif;letter-spacing:-.06em;display:block}.metric span{display:block;margin-top:9px;color:#45606c;line-height:1.4}.story{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story article{background:white;border:1px solid #d9e4e7;padding:28px}.story h3{font:600 1.55rem/1.15 Outfit,sans-serif;margin:18px 0}.story p{line-height:1.6;color:#526a75}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{border:1px solid #aac2c9;border-radius:50px;background:transparent;color:#284954;padding:9px 16px;font-size:.9rem}.filter[aria-pressed=true],.filter:hover{background:#142b3a;color:white;border-color:#142b3a}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #d9e4e7;background:#fff;text-align:left;padding:0;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #193d4c1c}.card-image{height:250px;background:#d9e8e9;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover img{transform:scale(1.03)}.card-body{padding:23px;flex:1}.card small{color:#087e81;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.card h3{font:600 1.55rem/1.15 Outfit,sans-serif;margin:12px 0}.card p{color:#526a75;line-height:1.55;margin:0}.count{color:#617883;font-size:.9rem;margin:18px 0}.about{background:#e4eeee}.about-inner{max-width:1320px;padding:85px 4%;margin:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:8%}.about p{font-size:1.1rem;line-height:1.7;color:#35515e;margin-top:0}.about ul{padding-left:20px;line-height:1.7;color:#35515e}.recognition{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:45px;border-top:1px solid #afc9cd;padding-top:35px}.recognition h3{font:600 1.5rem Outfit,sans-serif}.recognition li{margin-bottom:8px}.recognition a{text-underline-offset:3px}footer{background:#142b3a;color:#dcebed;padding:45px 4%}footer>div{max-width:1320px;margin:auto;display:flex;justify-content:space-between;gap:25px;align-items:center}footer a{color:#dcebed}.modal{position:fixed;inset:0;background:#081b27dc;display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.modal.open{display:flex}.panel{background:#fff;max-width:1080px;width:100%;max-height:94vh;overflow:auto;position:relative;box-shadow:0 30px 80px #0005;display:grid;grid-template-columns:1.05fr .95fr}.viewer{background:#dce9ea;min-height:500px;display:flex;align-items:center;justify-content:center;position:relative;padding:28px}.viewer img{max-height:68vh;max-width:100%;object-fit:contain;box-shadow:0 12px 34px #15384330}.modal-copy{padding:clamp(28px,4vw,50px);align-self:center}.modal-copy h2{font:600 clamp(2rem,4vw,3.2rem)/1.08 Outfit,sans-serif;letter-spacing:-.05em;margin:13px 30px 20px 0}.modal-copy p{color:#415b69;line-height:1.7;font-size:1.05rem}.close{position:absolute;right:16px;top:16px;border:0;background:#fff;border-radius:50%;width:44px;height:44px;font-size:1.4rem;z-index:2;box-shadow:0 2px 10px #0002}.gallery-nav{position:absolute;bottom:15px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center}.gallery-nav button{border:0;background:#142b3a;color:#fff;padding:8px 12px}.gallery-nav span{background:#fff;padding:7px 12px;font-size:.85rem}.gallery-nav[hidden]{display:none}.source{display:inline-block;margin-top:20px;text-underline-offset:5px;font-weight:700}@media(max-width:800px){.hero-inner,.feature,.about-inner,.panel{grid-template-columns:1fr}.hero-inner{padding:60px 5% 70px}.hero-art{max-width:600px}.hero-art img{height:260px}.feature-image{min-height:300px}.section{padding:65px 5%}.section-head{display:block}.filters{margin-top:24px}.metrics,.grid,.story,.recognition{grid-template-columns:1fr}.about-inner{padding:65px 5%;gap:15px}.viewer{min-height:300px}.viewer img{max-height:45vh}footer>div{display:block}}@media(max-width:560px){nav{align-items:start}.navlinks{gap:12px;justify-content:flex-end}.navlinks a{font-size:.82rem}.hero-art img{height:200px}.hero-art figure+figure{margin-top:40px}.card-image{height:230px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.card,.card-image img{transition:none}}

.page-hero{background:#142b3a;color:#fff}.page-hero .wrap{max-width:1320px;margin:auto;padding:75px 4% 85px}.page-hero h1{font:600 clamp(3.2rem,7vw,6.7rem)/.98 Outfit,sans-serif;letter-spacing:-.06em;max-width:950px;margin:20px 0}.page-hero p{font-size:1.2rem;line-height:1.6;max-width:690px;color:#d0e0e6}.page-hero .eyebrow{color:#74d5d1}.mini-hero .wrap{padding:55px 4% 62px}.mini-hero h1{font-size:clamp(2.8rem,5.7vw,5rem)}.action-row{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0}.action-row .cta{margin:0}.cta.secondary{background:transparent;color:#e9fbfa;border:1px solid #78b9bc}.cta.secondary:hover{background:#285365}.resource-list{display:flex;gap:13px;flex-wrap:wrap;margin-top:25px}.resource-list a{display:inline-flex;border:1px solid #a8c2c9;padding:12px 16px;text-decoration:none;font-weight:700;background:#fff}.resource-list a:hover{border-color:#087e81;color:#087e81}.inline-link{text-underline-offset:4px;font-weight:700}.section.tight{padding-top:40px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.case-grid p{font-size:1.1rem;line-height:1.72;color:#415b69}.case-grid img{width:100%;height:auto;object-fit:contain;background:#dce9ea;padding:18px}.quote{font:500 clamp(1.6rem,3vw,2.6rem)/1.25 Outfit,sans-serif;letter-spacing:-.03em;color:#0b6670;border-left:4px solid #0a8990;padding-left:25px;margin:35px 0}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.preview-card{background:#fff;border:1px solid #d9e4e7;text-decoration:none}.preview-card img{width:100%;height:270px;object-fit:cover}.preview-card div{padding:20px}.preview-card strong{display:block;font:600 1.45rem Outfit,sans-serif;margin:8px 0}.preview-card span{font-size:.8rem;color:#087e81;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.preview-card:hover{box-shadow:0 15px 30px #193d4c1c;transform:translateY(-3px)}.split{display:grid;grid-template-columns:.75fr 1.25fr;gap:8%}.split p{font-size:1.12rem;line-height:1.75;color:#35515e}.split h2{margin-top:0}.list-clean{list-style:none;margin:0;padding:0}.list-clean li{padding:17px 0;border-bottom:1px solid #cbdde1;line-height:1.5}.list-clean a{text-underline-offset:4px}.recognition-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px}.recognition-wrap h2{font-size:2.2rem}.note{font-size:.9rem;color:#57717d;line-height:1.55}.banner{background:#e4eeee;padding:32px 4%}.banner>div{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px}.banner p{font-size:1.15rem;line-height:1.5}.banner a{white-space:nowrap}.navlinks a[aria-current=page]{color:#74d5d1;border-bottom:1px solid #74d5d1;padding-bottom:3px}.modal .related{border-top:1px solid #d9e4e7;margin-top:25px;padding-top:18px}.modal .related a{display:block;margin:9px 0;color:#075f69;text-underline-offset:3px}.modal .related h3{font:600 1.1rem Outfit,sans-serif;margin:0 0 10px}@media(max-width:800px){.case-grid,.preview-grid,.split,.recognition-wrap{grid-template-columns:1fr}.banner>div{display:block}.banner a{white-space:normal}.page-hero .wrap,.mini-hero .wrap{padding:55px 5% 65px}.recognition-wrap{gap:40px}}

.about-side{font-size:1.1rem;line-height:1.6;color:#45606c}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.skills-grid article{background:#f6f8f9;border:1px solid #c5d8dc;padding:24px}.skills-grid h3{font:600 1.45rem/1.2 Outfit,sans-serif;margin:0 0 12px}.skills-grid p{font-size:1rem;line-height:1.6;margin:0}.tools-section .action-row{align-items:center;gap:25px}.tools-section .text-link{margin-top:0}@media(max-width:800px){.skills-grid{grid-template-columns:1fr}.tools-section .action-row{display:flex;align-items:flex-start}}

/* Show every example as a complete composition. */
.hero-art img{object-fit:contain;background:#edf3f5}.preview-card img{object-fit:contain;background:#e9f1f3;padding:14px}.card-image{background:#e9f1f3}.card-image img{object-fit:contain;padding:16px;transform:none!important}.card:hover img{transform:none}.feature-image img{max-width:100%;object-fit:contain}.portal-inline{display:block;align-self:start;color:#087e81;text-underline-offset:4px;font-weight:700;margin-top:18px}.portal-panel{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid #d9e4e7}.portal-visual{background:#e9f1f3;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.portal-visual img{max-height:450px;width:100%;object-fit:contain;box-shadow:0 8px 25px #14313b20}.portal-visual span{font-size:.82rem;color:#536e78}.portal-copy{padding:clamp(30px,4vw,55px);align-self:center}.portal-copy h3{font:600 clamp(2rem,3vw,3rem)/1.08 Outfit,sans-serif;letter-spacing:-.04em;margin:0 0 22px}.portal-copy p{font-size:1.08rem;line-height:1.7;color:#415b69}.manual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.manual-grid a{display:flex;flex-direction:column;gap:12px;background:#e9f1f3;padding:14px;text-decoration:none;border:1px solid #d3e1e5}.manual-grid img{width:100%;height:235px;object-fit:contain}.manual-grid span{font-weight:700;padding:0 4px 4px}.manual-grid a:hover{border-color:#087e81}@media(max-width:800px){.portal-panel,.manual-grid{grid-template-columns:1fr}.manual-grid img{height:280px}}

/* Portfolio refinements */
.hero-art{align-items:center}.hero-art figure{padding:8px;background:#fff}.hero-art img{height:auto;aspect-ratio:auto;object-fit:unset;background:transparent}.hero-art figure+figure{margin-top:35px}
.selected-overview{padding-bottom:35px}.selected-feature{grid-column:1/-1;background:#fff;border:1px solid #d9e4e7;padding:clamp(24px,3.5vw,48px);box-shadow:0 18px 40px #193d4c10}.selected-feature-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.selected-feature-head h2{font:600 clamp(2rem,4vw,3.6rem)/1.05 Outfit,sans-serif;letter-spacing:-.045em;max-width:720px;margin:12px 0}.selected-feature-head p{max-width:760px;font-size:1.08rem;line-height:1.65;color:#415b69}.selected-feature-head .cta{white-space:nowrap;background:#142b3a;color:#fff}.selected-feature-head .cta:hover{background:#285365}.selected-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.selected-triptych figure{margin:0;background:#e9f1f3;padding:12px}.selected-triptych img{width:100%;height:auto;object-fit:contain;background:#fff}.selected-triptych figcaption{padding:13px 5px 4px;font-weight:700;color:#284954}.projects-section{padding-top:42px}.more-work{margin-top:70px;padding-top:25px;border-top:1px solid #c9dade}.challenge-visuals{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.challenge-visuals figure{margin:0;background:#dce9ea;padding:12px}.challenge-visuals img{width:100%;height:auto;padding:0;background:transparent}.challenge-visuals figcaption{font-size:.82rem;line-height:1.45;color:#405c67;padding:12px 3px 2px}.challenge-visuals a{text-underline-offset:3px;font-weight:700}.outreach-grid img{max-height:420px}
@media(max-width:800px){.selected-feature-head{display:block}.selected-feature-head .cta{white-space:normal}.selected-triptych{gap:10px}.challenge-visuals{max-width:650px}}@media(max-width:600px){.hero-art{grid-template-columns:1fr 1fr;gap:8px}.hero-art figure+figure{margin-top:18px}.selected-triptych{grid-template-columns:1fr}.selected-triptych figure{max-width:520px}.challenge-visuals{grid-template-columns:1fr 1fr;gap:8px}}


/* Matched selected-work excerpts and the supplied portrait */
.selected-triptych{align-items:start}.selected-triptych figure{background:#fff;border:1px solid #d9e4e7;padding:10px}.selected-triptych img{display:block;width:100%;height:auto;aspect-ratio:1855/1980;object-fit:contain;background:#fff}.selected-triptych figcaption{font-size:.95rem;min-height:3.2em}
.about-portrait{margin:0 0 30px;max-width:380px;background:#fff;padding:9px;box-shadow:0 18px 35px #193d4c18;transform:rotate(-1.5deg)}.about-portrait img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:70% center;display:block}.about-portrait figcaption{padding:10px 6px 2px;color:#45606c;font-size:.9rem}
.card-image img,.outreach-grid img{background:#fff}.outreach-grid img{max-height:420px;object-fit:contain}.preview-card img{background:#fff}
/* Give Outfit headings room at every viewport size. */
@media(max-width:800px){.split,.about-inner{column-gap:0;row-gap:36px}}
.hero h1,.page-hero h1{letter-spacing:0;line-height:1.04}
.section h2,.about h2,.feature h3,.modal-copy h2,.portal-copy h3,.selected-feature-head h2{letter-spacing:0;line-height:1.12}
.mark,.metric strong,.quote{letter-spacing:0}
/* Larger hero examples at their natural proportions. */
@media(min-width:801px){.hero-inner{max-width:1400px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4%}}

/* Marketing page and homepage feature */
.marketing-highlight{padding-top:45px}.marketing-feature{display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid #d9e4e7}.marketing-feature-copy{padding:clamp(28px,4.5vw,62px);align-self:center}.marketing-feature h3{font:600 clamp(2rem,3.4vw,3.35rem)/1.12 Outfit,sans-serif;margin:16px 0}.marketing-feature p,.marketing-work p{font-size:1.05rem;line-height:1.7;color:#415b69}.marketing-feature-images{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px;padding:28px;background:#e9f1f3}.marketing-feature-images img{width:100%;height:350px;object-fit:contain;background:white;padding:8px;box-shadow:0 10px 22px #142b3a17}.marketing-hero h1{max-width:900px}.marketing-intro{padding-bottom:35px}.marketing-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.marketing-work{background:#fff;border:1px solid #d9e4e7}.marketing-work-image{display:flex;align-items:center;justify-content:center;background:#e9f1f3;padding:18px;height:330px}.marketing-work-image img{width:100%;height:100%;object-fit:contain;background:#fff}.marketing-work>div{padding:28px}.marketing-work h3{font:600 clamp(1.6rem,2.5vw,2.25rem)/1.15 Outfit,sans-serif;margin:14px 0}.marketing-work .text-link{margin-top:12px}@media(max-width:800px){.marketing-feature,.marketing-work-grid{grid-template-columns:1fr}.marketing-feature-images img{height:250px}}@media(max-width:480px){.marketing-feature-images{gap:8px;padding:12px}.marketing-feature-images img{height:180px}.marketing-work-image{height:260px}}

.marketing-lead{display:grid;grid-template-columns:1.2fr .8fr;background:#142b3a;color:#fff;margin:0 0 24px}.marketing-lead-art{background:#dfeaec;padding:clamp(16px,3vw,36px);display:flex;align-items:center}.marketing-lead-art a{display:block;width:100%}.marketing-lead-art img{width:100%;height:auto;box-shadow:0 18px 38px #08222d30}.marketing-lead-copy{padding:clamp(30px,4.5vw,62px);align-self:center}.marketing-lead h3{font:600 clamp(2rem,3.5vw,3.4rem)/1.1 Outfit,sans-serif;margin:20px 0}.marketing-lead p{font-size:1.1rem;line-height:1.7;color:#d0e0e6}.marketing-lead .kicker{color:#74d5d1}.marketing-lead .text-link{color:#e9fbfa;border-color:#74d5d1}.brochure-image{height:430px}.brochure-image img{object-position:top}@media(max-width:800px){.marketing-lead{grid-template-columns:1fr}.marketing-lead-copy{padding:30px}.brochure-image{height:350px}}

.amazon-lead .marketing-lead-art{height:520px;overflow:hidden;display:block;padding:0;background:#0f241e}.amazon-lead .marketing-lead-art a{height:100%;display:block}.amazon-lead .marketing-lead-art img{height:100%;width:100%;object-fit:cover;object-position:center top;box-shadow:none}.archive-note{font-size:.92rem!important;color:#a8c9ca!important}.campaign-group{margin:75px 0 42px;padding-top:40px;border-top:1px solid #c9dade}.campaign-group h3{font:600 clamp(2.1rem,4vw,3.6rem)/1.12 Outfit,sans-serif;margin:12px 0}.campaign-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.campaign-frames figure{margin:0;background:#fff;border:1px solid #d9e4e7;padding:12px}.campaign-frames img{height:360px;width:100%;object-fit:contain;background:#e9f1f3}.campaign-frames figcaption{padding:12px 3px 3px;color:#35515e;font-weight:700}.campaign-group .resource-list{margin-top:20px}@media(max-width:800px){.amazon-lead .marketing-lead-art{height:400px}.campaign-frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.campaign-frames img{height:230px}}@media(max-width:560px){.campaign-frames{grid-template-columns:1fr}.campaign-frames img{height:330px}}

/* Keep the source email at its native width and end the crop at the complete introductory line. */
.amazon-lead{grid-template-columns:minmax(0,626px) minmax(0,1fr);max-width:1280px;margin-inline:auto}.amazon-lead .marketing-lead-art{height:400px;background:#10251e}.amazon-lead .marketing-lead-art img{width:100%;height:auto;max-width:626px;object-fit:unset;object-position:initial}.amazon-lead .marketing-lead-copy{padding:clamp(26px,3vw,42px)}.amazon-lead h3{font-size:clamp(2rem,3vw,2.8rem);margin:12px 0}.amazon-lead p{font-size:1rem;line-height:1.5;margin:10px 0}.amazon-lead .text-link{margin-top:10px}@media(max-width:800px){.amazon-lead{grid-template-columns:1fr}.amazon-lead .marketing-lead-art{height:auto;aspect-ratio:626/400}.amazon-lead .marketing-lead-art img{width:100%;height:auto;max-width:none}.amazon-lead .marketing-lead-copy{padding:30px}}

/* Trim the PDF export's crop marks and unprinted edge from the campaign previews. */
.campaign-frame-crop{height:360px;overflow:hidden;background:#dfe8d1;position:relative}.campaign-frames .campaign-frame-crop img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;transform:scale(1.025);transform-origin:center center;background:transparent}@media(max-width:800px){.campaign-frame-crop{height:230px}}@media(max-width:560px){.campaign-frame-crop{height:330px}}
.campaign-frame-crop{width:auto;max-width:100%;aspect-ratio:742/1100;margin-inline:auto}.campaign-frames .campaign-frame-crop img{object-fit:cover}
.campaign-frame-crop{width:243px}@media(max-width:800px){.campaign-frame-crop{width:155px}}@media(max-width:560px){.campaign-frame-crop{width:223px}}
.anniversary-feature{display:grid;grid-template-columns:1.08fr .92fr;background:#fff;border:1px solid #d9e4e7;margin:0 0 52px}.anniversary-art{display:flex;flex-direction:column;justify-content:center;background:#e9f1f3;padding:clamp(18px,3vw,34px)}.anniversary-art img{display:block;width:100%;height:auto;box-shadow:0 12px 26px #142b3a20}.anniversary-art span{font-size:.85rem;color:#456270;margin-top:13px}.anniversary-copy{padding:clamp(28px,4vw,52px);align-self:center}.anniversary-copy h3{font:600 clamp(2rem,3vw,3rem)/1.12 Outfit,sans-serif;margin:14px 0 20px}.anniversary-copy p{font-size:1.05rem;line-height:1.7;color:#415b69}.anniversary-copy .anniversary-context{font-size:.92rem;color:#5e747d}.anniversary-links{display:flex;flex-direction:column;align-items:flex-start;gap:11px;margin-top:24px}@media(max-width:800px){.anniversary-feature{grid-template-columns:1fr}}
.citizen-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;background:#fff;border:1px solid #d9e4e7;margin:0 0 52px}.citizen-copy{padding:clamp(28px,4vw,54px);align-self:center}.citizen-copy h3{font:600 clamp(2rem,3vw,3rem)/1.12 Outfit,sans-serif;margin:14px 0 20px}.citizen-copy p{font-size:1.05rem;line-height:1.7;color:#415b69}.citizen-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}.citizen-art{display:grid;gap:18px;background:#e9f1f3;padding:clamp(18px,3vw,32px);align-content:center}.citizen-art figure{margin:0}.citizen-art a{display:block;background:#fff;padding:8px;box-shadow:0 10px 20px #142b3a17}.citizen-art img{display:block;width:100%;height:auto}.citizen-art figcaption{font-size:.86rem;font-weight:600;color:#456270;margin-top:8px}@media(max-width:800px){.citizen-feature{grid-template-columns:1fr}.citizen-art{grid-template-columns:1fr 1fr;gap:12px}}@media(max-width:560px){.citizen-art{grid-template-columns:1fr}}
/* Keep the approach introduction balanced with the site's editorial rhythm. */
.marketing-intro{padding-top:72px;padding-bottom:58px}.marketing-intro .split{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:6%;align-items:start}.marketing-intro h2{font-size:clamp(2.6rem,3.5vw,3.55rem);line-height:1.13;max-width:560px;margin:16px 0 0}.marketing-intro h2::after{content:"";display:block;width:74px;height:4px;background:#0a8589;margin-top:28px}.marketing-intro .split>div:last-child{border-left:1px solid #cbdde1;padding-left:34px}.marketing-intro .split p:first-child{margin-top:0}.marketing-intro .split p:last-child{margin-bottom:0}@media(max-width:800px){.marketing-intro .split{grid-template-columns:1fr;gap:28px}.marketing-intro h2{max-width:620px}.marketing-intro .split>div:last-child{padding-left:0;border-left:0}.marketing-intro{padding-top:60px;padding-bottom:45px}}@media(max-width:560px){.marketing-intro h2{font-size:clamp(2.15rem,8.5vw,2.6rem);line-height:1.18;letter-spacing:-.025em;max-width:100%}.marketing-intro .wide-break{display:none}.marketing-intro h2::after{margin-top:24px}}
/* Joint campaign stewardship */
.rubin-feature{margin:0 0 52px;padding:clamp(28px,4vw,50px);background:#e4eeee;border:1px solid #d1e1e4}.rubin-intro{display:grid;grid-template-columns:.88fr 1.12fr;gap:6%;align-items:start;margin-bottom:30px}.rubin-intro h3{font:600 clamp(2.15rem,3.5vw,3.45rem)/1.1 Outfit,sans-serif;margin:16px 0 0}.rubin-intro p{font-size:1.05rem;line-height:1.7;color:#35515e;margin:0 0 15px}.rubin-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rubin-example{display:flex;flex-direction:column;background:#fff;border:1px solid #cbdde1;text-decoration:none;min-width:0;transition:transform .2s,box-shadow .2s}.rubin-example:hover{transform:translateY(-3px);box-shadow:0 14px 26px #142b3a17}.rubin-example-art{height:300px;background:#d6e5e7;padding:13px;display:flex;align-items:center;justify-content:center}.rubin-example-art img{width:100%;height:100%;object-fit:contain;background:#001c1a}.rubin-example-caption{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}.rubin-example-caption span{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#087e81}.rubin-example-caption strong{font:600 1.28rem/1.2 Outfit,sans-serif}.rubin-example-caption small{font-size:.88rem;font-weight:700;color:#0a6a71}.rubin-release-art{height:300px;display:flex;flex-direction:column;justify-content:center;background:#142b3a;color:#fff;padding:clamp(22px,2.5vw,36px)}.rubin-release-agency{font:700 .86rem/1.3 DM Sans,sans-serif;color:#74d5d1;margin-bottom:auto}.rubin-release-label{font-size:.77rem;text-transform:uppercase;letter-spacing:.12em;color:#b3d6da;margin:20px 0}.rubin-release-art strong{font:600 clamp(1.45rem,2vw,2rem)/1.15 Outfit,sans-serif}.rubin-crosslink{display:block;width:max-content;max-width:100%;margin-top:18px}@media(max-width:900px){.rubin-intro{grid-template-columns:1fr;gap:18px}.rubin-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.rubin-release{grid-column:1/-1}.rubin-release-art{height:auto;min-height:210px}}@media(max-width:600px){.rubin-examples{grid-template-columns:1fr}.rubin-release{grid-column:auto}.rubin-example-art{height:280px}.rubin-feature{padding:22px}.rubin-release-art{min-height:260px}}
/* Give the selected marketing work a defined editorial entrance. */
.marketing-gallery{padding-top:42px}.marketing-gallery>.section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:6%;align-items:center;background:#142b3a;color:#fff;padding:clamp(30px,4vw,50px);margin-bottom:24px}.marketing-gallery>.section-head h2{font-size:clamp(2.5rem,3.5vw,3.6rem);line-height:1.1;margin:13px 0 0;max-width:none}.marketing-gallery>.section-head .kicker{color:#74d5d1}.marketing-gallery>.section-head .lede{color:#d0e0e6;font-size:1.08rem;line-height:1.6;border-left:3px solid #74d5d1;padding-left:24px;margin:0;max-width:500px}@media(max-width:800px){.marketing-gallery>.section-head{grid-template-columns:1fr;gap:24px}.marketing-gallery>.section-head h2{font-size:clamp(2.4rem,6vw,3.2rem)}.marketing-gallery>.section-head .lede{max-width:650px}}@media(max-width:560px){.marketing-gallery{padding-top:30px}.marketing-gallery>.section-head{padding:28px 24px}.marketing-gallery>.section-head h2{font-size:clamp(2.25rem,9vw,2.7rem)}.marketing-gallery>.section-head .lede{padding-left:17px}}

/* Landing page art: show each landscape design in full, with distinct layered frames. */
.hero-art{display:block}.hero-art figure{width:68%}.hero-art figure+figure{width:86%;margin:-12px 0 0 auto}.hero-art img{height:auto;aspect-ratio:auto;object-fit:contain;display:block}.hero-art figcaption{line-height:1.35}@media(max-width:560px){.hero-art figure+figure{margin-top:-5px}.hero-art figcaption{font-size:.69rem}}

/* Fincham Finance regional event project */
.fincham-hero .fincham-back{display:inline-block;color:#b6d8e0;text-decoration:none;margin-bottom:35px;font-size:.9rem}.fincham-hero h1{max-width:1000px;line-height:1.08}.fincham-hero p{max-width:790px}.fincham-opening{padding-bottom:40px}.fincham-wide{margin:0;background:#fff;border:1px solid #d9e4e7}.fincham-wide img{display:block;width:100%;height:auto}.fincham-wide figcaption{font-size:.85rem;color:#526d78;padding:16px 20px;line-height:1.5}.fincham-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:32px 0;border-bottom:1px solid #cbdde1}.fincham-facts span{display:block;color:#087e81;text-transform:uppercase;letter-spacing:.11em;font-size:.75rem;font-weight:700;margin-bottom:12px}.fincham-facts strong{font-weight:500;line-height:1.6}.fincham-story{padding-top:36px}.fincham-story h2{font-size:clamp(2.3rem,3.5vw,3.4rem);line-height:1.15}.fincham-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.fincham-detail-grid article{border-top:3px solid #0a8589;padding:24px 0 0}.fincham-number{color:#087e81;font-size:.85rem;font-weight:700;letter-spacing:.12em}.fincham-detail-grid h3{font:600 1.65rem Outfit,sans-serif;margin:16px 0 12px}.fincham-detail-grid p{color:#35515e;line-height:1.7}.fincham-credit{color:#526d78;font-size:.9rem;line-height:1.6;margin:20px 0 0}@media(max-width:800px){.fincham-story .split{grid-template-columns:1fr;gap:24px}.fincham-detail-grid{grid-template-columns:1fr;gap:24px}.fincham-facts{gap:22px}.fincham-hero h1{font-size:clamp(2.5rem,7vw,3.8rem)}}@media(max-width:560px){.fincham-facts{grid-template-columns:1fr;gap:22px}.fincham-hero h1{font-size:2.65rem;letter-spacing:-.025em}.fincham-story h2{font-size:2.25rem}.fincham-wide figcaption{padding:13px 16px}.fincham-hero .fincham-back{margin-bottom:25px}}

/* Shared navy navigation, with a mobile disclosure menu. */
body>header{background:#142b3a;color:#fff}
body>header>nav{display:flex;align-items:center;gap:32px;padding:22px 4%;flex-wrap:nowrap}
body>header .mark{color:#fff;flex-shrink:0}
body>header .navlinks{gap:30px;flex-wrap:nowrap;align-items:center}
body>header .navlinks a{position:relative;display:block;font-size:1rem;font-weight:600;line-height:1.4;color:#fff;padding:12px 0;text-decoration:none;border:0;white-space:nowrap}
body>header .navlinks a::after{content:"";position:absolute;bottom:4px;left:0;right:0;height:3px;border-radius:2px;background:#74d5d1;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
body>header .navlinks a:hover::after,body>header .navlinks a[aria-current=page]::after{transform:scaleX(1)}
body>header .navlinks a[aria-current=page]{color:#74d5d1;border:0;padding-bottom:12px}
body>header a:focus-visible,body>header button:focus-visible{outline:2px solid #74d5d1;outline-offset:5px}
body>header .nav-toggle{display:none;background:transparent;color:#fff;border:1px solid #52707d;border-radius:5px;padding:12px 18px;min-height:46px;font:600 1rem 'DM Sans',sans-serif;cursor:pointer}
@media(max-width:900px){body>header>nav{flex-wrap:wrap;gap:14px 20px;padding:18px 5%;align-items:center}body>header.has-menu .nav-toggle{display:block}body>header .navlinks{width:100%;flex-direction:column;gap:8px;align-items:stretch}body>header.has-menu .navlinks{display:none}body>header.has-menu.menu-open .navlinks{display:flex;padding:12px 0 18px;border-bottom:1px solid #365361}body>header .navlinks a{font-size:1.08rem;padding:16px 20px;min-height:52px;white-space:normal}body>header .navlinks a[aria-current=page]{background:#244653;border-left:4px solid #74d5d1;border-radius:4px;padding:16px 16px}body>header .navlinks a::after{display:none}body>header .navlinks a:hover{background:#244653;border-radius:4px}}
@media(prefers-reduced-motion:reduce){body>header .navlinks a::after{transition:none}}

/* NSF Brand Brief campaign and continuing brand stewardship. */
.brief-back{display:inline-block;color:#b6d8e0;text-decoration:none;margin-bottom:32px;font-size:.9rem}.brief-hero h1{line-height:1.1}.brief-intro h2,.brief-continuity h2{line-height:1.15}.brief-edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.brief-edition{background:#fff;border:1px solid #d9e4e7;display:flex;flex-direction:column}.brief-edition-art{height:320px;display:flex;align-items:center;justify-content:center;padding:24px;background:#e9f1f3}.brief-edition-art img{display:block;width:100%;height:100%;object-fit:contain}.brief-edition-copy{padding:30px;flex:1}.brief-edition h3{font:600 clamp(1.65rem,2.3vw,2.1rem)/1.2 Outfit,sans-serif;margin:16px 0 20px}.brief-edition p{color:#35515e;line-height:1.7}.brief-result{background:#142b3a;color:#fff;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.brief-result .kicker{color:#74d5d1}.brief-result-number{display:block;font:600 clamp(4rem,8vw,7rem)/1.1 Outfit,sans-serif;color:#74d5d1;margin:20px 0}.brief-result h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;margin:0}.brief-result p{color:#d0e0e6;line-height:1.7;font-size:1.13rem}.brief-result .brief-measure-note{font-size:.9rem;color:#b6cbd3}.brief-resource-link{display:block;margin-top:22px}.brief-teaser{background:#142b3a;color:#fff;padding:clamp(28px,4vw,54px);display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center}.brief-teaser .kicker{color:#74d5d1}.brief-teaser h2{font-size:clamp(2rem,3.3vw,3.1rem);line-height:1.12;margin:20px 0}.brief-teaser p{color:#d0e0e6;line-height:1.7}.brief-teaser .text-link{color:#74d5d1;display:inline-block;margin-top:16px}.brief-teaser-art img{width:100%;height:auto;display:block}.brief-home{padding-top:0}.brief-marketing{background:#e9f1f3;border-top:4px solid #087e81;padding:clamp(26px,4vw,50px);display:grid;grid-template-columns:1.15fr 1fr;gap:7%;margin-bottom:36px;align-items:center}.brief-marketing h3{font:600 clamp(2rem,3vw,2.8rem)/1.15 Outfit,sans-serif;margin:18px 0}.brief-marketing p{line-height:1.7;color:#35515e}.brief-marketing-art{display:grid;gap:22px;width:100%;max-width:440px;margin-inline:auto}.brief-marketing-art img{display:block;width:100%;height:auto}.brief-marketing-art img:first-child{width:100%;margin:0}.brief-feature-stat{padding:18px 0;border-top:1px solid #cbdde1}.brief-feature-stat strong{font:600 2.2rem Outfit,sans-serif;color:#087e81;margin-right:8px}.brief-update{background:#fff;border-left:5px solid #087e81;padding:clamp(26px,4vw,50px)}.brief-update h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;margin:18px 0}.brief-update p{line-height:1.7;color:#35515e}.brief-update-links{display:flex;gap:24px 32px;flex-wrap:wrap;margin:26px 0}.brief-update .brief-measure-note{font-size:.9rem;margin-bottom:0;color:#526d78}.brief-original-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#087e81;margin-top:35px;font-weight:700}
@media(max-width:800px){.brief-teaser,.brief-marketing,.brief-result,.brief-intro .split,.brief-continuity .split{grid-template-columns:1fr;gap:30px}.brief-edition-grid{grid-template-columns:1fr}.brief-teaser-art{max-width:560px}.brief-marketing-art{max-width:560px}.brief-edition-art{height:auto;min-height:220px}.brief-edition-art img{height:auto;max-height:340px}.brief-hero h1{font-size:clamp(2.6rem,8vw,4rem)}}
@media(max-width:560px){.brief-edition-copy{padding:24px}.brief-update-links{flex-direction:column;gap:22px}.brief-feature-stat strong{display:block;margin-bottom:7px}.brief-result{padding:28px 24px}.brief-teaser h2,.brief-intro h2,.brief-continuity h2{font-size:2.15rem}.brief-marketing-art img:first-child{width:100%}}

.brief-portal-link{display:inline-block;margin-top:22px}.brief-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:32px}.brief-system-grid article{padding-top:22px;border-top:3px solid #087e81}.brief-system-grid h3{font:600 1.5rem Outfit,sans-serif;margin:0 0 12px}.brief-system-grid p{color:#35515e;line-height:1.65}@media(max-width:800px){.brief-system-grid{grid-template-columns:1fr}.brief-marketing-art{max-width:440px}}

/* Science announcement digital design. */
.science-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center;background:#fff;border:1px solid #d9e4e7;padding:clamp(24px,3.5vw,44px);margin:36px 0}.science-feature-image img{width:100%;height:auto;display:block}.science-feature h3{font:600 clamp(2rem,3vw,2.8rem)/1.15 Outfit,sans-serif;margin:18px 0}.science-feature p{color:#35515e;line-height:1.7}.science-hero h1{line-height:1.1}.science-art{margin:0;background:#fff;border:1px solid #d9e4e7}.science-art img{display:block;width:100%;max-width:887px;height:auto;margin-inline:auto}.science-art figcaption{padding:16px 20px;font-size:.85rem;color:#526d78;line-height:1.5}.science-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:32px 0;border-bottom:1px solid #cbdde1}.science-facts span{display:block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#087e81;margin-bottom:12px}.science-facts strong{font-weight:500;line-height:1.5}.science-story h2{font-size:clamp(2rem,3.3vw,3rem);line-height:1.15}.science-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.science-channel-grid article{border-top:3px solid #087e81;padding:25px 0}.science-channel-grid h3{font:600 1.7rem Outfit,sans-serif;margin:18px 0}.science-channel-grid p{color:#35515e;line-height:1.7}.science-note{color:#526d78;font-size:.9rem;line-height:1.6}@media(max-width:800px){.science-feature,.science-story .split,.science-channel-grid{grid-template-columns:1fr;gap:26px}}@media(max-width:560px){.science-facts{grid-template-columns:1fr;gap:24px}.science-hero h1{font-size:2.7rem}.science-feature{padding:24px}.science-story h2{font-size:2.2rem}}