:root{--color-bg: #141414;--color-text-main: #fcf6ef;--color-accent: #d2ac47;--font-heading: "Libre Caslon Text", serif;--font-body: "Montserrat", sans-serif;--font-small: "Source Sans Pro", sans-serif;--spacing-container: 4vw}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}::selection{background-color:var(--color-accent);color:#fff}::-moz-selection{background-color:var(--color-accent);color:#fff}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;font-style:italic;line-height:1.2}a{text-decoration:none;color:inherit;transition:opacity .3s ease}a:hover{opacity:.7}img{max-width:100%;display:block}.container{padding:0 var(--spacing-container);max-width:1600px;margin:0 auto}.text-accent{color:var(--color-accent)}.bg-dark{background-color:var(--color-text-main);color:var(--color-bg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 1s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#132a1f33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#132a1f66}.header{padding:17.23px 38.28px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100;background-color:var(--color-bg);color:var(--color-text-main)}.logo-image{height:50px;width:auto;object-fit:contain}.nav{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.9rem;letter-spacing:.1em}.btn-enquire{border:1px solid var(--color-text-main);padding:.8em 2em;font-size:.8rem;letter-spacing:.15em;transition:all .3s ease}.btn-enquire:hover{background-color:var(--color-text-main);color:var(--color-bg);opacity:1}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:101}.hamburger-line{width:100%;height:2px;background-color:var(--color-text-main);transition:all .3s ease;transform-origin:center}.hamburger.active .hamburger-line:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:768px){.header{padding:15px 20px}.logo-image{height:40px}.hamburger{display:flex}.nav{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-text-main);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:99}.nav.nav-open{opacity:1;visibility:visible}.nav-link,.nav .btn-enquire{font-family:var(--font-body);font-size:1.5rem;letter-spacing:.1em;text-transform:capitalize;color:var(--color-bg);opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,color .3s ease}.nav.nav-open .nav-link,.nav.nav-open .btn-enquire{opacity:1;transform:translateY(0)}.nav.nav-open .nav-link:nth-child(1){transition-delay:.1s}.nav.nav-open .nav-link:nth-child(2){transition-delay:.15s}.nav.nav-open .btn-enquire{transition-delay:.2s}.nav .btn-enquire{border:none;padding:0;background:transparent}.nav .btn-enquire:hover{background:transparent;color:var(--color-accent)}.nav-link:hover{color:var(--color-accent)}.hamburger.active .hamburger-line{background-color:var(--color-bg)}}.hero{position:relative;min-height:calc(100vh - 85px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:0;padding-bottom:16vh}.hero-kicker{font-family:var(--font-body);font-size:15px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem;opacity:.9}.hero-title{font-size:88px;line-height:1.1;letter-spacing:-.96px;margin-bottom:3rem}.hero-text-wrapper{position:relative;max-width:800px;margin:0 auto}.hero-text-wrapper:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:var(--color-accent);opacity:.5}.hero-description{font-size:22.4px;line-height:1.5;opacity:.8;font-family:var(--font-body);max-width:600px;margin-left:auto;margin-right:auto}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;opacity:0;animation:scrollFadeIn 1s .5s ease forwards}@keyframes scrollFadeIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:.6;transform:translate(-50%) translateY(0)}}.scroll-text{font-family:var(--font-body);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.scroll-line{width:1px;height:50px;background-color:#fff3;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-text-main);animation:scrollDrop 2s cubic-bezier(.77,0,.175,1) infinite}@keyframes scrollDrop{0%{transform:translateY(-101%)}50%{transform:translateY(0)}to{transform:translateY(101%)}}@media(max-width:768px){.hero{min-height:calc(100vh - 70px);padding-bottom:10vh;padding-left:20px;padding-right:20px}.hero-kicker{font-size:12px;margin-bottom:1.5rem}.hero-title{font-size:42px;line-height:1.15;margin-bottom:2rem}.hero-description{font-size:16px;max-width:90%}.hero-text-wrapper:after{width:60px;height:2px;bottom:-10px}.scroll-indicator{bottom:1.5rem}.scroll-line{height:40px}}.work-gallery{padding:10vh 0 20vh;overflow:hidden}.gallery-container{width:100%;overflow-x:auto;cursor:grab;scrollbar-width:none;-ms-overflow-style:none;padding:5vh 0 10vh}.gallery-container::-webkit-scrollbar{display:none}.gallery-container.grabbing{cursor:grabbing}.gallery-track{display:flex;height:80vh;min-height:600px;align-items:center;gap:3vw;padding:0 var(--spacing-container);width:max-content}.project-card{flex-shrink:0;display:flex;flex-direction:column;position:relative;transition:transform .3s ease}.pos-0{height:70%;align-self:center;margin-top:0;z-index:2}.pos-0 .image-wrapper{aspect-ratio:1/1}.pos-1{height:105%;align-self:center;margin-top:-4vh;z-index:1}.pos-1 .image-wrapper{aspect-ratio:.65}.pos-2{height:75%;align-self:center}.pos-2 .image-wrapper{aspect-ratio:4/3}.pos-2 .image-wrapper img{transform:scale(1.02)}.pos-3{height:90%;align-self:flex-end;margin-bottom:-4vh;aspect-ratio:.8;width:auto}.pos-3 .image-wrapper{height:100%}.pos-4{height:90%;align-self:flex-start;margin-top:-4vh}.pos-4 .image-wrapper{aspect-ratio:.65}.pos-5{height:75%;align-self:center;margin-top:6vh}.pos-5 .image-wrapper{aspect-ratio:4/3}.image-wrapper{flex:1;width:100%;background-color:#141414;overflow:hidden;position:relative}.project-card .image-wrapper{height:100%;margin-bottom:1.5rem}.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .8s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0}.img-main{z-index:1;opacity:1}.img-hover{z-index:2;opacity:0}.project-card:hover .img-hover{opacity:1}.project-card:hover .image-wrapper img{transform:scale(1.05)}.placeholder-image{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-family:var(--font-heading);font-style:italic;font-size:1.2rem;opacity:.9}.project-info h3{font-size:1.4rem;margin-bottom:.2rem;color:var(--color-text-main);white-space:nowrap}.project-info p{font-family:var(--font-small);text-transform:uppercase;font-size:.75rem;letter-spacing:.1rem;color:var(--color-accent)}.scroll-spacer{width:10vw}@media(max-width:768px){.work-gallery{padding:5vh 0 10vh}.gallery-container{padding:8vh 0 10vh;-webkit-overflow-scrolling:touch}.gallery-track{height:75vh;min-height:500px;align-items:center;gap:20px;padding:0 20px}.project-card{width:65vw;max-width:280px}.pos-1{height:95%;align-self:center;margin-top:-3vh}.pos-1 .image-wrapper{aspect-ratio:.65}.pos-2{height:auto;width:88vw;max-width:380px;align-self:center}.pos-2 .image-wrapper{aspect-ratio:4/3}.pos-3{height:90%;align-self:flex-end;margin-bottom:-3vh;width:auto;max-width:none;aspect-ratio:.8}.pos-3 .image-wrapper{height:100%}.pos-4{height:90%;align-self:flex-start;margin-top:-3vh}.pos-4 .image-wrapper{aspect-ratio:.65}.pos-5{height:auto;width:88vw;max-width:380px;align-self:center;margin-top:20vh}.pos-5 .image-wrapper{aspect-ratio:4/3}.project-card .image-wrapper{height:100%;margin-bottom:1rem}.project-info h3{font-size:1rem;white-space:normal}.project-info p{font-size:.65rem}.scroll-spacer{width:20px}}.pos-coming-soon{height:100%;align-self:center;margin-bottom:0;aspect-ratio:.8;width:auto}.pos-coming-soon .image-wrapper{height:100%}.coming-soon-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-accent);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .4s cubic-bezier(.2,.8,.2,1);z-index:5;pointer-events:none}.coming-soon-overlay span{color:#fff;font-family:var(--font-heading);font-style:italic;font-size:1.8rem;white-space:nowrap;transform:translateY(10px);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.project-card:hover .coming-soon-overlay{opacity:1}.project-card:hover .coming-soon-overlay span{transform:translateY(0)}.footer{padding:10vh 0 5vh;position:relative}.footer-content{display:flex;flex-direction:column;height:100%}.contact-section{margin-bottom:4rem}.contact-heading{font-size:clamp(3rem,5vw,5rem);margin-bottom:2rem;color:var(--color-bg)}.contact-divider{width:100%;height:1px;background-color:var(--color-bg);opacity:.2;margin-bottom:3rem}.contact-details{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem}.contact-text{font-size:1.2rem;line-height:1.6;max-width:400px;opacity:.8}.contact-btn{font-family:var(--font-heading);font-size:1.5rem;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid rgba(252,246,239,.3);padding-bottom:5px;transition:all .3s ease}.contact-btn:hover{opacity:.7;border-bottom-color:var(--color-bg);padding-left:10px}.contact-btn .arrow{transition:transform .3s ease}.contact-btn:hover .arrow{transform:translate(5px)}.founders-section{margin-top:3rem}.founders-heading{font-family:var(--font-heading);font-style:italic;font-size:1.2rem;margin-bottom:.5rem;color:var(--color-bg)}.founders-names{font-family:var(--font-small);font-size:1.2rem;opacity:.8}.founders-names a{transition:opacity .3s}.founders-names a:hover{opacity:.7}.founders-divider{margin:0 .8rem;opacity:.5}.email-section,.visit-site-section{display:none}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;font-size:.9rem;opacity:.6;border-top:1px solid rgba(252,246,239,.1);padding-top:2rem;font-family:var(--font-small)}.main-site-link{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;display:inline-flex;align-items:center;gap:5px}.main-site-link .arrow-diag{font-size:1.2em}.project-nav-grid{display:flex;justify-content:space-between;gap:8rem}.project-nav-grid .contact-section{flex:1;text-align:left;margin-bottom:0}.project-nav-grid .contact-section:last-child{text-align:right}.project-nav-grid .contact-section:last-child .contact-details{justify-content:flex-end}.project-nav-grid .contact-section:first-child .contact-details{flex-direction:row-reverse;justify-content:flex-end}@media(max-width:768px){.footer{padding:8vh 20px 4vh}.desktop-only{display:none!important}.email-section{display:block;margin-top:2rem}.visit-site-section{display:block;margin-top:5rem}.contact-section,.contact-heading{text-align:center}.contact-details{flex-direction:column;align-items:center}.contact-info-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.contact-text{text-align:center;max-width:100%}.founders-section{margin-top:3rem;text-align:center}.founders-heading{font-size:1.4rem}.founders-names{font-size:1.3rem}.visit-site-section .main-site-link{font-size:.9rem;opacity:.7}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:.5rem;margin-top:1rem}.copyright{text-align:center}.project-nav-grid{flex-direction:column-reverse;gap:0}.project-nav-grid .contact-section{display:flex;flex-direction:column}.project-nav-grid .contact-section .contact-divider{order:-1;margin-bottom:1.5rem}.project-nav-grid .contact-section .contact-heading{order:0;margin-bottom:1.5rem;white-space:nowrap;font-size:clamp(1.8rem,8vw,3rem)}.project-nav-grid .contact-section .contact-details{order:1;flex-direction:column;gap:.2rem}.project-nav-grid .contact-section:last-child{text-align:right!important;align-items:flex-end;margin-bottom:3rem}.project-nav-grid .contact-section:last-child .contact-details{align-items:flex-end}.project-nav-grid .contact-section:last-child .contact-info-wrapper{align-items:flex-end}.project-nav-grid .contact-section:first-child{text-align:left!important;align-items:flex-start;transform:scale(.9);opacity:.8}.project-nav-grid .contact-section:first-child .contact-details,.project-nav-grid .contact-section:first-child .contact-info-wrapper{align-items:flex-start}}:root{--cs-bg-light: #f2f2ef;--cs-bg-dark: #141414;--cs-text-light: #fcf6ef;--cs-text-dark: #141414;--cs-accent: #d2ac47;--font-heading-main: "Libre Caslon Text", serif;--font-body: "Montserrat", sans-serif}.case-study-page{background-color:var(--cs-bg-light);color:var(--cs-text-dark);min-height:100vh;font-family:var(--font-body)}.fluid-image-container{position:relative;width:100%;overflow:hidden;height:0}.content-fill{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cs-hero{position:relative;width:100%;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cs-hero-bg{position:absolute;inset:0;z-index:1}.cs-hero-bg img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}.cs-section{padding:5rem 0;width:100%}.cs-section.no-pad-top{padding-top:0}.cs-section.no-pad-bottom{padding-bottom:0}.theme-dark{background-color:var(--cs-bg-dark);color:var(--cs-text-light)}.theme-light{background-color:var(--cs-bg-light);color:var(--cs-text-dark)}.cs-container{max-width:100%;padding-left:12vw;padding-right:20px;display:flex;flex-direction:column;align-items:flex-start}.cs-section-title{font-family:var(--font-heading-main);font-size:48.5px;line-height:1.4;font-weight:400;font-style:italic;width:100%;max-width:629px;text-align:left;margin-bottom:52px}.cs-section-title.gold{color:var(--cs-accent)}.cs-subsection-title{font-family:var(--font-heading-main);font-size:26.8px;line-height:31.4px;font-weight:400;font-style:italic;width:100%;max-width:629px;text-align:left;margin-bottom:11px}.theme-dark .cs-subsection-title{color:var(--cs-text-light)}.cs-body-text{font-family:var(--font-body);font-size:16px;line-height:24px;opacity:.85;width:100%;max-width:513px;text-align:left;margin-bottom:52px}.theme-dark .cs-body-text{color:var(--cs-text-light)}.cs-body-text.small{font-size:16px;opacity:.8;max-width:804px;margin-bottom:0}.cs-intro .cs-container{padding-top:0}.cs-deliverables>*:last-child{margin-bottom:0}.cs-image-group{padding:52px 0}.cs-image-group.no-pad-top{padding-top:0}.cs-image-full{width:100%}.cs-image-full img{display:block;width:100%}.cs-image-showcase{padding-left:52px;padding-right:52px}.cs-image-showcase img{border-radius:4px}.cs-two-col{display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:1.5rem;row-gap:52px}.cs-two-col.inset{padding-left:52px;padding-right:52px}.cs-col img{display:block;border-radius:4px;width:100%}.cs-three-col{display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.5rem;row-gap:52px;padding-left:52px;padding-right:52px}.cs-three-col img{display:block;border-radius:4px;width:100%}.cs-one-two-split{display:grid;grid-template-columns:573fr 807fr;column-gap:1.5rem;row-gap:52px}.cs-one-two-split.inset{padding-left:52px;padding-right:52px}.cs-one-two-split .cs-col img{width:100%;border-radius:4px}.cs-stack-group{padding:52px 0}.cs-stack-group .cs-image-full,.cs-stack-group .cs-image-showcase{width:100%;margin-bottom:1.5rem}.cs-stack-group .cs-image-group{padding:0}.cs-gap-small{row-gap:1.5rem}.cs-next-project{padding:10vh 0 5vh}@media(max-width:768px){.cs-hero{height:auto;min-height:0;aspect-ratio:428 / 269}.cs-container{padding:0 2rem}.cs-section-title{font-size:2rem;line-height:1.25;margin-bottom:1.5rem}.cs-subsection-title{font-size:1.5rem;line-height:1.25;margin-bottom:1rem}.cs-body-text{font-size:.95rem;line-height:1.65;margin-bottom:2rem}.cs-section{padding:3rem 0}.cs-image-group{padding:2rem 0}.cs-two-col,.cs-three-col,.cs-one-two-split{grid-template-columns:1fr}.cs-image-showcase,.cs-two-col.inset,.cs-three-col,.cs-one-two-split.inset{padding-left:2rem;padding-right:2rem}}