*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080808;color:#f0ede4;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}h1,h2,p{margin:0}img{display:block;max-width:100%}.site{height:100dvh;display:grid;grid-template-rows:33dvh minmax(0,1fr) clamp(45px,7dvh,70px)}.masthead{background:#f0ede4;color:#111;padding:0 clamp(20px,3vw,56px);display:flex;flex-direction:column;justify-content:space-between;padding-bottom:clamp(20px,3dvh,36px)}.topline{height:clamp(70px,12dvh,110px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.topline nav{display:flex;gap:clamp(16px,2.3vw,36px)}.topline nav a,.contact-link{font-size:12px;line-height:1.5}.topline nav a{position:relative}.topline nav a[aria-current]:after{content:"";position:absolute;bottom:-7px;left:0;right:0;height:1px;background:currentColor}.brand{display:flex;gap:11px;align-items:center;font-size:27px;font-weight:600;letter-spacing:-1.5px;line-height:.9}.brand small{display:block;font:8px monospace;letter-spacing:2.4px;margin-top:7px}.cat{width:52px;height:54px;position:relative;overflow:hidden}.cat img{max-width:none;width:133%;height:133%;position:absolute;top:-17%;left:-15%;object-fit:contain;filter:brightness(0)}.contact-link{justify-self:end}.contact-link span{margin-left:30px}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}h1{font-size:clamp(46px,7.7vw,130px);line-height:.92;font-weight:400;letter-spacing:-.075em;white-space:nowrap}.heading-note{max-width:275px;font-size:12px;line-height:1.4;padding-bottom:4px}.heading-note p+p{margin-top:12px;color:#555;font-size:11px}main{min-height:0;min-width:0;overflow:hidden}.panel{height:100%;min-height:0}.panel[hidden]{display:none}.project-panel{display:grid;grid-template-rows:clamp(44px,7dvh,65px) minmax(0,1fr) 16px}.gallery-toolbar{padding:0 clamp(20px,3vw,56px);display:flex;align-items:center;justify-content:space-between}.gallery-toolbar>p,.scroll-hint{font:9px monospace;letter-spacing:.3px;color:#aaa}.gallery-controls{display:flex;gap:8px;align-items:center}.scroll-hint{margin-right:20px}.gallery-controls button{width:30px;height:25px;border:1px solid #555;background:none;color:#f0ede4;cursor:pointer;transition:background .2s}.gallery-controls button:hover{background:#333}.gallery-controls button:disabled{opacity:.3;cursor:default}.gallery{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:0 clamp(20px,3vw,56px);scroll-snap-type:x proximity;scroll-padding-inline:clamp(20px,3vw,56px);touch-action:pan-x;min-height:0}.gallery::-webkit-scrollbar{display:none}.project-card{flex:0 0 57vw;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) 48px;scroll-snap-align:start}.project-card:nth-child(2){flex-basis:42vw}.project-card:nth-child(3){flex-basis:52vw}.project-art{position:relative;overflow:hidden;isolation:isolate;background:#1a1a1a}.art-word{position:absolute;bottom:24px;left:30px;font-size:clamp(45px,6.2vw,100px);font-weight:400;line-height:.88;letter-spacing:-.065em;z-index:1;color:#f0ede4}.curtain{position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 45%,#0006),repeating-linear-gradient(90deg,#0e0e0e 0,#454540 4%,#77766c 5%,#30302d 6%,#101010 9%);transform:scale(1.06);animation:drape 18s ease-in-out infinite alternate}.film-light{position:absolute;inset:-50%;background:conic-gradient(from 45deg at 40% 60%,#050505 0deg,#ddd6 10deg,#deded7 13deg,#8885 18deg,#050505 45deg);filter:blur(8px);animation:light 22s ease-in-out infinite alternate}.moire{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 40%,#aaa8,transparent 55%),repeating-radial-gradient(ellipse at 65% 40%,#121212 0 4px,#74746e 5px 6px,#121212 7px 10px);transform:scale(1.15)}.caption{display:flex;align-items:center;justify-content:space-between;gap:20px}.caption h2{font-size:13px;font-weight:400}.caption p{font:9px monospace;color:#888}.track{height:1px;background:#333;margin:2px clamp(20px,3vw,56px) 0;position:relative;overflow:hidden}.track span{height:100%;background:#d2cfc6;display:block;width:30%;transform-origin:left}.info-panel{padding:clamp(20px,4dvh,55px) clamp(20px,5vw,90px)}.about-layout{display:grid;grid-template-columns:1fr 2fr;gap:40px;height:100%;align-items:center}.section-label{font:11px monospace;color:#aaa;align-self:start}.about-layout h2{font-weight:400;font-size:clamp(35px,5vw,80px);line-height:.95;letter-spacing:-.06em;margin-bottom:28px}.about-layout p:not(.section-label){font-size:14px;line-height:1.5}.muted{color:#999;margin-top:12px}.team-grid{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,5vw,80px);max-width:1100px;margin:auto;align-content:center}.team-grid article{min-width:0}.team-grid img{height:clamp(70px,17dvh,165px);width:clamp(65px,10vw,125px);object-fit:cover;object-position:center 30%;filter:grayscale(1);margin-bottom:16px}.team-grid h2{font-size:clamp(16px,1.7vw,24px);font-weight:400;line-height:1.12;letter-spacing:-.5px}.role{font-size:10px;color:#aaa;margin:8px 0 14px}.bio{font-size:12px;line-height:1.5;max-width:280px}.paloma-bio{white-space:nowrap;font-size:clamp(9px,1vw,12px)}footer{padding:8px clamp(20px,3vw,56px);border-top:1px solid #2d2d2d;overflow:hidden}.partners{height:100%;display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:900px;margin:auto}.partners img{width:clamp(36px,6vw,85px);height:100%;max-height:30px;object-fit:contain;filter:brightness(0) invert(1);opacity:.6}.partners .solid-logo{width:clamp(65px,12vw,150px);filter:grayscale(1) invert(1);mix-blend-mode:screen}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:#fff;color:#000;z-index:10}.skip:focus{top:8px}@keyframes drape{to{transform:scale(1.1) translateX(1%)}}@keyframes light{to{transform:rotate(8deg)}}@media(max-width:760px){.site{grid-template-rows:33dvh minmax(0,1fr) 48px}.masthead{padding:0 20px 20px}.topline{grid-template-columns:1fr auto;height:90px;gap:12px}.brand{grid-column:1;grid-row:1;font-size:24px}.cat{width:42px;height:46px}.contact-link{grid-column:2;grid-row:1;font-size:11px}.contact-link span{margin-left:10px}.topline nav{grid-column:1/-1;grid-row:2;gap:24px;margin-top:-14px}.topline nav a{font-size:11px}.heading-row{gap:12px;align-items:start;flex-direction:column}h1{font-size:clamp(38px,10vw,70px)}.heading-note{font-size:10px;max-width:100%;padding:0}.heading-note p+p{margin-top:3px;font-size:9px}.gallery-toolbar>p{font-size:8px}.scroll-hint{display:none}.gallery{gap:10px}.project-card,.project-card:nth-child(2),.project-card:nth-child(3){flex-basis:83vw;grid-template-rows:minmax(0,1fr) 50px}.art-word{font-size:clamp(45px,12vw,80px);left:20px;bottom:22px}.caption{display:block;padding-top:10px}.caption h2{font-size:12px}.caption p{font-size:8px;margin-top:5px}.partners{gap:14px}.partners img{width:12%;min-width:0;max-height:23px}.partners .solid-logo{width:22%}.team-grid{grid-template-columns:1fr;gap:18px;align-content:center}.team-grid article{display:grid;grid-template-columns:60px minmax(0,1fr);gap:15px}.team-grid img{width:60px;height:74px;margin:0}.team-grid h2{font-size:15px}.team-grid h2 br{display:none}.role{font-size:9px;margin:4px 0 6px}.bio,.paloma-bio{font-size:10px;line-height:1.4;max-width:100%}.info-panel{padding:20px}.about-layout{grid-template-columns:1fr;gap:20px;align-content:start}.about-layout h2{margin-top:25px;font-size:45px}.about-layout p:not(.section-label){font-size:12px}}@media(max-height:620px){.topline{height:65px}.masthead{padding-bottom:15px}.heading-note{font-size:10px}.heading-note p+p{margin-top:5px;font-size:9px}h1{font-size:clamp(32px,5.5vw,70px)}.team-grid img{height:65px;width:55px;margin-bottom:10px}.team-grid h2{font-size:15px}.role{margin:4px 0 7px}.bio{font-size:10px}.info-panel{padding-block:18px}}@media(max-height:620px) and (max-width:760px){.site{grid-template-rows:160px minmax(0,1fr) 38px}.topline{height:74px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}.team-grid article{display:block}.team-grid img{height:45px;width:40px}.team-grid h2{font-size:11px}.role{font-size:8px}.bio,.paloma-bio{font-size:8px;white-space:normal}.heading-note p+p{display:none}.heading-row{gap:7px}.gallery-toolbar{padding-inline:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

