/* Final shared layout: predictable content widths, spacing and responsive grids. */
:root{--layout-width:1240px;--layout-gap:32px}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;min-width:0}
.container,main .container,.mega-footer>.container{width:min(calc(100% - 64px),var(--layout-width))!important;max-width:var(--layout-width)!important;margin-inline:auto!important;padding-inline:0!important;overflow:visible!important}
.section{padding-block:64px!important}
main .container>*{min-width:0}
main h1{font-size:clamp(30px,3.2vw,44px);line-height:1.2}
main p{overflow-wrap:break-word}
main img{max-width:100%}
main figure{margin:0}
body[data-page="about"] .about-hero-top .hero-grid{width:min(calc(100% - 64px),var(--layout-width))!important;max-width:var(--layout-width)!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:28px 40px!important;align-items:start!important;padding:0!important}
body[data-page="about"] .about-hero-top h1{font-size:clamp(30px,3vw,42px)!important;line-height:1.2!important;margin:0 0 16px!important}
body[data-page="about"] .hero-copy{gap:16px!important}
body[data-page="about"] .hero-copy .lead{font-size:16px!important;font-weight:400!important;line-height:1.8!important;margin:0!important;max-width:65ch!important}
body[data-page="about"] .hero-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:8px 0 0!important}
body[data-page="about"] .hero-metrics>div{min-width:0!important;padding:16px 12px!important;min-height:112px;text-align:left}
body[data-page="about"] .hero-metrics strong{font-size:32px!important;line-height:1.2!important;margin-bottom:8px}
body[data-page="about"] .hero-metrics span{font-size:11px!important;line-height:1.5!important;letter-spacing:.04em!important}
body[data-page="about"] .about-hero-top .hero-visual{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%!important}
body[data-page="about"] .about-hero-top .hero-img{height:220px!important;min-height:0!important;max-height:220px!important;width:100%!important;margin:0!important;border-radius:14px!important}
body[data-page="about"] .about-hero-top .hero-img img{object-fit:cover!important;object-position:center!important;width:100%!important;height:100%!important}
body[data-page="about"] .hero-grid>.hero-features{grid-column:1/-1!important;margin:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
body[data-page="about"] .hero-grid>.hero-features .feature-card{min-height:68px!important;padding:18px!important}
.split-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:center!important;gap:40px!important}
.split-grid>*{min-width:0;max-width:100%!important}
.split-media{width:100%!important;max-height:380px!important;aspect-ratio:16/10;overflow:hidden;border-radius:14px}
.split-media img{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;gap:20px!important}
.fairs-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.fair-card-new{min-width:0}.fair-card-image{aspect-ratio:16/10;height:auto!important}.fair-card-image img{width:100%;height:100%;object-fit:contain}
.projects-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.projects-gallery img{width:100%!important;height:280px!important;object-fit:cover!important}
.contact-social{display:flex;flex-wrap:wrap;gap:12px}
.contact-mail-link{font-size:clamp(20px,3vw,32px)!important;overflow-wrap:anywhere}
.quote-mail{max-width:900px;margin-inline:auto}.quote-form-card{min-width:0}
.service-content{max-width:1000px!important}
@media(max-width:1000px){.fairs-grid,.projects-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-page="about"] .about-hero-top .hero-grid{grid-template-columns:minmax(0,1fr)!important}body[data-page="about"] .about-hero-top .hero-visual{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-page="about"] .hero-grid>.hero-features{grid-column:1!important}.split-grid{gap:24px!important}}
@media(max-width:760px){.container,main .container,.mega-footer>.container,body[data-page="about"] .about-hero-top .hero-grid{width:calc(100% - 36px)!important;padding-inline:0!important}.section{padding-block:40px!important}.split-grid{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}.split-grid.reverse .split-copy,.split-grid.reverse .split-media{order:initial!important}.split-media{max-height:320px!important}.service-navigation{min-width:0}.projects-gallery img{height:220px!important}}
@media(max-width:600px){.fairs-grid,.projects-gallery{grid-template-columns:1fr!important;gap:20px!important}body[data-page="about"] .about-hero-top .hero-visual{grid-template-columns:minmax(0,1fr)!important}body[data-page="about"] .about-hero-top .hero-img{height:220px!important}body[data-page="about"] .hero-grid>.hero-features{grid-template-columns:minmax(0,1fr)!important}.hero-metrics strong{font-size:28px!important}.feature-grid{grid-template-columns:1fr!important}.btn{max-width:100%;white-space:normal}.footer-associations{max-width:100%}.service-navigation{flex-wrap:wrap}}

