@font-face{font-family:SuisseBPIntl;src:url('assets/fonts/SuisseBPIntl-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SuisseBPIntl;src:url('assets/fonts/SuisseBPIntl-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SuisseBPIntl;src:url('assets/fonts/SuisseBPIntl-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SuisseBPIntl;src:url('assets/fonts/SuisseBPIntl-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Sometype;src:url('assets/fonts/Sometype-Mono.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{--font-site:SuisseBPIntl,Helvetica,Arial,sans-serif;--font-label:Sometype,monospace;--ink:#1a1c1c;--paper:#f7f4eb;--section-lg:max(80px,11.111vw);--section-xl:max(100px,13.889vw);--section-3xl:max(120px,16.667vw);--section-4xl:max(160px,22.222vw)}
body{font-synthesis:none;letter-spacing:-.02em;animation:none;background:var(--ink)}
.micro,.micro *,.tag,.project-number,.category-links a,.case-heading>p,.nav-context,.nav-bar button,.nav-bar button *,.cursor-label,.page-wipe>span,.gallery-position,.gallery-position *,.campaign-gallery figcaption,.case-bento figcaption,.project-types span,.contact-button,.contact-button *,.contact-shortcut,.text-link,.text-link *,.all-work,.all-work *{font-family:var(--font-label)!important;font-weight:500;letter-spacing:-.02em;text-transform:uppercase}
.micro,.tag,.project-number,.nav-context,.gallery-position,.campaign-gallery figcaption,.case-bento figcaption{font-size:10px;line-height:1.8}
p{font-weight:400;letter-spacing:-.02em}.hero-aside,.hero-aside p,.project-note p,.case-intro>p,.about-copy>p:not(.micro),.values-grid p,.split-heading>p,.work-manifesto p{font-size:clamp(14px,11.5px + .31vw,16px);line-height:1.4;font-weight:400}
h1,h2,h3{letter-spacing:-.02em!important}
.nav-bar{width:calc(100% - 32px);max-width:438px;height:50px;top:16px;padding:0 13px;left:50%;transform:translateX(-50%);border-radius:2px}.nav-bar .brand .logo-window{width:92px;height:22px}.nav-context{font-size:10px;max-width:180px;line-height:1.5}.menu-label{display:none}.nav-bar button{padding:0 7px;min-width:30px;min-height:44px}.contact-shortcut{top:16px;right:16px;width:160px;height:50px;justify-content:center;align-items:center;font-size:10px;border-radius:2px;padding:0 12px}
#site-menu{top:66px;width:calc(100% - 32px);max-width:438px;padding:0 0 12px;left:50%;transform:translateX(-50%);border-radius:0 0 2px 2px}#site-menu a{font-size:16px;line-height:1.4;letter-spacing:-.02em;font-weight:400;height:50px;padding:0 20px 0 32px;align-items:center;border-color:#ffffff1a}#site-menu a span{font-family:var(--font-label)!important;font-size:10px}
.hero{min-height:100svh;height:auto;max-height:none;padding:var(--section-lg) 40px 110px;justify-content:flex-end}.hero-topline{display:none}.hero-bottom{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:0;margin-top:auto;align-items:end}.hero-bottom>div:first-child{grid-column:1/8}.hero-aside{grid-column:10/13;max-width:none;padding:0}.hero-aside p{margin:0;font-size:clamp(16px,13px + .31vw,18px);line-height:1.4}.hero-aside .text-link{display:none}.hero h1{font-size:clamp(48px,18px + 3.75vw,72px);line-height:.8;font-weight:700;margin:24px 0 0;letter-spacing:-.02em}.hero h1 br{display:none}.hero h1 span{color:inherit;display:inline}.hero-meta{position:absolute;left:40px;right:40px;bottom:0;height:58px;align-items:center;padding:0;font-size:10px}.hero-meta time{font-family:var(--font-label)!important}
.section-intro{padding:var(--section-4xl) 0 56px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.intro-copy,.culture-intro p,.work-manifesto h2{font-size:clamp(32px,12px + 2.5vw,48px);font-weight:400;line-height:.9}.intro-copy{max-width:100%;text-indent:40px}.intro-copy br{display:none}.intro-copy span{color:inherit}.section-intro>.micro{margin:0;justify-self:end;align-self:end}
.project>summary{grid-template-columns:2fr 3fr .6fr 6.4fr;gap:24px;padding:24px 0;min-height:168px}.project-number{display:none}.project h3{font-size:18px;line-height:1.2;letter-spacing:-.02em;font-weight:400;align-self:start}.project .tag{font-size:10px;height:22px;padding:2px 8px;align-self:start;border:0;background:#0d0f0f}.project-plus{font-size:18px;align-self:start}.project-preview{height:120px;display:flex;gap:8px;overflow:hidden}.project-preview img{height:100%;width:40%;object-fit:cover;flex-shrink:0}.project[open]>summary{min-height:70px}.project[open] .project-preview{display:none}.project-note{padding-left:0;display:flex;justify-content:space-between}.project-note>p{max-width:33%;width:auto}.project-content{padding-bottom:30px}
.campaign-gallery{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-left:0}.campaign-gallery::-webkit-scrollbar{display:none}.campaign-gallery figure{flex:0 0 40%;height:400px;min-height:0;aspect-ratio:auto;scroll-snap-align:start;grid-column:auto;grid-row:auto}.campaign-gallery .main-art{flex-basis:66%}.campaign-gallery .print-art{flex-basis:28%}.campaign-gallery .main-art img{object-fit:cover}.gallery-position{display:flex;justify-content:space-between;margin-top:12px}.all-work{font-size:10px}
.expertise{padding-top:var(--section-3xl);padding-bottom:var(--section-xl)}.expertise h2,.about-copy h2,.split-heading h2,.contact-overlay h2,.end-cta>a,.contact-masthead h1{font-size:clamp(52px,17px + 4.38vw,80px);font-weight:700;line-height:.8;letter-spacing:-.02em;text-transform:uppercase}.expertise h2 span{color:inherit}.expertise-body{margin-top:60px}.expertise-body>p{font-size:clamp(24px,12px + 1.67vw,36px);line-height:1;font-weight:400}.expertise-list summary{font-size:24px;line-height:1.1;font-weight:400}.about-copy h2{font-size:clamp(40px,15px + 3.13vw,60px)}.contact-overlay h2 em,.contact-masthead h1 em{color:inherit;font-weight:inherit;line-height:inherit}.contact-button{font-size:10px;height:50px;border:1px solid var(--line);border-radius:2px;background:transparent;color:inherit;padding:0 16px;align-items:center}.contact-button:hover{background:var(--paper);color:var(--ink)}.end-cta>a{max-width:900px}.about-hero h1,.work-masthead h1{font-size:clamp(40px,15px + 3.13vw,60px);font-weight:700;line-height:.8}.work-masthead h1{font-size:clamp(48px,18px + 3.75vw,72px)}.culture-intro h2{font-weight:700;line-height:.8;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(52px,17px + 4.38vw,80px)}.values-grid h3{font-weight:700;line-height:.9;text-transform:uppercase}.case-heading h2,.location-heading h2{font-size:clamp(32px,12px + 2.5vw,48px);line-height:.9;font-weight:400}.work-page .contact-button{color:var(--ink)}
.contact-masthead{min-height:100svh;padding-top:160px;display:grid;grid-template-columns:5fr 1fr 6fr;align-content:center;column-gap:24px}.contact-masthead>.micro{grid-column:1/4}.contact-masthead h1{grid-column:1/2;grid-row:2/4;margin:36px 0}.contact-lead{grid-column:3;grid-row:2;display:block;margin:36px 0 28px}.contact-lead>div:last-child{margin-top:28px}.contact-masthead>.contact-button{grid-column:3;justify-self:start}.contact-lead>div:last-child>a{font-size:18px}.contact-lead p{font-size:16px}.enquiry-section h2{font-weight:700;text-transform:uppercase;line-height:.9}
/* Measured reveal timing: 850 ms, exponential deceleration, line stagger. */
.word-mask{display:inline-block;vertical-align:baseline;white-space:nowrap;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;text-transform:inherit!important}.word-reveal{display:inline-block;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;text-transform:inherit!important;transform-origin:center bottom;will-change:transform,clip-path,opacity}.text-pending .word-reveal{opacity:0;transform:translateY(80%) scale(.96);clip-path:inset(-10% -10% 110% -10%)}.text-visible .word-reveal{animation:line-uncover .85s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--line-delay,.15s)}@keyframes line-uncover{from{opacity:0;transform:translateY(80%) scale(.96);clip-path:inset(-10% -10% 110% -10%)}to{opacity:1;transform:translateY(0) scale(1);clip-path:inset(-10% -10% -10% -10%)}}
.motion-ready .motion-reveal{opacity:1;transform:none;transition:none}.page-wipe{transform:none;opacity:0;background:var(--ink);transition:opacity .325s cubic-bezier(.39,.575,.565,1)}.page-wipe>span{display:none}.is-leaving .page-wipe{opacity:1;transform:none}.pixel-transition{position:fixed;inset:0;z-index:101;pointer-events:none;width:100%;height:100%;display:none}.cursor-label{padding:0 8px;height:22px;display:flex;align-items:center;font-size:10px;border-radius:0;box-shadow:none}.text-link{font-size:10px}
@media(min-width:1440px){.hero h1,.work-masthead h1{font-size:clamp(72px,36px + 2.5vw,108px)}.intro-copy,.culture-intro p,.case-heading h2,.location-heading h2,.work-manifesto h2{font-size:clamp(48px,24px + 1.67vw,72px)}.expertise h2,.contact-overlay h2,.end-cta>a,.contact-masthead h1{font-size:clamp(80px,36.92px + 2.99vw,123.08px)}}
@media(max-width:999px){.hero{padding:80px 16px 110px;min-height:100svh}.hero-bottom{display:block;padding:0}.hero-bottom>div:first-child{max-width:none}.hero h1{font-size:clamp(40px,15px + 3.13vw,60px);line-height:.8;margin-top:24px}.hero h1 span{display:inline}.hero h1 br{display:none}.hero-aside{width:calc((100% - 50px)/6*5 + 40px);max-width:none;margin-top:24px}.hero-aside p{font-size:16px;line-height:1.4}.hero-meta{left:16px;right:16px}.hero-meta>span:last-child{display:none}.hero-meta>span:nth-child(2){display:block}.hero-meta time{display:none}.section-intro{display:block;padding-top:160px;padding-bottom:20px}.intro-copy{font-size:32px;line-height:.9;margin-bottom:49px}.section-intro>.micro{text-align:right}.project>summary{display:grid;grid-template-columns:1fr auto;min-height:0;padding:20px 0 16px;gap:12px}.project h3{font-size:18px}.project-preview{display:none}.project .tag{display:block;grid-column:1;grid-row:2;justify-self:start;font-size:10px}.project-plus{grid-column:2;grid-row:1}.project[open]>summary{min-height:0}.project-note{display:none}.campaign-gallery{gap:10px;margin:0 -16px;padding:0 16px;scroll-padding-left:16px}.campaign-gallery figure{height:160px;flex:0 0 65%;min-height:0}.campaign-gallery .main-art{flex-basis:85%}.campaign-gallery .print-art{flex-basis:43%}.campaign-gallery figcaption{font-size:10px}.campaign-gallery .type-art strong,.campaign-gallery .print-art strong{font-size:30px;margin-bottom:20px}.gallery-position{font-size:10px}.expertise{padding-top:120px;padding-bottom:100px}.expertise h2,.contact-overlay h2,.end-cta>a,.contact-masthead h1{font-size:52px;line-height:.8}.expertise-body{margin-top:60px}.expertise-body>p{font-size:24px;line-height:1.1}.about-copy h2,.split-heading h2,.about-hero h1,.work-masthead h1{font-size:40px;line-height:.8}.culture-intro h2{font-size:52px;line-height:.8}.culture-intro p,.work-manifesto h2{font-size:32px;line-height:.9}.case-heading h2,.location-heading h2{font-size:32px;line-height:.9}.values-grid h3{font-size:40px;line-height:.9}.contact-masthead{display:flex;align-items:flex-start;padding:120px 16px 100px}.contact-masthead h1{margin:32px 0 40px}.contact-lead{margin:0 0 30px}.nav-context{max-width:150px;font-size:10px}.contact-overlay h2{margin:32px 0 40px}.contact-overlay,.end-cta{justify-content:flex-start;padding-top:120px}.contact-section,.contact-overlay{min-height:100svh}.text-link{font-size:10px}.enquiry-section h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.word-reveal{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}.pixel-transition{display:none!important}}

.word-mask,.word-reveal{display:inline-block!important}.is-leaving .page-wipe{opacity:0!important;pointer-events:auto}

/* Shared heading weights and transparent brand asset across every page. */
h2,h3,.intro-copy,.expertise-list summary,.culture-intro>p,.expertise-body>p,.micro{font-weight:700!important}
.section-intro>.micro{grid-column:1/-1;grid-row:1;justify-self:start;align-self:start;text-align:left;margin:0 0 24px;width:100%}
.section-intro>.intro-copy{grid-column:1;grid-row:2}
.brand .logo-window img,.nav-bar .brand .logo-window img{filter:none;position:absolute;width:141%;height:auto;max-width:none;left:-16.5%;top:-34%;transform:none}
.footer-top .brand .logo-window{height:auto;aspect-ratio:2.8;overflow:hidden}
.footer-top .brand .logo-window img{width:141%;left:-16.5%;top:-5%;transform:none;filter:brightness(0) invert(1)}
.clients-section{background:#000;color:var(--paper);padding:80px 0 90px;overflow:hidden}
.clients-heading{display:flex;align-items:center;justify-content:space-between;padding:0 40px;margin-bottom:40px}
.clients-heading h2{margin:0;font-size:10px;line-height:1.8}
.clients-toggle{border:0;border-bottom:1px solid #ffffff50;border-radius:0;background:none;color:inherit;padding:8px 0;cursor:pointer;font-size:10px}
.clients-window{overflow:hidden;width:100%}
.clients-track{display:flex;width:max-content;animation:clients-scroll 65s linear infinite;will-change:transform}
.clients-group{display:flex;align-items:center;gap:72px;padding:0 72px 0 0;margin:0;list-style:none;flex-shrink:0}
.client-logo{display:flex;align-items:center;justify-content:center;flex:0 0 150px;width:150px;height:86px}
.client-logo svg{display:block;width:100%;height:100%;overflow:hidden;filter:grayscale(1)}
.clients-section:hover .clients-track,.clients-section:focus-within .clients-track,.clients-section.is-paused .clients-track{animation-play-state:paused}
@keyframes clients-scroll{to{transform:translateX(-50%)}}
@media(max-width:999px){.section-intro>.micro{text-align:left;margin:0 0 32px}.clients-section{padding:60px 0}.clients-heading{padding:0 16px;margin-bottom:28px}.clients-group{gap:40px;padding-right:40px}.client-logo{flex-basis:120px;width:120px;height:70px}}
@media(prefers-reduced-motion:reduce){.clients-track{animation:none;transform:none}.clients-window{overflow-x:auto}.clients-group[aria-hidden]{display:none}.clients-toggle{display:none}}
.nav-bar .brand .logo-window{height:18px}.nav-bar .brand .logo-window img{top:-33%}.footer-top .brand .logo-window img{top:-14%}

/* Supplied media, September 2026. Preserve complete campaign artwork. */
.brand .logo-window,.nav-bar .brand .logo-window{width:110px;height:30px;aspect-ratio:auto;overflow:visible;background:none!important}
.brand .logo-window img,.nav-bar .brand .logo-window img,.footer-top .brand .logo-window img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;filter:none}
.footer-top .brand .logo-window{width:250px;height:65px;aspect-ratio:auto}
.hero-image{background-image:linear-gradient(0deg,#080807 0%,#08080755 55%,#08080765 100%),url('assets/supplied/about-us/about-us-02.webp')}
.supplied-gallery figure.supplied-art{background:#111;display:flex;align-items:center;justify-content:center;flex:0 0 46%;height:480px;overflow:hidden;margin:0}
.supplied-gallery figure.supplied-art img,.supplied-gallery figure.supplied-art video{display:block;width:100%;height:100%;object-fit:contain;transform:none!important}
.project-preview img{width:100%;object-fit:contain}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.portfolio-media{margin:0;background:#e8e8e3;overflow:hidden;min-width:0}
.portfolio-media img,.portfolio-media video{display:block;width:100%;height:auto;max-height:850px;object-fit:contain;transform:none!important}
.portfolio-grid[data-count="1"]{grid-template-columns:1fr}.portfolio-grid[data-count="1"] .portfolio-media{max-width:960px;width:100%;margin:auto}
.portfolio-grid .landscape:first-child{grid-column:1/-1}
.category-links{flex-wrap:wrap;row-gap:14px}
.culture-media figure:first-child img{object-fit:contain;transform:none!important;background:#fff}
@media(max-width:999px){.supplied-gallery figure.supplied-art{flex-basis:85%;height:360px}.portfolio-grid{grid-template-columns:1fr;gap:12px}.portfolio-media img,.portfolio-media video{max-height:none}.brand .logo-window,.nav-bar .brand .logo-window{width:95px;height:26px}.footer-top .brand .logo-window{width:230px;height:60px}}

/* Client-led portfolio and media at their original aspect ratios. */
#work,#work *{text-align:left;text-align-last:left;word-spacing:normal}.intro-copy{text-indent:0;white-space:normal}.intro-copy br{display:block}
.hero-image{background:none!important;inset:0;opacity:1}.hero-image video{width:100%;height:100%;object-fit:cover}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080807d9,#08080710 75%)}
.supplied-gallery,.client-gallery{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;scroll-snap-type:x proximity}
.supplied-gallery figure.natural-media,.client-gallery figure.natural-media{flex:0 0 auto;width:auto;height:clamp(280px,36vw,520px);aspect-ratio:var(--media-ratio);background:transparent;margin:0;overflow:hidden;scroll-snap-align:start}
.supplied-gallery figure.natural-media img,.supplied-gallery figure.natural-media video,.client-gallery figure.natural-media img,.client-gallery figure.natural-media video{display:block;width:100%;height:100%;object-fit:contain;transform:none!important}
.clients-section{background:var(--ink)}.client-logo img{width:100%;height:100%;object-fit:contain;filter:grayscale(1)}
.contact-section,.contact-overlay{min-height:0!important}.contact-overlay{padding:64px 40px 72px;background:none}.contact-overlay h2{margin:24px 0 32px;font-size:clamp(44px,5vw,72px)}
.work-page{background:var(--ink);color:var(--paper)}.work-masthead{min-height:0;text-align:center;padding:160px 40px 64px}.work-masthead h1{max-width:920px;margin:24px auto 0;font-size:clamp(48px,5vw,72px)}
.work-manifesto{display:block;max-width:none;margin:0 40px;padding:40px 0 64px;border-color:#ffffff30}.work-manifesto>div{max-width:640px}.work-manifesto h2{font-size:clamp(32px,3.3vw,48px)}
.client-work{border-top:1px solid #ffffff33;scroll-margin-top:90px}.client-work:last-child{border-bottom:1px solid #ffffff33}.client-work>summary{display:grid;grid-template-columns:2fr 3fr 1fr 6fr;gap:24px;padding:24px 0;min-height:168px;cursor:pointer;list-style:none}.client-work>summary::-webkit-details-marker{display:none}.client-work h2{font-size:18px;line-height:1.2;margin:0}.client-tags{font-size:10px;align-self:start}.client-view{font-size:10px;white-space:nowrap}.client-previews{display:flex;gap:8px;height:120px;overflow:hidden;justify-content:flex-end}.client-previews img{width:auto;height:120px;object-fit:contain;flex-shrink:0;transition:transform .5s cubic-bezier(.16,1,.3,1)}.client-work>summary:hover .client-previews img{transform:translateY(-4px)}.client-work[open] .client-previews{opacity:0;height:0}.client-work[open]>summary{min-height:72px}.client-gallery{padding-bottom:20px}.client-work .gallery-position{padding-bottom:24px}.client-work[hidden]{display:none}
.work-filters{position:fixed;z-index:30;bottom:16px;left:50%;transform:translateX(-50%);display:flex;max-width:calc(100% - 16px);overflow-x:auto;background:var(--paper);padding:4px;border-radius:2px;box-shadow:0 2px 18px #0003}.work-filters button{border:0;background:transparent;color:var(--ink);font:500 10px var(--font-label);text-transform:uppercase;padding:12px;cursor:pointer;white-space:nowrap}.work-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
@media(max-width:999px){.supplied-gallery figure.natural-media,.client-gallery figure.natural-media{height:260px;max-width:none;flex-basis:auto}.supplied-gallery,.client-gallery{gap:10px}.contact-overlay{padding:48px 16px 56px}.contact-overlay h2{font-size:44px}.work-masthead{padding:128px 16px 48px}.work-masthead h1{font-size:40px}.work-manifesto{margin:0 16px;padding:32px 0 48px}.client-work>summary{grid-template-columns:1fr auto;gap:16px;padding:20px 0;min-height:0}.client-work h2{grid-column:1}.client-tags{grid-column:1;grid-row:2}.client-view{grid-column:2;grid-row:1}.client-previews{grid-column:1/-1;justify-content:flex-start;height:160px}.client-previews img{height:160px}.client-work[open]>summary{min-height:0}.client-work[open] .client-previews{display:none}.work-filters{bottom:8px}.work-filters button{padding:12px 10px}}

/* Natural-size, controllable galleries. */
.campaign-gallery{--gallery-height:clamp(240px,34vw,480px);position:relative;max-width:100%;min-width:0;touch-action:pan-x pan-y;cursor:grab;scroll-behavior:smooth;overscroll-behavior-x:contain;user-select:none}
.campaign-gallery.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.campaign-gallery figure.natural-media{height:auto!important;aspect-ratio:auto!important;width:calc(var(--gallery-height)*var(--asset-ratio,1.5))!important;max-width:none!important;flex:0 0 auto!important;background:none!important;overflow:visible;scroll-snap-align:start}
.campaign-gallery figure.natural-media img,.campaign-gallery figure.natural-media video{height:var(--gallery-height)!important;width:100%!important;object-fit:contain!important;pointer-events:none;user-select:none}
.natural-media figcaption{position:static!important;background:none!important;font:500 11px var(--font-label);text-transform:uppercase;color:inherit;padding:12px 0 0!important;margin:0}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 26px;font:500 11px var(--font-label);text-transform:uppercase}.carousel-buttons{display:flex;gap:8px}.carousel-buttons button{background:transparent;color:inherit;border:1px solid currentColor;padding:10px 14px;min-height:44px;cursor:pointer;font:inherit}.carousel-buttons button:disabled{opacity:.3;cursor:default}.carousel-buttons button:focus-visible,.campaign-gallery:focus-visible{outline:2px solid var(--red);outline-offset:4px}.client-work{min-width:0}.client-work>summary{min-width:0}.client-gallery{margin:0;padding-left:0;padding-right:0;scroll-padding-left:0}.work-filters{scrollbar-width:thin}
.about-hero{height:auto;min-height:0;max-height:none;padding:110px 40px 0;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);text-align:left;align-items:stretch}.about-hero>img{position:static;inset:auto;width:100%;height:auto;max-height:62svh;object-fit:contain;filter:none;opacity:1;transform:none!important}.about-hero:after{display:none}.about-hero-copy{padding:32px 0 28px}.about-hero h1{margin:20px 0 0}.about-hero-meta{position:static;padding:20px 0;border-color:#0003}.alchemist-media{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;background:var(--paper);color:var(--ink);padding:40px}.alchemist-media .alchemist-art{background:transparent;margin:0;min-height:0;aspect-ratio:auto}.culture-media.alchemist-media figure:first-child img{display:block;background:transparent!important;width:100%;height:auto;object-fit:contain;transform:none!important}.alchemy-copy h2{font-size:clamp(32px,4vw,60px);line-height:1;margin:24px 0}
@media(max-width:999px){.campaign-gallery{--gallery-height:250px}.carousel-controls{gap:8px}.carousel-buttons button{padding:10px}.about-hero{padding:96px 16px 0}.about-hero>img{max-height:none}.about-hero-copy{padding:28px 0}.about-hero h1{font-size:36px}.alchemist-media{grid-template-columns:1fr;padding:24px;gap:24px}.alchemy-copy h2{font-size:36px}}

/* Gesture-only galleries and layered About imagery. */
.nav-bar{background:rgba(16,18,17,.8)!important;opacity:1;backdrop-filter:none;-webkit-backdrop-filter:none}
.campaign-gallery{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scroll-snap-type:none;scroll-behavior:auto}
.carousel-controls{padding-top:14px;padding-bottom:20px}.carousel-buttons{display:none!important}
.about-hero{position:relative;isolation:isolate;min-height:85svh;padding:140px 40px 110px;justify-content:flex-end;background:var(--ink);color:var(--paper);overflow:hidden}
.about-hero>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;opacity:.48;filter:grayscale(1);z-index:-2}
.about-hero:after{display:block;content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#1a1c1cf5 0%,#1a1c1c70 55%,#1a1c1c20 100%)}
.about-hero-copy{position:relative;z-index:1;padding:0;max-width:880px}.about-hero h1{font-size:clamp(48px,5vw,80px);margin-top:24px;line-height:.95}
.about-hero-meta{position:absolute;left:40px;right:40px;bottom:0;border-color:#ffffff30;padding:22px 0}
.culture-media.alchemist-media{background:transparent!important;color:var(--paper);padding:20px 0;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:10%}
.alchemist-media .alchemist-art{width:min(100%,340px);justify-self:center;background:transparent!important}
.culture-media.alchemist-media figure:first-child img{background:transparent!important;filter:url('#alchemist-red-ink');mix-blend-mode:normal}
@media(max-width:999px){.about-hero{min-height:80svh;padding:120px 16px 105px}.about-hero>img{object-position:50% center}.about-hero h1{font-size:40px}.about-hero-meta{left:16px;right:16px}.culture-media.alchemist-media{grid-template-columns:1fr;gap:24px;padding:12px 0}.alchemist-media .alchemist-art{width:min(65vw,250px)}.alchemy-copy{text-align:left}}

/* One white header system on every route. */
.nav-bar,.work-page .nav-bar,.nav-bar .nav-context,.nav-bar button,.nav-bar button span{color:#fff!important}
.nav-bar .nav-context{display:block!important;flex:1;min-width:0;max-width:190px;margin:0 12px;text-align:center;line-height:1.4;font-size:10px;overflow-wrap:normal}
.nav-bar .menu-lines i{background:#fff!important}
#site-menu,.work-page #site-menu{background:#101211f5!important;color:#fff!important}
#site-menu a,#site-menu a[aria-current=page]{color:#fff!important}#site-menu a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.contact-shortcut,.work-page .contact-shortcut{background:#101211e8;color:#fff!important}.contact-shortcut:hover{background:#292b2a}
.about-hero{min-height:0;height:auto;padding:160px 40px 48px;background:var(--ink);justify-content:flex-start}
.about-hero:after{display:none}.about-hero-copy{padding:0}.about-hero-meta{position:static;margin-top:48px;padding:22px 0}
.about-chemistry{padding:48px 0 0;max-width:800px}.about-chemistry .alchemy-copy{color:inherit}
@media(max-width:999px){.nav-bar .nav-context{max-width:none;margin:0 8px;font-size:10px}.about-hero{min-height:0;padding:128px 16px 32px}.about-hero-meta{margin-top:32px}.about-chemistry{padding-top:32px}}

.enquiry-section[hidden]{display:none!important}.enquiry-section{scroll-margin-top:96px}#enquiry-title:focus{outline:none}#start-project{cursor:pointer}