/* Large original artwork, occupying the height of the cream masthead. */
.masthead{position:relative}
.brand{position:absolute;left:50%;top:10px;bottom:10px;transform:translateX(-50%);width:calc(33dvh - 20px);height:auto;display:block}
.cat{display:block;width:100%;height:100%;overflow:hidden}
.cat img{width:133%;height:133%;left:-15%;top:-17%;object-fit:contain}
.topline{display:flex;justify-content:space-between;flex-shrink:0}
.heading-row{position:relative;pointer-events:none}
.heading-row h1{font-size:clamp(36px,5.5vw,88px)}
.heading-note{max-width:22%;font-size:12px}
.gallery{scroll-snap-type:none}
.project-card{scroll-snap-align:none}
.partners img[alt="ITV"],.partners img[alt="Channel 4"]{opacity:.6}
@media(max-width:760px){
 .brand{left:auto;right:15px;transform:none;top:48px;bottom:12px;width:37vw;max-width:calc(33dvh - 60px)}
 .topline{height:45px;align-items:center}
 .topline nav{margin:0;gap:17px}
 .heading-row{width:60%;gap:10px}
 .heading-row h1{font-size:clamp(27px,6.5vw,46px)}
 .heading-note{max-width:100%;font-size:10px}
 .contact-link{font-size:11px}
}
@media(max-height:620px) and (max-width:760px){.brand{max-width:110px;top:45px;width:110px}.heading-row h1{font-size:30px}}

