/* Mobile layout: projects first, clear touch controls and a persistent contact action. */
.mobile-contact{display:none}.brand-logo{width:52px;height:52px;object-fit:contain}.brand.has-logo{flex-direction:row;gap:10px;align-items:center}.brand.has-logo .brand-name{font-size:13px;letter-spacing:.08em;line-height:1.5;max-width:138px;margin:0}.brand.has-logo .brand-name strong{display:block;font-size:18px;letter-spacing:0}.brand.has-logo .brand-name small{font-size:10px}
@media(max-width:760px){
 html{scroll-padding-top:24px}.header{height:78px;padding:12px 20px;gap:12px}.header nav{top:78px}.header-actions{gap:10px}.brand-logo{width:43px;height:43px}.brand.has-logo{gap:7px}.brand.has-logo .brand-name{font-size:10px;max-width:108px}.brand.has-logo .brand-name strong{font-size:15px}.brand.has-logo .brand-name small{font-size:8px}.language-picker select{min-height:44px;width:59px}.menu-toggle{min-width:44px;min-height:44px}.header .language-picker>span[aria-hidden]{display:none}
 .hero{display:flex;flex-direction:column;overflow:hidden}.hero-stage{order:-1;margin:0 20px;height:clamp(390px,62svh,560px);min-height:390px;touch-action:pan-y}.hero-stage:before{inset:0 -20px 0 65%}.hero-photo img,.hero-photo video{object-position:50% 45%}.hero-edge{right:-15px}.hero-badge{top:18px;right:18px}.hero-badge>span{font-size:11px}.hero-badge b{font-size:26px}.hero-project{left:20px;right:20px;bottom:92px;align-items:center}.hero-project h2{font-size:31px;max-width:250px}.hero-project .project-type{font-size:11px;letter-spacing:.06em;line-height:1.6;margin-bottom:9px}.round-link{width:48px;height:48px}.hero-photo:after{background:linear-gradient(0deg,#000e,transparent 52%,#0002)}
 .hero-stage .hero-controller{position:absolute;left:20px;right:20px;bottom:18px;width:auto;max-width:none;margin:0;padding:0;gap:20px;z-index:2}.hero-stage .slide-tabs button{padding:12px 0 4px;min-height:44px;border-color:#b7bbae;color:white;font-size:13px}.hero-stage .slide-tabs button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.hero-stage #motion-toggle{width:44px;height:44px;background:#10130ab0;font-size:17px}
 .hero-copy{padding:28px 24px 30px}.hero .eyebrow{font-size:11px;letter-spacing:.04em;gap:8px;margin-bottom:15px}.hero .gold-line{width:18px}h1{font-size:clamp(40px,10.7vw,62px);line-height:1.04;margin:0 0 18px}.hero-description{font-size:16px;line-height:1.65;margin-bottom:23px;max-width:none}.hero-actions{width:100%;gap:18px;justify-content:space-between}.hero-actions .button{min-height:50px;font-size:14px;padding:14px 18px}.hero-actions .text-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.service-ribbon{margin-top:0;padding:18px 20px;font-size:11px}.service-ribbon>span:nth-child(even){font-size:17px}
 .section{padding:60px 24px}.section-heading h2,.services h2,.contact h2,.transformation h2{font-size:clamp(34px,9vw,46px)}.section-heading>p{font-size:16px}.project-grid{gap:28px 16px}.project-card:nth-child(even){padding-top:24px}.card-caption h3{font-size:22px}.card-caption .project-type{font-size:11px;letter-spacing:.04em;line-height:1.5}.card-photo .card-action{font-size:12px;line-height:1.5;align-items:flex-end}.compare-select select{min-height:52px;font-size:16px}.compare-help{font-size:13px;line-height:1.6}.compare-tag{font-size:11px;letter-spacing:.04em}.comparison{aspect-ratio:3/4}.comparison input{min-height:44px}.service-list details>a{min-height:44px;display:inline-flex;align-items:center;margin-bottom:18px}.service-list summary{min-height:64px;font-size:23px}
 .contact-links>a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}.project-form label{font-size:14px;letter-spacing:0}.project-form input,.project-form select{min-height:52px;font-size:16px}.project-form textarea{min-height:125px;font-size:16px}.project-form .button{min-height:54px;font-size:15px}.form-help{font-size:14px;line-height:1.7}.privacy-note{font-size:12px}.contact-email{overflow-wrap:anywhere}.contact-phone{font-size:34px}
 .dialog-header{position:sticky;top:0;background:var(--ink);z-index:3;min-height:83px;padding:16px 20px}.dialog-header .icon-button{width:44px;height:44px}.dialog-header h2{font-size:24px}.gallery-stage{height:55svh;min-height:300px;touch-action:pan-y}.gallery-arrow{width:46px;height:46px}.gallery-filters button{min-height:46px;font-size:15px}.gallery-thumbs button{flex-basis:72px}.gallery-info .button{min-height:50px;font-size:14px}#gallery-caption{font-size:14px}.gallery-info>p{font-size:15px}.back-top{min-height:44px;align-items:center;font-size:14px}
 .mobile-contact{position:fixed;inset:auto 0 0;z-index:5;display:grid;grid-template-columns:1fr 1.4fr;gap:10px;background:#151614f5;border-top:1px solid #ffffff32;backdrop-filter:blur(10px);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}.mobile-contact a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;font-size:14px;font-weight:700;border:1px solid #69705c;color:white}.mobile-contact a:last-child{color:var(--ink);background:var(--gold);border-color:var(--gold)}.mobile-contact a>span[aria-hidden]{font-size:20px}.modal-open .mobile-contact,body:has(.project-form input:focus) .mobile-contact,body:has(.project-form textarea:focus) .mobile-contact,body:has(.project-form select:focus) .mobile-contact{display:none}footer{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:600px){.form-row{grid-template-columns:1fr;gap:0}.project-form label{margin-bottom:20px}}
@media(max-width:360px){.header{padding-left:16px;padding-right:16px}.brand.has-logo .brand-name{max-width:88px;font-size:9px}.brand.has-logo .brand-name strong{font-size:14px}.hero-stage{margin:0 16px}.hero-copy,.section{padding-left:20px;padding-right:20px}.hero-actions{gap:9px}.hero-actions .button{font-size:13px;padding:13px}.hero-actions .text-link{font-size:12px}.project-grid{gap:23px 12px}.card-caption h3{font-size:20px}.card-action b{display:none}.mobile-contact{padding-left:12px;padding-right:12px}.mobile-contact a{font-size:13px;gap:8px}}