:root{--navy:#263d50;--red:#446581;--ink:#2b3a45;--muted:#5e6d75;--pale:#eff3f4;--line:#dce4e8;--max:1240px}
body{background:#fff}.preview-note{background:#eef2f6}.header-main{height:106px;gap:32px}.hybrid-header nav{background:white;color:var(--navy);position:static}.hybrid-header .nav-inner{width:auto;gap:12px;align-items:center}.hybrid-header .nav-inner>a{padding:12px 14px;font-weight:600}.hybrid-header .nav-inner>a:hover{background:#edf2f5}.hybrid-header .nav-contact{background:var(--navy);color:white;border-radius:30px}.hybrid-header .nav-inner>.nav-contact:hover{background:#3f617b}.header-logo{width:278px}.hero{background:#edf2f4;min-height:640px;overflow:hidden}.hero:after{display:none}.hero-image{width:55%;height:100%;object-position:48% center}.hero-inner{padding:65px 0}.hero-content{width:47%;max-width:570px;border:0;background:transparent;box-shadow:none;padding:10px 32px 10px 0}.hero h1{font-size:clamp(43px,4.4vw,68px);font-weight:700;line-height:1.12;letter-spacing:-.045em}.hero-content>p:not(.eyebrow){font-size:17px;max-width:445px}.eyebrow{letter-spacing:.15em;font-size:11px;color:#4d708c}.hero .eyebrow{max-width:320px}.button{border-radius:28px;padding:14px 24px}.hero-actions{gap:10px}.hero-actions .button{font-size:13px}.intro-strip{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}.intro-strip>.wrap{padding:30px 0}.intro-strip span{color:var(--muted)}.intro-strip .wrap>div{border-color:var(--line)}.intro-strip strong{font-weight:700}.section{padding-top:85px;padding-bottom:85px}.section-head{text-align:left;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:40px}.section-head>p{margin:0;max-width:490px;font-size:16px}.section-head h2 br{display:block}h2{font-size:41px;letter-spacing:-.035em;font-weight:700;line-height:1.18}.service-list{gap:26px}.service-list details{border:0;border-radius:9px;box-shadow:none;background:#f1f5f6}.service-list summary{padding:0 25px 24px;min-height:0;display:flex;position:relative;overflow:hidden}.service-photo{width:calc(100% + 50px);max-width:none;margin:0 -25px 24px;height:auto;aspect-ratio:1.65;border-radius:9px 9px 0 0;object-fit:cover}.service-no{display:none}.service-list h3{font-size:21px;font-weight:700}.service-teaser{min-height:24px}.more{margin-top:4px;color:var(--navy)}.work{background:#eaf0f3}.project-grid{gap:34px;align-items:start}.project{border:0;border-radius:7px;background:transparent}.project-image{border-radius:7px;overflow:hidden}.project:nth-child(even){margin-top:55px}.project img{aspect-ratio:1.4}.project-caption{padding:20px 0}.project-caption strong{font-weight:600;font-size:21px}.project-caption small{font-size:10px;letter-spacing:.09em}.image-open{border-radius:50%;background:#fff;color:var(--navy)}.about{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:0 65px;align-items:center;border:0}.about-photo{grid-row:1/3;width:100%;height:auto;aspect-ratio:1.1;border-radius:8px}.about>.eyebrow{align-self:end;margin-bottom:18px}.about-grid{display:block;align-self:start}.about h2{font-size:37px;margin-bottom:24px}.about .large-copy{font-size:19px}.about .text-link{color:var(--navy)}.commercial{background:var(--navy);color:white;grid-template-columns:1.1fr 1fr}.commercial h2{color:white;font-size:39px}.commercial .eyebrow{color:#c8dde9}.commercial-content{padding:65px clamp(35px,5vw,90px)}.commercial-content p{color:#dae4e9}.commercial li{border-color:#496071}.commercial li:before{color:#b4d2e6}.commercial .button{background:white;color:var(--navy)}.commercial-photo{min-height:550px}.steps{text-align:left;gap:60px}.steps article{border-top:1px solid var(--line);padding-top:24px}.steps article>span{margin:0 0 25px;border:0;border-radius:0;width:auto;height:auto;display:block;color:#69849a;font-size:39px;font-weight:500}.steps h3{font-size:23px;font-weight:700}.career{background:#e7edf2;color:var(--ink);gap:80px}.career h2{color:var(--navy);font-size:39px}.career p:not(.eyebrow){color:var(--muted)}.career .eyebrow{color:#4d708c}.career-box{border-top:0;border-radius:10px;padding:36px}.career-box h3{font-weight:600}.career .red{background:var(--navy)}.contact h2{font-size:43px}.contact{gap:90px}.phone{color:var(--navy)}.contact form{background:#f1f5f6;padding:30px;border-radius:10px}.contact .form-note{background:transparent;padding:0 0 0 12px}.form-row{grid-template-columns:1fr 1fr}input,select,textarea{border-radius:5px}.whatsapp-link{border-radius:26px}.footer-top .footer-logo-link{border-radius:8px}.mobile-contact a:last-child{background:var(--navy)}
@media(max-width:1100px){.header-logo{width:235px}.hybrid-header .nav-inner{gap:0}.hybrid-header .nav-inner>a{font-size:13px;padding:12px}.hero-content{padding-right:28px}.hero-actions{flex-direction:column;align-items:flex-start}.section-head{gap:40px}.about{gap:0 35px}.about h2{font-size:31px}.career,.contact{gap:40px}}
@media(max-width:900px){.header-main{height:88px}.hybrid-header .menu-toggle{display:flex;margin-left:auto;background:none;font-size:14px;gap:9px;padding:12px 0}.hybrid-header nav{display:none;position:absolute;top:88px;left:0;right:0;background:white;max-height:calc(100dvh - 150px);overflow:auto;box-shadow:0 12px 20px #263d5015}.hybrid-header nav.open{display:block}.hybrid-header .nav-inner{display:flex;flex-direction:column;align-items:stretch;padding:10px 24px 24px}.hybrid-header .nav-inner>a{border-bottom:1px solid var(--line);padding:14px;font-size:15px}.hybrid-header .nav-inner>.nav-contact{text-align:center;margin-top:12px}.hero{min-height:540px}.hero h1{font-size:43px}.hero-content>p:not(.eyebrow){font-size:15px}.hero .eyebrow{font-size:10px}.section-head{gap:28px}h2{font-size:34px}.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.about{grid-template-columns:1fr 1fr}.about h2{font-size:28px}.about-grid p{font-size:14px}.commercial-content{padding:45px 28px}.commercial h2{font-size:31px}.commercial-photo{min-height:500px}.career h2{font-size:32px}.contact h2{font-size:34px}.form-row{grid-template-columns:1fr}.contact form{padding:22px}}
@media(max-width:600px){.header-main{height:82px}.hybrid-header nav{top:82px}.header-logo{width:218px}.hero{display:flex;flex-direction:column;min-height:0;padding:0}.hero-image{position:relative;inset:auto;width:100%;height:280px;order:2;object-position:center}.hero-inner{order:1;margin:0;width:100%;padding:36px 24px 34px}.hero-content{padding:0;max-width:none;width:100%;background:none;border:0}.hero h1{font-size:43px;line-height:1.1}.hero-content>p:not(.eyebrow){font-size:15px;max-width:none}.hero-actions{flex-direction:row;align-items:center;display:flex;flex-wrap:wrap}.hero .button{padding:12px 17px;font-size:12px}.image-note{top:auto;bottom:10px;font-size:10px;z-index:1}.intro-strip strong{font-size:14px}.intro-strip span{font-size:11px}.section{padding:52px 22px}.section-head{display:block}.section-head>p{margin-top:22px}.section-head h2 br{display:block}h2{font-size:33px}.service-list{grid-template-columns:1fr;gap:24px}.service-list summary{display:flex;min-height:0;padding:0 23px 24px}.service-photo{width:calc(100% + 46px);margin:0 -23px 22px;aspect-ratio:1.75}.service-list h3{font-size:22px}.service-teaser{font-size:14px;min-height:0}.project-grid{grid-template-columns:1fr;gap:24px}.project:nth-child(even){margin-top:0}.project img{aspect-ratio:1.4}.project-caption strong{font-size:20px}.about{display:block}.about-photo{aspect-ratio:1.35;margin-bottom:30px}.about h2{font-size:32px}.about .large-copy{font-size:19px}.about-grid p{font-size:15px}.commercial{display:flex;flex-direction:column}.commercial-photo{min-height:0;height:300px}.commercial-content{padding:38px 24px 45px}.commercial h2{font-size:32px}.steps{gap:25px}.steps article{display:grid;grid-template-columns:47px 1fr;padding-top:20px;gap:0 17px}.steps article>span{font-size:29px;margin:0}.steps h3{font-size:21px}.career{display:block}.career-box{margin-top:30px;padding:28px}.career h2{font-size:32px}.contact{display:block}.contact form{margin-top:22px;padding:21px}.contact h2{font-size:36px}.contact-meta{font-size:13px}.phone{font-size:25px}.footer-top p{max-width:100%}.form-note{font-size:11px}}
@media(max-width:380px){.header-logo{width:185px}.hero h1{font-size:38px}.preview-note{font-size:9px}.variant-links{font-size:9px}.career-box>a{font-size:21px}}

/* Craftsmanship hero: keep painter and roller visible in responsive crops. */
.hero-image{object-position:72% 30%}
@media(max-width:760px){.hero-image{object-position:73% 25%}}

/* Selected motif 2C, without cat. */
.hero-image{object-position:65% center}
@media(max-width:760px){.hero-image{object-position:65% center}}