@font-face{font-family:'Urbanist';src:url('assets/urbanist-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('assets/instrument-serif.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('assets/instrument-serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}

/* The photographic opening and the architectural journey share a quieter scale. */
:root{--paper:#f5f4f0;--line:#d9dcd3;--forest:#10231b;--serif:'Instrument Serif',Georgia,serif;--gutter:clamp(24px,4.5vw,88px)}
html{scroll-padding-top:156px}
:focus-visible{outline:1px solid #436951;outline-offset:4px}
.button{border-radius:0;padding:16px 24px;min-height:57px;gap:28px;font-size:12px;font-weight:500;background:#183b29;border-color:#183b29}
.button .button-arrow{background:none;color:inherit;width:23px;height:23px;border-radius:0;overflow:visible}
.button .button-arrow .icon{width:20px;height:20px;transition:transform .45s var(--ease)}
.button:hover{background:#2c513b;border-color:#2c513b}
.button:hover .button-arrow .icon{animation:none;transform:translate(3px,-3px)}
.button-sage{background:#e2e7dc;border-color:#e2e7dc;color:var(--ink)}
.button-sage:hover{background:#f5f4f0;border-color:#f5f4f0;color:var(--ink)}
.button-sage:hover .button-arrow{background:none}
.contact-side .button,.project-detail .button,.enquiry-layout .button{padding:17px 24px;gap:28px;min-height:57px;font-size:12px}
.contact-side .button-arrow{width:23px;height:23px}

.site-header{position:fixed;inset:0 0 auto;z-index:60;color:#fff;background:transparent;backdrop-filter:none;border-bottom:1px solid #ffffff26;transition:background .5s,color .5s,border-color .5s}
.header-inner{height:110px;gap:32px;max-width:none}
.brand{position:relative;width:61px;height:72px}
.brand img{position:absolute;inset:0;width:61px;height:auto;transition:opacity .4s}
.brand .brand-on-light{opacity:0}
.brand .brand-on-dark{opacity:1}
.brand-note{display:block;border-color:#ffffff40;color:#ffffffbf;font-size:8px;line-height:1.9;letter-spacing:.13em;padding-left:28px}
.desktop-nav{margin-inline:auto 0;gap:34px}
.desktop-nav a{font-weight:450;font-size:11px;letter-spacing:.01em}
.desktop-nav a:after{background:currentColor;bottom:8px;opacity:.6}
.header-cta{display:flex;align-items:center;gap:35px;margin-left:44px;border-bottom:1px solid #ffffff99;min-height:43px;font-size:11px;white-space:nowrap;transition:border-color .3s}
.header-cta .icon{width:18px;height:18px;transition:transform .4s}
.header-cta:hover .icon{transform:translate(3px,-3px)}
.site-header.is-scrolled,.site-header:has(.menu-toggle[aria-expanded=true]){background:#f5f4f0f7;backdrop-filter:blur(18px);color:var(--ink);border-color:#d9dcd3}
.site-header.is-scrolled .brand-on-light,.site-header:has(.menu-toggle[aria-expanded=true]) .brand-on-light{opacity:1}
.site-header.is-scrolled .brand-on-dark,.site-header:has(.menu-toggle[aria-expanded=true]) .brand-on-dark{opacity:0}
.site-header.is-scrolled .brand-note,.site-header:has(.menu-toggle[aria-expanded=true]) .brand-note{color:var(--muted);border-color:var(--line)}
.site-header.is-scrolled .header-cta,.site-header:has(.menu-toggle[aria-expanded=true]) .header-cta{border-color:#758478}
.site-header :focus-visible{outline-color:currentColor}
.menu-toggle span{background:currentColor}
.mobile-menu{color:var(--ink);background:var(--paper)}

.cinematic-hero{height:100svh;min-height:740px;max-height:1200px;position:relative;isolation:isolate;overflow:hidden;background:#263a39;color:white}
.hero-image-wrap,.hero-atmosphere{position:absolute;inset:0;z-index:-1}
.hero-image-wrap{overflow:hidden}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 53%;will-change:transform}
.hero-atmosphere{background:linear-gradient(180deg,#071a297a 0%,#0a242641 18%,#061b2642 43%,#10222610 59%,#05130c85 100%)}
.hero-atmosphere:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,#051b175c,transparent 68%)}
.cinematic-heading{position:absolute;top:23%;left:var(--gutter);right:var(--gutter);text-align:center;text-shadow:0 2px 24px #00000020}
.cinematic-heading>.eyebrow{font-size:9px;letter-spacing:.23em;font-weight:500;margin-bottom:22px}
/* Approved Urbanist treatment: regular weight, sentence case on both lines. */
.cinematic-heading h1{font-family:'Urbanist',sans-serif;font-size:calc(clamp(42px,6vw,104px) * 1.04);font-weight:400;font-style:normal;font-synthesis:none;letter-spacing:-.035em;word-spacing:0;line-height:1.12;text-transform:none}
.cinematic-heading h1 em{display:block;font:inherit;text-transform:none;letter-spacing:inherit;margin-top:6px}
.hero-description{font-size:12px;font-weight:400;letter-spacing:.025em;margin-top:25px;color:#fffffff0}
.hero-work-link{display:inline-flex;align-items:center;gap:25px;font-size:10px;letter-spacing:.02em;border-bottom:1px solid #ffffff70;padding-block:14px 10px;margin-top:14px;transition:border-color .35s}
.hero-work-link .icon{width:16px;height:16px;transition:transform .4s}
.hero-work-link:hover{border-color:white}
.hero-work-link:hover .icon{transform:translate(3px,-3px)}
.cinematic-baseline{position:absolute;bottom:35px;left:0;right:0;display:flex;align-items:end;justify-content:space-between;max-width:none;gap:30px}
.hero-project-link{display:grid;grid-template-columns:1fr 26px;gap:4px 22px;align-items:center}
.hero-project-link>span{font-size:8px;letter-spacing:.09em;opacity:.75}
.hero-project-link>strong{font-size:12px;letter-spacing:.015em;font-weight:400;grid-row:2}
.hero-project-link>.icon{grid-column:2;grid-row:1/3;width:18px;height:18px;transition:transform .4s}
.hero-project-link:hover>.icon{transform:translate(3px,-3px)}
.hero-scroll{display:flex;align-items:center;gap:22px;font-size:9px;letter-spacing:.06em}
.scroll-circle{border:1px solid #ffffff70;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;transition:background .4s}
.scroll-circle .icon{width:17px;height:17px}
.hero-scroll:hover .scroll-circle{background:#ffffff1c}
.cinematic-hero :focus-visible{outline-color:white}

.about{padding-block:130px 138px}
.about-main h2,.section-heading h2{font-weight:400;letter-spacing:-.05em}
.project-grid,.project-grid.filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 36px;align-items:start}
.project-card:nth-child(even){padding-top:0}
.project-image,.project-card:nth-child(even) .project-image{aspect-ratio:1.48}
.project-caption{padding-top:21px}
.project-caption h3{font-size:26px;font-weight:450}
.project-caption p span{display:inline;border-left:1px solid var(--line);margin-left:12px;padding-left:12px}
.project-badge{background:#f5f4f0ed;font-size:9px;padding:5px 11px}
.project-open{background:#f5f4f0;bottom:20px;right:20px;width:42px;height:42px}
.project-filters{gap:34px}
.filter{display:inline-flex;align-items:center;gap:9px;min-height:65px;font-size:11px;padding-inline:2px}
.filter sup{display:inline;font-size:8px;padding:0;margin:-11px 0 0;line-height:1;opacity:.65}
.filter:after{height:1px;background:#294735}
.filter:focus-visible{outline-offset:-5px}

.build-journey{--journey-speed:1.5;background:#e9ede4;padding-block:94px 69px;border-top:1px solid #d9dfd2;border-bottom:1px solid #d4ddcd;overflow:hidden}
.journey-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:57px}
.journey-heading .eyebrow{font-size:9px;margin-bottom:28px}
.journey-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(58px,5.65vw,98px);line-height:.99;letter-spacing:-.025em;word-spacing:0}
.journey-heading h2 em{font-weight:400;color:#647760}
.journey-heading>p{font-size:12px;line-height:1.95;color:#5e6c59;padding-bottom:5px;margin-right:20px}
.journey-experience{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);column-gap:clamp(40px,6vw,105px)}
.journey-scene{min-width:0;position:relative;display:flex;flex-direction:column;border-block:1px solid #c7d0bf}
.scene-header,.scene-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2;pointer-events:none}
.scene-header{font-size:8px;letter-spacing:.15em;color:#566a4e;padding-top:20px}
.scene-header>span:last-child{letter-spacing:.06em;color:#62735a}
.scene-canvas-wrap{position:relative;flex:1;min-height:415px;isolation:isolate}
#architecture-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;cursor:default;opacity:0;transition:opacity calc(.7s / var(--journey-speed))}
#architecture-canvas[data-ready=true]{opacity:1}
.build-journey[data-rewinding=true] #architecture-canvas{opacity:0;transition:opacity .18s linear}
.scene-footer{padding:14px 0 18px;font-size:9px;letter-spacing:.02em;color:#4f6148}
.scene-disclaimer{font-size:8px;color:#687760}
.scene-fallback{position:absolute;inset:18% 10%;border:1px solid #aebda3;display:grid;place-content:center;text-align:center;background:repeating-linear-gradient(0deg,transparent 0 29px,#b7c1b51c 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#b7c1b51c 29px 30px)}
.scene-fallback p:first-child{font-family:var(--serif);font-size:34px;color:#435d3a}
.scene-fallback p+p{font-size:11px;color:#68765e;margin-top:14px}
.journey-narrative{display:flex;flex-direction:column;padding:18px 0 0;min-width:0}
.journey-chapter{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.12em;color:#65765b;margin-bottom:32px}
.journey-panels{flex:1;min-height:325px}
.journey-panels .process-panel{display:block;min-height:0;padding:0;outline-offset:8px}
.journey-panels .chapter-name{display:block;font-size:10px;line-height:1.5;color:#516b46;letter-spacing:.05em;margin:0 0 14px;padding:0}
.journey-panels h3{font-family:var(--serif);font-size:clamp(36px,3.7vw,59px);font-weight:400;letter-spacing:-.025em;line-height:1.04;margin:0 0 22px}
.journey-panels .process-panel>p{font-size:12px;color:#57664e;line-height:1.95;max-width:340px}
.journey-panels ul{margin:25px 0 0;padding:0;list-style:none;font-size:9px;color:#586b4c;display:grid;gap:8px}
.journey-panels li{position:relative;padding-left:15px}
.journey-panels li:before{content:'';position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:#778b69}
.journey-next{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c7d0bf;padding:19px 0 18px;font-size:10px;margin-top:24px;min-height:57px}
.journey-next .icon{width:20px;height:20px;transition:transform .4s}
.journey-next:hover .icon{transform:translateX(5px)}
.journey-next:hover{color:#32613c}
.journey-timeline{grid-column:1/-1;display:flex;align-items:stretch;gap:40px;margin-top:45px}
.journey-timeline .process-tabs{flex:1;border:0;gap:30px;min-width:0}
.journey-timeline .process-tab{padding:21px 0 0!important;border:0!important;display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;align-items:center;gap:5px 13px;min-height:85px;align-content:start;position:relative}
.journey-timeline .process-tab:before,.journey-timeline .process-tab:after{content:'';position:absolute;inset:0 0 auto;height:1px;transform:none;transition:background calc(.45s / var(--journey-speed))}
.journey-timeline .process-tab:before{background:#bdcbb3}
.journey-timeline .process-tab:after{background:#395b2b;transform:scaleX(0);transform-origin:left;height:2px;transition:transform calc(.8s / var(--journey-speed)) var(--ease)}
.journey-timeline .process-tab[aria-selected=true]:after,.journey-timeline .process-tab.is-complete:after{transform:scaleX(1)}
.journey-timeline .process-tab>span{font-size:9px;color:#788870;grid-column:1;grid-row:1;align-self:center}
.journey-timeline .process-tab>strong{font-size:18px;font-weight:450;color:#71816a;letter-spacing:-.03em;grid-column:2;grid-row:1;transition:color .4s}
.journey-timeline .process-tab>small{font-size:8px;color:#788870;letter-spacing:0;grid-column:2;grid-row:2;white-space:nowrap}
.journey-timeline .process-tab[aria-selected=true]>strong,.journey-timeline .process-tab:hover>strong{color:#1e3a17}
.journey-timeline .process-tab[aria-selected=true]>span{color:#395b2b}
.journey-timeline .process-tab:focus-visible{outline-offset:7px}
.journey-play{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:8px;color:#526649;min-width:87px;padding:8px 0 0;align-self:flex-start}
.journey-play>.icon{width:29px;height:29px;padding:6px;border:1px solid #acbba3;border-radius:50%;stroke-width:1.3;transition:background .4s}
.journey-play:hover>.icon{background:#d7e0d0}
.journey-play .pause-icon{display:none}
.journey-play[aria-pressed=true] .pause-icon{display:block}
.journey-play[aria-pressed=true] .play-icon{display:none}
.journey-timeline .process-tab.is-playing:after{transform:scaleX(var(--stage-progress,0));transition:none}

@media(prefers-reduced-motion:no-preference){
  .hero-image{animation:hero-settle 2.8s cubic-bezier(.18,.65,.25,1) both}
  .cinematic-heading>.eyebrow{animation:cinema-enter 1.4s .1s both}
  .cinematic-heading h1{animation:cinema-enter 1.6s .2s both}
  .hero-description,.hero-work-link{animation:cinema-enter 1.4s .4s both}
  .cinematic-baseline{animation:cinema-enter 1.5s .65s both}
  .journey-panels .process-panel:not([hidden]){animation:chapter-enter calc(.65s / var(--journey-speed)) var(--ease) both}
  @keyframes cinema-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  @keyframes hero-settle{from{transform:scale(1.055)}to{transform:scale(1)}}
  @keyframes chapter-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
}
@media(min-width:1700px){.cinematic-heading{top:24%}.cinematic-heading h1{font-size:108.16px}.hero-description{font-size:14px}.scene-canvas-wrap{min-height:475px}.journey-panels .process-panel>p{font-size:13px}.journey-panels ul{font-size:10px}.journey-chapter{margin-bottom:40px}.journey-panels{min-height:380px}}
@media(max-width:1200px){.header-inner{gap:25px}.brand-note{display:none}.header-cta{margin-left:24px;gap:30px}.desktop-nav{gap:28px}.journey-experience{grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);column-gap:44px}.scene-canvas-wrap{min-height:415px}.journey-panels{min-height:350px}.journey-timeline{gap:26px}.journey-timeline .process-tabs{gap:22px}.journey-timeline .process-tab>strong{font-size:17px}.journey-timeline .process-tab>small{font-size:7px}.journey-heading>p{margin:0}.journey-heading{margin-bottom:47px}.project-grid{gap:40px 28px}}
@media(max-width:950px){.header-inner{height:93px}.brand,.brand img{width:55px}.brand{height:62px}.desktop-nav{gap:24px}.desktop-nav a{font-size:10px}.header-cta{font-size:10px;gap:25px}.cinematic-hero{min-height:690px}.cinematic-heading{top:25%}.cinematic-heading h1{font-size:calc(clamp(42px,6.5vw,60px) * 1.04)}.hero-description{font-size:11px}.about{padding-block:100px}.project-caption h3{font-size:23px}.project-caption p span{display:block;border:0;padding:0;margin:0}.build-journey{padding-block:75px 55px}.journey-heading h2{font-size:64px}.journey-heading>p{font-size:11px}.journey-experience{grid-template-columns:minmax(0,1.45fr) minmax(245px,1fr);column-gap:30px}.scene-canvas-wrap{min-height:408px}.journey-panels h3{font-size:41px}.journey-panels .process-panel>p{font-size:11px}.journey-panels ul{font-size:8px}.journey-timeline{gap:25px;margin-top:33px}.journey-timeline .process-tabs{gap:17px}.journey-timeline .process-tab{gap:5px 7px;grid-template-columns:17px 1fr}.journey-timeline .process-tab>strong{font-size:15px}.journey-timeline .process-tab>small{display:none}.journey-play{min-width:76px;font-size:7px}}
@media(max-width:760px){
  .header-inner{height:87px;gap:22px}.brand,.brand img{width:49px}.brand{height:57px}.brand-note{display:none}.header-cta{margin-left:auto;gap:26px;font-size:11px;min-height:39px;padding:0}.menu-toggle{display:block;margin-right:-7px;color:inherit}
  .cinematic-hero{height:93svh;min-height:660px;max-height:1000px}.hero-image{object-position:47% 50%}.hero-atmosphere{background:linear-gradient(180deg,#0a212c8c,#15282c4d 38%,#13292620 60%,#06190a9e)}.cinematic-heading{top:25%}.cinematic-heading>.eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:23px}.cinematic-heading h1{font-size:calc(clamp(35px,8.6vw,62px) * 1.04);line-height:1.15}.hero-description{font-size:11px;max-width:260px;line-height:1.8;margin:23px auto 0}.hero-work-link{font-size:10px;margin-top:11px}.cinematic-baseline{bottom:28px;gap:24px}.hero-project-link>span{font-size:7px}.hero-project-link>strong{font-size:10px;max-width:200px}.hero-project-link>.icon{width:15px;height:15px}.hero-project-link{gap:4px 12px}.hero-scroll>span:first-child{display:none}.scroll-circle{width:40px;height:40px}
  .about{padding-block:80px}.project-grid,.project-grid.filtered{gap:34px 23px}.project-image,.project-card:nth-child(even) .project-image{aspect-ratio:1.2}.project-caption h3{font-size:22px}.project-caption{padding-top:17px}.project-badge{top:12px;left:12px;font-size:8px;padding:4px 8px}.project-open{bottom:12px;right:12px;width:34px;height:34px}.filter{font-size:11px;min-height:61px;gap:7px}.filter sup{font-size:8px;margin-top:-10px;padding:0}.project-filters{gap:27px}.project-toolbar{overflow:visible}
  .build-journey{padding-block:66px 39px}.journey-heading{display:block;margin-bottom:36px}.journey-heading .eyebrow{margin-bottom:26px;font-size:9px}.journey-heading h2{font-size:clamp(51px,8.5vw,65px)}.journey-heading>p{font-size:12px;margin-top:23px}.journey-heading>p br{display:none}.journey-experience{grid-template-columns:1fr;gap:0}.journey-scene{grid-row:1}.scene-header{font-size:7px;padding-top:16px}.scene-canvas-wrap{min-height:375px}.scene-footer{font-size:9px;padding:10px 0 15px}.scene-disclaimer{font-size:8px}.journey-narrative{grid-row:3;padding-top:32px}.journey-chapter{display:none}.journey-panels{min-height:240px}.journey-panels h3{font-size:43px;line-height:1.08;margin-bottom:17px}.journey-panels h3 br{display:none}.journey-panels .chapter-name{font-size:10px;margin-bottom:12px}.journey-panels .process-panel>p{font-size:13px;max-width:550px;line-height:1.85}.journey-panels ul{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:9px;margin-top:22px}.journey-panels li:before{top:7px}.journey-next{font-size:11px;margin-top:12px;padding:17px 0 0;min-height:45px}.journey-timeline{grid-row:2;display:block;margin-top:28px}.journey-timeline .process-tabs{gap:18px}.journey-timeline .process-tab{grid-template-columns:1fr;gap:9px;padding-top:15px!important;min-height:77px}.journey-timeline .process-tab>span{font-size:9px;grid-row:1;grid-column:1}.journey-timeline .process-tab>strong{font-size:15px;grid-row:2;grid-column:1}.journey-play{flex-direction:row;justify-content:flex-start;gap:9px;padding:6px 0;min-height:44px;font-size:9px;margin-top:9px}.journey-play>.icon{width:27px;height:27px}.contact-side .button{font-size:11px;padding:16px 21px;min-height:54px}
}
@media(max-width:480px){.header-inner{gap:22px}.header-cta{font-size:11px;padding:0;gap:22px}.cinematic-hero{height:95svh;min-height:640px}.cinematic-heading{top:27%;left:20px;right:20px}.cinematic-heading h1{font-size:calc(clamp(31px,8.8vw,42px) * 1.04);letter-spacing:-.04em}.cinematic-heading h1 em{margin-top:5px}.cinematic-heading>.eyebrow{font-size:8px;margin-bottom:21px}.hero-image{object-position:28% 50%}.hero-description{max-width:238px;font-size:11px}.hero-project-link{grid-template-columns:1fr 18px;gap:4px 14px}.hero-project-link>span{font-size:7px;letter-spacing:.05em}.hero-project-link>strong{font-size:10px}.cinematic-baseline{bottom:25px}.hero-scroll{gap:0}.scroll-circle{width:36px;height:36px}.hero-scroll .icon{width:15px;height:15px}.project-grid,.project-grid.filtered{grid-template-columns:1fr;gap:35px}.project-image,.project-card:nth-child(even) .project-image{aspect-ratio:1.4}.project-caption h3{font-size:25px}.project-caption p span{display:inline;border-left:1px solid var(--line);padding-left:10px;margin-left:10px}.project-caption p{font-size:10px}.project-caption{padding-top:18px}.project-filters{gap:20px}.filter{font-size:10px;gap:6px;padding-inline:0}.filter sup{font-size:7px;margin-top:-9px}.journey-heading h2{font-size:clamp(48px,12.4vw,59px)}.journey-heading>p{font-size:12px;max-width:270px;line-height:1.8}.scene-canvas-wrap{min-height:285px}.scene-header{font-size:7px}.scene-footer{font-size:8px}.scene-disclaimer{font-size:7px}.journey-timeline .process-tabs{gap:12px}.journey-timeline .process-tab>strong{font-size:13px}.journey-timeline .process-tab>span{font-size:8px}.journey-panels{min-height:272px}.journey-panels h3{font-size:39px}.journey-panels ul{display:grid;gap:7px;font-size:10px;margin-top:22px}.journey-panels .process-panel>p{font-size:12px}.journey-panels li:before{top:8px}.journey-next{margin-top:20px}.journey-narrative{padding-top:26px}}
@media(max-width:360px){.header-inner{gap:16px}.header-cta{gap:23px}.hero-project-link>strong{font-size:9px}.hero-project-link>span{font-size:6px}.hero-project-link{gap:3px 8px}.hero-project-link .icon{width:13px;height:13px}.project-filters{gap:15px}.filter{font-size:9px}.scene-canvas-wrap{min-height:245px}.journey-heading h2{font-size:43px}.journey-timeline .process-tab>strong{font-size:12px}.journey-timeline .process-tabs{gap:10px}.journey-panels{min-height:305px}.journey-panels h3{font-size:36px}}
@media(prefers-reduced-motion:reduce){.hero-image{will-change:auto}.journey-timeline .process-tab.is-playing:after{transform:scaleX(1)}.journey-panels .process-panel{animation:none}}

/* The original brochure artwork, rather than a newly invented monogram. */
.site-header{--header-height:190px;--brand-width:143px;--brand-height:156px;--scrolled-header-height:136px;--scrolled-brand-width:100.1px;--scrolled-brand-height:109.2px}
.header-inner{height:var(--header-height);transition:height .45s var(--ease)}
.brand{width:var(--brand-width);height:var(--brand-height);transition:width .45s,height .45s}
.brand img{width:var(--brand-width);transition:width .45s,opacity .4s}
.brand-note{font-size:9px;padding-left:31px}
.site-header.is-scrolled .header-inner{height:var(--scrolled-header-height)}
.site-header.is-scrolled .brand{width:var(--scrolled-brand-width);height:var(--scrolled-brand-height)}
.site-header.is-scrolled .brand img{width:var(--scrolled-brand-width)}
.cinematic-heading{top:max(26%,225px)}
.story-section{position:relative;isolation:isolate;overflow:hidden;background:#38947c;color:#071c11}
.story-section>.about{position:relative;z-index:1}
.brochure-mark{position:absolute;pointer-events:none;user-select:none;width:640px;height:auto;max-width:none;z-index:0;aspect-ratio:1442/1140;object-fit:cover;object-position:top}
.story-mark{right:-160px;bottom:-170px;width:800px;opacity:.1}
.story-section .eyebrow,.story-section .section-number{color:#0e3626}
.story-section .about-main h2{color:#f5f4ec}
.story-section .soft-word{color:#102f21}
.story-section .about-copy p{color:#071c11}
.story-section .experience-number>span{color:#f5f4ec}
.story-section .number-plus{color:#16432e}
.story-section .experience-number p{color:#0c2e1f}
.story-section .principles{border-color:#1039214d}
.story-section .principles span,.story-section .principles p{color:#0e3223}
.expertise{background:#142c20}
.expertise-mark{width:520px;left:-80px;bottom:-130px;opacity:.16;filter:invert(52%) sepia(30%) saturate(670%) hue-rotate(113deg)}
.expertise-inner{z-index:1}
.expertise-intro h2 span{color:#78b398}
.expertise-foot .small-line{background:#38947c}
.projects{padding-block:111px 116px}
.project-toolbar{border-color:#c3cfc0}
.project-toolbar-note{color:#417445}
.section-heading .section-number{color:#397e4a}
.build-journey{background:#c4d2bd;border-color:#b2c3a9}
.journey-heading h2 em{color:#45673b}
.journey-heading>p,.journey-panels .process-panel>p{color:#354d2c}
.journey-scene,.journey-next{border-color:#91a583}
.scene-header,.scene-header>span:last-child,.scene-footer,.scene-disclaimer{color:#39572d}
.journey-chapter,.journey-panels .chapter-name,.journey-panels ul{color:#3d5b32}
.journey-timeline .process-tab>strong,.journey-timeline .process-tab>span,.journey-timeline .process-tab>small{color:#47653d}
.journey-timeline .process-tab:before{background:#92a786}
.contact-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#116034,#143e29)}
.contact-section>.shell{position:relative;z-index:1}
.contact-mark{right:-165px;bottom:-230px;width:760px;opacity:.075;filter:invert(1)}
.contact-main h2>span{color:#acd1b4}
.contact-side>p,.contact-location{color:#d0e4d1}
.contact-top .section-number{color:#b6d2b8}
.site-footer{background:#071f10}
@media(max-width:950px){html{scroll-padding-top:143px}.site-header{--header-height:170px;--brand-width:123.5px;--brand-height:133.9px;--scrolled-header-height:123px;--scrolled-brand-width:88.4px;--scrolled-brand-height:96.2px}.story-mark{width:640px;right:-290px;bottom:-100px}.expertise-mark{width:490px;left:-130px}.projects{padding-block:90px}.cinematic-heading{top:28%}}
@media(max-width:760px){html{scroll-padding-top:131px}.site-header{--header-height:143px;--brand-width:104px;--brand-height:113.1px;--scrolled-header-height:111px;--scrolled-brand-width:78px;--scrolled-brand-height:84.5px}.header-inner{gap:23px}.cinematic-heading{top:27%}.story-mark{width:690px;right:-335px;bottom:-90px;opacity:.075}.expertise-mark{width:500px;left:auto;right:-270px;bottom:80px;opacity:.09}.contact-mark{width:620px;right:-310px;bottom:-120px}.projects{padding-block:75px}.journey-panels li:before{background:#507142}}
@media(max-width:480px){.site-header{--header-height:135px;--brand-width:97.5px;--brand-height:106.6px;--scrolled-header-height:110px;--scrolled-brand-width:75.4px;--scrolled-brand-height:81.9px}.header-cta{gap:25px}.story-mark{right:-380px;bottom:-20px}.cinematic-heading{top:28%}}
@media(max-width:760px){html{scrollbar-gutter:auto}}
.story-section .eyebrow,.story-section .section-number,.story-section .about-copy p,.story-section .experience-number p,.story-section .principles h3,.story-section .principles p,.story-section .principles span{color:#000e03}
.journey-timeline .process-tab>strong,.journey-timeline .process-tab>span,.journey-timeline .process-tab>small{color:#3d5733}

/* Give the navigation and location line a scale that balances the larger brand. */
.brand-note{font-size:12px;letter-spacing:.1em}
.desktop-nav a,.header-cta{font-size:15px}
.header-cta .icon{width:20px;height:20px}
@media(max-width:1300px) and (min-width:1201px){.header-inner{gap:24px}.brand-note{padding-left:24px;font-size:11px}.desktop-nav{gap:25px}.header-cta{margin-left:20px;gap:26px}}
@media(max-width:1200px){.desktop-nav a,.header-cta{font-size:14px}}
@media(max-width:950px){.desktop-nav a,.header-cta{font-size:13px}}
/* Company identification and direct enquiry delivery. */
.company-identification{display:flex;flex-wrap:wrap;gap:8px 24px;line-height:1.8}
.form-submit:disabled{cursor:wait;opacity:.65}
.form-status{font-size:11px;line-height:1.7;margin-top:12px;color:var(--text)}
.form-status:empty{display:none}
.form-status a{text-decoration:underline;text-underline-offset:3px}