:root{--bg:#111;--text:#f3f2ee;--muted:#b5b7b9;--blue:#c1d6e8;--gutter:clamp(20px,4vw,72px);--page:1440px;font-family:Helvetica,Arial,sans-serif}
#home-view{background:#111!important}#home-view::before,#home-view::after{display:none!important}.new-home-intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:40px;margin-bottom:100px}.new-home-intro h1{font:700 clamp(76px,11vw,160px)/.85 Helvetica,Arial,sans-serif;letter-spacing:-.075em;margin:0}.new-home-intro>div{padding-bottom:6px}.new-home-intro p{font:400 20px/1.5 Helvetica,Arial,sans-serif;max-width:28ch;color:#b5b7b9;margin:0 0 12px}.new-home-intro p:first-child{color:#f3f2ee;font-weight:700}.new-home-intro button,.home-section-heading button{border:0;background:none;color:#f3f2ee;cursor:pointer;padding:12px 0;text-decoration:underline;text-underline-offset:6px;font-size:16px}.home-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.home-section-heading h2{font-size:24px;letter-spacing:-.035em}.home-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 24px}.home-work{display:block!important;position:relative!important;background:none!important;border:0!important;overflow:visible!important;aspect-ratio:auto!important;min-height:0!important;transform:none!important;color:inherit;text-decoration:none}.home-work::after{display:none!important}.home-work img{display:block!important;position:static!important;width:100%!important;height:auto!important;aspect-ratio:16/10;object-fit:cover;filter:none!important;transform:none!important}.home-work>div{display:flex;justify-content:space-between;gap:16px;padding-top:16px}.home-work h3{font-size:22px;letter-spacing:-.04em;margin:0;line-height:1.2}.home-work span{color:#b5b7b9;font-size:14px;line-height:1.5}.home-explore{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:100px}.home-explore button{background:#202020;border:0;text-align:left;color:#f3f2ee;padding:40px;cursor:pointer}.home-explore button:last-child{background:#c1d6e8;color:#111}.home-explore span{display:block;font-size:15px;line-height:1.5}.home-explore strong{display:block;font-size:clamp(40px,5vw,70px);letter-spacing:-.055em;margin:20px 0 40px;line-height:1}.home-work:hover img{opacity:.85}.home-explore button:hover{filter:brightness(1.1)}@media(max-width:640px){.new-home-intro{grid-template-columns:1fr;gap:36px;margin-bottom:56px}.new-home-intro h1{font-size:clamp(70px,20vw,110px)}.new-home-intro p{font-size:18px}.home-work-grid{grid-template-columns:1fr;gap:32px}.home-work h3{font-size:20px}.home-work>div{flex-direction:column;gap:6px}.home-explore{grid-template-columns:1fr;margin-top:56px}.home-explore button{padding:28px}.home-section-heading h2{font-size:20px}.home-section-heading button{font-size:14px}}
*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid #c1d6e8;outline-offset:5px}img,video{max-width:100%}.app-noise{display:none!important}
.site-header{display:flex!important;align-items:center!important;justify-content:space-between;gap:24px;padding:24px var(--gutter)!important;background:#111!important;min-height:92px;border:0!important}.site-header>div{display:flex!important;align-items:center}.site-header .wordmark{margin:0!important;font:700 clamp(16px,1.5vw,24px)/1 Helvetica,Arial,sans-serif!important;letter-spacing:-.035em;white-space:nowrap}.wordmark-logo{width:32px!important;height:32px!important;object-fit:contain}.site-header .crumb,.site-nav::after{display:none!important}.site-nav{display:flex;gap:24px!important;margin-left:auto!important}.site-nav button,.header-contact{font:700 13px/1.3 Helvetica,Arial,sans-serif!important;letter-spacing:.025em!important;min-height:44px;display:inline-flex;align-items:center}.header-contact{padding:10px 16px!important;border:1px solid #777!important}.header-back-button{position:static!important;transform:none!important;min-width:44px;min-height:44px;font-size:24px;flex-shrink:0}.site-header .wordmark span{display:inline!important}
#home-view{min-height:100svh;height:auto!important}#home-view .home-stage{width:100%;max-width:var(--page);margin:auto;padding:clamp(48px,8vh,100px) var(--gutter) 48px!important;min-height:0;display:block}#home-view .home-intro{width:100%;max-width:none;margin:0 0 48px!important}#home-view .home-intro h1{font:700 clamp(48px,7vw,104px)/.98 Helvetica,Arial,sans-serif!important;letter-spacing:-.065em!important;max-width:100%;white-space:normal!important;margin:18px 0 0}#home-view .home-intro .eyebrow{font-size:14px!important;letter-spacing:.08em}#home-view .home-cards{width:100%;max-width:none;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#home-view .menu-card{width:100%!important;min-width:0!important;height:clamp(260px,29vw,420px)!important;min-height:0!important;transform:none!important;border:0!important;border-radius:0!important;filter:none!important}#home-view .menu-card h2{font-size:clamp(25px,3vw,44px)!important;line-height:1!important;letter-spacing:-.04em!important}#home-view .menu-card p{font-size:13px!important}#home-view .home-footer{position:relative!important;padding:24px var(--gutter)!important}.home-footer a{font-size:13px!important;min-height:44px;display:inline-flex;align-items:center}
#portfolio-view,#personal-view,#case-view{background:#111!important}#portfolio-view::before,#portfolio-view::after,#personal-view::before,#personal-view::after,#case-view::before,#case-view::after{display:none!important}.page-heading,#personal-view .personal-category-menu,#personal-view .personal-archive-shell,#case-view .case-content{width:min(var(--page),100%)!important;max-width:var(--page)!important;margin:0 auto!important;padding:64px var(--gutter)!important}.page-heading h1,.personal-category-heading h1,.archive-heading h1{font:700 clamp(40px,6vw,84px)/1.02 Helvetica,Arial,sans-serif!important;letter-spacing:-.055em!important;margin:14px 0 0!important}.eyebrow,.mono{font-size:13px!important;line-height:1.5!important}.personal-category-heading{border:0!important;padding:0 0 36px!important}.portfolio-grid{width:min(var(--page),100%)!important;padding:0 var(--gutter) 80px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:44px 24px!important}.project-card img{aspect-ratio:16/10!important;border:0!important}.project-card-content{padding-top:16px!important}.project-card .brand{font-size:22px!important;line-height:1.2!important}.project-card .project-name{font-size:16px!important;line-height:1.4!important}.project-role,.project-no{font-size:13px!important}.personal-category-grid{gap:24px!important}.personal-category-card{border:0!important;aspect-ratio:4/3;min-height:0!important}.category-card-copy strong{font:700 24px/1.1 Helvetica,Arial,sans-serif!important}.archive-grid{gap:24px!important}.archive-item strong{font-size:16px!important}.archive-item-media{aspect-ratio:4/3}.page-footer{padding:24px var(--gutter)!important}.back-button{min-height:44px;font-size:14px!important}
#case-view .behance-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)!important;gap:48px!important;align-items:start!important}#case-view .case-title{font:700 clamp(32px,4vw,60px)/1.02 Helvetica,Arial,sans-serif!important;letter-spacing:-.055em!important;overflow-wrap:anywhere;white-space:pre-line!important;margin:18px 0 32px!important}#case-view .case-visual{width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}#case-view .case-my-role{border:0!important;padding:0!important;background:none!important}#case-view .case-my-role strong{font-size:17px!important;line-height:1.5!important}#case-view .case-my-year{border:0!important}#case-view .case-project-description{margin:56px 0 0!important;max-width:760px}#case-view .case-project-description p{font-size:20px!important;line-height:1.6!important}#case-view .case-project-details{border:0!important;gap:32px!important;margin-top:40px!important}#case-view .case-project-story{margin:40px 0 64px!important;gap:48px!important}#case-view .case-project-story p{font-size:17px!important;line-height:1.65!important}#case-view .case-media-item{margin:0!important}#case-view .case-media-group{margin:0 0 32px!important;padding:0!important;border:0!important}#case-view .case-media video{display:block;width:100%;aspect-ratio:16/9;background:#080808}#case-view .case-project-credits{padding:48px 0!important}#case-view .case-project-credits p{font-size:16px!important;line-height:1.6!important}#case-view .case-project-nav{gap:32px!important}#case-view .case-project-link strong{font-size:24px!important;line-height:1.2!important}
@media(max-width:1000px){.site-header{flex-wrap:wrap;gap:12px}.site-header .site-nav{order:3;flex-basis:100%;justify-content:center!important;margin:0!important}.site-header .header-contact{margin-left:auto}#case-view .behance-hero{gap:28px!important}.personal-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.site-header{padding:14px 20px!important}.site-header .wordmark{font-size:15px!important}.wordmark-logo{width:24px!important;height:24px!important}.site-nav{gap:22px!important}.site-nav button{font-size:12px!important}.header-contact{font-size:11px!important;padding:8px!important}.header-back-button{min-width:32px}.site-header>div{flex:1}.site-header .wordmark{gap:8px!important}#home-view .home-stage{padding-top:40px!important}#home-view .home-intro h1{font-size:48px!important}#home-view .home-cards{grid-template-columns:1fr;gap:16px}#home-view .menu-card{height:240px!important}.portfolio-grid{grid-template-columns:1fr!important;gap:36px!important}.page-heading,#personal-view .personal-category-menu,#personal-view .personal-archive-shell,#case-view .case-content{padding-top:40px!important;padding-bottom:40px!important}.personal-category-grid{grid-template-columns:1fr!important}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}#case-view .behance-hero{grid-template-columns:1fr!important;gap:32px!important}#case-view .case-title{font-size:42px!important}#case-view .case-hero-facts{margin-top:20px!important;gap:16px!important}#case-view .case-project-description p{font-size:18px!important}#case-view .case-project-story{grid-template-columns:1fr!important;gap:24px!important}.footer-social{flex-wrap:wrap;gap:20px!important}.viewer-frame{max-width:100%;padding:16px!important}.viewer-nav{gap:12px!important}.viewer-nav button{min-height:44px;font-size:12px!important}}
/* Campaign pages: editorial opening, uninterrupted cover, then the story. */
#case-view .behance-hero{display:block!important;margin-bottom:48px!important}
#case-view .behance-hero .case-hero-copy{max-width:none!important;display:grid;grid-template-columns:1.6fr 1fr;gap:24px 64px}
#case-view .case-kicker{grid-column:1/-1;font-size:15px!important;letter-spacing:0!important;color:#b5b7b9!important}
#case-view .case-title{grid-column:1;grid-row:2;margin:0!important;font-size:clamp(44px,6vw,88px)!important;max-width:15ch;letter-spacing:-.055em!important}
#case-view .case-hero-facts{grid-column:2;grid-row:2;display:grid!important;grid-template-columns:1fr auto;gap:20px!important;margin:0!important;align-content:start}
#case-view .case-my-year{padding:0!important}
#case-view .project-team{grid-column:2;font-size:15px;line-height:1.5;color:#d1d1d1}
#case-view .project-team>span{display:block;color:#a9a9a9;font-size:13px;margin-bottom:12px}
#case-view .project-team p{margin:0 0 6px}
#case-view .project-cover-stage{width:100%;margin:0 0 64px}
#case-view .project-cover-stage img{display:block;max-height:80svh;object-fit:contain!important;object-position:center!important;background:#090909}
#case-view .case-project-description{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;max-width:none!important;margin:0 0 48px!important}
#case-view .case-project-description p:first-child{font-size:clamp(24px,2.6vw,38px)!important;line-height:1.2!important;font-weight:700;letter-spacing:-.035em}
#case-view .case-project-description p:last-child{font-size:18px!important}
#case-view .case-project-details{margin:0 0 40px!important;padding:0!important}
#case-view .case-project-story{display:grid;grid-template-columns:1fr 1fr}
#case-view .case-project-credits{border:0!important}
#portfolio-view .page-heading{padding-bottom:48px!important}
#portfolio-view .project-card .project-role,#portfolio-view .project-card .project-no{display:none!important}
#portfolio-view .project-card .brand{font-size:16px!important;color:#b5b7b9!important;order:2!important}
#portfolio-view .project-card .project-name{font-size:26px!important;line-height:1.15!important;font-weight:700;color:#f3f2ee!important;order:1!important;letter-spacing:-.04em}
#portfolio-view .project-card-content{display:flex!important;flex-direction:column;gap:8px!important}
@media(max-width:700px){#case-view .behance-hero .case-hero-copy{grid-template-columns:1fr;gap:24px}#case-view .case-title{grid-column:1;grid-row:auto;font-size:clamp(38px,11vw,64px)!important}#case-view .case-hero-facts,#case-view .project-team{grid-column:1;grid-row:auto}#case-view .case-project-description{grid-template-columns:1fr;gap:12px}#case-view .project-cover-stage{margin-bottom:36px}#case-view .case-project-story{grid-template-columns:1fr}#portfolio-view .project-card .project-name{font-size:24px!important}}
@media(max-width:640px){.site-header .header-contact{order:4;min-height:36px;padding:6px 10px!important;margin-left:0!important}.site-header .site-nav{order:3;justify-content:space-between!important;width:100%;gap:12px!important}.site-header .wordmark{white-space:normal!important;min-width:0}.site-header .wordmark span{font-size:14px!important}.site-header>div{min-width:0;flex:1 1 calc(100% - 64px)}.site-header{column-gap:8px!important}.site-header .header-back-button{margin:0!important}.site-header .site-nav button{font-size:12px!important}}
#personal-view .personal-category-heading{align-items:end!important;margin-bottom:32px}
#personal-view .personal-category-heading>.mono{font:400 14px/1.5 Helvetica,Arial,sans-serif!important}
#personal-view .personal-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:40px 24px!important;padding:0!important}
#personal-view .personal-category-card{display:block;position:relative;background:transparent!important;aspect-ratio:auto!important;overflow:visible!important;text-align:left;padding:0!important;color:#f3f2ee}
#personal-view .personal-category-card::before,#personal-view .personal-category-card::after{display:none!important}
#personal-view .personal-category-card>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:opacity .2s}
#personal-view .personal-category-card:hover>img{opacity:.8}
#personal-view .category-card-copy{position:static!important;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0!important}
#personal-view .category-card-copy strong{font-size:26px!important;letter-spacing:-.04em}
#personal-view .category-card-copy>span{font-size:14px;color:#b5b7b9}
#personal-view .archive-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:0 0 24px!important;border:0!important}
#personal-view .archive-toolbar{margin:0 0 32px;padding:0;border:0}
#personal-view .archive-back-button{min-height:44px;font-size:14px}
#personal-view .archive-item{background:transparent!important;border:0!important;text-align:left}
#personal-view .archive-item-copy{padding:12px 0!important}
.media-viewer{background:rgba(10,10,10,.98)!important}.viewer-frame{width:min(1200px,100%);border:0!important;background:none!important}.viewer-media-wrap img,.viewer-media-wrap video{max-height:70svh;object-fit:contain}.modal-close{min-width:44px;min-height:44px}.viewer-nav button{min-height:44px}
@media(max-width:640px){#personal-view .personal-category-grid{grid-template-columns:1fr!important;gap:28px!important}#personal-view .category-card-copy strong{font-size:24px!important}#personal-view .personal-category-heading{display:block}#personal-view .archive-heading{display:block}.viewer-nav{display:grid!important;grid-template-columns:1fr 1fr!important}.viewer-title{grid-column:1/-1;grid-row:1}.viewer-nav button{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}