/* Shared mobile and tablet layout, including the project detail page. */
:root{--header-height:6.25rem}html{scroll-padding-top:calc(var(--header-height) + 1rem);-webkit-text-size-adjust:100%}.header{min-height:var(--header-height);height:auto;padding-block:.5rem;gap:1rem}.header nav a{min-height:2.75rem;display:flex;align-items:center}.header nav{min-width:0}.hero>* ,.section-head>*,.contact-top>*,.contact-grid>*,.approach>*,.project>*,.service summary>*,.service-body>*{min-width:0}.button,.text-link{max-width:100%;min-height:2.75rem}.button span,.short-line{flex-shrink:0}.reference-title,.reference-caption,.service-body a,.contact-grid a,.lightbox-toolbar p{overflow-wrap:anywhere}.lightbox{max-height:94vh;max-height:94dvh}.lightbox-photo img{max-height:calc(94vh - 12rem);max-height:calc(94dvh - 12rem)}.lightbox-photo{touch-action:pan-y pinch-zoom}.lightbox-toolbar p{min-width:0}.service-body p,.project-copy>p,.approach-intro p,.steps p,.section-head>p{font-size:1rem}.photo-caption{font-size:.75rem;flex-wrap:wrap}.eyebrow{font-size:.75rem}.hero-bottom{font-size:.75rem;flex-wrap:wrap}.service-subtitle,.reference-caption,.project dd{font-size:.875rem}.section-head h2,.approach h2,.project h3,.contact h2{overflow-wrap:break-word}footer{flex-wrap:wrap}footer a{display:inline-flex;align-items:center;min-height:2.75rem}
@media(max-width:1100px){
 :root{--header-height:5rem}.header{padding-inline:5%}.brand{width:clamp(9rem,24vw,12rem)}.brand img{height:auto;max-height:3.75rem}.menu-toggle{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;min-width:2.75rem;padding:.5rem;border:0;background:none;color:#121212;font-size:.875rem;cursor:pointer;flex-shrink:0}.menu-toggle span{font-size:1.25rem}.header nav{display:none;position:absolute;inset:100% 0 auto;background:#f5f5f3;color:#121212;padding:1rem 5% 1.5rem;border-bottom:1px solid #d8d8d5;max-height:calc(100vh - var(--header-height));max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 25px #0002}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:.3rem}.header nav a{padding:.75rem 0;font-size:1rem}.header nav .nav-contact{padding:.75rem 1rem;margin-top:.5rem;justify-content:space-between}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem}.hero h1{font-size:clamp(3.5rem,7.8vw,5.5rem)}.service summary{grid-template-columns:2.5rem minmax(0,1fr) minmax(0,1fr) 2rem}.service-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem;padding-right:0}.hero-visual{padding-left:0}.contact h2{font-size:clamp(3.4rem,7vw,6rem)}.contact-arrow{flex-shrink:0}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
 .hero{display:flex;flex-direction:column;min-height:0;padding-top:2rem;gap:0}.hero-copy{width:100%}.hero h1{font-size:clamp(3.4rem,10vw,5.8rem);line-height:1.02;letter-spacing:-.03em;margin:1.25rem 0}.hero-copy>p{font-size:1rem}.hero .eyebrow{font-size:.75rem;letter-spacing:.08em;flex-wrap:wrap}.hero-visual{width:100%;padding:1.5rem 0 .5rem;margin-top:1rem}.hero-visual .photo-frame>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain}.hero-visual .red-plane{inset:1rem -6% 0 6%;opacity:.2}.hero-visual .photo-caption{padding:.8rem .2rem;font-size:.75rem}.vertical-note,.hero-scroll{display:none}.hero-bottom{margin-top:1.75rem;padding:1.25rem 0;font-size:.75rem;letter-spacing:0}.hero-bottom b{margin-inline:.25rem}.hero-bottom>span:last-child{display:none}.section{padding:4rem 6%}.section-head{display:block;margin-bottom:2rem}.section-head h2{font-size:clamp(2.4rem,7.2vw,4rem);line-height:1.08;margin-top:1rem}.section-head>p{margin-top:1.25rem;max-width:32rem}.approach,.project{display:block}.approach-intro{position:static}.approach h2{font-size:clamp(2.4rem,7.2vw,4rem)}.approach-intro p{max-width:32rem}.steps{margin-top:2rem}.steps article{gap:1.1rem;padding:1.5rem 0}.steps h3{font-size:1.25rem;line-height:1.4}.project-image{display:block;aspect-ratio:1.25;min-height:0;margin-bottom:1.75rem}.project h3{font-size:clamp(2.8rem,8vw,4rem)}.project-copy>p{max-width:32rem}.service summary{grid-template-columns:1.8rem minmax(0,1fr) 2rem;gap:.65rem;padding:1.3rem 0}.service h3{font-size:clamp(1.6rem,4.6vw,2rem);line-height:1.2}.service-subtitle{display:none}.service-body{display:block;padding:0 0 1.5rem 2.45rem}.service-body a{display:inline-flex;align-items:center;font-size:.875rem;margin-top:1rem;min-height:2.75rem;gap:.6rem}.service-body a span{margin-left:0;flex-shrink:0}.contact-grid{grid-template-columns:1fr 1fr;gap:1.75rem;margin-top:2.5rem}.contact-grid>div:last-child{grid-column:1/-1}.contact-grid a{font-size:clamp(1.05rem,3.3vw,1.5rem)}.contact h2{font-size:clamp(2.8rem,8vw,4.5rem);line-height:1.08}.contact-arrow{width:3.5rem;height:3.5rem;min-width:3.5rem;font-size:2rem}.contact-top{gap:.75rem}.contact>p{font-size:1rem}.button{font-size:.95rem;gap:1.25rem;padding:1rem 1.25rem}.lightbox-toolbar p{font-size:.875rem}.article h1{font-size:clamp(3rem,11vw,5.5rem)}.article .facts{gap:1.5rem}.article .facts strong{font-size:1.3rem}.article .button{white-space:normal}
}
@media(max-width:480px){
 :root{--header-height:4.5rem}.header{padding-inline:5%;gap:.5rem}.brand{width:min(10.5rem,54vw)}.menu-toggle{gap:.5rem}.hero{padding-inline:6%;padding-top:1.5rem}.hero h1{font-size:clamp(3.05rem,13.5vw,4rem)}.hero .eyebrow{font-size:.75rem;letter-spacing:.035em;gap:.5rem}.short-line{width:1rem}.hero-copy .button{display:flex;justify-content:space-between;width:100%;margin-top:1.5rem}.hero-visual{margin-top:.5rem}.section{padding-block:3rem}.section-head h2,.approach h2{font-size:clamp(2.3rem,10.5vw,3rem)}.contact-top{flex-wrap:wrap;align-items:flex-start}.contact h2{flex-basis:100%;font-size:clamp(2.6rem,12vw,3.5rem);margin-bottom:1rem}.contact-arrow{margin-bottom:1rem}.contact-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}.contact-grid a{font-size:clamp(1.1rem,5.8vw,1.5rem)}.contact-grid>div:last-child{grid-column:auto}.reference-grid{grid-template-columns:minmax(0,1fr);gap:1.75rem}.reference-photo{aspect-ratio:1.15}.reference-title{font-size:1.125rem}.reference-caption{font-size:.875rem}.reference-zoom{min-width:2.75rem;min-height:2.75rem}.lightbox{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border:0;margin:0;padding: max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.lightbox[open]{display:flex;flex-direction:column}.lightbox-photo{flex:1;min-height:0;overflow:hidden}.lightbox-photo img{max-height:100%;max-width:100%;width:auto;height:auto}.lightbox-toolbar,.lightbox-bottom{flex-shrink:0}.lightbox button{min-width:3rem;height:3rem}.lightbox-toolbar{align-items:flex-start}footer{gap:.5rem 1.25rem;padding:1rem 6%;font-size:.875rem}.footer-name{font-size:.75rem;letter-spacing:.045em}.service-body{padding-left:0}.article .facts{flex-direction:column}
}
@media(hover:none) and (pointer:coarse){.button:hover,.contact-arrow:hover{transform:none}.reference-card:hover img,.project-image:hover img{transform:none}}
@media(orientation:landscape) and (max-height:550px){.lightbox{max-height:100vh;max-height:100dvh;padding:.5rem 1rem}.lightbox-photo{margin:.5rem 0}.lightbox-photo img{max-height:calc(100vh - 8rem);max-height:calc(100dvh - 8rem)}.lightbox-toolbar p{font-size:.875rem}.header{position:relative}}
h1{overflow-wrap:anywhere}[hidden]{display:none!important}
/* Horizontal reference carousel: content still comes from referencie.js. */
.reference-carousel{min-width:0}.reference-carousel .reference-grid{display:flex;gap:1.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ec1b2e #303030;scroll-padding-inline:4px;padding:4px 4px 1rem;position:relative;touch-action:pan-x pan-y pinch-zoom}.reference-carousel .reference-card{flex:0 0 calc((100% - 1.5rem)/2);min-width:0;scroll-snap-align:start}.reference-carousel .reference-photo{aspect-ratio:4/3}.reference-carousel .reference-card:focus-visible{outline-offset:1px}.reference-carousel .reference-grid:focus-visible{outline-offset:4px}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.carousel-controls button{font:inherit;font-size:.875rem;color:#f5f5f3;background:transparent;border:1px solid #555;min-height:2.75rem;padding:.6rem 1rem;cursor:pointer}.carousel-controls button:hover{background:#ec1b2e;border-color:#ec1b2e}.carousel-navigation{display:flex;align-items:center;gap:1rem}.carousel-navigation button{width:2.75rem;padding:0;font-size:1.4rem}.carousel-navigation span{font-size:.875rem;min-width:3rem;text-align:center;color:#bbb;font-variant-numeric:tabular-nums}.reference-grid[data-single="true"] .reference-card{flex-basis:100%;max-width:42rem}@media(max-width:600px){.reference-carousel .reference-grid{gap:1rem}.reference-carousel .reference-card{flex-basis:88%}.carousel-controls{gap:.5rem;flex-wrap:wrap}.carousel-controls button{font-size:.8rem;padding:.6rem .7rem}.carousel-navigation{gap:.5rem}.carousel-navigation button{font-size:1.4rem}.reference-carousel .reference-photo{aspect-ratio:1.15}}