.landing-site .project-index{--ink:var(--web-palette-paper);--muted:rgb(229 228 226 / .72);--rule:rgb(229 228 226 / .22);background:var(--web-palette-onyx);color:var(--ink)}.project-index .text-link{color:var(--ink)}.project-index .text-link:focus-visible{outline:2px solid var(--ink);outline-offset:5px;border-radius:var(--web-radius-control)}.project-index .section-head{display:block;text-align:center;margin:0 0 var(--landing-title-gap)}.project-index .section-head h2.display{margin:0 auto;text-align:center;font-size:var(--landing-title-size);line-height:var(--landing-title-line);letter-spacing:var(--landing-title-tracking);font-weight:500}.project-index-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:64px;align-items:center}.project-index-view{display:grid;min-width:0}.project-index-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.project-index-panel{grid-area:1/1;min-width:0;margin:0}.project-index[data-enhanced] .project-index-panel{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 260ms cubic-bezier(.22,1,.36,1),visibility 260ms}.project-index[data-enhanced] .project-index-panel.is-current{opacity:1;visibility:visible;pointer-events:auto}.project-index-media{display:block;width:100%;height:auto;aspect-ratio:8/5;min-height:480px;object-fit:cover;border-radius:var(--web-radius-surface)}.project-index-caption{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;padding-top:24px;min-height:112px}.project-index-caption h3{font-size:24px;line-height:30px;margin:0}.project-index-caption p{font-size:16px;line-height:24px;color:var(--muted);max-width:570px;margin-top:8px}.project-index-nav{display:flex;flex-direction:column;margin:0 0 112px;padding:0}.project-index-tab{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;gap:16px;align-items:center;padding:22px 0;border:0;border-bottom:1px solid var(--rule);background:transparent;text-align:left;color:var(--muted);cursor:pointer}.project-index-tab:first-child{border-top:1px solid var(--rule)}.project-index-number{font-size:12px;line-height:18px;font-variant-numeric:tabular-nums}.project-index-tab-name{display:block;font-size:18px;line-height:24px;font-weight:500}.project-index-tab-type{display:block;font-size:13px;line-height:18px;margin-top:4px}.project-index-tab>svg{opacity:0;transform:translateX(-4px);transition:opacity 200ms ease,transform 240ms cubic-bezier(.22,1,.36,1)}.project-index-tab[aria-selected=true]{color:var(--ink)}.project-index-tab[aria-selected=true]>svg{opacity:1;transform:none;color:var(--ink)}.project-index-tab:hover{color:var(--ink)}.project-index-tab:focus-visible{outline:2px solid var(--ink);outline-offset:5px;border-radius:var(--web-radius-control)}.project-index-footer{display:flex;justify-content:center;gap:32px;margin-top:24px}.project-index:not([data-enhanced]) .project-index-nav{display:none}.project-index:not([data-enhanced]) .project-index-panel{grid-area:auto;margin-bottom:40px}@media (max-width:1200px){.project-index-grid{grid-template-columns:minmax(0,1fr) 280px;column-gap:32px}.project-index-tab{gap:12px}}@media (max-width:900px){.project-index-grid{display:flex;flex-direction:column;gap:32px;align-items:stretch}.project-index-nav{order:-1;flex-direction:row;overflow:auto;gap:24px;margin:0;padding:4px 0;scrollbar-width:none}.project-index-tab{flex:0 0 auto;display:flex;gap:12px;padding:0 0 16px;min-height:64px;border-top:0!important;white-space:nowrap}.project-index-tab>svg{display:none}.project-index-tab[aria-selected=true]{border-bottom-color:var(--ink)}.project-index-media{min-height:0}}@media (max-width:700px){.project-index-grid{gap:24px}.project-index-nav{margin-right:-28px;padding-right:28px;scroll-padding-inline:0}.project-index-tab-name{font-size:16px;line-height:22px}.project-index-tab-type{font-size:12px;line-height:18px}.project-index-media{width:calc(100% + 28px);max-width:none;margin-inline:-14px;aspect-ratio:1;min-height:0}.project-index-caption{display:block;min-height:164px;padding-top:20px}.project-index-caption h3{font-size:22px;line-height:28px}.project-index-caption p{font-size:14px;line-height:21px}.project-index-footer{margin-top:16px;gap:24px}}@media (prefers-reduced-motion:reduce){.project-index .project-index-panel,.project-index-tab>svg{transition:none}}.project-gallery-stage{min-width:0}.project-gallery-slide{display:block}.project-gallery-slide[hidden],.project-gallery-toolbar[hidden]{display:none}.project-gallery-slide img{display:block;width:100%;height:auto;border-radius:var(--web-radius-surface)}.project-index[data-gallery-ready] .project-gallery-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--web-radius-surface);background:var(--web-palette-onyx)}.project-index[data-gallery-ready] .project-gallery-slide{position:absolute;inset:0;opacity:0;transition:opacity 600ms cubic-bezier(.22,1,.36,1);pointer-events:none}.project-index[data-gallery-ready] .project-gallery-slide.is-active{opacity:1}.project-index[data-gallery-ready] .project-gallery-slide img{width:100%;height:100%;object-fit:cover}.project-index[data-gallery-ready] .project-gallery-stage[data-format=portrait] img{width:auto;max-width:100%;height:100%;aspect-ratio:4/5;margin-inline:auto}.project-gallery-toolbar{display:flex;align-items:flex-start;justify-content:flex-end}.project-gallery-buttons{display:flex;gap:4px;flex:none}.project-gallery-buttons button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:var(--web-radius-control);background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}.project-gallery-buttons button:hover{background:rgb(229 228 226 / .08)}.project-gallery-buttons button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.project-gallery-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.project-index[data-gallery-ready] .project-index-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding-top:16px}@media (max-width:900px){.project-index[data-gallery-ready] .project-index-nav{margin-bottom:0}}@media (max-width:700px){.project-index[data-gallery-ready] .project-gallery-stage{width:calc(100% + 28px);margin-inline:-14px;aspect-ratio:var(--gallery-phone-ratio,16/9)}.project-index[data-gallery-ready] .project-index-caption{min-height:148px}}@media (prefers-reduced-motion:reduce){.project-index[data-gallery-ready] .project-gallery-slide{transition:none}}.engineering-process{background:var(--paper);color:var(--ink)}.engineering-process .section-head h2{max-width:760px}.process-steps{display:grid;grid-template-columns:repeat(var(--process-columns,4),minmax(0,1fr));gap:40px;max-width:1280px;margin:0 auto;padding:0;list-style:none}.process-step{position:relative;min-width:0}.process-step::before{content:"";position:absolute;top:12px;left:40px;right:0;height:1px;background:var(--rule)}.process-step-number{display:block;width:32px;margin-bottom:32px;font-size:14px;line-height:24px;font-variant-numeric:tabular-nums;color:var(--muted)}.page .process-step h3{margin:0;font-size:22px;line-height:28px;letter-spacing:-.22px;text-wrap:pretty}.page .process-step p{max-width:32ch;margin:16px 0 0;font-size:16px;line-height:26px;color:var(--muted);text-wrap:pretty}@media (min-width:701px) and (max-width:1100px){.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px;max-width:800px}}@media (max-width:700px){.process-steps{grid-template-columns:minmax(0,1fr);gap:32px;max-width:480px}.process-step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:20px}.process-step::before{top:36px;bottom:-20px;left:9px;right:auto;width:1px;height:auto}.process-step:last-child::before{display:none}.process-step-number{margin:0}.page .process-step h3{font-size:20px;line-height:26px;letter-spacing:-.2px}.page .process-step p{margin-top:12px;font-size:16px;line-height:24px;max-width:34ch}}.g-site[data-site-brand=studio],.g-site[data-site-brand=studio] .studio-page{--paper:var(--web-palette-paper);--ink:var(--web-palette-onyx);--muted:var(--ink);--surface:var(--paper);--rule:rgb(10 10 10 / 22%);--accent:var(--ink);--light:var(--paper);--web-color-page:var(--paper);--web-color-ink:var(--ink);--web-color-ink-secondary:var(--ink);--web-color-accent:var(--ink);--web-color-accent-ink:var(--paper);--web-color-focus:var(--ink);--web-color-field-focus:var(--ink);background:var(--paper);color:var(--ink)}.g-site[data-site-brand=studio] .studio-page :is(.studio-film,.studio-service-dark,.project-index,.studio-capabilities,.engineering-process,.landing-contact){--paper:var(--web-palette-onyx);--ink:var(--web-palette-paper);--muted:var(--ink);--surface:var(--paper);--rule:rgb(247 246 243 / 24%);--accent:var(--ink);--light:var(--paper);--web-color-page:var(--paper);--web-color-ink:var(--ink);--web-color-ink-secondary:var(--ink);--web-color-control-border:rgb(247 246 243 / 40%);--web-color-field-focus:var(--ink);--web-color-accent:var(--ink);--web-color-accent-ink:var(--paper);background:var(--paper);color:var(--ink)}.g-site[data-site-brand=studio] .studio-film{min-height:100vh;min-height:100svh;min-height:100dvh}.g-site[data-site-brand=studio] .studio-film:after{background:linear-gradient(180deg,rgb(10 10 10 / 28%) 0%,rgb(10 10 10 / 12%) 35%,rgb(10 10 10 / 66%) 100%)}.g-site[data-site-brand=studio] .studio-film :is(.hero-poster,.hero-video){object-position:50% 50%}.g-site[data-site-brand=studio] .studio-film .hero-video{opacity:0}.g-site[data-site-brand=studio] .studio-film .hero-video.has-played{opacity:1}.studio-film .studio-hero-copy{max-width:720px}.studio-film h1{margin:0;max-width:650px;text-wrap:balance}.studio-film .studio-hero-copy>p{font-size:20px;line-height:30px;margin-top:28px;max-width:530px;text-wrap:pretty}.g-site[data-site-brand=studio] .page .button{background:var(--accent);color:var(--light);border-color:var(--accent);justify-content:center;transition:background-color 180ms ease,color 180ms ease}.g-site[data-site-brand=studio] .page .button:is(:hover,:focus-visible){background:transparent;color:var(--ink);border-color:var(--ink)}.g-site[data-site-brand=studio] .page :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:4px}.g-site[data-site-brand=studio] .project-index .project-index-panel{margin:0}.g-site[data-site-brand=studio] .project-index-footer:empty{display:none}.g-site[data-site-brand=studio] .project-index .project-index-tab{color:var(--ink)}.g-site[data-site-brand=studio] .project-index-tab[aria-selected=true]{border-bottom-color:var(--ink)}.studio-design-chapters{display:grid;gap:96px}.studio-design-chapter{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:center}.studio-design-scene{min-width:0;margin:0;overflow:hidden;border-radius:var(--web-radius-surface);background:var(--paper)}.studio-design-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.studio-design-architecture .studio-design-scene img{aspect-ratio:16/9}.studio-design-copy{max-width:440px;min-width:0}.studio-design-number{display:block;margin-bottom:28px;font-size:14px;line-height:20px;font-variant-numeric:tabular-nums}.page .studio-design-copy h3{margin:0;font-size:clamp(36px,4.2vw,64px);line-height:1.08;letter-spacing:-.025em;font-weight:400;text-wrap:balance}.page .studio-design-copy p{max-width:36ch;margin-top:28px;font-size:18px;line-height:28px;text-wrap:pretty}.studio-design-interiors{grid-template-columns:minmax(0,1fr) minmax(0,1.85fr)}.studio-design-interiors .studio-design-scene{grid-column:2;grid-row:1}.studio-design-interiors .studio-design-copy{grid-column:1;grid-row:1;justify-self:end}.studio-design-outdoors{grid-template-columns:minmax(0,1fr);gap:40px}.studio-design-outdoors .studio-design-scene img{aspect-ratio:21/9}.studio-design-outdoors .studio-design-copy{display:grid;grid-template-columns:40px minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start;max-width:none}.studio-design-outdoors .studio-design-number{margin:8px 0 0}.page .studio-design-outdoors h3{max-width:13ch}.page .studio-design-outdoors p{justify-self:end;margin:4px 0 0;max-width:36ch}.studio-design-chapters[data-reveal] .studio-design-scene img{transition:transform 850ms cubic-bezier(.22,1,.36,1),opacity 650ms ease-out}.studio-design-chapters[data-reveal] .studio-design-copy{transition:transform 700ms cubic-bezier(.22,1,.36,1),opacity 600ms ease-out}.studio-design-chapters[data-reveal] .studio-design-chapter:not(.is-revealed) .studio-design-scene img{transform:scale(1.035);opacity:0}.studio-design-chapters[data-reveal] .studio-design-chapter:not(.is-revealed) .studio-design-copy{transform:translateY(16px);opacity:0}.studio-approach-layout{max-width:1120px;margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.studio-approach-layout figure{margin:0}.studio-approach-layout img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--web-radius-surface)}.studio-approach-copy{max-width:460px}.studio-approach-copy p{font-size:20px;line-height:30px;text-wrap:pretty}.studio-approach-copy p+p{margin-top:24px}.studio-approach-copy .text-link{margin-top:24px}.g-site[data-site-brand=studio] .landing-contact .g-form .g-button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);justify-self:start}.g-site[data-site-brand=studio] .landing-contact .g-form .g-button:hover{background:transparent;color:var(--ink)}.g-site[data-site-brand=studio] .landing-contact .g-form :is(input,textarea){color:var(--ink);border-color:var(--web-color-control-border)}.g-site[data-site-brand=studio] .landing-contact .g-form :is(input,textarea):focus{border-color:var(--ink)}.g-site[data-site-brand=studio] .landing-contact .g-form :is(input,textarea)[aria-invalid=true]{border-color:var(--web-color-error)}.g-site[data-site-brand=studio] .landing-header{--nav-link-hover:var(--nav-ink);--nav-muted:var(--nav-ink)}.g-site[data-site-brand=studio] .landing-header .nav-cta{background:var(--nav-ink);color:var(--web-palette-paper);border:1px solid var(--nav-ink)}.g-site[data-site-brand=studio] .landing-header.is-over-dark .nav-cta{color:var(--web-palette-onyx)}.g-site[data-site-brand=studio] .landing-header .nav-cta:hover{background:transparent;color:var(--nav-ink)}.g-site[data-site-brand=studio] .landing-footer{--muted:var(--web-palette-paper)}body:has(.g-site[data-site-brand=studio]) :is(.g-enquiry-dialog,.g-consent){--web-color-accent:var(--web-palette-onyx);--web-color-accent-ink:var(--web-palette-paper);--web-color-ink:var(--web-palette-onyx);--web-color-ink-secondary:var(--web-palette-onyx);--web-color-focus:var(--web-palette-onyx);--web-color-field-focus:var(--web-palette-onyx)}body:has(.g-site[data-site-brand=studio]) .g-enquiry-dialog .g-enquiry-form .g-button{background:var(--web-palette-onyx);color:var(--web-palette-paper)}body:has(.g-site[data-site-brand=studio]) .g-enquiry-dialog :is(a,button):focus-visible{outline-color:var(--web-palette-onyx)}body:has(.g-site[data-site-brand=studio]) .g-enquiry-dialog :is(.g-enquiry-intro,.g-enquiry-hint,.g-enquiry-alternatives){color:var(--web-palette-onyx)}body:has(.g-site[data-site-brand=studio]) .g-enquiry-close:hover{background:var(--web-palette-onyx);color:var(--web-palette-paper)}@media (max-width:1000px){.studio-approach-layout{gap:40px}}@media (max-width:900px){.studio-design-chapters{gap:64px}.studio-design-chapter,.studio-design-interiors{grid-template-columns:minmax(0,1fr);gap:28px}.studio-design-interiors .studio-design-scene,.studio-design-interiors .studio-design-copy{grid-column:auto;grid-row:auto;justify-self:stretch}.studio-design-copy{max-width:600px}.studio-design-number{margin-bottom:16px}.page .studio-design-copy h3{font-size:40px;line-height:44px}.page .studio-design-copy p{max-width:48ch;margin-top:20px;font-size:17px;line-height:26px}.studio-design-outdoors .studio-design-copy{display:block}.studio-design-outdoors .studio-design-number{margin:0 0 16px}.page .studio-design-outdoors h3{max-width:18ch}.studio-design-scene img,.studio-design-outdoors .studio-design-scene img{aspect-ratio:4/3}}@media (max-width:700px){.g-site[data-site-brand=studio] .studio-film :is(.hero-poster,.hero-video){object-position:65% 50%}.g-site[data-site-brand=studio] .studio-film:after{background:linear-gradient(180deg,rgb(10 10 10 / 55%) 0%,rgb(10 10 10 / 55%) 50%,rgb(10 10 10 / 70%) 100%)}.g-site[data-site-brand=studio] .studio-film .hero-content{padding-top:128px;padding-bottom:64px}.studio-film h1{font-size:48px;line-height:52px;letter-spacing:-.96px;max-width:340px}.studio-film .studio-hero-copy>p{font-size:18px;line-height:26px;margin-top:24px;max-width:340px}.studio-approach-layout{grid-template-columns:1fr;gap:32px}.studio-approach-layout img{aspect-ratio:5/4}.studio-approach-copy p{font-size:18px;line-height:28px}.g-site[data-site-brand=studio] .landing-contact .g-form{width:100%}.g-site[data-site-brand=studio] .landing-contact .g-form .g-button{width:100%}}@media (prefers-reduced-motion:reduce){.g-site[data-site-brand=studio] .page .button,.studio-design-chapters[data-reveal] .studio-design-scene img,.studio-design-chapters[data-reveal] .studio-design-copy{transition:none}.studio-design-chapters[data-reveal] .studio-design-chapter:not(.is-revealed) :is(.studio-design-scene img,.studio-design-copy){opacity:1;transform:none}}.studio-capability-link{display:block;margin-top:16px}.studio-delivery-route{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:var(--layout-section-gap);padding-top:40px;border-top:1px solid var(--rule)}.page .studio-delivery-route h3{margin:0;max-width:19ch}.studio-delivery-route p{max-width:50ch}.studio-delivery-route .text-link{margin-top:16px}@media (max-width:700px){.studio-delivery-route{grid-template-columns:1fr;gap:24px}}.shared-site{--layout-section-gap:128px;--layout-section-half:calc(var(--layout-section-gap) / 2);--layout-heading-gap:64px;--layout-gutter:32px;--landing-section-gap:var(--layout-section-gap);--landing-section-half:var(--layout-section-half);--landing-title-gap:var(--layout-heading-gap);--gutter:var(--layout-gutter)}.shared-site .page>section:not(#hero){padding-block:var(--layout-section-half);margin-block:0}.shared-site .page>.film-hero+section:not(#hero){padding-top:var(--layout-section-gap)}.shared-site .page>:is(.service-hero,.studio-hero){padding-bottom:var(--layout-section-half)}.shared-site .page>section:last-child:not(#hero){padding-bottom:var(--layout-section-gap)}.shared-site .page .section-head{margin-bottom:var(--layout-heading-gap)}.shared-site .page .section-head h2{margin-block:0}.shared-site .page :is(.promise-grid,.person-grid,.guides-layout)>h2{margin-block:0}.shared-site .page .studio-promise p:last-child{margin-bottom:0}@media (max-width:700px){.shared-site{--layout-section-gap:80px;--layout-heading-gap:40px;--layout-gutter:28px}}
