:root{--cyan:#009edb;--blue:#006a92;--ink:#242832;--muted:#5b6370;--line:#dce2e8;--paper:#fff;--soft:#f1f4f7;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--ink);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.skip{position:absolute;z-index:20;left:20px;top:-60px;padding:12px;background:#fff}.skip:focus{top:15px}.shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:92px}.brand{display:block;line-height:0}.brand img{width:252px;height:auto}.nav{display:flex;align-items:center;gap:32px}.nav a{font-size:.875rem;font-weight:700;letter-spacing:.06em;text-decoration:none;color:var(--blue)}.nav a:hover{text-decoration:underline}.nav .resume{border:1px solid var(--blue);padding:12px 18px}.hero{background:var(--cyan);color:#fff}.hero-inner{display:grid;grid-template-columns:1fr 175px;gap:60px;align-items:center;padding-block:43px}.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px}.hero h1{font-size:clamp(2rem,4vw,3.65rem);line-height:1.04;letter-spacing:-.045em;font-weight:800;margin:0 0 16px}.hero .role{font-size:1.1875rem;font-weight:700;margin:0 0 12px}.hero p.description{font-size:1rem;line-height:1.6;max-width:710px;margin:0}.portrait{width:170px;height:170px;object-fit:cover;object-position:center 20%;border-radius:50%;border:5px solid #fff}.work-section{padding-block:42px 60px;background:var(--ink);color:#fff;min-height:640px}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.work-heading h2{margin:0;font-size:1.8rem;letter-spacing:-.03em}.work-heading p{margin:0;color:#d6dde5;font-size:.875rem}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.filters button{background:transparent;border:1px solid #77808d;color:#f6f8fb;padding:10px 16px;min-height:44px;border-radius:3px;font-size:.875rem;font-weight:600}.filters button:hover{border-color:#fff;background:#303744}.filters button[aria-pressed=true]{background:#fff;color:var(--ink);border-color:#fff}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}.card{background:#fff;color:var(--ink);display:flex;flex-direction:column;overflow:hidden;border-radius:3px}.card[hidden]{display:none}.art-button{display:block;padding:0;width:100%;border:0;position:relative;aspect-ratio:1.84;flex:0 0 auto;overflow:hidden;background:#edf2f6}.art{position:absolute;inset:0;display:flex;gap:12px;width:100%;height:100%;align-items:center;justify-content:center;padding:20px}.art img{min-width:0;width:100%;height:100%;object-fit:contain}.art.cover{padding:0}.art.cover img{object-fit:cover}.art.trio{padding:18px 40px;background:#e8f2f7;gap:16px}.art.trio img{width:30%;object-fit:contain}.art.pair{gap:14px;padding:20px;background:#edf2f6}.art.pair img{width:calc(50% - 7px)}.art.motion{background:#fff;padding:28px}.art.motion img{width:70%}.art.identities{flex-direction:column;gap:24px;background:#f4f6f8;padding:30px}.art.identities img{height:38%;width:70%;object-fit:contain}.art-button:after{content:'View project';position:absolute;right:14px;bottom:14px;background:var(--ink);color:#fff;border-radius:2px;padding:9px 12px;font-size:.8125rem;opacity:0;transition:opacity .15s}.art-button:hover:after,.art-button:focus-visible:after{opacity:1}.card-body{padding:23px 26px 24px;display:flex;flex-direction:column;flex:1}.project-meta{font-size:.75rem;color:var(--blue);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px}.card h3{font-size:1.375rem;line-height:1.22;margin:0 0 10px;letter-spacing:-.025em}.card p.preview{font-size:1rem;line-height:1.55;margin:0 0 16px;color:#4f5661}.skills{font-size:.8125rem;color:#59616d;line-height:1.5;margin:0 0 20px}.view{align-self:start;background:none;border:0;border-bottom:2px solid var(--cyan);padding:4px 0 7px;font-size:.875rem;font-weight:700;color:var(--ink);margin-top:auto}.view:hover{color:var(--blue)}.about{padding-block:47px;background:#fff}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px}.about h2,.contact h2{font-size:1.8rem;letter-spacing:-.03em;margin:0 0 16px}.about p{font-size:1rem;line-height:1.7;color:#4f5661;margin:0 0 17px;max-width:580px}.about .eyebrow{color:var(--blue)}.strengths{display:grid;gap:17px;list-style:none;padding:0;margin:0}.strengths li{border-bottom:1px solid var(--line);padding-bottom:16px;line-height:1.5}.strengths b{display:block;font-size:1rem;margin-bottom:3px}.strengths span{font-size:.9375rem;color:#4f5661}.contact{background:#eaf4fa;padding-block:40px}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p{margin:0;color:#4f5661;line-height:1.6}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 19px;background:var(--blue);color:#fff;font-size:.875rem;font-weight:700;text-decoration:none;border:1px solid var(--blue)}.button-link.secondary{background:transparent;color:var(--blue)}.button-link:hover{background:#004e6c;color:#fff}footer{color:#dce3eb;padding-block:26px;font-size:.875rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{margin:0}footer a{color:#fff}dialog{padding:0;border:0;border-radius:5px;width:min(1060px,calc(100% - 40px));max-height:calc(100dvh - 40px);background:#fff;color:var(--ink);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:rgba(13,18,26,.8)}.dialog-head{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 28px;z-index:1}.dialog-head p{margin:0;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.close{background:var(--soft);border:1px solid var(--line);padding:9px 15px;font-size:.875rem;min-height:44px}.dialog-body{padding:28px}.dialog-body h2{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.04em;line-height:1.12;margin:0 0 14px}.dialog-summary{font-size:1.0625rem;line-height:1.6;max-width:850px;color:#4f5661;margin:0 0 25px}.case-notes{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid var(--line)}.case-notes h3{font-size:.8125rem;text-transform:uppercase;letter-spacing:.07em;color:var(--blue);margin:0 0 8px}.case-notes p{font-size:1rem;line-height:1.6;margin:0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gallery figure{margin:0;min-width:0}.gallery .gallery-image{display:flex;min-height:220px;height:300px;background:#f1f4f7;align-items:center;justify-content:center;padding:15px}.gallery img{max-width:100%;max-height:100%;object-fit:contain}.gallery figure.wide{grid-column:1/-1}.gallery figure.wide .gallery-image{height:auto;min-height:0}.gallery figure.wide img{max-height:650px}.gallery figcaption{font-size:.875rem;line-height:1.5;color:#59616d;margin-top:9px}.dialog-links{margin-top:27px;display:flex;gap:20px;flex-wrap:wrap;font-size:.9375rem;font-weight:700}.no-js{font-size:.875rem;color:#dce3eb}.empty{padding:30px;background:#303744}body.modal-open{overflow:hidden}.motion-static{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.motion-animated{display:none}.motion-static{display:block}}@media(max-width:760px){.shell{width:calc(100% - 36px)}.header-inner{min-height:80px;gap:18px}.brand img{width:190px}.nav{gap:15px}.nav a{font-size:.8125rem}.nav .resume{padding:10px 12px}.nav .nav-work{display:none}.hero-inner{padding-block:34px;grid-template-columns:1fr 105px;gap:22px}.portrait{width:105px;height:105px;border-width:3px}.hero h1{font-size:2.2rem}.hero .role{font-size:1rem;line-height:1.4}.hero p.description{grid-column:1/-1}.hero-copy .description{font-size:.9375rem}.work-section{padding-block:30px 38px}.work-heading{align-items:start;flex-direction:column;gap:10px}.work-heading h2{font-size:1.6rem}.filters{gap:7px;margin-bottom:22px}.filters button{padding:10px 13px}.grid{grid-template-columns:1fr;gap:23px}.card-body{padding:22px}.art.trio{padding:18px 28px}.about{padding-block:34px}.about-inner{grid-template-columns:1fr;gap:22px}.contact-inner{align-items:start;flex-direction:column;gap:22px}.contact-actions{width:100%}.contact .button-link{flex:1}.dialog-head{padding:14px 18px}.dialog-body{padding:22px 18px}.case-notes{grid-template-columns:1fr;gap:18px}.gallery{gap:19px;grid-template-columns:1fr}.gallery figure.wide{grid-column:auto}.gallery .gallery-image{height:290px}.gallery figure.wide img{max-height:550px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.art-button:after{opacity:1}}@media(max-width:450px){.brand img{width:155px}.nav{gap:13px}.nav a{font-size:.75rem;letter-spacing:.025em}.nav .resume{padding:10px}.hero-inner{grid-template-columns:1fr 82px;gap:16px}.portrait{width:82px;height:82px}.hero h1{font-size:1.9rem}.hero .eyebrow{font-size:.75rem;letter-spacing:.07em}.hero .role{font-size:.9375rem}.hero .description{font-size:.9375rem}.contact-actions{flex-direction:column}.contact .button-link{width:100%}}@media print{.header,.filters,.view,.art-button:after,dialog{display:none}.hero,.work-section,.contact{background:#fff;color:#222}.grid{grid-template-columns:1fr 1fr}.card{break-inside:avoid;border:1px solid #ddd}.card[hidden]{display:flex}.art-button{pointer-events:none}.about-inner{gap:20px}.contact-actions{display:none}footer{color:#222}}
:where(.sr-only){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero .eyebrow,.hero .role,.hero p.description{color:#152c3b}.gallery.video-gallery{margin-top:0}.video-gallery a{position:relative;padding:0;background:#182532;min-height:0;height:auto;aspect-ratio:4/3}.video-gallery img{width:100%;height:100%;max-height:none;object-fit:contain}.video-gallery figcaption strong{font-size:1rem;color:var(--ink)}.video-gallery figcaption p{margin:5px 0 0}.watch-label{position:absolute;bottom:16px;left:16px;background:var(--blue);color:#fff;font-size:.875rem;font-weight:700;padding:10px 13px}.video-gallery a:hover .watch-label{background:#004e6c}.hero h1{overflow-wrap:normal}.nav{flex-wrap:wrap}@media(max-width:450px){.brand img{width:136px}.header-inner{gap:12px}.nav{gap:10px}}@media(max-width:350px){.brand img{width:118px}.shell{width:calc(100% - 30px)}}
.art.video{background:#163648;color:#fff;flex-direction:column;gap:22px;padding:26px}.video-mark{color:#49c4f3;width:65px;height:65px}.video-mark svg{width:100%;height:100%}.video-label{font-weight:700;font-size:1.3rem;letter-spacing:.07em}.video-label span{display:block;font-size:.8125rem;letter-spacing:0;font-weight:400;color:#d8e6ed;margin-top:13px;text-align:center;line-height:1.5}.video-gallery{display:flex;flex-direction:column;gap:15px}.video-selection{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--soft);padding:20px}.video-selection h3{font-size:1.1rem;margin:0 0 6px}.video-selection p{font-size:1rem;line-height:1.5;color:#59616d;margin:0}.video-gallery .button-link{height:auto;aspect-ratio:auto;flex-shrink:0;background:transparent;padding:12px 19px;min-height:46px}.video-gallery .button-link:hover{background:var(--blue)}@media(max-width:760px){.video-selection{align-items:start;flex-direction:column;gap:17px}.art.video{gap:14px}.video-label{font-size:1.1rem}}

.eyebrow,.project-meta,.dialog-head p,.case-notes h3{text-transform:none}.project-meta{font-size:.8125rem}.nav a{letter-spacing:.04em}.context-note{color:#59616d;font-size:.8125rem;line-height:1.5;margin:0 0 22px}

.gallery-heading{font-size:1.25rem;line-height:1.3;margin:30px 0 18px}.cover-gallery{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:32px}.cover-gallery .gallery-image{height:280px;min-height:0;padding:12px}.cover-gallery figcaption{font-weight:700;color:var(--ink)}@media(max-width:760px){.cover-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.cover-gallery .gallery-image{height:240px;padding:8px}}

.gallery-image{width:100%;border:0;cursor:zoom-in}.image-dialog{width:min(1320px,calc(100% - 32px));max-height:calc(100dvh - 32px);background:var(--soft)}.image-head{display:flex;justify-content:flex-end;padding:14px 20px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}.image-dialog figure{margin:0;padding:20px}.image-stage{display:flex;align-items:center;justify-content:center;min-width:0}.image-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 170px);object-fit:contain}.image-dialog figcaption{font-size:1rem;line-height:1.5;text-align:center;margin-top:16px;color:var(--ink)}@media(max-width:760px){.image-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.image-head{padding:12px 14px}.image-dialog figure{padding:14px}.image-stage img{max-height:calc(100dvh - 170px)}}

.case-label{color:var(--blue);margin:0 0 12px}.additional-examples{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.additional-heading{font-size:1.375rem;line-height:1.3;letter-spacing:-.025em;margin:0 0 20px}.example-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.example-gallery .gallery-image{height:235px;min-height:0;padding:16px}.example-gallery figure.wide{grid-column:auto}.example-gallery figcaption{font-size:.875rem}.gallery-video-link{display:inline-block;margin-top:10px;font-size:.875rem;font-weight:700;color:var(--blue)}@media(max-width:760px){.example-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.example-gallery .gallery-image{height:210px;padding:12px}}@media(max-width:450px){.example-gallery .gallery-image{height:180px;padding:9px}}
.gallery-document-link{display:inline-block;margin-top:10px;font-size:.875rem;font-weight:700;color:var(--blue)}.case-section-summary{line-height:1.65;color:#4f5661;margin:0 0 18px}.case-section>.button-link{margin-bottom:24px}.case-section .cover-gallery{margin-bottom:24px}.market-details{border:1px solid var(--line);padding:17px 20px;margin-bottom:32px}.market-details summary{cursor:pointer;color:var(--blue);font-weight:700;min-height:28px;line-height:1.6}.market-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin:22px 0 0}.market-list div{border-top:1px solid var(--line);padding-top:14px;min-width:0}.market-list dt{font-weight:700;line-height:1.5}.market-list dd{margin:4px 0 0;color:#4f5661;line-height:1.6;font-size:.9375rem}.email-section{margin-top:34px;padding:28px;background:#fff;color:var(--ink);border-radius:3px;display:flex;align-items:center;justify-content:space-between;gap:28px}.email-section[hidden]{display:none}.email-section h2{font-size:1.6rem;line-height:1.25;margin:0 0 12px}.email-section p{line-height:1.65;max-width:690px;margin:0 0 12px;color:#4f5661}.email-section .eyebrow{color:var(--blue)}.email-section .button-link{flex-shrink:0}@media(max-width:760px){.market-list{grid-template-columns:1fr}.email-section{align-items:start;flex-direction:column;padding:24px}.case-section .cover-gallery{gap:24px 14px}}
.image-dialog.reading .image-stage{align-items:flex-start}.image-dialog.reading .image-stage img{width:min(100%,760px);max-height:none}.art.email-preview{padding:0;align-items:flex-start;background:#e9edf1}.art.email-preview img{object-fit:cover;object-position:center top}.art.social-preview{padding:0;background:#702c5f}.art.social-preview img{object-fit:contain}

.video-selection{justify-content:flex-start;align-items:center}.video-caption{flex:1;min-width:0}.video-caption .button-link{margin-top:13px}.video-gallery .video-preview{display:block;flex:0 0 190px;width:190px;aspect-ratio:16/9;overflow:hidden;border-radius:3px}.video-preview img{display:block;object-fit:cover}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(16,44,64,.9);color:#fff;font-size:1rem;padding-left:2px}.video-preview:hover .video-play{background:var(--blue)}.video-featured{display:block;background:#eaf4fa;border-top:3px solid var(--cyan);padding:20px;margin-bottom:9px}.video-player{display:block;width:100%;aspect-ratio:16/9;background:#102c40;object-fit:contain;border-radius:3px}.video-featured .video-caption{margin-top:19px}.video-selection .video-featured-label{color:var(--blue);font-size:.875rem;font-weight:700;letter-spacing:.04em;margin:0 0 8px}.video-featured h3{font-size:1.375rem}.video-featured p{max-width:760px}@media(max-width:760px){.video-selection{flex-direction:row;align-items:flex-start;gap:16px;padding:16px}.video-gallery .video-preview{flex-basis:150px;width:150px}.video-featured{display:block}.video-featured .video-caption{margin-top:16px}}@media(max-width:500px){.video-selection{flex-direction:column;gap:14px}.video-gallery .video-preview{flex:none;width:160px}.video-featured{display:block;padding:12px}.video-featured h3{font-size:1.2rem}}

.market-list dt a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:4px}.market-list dt a:hover{text-decoration-thickness:2px}

.education-brand-blue{filter:url("/assets/education-brand-blue-filter.svg#education-brand-blue")}

/* Five-page recruiter portfolio redesign */
:root{--navy:#102c40;--blue:#0069aa;--cyan:#009edb;--cream:#f8f7f3;--ink:#182b38;--muted:#5a6871;--line:#d8e0e3}.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:15px clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:50}.site-brand{display:block;width:185px}.site-brand img{display:block;width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:20px}.site-header nav>a{font-size:.89rem;font-weight:700;color:var(--navy);text-decoration:none}.site-header nav>a:hover,.site-header nav>a[aria-current=page]{color:var(--blue)}.site-header .nav-resume{background:var(--navy);color:#fff;padding:11px 14px;border-radius:2px}.menu-toggle{display:none;border:0;background:none;color:var(--navy);font:700 .9rem Arial;cursor:pointer}.hero-redesign{min-height:calc(100vh - 88px);padding:clamp(64px,10vw,145px) clamp(20px,7vw,120px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:clamp(35px,7vw,120px);background:linear-gradient(120deg,#f9fbfc 0%,#eef6f9 100%)}.hero-redesign>div{max-width:810px}.kicker{margin:0 0 12px;color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800}.hero-redesign h1,.page-intro h1,.contact-page h1,.about-page h1,.case-hero h1{font-family:Arial,sans-serif;font-size:clamp(3.2rem,7vw,7.2rem);line-height:.91;letter-spacing:-.065em;color:var(--navy);margin:0 0 18px}.hero-role{font-size:clamp(1rem,1.7vw,1.35rem);font-weight:700;color:var(--blue);margin:0 0 20px}.hero-copy{font-size:1.13rem;line-height:1.67;color:var(--muted);max-width:630px}.hero-redesign>img{width:min(100%,490px);justify-self:end;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:28px 28px 0 var(--cyan)}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 0}.button-row .button-link{margin:0}.section{padding:clamp(60px,9vw,132px) clamp(20px,7vw,120px)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:end;margin-bottom:45px}.section-head h2,.value-grid h2,.contact-band h2{margin:0;max-width:850px;color:var(--navy);font-size:clamp(2rem,4vw,4.3rem);line-height:.98;letter-spacing:-.05em}.text-link{display:inline-block;color:var(--blue);font-weight:800;text-decoration:none}.work-mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.work-tile{grid-column:span 4;min-height:290px;overflow:hidden;background:#dfe9ed}.work-tile:nth-child(2n){grid-column:span 5}.work-tile:nth-child(3n){grid-column:span 3}.work-tile-large{grid-column:span 7!important;min-height:470px}.work-tile a{display:block;position:relative;height:100%;color:white;text-decoration:none}.work-tile img{height:100%;width:100%;object-fit:cover;transition:transform .4s ease}.work-tile:hover img{transform:scale(1.035)}.work-overlay{position:absolute;inset:auto 0 0;padding:22px;background:linear-gradient(transparent,rgba(9,30,45,.86));display:flex;min-height:48%;justify-content:flex-end;flex-direction:column}.work-overlay span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.work-overlay strong{font-size:1.35rem;line-height:1.1;margin-top:7px}.tint{background:var(--cream)}.case-teasers{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.case-teaser{background:#fff;box-shadow:0 1px 0 var(--line)}.case-teaser>img{width:100%;aspect-ratio:1.45;object-fit:cover}.case-teaser>div{padding:25px}.case-teaser h3{font-size:1.5rem;line-height:1.08;margin:0 0 10px;color:var(--navy)}.case-teaser p:not(.kicker){color:var(--muted);line-height:1.58}.value-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;background:var(--navy);color:#fff}.value-grid h2{color:#fff}.value-grid ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:28px}.value-grid li{border-top:1px solid rgba(255,255,255,.3);padding-top:12px}.value-grid b{display:block;font-size:1.05rem;margin-bottom:6px}.value-grid span{display:block;line-height:1.55;color:#d4e3ea}.contact-band{background:var(--cyan);padding:clamp(60px,9vw,130px) clamp(20px,7vw,120px);color:#fff}.contact-band h2{color:#fff;max-width:950px;margin-bottom:30px}.contact-band .kicker{color:var(--navy)}.contact-band .button-link{background:var(--navy)}.site-footer{padding:35px clamp(20px,7vw,120px);display:flex;justify-content:space-between;gap:20px;background:#0c2436;color:#d9e6ec;font-size:.86rem}.site-footer p{margin:0}.site-footer a{color:#fff}.page-intro{padding:clamp(75px,11vw,150px) clamp(20px,7vw,120px) 50px;max-width:1100px}.page-intro h1{font-size:clamp(3rem,6.5vw,6.4rem)}.page-intro>p:not(.kicker){max-width:700px;font-size:1.14rem;line-height:1.7;color:var(--muted)}.portfolio-section{padding-top:20px}.portfolio-mosaic .work-tile{min-height:250px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.filters button{border:1px solid var(--line);border-radius:20px;background:#fff;padding:10px 13px;color:var(--navy);font-weight:700;cursor:pointer}.filters button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}#result-count{font-size:.9rem;color:var(--muted);margin:0 0 26px}.case-index{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.case-index article{border:1px solid var(--line);background:#fff}.case-index a{display:block;text-decoration:none;color:inherit;padding-bottom:24px}.case-index img{width:100%;aspect-ratio:1.65;object-fit:cover;margin-bottom:20px}.case-index p,.case-index h2,.case-index span{margin-left:23px;margin-right:23px}.case-index h2{font-size:1.75rem;line-height:1.04;color:var(--navy);margin-top:0;margin-bottom:10px}.case-index p:not(.kicker){line-height:1.56;color:var(--muted)}.case-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:clamp(65px,9vw,120px) clamp(20px,7vw,120px) 55px}.case-hero h1{font-size:clamp(3rem,5vw,5.6rem)}.case-hero>div>p:not(.kicker){font-size:1.15rem;line-height:1.65;color:var(--muted)}.case-hero>img{width:100%;aspect-ratio:1.1;object-fit:cover}.case-client{font-weight:800;color:var(--navy)!important}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);padding:40px clamp(20px,7vw,120px);background:#f1f5f6;gap:25px}.case-facts h2,.case-outcome h2,.section>h2{font-size:1.7rem;color:var(--navy);margin:0 0 10px}.case-facts p,.case-outcome p{line-height:1.6;color:var(--muted)}.detail-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.detail-gallery figure{margin:0}.detail-gallery img{width:100%;max-height:700px;object-fit:contain;background:#f5f7f8}.detail-gallery figcaption{padding-top:9px;color:var(--muted);font-size:.88rem}.case-video video{width:min(100%,850px);display:block;background:#000}.video-external{font-size:1.1rem;font-weight:800;color:var(--blue)}.case-outcome{max-width:900px}.case-outcome ul{line-height:1.7;color:var(--muted)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-grid a{display:block;text-decoration:none;color:var(--navy);font-weight:800}.related-grid img{width:100%;aspect-ratio:1.4;object-fit:cover;display:block;margin-bottom:8px}.about-page{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(35px,7vw,110px);align-items:center;max-width:1280px;margin:auto;padding:clamp(65px,10vw,145px) clamp(20px,7vw,100px)}.about-page>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:24px 24px 0 var(--cyan)}.about-page h1{font-size:clamp(3rem,5vw,5.4rem)}.about-page p:not(.kicker){font-size:1.08rem;line-height:1.7;color:var(--muted)}.skills-list{background:var(--cream)}.skills-list p{font-size:1.15rem;line-height:1.8;max-width:950px;color:var(--muted)}.contact-page{min-height:68vh;padding:clamp(80px,13vw,170px) clamp(20px,7vw,120px);background:linear-gradient(120deg,#f7fafb,#e7f5f9)}.contact-page h1{font-size:clamp(3rem,6vw,6.2rem);max-width:900px}.contact-page>p:not(.kicker){font-size:1.15rem;line-height:1.7;max-width:690px;color:var(--muted)}.contact-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px}
@media(max-width:850px){.site-header{min-height:74px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;padding:20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 8px 18px rgba(0,0,0,.08);flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero-redesign,.case-hero,.about-page,.value-grid{grid-template-columns:1fr}.hero-redesign{min-height:auto}.hero-redesign>img{justify-self:start;width:min(78vw,420px)}.case-teasers,.case-index{grid-template-columns:1fr}.case-facts{grid-template-columns:1fr 1fr}.work-tile{grid-column:span 6}.work-tile:nth-child(2n){grid-column:span 6}.work-tile:nth-child(3n){grid-column:span 6}.work-tile-large{grid-column:span 12!important}.value-grid{gap:35px}.value-grid ul{grid-template-columns:1fr 1fr}.site-footer{flex-direction:column}.case-hero{gap:30px}.case-hero>img{max-height:500px}.about-page{max-width:700px}.about-page>img{width:min(70vw,420px)}}@media(max-width:520px){.site-brand{width:150px}.hero-redesign h1,.page-intro h1,.contact-page h1,.about-page h1,.case-hero h1{letter-spacing:-.06em}.button-row,.contact-links{flex-direction:column;align-items:stretch}.button-row .button-link,.contact-links .button-link{text-align:center}.section-head{display:block}.section-head .text-link{margin-top:20px}.work-mosaic{gap:12px}.work-tile,.work-tile:nth-child(2n),.work-tile:nth-child(3n),.work-tile-large{grid-column:span 12!important;min-height:280px}.work-tile-large{min-height:340px}.case-teaser>div{padding:20px}.value-grid ul,.case-facts,.detail-gallery,.related-grid{grid-template-columns:1fr}.case-facts{padding-top:28px;padding-bottom:28px}.case-hero,.section,.page-intro,.contact-page{padding-left:20px;padding-right:20px}.case-hero{padding-top:65px}.about-page{padding-left:20px;padding-right:20px}.about-page>img{width:min(82vw,380px)}}

/* Keep the landing headers legible against the portfolio's dark page backdrop. */
.page-intro,.about-page{background:var(--ink);color:#fff}
.page-intro h1,.about-page h1{color:#fff;text-shadow:0 1px 18px rgba(0,158,219,.16)}
.page-intro>p:not(.kicker),.about-page p:not(.kicker){color:#dcebf1}
.page-intro .kicker,.about-page .kicker{color:#75dcff}

/* Portfolio and case-study refinement: make the artwork and the reading path do the work. */
.hero-redesign .hero-role span{color:var(--cyan);padding:0 .15em}
.hero-redesign .button-row{max-width:680px}
.hero-redesign .button-row .button-link:first-child{background:var(--navy);color:#fff}
.hero-redesign .button-row .button-link:nth-child(n+3){font-size:.8rem}
.selected-work{background:#fff}
.portfolio-section{background:var(--cream)}
.portfolio-mosaic{gap:clamp(14px,2vw,26px)}
.portfolio-mosaic .work-tile{min-height:clamp(285px,29vw,440px)}
.portfolio-mosaic .work-tile:nth-child(5n+1){grid-column:span 7;min-height:clamp(330px,35vw,560px)}
.portfolio-mosaic .work-tile:nth-child(5n+2){grid-column:span 5}
.portfolio-mosaic .work-tile img{object-position:center}
.work-overlay{padding:25px;background:linear-gradient(transparent 20%,rgba(9,30,45,.9))}
.work-overlay strong{font-size:clamp(1.2rem,2vw,1.75rem)}
.case-page .case-hero{background:var(--ink);color:#fff}
.case-page .case-hero h1{color:#fff}
.case-page .case-hero>div>p:not(.kicker){color:#dcebf1}
.case-page .case-client{color:#75dcff!important}
.case-page>.section{background:#fff}
.case-page>.section:nth-of-type(even){background:var(--cream)}
.case-page .detail-gallery figure{background:#fff;padding:10px}
.case-page .detail-gallery img{transition:transform .22s ease}
.case-page .detail-gallery figure:hover img{transform:scale(1.012)}
.case-index article{transition:transform .2s ease,box-shadow .2s ease}
.case-index article:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(16,44,64,.12)}
@media(max-width:850px){.portfolio-mosaic .work-tile:nth-child(5n+1),.portfolio-mosaic .work-tile:nth-child(5n+2){grid-column:span 6;min-height:300px}.hero-redesign .button-row .button-link{font-size:.88rem}}
@media(max-width:520px){.portfolio-mosaic .work-tile:nth-child(5n+1),.portfolio-mosaic .work-tile:nth-child(5n+2){grid-column:span 12;min-height:300px}.hero-redesign .button-row .button-link:nth-child(n+3){font-size:.875rem}.hero-redesign .button-row{gap:10px}}

/* Homepage studio hero: the photograph remains an image asset while all marketing copy stays live and accessible. */
.hero-studio{min-height:clamp(620px,calc(100vh - 88px),860px);display:flex;align-items:center;padding:clamp(58px,9vw,132px) clamp(24px,7.6vw,128px);position:relative;isolation:isolate;background-color:#101820;background-image:linear-gradient(90deg,rgba(9,16,23,.96) 0%,rgba(9,16,23,.9) 28%,rgba(9,16,23,.43) 51%,rgba(9,16,23,.05) 72%),url('/assets/mb-studio-hero-clean.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
.hero-studio-copy{width:min(100%,660px);position:relative;z-index:1}
.hero-studio .kicker{color:#66b9ef;margin-bottom:24px;font-size:.77rem;letter-spacing:.34em}
.hero-studio h1{color:#fff;font-size:clamp(3.6rem,7.2vw,7.4rem);line-height:.88;letter-spacing:-.075em;text-transform:uppercase;text-shadow:0 3px 22px rgba(0,0,0,.28);margin:0 0 28px}
.hero-studio h1 span{color:#2496df}
.hero-studio .hero-copy{max-width:540px;color:#f0f5f7;font-size:clamp(1rem,1.55vw,1.23rem);line-height:1.52;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.hero-studio .button-link{background:transparent;border:2px solid #299ce5;color:#fff;border-radius:0;padding:14px 22px;text-transform:uppercase;letter-spacing:.09em;font-size:.82rem}
.hero-studio .button-link:hover,.hero-studio .button-link:focus-visible{background:#299ce5;color:#07131d}
.hero-studio .button-link span{margin-left:18px;font-size:1.15rem;line-height:0}
@media(max-width:850px){.hero-studio{min-height:660px;background-position:62% center;padding:clamp(48px,10vw,84px) clamp(24px,6vw,64px)}.hero-studio-copy{width:min(62%,560px)}.hero-studio h1{font-size:clamp(3.35rem,8vw,5.7rem)}}
@media(max-width:600px){.hero-studio{min-height:690px;align-items:flex-start;padding:64px 24px 34px;background-position:65% center;background-image:linear-gradient(180deg,rgba(9,16,23,.95) 0%,rgba(9,16,23,.82) 43%,rgba(9,16,23,.25) 72%,rgba(9,16,23,.06) 100%),url('/assets/mb-studio-hero-clean.webp')}.hero-studio-copy{width:100%}.hero-studio .kicker{margin-bottom:18px;font-size:.7rem;letter-spacing:.22em}.hero-studio h1{font-size:clamp(3.25rem,16vw,5rem);margin-bottom:20px}.hero-studio .hero-copy{font-size:1rem;max-width:390px}.hero-studio .button-row{margin-top:24px;align-items:flex-start}.hero-studio .button-link{width:auto;min-width:205px;text-align:left}}

/* Recruiter-focused hierarchy and readable responsive rhythm. */
.hero-copy h1{max-width:760px;color:#102c40}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-actions .button-link{margin:0}.card{position:relative}.project-badge{position:absolute;z-index:2;top:14px;left:14px;background:#102c40;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:7px 9px;border-radius:2px}.card-body h3{line-height:1.22}.card .preview{line-height:1.58}.case-client{font-weight:700;color:#102c40;margin:0 0 18px}.case-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 42px;margin:36px 0;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-story h3{font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--blue);margin:0 0 8px}.case-story p{line-height:1.65;margin:0;color:#4f5661}.case-story ul{margin:0;padding-left:19px;color:#4f5661;line-height:1.65}.case-story .result{grid-column:1/-1}.filters{align-items:center}.filters button{line-height:1.25;min-height:40px}.nav a{white-space:nowrap}.project-meta,.skills{font-size:.875rem;line-height:1.45}.footer-inner>a{color:inherit}.footer-inner>a[hidden]{display:none}@media(max-width:760px){.hero-actions{margin-top:20px}.case-story{grid-template-columns:1fr;gap:20px;padding:24px 0}.case-story .result{grid-column:auto}.filters button{font-size:.84rem}.nav{gap:12px}.header-inner{gap:14px}.brand{max-width:175px}}@media(max-width:430px){.nav{gap:8px}.nav a{font-size:.78rem}.brand{max-width:135px}.hero-actions .button-link{width:100%;text-align:center}}