:root{--paper:#f6f4ef;--ink:#24251f;--muted:#77786f;--olive:#8b8c72;--line:#d9d7ce;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:92px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-family:var(--serif);font-size:31px;letter-spacing:-3px}.brand-mark span{color:var(--olive);padding:0 2px}.brand-name{font-size:10px;letter-spacing:2px;font-weight:700}.brand-name small{display:block;font-size:7px;letter-spacing:1.2px;color:var(--muted);font-weight:500;margin-top:5px}.main-nav{display:flex;align-items:center;gap:37px;font-size:11px;color:#55564f}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--olive)}.main-nav .nav-contact{color:var(--ink);border-bottom:1px solid var(--ink);padding:10px 0}.nav-contact span{margin-left:10px}.menu-toggle{display:none}.hero{height:min(690px,78vw);min-height:560px;position:relative;color:white;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=88') center 52%/cover;animation:hero-in 1.2s ease both}.hero-shade{background:linear-gradient(90deg,rgba(18,19,16,.57),rgba(18,19,16,.17) 65%,rgba(18,19,16,.08)),linear-gradient(0deg,rgba(13,14,12,.27),transparent 30%)}.hero-copy{position:absolute;left:12.3%;top:22%;max-width:560px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:var(--olive);margin:0 0 23px}.eyebrow.light{color:#e4e1d7}.hero h1,.section-heading h2,.intro h2,.project-info h2,.contact h2{font-size:clamp(56px,7.5vw,104px);line-height:.97;letter-spacing:-5px;font-weight:400;margin:0;font-family:var(--serif)}h1 em,h2 em,blockquote em{font-weight:400}.hero-description{font-size:14px;letter-spacing:.15px;margin:23px 0 31px;color:#eeece5}.button{height:49px;padding:0 20px;display:inline-flex;align-items:center;gap:31px;font-size:10px;letter-spacing:.4px}.button span{font-size:15px}.button-light{color:#25251f;background:var(--paper)}.button-dark{background:#292a24;color:white}.hero-bottom{position:absolute;bottom:35px;left:7.2%;right:7.2%;display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:1.5px;color:#e5e3dc}.hero-line{width:45px;height:1px;background:#c6c3b9}.scroll-cue{position:absolute;right:7.2%;bottom:35px;font-size:8px;letter-spacing:1.5px;color:#e5e3dc}.scroll-cue span{margin-left:12px}.section-pad{padding-left:12.3%;padding-right:12.3%}.intro{padding-top:132px;padding-bottom:136px;display:grid;grid-template-columns:15% 48% 37%;align-items:start}.section-index{font-size:8px;letter-spacing:1.6px;color:#797a72}.intro-aside{display:flex;flex-direction:column;gap:67px}.vertical-note{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:2px;color:#98998f}.intro-main .eyebrow{margin-bottom:23px}.intro h2,.section-heading h2,.contact h2{font-size:clamp(43px,5.3vw,69px);letter-spacing:-3px;line-height:1.05}.intro-text{padding:34px 0 0 21px;max-width:355px;color:#696a62;line-height:1.9;font-size:12px}.intro-text p{margin:0 0 13px}.text-link{display:inline-block;margin-top:17px;padding-bottom:8px;border-bottom:1px solid #77786f;color:var(--ink);font-size:10px}.text-link span{margin-left:14px}.services{background:#eeede7;padding-top:106px;padding-bottom:116px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.section-heading h2{font-size:clamp(40px,4.5vw,59px)}.section-heading>p{color:#73746c;font-size:11px;line-height:1.8;max-width:260px;margin:0 4% 7px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{position:relative;padding-bottom:5px}.service-photo{height:clamp(180px,22vw,280px);background-size:cover;background-position:center;margin-bottom:22px}.service-photo-one{background-image:url('https://images.unsplash.com/photo-1600210492493-0946911123ea?auto=format&fit=crop&w=900&q=82')}.service-photo-two{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=900&q=82')}.service-photo-three{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=900&q=82')}.service-number{font-size:8px;letter-spacing:1.5px;color:#8d8e84}.service-card h3{font-family:var(--serif);font-size:22px;font-weight:400;margin:9px 0}.service-card p{font-size:10px;line-height:1.8;color:#74756d;max-width:260px;margin:0}.service-card>a{position:absolute;right:3px;bottom:9px;border:1px solid #c7c6bc;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:14px}.project-feature{display:grid;grid-template-columns:56% 44%;min-height:640px;background:#dad8cc}.project-image{background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1300&q=88') center/cover}.project-info{padding:83px 13% 50px 13%;position:relative}.project-info .eyebrow{margin:67px 0 18px}.project-info h2{font-size:clamp(44px,5vw,65px);letter-spacing:-3px}.project-description{font-size:11px;color:#66675e;line-height:1.9;max-width:290px;margin:22px 0 30px}.project-meta{display:flex;gap:27px;color:#72736a;font-size:8px;letter-spacing:1.2px;margin-bottom:33px}.project-pagination{position:absolute;bottom:37px;left:13%;right:13%;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1px;color:#6d6e65}.project-pagination i{width:35px;height:1px;background:#929389}.project-arrows{margin-left:auto;font-size:14px;color:#36372f}.quote-section{padding:105px 15% 100px;text-align:center;background:#f6f4ef}.quote-mark{font-family:var(--serif);font-size:61px;line-height:.7;color:var(--olive)}blockquote{font-family:var(--serif);font-size:clamp(29px,4.1vw,50px);line-height:1.22;max-width:780px;margin:20px auto 30px;letter-spacing:-1px}.quote-credit{display:flex;justify-content:center;align-items:center;gap:13px;font-size:8px;letter-spacing:1.4px;color:#77786e}.credit-line{width:24px;height:1px;background:var(--olive)}.contact{padding-top:105px;padding-bottom:100px;background:#eeede7;display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact-left .eyebrow{margin-top:68px;margin-bottom:19px}.contact h2{font-size:clamp(46px,5.3vw,70px)}.contact-left .button{margin-top:29px}.contact-image{height:250px;background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1000&q=85') center 60%/cover}.contact-details{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;padding-top:22px}.contact-details span{display:block;font-size:7px;letter-spacing:1.3px;color:#85867d;margin-bottom:11px}.contact-details a,.contact-details p{font-size:9px;margin:0;color:#383931}.site-footer{min-height:100px;padding:20px 7.2%;display:flex;align-items:center;justify-content:space-between}.footer-brand .brand-mark{font-size:25px}.footer-brand .brand-name{font-size:8px}.footer-brand .brand-name small{font-size:6px}.site-footer>span,.site-footer>a:last-child{font-size:7px;letter-spacing:1px;color:#77786f}@keyframes hero-in{from{transform:scale(1.04);opacity:.6}to{transform:scale(1);opacity:1}}
@media(max-width:900px){.site-header{height:78px;padding:0 6%}.main-nav{gap:22px}.section-pad{padding-left:8%;padding-right:8%}.hero-copy{left:9%}.intro{padding-top:95px;padding-bottom:100px;grid-template-columns:13% 45% 42%}.project-info{padding-left:10%;padding-right:8%}.project-pagination{left:10%;right:8%}.contact{gap:5%}.contact-details{grid-template-columns:1fr 1fr}.contact-details>div:last-child{display:none}}
@media(max-width:650px){.site-header{height:70px;padding:0 6%}.brand-mark{font-size:27px}.brand-name{font-size:9px}.menu-toggle{display:flex;width:40px;height:40px;border:0;background:none;flex-direction:column;justify-content:center;gap:6px;padding:8px;z-index:7}.menu-toggle span{height:1px;width:23px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:22px 7% 30px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 14px 18px #2222}.main-nav.open{display:flex}.main-nav a{padding:15px 0;border-bottom:1px solid var(--line)}.main-nav .nav-contact{border-bottom:1px solid var(--line)}.hero{height:calc(100svh - 70px);min-height:570px;max-height:760px}.hero-image{background-position:57% center}.hero-shade{background:linear-gradient(90deg,rgba(18,19,16,.49),rgba(18,19,16,.12)),linear-gradient(0deg,rgba(13,14,12,.38),transparent 35%)}.hero-copy{left:8%;right:8%;top:25%}.hero h1{font-size:clamp(64px,14vw,90px);letter-spacing:-3px}.hero-description{font-size:12px}.hero-bottom{left:8%;right:8%;bottom:28px;font-size:7px;gap:11px}.scroll-cue{display:none}.section-pad{padding-left:8%;padding-right:8%}.intro{padding-top:77px;padding-bottom:82px;grid-template-columns:1fr 1fr;row-gap:25px}.intro-aside{grid-column:1/-1;display:block}.vertical-note{display:none}.intro-main{grid-column:1/-1}.intro-main .eyebrow{font-size:8px}.intro h2,.section-heading h2{font-size:48px;letter-spacing:-2px}.intro-text{grid-column:1/-1;padding:0;max-width:480px;font-size:11px}.services{padding-top:75px;padding-bottom:80px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin:20px 0 0}.service-grid{grid-template-columns:1fr;gap:34px}.service-photo{height:65vw;max-height:340px;margin-bottom:16px}.service-card h3{font-size:21px}.service-card p{max-width:80%}.project-feature{grid-template-columns:1fr}.project-image{height:78vw;min-height:300px;max-height:490px}.project-info{padding:43px 8% 90px}.project-info .eyebrow{margin:37px 0 15px}.project-info h2{font-size:54px}.project-description{margin:17px 0 23px}.project-pagination{left:8%;right:8%;bottom:28px}.quote-section{padding:76px 8% 73px}.quote-mark{font-size:51px}blockquote{font-size:35px;margin:15px auto 24px}.quote-credit{font-size:7px}.contact{padding-top:76px;padding-bottom:70px;grid-template-columns:1fr;gap:36px}.contact-left .eyebrow{margin-top:38px}.contact h2{font-size:53px}.contact-image{height:57vw;min-height:210px}.contact-details{grid-template-columns:1fr 1fr}.contact-details>div:last-child{display:block}.site-footer{padding:22px 6%;display:grid;grid-template-columns:1fr auto;row-gap:18px}.site-footer>span{grid-row:2;grid-column:1}.site-footer>a:last-child{grid-column:2;grid-row:2}.footer-brand{grid-column:1}.footer-brand .brand-mark{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Interior pages */
.main-nav a[aria-current=page]{color:var(--ink)}
.page-banner{height:420px;position:relative;display:flex;align-items:center;padding:0 12.3%;color:white;background-size:cover;background-position:center}.page-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,21,17,.55),rgba(20,21,17,.13))}.page-banner>div,.banner-caption{position:relative}.page-banner h1{font:400 clamp(57px,7vw,88px)/.98 var(--serif);letter-spacing:-4px;margin:0}.page-banner h1 em{font-weight:400}.page-banner .eyebrow{margin-bottom:24px}.banner-caption{position:absolute;right:7.2%;bottom:28px;font-size:8px;letter-spacing:1.6px}.about-banner{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2000&q=85')}.services-banner{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2000&q=85')}.projects-banner{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2000&q=85')}.testimonials-banner{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=2000&q=85')}.contact-banner{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2000&q=85')}.about-story{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:14% 42% 44%;gap:0}.page-kicker{display:flex;flex-direction:column;gap:70px}.about-story-main{padding-right:12%}.about-story-main h2,.services-intro h2,.projects-heading h2,.testimonials-intro h2,.contact-page h2{font:400 clamp(43px,5.3vw,68px)/1.03 var(--serif);letter-spacing:-3px;margin:0 0 27px}.about-story-main>p:not(.eyebrow){font-size:11px;line-height:1.9;color:#6d6e66;max-width:400px}.about-story-photo{min-height:380px;background:url('https://images.unsplash.com/photo-1600210492493-0946911123ea?auto=format&fit=crop&w=1000&q=85') center/cover}.values{padding-top:76px;padding-bottom:90px;background:#eeede7}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8%;margin-top:50px}.values-grid article>span{font-size:9px;color:var(--olive);letter-spacing:1px}.values-grid h3{font:400 25px var(--serif);margin:15px 0 10px}.values-grid p{font-size:11px;line-height:1.85;color:#717269;max-width:260px}.about-cta,.services-bottom{padding:75px 12.3%;background:#dad8cc}.about-cta h2,.services-bottom h2{font:400 clamp(44px,5vw,66px)/1.02 var(--serif);letter-spacing:-3px;margin:17px 0 24px}.services-bottom .button{margin-top:5px}.services-intro{padding-top:83px;padding-bottom:75px;display:grid;grid-template-columns:22% 44% 34%;align-items:end}.services-intro .section-index{align-self:start}.services-intro h2{margin:0}.services-intro>p{font-size:11px;line-height:1.9;color:#6d6e66;margin:0 0 4px;max-width:300px}.service-list{padding-bottom:100px}.service-row{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:54px 0;border-top:1px solid var(--line);align-items:center}.service-row:nth-child(even) .service-row-image{order:2}.service-row-image{height:330px;background-size:cover;background-position:center}.row-design{background-image:url('https://images.unsplash.com/photo-1600210492493-0946911123ea?auto=format&fit=crop&w=1000&q=82')}.row-value{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1000&q=82')}.row-manage{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1000&q=82')}.row-build{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1000&q=82')}.service-row-content h2{font:400 clamp(35px,4vw,49px)/1.02 var(--serif);letter-spacing:-2px;margin:20px 0}.service-row-content>p,.service-row-content li{font-size:11px;line-height:1.85;color:#6d6e66}.service-row-content>p{max-width:360px}.service-row-content ul{padding:10px 0 0 15px;columns:2;max-width:420px}.service-row-content li{padding:3px 8px 3px 0}.projects-heading{padding-top:88px;padding-bottom:48px;display:grid;grid-template-columns:24% 44% 32%;align-items:end}.projects-heading h2{margin:0}.projects-heading>p{font-size:11px;line-height:1.9;color:#6d6e66;margin:0 0 5px;max-width:300px}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:50px 24px;padding-bottom:110px}.gallery-card{min-width:0}.gallery-large{grid-column:span 2}.gallery-image{height:clamp(240px,34vw,460px);background-size:cover;background-position:center}.gallery-large .gallery-image{height:clamp(300px,46vw,600px)}.gallery-home{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1500&q=85')}.gallery-dining{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1000&q=85')}.gallery-lounge{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1000&q=85')}.gallery-detail{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1500&q=85')}.gallery-caption{padding-top:15px;display:flex;justify-content:space-between;align-items:start}.gallery-caption>div>span,.gallery-caption>span{font-size:8px;letter-spacing:1.2px;color:#828379}.gallery-caption h3{font:400 23px var(--serif);margin:7px 0}.testimonials-intro{padding-top:91px;padding-bottom:53px;display:grid;grid-template-columns:24% 45% 31%;align-items:end}.testimonials-intro .section-index{align-self:start}.testimonials-intro .eyebrow{grid-column:2/-1}.testimonials-intro h2{grid-column:2;margin:0}.testimonials-intro>p:last-child{font-size:10px;line-height:1.8;color:#77786f;margin:0 0 6px}.testimonial-grid{padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.testimonial-card{min-height:320px;padding:39px 11%;background:#eeede7;display:flex;flex-direction:column;justify-content:center}.testimonial-card .quote-mark{font-size:50px}.testimonial-card blockquote{font-size:clamp(23px,3vw,34px);text-align:left;line-height:1.28;margin:15px 0 24px}.testimonial-card .quote-credit{justify-content:flex-start;line-height:1.6}.quote-credit small{display:block;font-size:7px;color:#99998f;margin-top:4px;letter-spacing:1.2px}.testimonial-photo{padding:0;position:relative;justify-content:end;min-height:320px}.testimonial-photo-image{position:absolute;inset:0;background:linear-gradient(0deg,#1718128a,transparent 55%),url('https://images.unsplash.com/photo-1600210492493-0946911123ea?auto=format&fit=crop&w=1100&q=85') center/cover}.testimonial-photo>span{position:relative;color:white;margin:0 25px 24px;font-size:8px;letter-spacing:1.5px}.testimonial-olive{background:#a2a28d;color:white}.testimonial-olive .quote-mark,.testimonial-olive .quote-credit{color:#f2f0e8}.testimonial-olive .quote-credit small{color:#e2e0d4}.contact-page{padding-top:100px;padding-bottom:105px;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-page-copy>.eyebrow{margin-top:67px}.contact-page-copy>p:not(.eyebrow){font-size:11px;line-height:1.9;color:#6d6e66;max-width:350px}.contact-page-details{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:25px 12px}.contact-page-details span{font-size:8px;letter-spacing:1.4px;color:#88897f;display:block;margin-bottom:8px}.contact-page-details a,.contact-page-details p{font-size:10px;margin:0}.contact-form{padding:32px;background:#eeede7;display:flex;flex-direction:column;gap:19px}.contact-form label{font-size:9px;letter-spacing:.5px;color:#686960}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:8px;border:0;border-bottom:1px solid #c9c8bf;padding:11px 0;background:transparent;color:var(--ink);font:11px var(--sans);border-radius:0;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#65665b}.contact-form textarea{resize:vertical}.contact-form .button{align-self:flex-start;border:0;cursor:pointer}.form-note{font-size:8px;color:#818278;margin:-7px 0 0}
@media(max-width:900px){.page-banner{padding-left:8%}.about-story{grid-template-columns:13% 43% 44%}.about-story-main{padding-right:8%}.services-intro{grid-template-columns:18% 45% 37%}.projects-heading{grid-template-columns:18% 45% 37%}.testimonials-intro{grid-template-columns:18% 45% 37%}.contact-page{gap:7%}.service-row{gap:6%}}
@media(max-width:650px){.page-banner{height:365px;padding:0 8%}.page-banner h1{font-size:63px;letter-spacing:-3px}.banner-caption{right:8%;font-size:7px}.about-story{padding-top:70px;padding-bottom:75px;grid-template-columns:1fr;gap:25px}.page-kicker{display:block}.page-kicker .vertical-note{display:none}.about-story-main{padding:0}.about-story-main h2,.services-intro h2,.projects-heading h2,.testimonials-intro h2,.contact-page h2{font-size:48px;letter-spacing:-2px}.about-story-photo{min-height:280px}.values{padding-top:65px;padding-bottom:70px}.values-grid{grid-template-columns:1fr;gap:20px;margin-top:32px}.values-grid article{border-top:1px solid var(--line);padding-top:12px}.values-grid h3{font-size:22px;margin:8px 0}.about-cta,.services-bottom{padding:60px 8%}.services-intro{padding-top:68px;padding-bottom:53px;display:block}.services-intro h2{margin:31px 0 17px}.services-intro>p{max-width:400px}.service-list{padding-bottom:70px}.service-row{grid-template-columns:1fr;gap:21px;padding:35px 0}.service-row:nth-child(even) .service-row-image{order:0}.service-row-image{height:62vw;min-height:220px;max-height:340px}.service-row-content h2{font-size:40px;margin:14px 0}.service-row-content ul{columns:1}.projects-heading{padding-top:67px;padding-bottom:32px;display:block}.projects-heading h2{margin:29px 0 16px}.projects-heading>p{max-width:380px}.project-gallery{grid-template-columns:1fr;gap:32px;padding-bottom:70px}.gallery-large{grid-column:auto}.gallery-image,.gallery-large .gallery-image{height:65vw;min-height:230px;max-height:370px}.gallery-caption h3{font-size:21px}.testimonials-intro{padding-top:68px;padding-bottom:35px;display:block}.testimonials-intro .eyebrow{margin-top:33px;margin-bottom:13px}.testimonials-intro h2{margin-bottom:16px}.testimonials-intro>p:last-child{max-width:450px}.testimonial-grid{grid-template-columns:1fr;gap:14px;padding-bottom:70px}.testimonial-card{min-height:280px;padding:33px 9%}.testimonial-photo{min-height:300px;padding:0}.contact-page{padding-top:70px;padding-bottom:70px;grid-template-columns:1fr;gap:35px}.contact-page-copy>.eyebrow{margin-top:38px}.contact-page-details{margin-top:32px}.contact-form{padding:25px 7%}.contact-form label{font-size:9px}}

/* Readability pass: keep supporting copy comfortable on desktop and mobile. */
body{font-size:16px}
.main-nav{font-size:14px}
.brand-name{font-size:12px}
@media(max-width:650px){.recent-project{padding-top:0;padding-bottom:65px;grid-template-columns:1fr;gap:27px}.recent-project-image{min-height:390px}.recent-project-copy h2{font-size:48px}.related-projects{padding-bottom:70px}.related-projects-grid{grid-template-columns:1fr;gap:28px}.related-project-image{height:78vw;max-height:400px}}
.brand-name small{font-size:9px}
.eyebrow{font-size:12px;letter-spacing:1.6px}
.section-index,.service-number,.project-meta,.project-pagination,.hero-bottom,.scroll-cue,.banner-caption{font-size:11px}
.vertical-note{font-size:10px}
.button{font-size:14px;min-height:52px}
.hero-description{font-size:17px}
.intro-text,.section-heading>p,.service-card p,.project-description,.about-story-main>p:not(.eyebrow),.values-grid p,.services-intro>p,.service-row-content>p,.service-row-content li,.projects-heading>p,.testimonials-intro>p:last-child,.contact-page-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}
.text-link{font-size:14px}
.service-card h3{font-size:26px}
.quote-credit,.contact-details a,.contact-details p,.contact-page-details a,.contact-page-details p{font-size:13px}
.contact-details span,.contact-page-details span{font-size:10px}
.site-footer>span,.site-footer>a:last-child{font-size:11px}
.footer-brand .brand-name{font-size:10px}
.footer-brand .brand-name small{font-size:8px}
.values-grid h3{font-size:29px}
.gallery-caption>div>span,.gallery-caption>span{font-size:11px}
.gallery-caption h3{font-size:28px}
.testimonial-photo>span{font-size:11px}
.quote-credit small{font-size:9px}
.contact-form label{font-size:13px}
.contact-form input,.contact-form textarea,.contact-form select{font-size:15px}
.form-note{font-size:11px}
.contact-page-details span{margin-bottom:9px}
@media(max-width:650px){
  body{font-size:16px}
  .main-nav{font-size:16px}
  .brand-name{font-size:11px}
  .brand-name small{font-size:8px}
  .eyebrow{font-size:10px}
  .section-index,.service-number,.project-meta,.project-pagination,.hero-bottom,.banner-caption{font-size:10px}
  .hero-description{font-size:16px}
  .hero-bottom{gap:8px;letter-spacing:1px}
  .intro-text,.section-heading>p,.service-card p,.project-description,.about-story-main>p:not(.eyebrow),.values-grid p,.services-intro>p,.service-row-content>p,.service-row-content li,.projects-heading>p,.testimonials-intro>p:last-child,.contact-page-copy>p:not(.eyebrow){font-size:16px;line-height:1.75}
  .button{font-size:14px;min-height:52px}
  .service-card h3{font-size:25px}
  .quote-credit,.contact-details a,.contact-details p,.contact-page-details a,.contact-page-details p{font-size:13px}
  .contact-details span,.contact-page-details span{font-size:10px}
  .site-footer>span,.site-footer>a:last-child{font-size:10px;line-height:1.5}
  .footer-brand .brand-name{font-size:9px}
  .footer-brand .brand-name small{font-size:7px}
  .values-grid h3{font-size:25px}
  .gallery-caption>div>span,.gallery-caption>span{font-size:10px}
  .gallery-caption h3{font-size:24px}
  .testimonial-photo>span{font-size:10px}
  .quote-credit small{font-size:9px}
  .contact-form label{font-size:13px}
  .contact-form input,.contact-form textarea,.contact-form select{font-size:16px}
  .form-note{font-size:11px}
}

