:root{--colour-light: #FEFEFE;--colour-dark: #222222;--colour-black: #000000;--colour-medium: #999999;--colour-blue: #0000FF;--colour-green: #1BCB00;--colour-bg: var(--colour-light);--colour-text: var(--colour-dark);--colour-muted: var(--colour-medium);--colour-accent: var(--colour-blue);--colour-surface: #F0F0F0;--font-primary: "neue-haas-grotesk-display", "Helvetica Neue", Helvetica, Arial, sans-serif;--type-xs: clamp(.6875rem, .65vw + .5rem, .75rem);--type-sm: clamp(.8125rem, .75vw + .55rem, .875rem);--type-base: clamp(.9375rem, .9vw + .6rem, 1rem);--type-md: clamp(1rem, 1.1vw + .65rem, 1.125rem);--type-lg: clamp(1.25rem, 2vw + .5rem, 2rem);--type-xl: clamp(2rem, 4vw + .75rem, 4.5rem);--type-hero: clamp(3rem, 7vw + 1rem, 9rem);--sp-1: .5rem;--sp-2: 1rem;--sp-3: 1.5rem;--sp-4: 2rem;--sp-5: 2.5rem;--sp-6: 3rem;--sp-8: 4rem;--sp-10: 5rem;--sp-12: 6rem;--sp-16: 8rem;--grid-cols: 12;--grid-gutter: 2rem;--grid-margin: 2rem;--grid-max: 100%;--col4-offset: calc( var(--grid-margin) + (100vw - var(--grid-margin) * 2 - var(--grid-gutter) * 11) / 12 * 3 + var(--grid-gutter) * 3 );--header-h: 3.5rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .18s;--dur-mid: .35s;--dur-slow: .55s}.theme-dark{--colour-bg: #222222;--colour-text: var(--colour-light);--colour-muted: var(--colour-medium);--colour-accent: var(--colour-green);--colour-surface: #111111}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--type-base);line-height:1.5;background-color:var(--colour-bg);color:var(--colour-text);min-height:100svh;transition:background-color var(--dur-mid) ease,color var(--dur-mid) ease;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font:inherit}.t-roman{font-style:normal;font-weight:400}.t-italic{font-style:italic;font-weight:400}.t-medium{font-style:normal;font-weight:600}.t-muted{color:var(--colour-muted)}.t-accent{color:var(--colour-accent)}.t-xs{font-size:var(--type-xs)}.t-sm{font-size:var(--type-sm)}.t-base{font-size:var(--type-base)}.t-md{font-size:var(--type-md)}.t-lg{font-size:var(--type-lg)}.t-xl{font-size:var(--type-xl)}.site-grid{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);column-gap:var(--grid-gutter);padding-left:var(--grid-margin);padding-right:var(--grid-margin);max-width:var(--grid-max);margin-left:auto;margin-right:auto;width:100%}.col-span-full{grid-column:1 / -1}.col-span-half{grid-column:span 6}.col-span-third{grid-column:span 4}.col-span-two-thirds{grid-column:span 8}.skip-link{position:absolute;top:-100%;left:var(--grid-margin);padding:var(--sp-1) var(--sp-2);background:var(--colour-accent);color:var(--colour-light);font-size:var(--type-sm);font-weight:500;z-index:9999;transition:top .15s}.skip-link:focus{top:var(--sp-2)}:focus-visible{outline:2px solid var(--colour-accent);outline-offset:3px}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);display:flex;align-items:center;padding-top:env(safe-area-inset-top,0px);height:calc(var(--header-h) + env(safe-area-inset-top,0px))}.site-header--inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;bottom:-3rem;background:linear-gradient(to bottom,var(--colour-bg) 60%,transparent 100%);z-index:-1;pointer-events:none;transition:background var(--dur-mid) ease}.site-header__inner{display:flex;align-items:center;width:100%;padding-left:var(--grid-margin);padding-right:var(--grid-margin);max-width:var(--grid-max);margin:0 auto;padding-top:env(safe-area-inset-top,0px)}@keyframes logo-dash-on{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}@keyframes logo-dash-off{0%,45%{opacity:0}50%,95%{opacity:1}to{opacity:0}}.logo-dash{display:inline-block}.logo-dash--1{animation:logo-dash-on 3s ease-in-out infinite}.logo-dash--2{animation:logo-dash-off 3s ease-in-out infinite}.site-header__logo{font-size:var(--type-base);font-weight:600;letter-spacing:-.01em;white-space:nowrap;flex:0 0 calc(var(--col4-offset) - var(--grid-margin));color:var(--colour-text);transition:color var(--dur-mid) ease}.site-header__logo:hover{color:var(--colour-accent)}.site-header__nav{display:flex;align-items:center;gap:var(--sp-6)}.site-header__nav-link{font-size:var(--type-base);font-weight:600;color:var(--colour-text);position:relative;transition:color var(--dur-fast) ease}.site-header__nav-link:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--colour-text);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-fast) ease}.site-header__nav-link:hover:after,.site-header__nav-link:focus-visible:after,.site-header__nav-link[aria-current=page]:after{transform:scaleX(1)}.site-header__nav-link[aria-current=page]{color:var(--colour-accent)}.site-header__nav-link[aria-current=page]:after{background:var(--colour-accent)}.site-header__actions{margin-left:auto;flex:0 0 auto}.theme-toggle{width:1.25rem;height:1.25rem;position:relative;display:flex;align-items:center;justify-content:center;color:var(--colour-text);transition:color var(--dur-fast) ease;padding:0}.theme-toggle:hover{color:var(--colour-accent)}.theme-toggle:focus-visible{outline:2px solid var(--colour-accent);outline-offset:4px;border-radius:50%}.theme-toggle__icon{display:block;width:1rem;height:1rem;border-radius:50%;position:relative;transition:transform var(--dur-fast) ease}.theme-light .theme-toggle__icon{background:transparent;box-shadow:inset -4px -1px 0 1px var(--colour-text);transform:rotate(45deg)}.theme-dark .theme-toggle__icon{background:var(--colour-text);box-shadow:none}@media (prefers-reduced-motion: no-preference){.theme-dark .theme-toggle__icon{animation:pulse 2.8s ease-in-out infinite}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.home-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px))}.home-hero__left{position:fixed;top:calc(var(--header-h) + env(safe-area-inset-top,0px));left:0;width:100%;height:calc(100svh - var(--header-h) - env(safe-area-inset-top,0px));padding-top:6em;padding-left:var(--col4-offset);padding-right:var(--grid-margin);pointer-events:none;z-index:2}.home-hero__left-inner{pointer-events:all}.home-hero__title{font-size:clamp(2rem,3.5vw + .5rem,3.75rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--colour-text);white-space:nowrap}.project-list{display:flex;flex-direction:column;gap:0}.project-list__link{display:inline-block;font-size:clamp(2rem,3.5vw + .5rem,3.75rem);font-weight:600;letter-spacing:-.03em;line-height:1.05;color:var(--colour-muted);padding:var(--sp-1) 0;transition:color var(--dur-fast) ease;cursor:pointer;white-space:nowrap}.project-list__link:hover,.project-list__link:focus-visible{color:var(--colour-accent)}.project-list__link.is-active{color:var(--colour-accent)}.project-preview{position:fixed;top:calc(var(--header-h) + env(safe-area-inset-top,0px));right:0;width:50%;height:calc(100svh - var(--header-h) - env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:center;padding:var(--sp-8);pointer-events:none;z-index:1}.project-preview__item{position:absolute;inset:var(--sp-8);opacity:0;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);transform:translateY(12px)}.project-preview__item.is-visible{opacity:1;transform:translateY(0)}.project-preview__img{width:100%;height:100%;object-fit:contain;object-position:center}.home-hero__scroll-space{min-height:100svh}.home-footer{position:relative;overflow:hidden;padding:var(--sp-8) var(--grid-margin) 0;margin-left:0}.home-footer__wordmark{display:block;width:100%;height:6.4vw;object-fit:cover;object-position:top left}.home-footer__legal{font-size:var(--type-xs);color:var(--colour-muted);padding:var(--sp-3) 0 var(--sp-4);letter-spacing:.01em}.projects-page{padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px) + var(--sp-10));min-height:100svh}.projects-page__header{padding:0 var(--grid-margin) var(--sp-2);max-width:var(--grid-max);margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--grid-gutter)}.projects-page__heading{font-size:clamp(2rem,3.5vw + .5rem,3.75rem);font-weight:600;letter-spacing:-.04em;line-height:1;grid-column:4 / 13}.projects-page__intro{grid-column:1 / 4;font-style:italic;font-size:var(--type-base);color:var(--colour-text);line-height:1.6;align-self:end;padding-bottom:.2em}.projects-grid{padding:0 var(--grid-margin) 0 var(--col4-offset);max-width:var(--grid-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gutter)}.projects-grid__item{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--colour-surface)}.projects-grid__img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.projects-grid__item:hover .projects-grid__img,.projects-grid__item:focus-visible .projects-grid__img{transform:scale(1.03)}.projects-grid__label{position:absolute;bottom:0;left:0;right:0;font-size:var(--type-sm);font-weight:600;color:var(--colour-light);background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.3) 60%,transparent 100%);padding:var(--sp-6) var(--sp-2) var(--sp-2);pointer-events:none;opacity:0;transition:opacity var(--dur-fast) ease}.projects-grid__item:hover .projects-grid__label{opacity:1}.projects-page__footer{padding:var(--sp-8) var(--grid-margin) var(--sp-4) var(--col4-offset);max-width:var(--grid-max);margin:0 auto}.projects-page__footer-legal{font-size:var(--type-xs);color:var(--colour-muted)}.project-article{padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px) + var(--sp-8))}.project-article__header{padding:0 var(--grid-margin) var(--sp-6);max-width:var(--grid-max);margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr auto;column-gap:var(--grid-gutter)}.project-article__eyebrow{grid-column:1 / 4;grid-row:1 / 3;align-self:end;padding-bottom:.15em;font-size:var(--type-base);font-weight:600;color:var(--colour-muted);letter-spacing:.01em}.project-article__eyebrow strong{color:var(--colour-text);font-weight:600}.project-article__title{grid-column:4 / 12;grid-row:1 / 3;font-size:clamp(2rem,3.5vw + .5rem,3.75rem);font-weight:600;letter-spacing:-.03em;line-height:1.06;color:var(--colour-text)}.project-article__hero{margin:0 0 var(--sp-4)}.project-article__hero-img{width:100%;aspect-ratio:16/7;object-fit:cover;display:block}.project-article__body{padding:var(--sp-4) var(--grid-margin);max-width:var(--grid-max);margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--grid-gutter)}.project-article__meta{grid-column:1 / 4}.project-article__meta-list{display:flex;flex-direction:column}.project-article__meta-item{font-size:var(--type-base);color:var(--colour-muted);line-height:1.4;font-weight:600}.project-article__content{grid-column:4 / 10}.project-article__lead{font-size:var(--type-lg);font-weight:600;line-height:1.5;margin-bottom:var(--sp-4)}.project-article__text{font-size:var(--type-base);line-height:1.7;color:var(--colour-text)}.project-article__text+.project-article__text{margin-top:var(--sp-3)}.project-article__link{color:var(--colour-text);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s ease}.project-article__link:hover{opacity:.6}.project-article__video{padding:var(--sp-4) var(--grid-margin) 0;max-width:var(--grid-max);margin:0 auto}.project-article__video-embed{position:relative;width:100%;padding-bottom:56.25%;background:#000}.project-article__video-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.project-article__media{padding:var(--sp-4) var(--grid-margin) 0;max-width:var(--grid-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gutter)}.project-article__media-col{display:flex;flex-direction:column;gap:var(--grid-gutter)}.project-article__media-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--colour-surface)}.project-article__media-row{padding:0 var(--grid-margin);max-width:var(--grid-max);margin:var(--grid-gutter) auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gutter)}.project-article__media-row-img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--colour-surface)}.project-article__media-videos{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gutter)}.project-article__media-video-embed{position:relative;width:100%;padding-bottom:56.25%;background:#000}.project-article__media-video-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.project-article__nav{padding:var(--sp-10) var(--grid-margin) 0;max-width:var(--grid-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.project-article__nav-link{font-size:var(--type-sm);color:var(--colour-muted);display:flex;align-items:center;gap:var(--sp-1);transition:color var(--dur-fast) ease}.project-article__nav-link:hover,.project-article__nav-link:focus-visible{color:var(--colour-accent)}.project-article__nav-label{font-size:var(--type-xs);color:var(--colour-muted);display:block;margin-bottom:2px}.project-article__nav-name{font-size:var(--type-base);font-weight:600}.studio-page{padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px) + var(--sp-10));min-height:100svh}.studio-page__inner{padding:0 var(--grid-margin);max-width:var(--grid-max);margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--grid-gutter)}.studio-page__contact{grid-column:1 / 4;padding-top:.3em}.studio-page__contact-list{display:flex;flex-direction:column;gap:var(--sp-2)}.studio-page__contact-item{font-size:var(--type-sm);font-style:italic;line-height:1.25}.studio-page__contact-link{color:var(--colour-text);transition:color var(--dur-fast) ease}.studio-page__contact-link:hover,.studio-page__contact-link:focus-visible{color:var(--colour-accent)}.studio-page__content{grid-column:4 / 8}.studio-page__heading{font-size:clamp(2rem,3.5vw + .5rem,3.75rem);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--colour-text);margin-bottom:var(--sp-2)}.studio-page__intro{font-size:var(--type-lg);line-height:1.5;font-weight:600;margin-bottom:var(--sp-5)}.studio-page__body{display:flex;flex-direction:column;gap:var(--sp-4)}.studio-page__para{font-size:var(--type-base);line-height:1.75;color:var(--colour-text)}.site-footer{padding:var(--sp-4) var(--grid-margin);max-width:var(--grid-max);margin:0 auto;border-top:1px solid rgba(128,128,128,.2);display:flex;justify-content:space-between;align-items:center}.site-footer__legal{font-size:var(--type-xs);color:var(--colour-muted);letter-spacing:.01em}.page-content{animation:page-in var(--dur-slow) var(--ease-out) both}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.is-leaving .page-content{animation:page-out var(--dur-mid) ease both}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion: reduce){.page-content,.is-leaving .page-content{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width: 1024px){:root{--grid-cols: 8;--grid-gutter: 1.5rem;--grid-margin: 1.5rem;--col4-offset: calc( var(--grid-margin) + (100vw - var(--grid-margin) * 2 - var(--grid-gutter) * 7) / 8 * 3 + var(--grid-gutter) * 3 )}.home-hero__left{width:100%}.project-preview{width:45%;padding:var(--sp-5)}.project-article__eyebrow{grid-column:1 / -1;grid-row:1;padding-bottom:var(--sp-3)}.project-article__title{grid-column:1 / -1;grid-row:2}.project-article__meta{grid-column:1 / 3}.project-article__content{grid-column:3 / -1}.projects-page__heading{grid-column:4 / -1}.studio-page__contact{grid-column:1 / 3}.studio-page__content{grid-column:3 / -1}.projects-page__header,.studio-page__inner,.project-article__header,.project-article__body{grid-template-columns:repeat(8,1fr)}}@media (max-width: 768px){:root{--grid-cols: 4;--grid-gutter: 1.25rem;--grid-margin: 1.25rem;--header-h: 3rem}.home-hero__left{position:relative;width:100%;height:auto;padding:var(--sp-8) var(--grid-margin) var(--sp-4);top:auto;left:auto}.project-preview{position:relative;width:100%;height:70vw;top:auto;right:auto;padding:0;margin-bottom:var(--sp-6)}.project-preview__item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--dur-slow) var(--ease-out);transform:none}.project-preview__item.is-visible{opacity:1;transform:none}.project-preview__img{width:100%;height:100%;object-fit:cover;object-position:center}.home-hero__scroll-space{min-height:0;display:none}.projects-grid{grid-template-columns:1fr;padding-left:var(--grid-margin)}.projects-page__header{grid-template-columns:1fr}.projects-page__heading{grid-column:1 / -1}.projects-page__intro{grid-column:1 / -1;margin-bottom:var(--sp-5)}.project-article__header{grid-template-columns:1fr;padding:0 var(--grid-margin) var(--sp-3)}.project-article__hero{margin-bottom:var(--sp-3)}.project-article__eyebrow{grid-column:1 / -1;grid-row:1;padding-bottom:var(--sp-3)}.project-article__title{grid-column:1 / -1;grid-row:2}.project-article__body{grid-template-columns:1fr;padding-top:var(--sp-3);padding-bottom:var(--sp-3)}.project-article__meta{grid-column:1 / -1;margin-bottom:var(--sp-4)}.project-article__content{grid-column:1 / -1}.project-article__media{grid-template-columns:1fr;padding-top:var(--sp-3)}.project-article__media-videos{grid-template-columns:1fr}.project-article__media-row{grid-template-columns:repeat(2,1fr)}.project-article__video{padding-top:var(--sp-3)}.studio-page__inner{grid-template-columns:1fr}.studio-page__contact{grid-column:1 / -1;margin-bottom:var(--sp-6)}.studio-page__content{grid-column:1 / -1}.site-header__nav{gap:var(--sp-4)}.home-footer__wordmark{height:12vw}}@media (max-width: 420px){.project-list__link{font-size:clamp(1.75rem,9vw,2.5rem)}}