:root{--bg:#dfdedb;--surface:#d3d2ce;--ink:#26251e;--muted:#5f5d55;--accent:#2456d6;--accent-ink:#fff;--paper:#f0efec;--dark:#1e221f;--display:Gambarino,Georgia,serif;--text:'General Sans',Arial,sans-serif;--gutter:28px;--small:14px;--body:18px;--lead:24px;--head:clamp(40px,4.5vw,68px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--ink);font:var(--body)/1.5 var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a,button{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}h2{font-size:var(--head)}h3{font-size:var(--lead);font-weight:500;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}p{text-wrap:pretty}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--accent-ink)}[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:20px;background:var(--accent);color:white;padding:12px;z-index:20}.skip-link:focus{top:16px}.wrap{padding-inline:var(--gutter)}.section{padding-block:100px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:38px}.section-head p{max-width:420px}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:50px;padding:13px 23px;border:0;border-radius:0;background:var(--accent);color:var(--accent-ink);font-weight:500;text-decoration:none;transition:transform .18s var(--ease),background .18s}.button:hover{background:#1949bd;transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button.dark{background:var(--ink);color:var(--paper)}.button.light{background:var(--paper);color:var(--ink)}.button:disabled{cursor:default;opacity:.7}.small{font-size:var(--small)}.muted{color:var(--muted)}
.site-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px var(--gutter);min-height:80px}.brand{font-weight:500;text-decoration:none;letter-spacing:-.04em;font-size:var(--lead)}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{text-decoration:none;position:relative}.nav-links a:hover{text-decoration:underline}.nav-links .nav-contact{background:var(--ink);color:var(--paper);padding:11px 20px}.menu-toggle{display:none;border:0;background:var(--surface);padding:10px 16px}.hero{padding:0 var(--gutter) 0}.hero h1{font-size:12.2vw;letter-spacing:-.048em;white-space:nowrap;line-height:1.12;text-align:center;margin-left:-.025em}.hero-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:24px 0 34px}.hero-intro p{max-width:650px;font-size:var(--body);line-height:1.45}.hero-intro .button{flex-shrink:0}.hero-board{display:grid;grid-template-columns:1fr 3.45fr 1fr;gap:10px;min-height:445px;max-height:630px;height:42vw}.hero-main{height:100%;position:relative;overflow:clip}.hero-main img{height:100%;object-fit:cover;object-position:center 57%}.hero-caption{position:absolute;left:20px;bottom:20px;background:var(--paper);padding:11px 16px;font-size:var(--small)}.hero-rail{display:flex;flex-direction:column;gap:10px;min-width:0}.hero-rail>a{flex:1;min-height:0;overflow:clip;position:relative;text-decoration:none}.hero-rail img{height:100%;object-fit:cover}.hero-rail .rail-text{flex:0 0 auto;background:var(--surface);padding:20px 16px;font-size:var(--body)}.hero-rail .rail-text strong{font-family:var(--display);font-size:var(--lead);line-height:1.1;font-weight:400;display:block;margin-bottom:10px}.hero-foot{display:flex;justify-content:space-between;gap:24px;margin-top:14px;font-size:var(--small)}
.work-section{padding-top:110px}.work-title{font-size:var(--head)}.filters{display:flex;flex-wrap:wrap;gap:7px;margin:30px 0 20px}.filter{border:0;padding:10px 16px;background:var(--surface);color:var(--ink);min-height:44px;transition:background .18s,color .18s}.filter:hover{background:var(--paper)}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filter-tools{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:30px}.filter-tools label{display:flex;gap:12px;align-items:center}.filter-tools select{border:0;background:var(--paper);padding:9px 34px 9px 12px;min-height:44px}.filter-tools p{font-size:var(--small)}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:44px 16px}.work-tile{grid-column:span 4;min-width:0}.work-tile:nth-child(7n+1){grid-column:span 7}.work-tile:nth-child(7n+2){grid-column:span 5}.work-tile:nth-child(7n+6){grid-column:span 5}.work-tile:nth-child(7n+7){grid-column:span 7}.work-picture{position:relative;overflow:clip;background:var(--surface);aspect-ratio:4/3;display:block}.work-tile:nth-child(7n+3) .work-picture,.work-tile:nth-child(7n+4) .work-picture,.work-tile:nth-child(7n+5) .work-picture{aspect-ratio:4/5}.work-picture img{height:100%;object-fit:cover;transition:transform .7s var(--ease)}.work-picture:hover img{transform:scale(1.035)}.work-info{padding-top:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.work-info h3{font-size:var(--lead);line-height:1.2}.work-info h3 a{text-decoration:none}.work-info p{font-size:var(--small);margin-top:5px}.save-button{background:var(--paper);border:0;width:44px;height:44px;flex-shrink:0;font-size:var(--lead);line-height:1}.save-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.browse-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:40px}.empty-results{padding:64px 0}.filter-tools input[type=search]{border:0;background:var(--paper);padding:11px;max-width:260px}.save-tray{position:fixed;bottom:20px;right:28px;z-index:12;background:var(--ink);color:var(--paper);padding:14px 20px;text-decoration:none;box-shadow:0 5px 22px #0002}.save-tray strong{margin-right:15px}.js-only{display:none}.js .js-only{display:initial}.js .filters{display:flex}.js .filter-tools{display:flex}
.about-section{background:var(--dark);color:var(--paper);padding-block:90px}.about-section .muted{color:var(--bg)}.about-layout{display:grid;grid-template-columns:1fr 2fr;gap:60px}.about-title p{margin-top:24px;max-width:275px}.about-copy>.statement{font-size:var(--lead);line-height:1.4;max-width:830px;margin:0 0 50px}.services{display:grid;grid-template-columns:1fr 1fr;gap:40px 50px}.service h3{font-family:var(--display);font-size:var(--lead);font-weight:400;margin-bottom:14px}.service p{max-width:360px}.about-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:60px}.about-bottom p{max-width:600px}.about-bottom a{white-space:nowrap}
.journal-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw}.journal-feature img{aspect-ratio:4/3;object-fit:cover}.journal-feature h3{font-family:var(--display);font-size:var(--lead);line-height:1.12;margin:22px 0 16px}.journal-feature a{text-decoration:none}.journal-feature p{max-width:580px}.journal-list{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding-bottom:10px}.journal-item{display:grid;grid-template-columns:128px 1fr;gap:24px;text-decoration:none;align-items:center}.journal-item img{aspect-ratio:1/1;object-fit:cover}.journal-item h3{font-size:var(--lead);line-height:1.25}.journal-item p{margin-top:12px;font-size:var(--small)}
.shop-section{background:var(--surface)}.shop-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:7vw;align-items:center}.print-stage{padding:36px;background:var(--paper)}.print-stage img{aspect-ratio:3/2;object-fit:cover}.print-stage figcaption{padding-top:18px;font-size:var(--small)}.shop-copy h2{margin-bottom:28px}.shop-copy>p{max-width:450px;margin-bottom:26px}.shop-links{display:flex;gap:24px;align-items:center}.shop-details{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:44px}.shop-details h3{font-family:var(--display);font-weight:400;font-size:var(--lead);margin-bottom:12px}.shop-details p{font-size:var(--body)}
.faq-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:7vw}.faq-heading p{margin-top:28px;max-width:310px}.faq-list details{padding:22px 0}.faq-list details[open]{background:var(--surface);padding:24px;margin:0 -24px}.faq-list summary{cursor:pointer;font-size:var(--lead);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:var(--lead)}.faq-list details[open] summary::after{content:'−'}.faq-list details p{margin-top:20px;max-width:650px}
.contact-section{padding:76px var(--gutter);background:var(--surface)}.contact-layout{background:var(--paper);padding:48px;display:grid;grid-template-columns:1fr 1.25fr;gap:7vw}.contact-copy h2{margin-bottom:28px}.contact-copy>p{max-width:330px}.contact-copy .email-link{display:inline-block;margin:24px 0 40px;font-size:var(--body)}.contact-copy .contact-help{font-size:var(--small);max-width:340px}.enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.enquiry-form label{display:block}.enquiry-form label span{display:block;margin-bottom:7px;font-size:var(--small)}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;border:0;background:var(--bg);padding:12px;min-height:48px;border-radius:0}.enquiry-form textarea{resize:vertical;min-height:130px}.span-all{grid-column:1/-1}.form-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.copy-button{border:0;background:none;text-decoration:underline;padding:12px 0;text-underline-offset:4px}.form-note{font-size:var(--small)}.selected-references{font-size:var(--small);display:flex;gap:8px;flex-wrap:wrap}.reference-chip{border:0;background:var(--bg);padding:7px 10px}.draft-output{width:100%;margin-top:12px;min-height:180px}.site-footer{background:var(--dark);color:var(--paper);padding:48px var(--gutter) 30px;overflow:clip}.footer-name{font-family:var(--display);font-size:12.2vw;line-height:1.15;letter-spacing:-.05em;white-space:nowrap}.footer-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:44px}.footer-links{display:flex;flex-wrap:wrap;gap:24px}.footer-row p{font-size:var(--small)}.footer-links a{font-size:var(--small)}
.page-head{padding:55px var(--gutter) 60px}.page-head h1{font-size:clamp(56px,8vw,118px);max-width:1100px}.page-head p{max-width:650px;margin-top:30px;font-size:var(--body)}.page-head .back-link{display:inline-block;margin-bottom:28px;font-size:var(--small)}.page-head .button{margin-top:24px}.case-hero{height:68vw;max-height:820px;object-fit:cover}.case-intro{display:grid;grid-template-columns:1fr 2fr;gap:50px}.case-intro .statement{font-size:var(--lead);line-height:1.4;margin-bottom:28px}.case-meta p{margin:0 0 18px}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.case-gallery figure:nth-child(3n){grid-column:1/-1}.case-gallery img{max-height:820px;object-fit:contain;background:var(--surface)}.case-gallery figcaption{padding:14px 0;font-size:var(--small)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 24px}.article-card a{text-decoration:none}.article-card img{aspect-ratio:4/3;object-fit:cover}.article-card h2{font-size:var(--lead);line-height:1.12;margin-top:22px}.article-card p{margin-top:18px}.article-body{max-width:780px;margin:auto;padding:0 var(--gutter) 100px}.article-body p{font-size:var(--body);line-height:1.75;margin-bottom:24px}.article-body h2{font-size:var(--lead);margin:50px 0 25px}.article-body h3{margin:34px 0 20px}.article-body img{margin:30px 0}.article-body ul,.article-body ol{padding-left:24px;line-height:1.75}.article-cover{max-height:650px;object-fit:cover;margin-bottom:60px}.article-meta{margin-top:24px!important;font-size:var(--small)!important}.shop-products{display:grid;grid-template-columns:1fr 1fr;gap:60px 24px}.shop-product h2{font-size:var(--head);margin:25px 0 18px}.shop-product img{aspect-ratio:4/3;object-fit:cover}.shop-product p{max-width:550px;margin-bottom:22px}.product-options{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.product-options label{display:flex;align-items:center;gap:8px}.product-options select{background:var(--paper);border:0;padding:10px}.shop-product .print-preview{padding:30px;background:var(--surface)}.shop-product .print-preview img{object-fit:contain;background:var(--paper);padding:10px;transition:transform .3s var(--ease)}.shop-product .print-preview[data-size=A4] img{transform:scale(.72)}.shop-product .print-preview[data-size=A3] img{transform:scale(.85)}.shop-product .print-preview[data-size=A2] img{transform:scale(1)}
.lightbox{border:0;background:var(--paper);padding:20px;width:min(1100px,96vw);max-height:94svh;color:var(--ink)}.lightbox::backdrop{background:#161914e8}.lightbox-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:16px}.lightbox h2{font-size:var(--lead)}.lightbox button{border:0;background:var(--surface);padding:10px 18px}.lightbox img{max-height:66svh;object-fit:contain}.lightbox-foot{display:flex;justify-content:space-between;gap:18px;margin-top:16px;align-items:center}.lightbox-foot p{font-size:var(--small)}.lightbox-actions{display:flex;gap:8px;flex-shrink:0}.lightbox-source{font-size:var(--small)}
@media(min-width:1000px){.about-title{position:sticky;top:40px;align-self:start}.faq-heading{position:sticky;top:40px;align-self:start}}
@media(max-width:1000px){:root{--gutter:22px}.nav-links{gap:18px}.hero h1{font-size:12.2vw}.hero-board{grid-template-columns:1fr 3fr;min-height:430px;height:58vw}.hero-rail:last-child{display:none}.about-layout{gap:35px;grid-template-columns:1fr 1.65fr}.services{gap:32px}.journal-layout{gap:35px}.journal-item{grid-template-columns:95px 1fr;gap:16px}.journal-item h3{font-size:var(--body)}.contact-layout{padding:30px;gap:30px}.contact-copy .email-link{font-size:var(--body)}.article-grid{grid-template-columns:1fr 1fr}.shop-details{gap:24px}.section{padding-block:80px}.faq-layout{gap:40px}.work-info h3{font-size:var(--body)}}
@media(max-width:700px){:root{--gutter:18px;--body:16px;--small:13px;--head:42px;--lead:22px}.site-nav{min-height:72px;padding-block:15px;flex-wrap:wrap;gap:15px}.brand{font-size:var(--lead)}.menu-toggle{display:block}.nav-links{display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-bottom:12px}.js .nav-links{display:none}.js .nav-links.open{display:flex}.nav-links .nav-contact{padding:5px 10px}.hero h1{font-size:18.8vw;line-height:.94;white-space:normal;text-align:left;max-width:100%;margin:16px 0 0;letter-spacing:-.035em}.hero h1 span{display:block}.hero-intro{margin:30px 0 28px;display:block}.hero-intro p{font-size:var(--body);max-width:340px}.hero-intro .button{margin-top:22px;min-height:48px}.hero-board{display:block;height:330px;min-height:0;max-height:none}.hero-rail{display:none}.hero-main img{object-position:50% 58%}.hero-caption{left:12px;bottom:12px;font-size:var(--small);padding:8px 10px}.hero-foot{font-size:var(--small);gap:12px;align-items:start}.hero-foot span:last-child{text-align:right;max-width:125px}.section{padding-block:64px}.section-head{align-items:start;gap:20px;display:block;margin-bottom:28px}.section-head h2{margin-bottom:20px}.section-head p{max-width:340px}.work-title{font-size:var(--head)}.filters{gap:6px;margin:24px 0 18px}.filter{padding:9px 12px;font-size:var(--small);min-height:44px}.filter-tools{gap:14px;flex-wrap:wrap}.filter-tools label{gap:10px}.filter-tools p{width:100%}.work-grid{grid-template-columns:1fr 1fr;gap:28px 12px}.work-tile{grid-column:1/-1!important}.work-picture{aspect-ratio:4/3!important}.work-tile:nth-child(7n+3),.work-tile:nth-child(7n+4){grid-column:span 1!important}.work-tile:nth-child(7n+3) .work-picture,.work-tile:nth-child(7n+4) .work-picture{aspect-ratio:3/4!important}.work-info{gap:8px;padding-top:12px}.work-info h3{font-size:var(--body)}.work-info p{font-size:var(--small)}.work-tile:nth-child(7n+3) .work-info,.work-tile:nth-child(7n+4) .work-info{flex-wrap:wrap}.save-button{width:40px;height:40px}.browse-row{align-items:start;gap:18px;flex-direction:column}.about-layout{display:block}.about-title p{margin-top:20px;max-width:330px}.about-copy>.statement{font-size:var(--lead);margin:38px 0}.services{grid-template-columns:1fr;gap:30px}.service h3{font-size:var(--lead)}.about-bottom{display:block;margin-top:40px}.about-bottom a{margin-top:24px;display:inline-block}.journal-layout{display:block}.journal-feature h3{font-size:var(--lead)}.journal-list{margin-top:36px;gap:24px}.journal-item{grid-template-columns:90px 1fr;gap:18px}.journal-item h3{font-size:var(--body)}.journal-item p{margin-top:8px}.shop-layout{display:flex;flex-direction:column-reverse;gap:35px}.shop-copy h2{margin-bottom:22px}.shop-details{margin-top:34px;grid-template-columns:1fr 1fr;gap:24px}.shop-details h3{font-size:var(--lead)}.shop-details p{font-size:var(--small)}.print-stage{padding:22px;width:100%}.shop-links{gap:20px}.faq-layout{display:block}.faq-heading p{margin:22px 0 26px;max-width:340px}.faq-list summary{font-size:var(--body)}.faq-list details[open]{padding:20px;margin:0 -18px}.contact-section{padding:40px 18px}.contact-layout{padding:26px 20px;display:block}.contact-copy h2{font-size:var(--head)}.contact-copy .email-link{font-size:var(--body);margin:20px 0}.contact-copy .contact-help{margin:0 0 30px}.enquiry-form{gap:18px;grid-template-columns:1fr}.form-actions{gap:10px}.enquiry-form label{grid-column:1/-1}.form-note{font-size:var(--small)}.site-footer{padding-top:32px}.footer-name{font-size:18.8vw;line-height:.96;white-space:normal}.footer-name span{display:block}.footer-row{display:block;margin-top:36px}.footer-links{margin-top:25px;gap:18px}.save-tray{left:18px;right:18px;bottom:14px;text-align:center;font-size:var(--small)}.page-head{padding-top:40px;padding-bottom:40px}.page-head h1{font-size:var(--head)}.page-head p{font-size:var(--body);margin-top:24px}.case-hero{height:105vw}.case-intro{display:block}.case-meta{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:25px}.case-intro .statement{font-size:var(--lead)}.case-gallery{grid-template-columns:1fr}.case-gallery figure{grid-column:auto!important}.article-grid{grid-template-columns:1fr;gap:44px}.article-card h2{font-size:var(--lead)}.article-body h2{font-size:var(--lead)}.article-body p{font-size:var(--body)}.article-cover{margin-bottom:35px}.shop-products{grid-template-columns:1fr;gap:50px}.shop-product h2{font-size:var(--lead)}.lightbox{padding:14px}.lightbox-head{align-items:start}.lightbox h2{font-size:var(--lead);max-width:70%}.lightbox-foot{display:block}.lightbox-actions{margin-top:16px;justify-content:space-between}.lightbox img{max-height:58svh}}
@media(prefers-reduced-motion:no-preference){.hero h1{animation:hero-rise .9s var(--ease) both}.hero-main img{animation:image-settle 1.2s var(--ease) both}.hero-intro{animation:hero-rise .8s var(--ease) .08s backwards}.hero-rail{animation:hero-rise .9s var(--ease) .15s backwards}.reveal.seen{animation:section-rise .8s var(--ease) both}.work-tile.reveal.seen{animation:image-rise .85s var(--ease) both}.service.reveal.seen{animation:side-rise .8s var(--ease) both}.journal-item.reveal.seen{animation:side-rise .75s var(--ease) both}.hero-main img{will-change:transform}@keyframes hero-rise{from{transform:translateY(18px);opacity:.5}to{transform:none;opacity:1}}@keyframes image-settle{from{transform:scale(1.05)}to{transform:scale(1)}}@keyframes section-rise{from{transform:translateY(24px);opacity:.45}to{transform:none;opacity:1}}@keyframes image-rise{from{transform:translateY(28px) scale(.98);opacity:.6}to{transform:none;opacity:1}}@keyframes side-rise{from{transform:translateX(16px);opacity:.5}to{transform:none;opacity:1}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.about-title,.faq-heading{position:static}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:700px){.footer-name{line-height:1.12}.hero-intro p{font-size:18px}.journal-item h3{font-size:var(--body)}.work-tile:nth-child(7n+3) h3,.work-tile:nth-child(7n+4) h3{font-size:var(--body)}}

.work-tile[data-medium="video"] .work-picture img{object-fit:contain;background:var(--ink)}
.work-picture video{display:block;width:100%;height:100%;object-fit:contain;background:var(--ink)}
.shop-product h2{font-size:var(--lead)}

.contact-copy h1{font-size:var(--head);margin-bottom:28px}

/* Project images are doors into a complete collection. */
.hero-caption{display:flex;gap:24px;align-items:center;justify-content:space-between;max-width:calc(100% - 40px)}
.hero-caption span:last-child{white-space:nowrap}
.project-action{position:absolute;left:16px;bottom:16px;display:inline-flex;gap:24px;align-items:center;background:var(--paper);color:var(--ink);padding:10px 14px;font-size:var(--small);font-weight:500;line-height:1.4}
.work-picture:focus-visible,.project-image:focus-visible,.project-film:focus-visible{outline-offset:5px}
.project-head{padding-bottom:36px}.project-head h1{max-width:1250px}.project-heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:28px}.project-heading-row p,.project-heading-row .button{margin:0}
.project-cover .project-image{display:block;overflow:clip}.project-cover .case-hero{height:auto;max-height:780px;object-fit:contain;background:var(--surface)}
.case-intro{grid-template-columns:1fr 1.35fr;gap:7vw}.case-intro h2{max-width:600px}.case-intro .statement{font-size:var(--lead)}
.project-collection{padding-top:0}.project-collection .section-head p{font-size:var(--body)}
.case-gallery{gap:36px 20px;align-items:start}.case-gallery figure:nth-child(3n){grid-column:auto}.case-gallery .project-item.wide{grid-column:1/-1}.case-gallery .project-image,.project-film{display:block;position:relative;text-decoration:none;background:var(--surface)}
.case-gallery img{width:100%;height:auto;max-height:none;object-fit:contain}.case-gallery video{display:block;width:100%;height:auto;background:var(--ink)}.case-gallery figcaption{font-size:var(--body);padding-top:14px;max-width:50ch}.project-image{cursor:zoom-in}
.project-next{background:var(--surface)}.next-project{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;text-decoration:none}.next-project>img{height:360px;object-fit:contain;background:var(--bg)}.next-project h3{font-family:var(--display);font-size:var(--head);font-weight:400;line-height:1.05}.next-project p{margin-top:24px}.next-project .text-link{margin-top:30px}
@media(max-width:700px){.hero-main{display:block}.hero-caption{left:12px;bottom:12px;right:12px;max-width:none;gap:12px}.project-action{left:10px;bottom:10px;padding:9px 11px;gap:16px}.project-heading-row{display:block;margin-top:24px}.project-heading-row .button{margin-top:24px}.project-head{padding-bottom:28px}.project-head h1{font-size:var(--head)}.project-cover .case-hero{max-height:none}.case-intro h2{margin-bottom:24px}.case-gallery{gap:30px}.next-project{grid-template-columns:1fr;gap:26px}.next-project>img{height:auto;max-height:400px}.next-project h3{font-size:var(--head)}.next-project p{margin-top:16px}.next-project .text-link{margin-top:20px}}

.project-enquiry{margin-top:40px}
.film-player{position:relative;aspect-ratio:16/9;min-height:200px;background:var(--ink)}
.film-trigger{display:none;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:var(--ink);text-align:left}
.js .film-trigger{display:block}.film-trigger img{width:100%;height:100%;object-fit:cover;object-position:center 70%}
.film-player.poster-portrait .film-trigger img{object-fit:contain;object-position:center}
.project-cover .film-player .project-action{top:16px;bottom:auto}
.film-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:700px){.project-cover .film-player .project-action{top:10px}}
.work-film .film-player{height:100%;aspect-ratio:auto}
.journal-film{margin:36px 0}
.journal-film .film-trigger img,.product-film .film-trigger img{margin:0}
.product-film{margin-top:32px}
.product-film h3{margin-bottom:18px;font-size:var(--body)}
@media(max-width:700px){.work-tile.has-film{grid-column:1/-1!important}.work-tile.has-film .work-picture{aspect-ratio:16/9!important}}

/* The original composition leads: photographs and social artwork keep their own proportions. */
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 28px;align-items:start}
.work-tile,.work-tile:nth-child(n){grid-column:auto}
.work-picture,.work-tile:nth-child(n) .work-picture{aspect-ratio:auto}
.work-picture img{height:auto;object-fit:contain}
.work-picture:hover img{transform:none}
.work-picture video{height:auto;object-fit:contain}
.hero-main img,.hero-rail img{object-fit:contain;background:var(--surface)}
.project-cover .case-hero{max-height:900px;object-fit:contain}
.case-gallery{display:block;columns:2;column-gap:28px}
.case-gallery .project-item{display:inline-block;break-inside:avoid;width:100%;margin:0 0 38px;vertical-align:top}
.case-gallery .project-item.wide{display:block;column-span:all}
.case-gallery img,.case-gallery video{width:100%;height:auto;object-fit:contain}
.case-gallery video{max-width:var(--media-width,100%);margin-inline:auto}
.case-gallery figcaption{padding-top:12px;font-size:var(--small);line-height:1.5}
.project-note{margin-top:36px}
.project-note h3{font-size:var(--lead);margin-bottom:18px}
.project-note p{font-size:var(--body);line-height:1.7;margin-top:16px;max-width:65ch}
.project-facts{margin:38px 0 0;display:grid;gap:20px;max-width:38ch}
.project-facts dt{font-weight:500;font-size:var(--body)}
.project-facts dd{margin:5px 0 0;font-size:var(--body);line-height:1.5}
.project-documentary{padding-top:0}
.project-head h1{font-size:clamp(38px,6.4vw,92px)}
.work-info h3{font-size:var(--lead)}
.work-info p{font-size:var(--small)}
@media(max-width:700px){
 .work-grid{grid-template-columns:1fr;gap:38px}
 .work-tile:nth-child(n){grid-column:1/-1!important}
 .work-tile:nth-child(n) .work-picture{aspect-ratio:auto!important}
 .case-gallery{columns:1}
 .case-gallery .project-item{margin-bottom:30px}
 .case-gallery figcaption{font-size:var(--body)}
 .project-cover .case-hero{max-height:none}
 .project-facts{margin:24px 0 32px;grid-template-columns:1fr 1fr;gap:20px}
 .project-facts dt,.project-facts dd{font-size:16px}
 .project-note{margin-top:28px}
 .project-head h1{font-size:38px}
}

