@charset "UTF-8";
:root{--paper:#181c1b;--white:#242a27;--ink:#f0eee6;--muted:#b1b8af;--line:#464e48;--green:#d8734b;--sage:#d8734b;--rust:#f1996d}
body{background:#181c1b}.header{background:#181c1b;border-bottom:1px solid #414942;min-height:96px;padding-left:4%;padding-right:4%}.brand{font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:700;letter-spacing:.15em}.brand small{letter-spacing:.22em;font-size:8px;font-weight:400}.nav .enquire{background:none;border:1px solid #7d8b7e;color:var(--ink);padding:11px 18px}.nav .enquire:hover{background:#d8734b;border-color:#d8734b;color:#181c1b}.nav a[aria-current=page]{border-color:#d8734b}.button{background:#d8734b;border-color:#d8734b;color:#181c1b}.button:hover{background:#ef946e;border-color:#ef946e}.button.light{background:transparent;color:var(--ink)}.eyebrow{color:#ccd1c8}.page-intro{padding-top:85px;padding-bottom:80px;position:relative}.page-intro h1{font-size:clamp(60px,7.3vw,120px);letter-spacing:-.055em}.page-intro p{color:#bfc6bc;font-size:16px}.page-intro .eyebrow{color:#d7835d}.project-cover{margin:0}.project-cover>img{aspect-ratio:2.15}.project-details{border-color:#464e48}.ink-section{background:#dcded3;color:#202821}.ink-section .eyebrow{color:#4c5d4e}.ink-section .muted,.ink-section .section-head>p{color:#4c5d4e}.ink-section .text-link{color:#202821}.section-head h2{font-size:clamp(44px,5.3vw,85px)}.section-head>p{font-size:15px}.section{padding-top:105px;padding-bottom:105px}.project-grid{gap:70px 35px}.project-card.feature{gap:65px}.project-card.feature>img{aspect-ratio:1.45}.project-card h3{font-size:40px}.project-card .card-meta{color:#d7835d}.ink-section .project-card h3{font-size:clamp(38px,4vw,62px);line-height:1.05}.asset-space{background:#242b26;border-color:#4b584c;min-height:330px;padding:35px;color:#eceee5}.asset-space h3{font-size:36px}.asset-space .asset-type{color:#d7835d}.asset-space .asset-delivery{color:#b7c3b3}.asset-space.dark{background:#cbd0c1;color:#253025;border-color:#abb49f}.asset-space.dark .asset-type{color:#825137}.asset-space.dark .asset-delivery{color:#53644f}.film-grid{gap:35px;align-items:center}.film-card:nth-child(2){margin-top:130px}.film-slot{aspect-ratio:1.5;background:#28352b}.film-slot .asset-label{background:#1b241feb;color:#eef0e7;padding:20px;backdrop-filter:blur(12px);border-top:1px solid #9eac98}.film-card figcaption{font-size:15px;padding-top:22px}.film-card figcaption small{font-size:11px}.film-slot .asset-label b{color:#e99d76}.film-play{background:#d8734b;color:#181c1b}.scope-table td:first-child{font-size:32px}.service-list h2{font-size:48px}.audience-list h3{font-size:33px}.material-workspace{background:#212a23;border:0}.material-panel{padding:30px;border-color:#4b584c}.material-panel h3{font-size:33px}.material-view>.view-caption{background:#19221ce8;color:#e0e6d9}.material-group{border-color:#4b584c}.swatches button{font-size:12px}.swatches button[aria-pressed=true]{border-color:#dc946a}.material-group legend{font-size:12px}.material-panel .button.light{border-color:#60725e}.material-panel .button{color:#181c1b}.view-buttons button[aria-pressed=true],.filter-button[aria-pressed=true]{background:#d8734b;color:#181c1b}.view-buttons button,.filter-button{border-color:#657460}.production-item{background:#222a24;border-color:#465242}.production-item .tag{color:#d7835d}.closing{background:#d8734b;color:#181c1b;padding-top:85px;padding-bottom:85px}.closing .eyebrow{color:#352c22}.closing h2{font-size:clamp(48px,5.3vw,85px)}.closing .button{background:#18241c;color:#f0eee6;border-color:#18241c}.footer{background:#101713;padding-top:70px;position:relative}.footer>.brand{font-size:clamp(24px,3vw,48px);letter-spacing:.12em}.footer .bottom{border-color:#364536}.footer:after{content:'FINIAL FORM';grid-column:1/-1;font:700 clamp(42px,11.4vw,190px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.065em;color:#334235;white-space:nowrap;margin-top:45px;overflow:hidden}.header .menu-button{color:var(--ink);border-color:#8d9a87}.contact-grid input,.contact-grid textarea,.contact-grid select{border-color:#66715f}.contact-grid select option{background:#202b21;color:#f0eee6}.form-result{border-color:#6c7d62;background:#202c22}.scope-table th{color:#b8c3b0}.film-slot .asset-label p{color:#e3e8dc}
.footer{color:#f0eee6}
/* The homepage is a material experience, with the site around it. */
.immersive-home .header{position:absolute;top:0;left:0;right:0;background:linear-gradient(#111a16c7,transparent);border-bottom:1px solid #d3ddcc42;color:#f4f1e9}.immersive-home .header .client-link{color:#e3e6dc}.immersive-home .header .enquire{color:#f4f1e9;border-color:#d3ddcc80}.spatial-stage{height:100svh;min-height:800px;position:relative;background:#3f493d;isolation:isolate;overflow:hidden}.stage-images,.stage-shade{position:absolute;inset:0}.stage-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 54%}.stage-images #stage-next{opacity:0;transition:opacity .55s ease}.stage-images #stage-next.show{opacity:1}.stage-shade{z-index:1;background:linear-gradient(90deg,#111b17c7 0%,#111b1760 45%,transparent 80%),linear-gradient(0deg,#111b17f2 0%,#111b1750 24%,transparent 60%)}.stage-topline{position:absolute;top:133px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.17em;color:#e5e8df;z-index:2}.stage-copy{position:absolute;z-index:2;left:6%;top:23%;color:#f4f0e4}.stage-copy .eyebrow{color:#e0e5d6;font-size:11px}.stage-copy h1{font-size:clamp(85px,10.9vw,182px);line-height:.83;letter-spacing:-.065em;margin:30px 0}.stage-copy h1 em{font-weight:400;color:#eab08b}.stage-copy p{font-size:14px;line-height:1.8;color:#e1e5d9;margin-bottom:28px}.stage-enter{font-size:12px;border-bottom:1px solid #f1e5cf;padding:12px 0;display:inline-block}.stage-side{position:absolute;right:4%;top:46%;z-index:3;display:flex;flex-direction:column;gap:35px;align-items:end}.stage-side>span{writing-mode:vertical-rl;font-size:10px;letter-spacing:.2em;color:#eef0e7}.stage-side button{font-size:11px;background:#17251cc7;border:1px solid #d5dfcb88;color:#f0eee6;padding:13px 16px;backdrop-filter:blur(10px)}.stage-bottom{position:absolute;bottom:32px;left:4%;right:4%;z-index:3;color:#f0eee6;display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid #cfddc160;padding-top:22px}.stage-caption>.eyebrow{font-size:9px;color:#bfcbb5}.stage-caption>p{font-size:12px;margin:10px 0 0;color:#e7eddd;min-height:20px}.stage-controls{display:flex;gap:23px;align-items:end;background:#14251e75;backdrop-filter:blur(12px);padding:16px 20px;border:1px solid #b7c5a538}.stage-controls fieldset{padding:0;border:0;margin:0}.stage-controls legend{font-size:9px;letter-spacing:.08em;color:#d1dcc7;margin-bottom:12px}.stage-controls fieldset>div{display:flex;gap:7px}.stage-controls [data-stage]{width:28px;height:28px;min-height:28px;padding:0;background:var(--chip);border:3px solid transparent;box-shadow:inset 0 0 0 1px #ffffff35;outline-offset:4px}.stage-controls [data-stage][aria-pressed=true]{outline:1px solid #f7eed8;outline-offset:3px}.stage-controls [data-stage]:hover{outline:1px solid #dca283;outline-offset:3px}.stage-compare{background:none;border:0;border-bottom:1px solid #97ab88;color:#e6eddc;padding:9px 0;font-size:10px;min-height:28px;margin-left:5px}.stage-compare[aria-pressed=true]{color:#e9ab85}.location-band{display:flex;justify-content:space-between;gap:25px;padding:21px 4%;font-size:10px;letter-spacing:.09em;background:#101a14;color:#c2ceb8;border-bottom:1px solid #34442f}.location-band a{border-bottom:1px solid #a1b88f}.spatial-manifesto{padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1fr 2.2fr;gap:60px;background:#e3e1d6;color:#1c2b20}.spatial-manifesto .eyebrow{color:#536b4a}.spatial-manifesto h2{font-size:clamp(57px,7.4vw,120px);margin:0 0 45px;line-height:.99}.spatial-manifesto h2 em{font-weight:400;color:#9b5f3e}.spatial-manifesto p{font-size:22px;line-height:1.5;max-width:650px}.spatial-manifesto .manifesto-detail{font-size:15px;max-width:520px;color:#4a5d43;margin:28px 0}.scene-interlude{position:relative;height:90svh;min-height:650px;overflow:hidden}.scene-interlude>img{width:100%;height:100%;object-fit:cover;object-position:center}.scene-interlude:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#112118da,transparent 75%)}.interlude-caption{position:absolute;bottom:65px;left:6%;z-index:1;color:#f3eddd}.interlude-caption>span{font-size:10px;letter-spacing:.15em}.interlude-caption p{font:400 clamp(43px,5.5vw,85px)/1.03 var(--serif);letter-spacing:-.045em;margin:25px 0}.interlude-caption p em{color:#e3ac87;font-weight:400}.interlude-caption a{font-size:12px;border-bottom:1px solid #e3d6bc;padding-bottom:8px}.focus-exit{position:absolute;top:30px;right:4%;z-index:15;background:#11231ae0;border:1px solid #d3ddca;color:#f1eee4;padding:14px 20px;font-size:12px}.spatial-stage.focused{position:fixed;inset:0;z-index:80;height:100svh;min-height:0}.spatial-stage.focused .stage-copy,.spatial-stage.focused .stage-topline,.spatial-stage.focused .stage-side{display:none}.spatial-stage.focused .stage-shade{background:linear-gradient(0deg,#101c17ec,transparent 26%)}body.room-focused{overflow:hidden}.focus-exit:focus-visible{outline:2px solid #f3b08a}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.in-view{opacity:1;transform:none}
@media(min-width:1700px){.stage-copy{left:9%}.stage-copy h1{font-size:180px}.stage-bottom{left:6%;right:6%}.spatial-stage{min-height:900px}}
@media(max-width:1050px){.stage-copy h1{font-size:130px}.stage-side{top:43%}.stage-bottom{align-items:start;gap:20px}.stage-caption{max-width:190px}.stage-controls{gap:16px;padding:15px}.stage-controls [data-stage]{width:26px;height:26px}.spatial-manifesto{grid-template-columns:1fr 2.3fr;gap:35px}.nav{gap:16px}.material-workspace{grid-template-columns:1fr 290px}}
@media(max-width:760px){.header{min-height:90px;padding:22px 24px}.header .brand{font-size:20px}.immersive-home .header:has(.nav.open){background:#14251b}.nav .enquire{margin:12px 0}.immersive-home .nav .client-link{color:#e2e8d8}.spatial-stage{height:100svh;min-height:850px}.stage-images img{object-position:58% center}.stage-shade{background:linear-gradient(90deg,#122219a8,transparent),linear-gradient(0deg,#102018 0%,#1020189c 28%,transparent 70%)}.stage-topline{top:119px;left:24px;right:24px;font-size:8px;line-height:1.8}.stage-topline span:last-child{display:none}.stage-copy{left:24px;right:24px;top:22%}.stage-copy .eyebrow{font-size:9px}.stage-copy h1{font-size:100px;margin:30px 0 25px;line-height:.85}.stage-copy p{font-size:12px;line-height:1.8;margin-bottom:15px}.stage-enter{font-size:11px}.stage-side{top:auto;bottom:215px;right:24px;left:24px;align-items:start;gap:0}.stage-side>span{display:none}.stage-side button{padding:10px 13px;font-size:10px}.stage-bottom{bottom:22px;left:24px;right:24px;display:block;padding-top:16px}.stage-caption>.eyebrow{font-size:8px}.stage-caption>p{font-size:10px;margin:7px 0 15px}.stage-controls{padding:14px 0 0;border:0;border-top:1px solid #b7c5a538;background:none;gap:18px;backdrop-filter:none;justify-content:space-between;flex-wrap:wrap;max-width:500px}.stage-controls legend{font-size:8px;margin-bottom:10px}.stage-controls fieldset>div{gap:9px}.stage-controls [data-stage]{width:28px;height:28px}.stage-compare{font-size:9px;padding:7px 0;margin-left:0}.stage-caption{max-width:100%}.location-band{padding:18px 24px;font-size:8px}.location-band>span:nth-child(2){display:none}.spatial-manifesto{padding:65px 24px;grid-template-columns:1fr;gap:35px}.spatial-manifesto h2{font-size:57px;margin-bottom:30px}.spatial-manifesto p{font-size:20px}.spatial-manifesto .manifesto-detail{font-size:14px}.scene-interlude{height:75svh;min-height:550px}.interlude-caption{left:24px;right:24px;bottom:40px}.interlude-caption p{font-size:45px}.page-intro{padding-top:50px;padding-bottom:50px}.page-intro h1{font-size:58px}.section{padding-top:65px;padding-bottom:65px}.section-head h2{font-size:46px}.project-cover>img{aspect-ratio:1.2}.film-card:nth-child(2){margin-top:0}.film-slot .asset-label{padding:14px}.film-slot .asset-label p{font-size:11px}.asset-space h3{font-size:31px}.asset-space{padding:25px;min-height:300px}.project-card h3{font-size:35px}.ink-section .project-card h3{font-size:42px}.material-workspace{grid-template-columns:1fr}.material-panel{padding:24px}.closing{padding-top:55px;padding-bottom:55px}.closing h2{font-size:48px}.footer{padding-top:50px}.footer:after{font-size:12vw;margin-top:15px}.focus-exit{top:25px;right:24px}.spatial-stage.focused .stage-bottom{bottom:25px}.spatial-stage.focused .stage-images img{object-position:53% center}}
@media(max-width:380px){.stage-copy h1{font-size:87px}.stage-controls{gap:15px}.stage-controls [data-stage]{width:26px;height:26px}.stage-controls fieldset>div{gap:7px}.stage-compare{font-size:9px}.stage-copy{top:23%}.stage-side{bottom:230px}.spatial-manifesto h2{font-size:50px}.page-intro h1{font-size:50px}}
@media(max-width:760px){.stage-copy h1{font-size:78px}.spatial-stage{min-height:780px}.stage-controls [data-stage]{width:30px;height:30px}}
@media(max-width:760px){.scope-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.scope-table tbody tr{display:block;border-bottom:1px solid var(--line);padding:20px 0}.scope-table td,.scope-table td:first-child,.scope-table td:last-child{display:block;width:auto;padding:10px 0;border:0;font-size:14px}.scope-table td:first-child{font-size:30px}.scope-table td:last-child{color:var(--muted)}}
@media(max-width:760px){.audience-list{grid-template-columns:minmax(0,1fr);gap:30px}.audience-list article{border-top:1px solid currentColor;padding-top:25px}.audience-list h3{font-size:33px;margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.stage-images #stage-next{transition:none}.reveal-ready{transform:none;opacity:1;transition:none}}