@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(../media/space-grotesk-latin-400-normal.0nlbkvxqdexvu.woff2)format("woff2"),url(../media/space-grotesk-latin-400-normal.2235qcybq8ygl.woff)format("woff")}
@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(../media/space-grotesk-latin-500-normal.31yp0bkv7z4ku.woff2)format("woff2"),url(../media/space-grotesk-latin-500-normal.1_3k4-aqyhjfx.woff)format("woff")}
@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(../media/space-grotesk-latin-700-normal.2lryt7vlpdgap.woff2)format("woff2"),url(../media/space-grotesk-latin-700-normal.1548_r5u-5cgx.woff)format("woff")}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(../media/manrope-latin-400-normal.1i3dx4hft209n.woff2)format("woff2"),url(../media/manrope-latin-400-normal.1h6uc5uat10j2.woff)format("woff")}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(../media/manrope-latin-500-normal.0v6k8on0z6a_k.woff2)format("woff2"),url(../media/manrope-latin-500-normal.229ou_wp10dpy.woff)format("woff")}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(../media/manrope-latin-600-normal.2msxs8vwvmq9j.woff2)format("woff2"),url(../media/manrope-latin-600-normal.21iao00_hvm38.woff)format("woff")}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
:root{--background:#0d0d0d;--foreground:#b7ab98;--orange:#eb5939;--border:#b7ab9826;--edge:1.25rem;--ease:cubic-bezier(.165, .84, .44, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--background);color:var(--foreground);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;line-height:1.1}*{box-sizing:border-box}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#696154 #0d0d0d}body{background:var(--background);color:var(--foreground);font:inherit;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:7px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1px solid var(--orange);outline-offset:4px}::selection{background:var(--orange);color:var(--background)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:700}img{max-width:100%;display:block}svg{flex-shrink:0}body:has(dialog[open]){overflow:hidden}button:disabled{cursor:wait}.motion-site{--mask-x:-1000px;--mask-y:-1000px;--mask-radius:0px;position:relative;overflow:clip}.layer-root{outline:none;position:relative}.base-layer{position:relative}.mask-layer{background:var(--orange);height:100%;color:var(--background);clip-path:circle(var(--mask-radius) at var(--mask-x) var(--mask-y));pointer-events:none;z-index:6;will-change:clip-path;position:absolute;inset:0 0 auto}.mask-layer .parallax-media{visibility:hidden}.mask-layer .copy-line strong,.mask-layer .hero-line,.mask-layer .section-label,.mask-layer .principle-signature span{color:inherit}.mask-layer .line-ink{clip-path:inset(0)!important}.mask-layer .full-row{border-color:#0d0d0d33}.mask-layer .motto-center,.mask-layer .hero-center{color:var(--background)}.mask-layer .principle-thumb img{filter:grayscale()contrast(2);mix-blend-mode:multiply}.skip-link{background:var(--orange);color:var(--background);z-index:100;padding:15px 20px;font-size:14px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.copy-container{z-index:3;width:66.6667%;margin:0 auto;position:relative}.section-label{letter-spacing:.5em;text-transform:uppercase;margin:0 0 2.1875rem;font-size:max(11px,.875rem);font-weight:700;line-height:1.8}.maskable-text{letter-spacing:-.04em;font-size:5rem;line-height:1;position:relative}.copy-line{display:block;position:relative}.line-ghost{opacity:.3;display:block}.line-ink{clip-path:inset(0 100% 0 0);will-change:clip-path;position:absolute;inset:0}.copy-line strong{color:var(--orange);font-weight:700}.geometry-only{visibility:hidden}.alternate-copy{letter-spacing:-.04em;line-height:1;position:absolute;inset:0}.character-window{vertical-align:top;perspective:600px;display:inline-block;overflow:clip}.character{transform-origin:bottom;will-change:transform;display:inline-block}.has-entered .character{backface-visibility:hidden}.motion-site:not(.has-entered) .character{transform:translateY(115%)}.intro-screen{background:var(--background);z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:4.25rem;min-height:350px;display:flex;position:fixed;inset:0}.intro-mark{width:5rem;height:5rem;margin-top:-2rem;position:relative}.intro-enter{border:1px solid var(--foreground);letter-spacing:.5em;border-radius:8rem;width:16.25rem;max-width:60vw;height:3.75rem;font-size:1.125rem;line-height:1;transition:background .4s,color .4s;position:relative}.intro-enter:hover:not(:disabled){background:var(--foreground);color:var(--background)}.intro-enter:disabled{border-color:#b7ab9840}.intro-enter span{transition:opacity .4s, transform .6s var(--ease);justify-content:center;align-items:center;padding-left:.5em;display:flex;position:absolute;inset:0}.intro-progress{letter-spacing:.15em;font-size:.875rem}.intro-start{opacity:0;transform:translateY(50%)}.is-ready .intro-progress{opacity:0;transform:translateY(-50%)}.is-ready .intro-start{opacity:1;transform:none}.has-entered .intro-screen{pointer-events:none}.fixed-header{z-index:20;mix-blend-mode:difference;pointer-events:none;position:fixed;inset:0 0 auto}.fixed-logo{left:var(--edge);pointer-events:auto;position:fixed;top:6.54762vh}.fixed-logo svg{width:3rem;height:3rem;transition:color .4s}.fixed-logo:hover{color:var(--orange)}.fixed-navigation{right:var(--edge);pointer-events:auto;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:6.54762vh}.roll-link{width:fit-content;text-align:inherit;display:block}.roll-window{display:block;position:relative;overflow:clip}.roll-normal,.roll-alternate{transition:transform .4s var(--ease), color .4s var(--ease);display:block}.roll-alternate{position:absolute;inset:0;transform:translateY(105%)}.roll-link:hover .roll-normal,.roll-link:focus-visible .roll-normal,.roll-link.is-active .roll-normal{transform:translateY(-105%)}.roll-link:hover .roll-alternate,.roll-link:focus-visible .roll-alternate,.roll-link.is-active .roll-alternate{transform:translateY(0)}.fixed-navigation .roll-link{text-align:right;color:#b7ab98b0;padding:.275rem 0;font-size:1.5rem;line-height:1.05}.fixed-navigation .roll-alternate{color:var(--foreground)}.portrait-hero{justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:clip}.hero-background{z-index:0;transform-origin:50% 55%;will-change:transform;position:absolute;inset:0}.hero-background .studio-video{object-fit:cover;object-position:50% 50%;filter:grayscale()brightness(.65);width:100%;height:100%}.portrait-shade{background:linear-gradient(#0d0d0d45,#0000 45%,#0d0d0d22 70%,#0d0d0d),linear-gradient(90deg,#0d0d0d15,#0000 60%);position:absolute;inset:0}.hero-center{z-index:3;text-align:center;width:100%;margin:15.7738vh 0 18.6508vh;position:relative}.hero-name{letter-spacing:.5em;width:fit-content;margin:0 auto 1.875rem;font-size:1rem;line-height:1.3}.hero-heading{letter-spacing:-.05em;text-transform:uppercase;font-size:8.75rem;line-height:.84}.hero-line{display:block}.hero-line.orange{color:var(--orange)}.hero-scroll{z-index:3;opacity:.45;font-size:1.25rem;animation:2.5s ease-in-out infinite scroll-nudge;position:absolute;bottom:3vh;left:50%;transform:translate(-50%)}.mask-layer .hero-scroll{color:#0d0d0d}.about-intro{padding-top:clamp(100px,19vh,180px);padding-bottom:clamp(100px,19vh,180px)}.about-studio{position:relative}.capabilities{padding-bottom:clamp(100px,18vh,180px);position:relative}.capabilities>.copy-container{margin-bottom:1rem}.full-row{border-top:1px solid var(--border);isolation:isolate;position:relative}.full-row:last-child{border-bottom:1px solid var(--border)}.row-button{text-align:left;z-index:3;width:100%;display:block;position:relative}.row-button>.copy-container{padding:1.25rem 0;overflow:clip}.oversize-heading{letter-spacing:-.05em;text-transform:uppercase;width:fit-content;font-size:8.75rem;line-height:.84;display:block;position:relative}.row-orange{background:var(--orange);color:var(--background);clip-path:inset(50% 0);transition:clip-path .4s var(--ease);pointer-events:none;z-index:4;position:absolute;inset:-1px 0}.full-row:hover>.row-orange,.full-row:focus-within>.row-orange,.full-row.is-open>.row-orange{clip-path:inset(0);transition-duration:.6s}.row-reveal-content{justify-content:space-between;align-items:center;gap:3rem;height:100%;display:flex}.row-reveal-content h2{text-transform:uppercase;letter-spacing:-.05em;font-size:5.5rem;line-height:.9}.row-reveal-content p{flex-shrink:0;width:33%;max-width:24rem;font-family:Manrope,Helvetica,sans-serif;font-size:1rem;font-weight:500;line-height:1.45}.row-reveal-content small{letter-spacing:.04em;opacity:.6;margin-top:1rem;font-size:.65rem;line-height:1.5;display:block}.floating-object{pointer-events:none;z-index:2;width:37.5rem;height:37.5rem;position:absolute}.coffee-object{top:3%;left:-18.75rem;transform:translateY(-15%)}.mouse-object{bottom:7%;right:-18.75rem;transform:translateY(15%)}.scene-unavailable:after{content:"";background:radial-gradient(at 30% 30%,#b7ab9870,#0d0d0d 70%);border:2px solid #b7ab98;border-radius:45%;position:absolute;inset:20%;transform:rotate(-25deg)}.experience-section{position:relative;overflow:clip}.work-background{z-index:0;opacity:.65;position:absolute;inset:-10% 0 0}.work-background img{object-fit:cover;object-position:75% 35%;filter:brightness(.45);width:100%;height:100%;transform:scale(1.1)}.work-background:after{content:"";background:linear-gradient(#0d0d0d,#0000 20%,#0d0d0d55 60%,#0d0d0d 90%);position:absolute;inset:0}.experience-intro{padding-top:clamp(100px,19vh,180px);padding-bottom:clamp(130px,23vh,200px)}.process-history{margin-top:-3.75rem;padding-bottom:0;position:relative}.process-history>.copy-container .section-label{margin-bottom:2.1875rem}.history-content{grid-template-columns:1fr 2.4fr 2fr;align-items:center;gap:2rem;padding:2.9375rem 0;display:grid}.history-content>span{letter-spacing:.05em;align-self:start;padding-top:.25rem;font-size:1rem}.history-content h3{letter-spacing:-.04em;font-size:2.5rem;line-height:1.05}.history-content p{text-align:right;font-size:1.25rem;line-height:1.3}.history-row .row-orange>.copy-container{height:100%}.selected-work{position:relative}.projects-intro{padding-top:clamp(100px,19vh,180px);padding-bottom:clamp(100px,17vh,160px)}.work-disclosure{letter-spacing:.17em;color:#b7ab9860;margin-top:2.5rem;font-family:Manrope,Helvetica,sans-serif;font-size:.625rem;line-height:1.7}.mask-layer .work-disclosure{color:#0d0d0d80}.project-list{padding-bottom:clamp(100px,18vh,180px);position:relative}.project-list .project-row:first-of-type{border-top:0}.project-row .row-button>.copy-container{justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 0;display:flex}.project-row-type{color:#b7ab9890;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:1rem;padding-bottom:.6rem;font-family:Manrope,Helvetica,sans-serif;font-size:.8rem;line-height:1.3;display:flex}.project-row-type svg{width:1rem;height:1rem}.mask-layer .project-row-type{color:inherit}.globe-object{aspect-ratio:1;pointer-events:none;opacity:.65;z-index:0;width:clamp(240px,28vw,420px);height:auto;position:absolute;top:20%;right:-6vw}.project-row .row-orange h2{font-size:6rem}.showreel{z-index:1;background:#0d0d0d;height:56.25vw;min-height:30rem;max-height:105vh;position:relative}.reel-window{isolation:isolate;--reel-x:50%;--reel-y:50%;background:#171614;width:100%;height:100%;position:relative;overflow:hidden}.reel-window:before{content:"";z-index:0;background:radial-gradient(at 70%,#a5967430,#0000 60%),linear-gradient(130deg,#10100f,#1e1c19 70%,#11110f);position:absolute;inset:0}.reel-scene{pointer-events:none;position:absolute;inset:0}.reel-grid{opacity:.3;background-image:linear-gradient(#b7ab9810 1px,#0000 1px),linear-gradient(90deg,#b7ab9810 1px,#0000 1px);background-size:7vw 7vw;position:absolute;inset:0;transform:perspective(700px)rotateX(45deg)scale(1.4)}.reel-caption{top:3rem;left:var(--edge);right:var(--edge);z-index:3;letter-spacing:.2em;justify-content:space-between;font-family:Manrope,sans-serif;font-size:.65rem;display:flex;position:absolute}.reel-stage{z-index:3;pointer-events:none;position:absolute;top:50%;left:16.6667%;transform:translateY(-50%)}.reel-kicker{letter-spacing:.35em;margin-bottom:2rem;font-size:.75rem;display:block}.reel-title{letter-spacing:-.06em;font-size:8rem;line-height:.8}.reel-title>span,.reel-title[data-chapter="1"]{color:var(--orange)}.reel-title[data-chapter="1"]>span{color:var(--foreground)}.reel-play-target{z-index:4;cursor:none;position:absolute;inset:0}.reel-follow{left:var(--reel-x);top:var(--reel-y);background:var(--orange);color:#0d0d0d;opacity:0;pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;width:8rem;height:8rem;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.reel-follow>span{letter-spacing:.12em;font-size:.6rem}.reel-play-target:hover .reel-follow,.reel-play-target:focus-visible .reel-follow{opacity:1}.reel-controls{z-index:5;left:var(--edge);right:var(--edge);align-items:center;gap:1rem;font-family:Manrope,sans-serif;font-size:.7rem;display:flex;position:absolute;bottom:2rem}.reel-controls button{place-items:center;width:2rem;height:2rem;font-family:Manrope,sans-serif;font-size:1.2rem;display:grid}.reel-controls input{height:2px;accent-color:var(--orange);cursor:pointer;flex:1;margin:0}.reel-expanded{z-index:100!important;clip-path:none!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.reel-window:fullscreen{clip-path:none!important}.mask-layer .reel-window{background:var(--orange)}.mask-layer .reel-window:before{display:none}.mask-layer .reel-title,.mask-layer .reel-title>span{color:#0d0d0d}.mask-layer .reel-controls,.mask-layer .reel-follow{visibility:hidden}.principles-section{padding-top:19.8413vh;position:relative}.principles-section>.copy-container>.section-label{margin-bottom:2.1875rem}.principles-grid{grid-template-columns:1fr 7.5rem;gap:5rem;display:grid;position:relative}.principles-statements{min-width:0}.principle{border-top:1px solid var(--border);min-height:65vh;padding:14.881vh 0;position:relative}.principle .maskable-text{letter-spacing:-.04em;font-size:5rem;line-height:1}.quote-mark{color:var(--orange);font-size:8.75rem;line-height:.8;position:absolute;top:14.881vh;left:-.7em}.principle-signature{letter-spacing:.05em;margin-top:3.125rem;font-size:.875rem;line-height:1.5}.principle-signature span{letter-spacing:0;color:#b7ab9870;margin-top:.35rem;font-family:Manrope,Helvetica,sans-serif;font-size:.8rem;font-weight:500;display:block}.principles-rail{align-self:start;height:fit-content;margin-top:14.881vh;padding-top:0;position:sticky;top:35vh}.principle-thumb{width:7.5rem;height:7.1875rem;padding:.625rem 0 .625rem 1.75rem;display:block;position:relative}.principle-thumb>span{filter:brightness(.3);background:#333029;border-radius:50%;place-items:center;width:5.9375rem;height:5.9375rem;transition:filter .4s;display:grid;overflow:hidden}.principle-thumb.is-active>span,.principle-thumb:hover>span{filter:brightness()}.principle-thumb img{object-fit:cover;object-position:50% 50%;filter:grayscale();width:100%;height:100%}.principle-thumb svg{width:100%;height:100%;padding:1.2rem}.principle-thumb .thumb-orbit{font-size:6rem;line-height:1}.rail-indicator{width:1.25rem;height:7.1875rem;color:var(--orange);transition:transform .6s var(--ease);align-items:center;font-size:1.1rem;display:flex;position:absolute;top:0;left:0}.mask-layer .quote-mark,.mask-layer .rail-indicator{color:#0d0d0d}.motto-section{place-items:center;min-height:80vh;padding:18.5516vh 0;display:grid;position:relative;overflow:clip}.motto-background{z-index:0;position:absolute;inset:-15% 0 0}.motto-background img{object-fit:cover;object-position:50% 50%;filter:brightness(.45);width:100%;height:100%}.motto-background:after{content:"";background:linear-gradient(#0d0d0d99,#0000 45%,#0d0d0d88);position:absolute;inset:0}.motto-center{z-index:3;text-align:center;width:100%;position:relative}.motto-center>.section-label{margin-bottom:2.1875rem}.motto-heading{letter-spacing:-.05em;text-transform:uppercase;padding:0 0 2.1875rem;font-size:8.75rem;line-height:.84}.motto-line{display:block}.motto-center>p:last-child{font-size:1rem}.connect-section{padding:23.3135vh 0 12.4008vh;position:relative}.connect-grid{grid-template-columns:1fr 1fr;gap:6rem;display:grid}.connect-grid .section-label{margin-bottom:3.125rem}.connect-links{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.connect-links .roll-link{white-space:nowrap;margin-bottom:.65rem;font-size:1.25rem;line-height:1.25}.contact-details{padding-top:.3rem}.contact-details>div+div{margin-top:2.8rem}.contact-detail-label{letter-spacing:.04em;color:#b7ab9880;margin-bottom:.75rem;font-size:.8rem;display:block}.contact-details .roll-link{letter-spacing:-.035em;font-size:1.9rem;line-height:1.1}.end-credit{letter-spacing:.16em;opacity:.4;justify-content:space-between;width:66.6667%;margin:9rem auto 0;font-family:Manrope,Helvetica,sans-serif;font-size:.55rem;display:flex;position:relative}.mask-layer .contact-detail-label{color:#0d0d0d80}.fixed-footer{z-index:20;mix-blend-mode:difference;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.footer-shortcuts{left:calc(var(--edge) - .75rem);pointer-events:auto;align-items:center;gap:.3rem;display:flex;position:fixed;bottom:9.92063vh}.footer-shortcuts a,.footer-shortcuts button{width:2.4rem;height:2.4rem;padding:.55rem;transition:color .3s}.footer-shortcuts svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:100%;height:100%}.footer-shortcuts a:hover,.footer-shortcuts button:hover{color:var(--orange)}.sound-toggle{pointer-events:auto;right:var(--edge);writing-mode:vertical-rl;white-space:nowrap;align-items:center;gap:.5rem;font-size:1rem;line-height:1;display:flex;position:fixed;bottom:9.92063vh;transform:rotate(180deg)}.sound-toggle>span:not(:first-child){opacity:.3}.sound-toggle>span.selected{opacity:1}.sound-bars{align-items:center;gap:2px;width:1rem;height:1rem;margin-top:.5rem;display:flex;transform:rotate(90deg)}.sound-bars b{background:currentColor;width:2px;height:3px}.sound-bars.is-on b{animation:1s ease-in-out infinite alternate sound-wave}.sound-bars.is-on b:nth-child(2){animation-delay:.2s}.sound-bars.is-on b:nth-child(3){animation-delay:.6s}.sound-bars.is-on b:nth-child(4){animation-delay:.4s}.touch-hold{z-index:21;touch-action:none;width:5.25rem;height:5.25rem;color:var(--foreground);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;transition:color .4s,opacity .4s;display:none;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.hold-ring{width:100%;height:100%;animation:22s linear infinite hold-rotate;position:absolute;inset:0}.hold-ring text{letter-spacing:1.45px;fill:currentColor;font-size:8.4px}.hold-hand{width:1.6rem;height:1.6rem;position:absolute;top:50%;left:50%;transform:translate(-55%,-55%)}.touch-revealed .touch-hold{color:#0d0d0d}.motion-site:not(.has-entered) .touch-hold{opacity:0}.touch-revealed .fixed-header,.touch-revealed .fixed-footer{mix-blend-mode:normal;color:#0d0d0d}.case-dialog,.enquiry-dialog{color:var(--foreground);overscroll-behavior:contain;background:#11110f;border:1px solid #b7ab9833;width:62rem;max-width:calc(100vw - 2rem);max-height:90dvh;margin:auto;padding:0;position:fixed;overflow:auto}.case-dialog::backdrop,.enquiry-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000d}.dialog-close{z-index:10;letter-spacing:.1em;background:#0d0d0dde;border:1px solid #b7ab9870;border-radius:2rem;padding:11px 16px;font-family:Manrope,Helvetica,sans-serif;font-size:10px;line-height:1;position:absolute;top:1.5rem;right:1.5rem}.case-art{aspect-ratio:1265/712;background:#181818;place-items:center;height:auto;display:grid;position:relative;overflow:hidden}.case-copy{padding:3rem 4rem 4rem}.case-copy>.section-label{letter-spacing:.2em;margin-bottom:1.5rem;font-size:.65rem}.case-copy h2{letter-spacing:-.05em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:2rem;font-size:5.5rem;line-height:1;display:flex}.case-copy h2 svg{width:3rem;height:3rem;color:var(--orange)}.case-copy>p:not(.section-label){max-width:40rem;margin:1.8rem 0;font-family:Manrope,sans-serif;font-size:1rem;line-height:1.8}.case-tags{color:var(--orange);font-family:Manrope,sans-serif;font-size:.8rem}.case-copy>p.case-disclosure{opacity:.5;font-size:.75rem}.line-button{letter-spacing:.07em;border-bottom:1px solid #b7ab9860;justify-content:space-between;align-items:center;gap:3rem;padding:1rem 0;font-family:Manrope,sans-serif;font-size:.75rem;line-height:1.4;transition:color .3s;display:inline-flex}.line-button:hover{color:var(--orange)}.line-button svg{width:1rem;height:1rem}.enquiry-dialog{width:50rem;padding:4rem}.enquiry-dialog>.section-label{letter-spacing:.25em;margin:1rem 0 2rem;font-size:.625rem}.enquiry-dialog h2{letter-spacing:-.05em;font-size:3.75rem;line-height:.9}.enquiry-dialog h2 span{color:var(--orange)}.enquiry-intro{max-width:29rem;margin:2rem 0;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:500;line-height:1.7}.form-row{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.enquiry-dialog label{flex-direction:column;gap:.7rem;margin-bottom:1.6rem;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:500;display:flex}.enquiry-dialog input,.enquiry-dialog textarea,.enquiry-dialog select{width:100%;color:var(--foreground);resize:vertical;background:0 0;border:0;border-bottom:1px solid #b7ab9850;border-radius:0;padding:.65rem 0;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:500;line-height:1.6}.enquiry-dialog select option{background:#0d0d0d}.enquiry-dialog input::placeholder,.enquiry-dialog textarea::placeholder{color:#b7ab9855}.solid-button{background:var(--orange);color:#0d0d0d;letter-spacing:.1em;padding:1.15rem 1.5rem;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;transition:background .3s}.solid-button:hover{background:var(--foreground)}.form-submit{width:100%;margin-top:.5rem}.form-note{opacity:.55;margin:1rem 0;font-family:Manrope,sans-serif;font-size:.65rem;line-height:1.7}.brief-preview{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #b7ab9840;max-height:18rem;padding:1.5rem;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:500;line-height:1.8;overflow:auto}.brief-actions{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}@keyframes portrait-breath{0%{transform:scale(1.04)translate(-.8%)}to{transform:scale(1.1)translate(.8%)}}@keyframes scroll-nudge{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,9px)}}@keyframes hold-rotate{to{transform:rotate(360deg)}}@keyframes sound-wave{0%{height:3px}to{height:13px}}@media (min-width:768px) and (max-width:1199.98px){:root{--edge:2.66667vw;font-size:calc(8px + .78125vw)}.hero-heading,.oversize-heading,.motto-heading{font-size:6.875rem}.maskable-text,.principle .maskable-text{font-size:3.75rem}.hero-center{margin:0}.copy-container{width:83.3333%}.fixed-logo,.fixed-navigation{top:2.5rem}.fixed-logo svg{width:2.5rem;height:2.5rem}.fixed-navigation .roll-link{font-size:1.25rem}.row-reveal-content h2{font-size:4rem}.row-reveal-content p{width:40%;font-size:.8rem}.project-row .row-orange h2{font-size:4.5rem}.history-content h3{font-size:1.875rem}.history-content p{font-size:1rem}.principles-grid{grid-template-columns:1fr 6rem;gap:3rem}.principle-thumb{width:6rem;height:6rem;padding-left:1rem}.principle-thumb>span{width:4.75rem;height:4.75rem}.rail-indicator{height:6rem;font-size:.8rem}.principle-thumb .thumb-orbit{font-size:5rem}.quote-mark{font-size:7.5rem}.connect-grid{gap:3rem}.connect-links{gap:1rem}.connect-links .roll-link{font-size:1.1rem}.contact-details .roll-link{font-size:1.5rem}.footer-shortcuts,.sound-toggle{bottom:3rem}.floating-object{width:37.5rem;height:37.5rem}.coffee-object{left:-24rem}.mouse-object{right:-23rem}.end-credit{width:83.3333%}}@media (min-width:1200px){:root{--edge:4.05093vw;font-size:clamp(12px,.925926vw,18px)}.hero-center{margin:15.7738vh 0 18.6508vh}.portrait-hero{min-height:100svh}.hero-heading{font-size:8.75rem}.hero-background .studio-video{object-position:center 43%}}@media (max-width:767.98px){:root{--edge:1.25rem}.copy-container{width:100%;padding-left:1.25rem;padding-right:1.25rem}.section-label{letter-spacing:.4em;margin-bottom:1.875rem;font-size:.65rem;line-height:1.8}.maskable-text{font-size:2.75rem;line-height:1.02}.about-intro .maskable-text{font-size:2.5rem}.alternate-copy{line-height:1.02}.intro-screen{gap:4rem}.intro-mark{width:5rem;height:5rem}.intro-enter{width:16.25rem;max-width:70vw;height:3.75rem;font-size:1.1rem}.fixed-logo,.fixed-navigation{top:1.25rem}.fixed-logo svg{width:2rem;height:2rem}.fixed-navigation .roll-link{padding:.2rem 0;font-size:1.1rem}.portrait-hero{min-height:100svh}.hero-center{margin:0 0 2.5rem}.hero-heading{letter-spacing:-.06em;font-size:5rem;line-height:.84}.hero-name{letter-spacing:.5em;margin-bottom:1.25rem;font-size:.75rem}.hero-background .studio-video{object-position:45% 50%;filter:grayscale()brightness(.6)}.portrait-shade{background:linear-gradient(#0d0d0d55,#0000 40%,#0d0d0d44 75%,#0d0d0d)}.hero-scroll{font-size:1rem;bottom:6.5rem}.about-intro{padding-top:12.5rem;padding-bottom:12.5rem}.capabilities{padding-bottom:12.5rem}.capabilities>.copy-container{margin-bottom:0}.capability-row .row-button>.copy-container{padding:1.4rem 1.25rem}.oversize-heading{letter-spacing:-.05em;font-size:3.6rem;line-height:.9}.row-reveal-content{gap:1rem;padding-top:1rem;padding-bottom:1rem}.row-reveal-content h2{overflow-wrap:anywhere;flex-shrink:0;width:40%;font-size:2rem;line-height:.95}.row-reveal-content p{width:55%;max-width:none;font-size:.6rem;line-height:1.4}.row-reveal-content small{margin-top:.5rem;font-size:.45rem}.floating-object{opacity:.55;width:21.875rem;height:21.875rem}.coffee-object{top:-1rem;left:-16rem;transform:none}.mouse-object{bottom:5%;right:-16rem;transform:none}.experience-intro{padding-top:12.5rem;padding-bottom:15.625rem}.experience-intro .maskable-text{font-size:2.5rem}.work-background{inset:0}.work-background img{object-position:66% center;opacity:.8}.process-history{margin-top:-3.125rem}.process-history>.copy-container .section-label{margin-bottom:1.875rem}.history-content{grid-template-columns:2rem 1fr;gap:1rem;padding:1.875rem 1.25rem}.history-content>span{grid-row:1/3;padding-top:.3rem;font-size:.65rem}.history-content h3{letter-spacing:-.035em;font-size:1.5rem;line-height:1.1}.history-content p{text-align:left;opacity:.65;grid-column:2;font-size:.75rem}.history-row .row-orange .history-content{align-content:center}.projects-intro{padding-top:12.5rem;padding-bottom:12.5rem}.projects-intro .maskable-text{font-size:2.5rem}.work-disclosure{letter-spacing:.12em;max-width:20rem;margin-top:1.5rem;font-size:.4rem;line-height:1.8}.project-list{padding-bottom:12.5rem}.project-row .row-button>.copy-container{align-items:center;padding:1.35rem 1.25rem}.project-row-type{text-align:right;gap:.4rem;max-width:4rem;padding:0;font-size:.45rem;line-height:1.3}.project-row-type svg{width:.7rem;height:.7rem}.project-row .row-orange h2{font-size:2.75rem}.project-row .row-reveal-content p{font-size:.65rem}.project-row .oversize-heading{font-size:3.75rem}.showreel{height:100svh;min-height:34rem;max-height:100svh}.reel-window{clip-path:none!important}.reel-stage{left:1.25rem}.reel-title{font-size:5.7rem;line-height:.8}.reel-kicker{letter-spacing:.2em;font-size:.55rem}.reel-caption{letter-spacing:.14em;gap:1rem;font-size:.45rem;top:2rem}.reel-caption>span:last-child{display:none}.reel-controls{gap:.6rem;font-size:.6rem;bottom:2rem}.reel-controls button{font-size:1.2rem}.reel-follow{width:6rem;height:6rem}.reel-follow>span{font-size:.5rem}.reel-play-target{cursor:pointer}.principles-section{padding-top:9.375rem}.principles-section>.copy-container>.section-label{margin-bottom:1.875rem}.principles-grid{grid-template-columns:1fr 3.5rem;gap:.8rem}.principle{flex-direction:column;justify-content:center;min-height:35rem;padding:6.5rem 0;display:flex}.principle .maskable-text{font-size:2.45rem;line-height:1.03}.quote-mark{margin-bottom:1rem;font-size:5rem;line-height:.5;display:block;position:relative;top:auto;left:0}.principle-signature{letter-spacing:.05em;margin-top:1.875rem;font-size:.65rem}.principle-signature span{max-width:12rem;margin-top:.3rem;font-size:.55rem;line-height:1.5}.principles-rail{margin-top:7rem;top:35vh}.principle-thumb{width:3.5rem;height:4rem;padding:.4rem 0 .4rem .4rem}.principle-thumb>span{width:3.125rem;height:3.125rem}.principle-thumb svg{padding:.5rem}.principle-thumb .thumb-orbit{font-size:3rem}.rail-indicator{width:.65rem;height:4rem;font-size:.65rem;left:-.5rem}.motto-section{min-height:100svh;padding:0}.motto-center{padding:0 1rem}.motto-center>.section-label{margin-bottom:2rem}.motto-heading{letter-spacing:-.055em;padding-bottom:2rem;font-size:4rem;line-height:.86}.motto-line .character-window{padding-bottom:.025em}.motto-center>p:last-child{font-size:.75rem}.motto-background{inset:0}.motto-background img{object-position:53% 50%;filter:brightness(.42)}.connect-section{padding-top:6.25rem;padding-bottom:9.6875rem}.connect-grid{display:block}.connect-grid .section-label{margin-bottom:1.875rem}.connect-links{gap:1.3rem}.connect-links .roll-link{white-space:normal;margin-bottom:.65rem;font-size:1.125rem}.contact-details{padding-top:5rem}.contact-details>div+div{margin-top:2.2rem}.contact-detail-label{margin-bottom:.7rem;font-size:.65rem}.contact-details .roll-link{font-size:1.8rem;line-height:1.1}.end-credit{letter-spacing:.1em;gap:1.5rem;width:auto;margin:5rem 1.25rem 0;font-size:.4rem;line-height:1.5}.end-credit span{flex-shrink:0}.footer-shortcuts{display:none}.sound-toggle{gap:.4rem;font-size:.8rem;bottom:5rem;right:1.25rem}.sound-bars{display:none}.touch-hold{width:4.75rem;height:4.75rem;display:block;bottom:1.4rem}.case-dialog,.enquiry-dialog{width:100%;max-width:calc(100vw - 1.25rem);max-height:92dvh}.dialog-close{padding:10px 13px;font-size:8px;top:.8rem;right:.8rem}.case-art{height:auto}.case-copy{padding:2rem 1.5rem 2.5rem}.case-copy>.section-label{letter-spacing:.2em;font-size:.5rem;line-height:1.6}.case-copy h2{font-size:3.5rem}.case-copy h2 svg{width:2rem;height:2rem}.case-copy>p:not(.section-label){margin:1.5rem 0;font-size:.85rem;line-height:1.7}.case-copy>p.case-disclosure{font-size:.65rem}.case-tags{font-size:.65rem;line-height:1.5}.line-button{gap:1.5rem;font-size:.65rem;line-height:1.5}.enquiry-dialog{padding:3.5rem 1.5rem 2rem}.enquiry-dialog>.section-label{margin:1rem 0 1.5rem;font-size:.5rem}.enquiry-dialog h2{font-size:3rem}.enquiry-intro{margin:1.5rem 0;font-size:.8rem}.form-row{display:block}.enquiry-dialog label{gap:.5rem;margin-bottom:1.3rem;font-size:.65rem}.enquiry-dialog input,.enquiry-dialog textarea,.enquiry-dialog select{padding:.5rem 0;font-size:16px}.solid-button{padding:1.1rem;font-size:.65rem}.form-note{font-size:.55rem;line-height:1.7}.brief-preview{max-height:16rem;padding:1rem;font-size:.7rem}.brief-actions{gap:1.2rem}.visual-scenes{height:100dvh}}@media (hover:hover) and (pointer:fine){.touch-hold{display:none}.motion-site.has-entered{cursor:none}.motion-site.has-entered a,.motion-site.has-entered button{cursor:pointer}.motion-site.has-entered .reel-play-target{cursor:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.line-ink{clip-path:inset(0)!important}.character,.hero-background,.parallax-media{will-change:auto}.reel-window{clip-path:none!important}.motion-site.has-entered{cursor:auto}.mask-layer{will-change:auto}}.mask-layer .hero-line.orange{color:var(--background)}.intro-screen{gap:3.75rem;padding-top:3rem}.intro-mark{width:4rem;height:4rem;margin-top:0}.intro-enter{width:12.5rem;height:3rem;font-size:.875rem}body:has(.motion-site:not(.has-entered)){overflow:hidden}@media (max-width:767.98px){.row-reveal-content h2{white-space:nowrap;overflow-wrap:normal;width:45%;font-size:1.6rem}.row-reveal-content p{width:50%}.project-row .row-orange h2{font-size:2.2rem}}.reel-scene{z-index:1}.reel-canvas{width:100%;height:100%;display:block}.reel-stage{text-shadow:0 2px 35px #0005}.hero-center{width:fit-content;max-width:100%}body:has(.reel-expanded){overflow:hidden}.portrait-hero>.background-motion-toggle{z-index:4;bottom:3vh;left:var(--edge);color:#b7ab98;letter-spacing:.14em;white-space:nowrap;background:#0d0d0d55;border:1px solid #b7ab9840;border-radius:2rem;align-items:center;gap:.65rem;padding:.8rem 1rem;font:9px Manrope,sans-serif;display:flex;position:absolute}.portrait-hero>.background-motion-toggle:hover{border-color:var(--orange);color:var(--orange)}.background-motion-toggle span{font-size:12px}.case-art img{object-fit:cover;width:100%;height:100%;display:block}.case-visit{letter-spacing:.08em;color:var(--foreground);background:#0d0d0de8;border-radius:2rem;align-items:center;gap:1rem;padding:.8rem 1rem;font:10px Manrope,sans-serif;display:flex;position:absolute;bottom:1rem;right:1rem}.case-visit svg{width:15px;height:15px}.case-art:hover .case-visit{color:var(--orange)}.case-domain{opacity:.5;overflow-wrap:anywhere;margin-top:1rem;font:10px Manrope,sans-serif;display:block}@media (max-width:767px){.portrait-hero>.background-motion-toggle{padding:.65rem .9rem;font-size:7px;bottom:2rem;left:50%;transform:translate(-50%)}}.brand-mark{flex-shrink:0;width:100%;height:100%;line-height:0;display:inline-block}.brand-mark svg{width:100%;height:100%;display:block;overflow:visible}.brand-mark .mark-body{transform-origin:32px 32px;transform:translate(var(--mark-x,0px), var(--mark-y,0px)) rotate(var(--mark-tilt,0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.mark-gaze{transform:translate(var(--gaze-x,0px), var(--gaze-y,0px));transition:transform .18s ease-out}.mark-blink{transform-origin:32px 32.5px}.mark-spark{transform-origin:49px 13px;transition:transform .55s cubic-bezier(.3,1.6,.4,1)}.fixed-logo{width:3rem;height:3rem}.brand-mark.intro-mark{width:4rem;height:4rem}.brand-mark-intro .mark-body{animation:4.8s ease-in-out mark-hello}.brand-mark-intro .mark-blink{animation:4.8s ease-in-out mark-blink}.brand-mark-interactive:hover .mark-spark,.fixed-logo:focus-visible .mark-spark{transform:rotate(100deg)scale(1.25)}.brand-mark-interactive:hover .mark-right-eye,.fixed-logo:focus-visible .mark-right-eye{transform-origin:35.5px 32.5px;animation:.7s mark-wink}.has-entered .intro-mark *{animation-play-state:paused}@keyframes mark-hello{0%,8%,to{transform:rotate(0)translateY(0)}18%,30%{transform:rotate(-12deg)translateY(-2px)}42%,55%{transform:rotate(12deg)translateY(-2px)}65%{transform:rotate(-7deg)translateY(-5px)scale(1.03,.97)}78%{transform:rotate(4deg)translateY(0)}88%{transform:rotate(-2deg)}}@keyframes mark-blink{0%,16%,20%,50%,54%,83%,87%,to{transform:scaleY(1)}18%,52%,85%{transform:scaleY(.08)}}@keyframes mark-wink{0%,22%,to{transform:scaleY(1)}42%,62%{transform:scaleY(.08)}}@media (max-width:767px){.fixed-logo{width:2rem;height:2rem}}@media (prefers-reduced-motion:reduce){.brand-mark *{transition:none!important;animation:none!important}.brand-mark .mark-body,.brand-mark .mark-gaze,.brand-mark .mark-spark{transform:none!important}}.fixed-logo:hover .mark-spark,.fixed-logo:focus-visible .mark-spark{fill:#0d0d0d}.object-canvas{width:100%;height:100%;display:block}.capabilities{isolation:isolate}.floating-object{aspect-ratio:1;z-index:0;width:clamp(280px,28vw,430px);height:auto}.coffee-object{top:8%;left:-9vw}.mouse-object{bottom:14%;right:-9vw}.projects-intro>.maskable-text{z-index:1;max-width:76%;font-size:clamp(48px,4.65vw,80px);position:relative}.projects-intro>.section-label,.projects-intro>.work-disclosure{z-index:1;position:relative}.project-row .row-button>.copy-container{align-items:center;gap:32px;padding-top:28px;padding-bottom:28px}.project-row-title{align-items:center;gap:clamp(16px,2vw,36px);min-width:0;display:flex}.project-number{letter-spacing:.12em;color:#b7ab9899;align-self:flex-start;margin-top:.65rem;font:11px Manrope,sans-serif}.project-row .oversize-heading,.project-row .row-orange h2{font-size:6.6rem}.project-row-meta{flex-direction:column;flex-shrink:0;gap:12px;width:clamp(160px,18vw,250px);display:flex}.project-thumbnail{aspect-ratio:16/9;object-fit:cover;filter:saturate(.55);width:100%;height:auto;transition:filter .4s, transform .6s var(--ease);border-radius:3px}.project-row-type{text-align:left;letter-spacing:.03em;color:#b7ab98cc;justify-content:space-between;width:100%;padding-bottom:0;font-size:10px;line-height:1.4}.project-row .row-reveal-content{gap:24px}.project-row .row-reveal-content p{font-size:max(13px,1rem)}.project-row .row-reveal-content small{letter-spacing:.08em;font-size:10px}.work-disclosure{color:#b7ab98a6;letter-spacing:.1em;font-size:10px}.mask-layer .project-thumbnail{visibility:hidden}.contact-email{letter-spacing:-.035em;border-bottom:1px solid #b7ab9860;align-items:center;gap:12px;max-width:100%;padding-bottom:8px;font-size:clamp(16px,1.85vw,30px);line-height:1.4;display:inline-flex}.contact-email:hover{color:var(--orange)}.contact-email svg{width:20px;height:20px}.form-note a{text-underline-offset:3px;text-decoration:underline}.case-copy>p:not(.section-label),.enquiry-intro{font-size:max(14px,1rem)}.case-tags,.case-copy>.section-label,.form-note,.contact-detail-label,.end-credit{font-size:max(10px,.7rem)}.enquiry-dialog input,.enquiry-dialog textarea,.enquiry-dialog select{font-size:16px}.line-button,.solid-button{min-height:44px;font-size:max(11px,.75rem)}.dialog-close{min-height:36px;margin:12px 12px -44px auto;display:block;position:sticky;top:12px;right:12px}.case-dialog{scroll-padding-top:64px}.fixed-logo{min-width:38px;min-height:38px}.fixed-navigation .roll-link{min-height:28px}:target{scroll-margin-top:28px}:target:focus{outline:none}@media (min-width:768px) and (max-width:1199.98px){.floating-object{width:320px}.coffee-object{left:-15vw}.mouse-object{right:-15vw}.project-row .oversize-heading,.project-row .row-orange h2{font-size:4.8rem}}@media (max-width:767.98px){.about-intro,.projects-intro{padding-top:104px;padding-bottom:104px}.experience-intro{padding-top:104px;padding-bottom:128px}.capabilities,.project-list{padding-bottom:104px}.floating-object{display:none}.globe-object{opacity:.28;width:180px;top:16%;right:-40px}.projects-intro>.maskable-text{max-width:100%;font-size:clamp(30px,8.6vw,56px)}.project-row .row-button>.copy-container{gap:20px;padding:24px 20px}.project-row-title{gap:10px}.project-number{margin-top:7px;font-size:9px}.project-row .oversize-heading,.project-row .row-orange h2{font-size:clamp(30px,8.5vw,60px)}.project-row-meta{gap:8px;width:28%}.project-row-type{text-align:left;gap:4px;max-width:none;font-size:8px}.project-row-type svg{width:10px;height:10px}.project-row .row-reveal-content{gap:16px;padding-top:18px;padding-bottom:18px}.project-row .row-reveal-content h2{width:48%}.project-row .row-reveal-content p{width:46%;font-size:11px}.project-row .row-reveal-content small{margin-top:8px;font-size:8px}.work-disclosure{max-width:32ch;font-size:9px}.row-reveal-content p{font-size:11px}.row-reveal-content small{font-size:9px}.capability-row .row-reveal-content{min-height:100%}.capability-row.is-open .row-button>.copy-container{min-height:152px}.capability-row.is-open .row-orange{position:absolute}.capability-row.is-open .row-reveal-content p{font-size:12px}.capability-row.is-open .row-reveal-content h2{font-size:1.8rem}.principle{min-height:30rem;padding-top:5rem;padding-bottom:5rem}.principles-section{padding-top:5rem}.contact-email{font-size:clamp(16px,5.4vw,28px)}.connect-section{padding-top:80px;padding-bottom:120px}.end-credit{margin-top:64px;font-size:9px}.case-copy h2{font-size:clamp(32px,10vw,56px)}.enquiry-dialog h2{font-size:2.25rem}.case-copy{padding:28px 24px 36px}.enquiry-dialog{padding:40px 24px 28px}.enquiry-dialog .dialog-close{margin-top:-28px;margin-bottom:24px;margin-right:-12px}.brief-actions{gap:16px}}.capability-row .row-button>.copy-container{align-items:center;min-height:clamp(144px,13vw,220px);display:flex}.capability-row .oversize-heading,.capability-row .row-reveal-content h2{font-size:6.75rem}.capability-row .row-reveal-content p{font-size:max(13px,1rem)}.capability-row .row-reveal-content small{font-size:max(10px,.65rem)}.reel-project-preview{z-index:2;border:1px solid #b7ab9855;border-radius:8px;width:56%;animation:6s ease-out both project-spotlight;position:absolute;top:24%;right:-3%;overflow:hidden;transform:perspective(1200px)rotateY(-14deg)rotate(5deg);box-shadow:-24px 30px 100px #0008}.reel-project-preview img{aspect-ratio:1265/712;object-fit:cover;width:100%}.reel-browser-bar{letter-spacing:.08em;color:#b7ab98bb;background:#292823;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font:9px Manrope,sans-serif;display:flex}.reel-browser-bar svg{width:12px;height:12px}.reel-project-link{z-index:6;right:var(--edge);letter-spacing:.1em;background:#0d0d0da0;border:1px solid #b7ab9860;border-radius:30px;align-items:center;gap:16px;padding:12px 16px;font:10px Manrope,sans-serif;display:flex;position:absolute;bottom:90px}.reel-project-link:hover{color:var(--orange);border-color:var(--orange)}.reel-project-link svg{width:16px;height:16px}.reel-title{font-size:6.8rem}@keyframes project-spotlight{0%{opacity:0;translate:40px 15px}12%,to{opacity:1;translate:0}}@media (min-width:768px) and (max-width:1199.98px){.capability-row .oversize-heading,.capability-row .row-reveal-content h2{font-size:5rem}.reel-title{font-size:5.2rem}}@media (max-width:767.98px){.capability-row .row-button>.copy-container{min-height:104px}.capability-row .oversize-heading{font-size:3.6rem}.capability-row .row-reveal-content h2{font-size:clamp(22px,5.5vw,32px)}.capability-row .row-reveal-content p{font-size:11px}.capability-row .row-reveal-content small{font-size:9px}.reel-stage{top:31%}.reel-title{font-size:clamp(44px,11vw,70px)}.reel-project-preview{width:90%;top:50%;right:-5%;transform:perspective(800px)rotateY(-8deg)rotate(5deg)}.reel-project-link{font-size:9px;bottom:88px;right:20px}.reel-browser-bar{padding:8px;font-size:7px}}@media (prefers-reduced-motion:reduce){.reel-project-preview{animation:none}}.character-window.character-space{width:.28em}.enquiry-dialog>.section-label{font-size:11px}.enquiry-dialog label{font-size:12px}.enquiry-dialog .form-note{font-size:12px;line-height:1.6}.brief-preview{font-size:13px}@media (max-width:767.98px){.project-row-type{font-size:9px}}.reel-project-preview img{height:auto}.reel-window,.reel-project-preview{overflow:clip}@media (max-width:767.98px){.capability-row.is-open .row-button>.copy-container{min-height:232px}.capability-row.is-open .row-reveal-content{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding-top:22px;padding-bottom:22px}.capability-row.is-open .row-reveal-content h2{width:100%;font-size:30px}.capability-row.is-open .row-reveal-content p{width:100%;font-size:13px}.capability-row.is-open .row-reveal-content small{margin-top:8px;font-size:10px}.capability-row .oversize-heading{font-size:clamp(32px,10.6vw,56px)}.principle .maskable-text{font-size:clamp(28px,7.4vw,39px)}}.service-toggle{display:none}@media (max-width:767.98px){.capability-row .row-button>.copy-container{justify-content:space-between;gap:12px}.service-toggle{opacity:.65;flex-shrink:0;font:20px Manrope,sans-serif;display:block}.service-toggle-close{position:absolute;top:22px;right:20px}.capability-row:not(.is-open)>.row-orange{clip-path:inset(50% 0)}}@media (min-width:768px) and (max-width:1199.98px){.portrait-hero>.background-motion-toggle{bottom:7rem}.capability-row .oversize-heading,.capability-row .row-reveal-content h2{font-size:clamp(44px,6.5vw,74px)}}@media (max-width:767.98px){.capability-row:not(.is-open)>.row-orange{visibility:hidden}}
.hero-descriptor{letter-spacing:.2em;opacity:.65;margin-top:14px;font:9px Manrope,sans-serif;display:block}.project-gallery-container{width:83.3333%;max-width:1360px;padding-bottom:clamp(100px,13vh,160px)}.work-gallery{position:relative}.gallery-tabs{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin-bottom:30px;display:grid}.gallery-tabs button{text-align:left;letter-spacing:-.04em;color:#b7ab9870;align-items:center;gap:16px;margin-right:28px;padding:24px 0;font-size:clamp(24px,2.6vw,42px);transition:color .3s;display:flex;position:relative}.gallery-tabs button:last-child{margin-right:0}.gallery-tabs button:after{content:"";background:var(--orange);transform-origin:0;height:2px;transition:transform .45s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.gallery-tabs button[aria-selected=true],.gallery-tabs button:hover{color:var(--foreground)}.gallery-tabs button[aria-selected=true]:after{transform:scaleX(1)}.gallery-tab-number{letter-spacing:.06em;opacity:.6;font:10px Manrope,sans-serif}.gallery-tab-arrow{opacity:0;margin-left:auto;font-size:24px;transition:opacity .3s,transform .3s;transform:translate(-5px,5px)}.gallery-tabs button[aria-selected=true] .gallery-tab-arrow{opacity:1;transform:translate(0)}.gallery-stage{aspect-ratio:16/10;perspective:1400px;isolation:isolate;place-items:center;width:100%;max-height:760px;display:grid;position:relative;overflow:clip}.gallery-zeltic{color:#2b211d;background:#d4c3b8}.gallery-maestera{color:#25211e;background:#bbb5ad}.gallery-nimbus{color:#10191d;background:#7c929f}.gallery-stage:before{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #00000012;border-radius:50%;width:78%;position:absolute;transform:translate(33%)}.gallery-stage-top{letter-spacing:.13em;text-transform:uppercase;opacity:.65;justify-content:space-between;gap:20px;font:9px Manrope,sans-serif;display:flex;position:absolute;top:24px;left:28px;right:28px}.gallery-browser{width:83%;transform:rotateX(var(--gallery-rx,0deg)) rotateY(var(--gallery-ry,0deg));transition:transform .5s var(--ease), box-shadow .5s;animation:gallery-entrance .65s var(--ease) both;border:1px solid #ffffff60;border-radius:5px;display:block;overflow:clip;box-shadow:0 28px 65px #00000030}.gallery-stage:hover .gallery-browser{box-shadow:0 40px 85px #00000040}.gallery-browser-chrome{color:#28282380;letter-spacing:.05em;background:#f0ede6;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font:8px Manrope,sans-serif;display:flex}.gallery-browser-chrome>span:first-child{letter-spacing:2px;font-size:7px}.gallery-browser img{aspect-ratio:1265/712;object-fit:cover;width:100%;height:auto}.gallery-open{color:#ded6c7;letter-spacing:.1em;background:#171713;border-radius:30px;align-items:center;gap:24px;padding:12px 16px;font:9px Manrope,sans-serif;transition:gap .3s;display:flex;position:absolute;bottom:24px;right:28px}.gallery-open>span{font:18px Manrope,sans-serif}.gallery-stage:hover .gallery-open{gap:36px}.gallery-caption{grid-template-columns:1.1fr 1fr;gap:64px;padding:36px 0 0;display:grid}.gallery-caption-type{letter-spacing:.13em;text-transform:uppercase;color:#b7ab9899;font:10px Manrope,sans-serif}.gallery-caption h2{letter-spacing:-.04em;max-width:17ch;margin-top:16px;font-size:clamp(26px,2.5vw,42px);line-height:1.12}.gallery-caption p{color:#b7ab98c4;max-width:50ch;font:14px/1.7 Manrope,sans-serif}.gallery-caption .line-button{gap:20px;width:100%;margin-top:10px}.mask-layer .gallery-stage{background:#bd492e}.mask-layer .gallery-browser{mix-blend-mode:multiply}.mask-layer .gallery-caption p,.mask-layer .gallery-caption-type,.mask-layer .gallery-tabs button{color:#0d0d0d}.mask-layer .gallery-tabs button:after{background:#0d0d0d}.case-dialog{width:min(1040px,100vw - 40px)}.case-headline{letter-spacing:-.04em;max-width:21ch;margin:44px 0 28px;font-size:clamp(28px,3.2vw,45px);line-height:1.12}.case-features{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.case-features>div{border-top:1px solid var(--border);padding-top:18px}.case-features>div>span{color:var(--orange);font:10px Manrope,sans-serif}.case-features h4{letter-spacing:-.025em;margin:16px 0 12px;font-size:19px;line-height:1.2}.case-features p{color:#b7ab98b3;font:13px/1.7 Manrope,sans-serif}.case-detail-media{margin:0;padding:40px}.case-detail-media img{border-radius:3px;width:100%;height:auto;box-shadow:0 16px 40px #0002}.case-detail-media figcaption{text-align:center;opacity:.7;margin-top:20px;font:11px/1.6 Manrope,sans-serif}.case-next-project{padding:40px 48px}.case-next-project>span{letter-spacing:.13em;color:#b7ab9880;font:10px Manrope,sans-serif}.case-next-project button{letter-spacing:-.05em;justify-content:space-between;align-items:center;width:100%;margin-top:20px;font-size:clamp(38px,6vw,72px);display:flex}.case-next-project button:hover{color:var(--orange)}.case-next-project svg{width:32px;height:32px}.contact-invitation{border-bottom:1px solid var(--border);grid-template-columns:1.5fr 1fr;align-items:end;column-gap:80px;margin-bottom:60px;padding-bottom:60px;display:grid}.contact-invitation>.section-label{grid-column:1/-1;margin-bottom:28px;font-size:10px}.contact-invitation>button{text-align:left;letter-spacing:-.06em;width:100%;font-size:clamp(55px,6vw,100px);line-height:.95;position:relative}.contact-invitation>button svg{width:40px;height:40px;transition:transform .4s var(--ease);position:absolute;bottom:5px;right:0}.contact-invitation>button:hover{color:var(--orange)}.contact-invitation>button:hover svg{transform:translate(6px,-6px)}.contact-invitation>p{color:#b7ab98a8;max-width:30ch;font:14px/1.7 Manrope,sans-serif}.mask-layer .contact-invitation>p{color:#0d0d0d}@keyframes gallery-entrance{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0}}@media (max-width:767.98px){.hero-descriptor{letter-spacing:.12em;margin-top:10px;font-size:8px}.project-gallery-container{width:100%;padding:0 0 96px}.gallery-tabs{margin:0 20px 20px}.gallery-tabs button{gap:8px;margin-right:16px;padding:18px 0;font-size:clamp(17px,5vw,27px)}.gallery-tab-number{font-size:8px}.gallery-tab-arrow{display:none}.gallery-stage{aspect-ratio:1.1}.gallery-stage-top{gap:12px;font-size:7px;top:18px;left:20px;right:20px}.gallery-stage-top>span:last-child{text-align:right;max-width:13ch}.gallery-browser{width:91%}.gallery-browser-chrome{padding:7px 9px;font-size:6px}.gallery-browser-chrome>span:first-child{font-size:5px}.gallery-open{gap:16px;padding:10px 12px;font-size:7px;bottom:16px;right:16px}.gallery-caption{grid-template-columns:1fr;gap:22px;padding:28px 20px 0}.gallery-caption h2{max-width:20ch;margin-top:12px;font-size:30px}.gallery-caption-type{font-size:9px}.gallery-caption p{font-size:14px}.gallery-caption .line-button{margin-top:16px}.case-dialog{width:calc(100vw - 20px)}.case-headline{margin-top:32px;font-size:30px}.case-features{grid-template-columns:1fr;gap:20px}.case-features>div{padding-top:16px}.case-features h4{margin-top:12px}.case-features p{font-size:14px}.case-detail-media{padding:20px 16px}.case-next-project{padding:32px 24px}.contact-invitation{border-bottom:0;margin-bottom:40px;padding-bottom:36px;display:block}.contact-invitation>.section-label{margin-bottom:28px;font-size:9px;display:block}.contact-invitation>button{max-width:440px;font-size:clamp(50px,12.5vw,76px)}.contact-invitation>button svg{width:30px;height:30px}.contact-invitation>p{max-width:33ch;margin-top:28px}}@media (prefers-reduced-motion:reduce){.gallery-browser{animation:none;transform:none!important}.gallery-stage:hover .gallery-browser{box-shadow:0 28px 65px #00000030}}.intro-brand{flex-direction:column;align-items:center;gap:20px;display:flex}.intro-brand>span:last-child{letter-spacing:.35em;color:#b7ab98bb;padding-left:.35em;font:11px Manrope,sans-serif}.reading-progress{background:var(--orange);height:2px;transform:scaleX(var(--reading-progress,0));transform-origin:0;z-index:40;pointer-events:none;opacity:0;position:fixed;top:0;left:0;right:0}.has-entered .reading-progress{opacity:.7}@media (min-width:768px){.gallery-tabs{z-index:5;background:var(--background);position:sticky;top:0}}@media (max-width:767.98px){.gallery-stage-top>span:last-child{display:none}.fixed-footer{mix-blend-mode:normal}.sound-toggle{writing-mode:horizontal-tb;color:var(--foreground);letter-spacing:.04em;background:#0d0d0ded;border:1px solid #b7ab9845;border-radius:30px;gap:7px;padding:11px 13px;font:9px Manrope,sans-serif;bottom:30px;right:20px;transform:none}.touch-hold{background:#0d0d0dd9;border:1px solid #b7ab9835;width:64px;height:64px;bottom:16px;left:20px;transform:none}.touch-revealed .touch-hold,.touch-revealed .sound-toggle{color:#0d0d0d;background:#eb5939e8;border-color:#0d0d0d40}.portrait-hero>.background-motion-toggle{bottom:100px}.hero-scroll{bottom:150px}.hero-center{margin-bottom:96px}.hero-heading{font-size:clamp(54px,min(20.5vw,10.5svh),80px)}}.work-gallery{overflow-anchor:none}.gallery-caption{min-height:220px}@media (max-width:767.98px){.gallery-caption{min-height:350px}.fixed-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);mix-blend-mode:normal;background:#0d0d0de8;height:72px}.fixed-logo{top:18px}.fixed-navigation{flex-direction:row;align-items:center;gap:16px;top:22px}.fixed-navigation .roll-link{letter-spacing:.03em;padding:4px 0;font:11px/1.4 Manrope,sans-serif}.gallery-tab-number{display:none}.sound-toggle{background:0 0;border:0;width:28px;height:28px;padding:6px;inset:22px auto auto 72px}.sound-toggle>span{display:none}.sound-toggle:after{content:"";position:absolute;inset:-7px}.sound-toggle .sound-bars{width:14px;height:14px;margin:0;display:flex;transform:none}.touch-revealed .sound-toggle{background:0 0}}.intro-screen{opacity:1;visibility:visible;transition:opacity .45s,visibility 0s linear .45s}.has-entered .intro-screen{opacity:0;visibility:hidden}.intro-brand,.intro-enter{transition:transform .4s var(--ease), opacity .3s}.has-entered .intro-brand{opacity:0;transform:translateY(-18px)scale(.95)}.has-entered .intro-enter{opacity:0;transform:translateY(18px)}.line-ink{clip-path:inset(0)}
:root{--motion-out:cubic-bezier(.16, 1, .3, 1);--motion-in-out:cubic-bezier(.76, 0, .24, 1)}.case-dialog,.enquiry-dialog{transform-origin:50% 15%}.case-dialog::backdrop,.enquiry-dialog::backdrop{background:#000b;animation:.4s both dialog-backdrop-in}.case-dialog[data-motion=closing]::backdrop,.enquiry-dialog[data-motion=closing]::backdrop{animation:.26s both dialog-backdrop-out}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-out{0%{opacity:1}to{opacity:0}}.row-orange{transition:clip-path .55s var(--motion-out)}.full-row:hover>.row-orange,.full-row:focus-within>.row-orange,.full-row.is-open>.row-orange{transition-duration:.65s}.dialog-close{transition:color .2s,background .2s}@media (max-width:767.98px){.capability-row .row-button>.copy-container{transition:min-height .55s var(--motion-out)}.capability-row .row-reveal-content,.capability-row.is-open .row-reveal-content{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding-top:22px;padding-bottom:22px}.capability-row .row-reveal-content h2{width:100%;font-size:30px}.capability-row .row-reveal-content p{width:100%;font-size:13px}.capability-row .row-reveal-content small{margin-top:8px;font-size:10px}.capability-row>.row-orange{transition:clip-path .45s var(--motion-out), visibility 0s}.capability-row:not(.is-open)>.row-orange{transition:clip-path .35s var(--motion-out), visibility 0s linear .35s}.fixed-navigation .roll-link{position:relative}.fixed-navigation .roll-link:after{content:"";position:absolute;inset:-12px -6px}}.enquiry-content{animation:enquiry-content-in .5s var(--motion-out) both}@keyframes enquiry-content-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@property --mask-x{syntax:"<length>";inherits:false;initial-value:-1000px}@property --mask-y{syntax:"<length>";inherits:false;initial-value:-1000px}@property --mask-radius{syntax:"<length>";inherits:false;initial-value:0}
.selected-work{padding:0 0 clamp(70px,8vw,140px);position:relative}.projects-intro{padding-top:clamp(90px,10vw,150px);padding-bottom:65px}.work-section-heading{letter-spacing:-.055em;margin-top:26px;font-size:clamp(48px,5.8vw,92px);font-weight:500;line-height:1.03}.work-section-heading em{letter-spacing:-.055em;font-family:Space Grotesk,sans-serif;font-weight:400}.work-section-intro{color:#c1b5a5;max-width:42ch;margin-top:22px;font:14px/1.75 Manrope,sans-serif}.work-showcase-container{width:83.4%;max-width:1440px;margin:0 auto;padding:0}.project-chapter{border-top:1px solid var(--border);padding:32px 0 64px}.project-chapter+.project-chapter{margin-top:28px}.project-chapter-top{letter-spacing:.12em;text-transform:uppercase;color:#b8ab97;justify-content:space-between;gap:20px;margin-bottom:28px;font:9px/1.5 Manrope,sans-serif;display:flex}.project-composition{grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);align-items:center;gap:clamp(40px,6vw,110px);display:grid}.project-chapter:nth-child(2n) .project-media{order:2}.project-chapter:nth-child(2n) .project-information{order:1}.project-media{outline-offset:6px;min-width:0;display:block}.project-stage{aspect-ratio:1.37;isolation:isolate;background:linear-gradient(145deg,#bcb5a4,#e4dece 55%,#bdb29c);border-radius:5px;place-items:center;display:grid;position:relative;overflow:clip}.project-stage:before{content:"";z-index:-1;background:linear-gradient(110deg,#fff3,#0000 40%,#44331c15);position:absolute;inset:0}.project-maestera .project-stage{background:linear-gradient(145deg,#514a3b,#857d64 65%,#4b493f)}.project-nimbus .project-stage{background:linear-gradient(145deg,#3b393d,#777179 60%,#38343c)}.project-stage-arch{aspect-ratio:1;z-index:-1;border:1px solid #ffffff25;border-radius:50% 50% 0 0;width:76%;position:absolute;bottom:-13%;transform:rotate(-22deg);box-shadow:35px -20px 70px #221b1510}.project-screen{width:86%;transition:transform 1s var(--motion-out), box-shadow 1s var(--motion-out);border:5px solid #f4eee523;border-radius:5px;margin:0;overflow:hidden;transform:perspective(1200px)rotateY(-5deg)rotateX(3deg);box-shadow:0 28px 50px -18px #1a140e73,0 1px #fff5}.project-chapter:nth-child(2n) .project-screen{transform:perspective(1200px)rotateY(5deg)rotateX(3deg)}.project-screen img{aspect-ratio:1265/712;object-fit:cover;width:100%;height:auto;display:block}.project-stage-caption{letter-spacing:.11em;color:#29251edd;text-transform:uppercase;font:8px/1.5 Manrope,sans-serif;position:absolute;bottom:25px;left:24px}.project-maestera .project-stage-caption,.project-nimbus .project-stage-caption{color:#f0e9dccc}.project-stage-arrow{color:#29251e;width:40px;height:40px;transition:background .4s, transform .6s var(--motion-out);border:1px solid #27201635;border-radius:50%;place-items:center;font:22px/1 Manrope,sans-serif;display:grid;position:absolute;bottom:18px;right:20px}.project-maestera .project-stage-arrow,.project-nimbus .project-stage-arrow{color:#f0e9dc;border-color:#f0e9dc50}.project-title{letter-spacing:-.055em;font-size:clamp(40px,4.7vw,72px);font-weight:500;line-height:1}.project-headline{color:#ece1d0;letter-spacing:-.025em;max-width:23ch;margin-top:22px;font:500 24px/1.25 Space Grotesk,sans-serif}.project-description{color:#bdb1a1;max-width:43ch;margin-top:23px;font:13px/1.8 Manrope,sans-serif;position:relative}.project-copy-geometry{visibility:hidden}.project-alternate-copy{position:absolute;inset:0}.project-tags{color:#ad9d87;flex-wrap:wrap;gap:9px 16px;margin:26px 0 0;padding:0;font:9px/1.6 Manrope,sans-serif;list-style:none;display:flex}.project-tags li{border-top:1px solid #b7ab9830;padding-top:9px}.project-visit{color:#e4d3bb;border-bottom:1px solid #c1ad8f5c;align-items:center;gap:38px;min-height:44px;margin-top:22px;font:12px/1.5 Manrope,sans-serif;display:inline-flex}.project-visit>span{transition:transform .5s var(--motion-out);font-size:20px}@media (hover:hover) and (pointer:fine){.project-media:hover .project-screen,.project-media:focus-visible .project-screen{transform:perspective(1200px)rotateY(0)rotateX(0)translateY(-6px)scale(1.015);box-shadow:0 38px 65px -22px #1a140e80}.project-media:hover .project-stage-arrow{background:#ffffff30;transform:translate(2px,-2px)}.project-visit:hover>span{transform:translate(3px,-3px)}}.mask-layer .project-chapter{border-color:#38251d40}.mask-layer .project-chapter-top,.mask-layer .project-title,.mask-layer .project-headline,.mask-layer .project-description,.mask-layer .project-tags,.mask-layer .project-visit,.mask-layer .work-section-intro{color:#38251d}.mask-layer .project-tags li,.mask-layer .project-visit{border-color:#38251d60}@media (max-width:1050px){.project-composition{grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr);gap:35px}.project-stage{aspect-ratio:1.15}.project-stage-caption{font-size:6px;left:16px}.project-title{font-size:44px}.project-headline{font-size:22px}.project-description{font-size:12px}}@media (max-width:767.98px){.projects-intro{padding-top:72px;padding-bottom:40px}.work-section-heading{margin-top:22px;font-size:clamp(42px,9.5vw,68px)}.work-section-intro{margin-top:20px;font-size:12px}.work-showcase-container{width:calc(100% - 40px)}.project-chapter{padding:23px 0 42px}.project-chapter+.project-chapter{margin-top:12px}.project-chapter-top{letter-spacing:.07em;margin-bottom:20px;font-size:8px}.project-composition{flex-direction:column;align-items:stretch;gap:28px;display:flex}.project-chapter:nth-child(2n) .project-media,.project-chapter:nth-child(2n) .project-information{order:initial}.project-stage{aspect-ratio:1.28}.project-screen,.project-chapter:nth-child(2n) .project-screen{border-width:3px;width:89%;transform:none}.project-stage-caption{font-size:6px;bottom:20px;left:16px}.project-stage-arrow{width:32px;height:32px;font-size:19px;bottom:12px;right:14px}.project-title{font-size:40px}.project-headline{max-width:28ch;margin-top:16px;font-size:23px}.project-description{margin-top:17px;font-size:12px;line-height:1.8}.project-tags{gap:8px 13px;margin-top:20px;font-size:8px}.project-visit{margin-top:15px;font-size:11px}}@media (prefers-reduced-motion:reduce){.project-screen,.project-chapter:nth-child(2n) .project-screen{transform:none!important}}.project-stage{aspect-ratio:16/10;border-radius:6px}.project-screen,.project-chapter:nth-child(2n) .project-screen{width:100%;box-shadow:none;border:0;border-radius:0;transform:none}.project-film{position:absolute;inset:0}.project-film a{background:#080a12;place-items:center;width:100%;height:100%;display:grid}.project-film img,.project-film video{aspect-ratio:16/9;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.project-film video{opacity:0;transition:opacity .5s}.project-film[data-film-ready=true] video{opacity:1}.project-stage-arch{display:none}.project-stage-caption{z-index:1;text-shadow:0 1px 8px #000;pointer-events:none;bottom:14px;left:18px;color:#fff!important}.project-film-control{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101014bb;border:1px solid #ffffff40;border-radius:30px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 14px;font:500 10px/1 Manrope,sans-serif;transition:background .25s,border-color .25s;display:flex;position:absolute;bottom:8px;right:12px}.project-film-control:hover{background:#2b2926;border-color:#ffffff80}.project-headline{letter-spacing:-.035em;font-weight:400}@media (hover:hover) and (pointer:fine){.project-media:hover .project-screen{box-shadow:none;transform:none}}@media (max-width:767.98px){.project-stage{aspect-ratio:16/10}.project-stage-caption{letter-spacing:.08em;font-size:6px;bottom:12px;left:10px}.project-film-control{padding:0 12px;bottom:2px;right:5px}.project-film-control span{display:none}}@media (prefers-reduced-motion:reduce){.project-film video{transition:none}}
.portal-hero{color:#f4eee5;isolation:isolate;background:#0d0d0d;justify-content:flex-start;min-height:max(720px,100svh)}.hero-background.portal-background{pointer-events:none;will-change:auto;opacity:0;background:#0d0d0d;transition:opacity 1.6s cubic-bezier(.4,0,.2,1) 80ms;overflow:clip}.has-entered .hero-background.portal-background.is-image-ready{opacity:1}.portal-artwork,.portal-artwork img,.portal-canvas,.portal-shade,.portal-finish{width:100%;height:100%;position:absolute;inset:0}.portal-artwork img{object-fit:cover;object-position:50% 50%;display:block}.portal-canvas{opacity:0;transition:opacity 1.2s}.portal-canvas canvas{width:100%;height:100%;display:block}.portal-background.is-ready .portal-canvas{opacity:1}.portal-shade{background:linear-gradient(90deg,#0c0c0bc4 0%,#0c0c0b66 32%,#0000 63%),linear-gradient(#0b0b0b55,#0000 28% 65%,#0d0d0d)}.portal-finish{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.portal-hero .hero-center{text-align:left;width:min(690px,54%);max-width:none;text-shadow:none;margin:0 0 15px 8.3%;padding:130px 0}.portal-hero .hero-name{letter-spacing:.15em;flex-wrap:wrap;align-items:center;gap:11px;width:auto;margin:0 0 38px;font:10px/1.5 Manrope,sans-serif;display:flex}.hero-eyebrow-rule{background:#c4b397;width:23px;height:1px;display:block}.portal-hero .hero-descriptor{font:inherit;opacity:.54;letter-spacing:.08em;margin:0;display:inline}.portal-hero .hero-heading{letter-spacing:-.055em;text-transform:none;margin:0;font-size:clamp(64px,6.6vw,112px);font-weight:500;line-height:1.04}.portal-hero .hero-line{padding-bottom:.035em;overflow:visible}.portal-hero .hero-opening{letter-spacing:-.06em;font-family:Space Grotesk,sans-serif;font-style:normal;font-weight:400;line-height:1.1}.portal-hero .hero-introduction{color:#dfd7c9ce;letter-spacing:.005em;margin:28px 0 0;font-size:clamp(14px,1.1vw,17px);font-weight:500;line-height:1.65}.hero-work-link{color:#25221f;letter-spacing:-.005em;min-height:50px;transition:background .35s ease, color .35s ease, transform .5s var(--motion-out);background:#f1e9dc;border:1px solid #f1e9dc;border-radius:40px;justify-content:space-between;align-items:center;gap:40px;margin-top:32px;padding:0 23px;font-size:13px;font-weight:500;display:inline-flex}.hero-work-link>:last-child{transition:transform .4s var(--motion-out);font-size:21px;line-height:1}.hero-work-link:hover,.hero-work-link:focus-visible{background:#fff8ed;transform:translateY(-2px)}.hero-work-link:hover>:last-child,.hero-work-link:focus-visible>:last-child{transform:translate(2px,-2px)}.portal-hero .hero-scroll{color:#e2d9c5;letter-spacing:.13em;flex-direction:row;align-items:center;gap:16px;min-height:44px;font:8px/1.5 Manrope,sans-serif;display:flex;bottom:28px;transform:translate(-50%)}.portal-hero .hero-scroll>:last-child{font-size:17px}.hero-scene-note{letter-spacing:.18em;color:#eee4d285;font:8px/1.5 Manrope,sans-serif;position:absolute;bottom:117px;right:8.3%}.portal-hero>.background-motion-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e5dac7;letter-spacing:.1em;background:#1b181367;border-color:#d5c4a830;justify-content:center;min-width:116px;min-height:44px;padding:10px 14px;font-size:8px;bottom:29px;left:auto;right:8.3%}.work-background.portal-echo{background:radial-gradient(at 95% 30%,#9e775516,#0000 65%)}.fixed-header{mix-blend-mode:normal;background:linear-gradient(#0d0d0d75,#0000);height:108px}.fixed-logo{align-items:center;gap:12px;display:flex;top:28px}.fixed-logo .brand-mark,.fixed-logo svg{width:40px;height:40px}.header-wordmark{letter-spacing:-.045em;color:#eee7dc;white-space:nowrap;font-size:21px;font-weight:500}.fixed-navigation{flex-direction:row;align-items:center;gap:30px;top:37px}.fixed-navigation .roll-link{color:#eee7dc99;letter-spacing:.055em;padding:4px 0;font:11px/1.4 Manrope,sans-serif}.fixed-navigation .roll-alternate{color:#f4eee5}@media (min-width:768px) and (max-width:1000px){.portal-hero .hero-center{width:60%;margin-left:6%}.portal-hero .hero-heading{font-size:clamp(58px,7.2vw,76px)}.portal-hero .hero-descriptor{flex-basis:100%;padding-left:34px;display:block}}@media (max-width:767.98px){.portal-hero{align-items:flex-end;min-height:max(700px,100svh)}.portal-hero .hero-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;padding:0 24px;display:flex;position:absolute;top:45%;bottom:108px}.portal-hero .hero-name{letter-spacing:.12em;justify-content:center;gap:8px;margin-bottom:20px;font-size:8px}.portal-hero .hero-descriptor{display:none}.hero-eyebrow-rule{width:16px}.portal-hero .hero-heading{letter-spacing:-.055em;font-size:clamp(44px,11.8vw,76px);line-height:1.04}.portal-hero .hero-introduction{color:#e5ddd1cd;margin-top:20px;font-size:12px;line-height:1.6}.hero-work-link{gap:32px;min-height:48px;margin-top:23px;padding:0 20px;font-size:12px}.portal-artwork img{object-position:center}.portal-shade{background:linear-gradient(#0d0d0d40,#0000 17% 35%,#0d0d0d70 50%,#0d0d0dbb 67%,#0d0d0d)}.portal-hero .hero-scroll{gap:9px;min-height:44px;font-size:6px;bottom:25px;left:auto;right:24px;transform:none}.portal-hero>.background-motion-toggle{min-width:105px;font-size:7px;bottom:25px;left:24px;right:auto;transform:none}.hero-scene-note{display:none}.fixed-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0d0d0de6,#0d0d0d55,#0000);height:76px}.fixed-logo{top:18px;left:20px}.header-wordmark{display:none}.fixed-logo .brand-mark,.fixed-logo svg{width:36px;height:36px}.fixed-navigation{gap:16px;top:22px;right:20px}.fixed-navigation .roll-link{letter-spacing:.02em;font-size:10px}}@media (max-width:374px){.portal-hero .hero-center{padding-left:18px;padding-right:18px}.portal-hero .hero-heading{font-size:42px}.portal-hero .hero-introduction{font-size:11px}.fixed-navigation{gap:12px}}@media (prefers-reduced-motion:reduce){.hero-background.portal-background{transition:none}.portal-canvas{display:none}.hero-work-link{transform:none}}.mask-layer .portal-hero{color:#261c17;background:#dd936c}.mask-layer .portal-hero .hero-center{color:#261c17}.mask-layer .portal-hero .hero-introduction{color:#38251ddd}.mask-layer .portal-hero .hero-eyebrow-rule{background:#38251d}.mask-layer .portal-hero .hero-work-link{color:#f4e7d8;background:#261c17;border-color:#261c17}.mask-layer .portal-hero .hero-scroll,.mask-layer .portal-hero .hero-scene-note{color:#38251d}.hero-reveal-hint{display:none}@media (hover:hover) and (pointer:fine){.hero-reveal-hint{color:#e5dac780;letter-spacing:.15em;pointer-events:none;font:7px/1.5 Manrope,sans-serif;display:block;position:absolute;bottom:117px;left:8.3%}.mask-layer .hero-reveal-hint{color:#38251d}}@media (max-width:767.98px) and (hover:hover) and (pointer:fine){.hero-reveal-hint{display:none}}@media (max-width:767.98px) and (pointer:coarse){.portal-hero>.background-motion-toggle{left:auto;right:24px}.portal-hero .hero-scroll{display:none}}
:root{--foreground:#d8cdbb;--orange:#dd936c;--border:#c4b39726}.copy-container{width:83.4%;max-width:1440px}.section-label{letter-spacing:.17em;color:#aa9981;font:9px/1.6 Manrope,sans-serif}.chapter-rule{transform-origin:0;background:linear-gradient(90deg,#c4b39755,#c4b3970a);width:100%;height:1px;margin-bottom:45px}.about-studio{background:radial-gradient(at 0 35%,#8f6c4510,#0000 65%)}.about-intro{padding-top:115px;padding-bottom:115px}.about-intro .maskable-text,.experience-intro .maskable-text{letter-spacing:-.04em;font-size:clamp(36px,4.35vw,70px);font-weight:500;line-height:1.14}.about-intro .section-label,.experience-intro .section-label{margin-bottom:35px;display:block}.about-intro .maskable-text strong,.experience-intro .maskable-text strong{color:#f1e6d3;font-weight:500}.capabilities{padding-bottom:110px}.capabilities>.copy-container{margin-bottom:27px}.capability-row .oversize-heading,.capability-row .row-reveal-content h2{text-transform:none;letter-spacing:-.05em;font-size:clamp(42px,5.5vw,82px);font-weight:500;line-height:1.1}.capability-row .row-button>.copy-container{min-height:132px;padding:28px 0}.capability-row .row-reveal-content{gap:40px}.capability-row .row-reveal-content p{width:42%;max-width:400px;font:14px/1.65 Manrope,sans-serif}.capability-row .row-reveal-content small{opacity:.65;margin-top:12px;font:10px/1.5 Manrope,sans-serif}.experience-section{background:linear-gradient(#0d0d0d,#171510 50%,#0d0d0d);padding-bottom:100px}.work-background.portal-echo{background:radial-gradient(at 100% 45%,#bb92691c,#0000 70%);inset:0}.work-background.portal-echo:before{content:"";aspect-ratio:.9;border:1px solid #b69b6f20;border-radius:50% 50% 0 0;width:44%;position:absolute;top:12%;right:-14%;transform:rotate(-15deg)}.experience-intro{padding-top:40px;padding-bottom:100px}.process-history{margin-top:0}.process-history>.copy-container .section-label{margin-bottom:26px}.history-content{grid-template-columns:.35fr 1.8fr 1fr;gap:32px;padding:35px 0}.history-content>span{opacity:.5;font:10px/1.5 Manrope,sans-serif}.history-content h3{letter-spacing:-.04em;font-size:clamp(26px,2.8vw,42px);font-weight:500}.history-content p{opacity:.65;font:12px/1.6 Manrope,sans-serif}.selected-work{background:linear-gradient(#0d0d0d,#181611 14%,#14120f 75%,#0d0d0d)}.principles-section{padding-top:65px;padding-bottom:65px}.principles-section>.copy-container>.section-label{margin-bottom:36px}.principles-grid{grid-template-columns:minmax(0,1fr) 90px;gap:70px}.principle{min-height:440px;padding:80px 0}.principle .maskable-text{letter-spacing:-.04em;font-size:clamp(38px,4.8vw,72px);font-weight:500;line-height:1.06}.quote-mark{color:#ac805966;font-family:Space Grotesk,sans-serif;font-size:90px;font-weight:400;top:68px;left:-.57em}.principle-signature{letter-spacing:.12em;margin-top:30px;font:9px/1.5 Manrope,sans-serif}.principle-signature span{color:#b6a991;margin-top:9px;font:12px/1.7 Manrope,sans-serif}.principles-rail{margin-top:80px;top:32vh}.principle-thumb{width:90px;height:90px;padding:10px 0 10px 20px}.principle-thumb>span{filter:none;color:#8e816d;background:0 0;border:1px solid #c4b39730;border-radius:50% 50% 0 0;width:64px;height:64px;transition:color .4s,border-color .4s,background .4s}.principle-thumb.is-active>span,.principle-thumb:hover>span{color:#e9d7b9;background:#b9956c12;border-color:#b9956c80}.principle-index{font:500 22px/1 Space Grotesk,sans-serif}.rail-indicator{color:#bb9c72;height:90px}.motto-section{min-height:680px;padding:120px 0}.motto-background{inset:0}.motto-background img{object-position:70% 50%;filter:brightness(.5)saturate(.65);transform:scale(1.1)}.motto-background:after{background:linear-gradient(#0d0d0d,#0000 35%,#0d0d0d33 60%,#0d0d0d)}.motto-heading{text-transform:none;padding-bottom:32px;font-size:clamp(58px,7.5vw,116px);font-weight:500;line-height:1.03}.motto-line:first-child{letter-spacing:-.05em;font:500 1em/1.1 Space Grotesk,sans-serif}.motto-center>.section-label{color:#c4b397;margin-bottom:32px}.motto-center>p:last-child{letter-spacing:.12em;color:#c4b397;font:10px/1.5 Manrope,sans-serif}.connect-section{background:radial-gradient(at 80% 0,#9a714215,#0000 70%);padding:110px 0 90px}.contact-invitation{gap:60px;margin-bottom:65px;padding-bottom:65px}.contact-invitation>button{letter-spacing:-.055em;font-size:clamp(52px,6.5vw,100px);font-weight:500;line-height:1.02}.contact-invitation>button>span{letter-spacing:-.06em;font:500 1em/1.1 Space Grotesk,sans-serif}.contact-invitation>p{color:#b9ad9b;font:14px/1.85 Manrope,sans-serif}.contact-invitation>.section-label{color:#b7a080;margin-bottom:30px}.connect-grid{grid-template-columns:1fr 1fr;gap:70px}.connect-links .roll-link{margin-bottom:12px;font-size:16px;font-weight:500}.contact-email{font-size:clamp(16px,1.7vw,27px);font-weight:500}.contact-detail-label{color:#aa9981;font:11px/1.6 Manrope,sans-serif}.contact-details .roll-link{font-size:25px;font-weight:500}.end-credit{letter-spacing:.08em;width:83.4%;max-width:1440px;margin-top:90px;font-size:8px;line-height:1.6}.enquiry-dialog{background:#171510;border-color:#bca07745}.enquiry-dialog h2{font-weight:500}.enquiry-dialog input,.enquiry-dialog textarea,.enquiry-dialog select{border-color:#baa28140}.mask-layer .about-studio,.mask-layer .experience-section,.mask-layer .selected-work,.mask-layer .principles-section,.mask-layer .connect-section{background:var(--orange)}.mask-layer .work-background{display:none}.mask-layer .section-label,.mask-layer .contact-invitation>p,.mask-layer .contact-detail-label,.mask-layer .principle-signature span{color:#38251d}.mask-layer .chapter-rule{background:#38251d40}.mask-layer .principle-thumb>span{color:#38251d;background:0 0;border-color:#38251d50}.mask-layer .principle-thumb.is-active>span{background:#38251d18;border-color:#38251d}.mask-layer .motto-section{background:var(--orange)}@media (max-width:1050px){.row-reveal-content h2{max-width:52%}.connect-grid{gap:35px}.connect-links{gap:18px}.contact-invitation{gap:35px}.contact-email{font-size:18px}}@media (max-width:767.98px){.copy-container{width:calc(100% - 40px)}.section-label{letter-spacing:.12em;font-size:8px}.chapter-rule{margin-bottom:30px}.about-intro{padding-top:70px;padding-bottom:65px}.about-intro .maskable-text,.experience-intro .maskable-text{letter-spacing:-.035em;font-size:clamp(25px,6.5vw,43px);line-height:1.16}.about-intro .section-label,.experience-intro .section-label{margin-bottom:25px}.capabilities{padding-bottom:70px}.capabilities>.copy-container{margin-bottom:22px}.capability-row .row-button>.copy-container{min-height:95px;padding:25px 0}.capability-row .oversize-heading{font-size:clamp(34px,8.6vw,52px)}.capability-row .row-reveal-content{gap:12px}.capability-row .row-reveal-content h2,.capability-row.is-open .row-reveal-content h2{max-width:100%;font-size:30px}.capability-row .row-reveal-content p,.capability-row.is-open .row-reveal-content p{width:100%;max-width:100%;font-size:12px;line-height:1.7}.capability-row.is-open .row-button>.copy-container{min-height:250px}.capability-row .row-reveal-content small{font-size:10px}.experience-section{padding-bottom:45px}.experience-intro{padding-top:0;padding-bottom:65px}.history-content{grid-template-columns:25px minmax(0,1fr);gap:12px;padding:25px 0}.history-content h3{font-size:clamp(24px,6vw,36px)}.history-content>span{font-size:8px}.history-content p{text-align:left;grid-column:2;font-size:11px}.principles-section{padding-top:25px;padding-bottom:20px}.principles-grid{grid-template-columns:minmax(0,1fr) 40px;gap:12px}.principle{min-height:330px;padding:55px 0}.principle .maskable-text{font-size:clamp(28px,7.8vw,42px)}.quote-mark{margin-bottom:20px;font-size:55px;position:relative;top:auto;left:0}.principle-signature{margin-top:25px;font-size:8px}.principle-signature span{max-width:24ch;font-size:10px;line-height:1.6}.principles-rail{margin-top:50px;top:30vh}.principle-thumb{width:40px;height:60px;padding:8px 0}.principle-thumb>span{width:38px;height:44px}.principle-index{font-size:16px}.rail-indicator{height:60px;font-size:8px;left:-10px}.motto-section{min-height:540px;padding:100px 0}.motto-heading{padding-bottom:26px;font-size:clamp(44px,10.5vw,74px)}.motto-background img{object-position:66% 50%;transform:none}.motto-center>.section-label{margin-bottom:26px;font-size:8px}.motto-center>p:last-child{font-size:8px}.connect-section{padding:65px 0 100px}.contact-invitation{border-bottom:1px solid var(--border);margin-bottom:38px;padding-bottom:35px;display:block}.contact-invitation>button{max-width:500px;font-size:clamp(48px,12vw,76px)}.contact-invitation>button svg{width:28px;height:28px}.contact-invitation>p{max-width:34ch;margin-top:25px;font-size:12px}.contact-invitation>.section-label{margin-bottom:26px;font-size:8px}.connect-grid{flex-direction:column;gap:42px;display:flex}.connect-grid .section-label{margin-bottom:22px}.connect-links{gap:25px}.connect-links .roll-link{min-height:30px;margin-bottom:4px;font-size:14px}.contact-email{font-size:clamp(16px,4.7vw,22px)}.contact-details .roll-link{font-size:22px}.contact-details>div+div{margin-top:25px}.end-credit{gap:15px;width:calc(100% - 40px);margin-top:60px;font-size:6px}}.copy-container{padding-left:0;padding-right:0}.alternate-copy{line-height:inherit}.mask-layer .motto-center>p:last-child{color:#38251d}@media (max-width:767.98px){.work-section-heading{font-size:clamp(32px,8.4vw,64px)}}#studio,#work,#contact{scroll-margin-top:0}#services,#approach{scroll-margin-top:100px}@media (max-width:767.98px){#services,#approach{scroll-margin-top:84px}#studio,#contact{scroll-margin-top:20px}}.enquiry-dialog h2{text-transform:none;letter-spacing:-.05em;font-size:clamp(36px,4.5vw,54px);line-height:1.05}.enquiry-dialog h2 em{font-family:Space Grotesk,sans-serif;font-weight:400}@media (max-width:767.98px){.enquiry-dialog h2{font-size:clamp(30px,8vw,46px)}.fixed-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d0de8;height:72px}.contact-details{padding-top:0}.principles-grid{grid-template-columns:minmax(0,1fr) 48px}.principle-thumb{width:48px}.connect-links .roll-link{min-height:44px;margin-bottom:0;padding:8px 0}.enquiry-dialog .dialog-close{min-width:70px;min-height:44px}}.motto-heading{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}:root{font-synthesis:none}em,i{font-style:normal}.hero-heading,.work-section-heading,.project-title,.motto-heading,.contact-invitation>button,.enquiry-heading{font-family:Space Grotesk,sans-serif}.work-section-heading em,.enquiry-title em{font-style:normal;font-weight:500}.portal-hero .hero-heading,.portal-hero .hero-opening,.work-section-heading,.work-section-heading em,.project-title,.motto-heading,.motto-line:first-child,.contact-invitation>button,.contact-invitation>button>span,.enquiry-dialog h2,.enquiry-dialog h2 em,.capability-row .oversize-heading,.capability-row .row-reveal-content h2,.about-intro .maskable-text strong,.experience-intro .maskable-text strong{font-weight:700}@media (max-width:374px){.portal-hero .hero-heading{font-size:40px}}.portal-hero .hero-line{white-space:nowrap}
.touch-hold{display:none}.hold-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:767.98px),(hover:none) and (pointer:coarse),(max-width:1024px) and (max-height:480px) and (orientation:landscape){.touch-hold{left:50%;right:auto;bottom:calc(18px + env(safe-area-inset-bottom,0px));color:#e9dfd0;width:72px;height:72px;box-shadow:none;-webkit-backdrop-filter:none;isolation:isolate;touch-action:none;-webkit-tap-highlight-color:transparent;background:#171510eb;border:1px solid #e7cba74d;border-radius:50%;place-items:center;padding:0;transition:color .3s,background .3s,border-color .3s,scale .3s,opacity .3s;display:grid;position:fixed;transform:translate(-50%)}.touch-hold:focus-visible{outline-offset:5px;outline:1px solid #e9dfd0}.touch-hold .hold-ring{transform-origin:50%;pointer-events:none;width:100%;height:100%;animation:24s linear infinite explore-ring-turn;position:absolute;inset:0}.touch-hold .hold-ring text{letter-spacing:1px;fill:currentColor;font:500 10px Manrope,sans-serif}.touch-hold:not([data-phase=idle]) .hold-ring{animation-play-state:paused}.hold-label{letter-spacing:.08em;font:500 10px/1 Manrope,sans-serif}.hold-progress{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px;overflow:visible;transform:rotate(-90deg)}.hold-progress circle{fill:none;stroke:#dd936c;stroke-width:1.8px;stroke-linecap:round}.touch-hold[data-phase=charging]{border-color:#dd936c40;scale:.96}.touch-hold[data-phase=revealed],.touch-revealed .touch-hold{color:#38251d;box-shadow:none;background:#dd936c;border-color:#38251d66;scale:1}.touch-hold[data-phase=revealed] .hold-progress circle{stroke:#38251d}.touch-revealed .fixed-navigation .roll-link,.touch-revealed .fixed-navigation .roll-alternate,.touch-revealed .sound-toggle{color:#38251d}.touch-revealed .fixed-logo .brand-mark{color:#f1e9dc}.portal-hero .hero-scroll{right:16px;bottom:calc(28px + env(safe-area-inset-bottom,0px))}.motion-site:not(.has-entered) .touch-hold{visibility:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){.touch-hold .hold-ring{animation:none}.touch-hold{transition:none}.touch-hold[data-phase=charging]{scale:1}}@keyframes explore-ring-turn{to{transform:rotate(360deg)}}@media (max-width:767.98px){.portal-hero .hero-center{bottom:calc(148px + env(safe-area-inset-bottom,0px))}.portal-hero .hero-scroll{justify-content:center;min-width:44px}.portal-hero .hero-scroll>span:first-child{display:none}.connect-section{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}}@media (max-width:767.98px) and (max-height:700px){.portal-hero .hero-center{top:36%;bottom:180px}}
.about-sequence{--portal-height:max(720px, 100svh);--portal-travel:180svh;--studio-overlap:36svh;--studio-reading:75svh}.portal-journey{height:calc(var(--portal-height) + var(--portal-travel));background:#0d0d0d;position:relative}.portal-journey .portal-hero{height:var(--portal-height);min-height:0;position:sticky;top:0}.portal-journey .hero-center{opacity:var(--portal-copy-opacity,1);transform:translateY(var(--portal-copy-y,0px))}.portal-journey .hero-scroll,.portal-journey .hero-scene-note,.portal-journey .hero-reveal-hint,.portal-journey .background-motion-toggle{opacity:var(--portal-copy-opacity,1)}.portal-journey .portal-shade{opacity:var(--portal-shade-opacity,1)}.portal-journey .portal-artwork{transform-origin:71.6% 34.7%;transform:scale(var(--portal-fallback-scale,1))}.portal-blackout{z-index:8;opacity:var(--portal-blackout,0);pointer-events:none;background:#0d0d0d;position:absolute;inset:0}.has-entered .fixed-header,.has-entered .fixed-footer,.has-entered .reading-progress{opacity:var(--portal-chrome-opacity,1)}.has-entered .touch-hold{opacity:var(--portal-hold-opacity,1)}.is-portal-travelling .mask-layer{visibility:hidden}.about-sequence .about-studio{z-index:2;margin-top:calc(0px - var(--portal-height) - var(--studio-overlap))}.about-sequence #studio{scroll-margin-top:calc(0px - var(--studio-overlap))}.studio-intro-stage{height:calc(var(--portal-height) + var(--studio-reading));background:rgb(13 13 13/var(--studio-arrival-black,0));position:relative}.studio-intro-stage .about-intro{height:var(--portal-height);opacity:var(--studio-arrival-opacity,0);flex-direction:column;justify-content:center;padding-top:clamp(92px,12svh,140px);padding-bottom:clamp(92px,12svh,140px);display:flex;position:sticky;top:0}.mask-layer .studio-intro-stage{background:#dd936c}@media (max-width:767.98px){.about-sequence{--portal-height:max(700px, 100svh);--portal-travel:135svh;--studio-overlap:27svh;--studio-reading:65svh}.portal-journey .portal-artwork{transform-origin:52.5% 30.5%}}@media (max-width:767.98px) and (min-height:481px) and (max-height:700px){.about-sequence{--portal-height:100svh}.portal-journey .portal-hero .hero-center{top:max(148px,100svh - 430px);bottom:calc(130px + env(safe-area-inset-bottom,0px))}.portal-hero .hero-heading{font-size:clamp(38px,10.6vw,48px)}}@media (prefers-reduced-motion:reduce){.portal-journey{height:auto}.portal-journey .portal-hero{position:relative}.portal-journey .portal-artwork{transform:none}.portal-blackout{display:none}.about-sequence .about-studio{margin-top:0}.about-sequence #studio{scroll-margin-top:0}.studio-intro-stage{background:0 0;height:auto}.studio-intro-stage .about-intro{opacity:1;height:auto;position:relative}}@media (max-width:1024px) and (max-height:480px) and (orientation:landscape){.portal-journey{height:auto}.portal-journey .portal-hero{height:600px;position:relative}.portal-journey .portal-hero .hero-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;padding:0 24px;display:flex;position:absolute;top:150px;bottom:100px}.portal-hero .hero-name{justify-content:center;margin-bottom:18px}.portal-hero .hero-descriptor{display:none}.portal-hero .hero-heading{font-size:48px}.portal-blackout{display:none}.about-sequence .about-studio{margin-top:0}.about-sequence #studio{scroll-margin-top:0}.studio-intro-stage{background:0 0;height:auto}.studio-intro-stage .about-intro{opacity:1;height:auto;padding:100px 0;position:relative}.touch-hold{width:64px;height:64px;bottom:14px;left:auto;right:16px;transform:none}.portal-hero .hero-scroll,.hero-reveal-hint,.hero-scene-note,.footer-shortcuts{display:none}.sound-toggle{writing-mode:horizontal-tb;background:0 0;border:0;place-items:center;width:44px;height:44px;min-height:44px;padding:0;display:grid;inset:auto auto 14px 16px;transform:none}.sound-toggle>span{display:none}.sound-toggle .sound-bars{width:16px;height:16px;margin:0;transform:none}}
.motion-site>.fixed-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.intro-screen .intro-enter:focus-visible{box-shadow:none;color:#0d0d0d;background:#d8cdbb;border-color:#d8cdbb;outline:none}@media (max-width:767.98px){.fixed-header{height:0}.fixed-logo{justify-content:center;align-items:center;width:44px;height:44px;top:14px;left:16px}.fixed-navigation{flex-direction:column;align-items:flex-end;gap:0;top:12px;right:18px}.fixed-navigation .roll-link{letter-spacing:.045em;color:#eee7dc9c;text-align:right;text-shadow:0 1px 10px #0009;-webkit-tap-highlight-color:transparent;justify-content:flex-end;align-items:center;min-width:100px;min-height:44px;padding:0;font:600 12px/1.1 Manrope,sans-serif;display:flex}.fixed-navigation .roll-alternate{color:#f4eee5}.fixed-navigation .roll-link:after{content:none}.fixed-navigation .roll-link:focus-visible{outline-offset:2px;border-radius:3px;outline:1px solid #dd936c}.touch-revealed .fixed-navigation .roll-link,.touch-revealed .fixed-navigation .roll-alternate{color:#38251d;text-shadow:none}}.fixed-header,.fixed-footer{transition:opacity .22s,visibility}.has-entered.is-footer-index-overlap .fixed-header,.has-entered.is-footer-index-overlap .fixed-footer{opacity:0;visibility:hidden;transition:opacity .22s,visibility 0s .22s}.brand-mark .mark-smile{opacity:0;transition:opacity .25s}.brand-mark[data-reveal-phase=charging] .mark-body{transform:translateY(1px)rotate(-9deg)scale(.94)}.brand-mark[data-reveal-phase=charging] .mark-gaze{transform:translate(1.2px,1.6px)}.brand-mark[data-reveal-phase=charging] .mark-spark{transform:rotate(-40deg)scale(.8)}.brand-mark[data-reveal-phase=revealed] .mark-body{transform:translateY(-1px)rotate(8deg)scale(1.08)}.brand-mark[data-reveal-phase=revealed] .mark-gaze{transform:translateY(-.4px)}.brand-mark[data-reveal-phase=revealed] .mark-right-eye{transform-origin:35.5px 32.5px;animation:none;transform:scaleY(.15)}.brand-mark .mark-right-eye{transition:transform .3s}.brand-mark[data-reveal-phase=revealed] .mark-smile{opacity:1}.brand-mark[data-reveal-phase=revealed] .mark-spark{fill:#dd936c;transform:rotate(135deg)scale(1.3)}.touch-revealed .brand-mark[data-reveal-phase=revealed] .mark-spark{fill:#38251d}@media (prefers-reduced-motion:reduce){.brand-mark .mark-smile,.brand-mark .mark-right-eye{transition:none}}
.section-label,.contact-invitation>.section-label,.motto-center>.section-label,.enquiry-dialog>.section-label{letter-spacing:.1em;color:#c4b59f;font-size:13px;line-height:1.6}.intro-brand>span:last-child{color:#d8cdbb;font-size:13px}.intro-enter,.intro-progress{font-size:14px}.fixed-navigation .roll-link{color:#eee7dcc4;text-shadow:0 1px 2px #000b,0 0 12px #0008;font-size:14px}.touch-revealed .fixed-navigation .roll-link{text-shadow:none}.portal-hero .hero-name{letter-spacing:.1em;font-size:13px}.base-layer .portal-hero .hero-name{text-shadow:0 1px 8px #000b}.portal-hero .hero-descriptor{opacity:.8}.portal-hero .hero-introduction{color:#e5ddd1;font-size:16px;line-height:1.7}.hero-work-link{font-size:15px}.portal-hero .hero-scroll,.hero-reveal-hint,.hero-scene-note{letter-spacing:.06em;color:#e5dac7;font-size:12px}.capability-row .row-reveal-content p,.capability-row.is-open .row-reveal-content p,.history-content p,.work-section-intro,.project-description,.contact-invitation>p{font-size:16px;line-height:1.75}.capability-row .row-reveal-content small,.capability-row.is-open .row-reveal-content small{opacity:.85;font-size:14px}.history-content p{opacity:.9}.history-content>span{opacity:.85;font-size:14px}.project-chapter-top,.project-tags{color:#c4b59f;font-size:13px;line-height:1.6}.project-stage-caption{letter-spacing:.03em;font-size:12px;line-height:1.5}.project-film-control{font-size:13px}.project-visit{font-size:15px}.principle-signature{font-size:13px;line-height:1.6}.principle-signature span{color:#c4b59f;font-size:16px;line-height:1.7}.motto-center>p:last-child{font-size:14px}.contact-detail-label{color:#c4b59f;font-size:14px}.connect-links .roll-link{font-size:16px}.end-credit{opacity:.85;flex-wrap:wrap;font-size:12px}.sound-toggle{font-size:13px}.sound-toggle>span:not(.selected){opacity:.7}.dialog-close{min-height:44px;font-size:13px}.enquiry-dialog .dialog-close{margin:0 0 24px auto}.enquiry-dialog>.section-label{margin-top:0}.enquiry-dialog label{font-size:15px}.enquiry-dialog .enquiry-intro,.enquiry-dialog input,.enquiry-dialog select,.enquiry-dialog textarea{font-size:16px}.enquiry-dialog input::placeholder,.enquiry-dialog textarea::placeholder{color:#bfb19d}.enquiry-dialog .form-note{opacity:.85;font-size:14px;line-height:1.75}.brief-preview{font-size:15px}.line-button,.solid-button{letter-spacing:.04em;font-size:14px}.mask-layer .section-label,.mask-layer .contact-invitation>.section-label,.mask-layer .motto-center>.section-label,.mask-layer .principle-signature span,.mask-layer .contact-detail-label{color:#38251d}@media (min-width:768px){.capability-row .row-button>.copy-container{min-height:210px}}@media (max-width:767.98px){.portal-hero .hero-name{margin-bottom:18px;font-size:12px}.portal-hero .hero-introduction{margin-top:18px;font-size:15px}.hero-work-link{margin-top:20px}.capability-row.is-open .row-button>.copy-container{min-height:330px}.capability-row .row-reveal-content{flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 0}.capability-row .row-reveal-content h2{max-width:100%}.project-stage-caption{max-width:calc(100% - 68px);bottom:14px;left:12px}.project-tags{gap:10px 16px}.contact-email{overflow-wrap:anywhere;font-size:20px}.end-credit{gap:12px;line-height:1.8}}
.motion-site .fixed-footer{mix-blend-mode:normal}.footer-shortcuts{left:calc(var(--edge) - 10px);bottom:9.92063vh}.footer-shortcuts ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.footer-shortcuts .footer-shortcut{color:#b7ab98;-webkit-tap-highlight-color:transparent;place-items:center;width:44px;height:44px;padding:0;display:grid}.shortcut-symbol{place-items:center;width:24px;height:24px;transition:color .4s cubic-bezier(.165,.84,.44,1);display:grid}.footer-shortcuts svg{stroke-width:1.5px;width:22px;height:22px}.footer-shortcuts .footer-shortcut:hover .shortcut-symbol,.footer-shortcuts .footer-shortcut:focus-visible .shortcut-symbol{color:#dd936c}.footer-shortcut:focus-visible{outline-offset:2px;border-radius:50%;outline:1px solid #dd936c}.fixed-footer .sound-toggle{top:auto;left:auto;right:calc(var(--edge) - 46px);writing-mode:horizontal-tb;color:#b7ab98;letter-spacing:.025em;text-shadow:0 1px 8px #0009;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:7px;width:104px;height:44px;min-height:44px;padding:0;font:600 13px/1.25 Manrope,sans-serif;transition:color .4s cubic-bezier(.165,.84,.44,1);display:flex;bottom:calc(9.92063vh + 30px);transform:rotate(-90deg)}.fixed-footer .sound-toggle:after{content:none}.fixed-footer .sound-toggle>span{opacity:1;display:block}.fixed-footer .sound-toggle .sound-label{opacity:.65}.fixed-footer .sound-toggle .sound-state-window{text-align:left;width:2.1em;height:1.25em;overflow:hidden}.sound-state-track{height:100%;display:block;position:relative}.sound-state-track>span{height:1.25em;transition:transform .65s cubic-bezier(.165,.84,.44,1);display:block;position:absolute;inset:0;transform:translateY(-100%)}.sound-state-track>span:last-child,[data-sound-on=true] .sound-state-track>span:first-child{transform:translateY(0)}[data-sound-on=true] .sound-state-track>span:last-child{transform:translateY(-100%)}.fixed-footer .sound-toggle:hover,.fixed-footer .sound-toggle:focus-visible{color:#dd936c}.fixed-footer .sound-toggle:focus-visible{outline-offset:1px;outline:1px solid #dd936c}.touch-revealed .fixed-footer .sound-toggle{color:#38251d;text-shadow:none;background:0 0}@media (max-width:767.98px){.footer-shortcuts{display:none}.fixed-footer .sound-toggle{right:-20px;bottom:calc(48px + env(safe-area-inset-bottom))}}@media (max-width:1024px) and (max-height:480px) and (orientation:landscape){.footer-shortcuts{display:none}.fixed-footer .sound-toggle{bottom:14px;left:16px;right:auto;transform:none}}@media (prefers-reduced-motion:reduce){.shortcut-symbol,.sound-state-track>span,.fixed-footer .sound-toggle{transition:none}}
:root{--section-space:clamp(96px, 9vw, 160px);--content-gutter:10%}.copy-container,.work-showcase-container,.end-credit{width:80%;max-width:1320px}.chapter-rule{margin-bottom:clamp(40px,4vw,64px)}.portal-hero .hero-center{margin-left:max(10%,50% - 660px)}.portal-hero .hero-name{margin-bottom:44px}.portal-hero .hero-heading{line-height:1.1}.portal-hero .hero-introduction{margin-top:36px;line-height:1.85}.hero-work-link{min-height:54px;margin-top:36px;padding-inline:26px}.hero-scene-note{display:none}.hero-reveal-hint{bottom:64px;left:max(10%,50% - 660px)}.fixed-navigation{gap:40px}.about-intro .maskable-text,.experience-intro .maskable-text{line-height:1.24}.about-intro .section-label,.experience-intro .section-label{margin-bottom:44px}.capabilities{padding-bottom:var(--section-space)}.capabilities>.copy-container{margin-bottom:40px}.capability-row .row-button>.copy-container{min-height:224px;padding-block:36px}.capability-row .row-reveal-content{gap:56px}.capability-row .row-reveal-content p{line-height:1.85}.experience-section{padding-bottom:var(--section-space)}.experience-intro{padding-top:24px;padding-bottom:112px}.process-history>.copy-container .section-label{margin-bottom:36px}.history-content{gap:40px;padding-block:42px}.history-content p{line-height:1.85}.projects-intro{padding-top:var(--section-space);padding-bottom:88px}.work-section-heading{margin-top:32px;line-height:1.1}.work-section-intro{max-width:46ch;margin-top:28px;line-height:1.85}.project-chapter{padding:44px 0 88px}.project-chapter+.project-chapter{margin-top:32px}.project-chapter-top{margin-bottom:36px}.project-composition{gap:clamp(56px,7vw,112px)}.project-description{max-width:36ch;margin-top:28px;line-height:1.85}.project-visit{margin-top:32px}.selected-work{padding-bottom:96px}.principles-section{padding-block:96px}.principles-section>.copy-container>.section-label{margin-bottom:48px}.principle .maskable-text{line-height:1.18}.principle-signature{margin-top:40px}.principle-signature span{margin-top:14px}.motto-center>.section-label{margin-bottom:40px}.motto-heading{padding-bottom:40px;line-height:1.12}.connect-section{padding-top:var(--section-space);padding-bottom:112px}.contact-invitation{gap:32px 80px;margin-bottom:80px;padding-bottom:80px}.contact-invitation>.section-label{margin-bottom:16px}.contact-invitation>button{line-height:1.12}.contact-invitation>p{max-width:36ch;line-height:1.85}.connect-grid{gap:80px}.connect-links .roll-link{align-items:center;min-height:44px;margin-bottom:8px;display:flex}.contact-detail-label{margin-bottom:18px}.contact-details>div+div{margin-top:40px}.end-credit{margin-top:104px}@media (max-width:1050px) and (min-width:768px){.copy-container,.work-showcase-container,.end-credit{width:82%}.portal-hero .hero-center{margin-left:9%}.project-composition{gap:40px}.contact-invitation{column-gap:40px}.connect-grid{gap:40px}}@media (max-width:767.98px){:root{--section-space:88px;--content-gutter:clamp(24px, 6vw, 32px)}.copy-container,.work-showcase-container,.end-credit{width:calc(100% - var(--content-gutter) * 2)}.chapter-rule{margin-bottom:36px}.fixed-navigation{gap:0}.portal-journey .portal-hero .hero-center{top:max(164px,100svh - 466px);bottom:calc(132px + env(safe-area-inset-bottom,0px));width:100%;padding-inline:var(--content-gutter);margin:0}.portal-hero .hero-name{margin-bottom:24px}.portal-hero .hero-heading{font-size:clamp(36px,10.7vw,68px);line-height:1.14}.portal-hero .hero-introduction{margin-top:24px;line-height:1.8}.hero-work-link{min-height:50px;margin-top:28px;padding-inline:24px}.about-intro .maskable-text,.experience-intro .maskable-text{font-size:clamp(24px,6.2vw,43px);line-height:1.28}.about-intro .section-label,.experience-intro .section-label{margin-bottom:32px}.capabilities>.copy-container{margin-bottom:28px}.capability-row .row-button>.copy-container{min-height:112px;padding-block:30px}.capability-row .row-reveal-content,.capability-row.is-open .row-reveal-content{gap:20px;padding-block:32px}.capability-row.is-open .row-button>.copy-container{min-height:352px}.experience-intro{padding-top:0;padding-bottom:80px}.process-history>.copy-container .section-label{margin-bottom:28px}.history-content{gap:16px;padding-block:32px}.history-content h3{line-height:1.2}.projects-intro{padding-bottom:56px}.work-section-heading{margin-top:28px;line-height:1.14}.work-section-intro{margin-top:28px}.project-chapter{padding-top:28px;padding-bottom:64px}.project-chapter+.project-chapter{margin-top:24px}.project-chapter-top{margin-bottom:28px}.project-composition{gap:36px}.project-description{margin-top:24px}.project-visit{justify-content:space-between;width:100%;min-height:48px;margin-top:28px;display:flex}.selected-work{padding-bottom:56px}.principles-section{padding-block:56px}.principles-section>.copy-container>.section-label{margin-bottom:40px}.principles-grid{column-gap:20px}.principle{padding-block:64px}.principle-signature{margin-top:32px}.motto-section{padding-block:112px}.motto-center>.section-label{margin-bottom:36px}.connect-section{padding-bottom:128px}.contact-invitation{margin-bottom:48px;padding-bottom:48px}.contact-invitation>.section-label{margin-bottom:32px}.contact-invitation>button{padding-right:0;font-size:clamp(36px,10.7vw,74px);line-height:1.14}.contact-invitation>button svg{display:none}.contact-invitation>p{margin-top:32px}.connect-grid{gap:56px}.connect-grid .section-label{margin-bottom:28px}.connect-links{column-gap:24px}.contact-details>div+div{margin-top:36px}.end-credit{margin-top:72px}}@media (max-width:767.98px) and (min-height:481px) and (max-height:700px){.portal-journey .portal-hero .hero-center{top:max(148px,100svh - 446px)}.portal-hero .hero-name{margin-bottom:18px}.portal-hero .hero-introduction{margin-top:20px}.hero-work-link{margin-top:24px}}@media (max-width:1024px) and (max-height:480px) and (orientation:landscape){.portal-journey .portal-hero .hero-center{width:100%;margin:0;padding-inline:32px;top:144px;bottom:96px}.portal-hero .hero-heading{font-size:44px}}
.fixed-logo{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.is-after-hours .fixed-logo .brand-mark{color:#dce4f0}.is-after-hours .fixed-logo .mark-spark{fill:#bccde4}.fixed-logo .brand-mark{transition:color 2.8s}.fixed-logo .mark-spark{transition:fill 2.8s,transform .3s}.after-hours-note{z-index:22;pointer-events:none;color:#dbe5f3;opacity:0;text-align:center;background:#101724d9;border:1px solid #a8bed329;border-radius:6px;width:max-content;max-width:calc(100% - 64px);padding:12px 20px;transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1);position:fixed;top:98px;left:50%;transform:translate(-50%,-6px)}.after-hours-note[data-visible=true]{opacity:1;transform:translate(-50%)}.after-hours-note>span{letter-spacing:.12em;color:#aebed1;font:500 10px/1.6 Manrope,sans-serif}.after-hours-note>p{margin-top:5px;font:400 13px/1.6 Manrope,sans-serif}.portal-night-fallback{opacity:0;transition:opacity 2.8s cubic-bezier(.65,0,.35,1);position:absolute;inset:0}.portal-night-fallback[data-night=true]{opacity:1}.portal-journey .portal-night-fallback{transform-origin:71.6% 34.7%;transform:scale(var(--portal-fallback-scale,1))}.night-room,.night-room img,.night-window{width:100%;height:100%;position:absolute;inset:0}.night-room img{object-fit:cover;object-position:center;filter:grayscale()brightness(.6)}.night-room:after{content:"";mix-blend-mode:color;background:#6f91bd33;position:absolute;inset:0}.night-window{-webkit-mask-image:url(/images/threshold/aperture-desktop.svg);mask-image:url(/images/threshold/aperture-desktop.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.night-window img{max-width:none;position:absolute}@media (max-width:767.98px){.after-hours-note{width:max-content;max-width:calc(100% - 64px);padding:10px 16px;top:156px}.after-hours-note>p{max-width:25ch;font-size:12px}.night-window{-webkit-mask-image:url(/images/threshold/aperture-mobile.svg);mask-image:url(/images/threshold/aperture-mobile.svg)}.portal-journey .portal-night-fallback{transform-origin:52.5% 30.5%}}@media (max-height:480px) and (orientation:landscape){.after-hours-note{padding:8px 16px;top:84px}}@media (prefers-reduced-motion:reduce){.portal-night-fallback,.fixed-logo .brand-mark,.fixed-logo .mark-spark,.after-hours-note{transition:none}.portal-journey .portal-night-fallback{transform:none}}