/* Right-aligned artwork, left-aligned navigation and introduction. */
.brand{left:auto;right:clamp(20px,3vw,56px);transform:none}
.topline{justify-content:flex-start}
.topline nav{align-items:center}
.contact-link span{margin-left:8px}
.heading-row{flex-direction:column;align-items:flex-start;gap:14px;width:calc(100% - 33dvh - 30px)}
.heading-row h1{white-space:normal;max-width:900px;font-size:clamp(32px,4.8vw,76px);line-height:.96}
.heading-note{max-width:100%}
.team-grid h2{white-space:nowrap;font-size:clamp(12px,1.25vw,18px);line-height:1.2;letter-spacing:-.35px}
.team-grid img{object-fit:contain;object-position:left bottom;width:clamp(65px,10vw,125px);height:clamp(70px,17dvh,165px)}
.partners{max-width:1060px}
@media(max-width:760px){
 .brand{right:15px;max-width:calc(33dvh - 60px)}
 .heading-row{width:62%;gap:10px}
 .heading-row h1{font-size:clamp(24px,6.2vw,42px)}
 .heading-note{font-size:9px}
 .topline nav{gap:17px}
 .team-grid h2{font-size:clamp(12px,3.6vw,15px)}
 .team-grid img{width:60px;height:90px}
 .team-grid article{grid-template-columns:60px minmax(0,1fr)}
 .partners{gap:10px}
 .partners img{width:10%;min-width:0}
 .partners .solid-logo{width:19%}
}
@media(max-height:620px){.team-grid img{height:65px;width:55px}}
@media(max-height:620px) and (max-width:760px){.brand{max-width:110px}.heading-row h1{font-size:28px}.team-grid{grid-template-columns:1fr;gap:12px}.team-grid article{display:grid;grid-template-columns:40px 1fr;gap:12px}.team-grid img{height:45px;width:40px;margin:0}.team-grid h2{font-size:12px}.team-grid .role{margin:2px 0 4px}}

