@import url('https://api.fontshare.com/v2/css?f[]=clash-display@600,700&f[]=satoshi@400,500,700&display=swap');
:root{--cobalt:#f04432;--blue:#f04432;--bg:#e8edf2;--text:#141c2b;--muted:#526071}
.blue-home-heading h1,.page-heading h1,.personal-category-heading h1,.archive-heading h1,#case-view .case-title,.blue-home-links button,#home-view .home-work h3,#portfolio-view .project-card .project-name,#personal-view .category-card-copy strong,#case-view .case-project-link strong{font-family:'Clash Display',Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.035em!important}
body{font-family:'Satoshi',Arial,sans-serif;background:#e8edf2;color:#141c2b}
button,a,p,span,strong{font-family:'Satoshi',Arial,sans-serif}
.site-header,#home-view,#portfolio-view .page-heading,#personal-view .personal-category-heading,#case-view .behance-hero{background:#e8edf2!important;color:#141c2b!important}
.site-header{border-bottom:1px solid rgba(20,28,43,.14)!important}
.site-header button,.site-header a,.site-header .wordmark,#home-view .home-footer a,.blue-home-links button{font-family:'Satoshi',Arial,sans-serif!important;color:#141c2b!important}
.site-header .header-contact{border-color:#141c2b!important}
.site-header .wordmark-logo{filter:brightness(0) saturate(100%)}
.blue-home-heading h1,.page-heading h1,.personal-category-heading h1,.archive-heading h1,#case-view .case-title{font-family:'Tanker',Impact,sans-serif!important;font-weight:400!important;letter-spacing:0!important}
.blue-home-heading h1{font-size:clamp(90px,16vw,230px)!important;line-height:.84!important;color:#f04432}
.blue-home-heading p{color:#141c2b;font-family:'Satoshi',Arial,sans-serif!important;font-size:22px}
.blue-home-heading{padding:20px 0 12px}
.blue-home-links{background:#141c2b;margin:0 calc(-1 * var(--gutter));padding:40px var(--gutter)}
.blue-home-links button{color:#e8edf2!important;font-family:'Tanker',Impact,sans-serif!important;font-weight:400;letter-spacing:0;font-size:clamp(30px,4vw,60px)}
#home-view .home-work-grid{padding-top:48px}
#home-view .home-work h3{color:#141c2b!important;font-family:'Tanker',Impact,sans-serif!important;font-weight:400;font-size:32px;letter-spacing:0}
#home-view .home-work span{color:#526071!important}
.blue-feature>div{background:#141c2b}
#portfolio-view,#personal-view,#case-view{background:#e8edf2!important;color:#141c2b!important}
#portfolio-view .page-heading .eyebrow,#personal-view .personal-category-heading .eyebrow{color:#526071!important}
#portfolio-view .page-heading h1,#personal-view .personal-category-heading h1,#personal-view .archive-heading h1{color:#f04432!important}
#portfolio-view .project-card .project-name,#personal-view .category-card-copy strong{font-family:'Tanker',Impact,sans-serif!important;letter-spacing:0!important;font-weight:400!important;font-size:32px!important;color:#141c2b!important}
#case-view .behance-hero{background:#141c2b!important}
#case-view .case-title{color:#f04432!important;font-size:clamp(58px,8vw,120px)!important;line-height:.94!important}
#case-view .case-kicker,#case-view .case-my-role strong,#case-view .case-my-role span,#case-view .case-my-year span,#case-view .case-my-year strong,#case-view .project-team,#case-view .project-team>span{color:#e8edf2!important}
#case-view .case-project-description p,#case-view .case-project-story p,#case-view .case-project-details strong{color:#141c2b!important;font-family:'Satoshi',Arial,sans-serif!important}
#case-view .case-project-description p:first-child{font-weight:700!important}
#case-view .case-project-link strong{font-family:'Tanker',Impact,sans-serif!important;font-weight:400!important;font-size:36px!important;letter-spacing:0}
button:focus-visible,a:focus-visible{outline-color:#f04432!important}
/* Clash is wider than Tanker: keep long titles inside their columns. */
.blue-home-heading h1,.page-heading h1,.personal-category-heading h1,.archive-heading h1,#case-view .case-title,.blue-home-links button,#home-view .home-work h3,#portfolio-view .project-card .project-name,#personal-view .category-card-copy strong,#case-view .case-project-link strong{font-family:'Clash Display',Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.035em!important}
.blue-home-heading h1{font-size:clamp(64px,11.5vw,176px)!important;line-height:.94!important}
#case-view .case-title{font-size:clamp(40px,5.6vw,84px)!important;line-height:1!important;overflow-wrap:anywhere}
@media(max-width:700px){.blue-home-heading h1{font-size:clamp(42px,13.5vw,90px)!important}.blue-home-heading p{font-size:18px}.blue-home-links{gap:24px}.blue-home-links button{font-size:28px}#case-view .case-title{font-size:clamp(36px,10vw,60px)!important}.personal-category-heading h1,.archive-heading h1{font-size:clamp(30px,9vw,60px)!important}}