*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#102238;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,textarea{font:inherit}header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 5.5%;background:#fff;border-bottom:1px solid #e2e9ef}.brand{font-size:25px;font-weight:500;letter-spacing:-1px;display:flex;align-items:center}.brand span{font-weight:900;margin-left:5px}.brand i{width:8px;height:8px;background:#2789ec;margin-left:7px}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:#237bd1}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;background:#257edb;color:#fff;font-size:14px;font-weight:700;border:0;cursor:pointer;border-radius:3px;transition:background .2s}.button:hover{background:#1768be}.small{min-height:42px;padding:10px 18px}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:640px;background:#09192b;color:#fff;overflow:hidden}.hero-copy{padding:86px 7% 70px 9.5%;position:relative}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.1px;margin:0 0 26px;color:#267ed5}.hero .eyebrow{color:#77b8fa}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(40px,4.6vw,68px);line-height:1.08;letter-spacing:-2.6px;margin-bottom:28px;font-weight:700}h1 span{color:#92b6dc}.intro{font-size:18px;line-height:1.75;max-width:500px}.hero .intro{color:#b9c8d8;max-width:470px}.actions{display:flex;align-items:center;gap:24px;margin-top:33px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:700}.hero-note{display:flex;gap:24px;margin-top:53px;font-size:12px;color:#91a7bd}.hero-art{position:relative;min-height:550px;background:#0d2239}.hero-art img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09192b 0%,transparent 28%)}.image-tag{position:absolute;z-index:1;bottom:30px;right:30px;font-size:10px;letter-spacing:1.5px;background:#09192bdd;padding:10px 15px;color:#bdcede}.service-strip{display:flex;justify-content:space-between;padding:24px 8%;font-size:14px;font-weight:600;color:#5b6b7d;border-bottom:1px solid #e3eaf1;gap:15px}.section{padding:95px 8%}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;margin-bottom:45px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:18px}h2{font-size:clamp(32px,3.4vw,46px);line-height:1.16;letter-spacing:-1.5px;margin-bottom:25px}.section-heading>p:last-child{align-self:end;max-width:390px;color:#617185}.services{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #dce5ee;border-left:1px solid #dce5ee}.services article{padding:34px;border-right:1px solid #dce5ee;border-bottom:1px solid #dce5ee}.number{font-size:12px;letter-spacing:1.3px;color:#2681dd;font-weight:700}h3{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:22px 0 15px}.services p{color:#617185;max-width:470px;margin-bottom:25px}.tags{font-size:12px;color:#203c5a}.work-section{padding:85px 8% 95px;background:#edf3f8}.case{display:grid;grid-template-columns:.85fr 1.15fr;background:#fff}.case-title{background:#102c49;color:white;padding:50px}.case-label{font-size:11px;letter-spacing:1.5px;color:#8dbeef}.case-title h3{font-size:48px;line-height:1.08;letter-spacing:-1.8px;margin:34px 0 20px}.case-title p{font-size:14px;color:#aac3dc}.case-copy{padding:45px}.case-copy h4{font-size:24px;line-height:1.3;letter-spacing:-.6px;margin-bottom:20px}.case-copy p{color:#617185}.case-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #dce5ee;padding-top:25px;margin-top:27px}.case-details span{display:block;font-size:10px;letter-spacing:1.5px;color:#617185;margin-bottom:9px}.case-details strong{font-size:13px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach .intro{color:#617185;font-size:17px}.approach ol{list-style:none;margin:0;padding:0}.approach li{display:flex;gap:25px;border-bottom:1px solid #dce5ee;padding:22px 0}.approach li:first-child{padding-top:0}.approach li>span{color:#2681dd;font-size:14px;padding-top:3px}.approach li h3{font-size:19px;margin:0 0 8px}.approach li p{color:#617185;font-size:14px;margin:0}.contact{background:#09192b;color:white;padding:80px 8%;display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact .eyebrow{color:#77b8fa}.contact p{color:#a9bfd5;max-width:410px}.inquiry label{font-size:14px;font-weight:600;display:block;margin-bottom:12px}textarea{width:100%;resize:vertical;background:#10273e;color:#d8e7f6;border:1px solid #385169;padding:18px;border-radius:3px;font-size:14px;line-height:1.65;min-height:185px}.inquiry .button{margin-top:13px}.contact-note{font-size:12px;margin:14px 0 0}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 5.5%;gap:25px}footer p,footer>span{font-size:12px;color:#617185;margin:0}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #67b4ff;outline-offset:5px}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:900px){header{padding:0 5%;height:80px}nav{gap:18px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:65px 8%}h1{font-size:43px;letter-spacing:-1.7px}.hero-note{flex-direction:column;gap:5px}.section-heading{gap:35px}.approach,.contact{gap:40px}.case-title{padding:35px}.case-copy{padding:30px}.case-title h3{font-size:39px}.case-details{grid-template-columns:1fr}}@media(max-width:650px){header{height:75px}.brand{font-size:21px}nav{display:none}.small{font-size:12px;padding:9px 12px}.hero{grid-template-columns:1fr}.hero-copy{padding:58px 7% 45px}h1{font-size:46px}.hero-art{min-height:310px}.hero-art:after{background:linear-gradient(180deg,#09192b,transparent 40%)}.hero-note{margin-top:30px;flex-direction:row;flex-wrap:wrap}.service-strip{display:grid;grid-template-columns:1fr 1fr;padding:22px 7%;font-size:12px}.section,.work-section{padding:64px 7%}.section-heading,.approach,.contact,.case{grid-template-columns:1fr}.section-heading{gap:0;margin-bottom:30px}.services{grid-template-columns:1fr}.services article{padding:28px}.case-title{padding:35px}.case-title h3{font-size:43px}.case-copy{padding:30px}.case-details{grid-template-columns:1fr 1fr}.approach{gap:25px}.contact{padding:60px 7%;gap:25px}footer{flex-direction:column;align-items:flex-start;padding:30px 7%;gap:12px}.image-tag{right:20px;bottom:20px;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.background-copy{color:#617185;font-size:17px;line-height:1.8}.background-copy p:last-child{margin-bottom:0}