.contact-details{grid-template-columns:1fr 1fr;row-gap:20px}
.contact-details>div:last-child{display:block}
.contact-details p{max-width:230px;line-height:1.65}
.business-details{padding-top:82px;padding-bottom:92px;display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#eeede7}
.business-owner .eyebrow{margin-top:42px;margin-bottom:13px}
.business-owner h2{font:400 clamp(38px,4.3vw,55px)/1.05 var(--serif);letter-spacing:-2px;margin:0 0 23px}
.business-owner>a{display:block;width:max-content;margin:10px 0;font-size:15px;border-bottom:1px solid var(--line);padding-bottom:4px}
.business-locations{display:flex;flex-direction:column;gap:27px;padding-top:47px}
.business-locations span{font-size:11px;letter-spacing:1.3px;color:#77786f}
.business-locations p{font-size:16px;line-height:1.7;margin:9px 0 0;max-width:390px}
@media(max-width:650px){
  .contact-details{grid-template-columns:1fr 1fr;gap:18px 14px}
  .contact-details p{font-size:13px;overflow-wrap:anywhere}
  .business-details{padding-top:65px;padding-bottom:72px;grid-template-columns:1fr;gap:16px}
  .business-owner .eyebrow{margin-top:32px}
  .business-locations{padding-top:12px;gap:22px}
  .business-owner>a{font-size:14px;overflow-wrap:anywhere}
  .business-locations p{font-size:15px}
}

/* Quiet, material-led palette with acoustic interior project photography. */
:root{--paper:#f4f1e9;--ink:#20302f;--muted:#6d7975;--olive:#a86443;--line:#d5d2c8}
body,.site-header,.quote-section{background-color:var(--paper)}
.services,.contact,.values,.business-details,.contact-form,.testimonial-card{background-color:#e7e9e5}
.project-feature,.about-cta,.services-bottom{background-color:#deded5}
.button-dark{background:#243635}
.button-light{background:#f4f1e9;color:#20302f}
.hero-image{background-image:url('https://acustudio.cl/assets/imagen-contexto/wooden-panel-240.webp')}
.service-photo-one,.row-design,.gallery-home,.about-story-photo{background-image:url('https://acustudio.cl/assets/imagen-contexto/wooden-panel-240.webp')}
.service-photo-two,.row-value,.gallery-dining{background-image:url('https://adeqo.eu/cdn/shop/articles/adeqo-akoestische-wandpanelen-eiken-fineer-vergaderruimte_aab1c97a-c5de-4919-bed2-6115795271f8.jpg?v=1773996463&width=2048')}
.service-photo-three,.row-manage,.gallery-lounge,.testimonial-photo-image{background-image:url('https://sonio.co.uk/cdn/shop/files/timber-panel.jpg?v=1772006132&width=1200')}
.row-build,.gallery-detail,.project-image,.contact-image{background-image:url('https://static.wixstatic.com/media/817ca8_b766ce52512c4198a53a3b2c4ad5f4cb~mv2.jpg/v1/fill/w_980,h_552,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Picture33.jpg')}
.about-banner{background-image:url('https://acustudio.cl/assets/imagen-contexto/wooden-panel-240.webp')}
.services-banner{background-image:url('https://adeqo.eu/cdn/shop/articles/adeqo-akoestische-wandpanelen-eiken-fineer-vergaderruimte_aab1c97a-c5de-4919-bed2-6115795271f8.jpg?v=1773996463&width=2048')}
.turnkey-banner{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2000&q=85')}
.projects-banner{background-image:url('https://sonio.co.uk/cdn/shop/files/timber-panel.jpg?v=1772006132&width=1200')}
.testimonials-banner{background-image:url('https://static.wixstatic.com/media/817ca8_b766ce52512c4198a53a3b2c4ad5f4cb~mv2.jpg/v1/fill/w_980,h_552,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Picture33.jpg')}
.contact-banner{background-image:url('https://acustudio.cl/assets/imagen-contexto/wooden-panel-240.webp')}
.project-info{background-color:#deded5}
.testimonial-olive{background:#526b67}
.hero-shade,.page-banner:before{background:linear-gradient(90deg,rgba(20,35,34,.66),rgba(20,35,34,.18) 74%),linear-gradient(0deg,rgba(20,35,34,.28),transparent 35%)}
.service-card>a{border-color:#b9bcb3}
.product-range{padding-top:92px;padding-bottom:95px;background:#e7e9e5}
.product-heading{display:grid;grid-template-columns:24% 44% 32%;align-items:end;margin-bottom:40px}
.product-heading .section-index{align-self:start}
.product-heading h2{font:400 clamp(42px,5vw,62px)/1.03 var(--serif);letter-spacing:-2.5px;margin:0}
.product-heading>p{font-size:15px;line-height:1.8;color:#687572;margin:0 0 4px;max-width:330px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.product-grid article{min-height:175px;padding:22px 21px;background:#f4f1e9;border:1px solid #d9ddd5}
.product-grid article>span{font-size:11px;letter-spacing:1px;color:#a86443}
.product-grid h3{font:400 22px/1.2 var(--serif);margin:20px 0 8px}
.product-grid p{font-size:14px;line-height:1.65;color:#697570;margin:0}
.product-note{margin:23px 0 0;font-size:12px;line-height:1.7;color:#697570}
.application-band{padding-top:55px;padding-bottom:62px;background:#263b39;color:#f4f1e9}
.application-band .section-index{color:#d9c3b0}
.application-band>div{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:26px}
.application-band article{border-top:1px solid #637370;padding-top:15px}
.application-band h3{font:400 24px var(--serif);margin:0 0 8px}
.application-band p{font-size:13px;line-height:1.65;color:#d0d8d4;margin:0}
@media(max-width:900px){.product-heading{grid-template-columns:18% 45% 37%}.application-band>div{grid-template-columns:1fr 1fr}}
@media(max-width:650px){
  .product-range{padding-top:68px;padding-bottom:70px}
  .product-heading{display:block;margin-bottom:27px}
  .product-heading h2{font-size:46px;margin:26px 0 14px}
  .product-heading>p{font-size:16px}
  .product-grid{grid-template-columns:1fr;gap:10px}
  .product-grid article{min-height:auto;padding:18px 19px}
  .product-grid h3{font-size:23px;margin:11px 0 6px}
  .product-grid p{font-size:15px}
  .product-note{font-size:13px}
  .application-band{padding-top:45px;padding-bottom:48px}
  .application-band>div{gap:18px 15px;margin-top:21px}
  .application-band h3{font-size:22px}
  .application-band p{font-size:14px}
}
.studio-stats{padding-top:34px;padding-bottom:36px;display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#263b39;color:#f4f1e9}
.studio-stats article{display:flex;align-items:center;gap:18px;border-right:1px solid #637370;padding:9px 20px}
.studio-stats article:last-child{border:0}
.studio-stats strong{font:400 clamp(42px,5vw,65px)/1 var(--serif);color:#e3b396}
.studio-stats span{font-size:12px;letter-spacing:1.3px;line-height:1.5}
.site-footer{display:grid;grid-template-columns:1.3fr auto 1fr 1.5fr auto;gap:18px;min-height:115px}
.footer-socials{display:flex;align-items:center;gap:8px}
.footer-socials a{width:31px;height:31px;border:1px solid #c9cec7;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600;color:#52645f}
.footer-socials a:hover{background:#e8ebe5;color:var(--ink)}
.footer-socials a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.footer-socials svg{display:block;width:16px;height:16px;fill:currentColor}
.footer-actions{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.footer-whatsapp{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border-radius:30px;background:#188b52;color:white;font-size:12px;font-weight:600;white-space:nowrap}
.footer-whatsapp svg{width:21px;height:21px;fill:currentColor}
.footer-top{font-size:11px;letter-spacing:.7px;color:#6d7975}
.footer-credit{font-size:12px;line-height:1.5;color:#6d7975;white-space:nowrap}
.footer-credit a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.site-footer>span,.site-footer>a:last-child{font-size:11px;letter-spacing:.7px;color:#6d7975}
.factory-map-panel{padding:25px;background:#e7e9e5}
.map-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}
.map-heading a{font-size:13px;text-decoration:underline;text-underline-offset:3px}
.factory-map-panel iframe{display:block;width:100%;height:365px;border:0;filter:saturate(.72)}
.factory-map-panel>p{font-size:13px;line-height:1.7;color:#64716d;margin:15px 0 0}
.contact-page{grid-template-columns:.9fr 1.1fr;align-items:start}
.application-gallery .gallery-card{background:#e7e9e5;padding-bottom:18px}
.lee-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;padding-top:20px}
.lee-projects .related-projects-heading{grid-column:1/-1}
.lee-projects .gallery-image{display:block;width:100%;object-fit:cover}
.recent-project{padding-top:10px;padding-bottom:96px;display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center}
.recent-project-image{min-height:520px;background:url('assets/eva-foam-acoustic-work-studio.png') center 45%/cover no-repeat}
.recent-project-copy{max-width:430px}
.recent-project-copy h2{font:400 clamp(42px,5vw,66px)/1.02 var(--serif);letter-spacing:-3px;margin:0 0 23px}
.recent-project-copy p{font-size:15px;line-height:1.8;color:#696a62;margin:0 0 30px}
.recent-project-tag{font-size:9px;letter-spacing:1.5px;color:#77786f}
.related-projects{padding-top:5px;padding-bottom:100px}
.related-projects-heading{margin-bottom:28px}
.related-projects-heading .eyebrow{margin-bottom:12px}
.related-projects-heading h2{font:400 clamp(36px,4vw,52px)/1.06 var(--serif);letter-spacing:-2px;margin:0}
.related-projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.related-project-image{height:clamp(260px,36vw,460px);background-size:cover;background-position:center}
.related-workshop{background-image:url('assets/eva-foam-panel-workshop-visual.png')}
.related-detail{background-image:url('assets/eva-foam-cutouts-detail-visual.png')}
.related-projects-grid h3{font:400 22px var(--serif);margin:13px 0 0}
.related-project-note{font-size:12px;color:#77786f;margin:25px 0 0}
.application-gallery .gallery-image{height:clamp(210px,25vw,340px);background-size:cover;background-position:center}
.application-gallery .gallery-caption{padding:14px 16px 0;min-height:73px}
.application-gallery .gallery-caption h3{font-size:23px;line-height:1.2}
.application-gallery .gallery-caption>div>span{font-size:10px;letter-spacing:1px}
.gallery-classroom{background-image:url('https://adeqo.eu/cdn/shop/articles/adeqo-akoestische-wandpanelen-eiken-fineer-vergaderruimte_aab1c97a-c5de-4919-bed2-6115795271f8.jpg?v=1773996463&width=2048')}
.gallery-conference{background-image:url('https://acustudio.cl/assets/imagen-contexto/wooden-panel-240.webp')}
.gallery-theatre{background-image:url('https://cpimg.tistatic.com/10477104/b/4/Home-Theater-Room-Acoustic-Consultancy-in-UK.jpg')}
.gallery-club{background-image:url('https://sonio.co.uk/cdn/shop/files/timber-panel.jpg?v=1772006132&width=1200')}
.gallery-office{background-image:url('https://static.wixstatic.com/media/817ca8_b766ce52512c4198a53a3b2c4ad5f4cb~mv2.jpg/v1/fill/w_980,h_552,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Picture33.jpg')}
.gallery-recording{background-image:url('https://mmtacoustix.com/assets/img/abt-img-3.jpg')}
.gallery-retail{background-image:url('https://sonio.co.uk/cdn/shop/files/timber-panel.jpg?v=1772006132&width=1200')}
.gallery-partition{background-image:url('https://static.wixstatic.com/media/817ca8_b766ce52512c4198a53a3b2c4ad5f4cb~mv2.jpg/v1/fill/w_980%2Ch_552%2Cal_c%2Cq_85%2Cusm_0.66_1.00_0.01%2Cenc_avif%2Cquality_auto/Picture33.jpg')}
.gallery-ceiling{background-image:url('https://tapacoustics.com/cdn/shop/files/ChatGPTImageJun19_2026_12_16_48PM.png?v=1781851890&width=1500')}
.gallery-doors{background-image:url('https://adeqo.eu/cdn/shop/articles/adeqo-akoestische-wandpanelen-eiken-fineer-vergaderruimte_aab1c97a-c5de-4919-bed2-6115795271f8.jpg?v=1773996463&width=2048')}
@media(max-width:900px){
  .site-footer{grid-template-columns:1fr 1fr 1fr;gap:18px 16px}
  .site-footer .footer-brand{grid-column:1}
  .footer-actions{grid-column:3;grid-row:1}
  .site-footer>span:nth-child(3){grid-column:1;grid-row:2}
  .footer-socials{grid-column:2;grid-row:2}
  .footer-credit{grid-column:3;grid-row:2}
  .contact-page{grid-template-columns:1fr 1fr;gap:5%}
}
@media(max-width:650px){
  .studio-stats{padding-top:24px;padding-bottom:24px;gap:10px}
  .studio-stats article{display:block;padding:7px 10px}
  .studio-stats strong{display:block;font-size:43px;margin-bottom:8px}
  .studio-stats span{font-size:10px;letter-spacing:.8px}
  .site-footer{display:flex;flex-direction:column;align-items:stretch;gap:13px;padding:23px 6%;min-height:0}
  .site-footer .footer-brand{align-self:flex-start}
  .site-footer>span:nth-child(3),.footer-credit{display:block;width:100%;min-width:0;line-height:1.5}
  .site-footer>span:nth-child(3){font-size:10px}
  .footer-credit{font-size:11px}
  .footer-socials{align-self:flex-start}
  .footer-actions{align-self:flex-end}
  .footer-whatsapp{width:42px;height:42px;padding:9px;justify-content:center}
  .footer-whatsapp span{display:none}
  .footer-top{display:none}
  .contact-page{grid-template-columns:1fr;gap:30px}
  .factory-map-panel{padding:19px 6%}
  .factory-map-panel iframe{height:300px}
  .map-heading{align-items:flex-start;flex-direction:column;gap:8px}
  .application-gallery{grid-template-columns:1fr;gap:22px}
  .application-gallery .gallery-image{height:65vw;min-height:220px;max-height:360px}
  .application-gallery .gallery-caption h3{font-size:24px}
}
.page-loader{position:fixed;inset:0;z-index:10000;display:block;background:#20302f;color:#f4f1e9;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}
.page-loader.is-visible{opacity:1;visibility:visible}
.loader-center{position:absolute;left:50%;top:50%;width:132px;height:132px;transform:translate(-50%,-50%);display:grid;place-items:center}
.loader-emblem{position:relative;z-index:1;font:400 58px/1 var(--serif);letter-spacing:-6px;color:#f4f1e9;animation:loader-breathe .8s ease-in-out infinite alternate}
.loader-emblem span{color:#d99b76;padding:0 3px}
.loader-caption{position:absolute;left:50%;top:calc(50% + 82px);transform:translateX(-50%);font-size:10px;letter-spacing:2px;color:#d2dbd6;white-space:nowrap}
.loader-ring{position:absolute;inset:0;width:118px;height:118px;margin:auto;border:1px solid #ffffff38;border-top-color:#d99b76;border-radius:50%;animation:loader-spin .8s linear infinite}
@keyframes loader-spin{to{transform:rotate(360deg)}}
@keyframes loader-breathe{to{opacity:.55;transform:scale(.96)}}
@media(prefers-reduced-motion:reduce){.page-loader,.loader-emblem,.loader-ring{animation:none;transition:none}}

/* Keep the turnkey service cards full width beneath the section introduction. */
#turnkey .product-grid{grid-column:1/-1;width:100%;margin-top:40px}
.service-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
@media(max-width:650px){.service-grid-two{grid-template-columns:1fr;gap:22px}}
@media(min-width:651px) and (max-width:1150px){.site-header{padding-left:4%;padding-right:4%}.main-nav{gap:13px;font-size:12px}}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-actions .button{gap:14px}

.home-work{padding-top:94px;padding-bottom:100px;background:#eeede7}
.home-work .section-heading{margin-bottom:40px}
.home-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.home-work-card{display:block;color:inherit;text-decoration:none;min-width:0}
.home-work-card img{display:block;width:100%;height:clamp(220px,27vw,350px);object-fit:cover}
.home-work-card>span{display:block;margin-top:18px;font-size:9px;letter-spacing:1.3px;color:#77786f}
.home-work-card h3{font:400 23px/1.2 var(--serif);margin:9px 0}
.home-work-card p{font-size:12px;line-height:1.75;color:#6d6e66;max-width:330px;margin:0 0 15px}
.home-work-card b{font-size:10px;font-weight:600;letter-spacing:.2px}
.home-work-card:hover b{text-decoration:underline;text-underline-offset:4px}
.home-work-all{margin-top:34px}
@media(max-width:650px){.home-work{padding-top:65px;padding-bottom:72px}.home-work-grid{grid-template-columns:1fr;gap:30px}.home-work-card img{height:68vw;min-height:230px;max-height:370px}}

.home-philosophy{position:relative;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px 9%;align-items:center;background:#20302f;color:#f4f1e9;padding-top:100px;padding-bottom:100px}
.home-philosophy-copy{grid-column:1;grid-row:2;max-width:570px}.home-philosophy .section-index{color:#d5b5a2}.home-philosophy .eyebrow{margin:32px 0 15px;color:#d5b5a2}
.home-philosophy h2,.about-portfolio h2,.values-title{font:400 clamp(43px,5.2vw,68px)/1.02 var(--serif);letter-spacing:-3px;margin:0 0 20px}
.home-philosophy-copy>p:not(.eyebrow){max-width:480px;font-size:16px;line-height:1.8;color:#d2d9d5;margin:0 0 21px}
.home-philosophy .text-link{color:#f4f1e9}.philosophy-stamp{grid-column:1;grid-row:1;justify-self:center;display:grid;place-items:center;width:clamp(210px,27vw,330px);aspect-ratio:1;border:1px solid #ffffff45;border-radius:50%;font:400 clamp(72px,12vw,150px)/1 var(--serif);letter-spacing:-14px;color:#f4f1e9;animation:stamp-drift 8s ease-in-out infinite}
.philosophy-stamp span{color:#d5b5a2}.philosophy-notes{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-columns:1fr;max-width:440px}
.philosophy-notes article{padding:18px 0;border-top:1px solid #ffffff35;transition:padding-left .3s ease,color .3s ease}.philosophy-notes article:hover{padding-left:12px;color:#e9c2a8}
.philosophy-notes article>span,.home-process-steps article>span{font-size:11px;letter-spacing:1.3px;color:#c78b6b}.philosophy-notes h3,.home-process-steps h3{font:400 25px var(--serif);margin:8px 0}.philosophy-notes p,.home-process-steps p{font-size:14px;line-height:1.7;color:#bfc8c3;margin:0;max-width:350px}
.home-process{background:#dad8cc}.home-process .section-heading{margin-bottom:48px}.home-process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:35px}
.home-process-steps article{position:relative;min-height:190px;padding:20px 18px;background:#f4f1e9;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.home-process-steps article:nth-child(even){transform:translateY(17px)}.home-process-steps article:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 16px 35px #20302f18}
.home-process-steps h3{font-size:22px;color:var(--ink)}.home-process-steps p{color:#6d6e66}
.about-portfolio{background:#f4f1e9}.about-portfolio-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:33px}.about-portfolio-heading h2{margin:18px 0 0}.about-portfolio-heading>p{max-width:370px;font-size:15px;line-height:1.8;color:#6d6e66;margin:0 0 6px}.about-portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px}.about-portfolio-grid a{display:block;overflow:hidden}.about-portfolio-grid img{display:block;width:100%;height:clamp(250px,32vw,430px);object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.25,1),filter .5s}.about-portfolio-grid a:hover img{transform:scale(1.035);filter:saturate(1.08)}.about-portfolio-grid span{display:block;margin-top:16px;font-size:10px;letter-spacing:1.3px;color:#77786f}.about-portfolio-grid h3{font:400 25px var(--serif);margin:8px 0}.values-title{margin:20px 0 13px}.values-title em,.about-portfolio h2 em,.home-philosophy h2 em{font-weight:400}.values-intro{max-width:470px;font-size:15px;line-height:1.8;color:#6d6e66;margin:0}
@keyframes stamp-drift{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@media(max-width:900px){.home-philosophy{gap:38px 5%}.home-process-steps{grid-template-columns:1fr 1fr}.home-process-steps article:nth-child(even){transform:none}.about-portfolio-heading{grid-template-columns:1fr 1fr;gap:25px}}
@media(max-width:650px){.home-philosophy{grid-template-columns:1fr;gap:26px;padding-top:68px;padding-bottom:72px}.philosophy-stamp{grid-column:1;grid-row:auto;width:155px;justify-self:start;letter-spacing:-8px}.home-philosophy-copy,.philosophy-notes{grid-column:1;grid-row:auto}.home-philosophy .eyebrow{margin-top:24px}.home-philosophy h2,.about-portfolio h2,.values-title{font-size:47px;letter-spacing:-2px}.home-process-steps{grid-template-columns:1fr;gap:12px}.home-process-steps article{min-height:0;padding:19px}.home-process-steps article:hover{transform:translateX(5px)}.about-portfolio-heading{grid-template-columns:1fr;gap:13px}.about-portfolio-grid{grid-template-columns:1fr;gap:24px}.about-portfolio-grid img{height:70vw;min-height:240px;max-height:370px}}

.lee-projects .gallery-image{cursor:zoom-in}
.lee-projects .gallery-image:focus-visible{outline:3px solid var(--olive);outline-offset:4px}
.gallery-lightbox[hidden]{display:none}
.gallery-lightbox{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:70px 90px;background:rgba(17,19,17,.96);color:#f4f1e9}
.gallery-lightbox figure{margin:0;max-width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px}
.gallery-lightbox figure img{display:block;max-width:100%;max-height:calc(100vh - 150px);object-fit:contain}
.gallery-lightbox figcaption{font:400 20px var(--serif);text-align:center}
.lightbox-close,.lightbox-arrow{position:absolute;border:0;background:transparent;color:#fff;cursor:pointer;font:300 38px/1 var(--sans);padding:12px}
.lightbox-close{right:24px;top:20px;font-size:42px}
.lightbox-arrow{top:50%;transform:translateY(-50%);font-size:42px}
.lightbox-prev{left:22px}.lightbox-next{right:22px}
.lightbox-count{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:1.5px;color:#ccc}
.lightbox-close:hover,.lightbox-arrow:hover{color:#d99b76}
.gallery-open{overflow:hidden}
@media(max-width:650px){.gallery-lightbox{padding:62px 18px 76px}.gallery-lightbox figure img{max-height:calc(100vh - 170px)}.lightbox-prev{left:4px}.lightbox-next{right:4px}.lightbox-arrow{font-size:34px;background:#15171599;border-radius:50%;padding:8px}.lightbox-close{right:10px;top:10px}}

/* Product catalogue and workflow */
.products-banner{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2000&q=85')}
.products-intro{padding-top:92px;padding-bottom:58px;display:grid;grid-template-columns:20% 47% 33%;align-items:end}
.products-intro h2,.product-workflow>h2{font:400 clamp(43px,5.3vw,68px)/1.03 var(--serif);letter-spacing:-3px;margin:0}
.products-intro>div .eyebrow{margin-bottom:18px}
.products-intro>p{font-size:15px;line-height:1.8;color:#6d6e66;margin:0 0 5px;max-width:380px}
.product-catalog{padding-top:25px;padding-bottom:105px;display:grid;grid-template-columns:1fr 1fr;gap:38px 24px}
.catalog-card{background:#eeede7;min-width:0}
.catalog-featured{grid-column:span 2;display:grid;grid-template-columns:1.2fr 1fr;align-items:stretch}
.catalog-photo{height:clamp(220px,27vw,350px);background-size:cover;background-position:center}
.catalog-featured .catalog-photo{height:100%;min-height:400px}
.catalog-panels{background-image:url('https://images.unsplash.com/photo-1600210492493-0946911123ea?auto=format&fit=crop&w=1300&q=85')}
.catalog-ceilings{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1000&q=85')}
.catalog-foam{background-image:url('assets/eva-foam-acoustic-work.jpeg')}
.catalog-cutting{background-image:url('assets/eva-foam-cutouts-detail-visual.png')}
.catalog-screens{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1000&q=85')}
.catalog-copy{padding:25px 30px 30px}
.catalog-copy>span{font-size:10px;letter-spacing:1.5px;color:#85867d}
.catalog-copy h2{font:400 clamp(27px,3vw,38px)/1.08 var(--serif);letter-spacing:-1px;margin:14px 0 12px}
.catalog-copy p,.catalog-note p{font-size:15px;line-height:1.75;color:#696a62;max-width:460px;margin:0}
.catalog-copy .text-link{margin-top:18px}
.catalog-note{padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#dad8cc}
.catalog-note h2{font:400 clamp(35px,4.2vw,52px)/1.02 var(--serif);letter-spacing:-2px;margin:20px 0}
.catalog-note .button{margin-top:23px}
.product-workflow{padding-top:78px;padding-bottom:90px;background:#eeede7}
.product-workflow>.section-index{display:block;margin-bottom:30px}
.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:48px}
.workflow-grid article{border-top:1px solid #c9c8bf;padding-top:15px}
.workflow-grid article>span{font-size:11px;letter-spacing:1.3px;color:var(--olive)}
.workflow-grid h3{font:400 23px var(--serif);margin:15px 0 9px}
.workflow-grid p{font-size:14px;line-height:1.75;color:#6d6e66;margin:0;max-width:230px}
.service-grid-two{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.products-intro{grid-template-columns:18% 45% 37%}.catalog-featured{grid-template-columns:1fr 1fr}.catalog-featured .catalog-photo{min-height:340px}.catalog-copy{padding:22px}.workflow-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.products-intro{padding-top:68px;padding-bottom:35px;display:block}.products-intro h2,.product-workflow>h2{font-size:48px;letter-spacing:-2px;margin:25px 0 17px}.products-intro>p{font-size:16px}.product-catalog{padding-top:15px;padding-bottom:70px;grid-template-columns:1fr;gap:20px}.catalog-featured{grid-column:auto;grid-template-columns:1fr}.catalog-photo,.catalog-featured .catalog-photo{height:62vw;min-height:230px;max-height:360px}.catalog-copy{padding:22px}.catalog-copy h2{font-size:30px}.catalog-copy p,.catalog-note p{font-size:16px}.catalog-note{padding:27px 22px}.product-workflow{padding-top:62px;padding-bottom:68px}.workflow-grid{grid-template-columns:1fr;gap:18px;margin-top:32px}.workflow-grid article{padding-top:12px}.workflow-grid h3{font-size:22px;margin:9px 0}.workflow-grid p{font-size:15px}.service-grid-two{grid-template-columns:1fr;gap:22px}}

/* Benefits and accessible FAQ accordion */
.product-benefits{padding-top:88px;padding-bottom:93px;display:grid;grid-template-columns:.82fr 1.18fr;gap:10%;align-items:start}
.benefits-heading h2,.faq-heading h2{font:400 clamp(40px,4.6vw,58px)/1.04 var(--serif);letter-spacing:-2.5px;margin:25px 0 16px}
.benefits-heading>p,.faq-heading>p{font-size:15px;line-height:1.8;color:#6d6e66;max-width:330px;margin:0}
.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 24px}
.benefits-grid article{border-top:1px solid var(--line);padding-top:13px}
.benefits-grid article>span{font-size:10px;letter-spacing:1.3px;color:var(--olive)}
.benefits-grid h3{font:400 23px/1.2 var(--serif);margin:13px 0 8px}
.benefits-grid p{font-size:14px;line-height:1.75;color:#6d6e66;margin:0}
.product-faq{padding-top:82px;padding-bottom:95px;background:#eeede7;display:grid;grid-template-columns:.78fr 1.22fr;gap:11%;align-items:start}
.faq-list{border-top:1px solid #cfcec5}
.faq-list details{border-bottom:1px solid #cfcec5}
.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:20px 36px 20px 0;font:400 20px/1.35 var(--serif)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';position:absolute;right:4px;top:17px;font:400 24px var(--sans);color:var(--olive);transition:transform .25s ease}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{max-width:600px;margin:0;padding:0 28px 20px 0;font-size:14px;line-height:1.8;color:#6d6e66}
.faq-list summary:focus-visible{outline:2px solid var(--olive);outline-offset:3px}
/* Scroll entrances, staggered by the small --reveal-delay set in script.js. */
.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.65,.25,1) var(--reveal-delay,0ms)}
.js-motion .reveal.reveal-visible{opacity:1;transform:translateY(0)}
.catalog-card,.service-card,.gallery-card,.workflow-grid article,.benefits-grid article{transition:transform .35s ease,box-shadow .35s ease}
.catalog-card:hover,.service-card:hover,.gallery-card:hover{transform:translateY(-5px)}
.catalog-photo{overflow:hidden}
.catalog-card:hover .catalog-photo{background-size:cover}
.faq-list details[open] summary{color:#68705f}
@media(max-width:900px){.product-benefits,.product-faq{grid-template-columns:1fr;gap:35px}.benefits-grid{gap:24px}}
@media(max-width:650px){.product-benefits{padding-top:65px;padding-bottom:70px;gap:28px}.benefits-heading h2,.faq-heading h2{font-size:45px;margin:20px 0 13px}.benefits-grid{grid-template-columns:1fr;gap:18px}.benefits-grid h3{font-size:22px;margin:9px 0}.benefits-grid p{font-size:15px}.product-faq{padding-top:63px;padding-bottom:70px;gap:26px}.faq-list summary{font-size:18px;padding:17px 32px 17px 0}.faq-list summary::after{top:14px}.faq-list details p{font-size:15px;padding-bottom:17px}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1;transform:none;transition:none}.catalog-card,.service-card,.gallery-card,.workflow-grid article,.benefits-grid article{transition:none}}