/* Give the artwork a generous cream border on every side. */
.brand{top:clamp(25px,3.6dvh,42px);bottom:clamp(25px,3.6dvh,42px);width:calc(33dvh - clamp(50px,7.2dvh,84px));right:clamp(32px,5vw,80px)}
.team-grid .bio,.team-grid .role{max-width:25ch;white-space:normal}
.team-grid .paloma-bio{font-size:12px}
.team-grid h2{white-space:nowrap}
/* One continuous collection: every medium gets the same card treatment. */
.gallery{gap:16px}
.project-card,.project-card:nth-child(2),.project-card:nth-child(3){flex:0 0 clamp(310px,46vw,720px);grid-template-rows:minmax(0,1fr) 96px;color:inherit}
.project-card .project-art{background:#151515}
.project-art img,.project-art video{width:100%;height:100%;object-fit:cover;filter:grayscale(1);position:absolute;inset:0}
.project-art video{pointer-events:none}
.project-card .project-art img{transition:transform .7s ease}
.project-card:hover .project-art img{transform:scale(1.025)}
.caption{display:flex;align-items:stretch;justify-content:center;flex-direction:column;gap:8px;padding:10px 0}
.caption-title{display:flex;justify-content:space-between;align-items:baseline;gap:15px}
.caption h2{font-size:clamp(17px,1.65vw,25px);line-height:1.08;letter-spacing:-.5px}
.project-arrow{font-size:18px}
.project-tags{display:flex;flex-wrap:wrap;gap:5px 7px;align-items:center}
.project-tags span{font:9px Arial,Helvetica,sans-serif;border:1px solid #4a4a46;border-radius:2px;padding:3px 6px;line-height:1;color:#c8c5bc}
.project-tags .project-year{margin-left:auto;border:0;padding-right:0;color:#aaa}
.caption .project-credit{font:10px Arial,Helvetica,sans-serif;line-height:1.3;color:#aaa}
.project-card:focus-visible{outline-offset:-2px}
.detail-panel{padding:clamp(16px,3dvh,36px) clamp(20px,3vw,56px);overflow:hidden}
.detail-layout{height:100%;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,64px)}
.detail-layout .project-art{min-height:0}
.detail-layout .project-art img,.detail-layout .project-art video{object-fit:contain}
.detail-copy{align-self:center;max-height:100%;overflow:auto;scrollbar-width:none;padding:2px 3px 8px;max-width:460px}
.detail-copy::-webkit-scrollbar{display:none}
.back-link{display:inline-block;font-size:11px;color:#bbb;margin-bottom:clamp(16px,3dvh,30px)}
.detail-copy .project-tags{margin-bottom:16px}
.detail-copy .project-year{margin-left:4px}
.detail-title{font-size:clamp(25px,3.2vw,48px);font-weight:400;letter-spacing:-.055em;line-height:1.02}
.detail-company{font-size:12px;color:#bcbab2;margin-top:9px}
.detail-description{font-size:clamp(12px,1vw,14px);line-height:1.55;max-width:43ch;margin-top:22px}
.detail-credit{font-size:11px;line-height:1.5;margin-top:22px;color:#bbb}
.detail-credit strong{display:block;font-weight:400;color:#f0ede4;margin-bottom:2px}
.detail-other-credits{font-size:10px;line-height:1.5;color:#888;margin-top:12px;max-width:48ch}
.source-link{font-size:11px;display:inline-block;border-bottom:1px solid #777;padding-bottom:4px;margin-top:20px}
@media(max-width:760px){
 .brand{top:60px;bottom:24px;right:25px;width:31vw;max-width:calc(33dvh - 84px)}
 .team-grid .bio,.team-grid .role{max-width:28ch}
 .team-grid .paloma-bio{font-size:10px}
 .project-card,.project-card:nth-child(2),.project-card:nth-child(3){flex-basis:82vw;grid-template-rows:minmax(0,1fr) 102px}
 .caption{gap:7px}.caption h2{font-size:20px}.caption .project-credit{font-size:9px;margin:0}.gallery-toolbar>p{font-size:8px}
 .detail-layout{grid-template-columns:1fr;grid-template-rows:minmax(90px,19dvh) minmax(0,1fr);gap:16px}
 .detail-copy{align-self:start;max-width:100%;width:100%}.detail-title{font-size:25px}.back-link{margin-bottom:12px}
 .detail-copy .project-tags{margin-bottom:10px}.detail-description{margin-top:13px;font-size:12px}.detail-credit{margin-top:12px}
 .detail-other-credits{margin-top:8px}.source-link{margin-top:12px}
}
@media(max-height:620px){.team-grid .paloma-bio{font-size:10px}.detail-title{font-size:28px}.detail-description,.detail-credit{margin-top:12px}.detail-copy .project-tags{margin-bottom:10px}.back-link{margin-bottom:12px}}
@media(max-height:620px) and (max-width:760px){.brand{top:50px;bottom:22px;max-width:88px}.team-grid .bio,.team-grid .role{max-width:32ch}.team-grid .paloma-bio{font-size:8px}.detail-layout{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.project-card,.project-card:nth-child(2),.project-card:nth-child(3){grid-template-rows:minmax(0,1fr) 78px}.caption h2{font-size:16px}.caption{gap:5px}.project-tags span{font-size:8px}.project-panel{grid-template-rows:36px minmax(0,1fr) 10px}}

/* Restore original project colours on interaction. */
.project-art img,.project-art video{transition:filter .4s ease,transform .7s ease}
.project-card:focus-visible .project-art img,.project-card:focus-visible .project-art video{filter:grayscale(0)}
@media(hover:hover){
 .project-card:hover .project-art img,.project-card:hover .project-art video,
 .detail-layout .project-art:hover img,.detail-layout .project-art:hover video{filter:grayscale(0)}
}
.caption .caption-company{font:10px Arial,Helvetica,sans-serif;color:#bbb;margin:0;line-height:1.2}
.project-card,.project-card:nth-child(2),.project-card:nth-child(3){grid-template-rows:minmax(0,1fr) 112px}
.caption{gap:6px}
@media(max-width:760px){.project-card,.project-card:nth-child(2),.project-card:nth-child(3){grid-template-rows:minmax(0,1fr) 116px}.caption .caption-company{font-size:9px}}
@media(max-height:620px) and (max-width:760px){.project-card,.project-card:nth-child(2),.project-card:nth-child(3){grid-template-rows:minmax(0,1fr) 94px}.caption{gap:4px}}

/* Equal section navigation; card widths follow the original media. */
.project-sections{display:flex;align-items:center;gap:clamp(18px,3vw,42px)}
.project-sections a{font-size:12px;color:#999;position:relative;padding-block:8px}
.project-sections a:hover,.project-sections a[aria-current]{color:#f0ede4}
.project-sections a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor}
.gallery{--caption-height:140px;align-items:center;position:relative}
.gallery .project-card,.gallery .project-card:nth-child(2),.gallery .project-card:nth-child(3){flex:0 0 auto;grid-template-rows:var(--media-height) var(--caption-height);align-self:center}
.gallery .project-card[hidden]{display:none}
.gallery .project-art img,.gallery .project-art video{object-fit:cover!important}
.gallery .caption{justify-content:flex-start;padding-top:12px;gap:7px;overflow:hidden}
.gallery .caption h2{font-size:clamp(15px,1.6vw,23px);line-height:1.1;overflow-wrap:break-word}
.gallery .caption-title{gap:8px}
.gallery .caption .project-credit{line-height:1.35}
.gallery .project-arrow{flex-shrink:0}
.detail-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.detail-layout .project-art{background:transparent;justify-self:center;width:100%;height:100%;max-width:calc((60dvh - 70px) * var(--media-ratio,1.7778))}
@media(max-width:760px){.project-sections{gap:18px}.project-sections a{font-size:11px}.gallery{--caption-height:144px}.gallery .caption h2{font-size:16px}.gallery-controls{gap:5px}.gallery-controls button{width:25px}.detail-layout{grid-template-columns:1fr}.detail-layout .project-art{max-width:calc(19dvh * var(--media-ratio,1.7778))}}
@media(max-height:620px) and (max-width:760px){.gallery{--caption-height:108px}.gallery .caption{gap:4px;padding-top:7px}.gallery .caption h2{font-size:12px}.project-sections{gap:14px}.project-sections a{font-size:10px}.detail-layout{grid-template-columns:1fr 1fr}.detail-layout .project-art{max-width:100%}}