:root{--home-copper:#b78b67;--home-paper:#f1eee8;--home-ink:#11110f}
.homepage-template{background:var(--home-paper)}
.homepage-template{font-family:"Didact Gothic",Arial,sans-serif;font-weight:400;font-synthesis:none}.homepage-template h1,.homepage-template h2,.homepage-template h3,.homepage-template .project-meta h3,.homepage-template .principles-accordion summary,.homepage-template .hero-proof strong,.homepage-template .home-stats strong,.homepage-template .enquiry-direct a,.homepage-template .premium-footer .footer-phone{font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif;font-weight:200;font-style:normal;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.homepage-template p,.homepage-template a,.homepage-template button,.homepage-template input,.homepage-template textarea,.homepage-template label,.homepage-template span{font-family:"Didact Gothic",Arial,sans-serif}.homepage-template .eyebrow,.homepage-template .section-kicker,.homepage-template .button,.homepage-template .text-link,.homepage-template .office-submit,.homepage-template .gmenu-kicker,.homepage-template .gmenu-toggle,.homepage-template .premium-footer h2,.homepage-template .mobile-cta{font-weight:400}.homepage-template strong,.homepage-template b{font-weight:inherit}.homepage-template .gmenu-primary>a,.homepage-template .gmenu-services>a{font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif;font-weight:200;letter-spacing:.015em}.homepage-template .premium-footer-brand p,.homepage-template .premium-footer a,.homepage-template .premium-footer h2{font-family:"Didact Gothic",Arial,sans-serif;font-weight:400}
.homepage-template .global-menu-header{z-index:1000}
.home-hero{background:#050505;min-height:100svh}
.home-hero-media{background:#050505;opacity:0;transition:opacity 1.4s ease}
.home-hero-media.is-video-ready{opacity:1}
.home-hero-media iframe{position:absolute;left:50%;top:50%;width:177.78vh;min-width:100%;height:56.25vw;min-height:100%;transform:translate(-50%,-50%) scale(1.02);border:0;pointer-events:none}
.home-hero .hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.14) 65%,rgba(0,0,0,.35)),linear-gradient(0deg,rgba(0,0,0,.52),transparent 60%)}
.home-hero .hero-content{max-width:1600px}
.home-hero h1{max-width:1100px;font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(37px,5.5vw,102px);font-weight:200;line-height:.86;letter-spacing:-.045em;text-transform:uppercase}
.home-hero h1 em{font-style:normal;color:#d6b18e}
.home-hero .hero-lead{max-width:920px;font-size:clamp(18px,1.7vw,30px);line-height:1.15;letter-spacing:.02em}
.home-hero .hero-lead,.home-hero .hero-actions{margin-left:0}.home-hero .hero-actions{margin-top:30px}.home-hero .hero-actions .button{min-height:50px;padding-inline:28px;letter-spacing:.025em}.home-hero .hero-proof{left:50%;right:auto;bottom:28px;width:var(--shell);transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr)}.home-hero .hero-proof>div{min-width:0;padding:18px clamp(14px,2vw,30px)}.home-hero .scroll-cue{display:none}
.home-services{padding-top:clamp(110px,12vw,190px)}
.home-service-list{display:grid;gap:clamp(100px,13vw,210px);padding-top:clamp(65px,8vw,120px)}
.home-service-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(42px,8vw,140px);align-items:center}
.home-service-card.is-reversed .home-service-media{order:2}.home-service-card.is-reversed>div:last-child{order:1}
.home-service-media{aspect-ratio:4/3;overflow:hidden;background:#d8d2c9}
.home-service-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.home-service-card:hover img{transform:scale(1.025)}
.home-service-card>div:last-child{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(12px,2vw,30px)}
.home-service-card>div:last-child>span{display:block;margin-bottom:34px;color:var(--home-copper);font-size:12px;letter-spacing:.18em}
.home-service-card h2{margin:0 0 28px;font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(38px,4vw,62px);font-weight:200;line-height:.94;letter-spacing:-.035em}
.home-service-card p{max-width:680px;color:#4c4842;font-size:clamp(18px,1.35vw,22px);line-height:1.62}
.home-service-card .text-link{margin-top:auto;padding-top:28px}
.home-projects{padding:clamp(110px,12vw,190px) 0;color:var(--home-ink)}.home-projects .eyebrow{color:#8c6144}.home-projects .section-heading h2,.home-projects .section-heading>div,.home-projects .project-meta h3{color:var(--home-ink)}.home-projects .section-heading.split>p,.home-projects .project-meta p,.home-projects .project-meta span{color:#625d56}.home-projects .project-grid{max-width:1180px;margin:65px auto 0;gap:90px 24px}.home-projects .project-card{background:transparent;color:var(--home-ink)}.home-projects .project-card img{height:500px;box-shadow:0 24px 55px rgba(26,22,18,.14),0 7px 18px rgba(26,22,18,.08)}.home-projects .project-wide img{height:min(60vw,650px)}.home-projects .project-card:nth-child(4n+3) img,.home-projects .project-card:nth-child(4n+4) img{height:560px}.home-projects .project-card:nth-child(4n+4){margin-top:95px}.home-projects .project-meta{padding:18px 4px 0;border-top:0}.home-projects .project-meta h3{font-size:28px}.home-projects .center-action{margin-top:70px}
.principles{background:var(--home-paper)}
.principles-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(60px,10vw,170px)}
.principles-intro{position:sticky;top:150px;align-self:start}.principles-intro h2{font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(58px,7.2vw,116px);font-weight:200;line-height:.84;letter-spacing:-.05em}.principles-intro>p:last-child{max-width:430px;color:#56514a;font-size:18px;line-height:1.55}
.principles-accordion{border-top:1px solid rgba(17,17,15,.2)}
.principles-accordion details{border-bottom:1px solid rgba(17,17,15,.2)}
.principles-accordion summary{display:grid;grid-template-columns:44px 1fr 34px;gap:12px;align-items:center;padding:clamp(24px,2.5vw,38px) 0;cursor:pointer;list-style:none;font-size:clamp(22px,2.05vw,34px);line-height:1.1}
.principles-accordion summary::-webkit-details-marker{display:none}.principles-accordion summary span{color:var(--home-copper);font-size:11px;letter-spacing:.12em}.principles-accordion summary i{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(17,17,15,.25);border-radius:50%;font:normal 18px/1 Arial;transition:transform .35s,background .35s,color .35s}.principles-accordion details[open] summary i{transform:rotate(45deg);background:var(--home-ink);color:#fff}.principles-accordion details p{max-width:760px;margin:0 46px 36px 56px;color:#5d5851;font-size:19px;line-height:1.65}
.home-film .film-player{background:#050505;min-height:min(72vw,900px)}.home-film .film-player>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .6s ease}.home-film .film-play{position:absolute;z-index:4;left:50%;top:50%;display:grid;width:clamp(118px,11vw,176px);height:clamp(118px,11vw,176px);place-items:center;align-content:center;gap:17px;transform:translate(-50%,-50%);border:1px solid rgba(216,183,151,.72);border-radius:50%;background:rgba(8,8,7,.18);color:#fff;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 16px 45px rgba(0,0,0,.2),inset 0 0 0 7px rgba(255,255,255,.025);transition:background .4s,transform .45s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .4s}.home-film .film-play span{position:relative;display:block;width:38px;height:26px}.home-film .film-play span::before{content:"";position:absolute;left:0;top:50%;width:28px;height:1px;background:#d8b797;transform:translateY(-50%);transition:width .35s}.home-film .film-play span i{position:absolute;right:1px;top:50%;width:9px;height:9px;border-top:1px solid #d8b797;border-right:1px solid #d8b797;transform:translateY(-50%) rotate(45deg)}.home-film .film-play strong{font:400 10px/1 "Didact Gothic",Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase}.home-film .film-play:hover{background:rgba(140,97,68,.62);border-color:#e3c5a7;box-shadow:0 20px 55px rgba(0,0,0,.3),inset 0 0 0 7px rgba(255,255,255,.045);transform:translate(-50%,-50%) scale(1.055)}.home-film .film-play:hover span::before{width:35px}.home-film .film-player iframe{position:absolute;z-index:5;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .6s ease}.home-film .film-player.is-playing iframe{opacity:1}.home-film .film-player.is-playing>img,.home-film .film-player.is-playing>.film-shade,.home-film .film-player.is-playing>.film-index,.home-film .film-player.is-playing>.film-play{opacity:0;pointer-events:none}
.home-partners{padding:clamp(110px,12vw,190px) 0;overflow:hidden}.partner-marquees{margin-top:70px;border-top:1px solid rgba(255,255,255,.16)}.partner-marquee{width:100%;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.16)}.partner-track{display:flex;width:max-content;will-change:transform;animation:partners-left 38s linear infinite}.moves-right .partner-track{animation-name:partners-right}.partner-marquee:hover .partner-track{animation-play-state:paused}.partner-track>div{display:grid;width:clamp(520px,38vw,680px);height:380px;place-items:center;padding:28px;border-right:1px solid rgba(255,255,255,.16)}.partner-track img{width:auto;max-width:190px;max-height:182px;filter:grayscale(1);opacity:.82;transform:scale(3);transition:filter .35s,opacity .35s,transform .35s}.partner-track>div:hover img{filter:none;opacity:1;transform:scale(3) translateY(-3px)}@keyframes partners-left{to{transform:translateX(-50%)}}@keyframes partners-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.home-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-top:clamp(100px,12vw,180px);padding-bottom:clamp(100px,12vw,180px)}.home-stats article{padding:20px clamp(24px,5vw,72px);border-left:1px solid rgba(17,17,15,.18)}.home-stats article:last-child{border-right:1px solid rgba(17,17,15,.18)}.home-stats strong{display:block;font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(78px,10vw,160px);font-weight:200;line-height:.78;letter-spacing:-.06em}.home-stats span{display:block;margin-top:30px;color:#5b5650;font-size:13px;letter-spacing:.14em;text-transform:uppercase}.home-contact .contact-media{background-image:url("../imgs/office-renovation/core.webp")}
.home-enquiry{position:relative}.home-enquiry::before{content:"LET'S BUILD";position:absolute;right:3vw;top:45px;color:rgba(17,17,15,.035);font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(80px,14vw,230px);font-weight:200;line-height:.8;pointer-events:none}.home-enquiry .office-enquiry-layout{position:relative;z-index:1}.enquiry-direct{margin-top:38px;padding-top:22px;border-top:1px solid rgba(17,17,15,.16)}.enquiry-direct span{display:block;margin-bottom:8px;color:#746e65;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.enquiry-direct a{font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(32px,3vw,48px);font-weight:200;letter-spacing:.01em}.home-enquiry .office-submit{min-width:210px}
@media(max-width:800px){.home-hero h1{font-size:clamp(29px,9.5vw,47px);line-height:.88}.home-hero .hero-edition{display:none}.home-hero-media{background:#050505}.home-hero .hero-content{justify-content:flex-end;padding-bottom:190px}.home-hero .hero-lead{font-size:15px;line-height:1.35}.home-hero .hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.home-hero .hero-actions .button{width:auto;min-height:48px;padding:0 12px;font-size:10px}.home-hero .hero-proof{left:20px;right:20px;bottom:24px;width:auto;transform:none;display:grid;grid-template-columns:repeat(3,1fr)}.home-hero .hero-proof>div{padding:11px 8px;border-right:1px solid rgba(255,255,255,.16);border-bottom:0}.home-hero .hero-proof strong{font-size:18px}.home-hero .hero-proof span{font-size:10px}.home-service-card,.principles-layout{grid-template-columns:1fr}.home-service-card,.home-service-card.is-reversed{gap:30px}.home-service-card.is-reversed .home-service-media{order:0}.home-service-card.is-reversed>div:last-child{order:1}.home-service-card h2{font-size:clamp(38px,12vw,54px);line-height:.94}.home-projects .project-grid{gap:46px}.home-projects .project-card img,.home-projects .project-wide img,.home-projects .project-card:nth-child(n) img{height:390px;box-shadow:0 16px 34px rgba(26,22,18,.13),0 5px 12px rgba(26,22,18,.07)}.home-projects .project-card:nth-child(n){margin-top:0}.home-projects .project-meta{padding:15px 2px 0}.home-projects .project-meta h3{font-size:25px}.principles-intro{position:static}.principles-intro h2{font-size:clamp(56px,18vw,82px)}.principles-accordion summary{grid-template-columns:32px 1fr 32px;font-size:22px}.principles-accordion details p{margin-left:44px;margin-right:0;font-size:18px}.partner-track{animation-duration:30s}.partner-track>div{width:390px;height:300px;padding:18px}.partner-track img{max-width:120px;max-height:116px;transform:scale(3)}.partner-track>div:hover img{transform:scale(3) translateY(-2px)}.home-stats{grid-template-columns:1fr}.home-stats article{border:0;border-top:1px solid rgba(17,17,15,.18);padding:45px 0}.home-stats article:last-child{border-right:0;border-bottom:1px solid rgba(17,17,15,.18)}.home-enquiry::before{display:none}.enquiry-direct{margin-top:28px}}
@media(max-width:800px){.home-service-card>div:last-child{padding-block:0}.home-service-card h2{font-size:clamp(34px,10.5vw,48px)}.home-service-card .text-link{margin-top:0}}
@media(prefers-reduced-motion:reduce){.home-hero-media,.home-service-media img,.partner-track img,.home-film .film-player iframe{transition:none}.partner-track{animation:none}}