.case-gallery .project-image{max-width:var(--media-width,100%);margin-inline:auto}
.case-gallery figcaption{font-size:var(--body)}
.case-gallery .film-trigger img{height:100%;object-fit:contain}
.native-documentary{display:block;width:100%;height:auto;background:var(--ink)}

.native-documentary{max-height:85vh;object-fit:contain}
.native-documentary.portrait{width:min(100%,480px);margin-inline:auto}

.hero-board{height:auto;min-height:0;max-height:none;align-items:stretch}
.hero-main{height:auto;aspect-ratio:3/2}
.hero-main img{height:100%;object-fit:contain}
.hero-rail{justify-content:space-between}
.hero-rail>a{flex:0 0 auto;overflow:visible}
.hero-rail img{height:auto;background:transparent}

.project-cover>video{display:block;width:min(100%,640px);height:auto;max-height:80vh;margin-inline:auto;object-fit:contain;background:var(--ink)}

.hero-main{min-width:0}
@media(min-width:701px) and (max-width:1000px){.hero-board{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}}

.stream-player>video{width:100%;height:100%;max-height:none;object-fit:contain}
.stream-status{position:absolute;left:20px;right:20px;bottom:20px;padding:12px 16px;background:var(--paper);color:var(--ink);z-index:2}

.hero-main{width:100%;max-width:100%;align-self:start;aspect-ratio:auto}
.hero-main img{width:100%;height:auto}