/* Preserve the complete Reklamba photograph, including the rooftop sign. */
body[data-page="about"] .about-hero-top .hero-img.secondary{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;align-self:start!important}
body[data-page="about"] .about-hero-top .hero-img.secondary img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important}

/* About metrics and values sit directly on the page without cards. */
body[data-page="about"] .hero-metrics>div{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:8px 0!important;min-height:0!important}
body[data-page="about"] .hero-metrics{gap:24px!important;margin-top:20px!important}
body[data-page="about"] .hero-features .feature-card,body[data-page="about"] .hero-grid>.hero-features .feature-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:12px 0!important;min-height:0!important;transform:none!important}
body[data-page="about"] .hero-features{gap:24px!important}
body[data-page="about"] .feature-card::before,body[data-page="about"] .feature-card::after{display:none!important}
@media(max-width:600px){body[data-page="about"] .hero-metrics{gap:14px!important}body[data-page="about"] .hero-features{gap:10px!important}}

/* About introduction uses full-width copy followed by a balanced photo pair. */
body[data-page="about"] .about-hero-top .hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
body[data-page="about"] .about-hero-top .hero-copy{max-width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
body[data-page="about"] .about-hero-top h1{max-width:100%!important;max-inline-size:none!important;margin:0!important;font-size:clamp(30px,3vw,42px)!important;text-wrap:balance}
body[data-page="about"] .hero-copy .desc{max-width:90ch!important;font-size:16px!important;line-height:1.8!important;font-weight:400!important;margin:0!important}
body[data-page="about"] .hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:min(100%,680px)!important;margin:6px 0 0!important;gap:32px!important}
body[data-page="about"] .about-hero-top .hero-visual{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;width:100%!important}
body[data-page="about"] .about-hero-top .hero-img,body[data-page="about"] .about-hero-top .hero-img.secondary{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:4/3!important;background:#101113!important;display:flex;align-items:center;justify-content:center;overflow:hidden}
body[data-page="about"] .about-hero-top .hero-img img,body[data-page="about"] .about-hero-top .hero-img.secondary img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;max-height:none!important}
body[data-page="about"] .hero-grid>.hero-features{gap:24px!important;margin-top:0!important;padding-top:12px;border-top:1px solid #ffffff12}
@media(max-width:760px){body[data-page="about"] .about-hero-top .hero-visual{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}body[data-page="about"] .hero-metrics{gap:18px!important;width:100%!important}body[data-page="about"] .hero-copy .desc{font-size:15px!important}body[data-page="about"] .hero-grid>.hero-features{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}}

/* Natural photo proportions, no letterboxing or oversized dark frames. */
body[data-page="about"] .about-hero-top .hero-visual{align-items:start!important;gap:28px!important}
body[data-page="about"] .about-hero-top .hero-img,body[data-page="about"] .about-hero-top .hero-img.secondary{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important;max-height:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
body[data-page="about"] .about-hero-top .hero-img img,body[data-page="about"] .about-hero-top .hero-img.secondary img{order:0;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:12px!important}
body[data-page="about"] .about-hero-top .hero-img .visual-label{order:1;position:static!important;display:block!important;align-self:flex-start!important;margin:12px 0 0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;font-size:12px!important;letter-spacing:.04em!important;color:var(--muted)!important;line-height:1.6!important}

/* Widths follow native aspect ratios so both uncropped photographs share a height. */
@media(min-width:761px){body[data-page="about"] .about-hero-top .hero-visual{grid-template-columns:minmax(0,2.020202fr) minmax(0,1.291075fr)!important;align-items:start!important;gap:28px!important}}
@media(max-width:760px){body[data-page="about"] .about-hero-top .hero-visual{grid-template-columns:minmax(0,1fr)!important}}

/* Factory: calm hierarchy, consistent cards and a responsive production gallery. */
body[data-page="factory"] main>.section{padding-top:48px!important}
body[data-page="factory"] h1.h1{font-size:clamp(32px,3.4vw,46px)!important;margin-bottom:16px!important;line-height:1.2!important}
body[data-page="factory"] main>.section>.container>.desc{max-width:82ch!important;font-size:16px!important;font-weight:400!important;line-height:1.8!important;margin:0!important}
body[data-page="factory"] .factory-hero-meta{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:24px 0 32px!important;padding:0!important}
body[data-page="factory"] .factory-hero-badges{display:flex;flex-wrap:wrap;gap:12px!important}
body[data-page="factory"] .factory-hero-badges span{font-size:12px!important;line-height:1.5!important;font-weight:500!important;padding:9px 12px!important;border:1px solid var(--stroke)!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important}
body[data-page="factory"] .factory-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:0!important}
body[data-page="factory"] .factory-hero-actions .btn{min-width:140px!important;border-radius:10px!important;color:#fff!important;box-shadow:none!important}
body[data-page="factory"] .feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin:0!important}
body[data-page="factory"] .feature-card{display:block!important;padding:24px!important;border:1px solid #ffffff12!important;border-radius:12px!important;background:#ffffff03!important;box-shadow:none!important;transform:none!important;min-width:0!important}
body[data-page="factory"] .feature-card::before,body[data-page="factory"] .feature-card::after{display:none!important}
body[data-page="factory"] .feature-card h3{font-size:20px!important;line-height:1.35!important;margin:0 0 12px!important}
body[data-page="factory"] .feature-card p{font-size:15px!important;line-height:1.75!important;font-weight:400!important;margin:0!important;color:var(--muted)!important}
body[data-page="factory"] .factory-showcase{display:block!important;position:static!important;margin-top:48px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body[data-page="factory"] .factory-showcase::before,body[data-page="factory"] .factory-showcase::after{display:none!important}
body[data-page="factory"] .factory-copy{max-width:90ch!important;padding:0!important;margin:0 0 28px!important;background:transparent!important;border:0!important}
body[data-page="factory"] .factory-copy h2{font-size:clamp(25px,2.5vw,32px)!important;line-height:1.3!important;margin:0 0 16px!important}
body[data-page="factory"] .factory-copy .desc{font-size:16px!important;font-weight:400!important;line-height:1.8!important;margin:0 0 20px!important}
body[data-page="factory"] .factory-highlights{display:grid!important;gap:12px!important;padding-left:20px!important;margin:0!important;list-style:disc!important}
body[data-page="factory"] .factory-highlights li{font-size:14px!important;font-weight:400!important;line-height:1.7!important;padding:0!important}
body[data-page="factory"] .factory-highlights li::before{display:none!important}
body[data-page="factory"] .factory-filmstrip-wrap{padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible!important;max-width:none!important}
body[data-page="factory"] .factory-filmstrip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:24px!important;margin:0!important;padding:0!important;width:100%!important;overflow:visible!important}
body[data-page="factory"] .filmshot{display:flex!important;flex-direction:column!important;position:static!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;min-width:0!important}
body[data-page="factory"] .filmshot.span-2{grid-column:1/-1!important}
body[data-page="factory"] .filmshot img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover!important;display:block;border-radius:12px!important;transform:none!important;max-height:none!important;cursor:default!important}
body[data-page="factory"] .filmshot.span-2 img{aspect-ratio:auto!important;max-height:none!important;height:auto!important;object-fit:contain!important}
body[data-page="factory"] .filmshot figcaption{position:static!important;padding:0!important;margin-top:10px!important;background:transparent!important;border:0!important;font-size:13px!important;font-weight:500!important;line-height:1.6!important;color:var(--muted)!important;backdrop-filter:none!important}
@media(max-width:900px){body[data-page="factory"] .feature-grid{grid-template-columns:1fr!important}body[data-page="factory"] .factory-filmstrip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}}
@media(max-width:600px){body[data-page="factory"] main>.section{padding-top:32px!important}body[data-page="factory"] .factory-hero-meta{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}body[data-page="factory"] .factory-hero-actions{width:100%!important}body[data-page="factory"] .factory-hero-actions .btn{flex:1;min-width:0!important}body[data-page="factory"] .feature-card{padding:20px!important}body[data-page="factory"] .factory-showcase{margin-top:32px!important}body[data-page="factory"] .factory-filmstrip{grid-template-columns:1fr!important;gap:24px!important}body[data-page="factory"] .filmshot.span-2{grid-column:1!important}}

