:root{--ink:#111;--paper:#f8f8f5;--line:#d8d8d2;--muted:#767670}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;background:rgba(248,248,245,.93);backdrop-filter:blur(10px);z-index:5}.wordmark{font:500 13px 'DM Mono',monospace;letter-spacing:.08em}.wordmark span{margin:0 6px;color:#8a8a84}.desktop-nav{display:flex;gap:34px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.desktop-nav a:hover,.footer-bottom a:hover{opacity:.5}.menu-button{display:none;border:0;background:none;padding:8px 0;font:12px 'DM Mono',monospace;text-transform:uppercase}.menu-button i{display:block;width:18px;border-top:1px solid;margin-top:4px}.mobile-nav{display:none}.hero{min-height:calc(100vh - 76px);padding:5vw 4vw 3vw;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}.hero-meta,.hero-bottom{display:flex;justify-content:space-between;font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em}.hero h1{font-size:clamp(70px,16vw,240px);line-height:.77;letter-spacing:-.09em;text-transform:uppercase;margin:0 0 4vw;font-weight:800;display:flex;flex-direction:column}.hero h1 span:nth-child(2){margin-left:28vw}.hero h1 span:nth-child(3){margin-left:10vw}.hero-bottom p{font-size:12px;line-height:1.6;text-transform:none;letter-spacing:0}.scroll-cue{align-self:flex-end}.scroll-cue b{font-size:18px;margin-left:15px}.section-shell{padding:12vw 4vw}.intro{display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid var(--line)}.eyebrow{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0}.intro-copy{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:end}.intro h2{font-size:clamp(46px,7vw,100px);line-height:.9;letter-spacing:-.07em;margin:0;font-weight:500}.intro h2 em{font-family:Georgia,serif;font-weight:400}.intro-copy>p{font-size:14px;line-height:1.55;max-width:300px;margin:0}.section-heading{display:grid;grid-template-columns:1fr 2fr auto;align-items:start;margin-bottom:5vw}.section-heading h2{font-size:clamp(40px,6vw,88px);letter-spacing:-.07em;line-height:.9;margin:0;font-weight:500}.section-count{font:12px 'DM Mono',monospace;color:var(--muted)}.credit-list{border-top:1px solid var(--ink)}.credit-row{display:grid;grid-template-columns:5% 43% 1fr 24px;gap:16px;align-items:center;min-height:88px;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.credit-row:hover{padding:0 18px;background:#fff}.credit-number,.credit-role{font:11px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.credit-name{font-size:clamp(20px,2.5vw,38px);letter-spacing:-.05em}.credit-role{text-transform:none;font-family:Manrope,Arial,sans-serif;font-size:12px}.arrow{font-size:20px;text-align:right}.artist-mark{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font:600 12px 'DM Mono',monospace;color:#111}.mark-blue{background:#b7d6dc}.mark-orange{background:#e9a36f}.mark-lilac{background:#c5b8d9}.mark-green{background:#aec7a6}.mark-pink{background:#e6a8ad}.mark-yellow{background:#e7d278}.mark-red{background:#d98376}.mark-sky{background:#a4c0de}.mark-black{background:#171717;color:#fff}.studio-list{margin-top:0}.footer{background:var(--ink);color:var(--paper);padding:10vw 4vw 3vw}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;min-height:22vw}.footer .eyebrow{color:#999}.email-link{font-size:clamp(38px,7vw,100px);letter-spacing:-.07em;line-height:.9}.email-link span{font-size:.5em}.footer-bottom{border-top:1px solid #333;padding-top:18px;display:flex;justify-content:space-between;color:#999;font:10px 'DM Mono',monospace;text-transform:uppercase}.footer-bottom a{color:var(--paper)}
@font-face{font-family:'GT Pressura';src:url('GT-Pressura-Regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@media(max-width:700px){.site-header{height:64px;padding:0 5vw}.desktop-nav{display:none}.menu-button{display:block}.mobile-nav{position:absolute;display:flex;flex-direction:column;gap:24px;top:64px;left:0;right:0;padding:28px 5vw;background:var(--paper);border-bottom:1px solid var(--line);transform:translateY(-150%);transition:transform .3s;font:13px 'DM Mono',monospace;text-transform:uppercase}.mobile-nav.open{transform:translateY(0)}.hero{min-height:calc(100svh - 64px);padding:8vw 5vw 7vw}.hero h1{font-size:23vw;line-height:.82;margin-bottom:12vw}.hero h1 span:nth-child(2){margin-left:24vw}.hero h1 span:nth-child(3){margin-left:5vw}.hero-meta,.hero-bottom{font-size:9px}.section-shell{padding:22vw 5vw}.intro,.intro-copy{display:block}.intro-copy{margin-top:22vw}.intro h2{font-size:17vw;margin-bottom:15vw}.intro-copy>p{font-size:13px}.section-heading{grid-template-columns:1fr auto;gap:12vw;margin-bottom:16vw}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{font-size:15vw}.credit-row{grid-template-columns:9% 1fr 20px;gap:10px;min-height:76px}.credit-number{font-size:9px}.artist-mark{width:37px;height:37px;font-size:10px}.credit-name{font-size:19px}.credit-role{grid-column:2/4;font-size:10px;margin-top:-20px;color:#8a8a84}.arrow{grid-column:3;grid-row:1;font-size:17px}.credit-row:hover{padding:0}.footer{padding:22vw 5vw 7vw}.footer-top{display:block;min-height:60vw}.email-link{display:block;margin-top:24vw}.footer-bottom{display:grid;gap:12px}.footer-bottom a{order:-1}}

/* Minimal presentation */
body{background:#090909;color:#ededeb}.site-header{background:#090909;border-color:#242424}.wordmark,.desktop-nav a,.menu-button{color:#ededeb}.hero{min-height:58vh;padding:7vw 4vw 4vw;border-bottom:0;justify-content:center;text-align:center}.hero-meta{position:absolute;top:106px;left:4vw;right:4vw}.hero h1{display:block;font:400 clamp(18px,2vw,30px) 'DM Mono',monospace;letter-spacing:.02em;line-height:1;text-transform:uppercase;margin:0}.hero h1 span{margin:0!important}.hero h1 span+span::before{content:' ';}.hero-bottom{display:block;margin-top:22px}.hero-bottom p{color:#8b8b86;font:12px/1.6 'DM Mono',monospace}.scroll-cue{display:none}.intro{padding:7vw 4vw;border-color:#242424;text-align:center}.intro-copy{display:block}.intro h2{font:400 clamp(22px,3vw,42px)/1 'DM Mono',monospace;letter-spacing:0;margin:0 0 22px}.intro h2 em{font:inherit}.intro-copy>p{max-width:470px;margin:auto;color:#8b8b86;font:12px/1.6 'DM Mono',monospace}.credits-section{padding:3vw 4vw 7vw}.section-heading{display:block;text-align:center;margin-bottom:42px}.section-heading .eyebrow{display:block;margin-bottom:14px}.section-heading h2{font:400 18px 'DM Mono',monospace;letter-spacing:.02em;text-transform:uppercase}.section-count{display:none}.credit-list{max-width:620px;margin:auto;border:0;text-align:center}.credit-row{display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:88px;border:0;color:#ededeb}.credit-row:hover{background:transparent;padding:0}.credit-number{font-size:9px;color:#777}.credit-name{font:400 15px 'DM Mono',monospace;letter-spacing:0}.credit-role{font:11px 'DM Mono',monospace;color:#777}.arrow{display:none}.footer{padding:9vw 4vw 3vw;background:#090909;border-top:1px solid #242424;text-align:center}.footer-top{display:block;min-height:auto}.footer .eyebrow{margin-bottom:24px}.email-link{font:400 18px 'DM Mono',monospace}.footer-bottom{margin-top:80px;border-color:#242424;display:flex;font-size:9px}.mobile-nav{background:#090909;border-color:#242424;color:#ededeb}
body{font-weight:700}.wordmark,.desktop-nav a,.menu-button,.section-heading h2,.credit-name,.email-link{font-weight:700!important}.credit-role,.credit-number,.eyebrow,.hero-meta,.footer-bottom{font-weight:600}
body,.wordmark,.desktop-nav,.menu-button,.eyebrow,.section-heading h2,.credit-number,.credit-name,.credit-role,.email-link,.footer-bottom{font-family:Manrope,Arial,sans-serif}.section-heading h2,.credit-name,.email-link{letter-spacing:-.04em}.credit-role,.credit-number,.eyebrow,.footer-bottom{letter-spacing:0}
.credit-name{text-transform:uppercase}
.studio-section{margin-top:8vw;border-top:1px solid #242424;padding-top:8vw}
@media(min-width:701px){main{display:grid;grid-template-columns:1fr 1fr;align-items:start}.credits-section{min-width:0}.studio-section{margin-top:0;border-top:0;border-left:1px solid #242424;padding-top:3vw}}
@media(max-width:700px){.studio-section{margin-top:8vw;border-top:1px solid #242424;border-left:0;padding-top:8vw}}
@media(max-width:700px){main{display:grid;grid-template-columns:1fr 1fr;align-items:start}.credits-section{padding:8vw 3vw}.studio-section{margin-top:0;border-top:0;border-left:1px solid #242424;padding-top:8vw}.section-heading h2{font-size:13px}.credit-name{font-size:12px}.credit-role{font-size:9px}}
main{display:block}.studio-section{margin-top:8vw;border-top:1px solid #d8d8d2;border-left:0;padding:8vw 4vw 7vw;text-align:right}.studio-section .section-heading,.studio-section .credit-list{margin-left:auto;margin-right:0;text-align:right}.studio-section .credit-row{align-items:flex-end}
.credits-section:not(.studio-section){text-align:left}.credits-section:not(.studio-section) .section-heading,.credits-section:not(.studio-section) .credit-list{margin-left:0;margin-right:auto;text-align:left}.credits-section:not(.studio-section) .credit-row{align-items:flex-start}
body,.site-header,.footer,.mobile-nav{background:#f8f8f5;color:#111}.site-header{border-color:#d8d8d2}.wordmark,.desktop-nav a,.menu-button,.footer-bottom a{color:#111}.footer{border-color:#d8d8d2}.studio-section{border-color:#d8d8d2}.mobile-nav{border-color:#d8d8d2}
.credit-row{color:#111}
.profile-hero{padding:8vw 4vw 0}.profile-hero h1{font-size:clamp(72px,16vw,240px);line-height:.8;letter-spacing:-.1em;margin:0 0 6vw;font-weight:700;text-align:center}.profile-hero img{display:block;width:min(100%,720px);aspect-ratio:9/16;height:auto;margin:0 auto;object-fit:cover;object-position:center 35%;background:#e8e8e3}
.profile-hero h1{display:none}.profile-hero{padding-top:5vw}.wordmark{position:absolute;left:50%;transform:translateX(-50%)}
.profile-hero img{width:min(100%,420px);max-width:100%;max-height:calc(100svh - 120px);object-fit:cover;object-position:center 30%}
.profile-hero{min-height:calc(100svh - 76px);padding:clamp(24px,4vw,56px);display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-hero img{width:min(420px,calc((100svh - 260px)*.5625),calc(100vw - 40px));height:auto;aspect-ratio:9/16;max-height:none;object-fit:cover;object-position:center 30%;margin:0}
@media(max-width:700px){.profile-hero{height:calc(100svh - 64px);min-height:0;padding:20px;overflow:hidden}.profile-hero img{width:auto;height:calc(100svh - 104px);max-width:100%;aspect-ratio:9/16;object-fit:cover}}
.desktop-nav{margin-left:auto}.profile-hero h1{display:block;font-size:clamp(34px,6vw,80px);margin:0 0 3vw;text-align:center}.profile-roles{margin:3vw 0 0;text-align:center;font:600 clamp(11px,1.2vw,16px) 'DM Mono',monospace;letter-spacing:.08em}.credit-role,.credit-number,.eyebrow{font-family:'DM Mono',monospace}.section-heading h2,.credit-name,.profile-hero h1{font-family:Manrope,Arial,sans-serif}
.profile-roles,.credit-role,.credit-number,.eyebrow{font-family:'GT Pressura',Arial,sans-serif;text-transform:uppercase}.credit-role{font-weight:400}
.work-section h2{font-family:Manrope,Arial,sans-serif;font-size:48px;line-height:.95;letter-spacing:-.04em;margin:0 0 5vw;text-transform:uppercase}.work-section{padding-top:8vw}.work-section .logo-marquee{margin-top:0}
.credits-section:not(.studio-section) .eyebrow{font-family:'GT Pressura',Arial,sans-serif;color:#111;letter-spacing:.08em}
.work-section{margin:2vw 0 0;padding:2vw 4vw;border-top:1px solid #d8d8d2;border-bottom:1px solid #d8d8d2}.studio-section{margin-top:0;padding-top:4vw}
.credits-section .credit-number{font-size:11px;font-weight:500}.credits-section .credit-role{font-size:14px;font-weight:400;white-space:nowrap}
.credits-section .credit-row{min-height:160px;height:160px;justify-content:center;gap:10px;padding-top:0}.credits-section .credit-number{line-height:1}.credits-section .credit-name,.credits-section .credit-role{line-height:1.1}
@media(max-width:700px){.credits-section .credit-row{min-height:135px;height:135px;padding-top:0;gap:9px}.credits-section .credit-role{font-size:10px}}
@media(max-width:700px){.credits-section{padding-left:20px;padding-right:20px}.credits-section .section-heading h2{font-size:28px}.credits-section .eyebrow{font-size:16px}.credits-section .credit-number{font-size:11px}.credits-section .credit-name{font-size:24px}.credits-section .credit-role{font-size:11px;white-space:normal}.studio-section{padding-left:20px;padding-right:20px}.work-section{padding-left:20px;padding-right:20px}.logo-track .logo-placeholder{width:180px;height:120px;min-height:120px}.logo-hackney{margin:18px;font-size:10px}.logo-hackney img{width:42px;height:42px}}
@media(max-width:900px){.profile-hero{height:100svh;min-height:0;padding:72px 20px 24px;overflow:hidden}.profile-hero h1{display:block!important;font-size:48px!important;line-height:.9;margin:0 0 18px!important}.profile-hero img{width:min(72vw,320px);height:auto;max-height:calc(100svh - 190px);aspect-ratio:9/16;object-fit:cover}.profile-roles{font-size:10px;margin-top:14px}.desktop-nav{display:none}.menu-button{display:block;position:fixed;right:20px;top:20px;z-index:120;font-size:14px}}
.profile-hero{text-align:center}.profile-hero h1,.profile-hero img,.profile-hero .profile-roles{margin-left:auto;margin-right:auto}.profile-hero{align-items:center;justify-content:center}
@media(max-width:900px){.menu-button{display:none}.mobile-nav{display:flex;position:fixed;top:0;left:0;right:0;z-index:110;transform:none;flex-direction:row;justify-content:center;align-items:center;gap:14px;padding:12px 16px;border-bottom:0;background:#f8f8f5;font:600 10px Manrope,Arial,sans-serif;text-transform:uppercase}.profile-hero{padding-top:52px}.profile-roles{font-size:14px}}
@media(max-width:900px){.credits-section .section-heading{margin-bottom:28px}.credits-section .section-heading h2{font-size:clamp(24px,8vw,40px);line-height:1;white-space:nowrap}.credits-section .eyebrow{font-size:14px}.studio-section .section-heading h2{font-size:clamp(24px,8vw,40px)}}
@media(max-width:900px){.credits-section .section-heading h2,.studio-section .section-heading h2{font-size:32px!important}.credits-section .credit-row{height:150px!important;min-height:150px!important;gap:9px!important;justify-content:center!important}.credits-section .credit-number{font-size:12px!important;line-height:1!important}.credits-section .credit-name{font-size:27px!important;line-height:1.05!important}.credits-section .credit-role{font-size:13px!important;line-height:1.2!important;white-space:normal!important;margin-top:0!important}}
@media(max-width:900px){.studio-section{text-align:left!important;padding-left:20px!important;padding-right:20px!important}.studio-section .section-heading,.studio-section .credit-list{margin-left:0!important;margin-right:auto!important;text-align:left!important}.studio-section .credit-row{align-items:flex-start!important}.work-section{margin-left:0;margin-right:0}}
@media(max-width:900px){.desktop-nav{display:none!important}.menu-button{display:none!important}.profile-roles{font-size:18px!important;line-height:1.1;white-space:nowrap}}
@media(min-width:901px){.credits-section .credit-name{font-size:44px!important}}
@media(max-width:900px){.credits-section .credit-row{height:96px!important;min-height:96px!important;gap:6px!important}.logo-track .logo-placeholder{height:90px;min-height:90px}}
@media(max-width:900px){.work-section{padding:12px 20px!important;margin:0!important}.logo-track .logo-placeholder{height:90px!important;min-height:90px!important}.logo-hackney{margin:10px!important}}
@media(max-width:900px){.footer-top{display:flex;flex-direction:column;align-items:center;gap:16px;min-height:0}.footer-top .eyebrow{margin:0}.footer-top .email-link{margin:0;font-size:22px;text-align:center}.footer-bottom{margin-top:48px}}
@media(max-width:700px){.profile-hero{height:calc(100svh - 64px);padding:16px 20px}.profile-hero h1{font-size:12vw;margin-bottom:12px}.profile-hero img{height:calc(100svh - 220px)}.profile-roles{margin-top:12px;font-size:10px}}
.site-header{height:0;padding:0;border:0;background:transparent}.wordmark{display:none}.desktop-nav{position:fixed;right:32px;top:32px;z-index:100;transform:none;display:flex;flex-direction:column;align-items:flex-end;gap:18px}.profile-hero{min-height:100svh}
.desktop-nav a{font-size:16px;line-height:1.1}.mobile-nav a{font-size:16px}
@media(max-width:700px){.desktop-nav{display:none}.menu-button{display:block;position:fixed;right:20px;top:20px;z-index:12;color:#111}.profile-hero{min-height:100svh;height:100svh}}
@media(max-width:700px){.profile-hero{padding:18vw 5vw 0}.profile-hero h1{font-size:24vw;margin-bottom:12vw}.profile-hero img{width:100%;height:auto;aspect-ratio:9/16}}
.work-section{padding:10vw 4vw;border-top:1px solid #d8d8d2}.work-section h2{font-size:clamp(52px,10vw,150px);line-height:.8;letter-spacing:-.08em;text-transform:uppercase;margin:5vw 0 8vw;font-weight:700}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d8d8d2}.logo-placeholder{min-height:150px;display:grid;place-items:center;text-align:center;border-right:1px solid #d8d8d2;border-bottom:1px solid #d8d8d2;font-weight:700;font-size:clamp(18px,2.5vw,36px);letter-spacing:-.06em}.logo-placeholder:nth-child(3n){border-right:0}.logo-placeholder:nth-last-child(-n+3){border-bottom:0}.logo-adidas{font-style:italic}.logo-colors{letter-spacing:.12em}.logo-sxsw{font-size:clamp(25px,4vw,58px)}.logo-hackney{font-size:14px;line-height:1;letter-spacing:.08em}.logo-ends{font-size:clamp(25px,5vw,70px);letter-spacing:-.12em}.logo-live{font:700 12px 'DM Mono',monospace;line-height:1.2;letter-spacing:.08em}
.credits-section .section-heading h2{font-size:24px}.credits-section .eyebrow{font-size:13px}.credits-section .credit-number{font-size:11px}.credits-section .credit-name{font-size:18px}.credits-section .credit-role{font-size:13px}
.credits-section .section-heading h2{font-size:48px}.credits-section .eyebrow{font-size:20px}.credits-section .credit-number{font-size:18px}.credits-section .credit-name{font-size:36px}.credits-section .credit-role{font-size:24px}
@media(max-width:700px){.work-section{padding:20vw 5vw}.work-section h2{font-size:22vw;margin:12vw 0 14vw}.logo-grid{grid-template-columns:repeat(2,1fr)}.logo-placeholder{min-height:110px;border-right:1px solid #d8d8d2!important;border-bottom:1px solid #d8d8d2!important}.logo-placeholder:nth-child(2n){border-right:0!important}.logo-placeholder:nth-last-child(-n+2){border-bottom:0!important}}
.logo-bbc{grid-column:1/-1;font-size:clamp(28px,5vw,68px);letter-spacing:.08em;border-right:0}
.logo-comic{grid-column:1/-1;font-size:clamp(18px,3vw,42px);line-height:.95;letter-spacing:.04em;border-right:0}
.credits-section .eyebrow,.work-section>.eyebrow{font:700 clamp(20px,3vw,38px) Manrope,Arial,sans-serif;letter-spacing:-.04em;color:#111}.work-section h2{font-size:clamp(70px,13vw,190px)}.logo-marquee{overflow:hidden;border:0}.logo-track{display:flex;width:max-content;animation:logo-scroll 34s linear infinite}.logo-track .logo-placeholder{width:260px;height:170px;min-height:170px;flex:none;border:0!important}.logo-hackney{margin:30px;border:0!important;border-radius:0;background:transparent;color:#111;font-size:13px;line-height:1;letter-spacing:.08em;display:flex!important;flex-direction:column;gap:10px}.logo-hackney img{display:block;width:64px;height:64px;object-fit:contain}.logo-hackney span{display:block}.logo-track:hover{animation-play-state:paused}@keyframes logo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Final mobile spacing overrides */
@media (max-width: 900px) {
  .work-section { padding: 12px 20px !important; margin: 0 !important; }
  .logo-track .logo-placeholder { height: 90px !important; min-height: 90px !important; }
  .logo-hackney { margin: 10px !important; }
}

@media (max-width: 900px) {
  .logo-track .logo-placeholder { width: 180px !important; height: 75px !important; min-height: 75px !important; }
}

@media (max-width: 900px) {
  .logo-track .logo-placeholder { width: 150px !important; height: 60px !important; min-height: 60px !important; }
  .logo-hackney { margin: 5px !important; }
}