.hero-art img{object-position:70% center}.hero-art:after{background:linear-gradient(90deg,#09192b 0%,rgba(9,25,43,.15) 30%,rgba(9,25,43,.12) 100%)}@media(max-width:650px){.hero-art img{object-position:center}.hero-art:after{background:linear-gradient(180deg,#09192b 0%,transparent 35%)}}

.brand{gap:10px;letter-spacing:-.7px}.brand .brand-logo{width:84px;height:42px;object-fit:contain;display:block}.brand .brand-name{margin:0;font-size:20px;font-weight:800}.hero-art img{object-position:center center}.hero-art:after{background:linear-gradient(90deg,#09192b 0%,rgba(9,25,43,.08) 24%,rgba(9,25,43,.06) 100%)}@media(max-width:900px){.brand .brand-name{font-size:17px}.brand .brand-logo{width:68px;height:34px}}@media(max-width:650px){.brand{gap:7px}.brand .brand-name{font-size:15px}.brand .brand-logo{width:60px;height:30px}.hero-art:after{background:linear-gradient(180deg,#09192b 0%,transparent 30%)}.image-tag{font-size:8px;letter-spacing:1px}}

.hero-art img{object-position:center 30%}

.hero{display:block;min-height:0}.hero-copy{max-width:1220px;margin:0 auto;padding:100px 8% 90px}.hero h1{font-size:clamp(43px,5.6vw,80px);max-width:950px}.hero .intro{max-width:620px}.hero-note{margin-top:42px}@media(max-width:650px){.hero-copy{padding:60px 7% 52px}.hero h1{font-size:43px;letter-spacing:-1.6px}.hero-note{margin-top:30px}}

.experience-photo,.project-photo{display:block;width:100%;height:auto;max-width:400px;border-radius:3px}.experience-photo{margin-top:30px}.project-photo{margin-top:28px}.background-copy{align-self:center}#about{align-items:start}@media(max-width:650px){.experience-photo,.project-photo{max-width:100%}}

/* Photographic editorial panels */
.film-panel{position:relative;isolation:isolate;overflow:hidden;background:#07090c;color:#fff;min-height:590px;padding:80px 8%;display:flex;align-items:center}
.panel-image{position:absolute;inset:0;z-index:-2;background-size:cover;background-repeat:no-repeat}
.film-image{background-image:url('film-experience.jpg');background-position:left center;background-size:auto 100%;filter:grayscale(1)}
.film-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,9,12,.06) 0%,rgba(7,9,12,.18) 23%,rgba(7,9,12,.85) 45%,#07090c 64%)}
.film-content{width:52%;margin-left:auto;padding-left:25px}.film-content .eyebrow{color:#75b8ff}.film-content h2{font-size:clamp(32px,3.4vw,47px)}.film-content .background-copy{color:#c1c7ce;font-size:16px;line-height:1.85}
.artistic-case{position:relative;isolation:isolate;overflow:hidden;display:block;background:#fff;min-height:650px;padding:55px 5% 55px 48%}
.case-image{background-image:url('friends-keep-secrets.jpg');background-position:left center;background-size:auto 100%}
.artistic-case:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.04) 20%,rgba(255,255,255,.83) 43%,#fff 61%)}
.artistic-case .case-title{background:transparent;color:#102238;padding:0}.artistic-case .case-label{color:#267ed5}.artistic-case .case-title h3{font-size:43px;margin:20px 0 15px}.artistic-case .case-title p{color:#617185;margin-bottom:28px}.artistic-case .case-copy{padding:0}.artistic-case .case-copy h4{font-size:21px}.artistic-case .case-copy p{font-size:15px;line-height:1.8}
@media(max-width:900px){.film-panel{padding:65px 6%}.film-content{width:57%;padding-left:0}.film-panel:before{background:linear-gradient(90deg,rgba(7,9,12,.1),rgba(7,9,12,.9) 43%,#07090c 69%)}.artistic-case{padding:40px 5% 40px 43%}.artistic-case:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.92) 43%,#fff 66%)}}
@media(max-width:650px){.film-panel{padding:285px 7% 50px;min-height:0;display:block}.film-image{background-size:100% auto;background-position:center top}.film-panel:before{background:linear-gradient(180deg,rgba(7,9,12,0) 0px,rgba(7,9,12,.25) 140px,#07090c 310px)}.film-content{width:100%;margin:0}.film-content h2{font-size:34px}.artistic-case{padding:300px 7% 35px;min-height:0}.case-image{background-size:100% auto;background-position:center top}.artistic-case:before{background:linear-gradient(180deg,transparent 0px,rgba(255,255,255,.1) 160px,#fff 330px)}.artistic-case .case-title h3{font-size:38px}.artistic-case .case-copy p{font-size:16px}}

/* Keep the branded shirt clear of the white fade. */
.artistic-case{padding-left:57%}
.case-image{background-position:left center;background-size:auto 100%}
.artistic-case:before{background:linear-gradient(90deg,transparent 0%,transparent 36%,rgba(255,255,255,.12) 45%,rgba(255,255,255,.9) 58%,#fff 68%)}
@media(max-width:900px) and (min-width:651px){.artistic-case{padding-left:55%}.artistic-case:before{background:linear-gradient(90deg,transparent 0%,transparent 34%,rgba(255,255,255,.15) 44%,rgba(255,255,255,.96) 57%,#fff 68%)}}
@media(max-width:650px){.artistic-case{padding:340px 7% 35px}.artistic-case:before{background:linear-gradient(180deg,transparent 0px,transparent 235px,rgba(255,255,255,.4) 300px,#fff 365px)}}

/* Restore large photograph with gentler tones and retain original detail. */
.artistic-case .case-image{filter:brightness(.94) saturate(.85) contrast(.96);background-size:auto 100%;background-position:left center}