/* Mobile/tablet reading order: copy first, then associated imagery. Product layouts are excluded. */
@media(max-width:1000px){
body:not([data-page="products"]):not([data-page="products-list"]) .hero-grid,body:not([data-page="products"]):not([data-page="products-list"]) .split-grid{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
body[data-page="about"] .about-hero-top .hero-grid{grid-template-areas:"copy" "features" "visual"!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
body[data-page="about"] .about-hero-top .hero-copy{grid-area:copy!important;grid-column:1!important;grid-row:1!important;order:0!important;text-align:left!important;min-width:0!important;width:100%!important}
body[data-page="about"] .about-hero-top .hero-features{grid-area:features!important;grid-column:1!important;grid-row:2!important;order:1!important}
body[data-page="about"] .about-hero-top .hero-visual{grid-area:visual!important;grid-column:1!important;grid-row:3!important;order:2!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
body[data-page="about"] .about-hero-top h1{white-space:normal!important;max-width:100%!important;overflow-wrap:break-word!important;font-size:clamp(28px,5vw,38px)!important;text-align:left!important}
body[data-page="about"] .hero-copy .desc{width:100%!important;max-width:100%!important;text-align:left!important}
body:not([data-page="products"]):not([data-page="products-list"]) .split-grid>.split-copy{grid-column:1!important;grid-row:1!important;order:0!important;width:100%!important;min-width:0!important}
body:not([data-page="products"]):not([data-page="products-list"]) .split-grid>.split-media{grid-column:1!important;grid-row:2!important;order:1!important;width:100%!important;margin:0!important}
body[data-page="factory"] .factory-copy{order:0!important}body[data-page="factory"] .factory-filmstrip-wrap{order:1!important}
body:not([data-page="products"]):not([data-page="products-list"]) .hero-copy,body:not([data-page="products"]):not([data-page="products-list"]) .split-copy{max-width:100%!important}
}

/* Home figures remain prominent without framed cards. */
body[data-page="home"] .counters{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important;align-items:start}
body[data-page="home"] .counter{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:20px 8px!important;min-height:0!important;text-align:center}
body[data-page="home"] .counter::before,body[data-page="home"] .counter::after{display:none!important}
body[data-page="home"] .counter .num{font-size:clamp(38px,4vw,64px)!important;line-height:1.2!important}
body[data-page="home"] .counter .label{font-size:14px!important;line-height:1.5!important;font-weight:500!important;margin-top:14px!important}
@media(max-width:760px){body[data-page="home"] .counters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px!important}body[data-page="home"] .counter{padding:12px 0!important}}

.project-seo-photo{margin:28px 0!important}.project-seo-photo img{width:auto;max-width:100%;max-height:760px;height:auto;display:block;margin:0 auto;border-radius:12px}.project-seo-photo figcaption{font-size:14px;line-height:1.7;color:var(--muted);margin-top:12px}.project-detail-link{display:inline-block;font-size:13px;line-height:1.6;margin-top:10px;color:var(--muted)}

.project-language-links{display:flex;justify-content:flex-end;gap:18px;padding-block:12px!important;font-size:13px;line-height:1.6}

body[data-page="products"] .xr-frame{background:#0b0b0c!important;border:0!important;max-width:100%!important;overflow:hidden}

/* Simple two-line menu control, with no glow or layered chrome. */
#global-header .nav-toggle,body.nav-open #global-header .nav-toggle{width:44px!important;height:44px!important;flex-basis:44px!important;min-width:44px;padding:0!important;gap:6px!important;border:1px solid #ffffff20!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;isolation:auto!important;color:#f3f3f3;transition:background .18s ease,border-color .18s ease}
#global-header .nav-toggle::before,#global-header .nav-toggle::after,#global-header .nav-toggle span::after{display:none!important;content:none!important}
#global-header .nav-toggle span{display:block!important;width:20px!important;height:1px!important;min-height:1px;background:currentColor!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;transform:none!important;transition:transform .2s ease!important}
#global-header .nav-toggle span:nth-child(3){display:none!important}
body.nav-open #global-header .nav-toggle span:nth-child(1){transform:translateY(3.5px) rotate(45deg)!important}
body.nav-open #global-header .nav-toggle span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)!important;opacity:1!important}
#global-header .nav-toggle:hover{background:#ffffff08!important;border-color:#ffffff40!important}
#global-header .nav-toggle:focus-visible{outline:2px solid var(--brand)!important;outline-offset:4px}

/* Show complete project photographs in aligned preview frames. */
body[data-page="projects"] .projects-gallery img{height:320px!important;object-fit:contain!important;object-position:center!important;background:#100e10;transform:none!important;box-shadow:none!important;border-radius:0!important}
@media(max-width:760px){body[data-page="projects"] .projects-gallery img{height:300px!important}}
@media(max-width:600px){body[data-page="projects"] .projects-gallery img{height:clamp(300px,100vw,440px)!important}}

/* Keyboard-only skip link; hide through clipping rather than a transform. */
.skip-link:not(:focus){position:fixed!important;left:0!important;top:0!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.skip-link:focus{clip-path:none!important;width:auto!important;height:auto!important;transform:none!important}