*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:#113f32;background:#f8f6ef;font-family:"DM Sans",Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}:root{--green:#0e503c;--dark:#073b2d;--orange:#f47924;--cream:#f8f6ef;--white:#fff;--slab:"Roboto Slab",Georgia,serif}.site-header{position:sticky;top:0;z-index:100;background:#f8f6efed;backdrop-filter:blur(18px);border-bottom:1px solid #e2e4da;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,76px);gap:20px}.brand{display:flex;flex-direction:column;line-height:1;flex-shrink:0}.brand-name{font:900 clamp(23px,2.25vw,34px)/1 var(--slab);letter-spacing:-1.8px}.brand-dot,.footer-brand span{color:var(--orange)}.brand-sub{font-size:9px;font-weight:800;letter-spacing:2.1px;margin-top:6px}.nav{display:flex;gap:clamp(14px,2.3vw,36px)}.nav a{font-size:13px;font-weight:800;white-space:nowrap;transition:color .2s}.nav a:hover,.footer a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:10px}.lang{border:1px solid #b9c6be;background:transparent;color:var(--dark);border-radius:5px;padding:14px 13px;font-weight:800;white-space:nowrap}.lang:hover{border-color:var(--orange)}.quote-btn{background:var(--orange);border:2px solid var(--orange);color:#fff;padding:14px 17px;border-radius:5px;font-size:13px;font-weight:900;display:flex;gap:18px;white-space:nowrap;align-items:center;box-shadow:4px 4px 0 var(--dark);transition:transform .2s,box-shadow .2s}.quote-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--dark)}.menu-btn{display:none}.hero{height:min(770px,calc(100svh - 92px));min-height:580px;position:relative;overflow:hidden;background:var(--dark);color:white}.hero-photo{position:absolute;inset:0;background:url('assets/projects/project-46.webp') center 52%/cover;transform:scale(1.02);animation:heroZoom 14s ease-out forwards}@keyframes heroZoom{to{transform:scale(1.1)}}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,35,26,.93) 0%,rgba(3,35,26,.79) 37%,rgba(3,35,26,.16) 100%),linear-gradient(0deg,rgba(3,35,26,.45),transparent 45%)}.hero-content{position:relative;z-index:1;max-width:850px;padding:clamp(85px,11vh,150px) clamp(24px,7.2vw,120px) 50px}.eyebrow,.section-kicker,.statement-kicker{font-size:12px;font-weight:900;letter-spacing:2.3px}.eyebrow{display:flex;gap:14px;align-items:center;color:#fff}.orange-line{height:3px;width:33px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--slab);letter-spacing:-.055em}h1{font-size:clamp(54px,6.2vw,108px);line-height:1.07;margin:27px 0 27px;font-weight:900}h1 em,h2 em{color:var(--orange);font-style:normal}h1 em{font-style:italic}.hero-content>p{max-width:560px;font-size:clamp(16px,1.3vw,19px);line-height:1.85;color:#e6ece5}.hero-buttons{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:33px}.primary-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-radius:4px;background:var(--orange);color:#fff;padding:19px 24px;font-weight:900;font-size:14px;transition:transform .2s,background .2s}.primary-btn:hover{background:#e7640d;transform:translateY(-3px)}.ghost-btn{font-size:14px;font-weight:800;border-bottom:2px solid var(--orange);padding:12px 0}.hero-side{position:absolute;bottom:25px;left:clamp(24px,7.2vw,120px);right:5vw;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:2px;color:#e9ede8}.hero-number{font-size:15px}.ticker{background:var(--orange);color:var(--dark);padding:17px 24px;display:flex;justify-content:space-around;gap:20px;overflow:hidden;white-space:nowrap;font-size:11px;font-weight:900;letter-spacing:2px}.ticker b{font-size:21px}.section-pad{padding:clamp(72px,9vw,135px) clamp(24px,7.2vw,120px)}.section-kicker{display:flex;align-items:center;gap:16px;margin-bottom:44px;color:var(--green)}.section-index{color:var(--orange)}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:center}.intro h2,.section-top h2,.contact h2,.statement h2{font-size:clamp(40px,4.5vw,78px);line-height:1.15;font-weight:900;margin-bottom:0}.intro-grid p,.section-top p,.contact-grid p{font-size:17px;line-height:1.95;color:#4e6158}.text-link{display:inline-flex;gap:32px;border-bottom:2px solid var(--orange);padding:12px 0;font-size:14px;font-weight:900}.services{background:#eaece4}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-top p{max-width:345px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.service-card{position:relative;min-height:clamp(260px,34vw,520px);overflow:hidden;background:#ddd}.service-card img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;transition:transform .6s}.service-card:hover img{transform:scale(1.07)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,32,22,.87),transparent 60%)}.service-overlay{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;align-items:end;gap:15px;padding:clamp(20px,3vw,42px);color:white}.service-overlay small{font-size:12px;color:#ffac70;font-weight:900;align-self:center}.service-overlay strong{font:800 clamp(22px,2.6vw,41px)/1.15 var(--slab);letter-spacing:-.04em}.service-arrow{margin-left:auto;border:1px solid #ffffffa6;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;font-size:23px}.work{background:var(--cream)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 35px}.filter{padding:13px 17px;border:1px solid #cbd4ca;background:transparent;color:var(--green);border-radius:3px;font-size:12px;font-weight:900;transition:.2s}.filter:hover,.filter.active{background:var(--green);color:white;border-color:var(--green)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gallery-item{position:relative;border:0;padding:0;aspect-ratio:4/3;background:#d8dfd8;overflow:hidden;display:block;text-align:left}.gallery-item:nth-child(6n+1),.gallery-item:nth-child(6n+6){aspect-ratio:4/4.2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-item:hover img{transform:scale(1.055)}.gallery-item:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(0deg,#052b23b3,transparent);opacity:.9}.gallery-meta{position:absolute;z-index:2;bottom:20px;left:20px;right:20px;color:white;display:flex;justify-content:space-between;align-items:end;gap:10px}.gallery-meta strong{font-size:14px}.gallery-meta span{font-size:24px}.load-wrap{text-align:center;margin-top:38px}.load-more{background:transparent;border:2px solid var(--green);padding:15px 22px;font-size:13px;font-weight:900;display:inline-flex;gap:35px;color:var(--green)}.load-more:hover{background:var(--green);color:#fff}.photo-count{color:#6d7d73;font-size:12px;margin-top:14px}.statement{display:grid;grid-template-columns:1fr 1fr;background:var(--dark);color:#fff}.statement-copy{padding:clamp(65px,8vw,120px) clamp(25px,6vw,90px);align-self:center}.statement-kicker{color:#fca363}.statement h2{margin:28px 0}.statement p{font-size:17px;line-height:1.9;max-width:500px;color:#d8e4da}.statement .primary-btn{margin-top:20px}.statement-image{min-height:550px}.statement-image img{height:100%;width:100%;object-fit:cover}.contact{background:#eaece4}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact-grid>div>p{max-width:440px}.contact-note{display:flex;gap:16px;align-items:center;margin-top:45px;max-width:300px;font-weight:800;line-height:1.7}.note-star{font-size:47px;color:var(--orange)}.contact-form{display:grid;gap:20px}.contact-form label{display:grid;gap:9px;font-size:12px;font-weight:900;letter-spacing:.4px}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid #c4d0c5;background:#fff;padding:16px;color:var(--dark);border-radius:2px;outline:none;min-width:0}.contact-form :is(input,select,textarea):focus{border-color:var(--orange);box-shadow:0 0 0 2px #f4792438}.form-submit{width:100%;margin-top:3px}.form-info,.form-status{font-size:12px!important;line-height:1.6!important;margin:0;color:#5d6c60}.footer{background:#073b2d;color:#fff;padding:65px clamp(24px,7.2vw,120px) 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:75px}.footer-brand{font:900 clamp(28px,4vw,55px)/1 var(--slab);letter-spacing:-2px}.footer-top p{font-size:14px;line-height:1.8;color:#d1e1d5;margin-top:20px}.footer-nav{display:grid;gap:15px;font-size:14px;font-weight:800}.footer-bottom{border-top:1px solid #ffffff30;padding-top:23px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#bdd0c3}.lightbox{position:fixed;inset:0;z-index:300;background:#031b15f2;display:flex;align-items:center;justify-content:center;padding:55px 65px}.lightbox[hidden]{display:none}.lightbox img{max-height:88vh;max-width:100%;object-fit:contain;box-shadow:0 15px 65px #0008}.lightbox button{position:absolute;border:0;background:#ffffff22;color:white;width:44px;height:44px;font-size:28px;display:grid;place-items:center}.lightbox button:hover{background:var(--orange)}.lightbox-close{right:24px;top:22px}.lightbox-prev{left:10px;top:50%}.lightbox-next{right:10px;top:50%}.lightbox-caption{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);color:white;font-size:12px;font-weight:700;white-space:nowrap}@media(max-width:1050px){.site-header{padding:0 22px}.nav{gap:12px}.nav a{font-size:12px}.quote-btn{gap:8px;padding:12px}.brand-name{font-size:23px}.brand-sub{font-size:8px}.intro-grid{gap:5vw}}@media(max-width:800px){html{scroll-padding-top:74px}.site-header{height:74px}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--cream);padding:25px;box-shadow:0 15px 20px #0002;flex-direction:column;gap:22px}.nav.open{display:flex}.nav a{font-size:16px}.menu-btn{display:flex;flex-direction:column;gap:5px;justify-content:center;background:transparent;border:0;width:36px;height:40px}.menu-btn span{height:2px;width:24px;background:var(--green)}.brand-name{font-size:23px}.brand-sub{letter-spacing:1px;font-size:7px}.quote-btn{padding:11px;font-size:11px;box-shadow:none}.lang{padding:11px;font-size:12px}.hero{min-height:650px;height:calc(100svh - 74px)}.hero-content{padding:115px 25px 70px}.hero-shade{background:linear-gradient(90deg,#03251de8,#03251d91),linear-gradient(0deg,#03251d88,transparent)}.hero-side{left:25px}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.section-top{display:block}.section-top p{margin-top:20px}.statement{grid-template-columns:1fr}.statement-image{min-height:360px;max-height:500px}.statement-image img{max-height:500px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{padding-bottom:40px}}@media(max-width:520px){.brand-name{font-size:18px;letter-spacing:-1px}.brand-sub{font-size:6px;letter-spacing:.65px}.site-header{gap:7px;padding:0 13px}.header-actions{gap:6px}.quote-btn{padding:9px 8px;font-size:10px;gap:5px}.lang{padding:9px 7px;font-size:11px}.menu-btn{width:27px}.menu-btn span{width:22px}.hero-content{padding:110px 22px 60px}.hero h1{font-size:clamp(46px,11.5vw,68px)}.hero-buttons{gap:20px}.eyebrow{font-size:10px;letter-spacing:1.2px}.section-pad{padding:70px 20px}.intro h2,.section-top h2,.contact h2,.statement h2{font-size:clamp(37px,9.4vw,54px)}.service-grid{grid-template-columns:1fr}.service-card{min-height:310px}.gallery{gap:8px}.gallery-meta{left:10px;right:10px;bottom:10px}.gallery-meta strong{font-size:11px}.gallery-meta span{font-size:17px}.filter{padding:11px;font-size:11px}.ticker{justify-content:start}.footer{padding:55px 20px 25px}.footer-top{display:block}.footer-nav{margin-top:35px}.footer-bottom{flex-direction:column}.lightbox{padding:60px 35px}.lightbox-prev{left:0}.lightbox-next{right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Original, unmodified Cantillano logo */
.site-header{background:#0e503c;color:#fff;height:116px}
.brand{display:block;line-height:normal}
.brand-logo{width:154px;height:110px;object-fit:contain}
.nav a{color:#fff}
.nav a:hover{color:#ff8b36}
.lang{color:#fff;border-color:#ffffff8c}
.lang:hover{color:#fff}
.footer-logo{width:215px;height:auto;object-fit:contain;margin-bottom:14px}
@media(max-width:800px){
html{scroll-padding-top:82px}
.site-header{height:82px}
.brand-logo{width:110px;height:78px}
.nav{top:82px;background:#0e503c}
.menu-btn span{background:#fff}
.hero{height:calc(100svh - 82px)}
}
@media(max-width:520px){
.brand-logo{width:98px;height:72px}
.footer-logo{width:190px}
}
/* Brand artwork: exact supplied image, no alterations */
.site-header{height:154px;background:#0e503c}
.brand{flex:0 0 auto;display:flex;align-items:center}
.brand-logo{display:block;width:205px;height:148px;object-fit:contain;max-width:none}
.footer-logo{display:block;width:285px;height:auto;object-fit:contain}
@media(max-width:1050px){.site-header{height:122px}.brand-logo{width:165px;height:116px}}
@media(max-width:800px){.site-header{height:90px}.brand-logo{width:119px;height:86px}.nav{top:90px}.hero{height:calc(100svh - 90px)}}
@media(max-width:520px){.brand-logo{width:110px;height:82px}.footer-logo{width:235px}}
/* Typography: supplied font files */
@font-face{font-family:"Alfa Slab One";src:url("assets/fonts/AlfaSlabOne-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Shubbak";src:url("assets/fonts/shubbak-extrabold.otf") format("opentype");font-weight:800 900;font-style:normal;font-display:swap}
@font-face{font-family:"Intro Rust";src:url("assets/fonts/intro-rust-base.otf") format("opentype");font-weight:400 900;font-style:normal;font-display:swap}
:root{--slab:"Alfa Slab One",Georgia,serif;--secondary:"Shubbak",Arial,sans-serif;--accent-font:"Intro Rust",Georgia,serif}
body,button,input,textarea,select,.nav a,.quote-btn,.lang,.primary-btn,.ghost-btn{font-family:Arial,Helvetica,sans-serif}
h1,h2{font-family:var(--slab);font-weight:400}
h3,.service-name,.service-title,.gallery-title,.footer-heading{font-family:var(--secondary);font-weight:900}
.eyebrow,.section-kicker,.statement-kicker,.ticker{font-family:var(--accent-font)}
/* October 15: original supplied logo V2 and prominent contact details */
.site-header{height:124px;gap:14px;padding-inline:clamp(14px,2.3vw,42px)}
.brand-logo{width:160px;height:116px;object-fit:contain}
.nav{gap:clamp(13px,1.55vw,27px)}
.nav a{font-family:"Shubbak",Arial,sans-serif!important;font-size:clamp(16px,1.25vw,20px);font-weight:900;letter-spacing:.015em;transition:color .2s,transform .2s}
.nav a:hover{transform:translateY(-2px)}
.header-actions{gap:9px}
.header-phone{display:flex;align-items:center;gap:8px;color:#fff;font-family:Arial,sans-serif;font-size:clamp(13px,1.1vw,17px);font-weight:900;white-space:nowrap;border-bottom:2px solid #f47924;padding:9px 0}
.phone-symbol{font-size:23px;color:#f47924}
.header-phone:hover,.contact-direct a:hover,.footer-contact a:hover{color:#ff9a4d}
.hero-call{display:inline-flex;align-items:center;background:#f47924;color:#fff;font-weight:900;border-radius:5px;padding:16px 20px;box-shadow:4px 4px 0 #073b2d;white-space:nowrap}
.hero-call:hover{background:#ff8c37}
.contact-direct{display:flex;flex-direction:column;gap:12px;margin:24px 0;font-family:Arial,sans-serif;font-size:clamp(16px,1.5vw,22px);font-weight:800;overflow-wrap:anywhere}
.contact-direct a{display:block;color:#0e503c}
.footer-tagline{font-family:Arial,sans-serif;font-weight:800;color:#fff}
.footer-contact{display:flex;flex-direction:column;gap:12px;font-family:Arial,sans-serif;font-weight:800;overflow-wrap:anywhere}
.footer-contact a{color:#fff}
@media(max-width:1250px){.site-header{height:108px}.brand-logo{width:133px;height:101px}.header-phone{font-size:14px}.nav a{font-size:16px}.quote-btn{padding:12px 10px;gap:7px}}
@media(max-width:1050px){.header-phone{display:none}.nav a{font-size:17px}}
@media(max-width:800px){.site-header{height:82px}.brand-logo{width:108px;height:78px}.nav a{font-size:20px}.hero-call{padding:13px 16px}}
@media(max-width:520px){.brand-logo{width:100px;height:73px}.hero-call{font-size:15px}.contact-direct{font-size:16px}}
/* Hero copy layout correction: prevent overlap with footer captions and ticker */
.hero{min-height:680px;height:auto;display:flex;align-items:center}
.hero-content{width:100%;max-width:1050px;padding:80px clamp(24px,5.7vw,105px) 125px}
.hero-content h1{font-size:clamp(50px,5.2vw,90px);line-height:1.09;letter-spacing:-.035em;max-width:940px;overflow-wrap:normal}
.hero-content h1 em{display:inline-block;font-style:normal}
.hero-buttons{gap:14px 20px}
.hero-side{position:absolute;bottom:26px;left:clamp(24px,5.7vw,105px);right:clamp(24px,5.7vw,105px);z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hero-side span{position:static}
@media(max-width:850px){.hero{min-height:660px}.hero-content{padding:90px 25px 110px}.hero-content h1{font-size:clamp(46px,8vw,74px)}.hero-side{left:25px;right:25px;bottom:22px}}
@media(max-width:520px){.hero{min-height:680px}.hero-content{padding:78px 22px 115px}.hero-content h1{font-size:clamp(42px,10vw,58px);letter-spacing:-.04em}.hero-side{left:22px;right:22px;font-size:10px}.hero-buttons{gap:12px}}
/* Final header adjustments: larger original logo, balanced toward menu */
@media(min-width:1251px){
.site-header{column-gap:12px}
.brand{transform:translateX(14px);margin-right:5px}
.brand-logo{width:184px;height:120px}
.nav{gap:clamp(12px,1.3vw,24px)}
.header-actions{gap:7px}
.lang{padding:12px 10px;font-size:12px}
}
@media(min-width:801px) and (max-width:1250px){
.brand{transform:translateX(8px)}
.brand-logo{width:148px;height:105px}
.lang{padding:12px 9px;font-size:12px}
}
@media(max-width:800px){
.brand{transform:translateX(5px)}
.brand-logo{width:117px;height:80px}
.lang{padding:9px 8px;font-size:12px}
}
@media(max-width:520px){
.brand-logo{width:108px;height:76px}
.lang{font-size:11px;padding:8px 6px}
}
/* Logo position: visible move toward navigation, not only a size change. */
@media(min-width:1251px){
.site-header{padding-left:clamp(24px,3.3vw,58px)}
.site-header .brand{transform:translateX(40px);margin-right:40px}
.site-header .brand-logo{width:218px;height:136px}
}
@media(min-width:1051px) and (max-width:1250px){
.site-header .brand{transform:translateX(22px);margin-right:22px}
.site-header .brand-logo{width:164px;height:111px}
}
@media(min-width:801px) and (max-width:1050px){
.site-header .brand{transform:translateX(14px);margin-right:14px}
.site-header .brand-logo{width:150px;height:105px}
}
/* Final logo correction: actual horizontal movement, not a margin adjustment. */
.site-header .brand{position:relative;left:85px;transform:none!important;margin-right:0!important;z-index:3}
@media(min-width:1251px){.site-header .brand{left:100px}}
@media(min-width:801px) and (max-width:1250px){.site-header .brand{left:48px}}
@media(max-width:800px){.site-header .brand{left:26px}}
@media(max-width:520px){.site-header .brand{left:20px}}
/* TYPOGRAPHY V2: selectors match the actual HTML elements, including strong cards. */
:root{
--type-body:17px;
--type-caption:14px;
--type-h2:clamp(38px,3.7vw,56px);
--type-card:clamp(24px,2.1vw,31px);
}
body{font-size:var(--type-body);line-height:1.65}
.hero-content h1{font-size:clamp(48px,4.5vw,70px);line-height:1.12;letter-spacing:-.035em}
.intro h2,.section-top h2,.contact h2,.statement h2{
font-size:var(--type-h2);line-height:1.18;letter-spacing:-.03em
}
.hero-content>p,.intro-grid p,.section-top p,.contact-grid p,.statement p{
font-size:var(--type-body);line-height:1.75
}
.service-overlay strong{
font-size:var(--type-card);line-height:1.22;letter-spacing:-.025em
}
.gallery-meta strong{font-size:17px;line-height:1.35}
.gallery-meta span{font-size:21px}
.eyebrow,.section-kicker,.statement-kicker{font-size:14px;letter-spacing:1.25px;line-height:1.45}
.service-overlay small,.photo-count,.contact-form label,.filter,.ticker{font-size:14px;line-height:1.45;letter-spacing:.04em}
.nav a{font-size:17px;line-height:1.35}
.header-phone{font-size:15px}
.lang,.quote-btn,.primary-btn,.ghost-btn,.load-more,.hero-call,.text-link{font-size:15px;line-height:1.35}
.footer-top p,.footer-nav,.footer-contact,.footer-tagline{font-size:16px;line-height:1.6}
.footer-bottom,.form-info,.form-status,.lightbox-caption{font-size:13px!important}
@media(max-width:1050px){
.nav a{font-size:15px}
.hero-content h1{font-size:clamp(46px,5.6vw,64px)}
}
@media(max-width:800px){
.nav a{font-size:18px}
.intro h2,.section-top h2,.contact h2,.statement h2{font-size:clamp(36px,6vw,48px)}
.service-overlay strong{font-size:clamp(23px,3.8vw,30px)}
}
@media(max-width:520px){
body{font-size:16px}
.hero-content h1{font-size:clamp(40px,9vw,50px)}
.intro h2,.section-top h2,.contact h2,.statement h2{font-size:clamp(32px,7.3vw,40px)}
.hero-content>p,.intro-grid p,.section-top p,.contact-grid p,.statement p{font-size:16px}
.service-overlay strong{font-size:23px}
.gallery-meta strong{font-size:15px}
.eyebrow,.section-kicker,.statement-kicker{font-size:13px}
.filter,.ticker,.photo-count,.contact-form label{font-size:13px}
.primary-btn,.quote-btn,.ghost-btn,.hero-call,.load-more{font-size:14px}
}
/* October 15: balanced about/services typography and stronger feature bar */
.intro.section-pad{padding-top:clamp(66px,6vw,96px);padding-bottom:clamp(66px,6vw,96px)}
.intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:clamp(36px,5vw,90px)}
.intro-grid>div{align-self:center}
.intro-grid h2{font-size:clamp(38px,3.6vw,56px);line-height:1.17}
.intro-grid p{margin:0 0 22px;font-size:17px;line-height:1.7}
.section-top{align-items:center}
.section-top>p{font-size:17px;line-height:1.7;max-width:520px;margin:0}
.ticker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:stretch;padding:0 clamp(12px,3vw,54px);min-height:100px;white-space:normal;overflow:visible;background:#f47924;color:#083c2d;letter-spacing:.03em}
.ticker-item{display:flex;align-items:center;justify-content:center;gap:13px;padding:22px 18px;text-align:left;min-width:0;position:relative;font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(13px,1.05vw,17px);line-height:1.4}
.ticker-item:not(:last-child):after{content:"";position:absolute;right:0;top:23%;bottom:23%;width:1px;background:#0e503c66}
.ticker-icon{font-size:29px;line-height:1;flex-shrink:0;color:#0e503c}
@media(min-width:1251px){.site-header{height:156px}.site-header .brand-logo{width:255px;height:151px;max-width:none}.site-header .brand{left:100px}}
@media(min-width:801px) and (max-width:1250px){.site-header{height:130px}.site-header .brand-logo{width:192px;height:125px;max-width:none}}
@media(max-width:800px){
.intro-grid{grid-template-columns:1fr;gap:22px}
.intro-grid>div{align-self:start}
.ticker{grid-template-columns:repeat(2,minmax(0,1fr))}
.ticker-item{min-height:78px}
.ticker-item:nth-child(2):after{display:none}
.ticker-item:nth-child(-n+2){border-bottom:1px solid #0e503c44}
.site-header .brand-logo{width:135px;height:82px}
}
@media(max-width:520px){
.ticker{padding:0 10px}
.ticker-item{padding:15px 10px;gap:8px;font-size:12px}
.ticker-icon{font-size:22px}
.intro-grid h2{font-size:clamp(32px,7vw,40px)}
.intro-grid p,.section-top>p{font-size:16px}
.site-header .brand-logo{width:123px;height:78px}
}
/* Alfa Slab One is a single-weight face; avoid synthetic bolding on primary headings. */
h1,h2,.brand-name{font-weight:400}
/* Slightly more breathing room for Alfa Slab One, without changing the font. */
h1,h2,.brand-name{letter-spacing:0.025em}
.hero-content h1{letter-spacing:0.018em}
@media(max-width:520px){h1,h2,.brand-name{letter-spacing:0.015em}.hero-content h1{letter-spacing:0.012em}}
/* Header controls: visible breathing room and consistent alignment */
@media(min-width:1251px){
.site-header .header-actions{display:flex;align-items:center;gap:22px;flex:0 0 auto;margin-left:24px}
.site-header .header-phone{margin-right:4px;padding:12px 0;gap:9px}
.site-header .lang{padding:13px 18px;min-height:48px;border-radius:6px}
.site-header .quote-btn{padding:14px 22px;min-height:48px;gap:15px;border-radius:6px}
}
@media(min-width:801px) and (max-width:1250px){
.site-header .header-actions{gap:14px;margin-left:10px}
.site-header .lang{padding:12px 14px}
.site-header .quote-btn{padding:12px 15px;gap:10px}
}
@media(max-width:800px){
.site-header .header-actions{gap:12px}
.site-header .lang{padding:10px 12px}
.site-header .quote-btn{padding:10px 12px;gap:8px}
}
@media(max-width:520px){
.site-header .header-actions{gap:8px}
.site-header .lang{padding:9px 10px}
.site-header .quote-btn{padding:9px 10px}
}
/* Refined title spacing and services description layout */
.intro-grid h2,.section-top h2{letter-spacing:.055em!important;line-height:1.28!important;font-weight:400!important;overflow-wrap:normal}
.intro-grid h2 em,.section-top h2 em{letter-spacing:.055em!important}
.services .section-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,90px);margin-bottom:52px}
.services .section-top>h2{margin:0;max-width:750px}
.services .section-top>p{justify-self:start;align-self:center;max-width:510px;width:100%;font-size:clamp(17px,1.2vw,19px);line-height:1.75;margin:0;padding:0 0 0 22px;border-left:3px solid var(--orange);color:#284b3e}
@media(max-width:800px){.services .section-top{grid-template-columns:1fr;gap:24px}.services .section-top>p{max-width:620px}.intro-grid h2,.section-top h2{letter-spacing:.038em!important}}
@media(max-width:520px){.services .section-top>p{font-size:16px;padding-left:15px}.intro-grid h2,.section-top h2{letter-spacing:.025em!important;line-height:1.24!important}}
/* Match section title tracking to the hero Carpentry & Custom Cabinets */
.intro-grid h2,.section-top h2,.intro-grid h2 em,.section-top h2 em{letter-spacing:.018em!important}
@media(max-width:520px){.intro-grid h2,.section-top h2,.intro-grid h2 em,.section-top h2 em{letter-spacing:.012em!important}}
/* Header phone emphasis — desktop only; preserve compact responsive layout */
@media(min-width:1251px){
.site-header .header-phone{font-size:22px!important;gap:12px!important;letter-spacing:.01em;line-height:1.2;padding:12px 0!important}
.site-header .header-phone .phone-symbol{font-size:27px;line-height:1;color:#f47924}
.site-header .header-actions{gap:25px!important}
}
@media(min-width:1051px) and (max-width:1250px){
.site-header .header-phone{font-size:18px!important;gap:9px}
.site-header .header-phone .phone-symbol{font-size:22px}
}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-submit:disabled{opacity:.65;cursor:wait}.form-status{min-height:1.4em}
/* Service card heading tracking — keep Resend form integration unchanged */
.service-grid .service-overlay strong{letter-spacing:.018em!important;line-height:1.25!important;word-spacing:.025em!important}
@media(max-width:520px){.service-grid .service-overlay strong{letter-spacing:.012em!important;line-height:1.23!important}}
/* Single consistent letter spacing for every Alfa Slab One heading, matching the hero. */
h1,h2,h1 *,h2 *{letter-spacing:.018em!important}
@media(max-width:520px){h1,h2,h1 *,h2 *{letter-spacing:.012em!important}}
/* Detailed services: restrained editorial copy below existing photo cards */
.service-descriptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px;margin-top:52px}
.service-descriptions article{border-top:1px solid rgba(70,75,58,.25);padding-top:22px}
.service-descriptions h3{font-family:Arial,sans-serif;font-size:clamp(19px,2vw,25px);font-weight:750;line-height:1.3;margin:0 0 12px;letter-spacing:.012em}
.service-descriptions p{font-family:Arial,sans-serif;line-height:1.75;font-size:15px;max-width:570px;margin:0 0 17px;opacity:.83}
.service-descriptions a{display:inline-block;font-size:13px;font-weight:700;text-decoration:none;color:#c66b20;border-bottom:1px solid currentColor;padding-bottom:4px}
.business-details{margin:26px 0 22px;display:grid;gap:18px}
.business-detail strong{display:block;font-size:14px;letter-spacing:.02em;margin-bottom:8px}
.business-detail p{margin:3px 0;font-size:14px;line-height:1.7}
@media(max-width:700px){.service-descriptions{grid-template-columns:1fr;gap:28px;margin-top:36px}}
/* All gallery photos use the same height and align across rows. */
.gallery .gallery-item,.gallery .gallery-item:nth-child(6n+1),.gallery .gallery-item:nth-child(6n+6){aspect-ratio:4/3!important;height:auto!important;min-height:0!important}
.gallery .gallery-item img{width:100%!important;height:100%!important;object-fit:cover!important}
/* Barra naranja: solo iconos, sin textos */
.ticker .ticker-item{justify-content:center!important;gap:0!important}
/* Portfolio description is integrated into the right-hand header column, not a separate service menu. */
.service-descriptions{display:none!important}
.work .section-top{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr)!important;align-items:start!important;gap:clamp(30px,5vw,90px)!important}
.work .section-top>.portfolio-copy{max-width:650px!important;justify-self:end!important;width:100%!important;margin:0!important;padding:0!important}
.work .portfolio-copy h3{font-family:Arial,sans-serif;font-size:clamp(21px,1.7vw,27px)!important;font-weight:800!important;line-height:1.3!important;color:var(--green,#123f31);margin:0 0 13px!important}
.work .portfolio-copy p{font-family:Arial,sans-serif;font-size:clamp(17px,1.15vw,19px)!important;line-height:1.75!important;color:#34564b!important;margin:0!important;max-width:none!important;opacity:1!important}
.work .portfolio-copy a{display:inline-block;margin-top:16px;color:#c75c12;font-size:15px;font-weight:750;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.work .portfolio-copy a[hidden]{display:none!important}
@media(max-width:850px){.work .section-top{grid-template-columns:1fr!important;gap:22px!important}.work .section-top>.portfolio-copy{justify-self:start!important;max-width:760px!important}.work .portfolio-copy p{font-size:17px!important}}
/* V2 - portfolio description is part of the gallery heading, visibly changes with category */
.work .section-top{align-items:center!important;min-height:235px!important;margin-bottom:24px!important}
.work .portfolio-copy{border-left:4px solid var(--orange,#f4771c)!important;padding:8px 0 8px 26px!important;box-sizing:border-box!important;transition:opacity .2s ease!important}
.work .portfolio-copy h3{font-size:clamp(24px,2.1vw,33px)!important;line-height:1.2!important;margin:0 0 14px!important}
.work .portfolio-copy p{font-size:clamp(18px,1.35vw,21px)!important;line-height:1.62!important;max-width:660px!important}
.work .portfolio-copy a{font-size:17px!important;font-weight:800!important}
@media(max-width:850px){.work .section-top{min-height:0!important}.work .portfolio-copy{padding-left:19px!important}.work .portfolio-copy h3{font-size:25px!important}.work .portfolio-copy p{font-size:18px!important}}
/* FOUR REQUESTED CHANGES - final overrides */
.section-index,.hero-number,.service-overlay small{display:none!important}
.services .section-top>p{font-size:clamp(27px,2.5vw,36px)!important;line-height:1.38!important;font-weight:500!important;max-width:920px!important}
.work .section-top{display:grid!important;grid-template-columns:minmax(300px,.82fr) minmax(0,1.55fr)!important;column-gap:clamp(32px,3.5vw,65px)!important;align-items:center!important;width:100%!important;max-width:none!important;min-height:220px!important}
.work .section-top h2{font-size:clamp(39px,3.25vw,64px)!important}
.work .section-top>.portfolio-copy{width:100%!important;max-width:none!important;min-width:0!important;justify-self:stretch!important;border-left:4px solid var(--orange,#f47924)!important;padding:4px 0 4px 24px!important}
.work .portfolio-copy h3{font-size:clamp(20px,1.62vw,30px)!important;line-height:1.15!important;white-space:nowrap!important;margin-bottom:13px!important;letter-spacing:-.015em!important}
.work .portfolio-copy p{font-size:clamp(16px,1.05vw,19px)!important;line-height:1.4!important;max-width:none!important;margin:0!important}
.work .filters{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:26px!important;margin-bottom:30px!important}
.work .filters .filter{background:#f47924!important;border:2px solid #f47924!important;color:#092f25!important;border-radius:4px!important;padding:17px 23px!important;font-family:Arial,sans-serif!important;font-size:clamp(14px,.92vw,17px)!important;font-weight:900!important;letter-spacing:.01em!important;box-shadow:0 4px 0 rgba(8,58,43,.18)!important;transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important;min-height:56px!important}
.work .filters .filter:hover{background:#ff994a!important;transform:translateY(-2px)!important;box-shadow:0 6px 0 rgba(8,58,43,.2)!important}
.work .filters .filter.active{background:#0e503c!important;color:white!important;border-color:#0e503c!important;box-shadow:0 4px 0 #062a20!important}
@media(max-width:1150px){.work .section-top{grid-template-columns:1fr!important;gap:26px!important;min-height:0!important}.work .section-top>.portfolio-copy{max-width:100%!important}.work .portfolio-copy h3{white-space:normal!important}.work .portfolio-copy p{font-size:18px!important}}
@media(max-width:700px){.services .section-top>p{font-size:24px!important}.work .filters .filter{padding:13px 16px!important;min-height:48px!important}.work .section-top h2{font-size:clamp(37px,9vw,55px)!important}}
/* ================================================================
CANTILLANO TYPE SYSTEM — unified sizes, 2026-10-16
Desktop: H1 64 / H2 48 / H3 28 / cards 28 / lead 28 /
body 22 / small 18 / buttons 20 (px).
This is intentionally last to supersede legacy CSS overrides.
================================================================ */
:root{--type-h1:64px;--type-h2:48px;--type-h3:28px;--type-card:28px;--type-lead:28px;--type-body:22px;--type-small:18px;--type-button:20px}
body{font-size:var(--type-body)!important;line-height:1.6}
.hero-content h1{font-size:var(--type-h1)!important;line-height:1.12!important}
.services h2,.work h2,.statement h2,.contact h2,.intro h2,.section-top h2,.intro-grid h2{font-size:var(--type-h2)!important;line-height:1.2!important}
h3,.work .portfolio-copy h3,.service-descriptions h3{font-size:var(--type-h3)!important;line-height:1.25!important}
.service-grid .service-overlay strong,.service-overlay strong,.gallery-meta strong{font-size:var(--type-card)!important;line-height:1.24!important}
.services .section-top>p,.hero-content>p,.statement .statement-copy>p{font-size:var(--type-lead)!important;line-height:1.42!important}
.work .portfolio-copy p,.contact-grid p,.contact-grid>div>p,.business-detail p,.footer-top p,.footer-tagline,.footer-contact,.footer-nav,.gallery-meta p,.service-descriptions p,.contact-note{font-size:var(--type-body)!important;line-height:1.55!important}
.eyebrow,.section-kicker,.statement-kicker,.photo-count,.contact-form label,.form-info,.form-status,.footer-bottom,.business-detail strong,.gallery-meta span,.lightbox-caption{font-size:var(--type-small)!important;line-height:1.45!important}
.site-header .nav a,.site-header .lang,.site-header .quote-btn,.primary-btn,.hero-call,.load-more,.work .filters .filter,.work .portfolio-copy a,.text-link,.ghost-btn,.service-descriptions a{font-size:var(--type-button)!important;line-height:1.3!important}
.work .portfolio-copy h3{white-space:normal!important}
/* Keep fixed-width controls usable at increased font sizes */
.work .filters .filter{padding:17px 23px!important;min-height:60px!important}
.contact-form input,.contact-form textarea,.contact-form select{font-size:var(--type-body)!important}
@media(max-width:900px){
:root{--type-h1:52px;--type-h2:40px;--type-h3:25px;--type-card:25px;--type-lead:24px;--type-body:19px;--type-small:16px;--type-button:18px}
.services .section-top>p{font-size:var(--type-lead)!important}
.work .section-top h2{font-size:var(--type-h2)!important}
.work .portfolio-copy p{font-size:var(--type-body)!important}
}
@media(max-width:600px){
:root{--type-h1:40px;--type-h2:32px;--type-h3:22px;--type-card:22px;--type-lead:21px;--type-body:17px;--type-small:14px;--type-button:16px}
.hero-content h1{font-size:var(--type-h1)!important}
.services h2,.work h2,.statement h2,.contact h2,.intro h2,.section-top h2,.intro-grid h2,.work .section-top h2{font-size:var(--type-h2)!important}
.services .section-top>p{font-size:var(--type-lead)!important}
.work .portfolio-copy h3{font-size:var(--type-h3)!important}
.work .portfolio-copy p{font-size:var(--type-body)!important}
.work .filters .filter{font-size:var(--type-button)!important;padding:13px 16px!important;min-height:48px!important}
.site-header .lang,.site-header .quote-btn{font-size:var(--type-button)!important}
}
/* CANTILLANO — final typography and gallery refinement, October 2026 */
.service-grid .service-overlay strong,
.service-overlay strong,
.gallery-meta strong{
letter-spacing:.045em!important;
word-spacing:.06em!important;
line-height:1.35!important;
font-kerning:normal;
text-wrap:pretty;
}
.statement h2,.statement h2 em,
.work .section-top h2,.work .section-top h2 em{
letter-spacing:.032em!important;
word-spacing:.05em!important;
line-height:1.26!important;
}
.work>.section-kicker{
font-size:26px!important;
font-weight:900!important;
letter-spacing:.045em!important;
margin-bottom:24px!important;
padding-bottom:12px;
border-bottom:2px solid rgba(14,80,60,.22);
width:max-content;
max-width:100%;
}
.work .section-top{
grid-template-columns:minmax(260px,.62fr) minmax(0,1.65fr)!important;
column-gap:clamp(24px,3vw,56px)!important;
align-items:start!important;
min-height:0!important;
margin-bottom:28px!important;
}
.work .section-top>.portfolio-copy{
padding:4px 0 4px 24px!important;
margin-left:0!important;
}
.work .portfolio-copy h3{
font-size:28px!important;
letter-spacing:.012em!important;
line-height:1.3!important;
margin-bottom:14px!important;
}
.work .portfolio-copy p{
font-size:22px!important;
line-height:1.55!important;
max-width:none!important;
}
.statement{
grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
min-height:0!important;
}
.statement-copy{
padding:clamp(40px,4vw,65px) clamp(28px,4vw,68px)!important;
}
.statement h2{
margin:18px 0 22px!important;
font-size:48px!important;
}
.statement .statement-copy>p{
margin:0 0 26px!important;
font-size:22px!important;
}
.statement-gallery{
display:grid;
grid-template-columns:1fr 1fr;
grid-template-rows:repeat(2,minmax(0,1fr));
gap:7px;
height:clamp(360px,35vw,490px);
overflow:hidden;
}
.statement-gallery img{
display:block;
width:100%;
height:100%;
min-height:0;
object-fit:cover;
}
.statement-gallery img:first-child{grid-row:1/3}
@media(max-width:1100px){
.work .section-top{grid-template-columns:1fr!important;gap:24px!important}
.work>.section-kicker{font-size:22px!important}
.statement{grid-template-columns:1fr!important}
.statement-gallery{height:380px}
}
@media(max-width:600px){
.work>.section-kicker{font-size:19px!important}
.work .portfolio-copy h3{font-size:22px!important}
.work .portfolio-copy p{font-size:17px!important}
.statement h2{font-size:32px!important}
.statement .statement-copy>p{font-size:17px!important}
.statement-gallery{height:310px}
.service-grid .service-overlay strong,.gallery-meta strong{letter-spacing:.025em!important}
}
/* Portfolio category controls ABOVE portfolio label and heading */
.work>.filters{
display:flex!important;
flex-wrap:wrap!important;
gap:12px!important;
margin:0 0 42px!important;
padding:0!important;
justify-content:flex-start!important;
}
.work>.section-kicker{margin-top:0!important}
/* Two seamless, automatically changing images: no borders, dividers, or controls */
.statement .statement-slideshow{
display:grid!important;
grid-template-columns:1fr 1fr!important;
grid-template-rows:1fr!important;
gap:0!important;
height:clamp(360px,35vw,490px)!important;
overflow:hidden!important;
}
.statement .statement-slideshow img,
.statement .statement-slideshow img:first-child{
grid-row:auto!important;
grid-column:auto!important;
width:100%!important;
height:100%!important;
min-width:0!important;
object-fit:cover!important;
transition:opacity .45s ease!important;
opacity:1;
}
.statement .statement-slideshow img.photo-fading{opacity:0!important}
@media(max-width:600px){
.work>.filters{gap:8px!important;margin-bottom:28px!important}
.statement .statement-slideshow{height:300px!important}
}
/* FIX: compact services introduction; remove excessive vertical whitespace */
.services.section-pad{padding-top:clamp(36px,3.4vw,58px)!important;padding-bottom:clamp(40px,4vw,68px)!important}
.services>.section-kicker{margin:0 0 20px!important;padding:0!important}
.services>.section-top{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:clamp(22px,3vw,52px)!important;margin:0 0 32px!important;min-height:0!important}
.services>.section-top>h2{margin:0!important;align-self:center!important}
.services>.section-top>p{margin:0!important;max-width:none!important;width:100%!important;align-self:center!important;line-height:1.42!important}
@media(max-width:800px){.services.section-pad{padding-top:32px!important;padding-bottom:42px!important}.services>.section-top{grid-template-columns:1fr!important;gap:18px!important;margin-bottom:24px!important}.services>.section-kicker{margin-bottom:16px!important}}
/* Compact editorial service introduction: deliberate typographic hierarchy */
.services.section-pad{padding-top:32px!important;padding-bottom:44px!important}
.services>.section-kicker{margin:0 0 12px!important}
.services>.section-top{display:grid!important;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)!important;gap:clamp(18px,2.5vw,44px)!important;align-items:center!important;margin:0 0 22px!important;min-height:0!important}
.services>.section-top>h2{margin:0!important;max-width:none!important;line-height:1.13!important}
.services>.section-top>p{padding:8px 0 8px 25px!important;margin:0!important;border-left:4px solid #f47924!important;max-width:none!important;font-size:clamp(18px,1.48vw,22px)!important;line-height:1.45!important;letter-spacing:0!important;color:#164638!important}
.services>.section-top>p strong{font-weight:800!important;color:#073e30!important}
.services>.section-top>p em{font-style:italic!important;font-weight:600!important;color:#0e503c!important}
.services>.section-top>p .accent-orange{color:#dd6317!important;font-weight:800!important}
@media(max-width:800px){
.services.section-pad{padding-top:26px!important;padding-bottom:34px!important}
.services>.section-top{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:20px!important}
.services>.section-top>p{font-size:17px!important;padding-left:16px!important;line-height:1.48!important}
}
/* Portafolio: estilo editorial coordinado con Lo que hacemos */
.portfolio-copy{border-left:3px solid #fa7820!important;padding-left:26px!important;max-width:none!important}
.portfolio-copy h3{font-weight:800!important;color:#0b4939!important;letter-spacing:.015em!important;margin-bottom:12px!important}
.portfolio-copy p{font-size:22px!important;line-height:1.55!important;letter-spacing:0!important;color:#154c3e!important}
.portfolio-copy p .portfolio-lead{font-weight:800;color:#063f31}
.portfolio-copy p .portfolio-accent{font-weight:800;color:#e9660c}
.portfolio-copy p .portfolio-ending{font-weight:700;font-style:italic;color:#0b4939}
@media(max-width:767px){.portfolio-copy{padding-left:16px!important}.portfolio-copy p{font-size:17px!important;line-height:1.5!important}}
/* Escala global de escritorio: equivalente visual a Chrome al 80%.
Se aplica a la raíz para reducir tipografía, imágenes, controles y espacios juntos. */
@media (min-width: 801px) {
html { zoom: .8 !important; }
}
/* En móviles mantener la escala nativa para preservar legibilidad y evitar desbordes. */
@media (max-width: 800px) {
html { zoom: 1 !important; }
}
/* Cantillano location in header: elegant two-line contact block */
.site-header .header-contact-stack{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0}
.site-header .header-contact-stack .header-phone{padding:2px 0 5px!important;border-bottom:0!important;margin:0!important}
.site-header .header-address{display:flex;align-items:center;gap:6px;color:#f5e9d8;font-family:Arial,sans-serif;font-size:clamp(10px,.78vw,13px);font-weight:600;white-space:nowrap;line-height:1.3;transition:color .2s}
.site-header .header-address:hover{color:#ffa35c}
.site-header .address-pin{font-size:19px;color:#f47924;line-height:1}
.site-header .address-arrow{color:#f47924;font-size:14px}
.site-header .nav-address{display:none}
@media(min-width:1251px){.site-header .header-actions{gap:18px!important}.site-header .header-contact-stack .header-phone{font-size:19px!important}}
@media(max-width:1450px) and (min-width:1051px){.site-header .header-address{font-size:11px}.site-header .address-unit{font-size:10px}}
@media(max-width:1050px){.site-header .header-contact-stack{display:none}}
@media(max-width:800px){.site-header .nav-address{display:block;font-size:13px!important;line-height:1.5;white-space:normal;color:#f47924;border-top:1px solid #ffffff35;padding-top:14px}}
/* Location typography matches the other header contact text */
.site-header .header-address{font-size:19px!important;font-family:inherit!important;font-weight:600!important;line-height:1.25!important}
.site-header .address-unit{font-size:inherit!important}
@media(max-width:1450px) and (min-width:1051px){.site-header .header-address,.site-header .address-unit{font-size:17px!important}}
@media(max-width:800px){.site-header .nav-address{font-size:16px!important}}
.gallery-meta .gallery-code{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;opacity:.85;margin-top:3px}
/* Mobile header: keep navigation button visible at all phone widths. */
@media (max-width:800px){
.site-header{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;min-width:0!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;overflow:visible!important}
.site-header .brand{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;margin:0!important;flex:0 0 auto!important;min-width:0!important}
.site-header .brand-logo{display:block!important;width:92px!important;height:72px!important;object-fit:contain!important}
.site-header .header-actions{display:flex!important;flex:0 1 auto!important;min-width:0!important;max-width:calc(100% - 100px)!important;margin:0!important;gap:7px!important;align-items:center!important;justify-content:flex-end!important}
.site-header .header-contact-stack{display:none!important}
.site-header .lang{flex:0 0 auto!important;padding:9px 8px!important;font-size:12px!important;white-space:nowrap!important}
.site-header .quote-btn{flex:0 1 auto!important;min-width:0!important;max-width:145px!important;padding:9px 9px!important;font-size:11px!important;line-height:1.2!important;white-space:normal!important;text-align:center!important;justify-content:center!important;gap:4px!important}
.site-header .menu-btn{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;inset:auto!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:42px!important;padding:6px!important;margin:0!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;z-index:1002!important;cursor:pointer!important}
.site-header .menu-btn span{display:block!important;flex:0 0 2px!important;width:23px!important;height:2px!important;background:#fff!important;border-radius:2px!important}
.site-header .nav{z-index:1001!important;top:100%!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important;background:#0e503c!important}
.site-header .nav.open{display:flex!important}
.site-header .nav a{color:#fff!important}
}
@media (max-width:390px){
.site-header{padding:0 7px!important;gap:4px!important}
.site-header .brand-logo{width:76px!important;height:68px!important}
.site-header .header-actions{max-width:calc(100% - 80px)!important;gap:5px!important}
.site-header .lang{font-size:11px!important;padding:8px 6px!important}
.site-header .quote-btn{font-size:10px!important;padding:8px 5px!important}
}