:root{--paper:#f8f7f3;--ink:#20231f;--muted:#686c63;--line:#d8d9cf;--olive:#54634c;--sand:#e8e5db;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a,button{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(40px,5vw,76px)}h2{font-size:clamp(32px,3.7vw,53px)}h3{font-weight:500;line-height:1.25;font-size:23px}p{color:var(--muted)}:focus-visible{outline:3px solid #9b713e;outline-offset:5px}.skip{position:fixed;left:10px;top:-100px;background:white;z-index:99;padding:10px}.skip:focus{top:10px}.preview-label{background:#e9e8df;text-align:center;letter-spacing:.15em;font-size:10px;line-height:26px;color:#4c5747}.topbar{max-width:1512px;margin:auto;padding:18px 4.5%;display:flex;align-items:center;gap:28px;min-height:94px}.logo{display:block;flex-shrink:0}.logo img{width:172px;height:auto;mix-blend-mode:multiply}.nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:13px}.nav a:hover,.nav .active{color:var(--olive)}.nav a.active{box-shadow:0 1px var(--olive)}.nav-project{border:1px solid var(--ink);padding:10px 18px;white-space:nowrap}.langs{display:flex;gap:10px;font-size:11px;letter-spacing:.05em}.langs a{opacity:.5;padding:4px 0}.langs a.on{opacity:1;border-bottom:1px solid}.menu-button{display:none;background:none;border:1px solid var(--line);font-size:14px;padding:7px 10px}.eyebrow{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--olive);margin-bottom:21px}.section{max-width:1380px;margin:auto;padding:85px 5%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{max-width:690px}.text-link{font-size:13px;display:inline-block;border-bottom:1px solid;padding-bottom:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;padding:15px 24px;font-size:13px;line-height:1.3;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--olive);color:white}.secondary{border-color:var(--line);background:transparent}.light{background:white;color:var(--ink)}.line-light{border-color:#ffffff80;color:white}.hero{position:relative;min-height:650px;margin:0 28px;color:white;display:flex;align-items:center;background:#343b32;overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% 52%;inset:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101a12c9 0%,#101a1270 44%,#101a1200 78%)}.hero-text{position:relative;z-index:1;width:64%;padding:70px 5.5%}.hero h1{max-width:720px;font-size:clamp(44px,5.2vw,79px)}.hero .eyebrow{color:#e3e6d9}.hero p{color:#e1e4de;font-size:15px;line-height:1.7;max-width:490px;margin:25px 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero .primary{background:#f5f4ee;color:#222820}.hero .secondary{color:white;border-color:#ffffff80}.hero-caption{position:absolute;right:32px;bottom:22px;z-index:1;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:white}.proof{display:flex;gap:28px;font-size:10px;letter-spacing:.06em;color:#e0e3da;margin-top:42px;flex-wrap:wrap}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.intro h2{max-width:500px}.intro>p{font-size:18px}.services{padding-top:10px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.service-card{position:relative;min-height:405px;overflow:hidden;color:white;background:#33392f}.service-card img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .5s}.service-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#121b12df)}.service-card:hover img{transform:scale(1.035)}.service-num{position:absolute;top:20px;left:24px;z-index:1;font-size:11px;border:1px solid #ffffff80;width:30px;height:30px;display:grid;place-content:center}.card-copy{position:absolute;bottom:26px;left:26px;right:26px;z-index:1}.card-copy p{color:#e6e6df;font-size:13px;margin-top:9px;line-height:1.5;max-width:300px}.arrow{position:absolute;right:0;top:0;font-size:24px}.card-copy h3{padding-right:22px;font-family:var(--serif);font-size:28px}.workflow,.quote{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:40px}.steps article>span{font:42px var(--serif);color:#a8ae9d;display:block;margin-bottom:20px}.steps h3{font-size:19px;margin-bottom:14px}.steps p{font-size:14px}.materials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.material-card{border-top:1px solid var(--line);padding-top:22px}.material-card h2,.material-card h3{font:28px/1.2 var(--serif);letter-spacing:-.025em;margin-bottom:12px}.material-card p{font-size:14px}.material-index{display:block;font:72px var(--serif);color:#b2b7a8;margin:10px 0 27px}.material-note{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;background:#e7e9df;padding:48px;margin-top:55px}.material-note img{width:100%;max-height:350px;object-fit:cover}.material-note h2{font-size:39px}.material-note p{margin:22px 0}.story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.story p{margin:25px 0}.story img{width:100%;height:480px;object-fit:cover}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.brand-grid a{background:#e8e7df;border:1px solid var(--line);padding:40px;position:relative}.brand-grid strong{display:block;letter-spacing:.08em;font-weight:500;font-size:30px}.brand-grid p{margin-top:15px;max-width:80%;font-size:15px}.brand-grid span{position:absolute;right:35px;top:35px;font-size:24px}.brands{border-top:1px solid var(--line)}.faq{max-width:1050px}.faq h2{margin-bottom:35px}.faq details{border-top:1px solid var(--line);padding:21px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;position:relative;padding-right:35px;font-size:17px}.faq summary:after{content:'+';position:absolute;right:5px}.faq details[open] summary:after{content:'−'}.faq p{margin-top:15px;font-size:15px;max-width:850px}.cta{background:#44513d;color:white;max-width:none;padding:75px max(5%,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.cta .eyebrow{color:#c8d0bc}.cta h2{max-width:650px}.cta p{color:#d5dacd;margin-top:20px;max-width:650px}.cta-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}.footer{background:#1c241d;color:white;padding:60px 5% 20px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px}.footer .logo img{filter:invert(1);mix-blend-mode:screen;width:200px}.footer p{color:#b6bfb3;font-size:13px;margin-top:20px}.footer h3{font-size:13px;letter-spacing:.06em;margin:0 0 20px}.footer-links{display:grid;gap:7px;font-size:13px;color:#d1d6cb}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#b6bfb3}.page-hero{max-width:1380px;margin:auto;padding:55px 5% 60px}.page-hero h1{max-width:1000px}.page-hero p{max-width:740px;font-size:18px;margin-top:25px}.page-hero .button{margin-top:28px}.breadcrumb{display:flex;gap:12px;font-size:11px;margin-bottom:30px;color:var(--muted)}.page-image{margin:0 28px;height:460px;position:relative;overflow:hidden}.page-image img{width:100%;height:100%;object-fit:cover}.page-image figcaption{position:absolute;bottom:15px;right:20px;color:white;background:#1a241bc9;padding:5px 10px;font-size:11px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.detail-card{border-top:1px solid var(--line);padding-top:26px}.detail-card h2{font-size:32px;margin-bottom:20px}.detail-card p{font-size:15px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:32px}.filter{background:none;border:1px solid var(--line);padding:9px 17px;font-size:12px;border-radius:0;color:var(--ink)}.filter[aria-pressed=true]{background:var(--olive);border-color:var(--olive);color:white}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 25px}.project{margin:0}.project[hidden]{display:none}.project button{padding:0;border:0;background:#dedfd7;display:block;width:100%;overflow:hidden}.project img{width:100%;height:300px;object-fit:cover;transition:.4s}.project button:hover img{transform:scale(1.035)}.project figcaption{padding-top:15px;display:flex;justify-content:space-between;font-size:12px}.project small{color:var(--muted);display:block;font-size:10px;margin-top:4px}.gallery-lead{max-width:680px;margin:18px 0 30px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding-top:10px}.contact-details{background:#e9ebe2;padding:38px}.contact-details h2{font-size:35px}.contact-details p{margin:20px 0;font-size:15px}.contact-details img{margin:28px 0;width:100%;height:180px;object-fit:cover}.contact-form h2{font-size:36px;margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{display:grid;gap:8px;font-size:12px}.wide{grid-column:1/-1}input,select,textarea{border:1px solid #c5c9bd;background:#fff;padding:13px 14px;min-width:0;width:100%;border-radius:0;color:var(--ink)}textarea{resize:vertical}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin:20px 0}.consent input{width:auto;margin-top:5px}.consent a{text-decoration:underline}.form-help{font-size:12px;margin-top:17px;line-height:1.65}.form-result{border-left:3px solid var(--olive);background:#e8ece2;padding:20px;margin-top:25px}.form-result textarea{margin:15px 0;height:130px;font-size:13px}.copy-btn{background:white;padding:8px 13px;border:1px solid var(--line);font-size:12px}.privacy-text{max-width:900px;margin:auto;padding:10px 5% 90px}.privacy-text p{line-height:1.9}.lightbox{border:0;background:#151b16;color:white;padding:18px;max-width:96vw;width:1100px;max-height:95vh}.lightbox::backdrop{background:#000c}.lightbox img{width:100%;height:75vh;object-fit:contain}.lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0}.lightbox-bar button{background:none;color:white;border:1px solid #ffffff60;padding:7px 16px}.lightbox-caption{font-size:13px}.noscript{padding:12px;background:#f3e4bf}.underlined{text-decoration:underline}
@media(min-width:1600px){.hero{max-width:1512px;margin:auto}.page-image{max-width:1512px;margin:0 auto}}
@media(max-width:1100px){.topbar{gap:18px;padding:15px 3%}.nav{gap:14px;font-size:12px}.logo img{width:145px}.nav-project{padding:9px 12px}.hero{min-height:600px}.hero-text{width:78%}.service-card{min-height:370px}.card-copy{left:20px;right:20px}.card-copy h3{font-size:25px}.steps{gap:30px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.topbar{flex-wrap:wrap;gap:15px;min-height:80px;padding:14px 5%}.logo img{width:145px}.langs{margin-left:auto}.menu-button{display:block}.nav{display:none;width:100%;order:4;margin:0;padding:15px 0;align-items:stretch}.nav.open{display:flex;flex-direction:column;gap:15px}.nav-project{align-self:flex-start}.hero{margin:0 14px;min-height:620px}.hero-text{width:100%;padding:45px 6% 70px}.hero h1{font-size:52px;max-width:550px}.hero p{max-width:490px}.hero:after{background:linear-gradient(90deg,#0e170ed9,#0e170e68)}.hero-caption{right:18px;bottom:14px;font-size:8px}.proof{gap:12px;margin-top:28px}.section{padding:55px 6%}.intro{grid-template-columns:1fr;gap:25px}.intro>p{font-size:16px}.service-grid{grid-template-columns:1fr 1fr;gap:18px}.service-card{min-height:370px}.section-heading{align-items:start;flex-direction:column}.materials-grid{grid-template-columns:1fr 1fr;gap:35px}.story{grid-template-columns:1fr;gap:30px}.story img{height:400px}.brand-grid{gap:15px}.brand-grid a{padding:26px}.brand-grid strong{font-size:23px}.brand-grid p{max-width:100%;font-size:14px}.brand-grid span{right:20px;top:20px;font-size:18px}.cta{grid-template-columns:1fr;gap:30px;padding:55px 6%}.cta-actions{flex-direction:row;flex-wrap:wrap}.footer{grid-template-columns:1fr 1fr;gap:40px;padding:45px 6% 20px}.footer>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.page-hero{padding:35px 6% 40px}.page-image{margin:0 14px;height:350px}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-card{padding-top:20px}.detail-card h2{font-size:30px}.contact-layout{grid-template-columns:1fr;gap:40px}.material-note{padding:28px;gap:30px;grid-template-columns:1fr}.material-note h2{font-size:33px}}
@media(max-width:500px){.hero h1{font-size:43px}.hero{min-height:640px}.hero p{font-size:14px}.hero .eyebrow{font-size:9px}.hero-actions{flex-direction:column;align-items:flex-start}.button{padding:14px 20px}.proof{display:none}.service-grid{grid-template-columns:1fr}.service-card{min-height:390px}.card-copy h3{font-size:31px}.card-copy p{font-size:14px}.steps{grid-template-columns:1fr;gap:32px}.steps article{padding-left:58px;position:relative}.steps article>span{position:absolute;left:0;top:0;font-size:30px}.brand-grid{grid-template-columns:1fr}.materials-grid{gap:28px 18px}.material-card h2,.material-card h3{font-size:25px}.material-index{font-size:57px}.gallery-grid{grid-template-columns:1fr}.project img{height:300px}.form-grid{grid-template-columns:1fr}.contact-details{padding:28px}.footer{gap:35px 20px}.page-image{height:300px}.page-hero h1{font-size:40px}.page-hero p{font-size:16px}.langs{gap:8px}.lightbox-bar{flex-wrap:wrap}.lightbox img{height:65vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Syma / Slate-Lite / BetonWall design family — V3 */
:root{--olive:#92703c;--sand:#e5dfd4}
html[data-theme=dark]{--paper:#111211;--ink:#f2efe8;--muted:#b8b7af;--line:#383a35;--olive:#d5b372;--sand:#242622;color-scheme:dark}
html[data-theme=light]{color-scheme:light}
header{background:var(--paper)}.preview-label{background:var(--sand);color:var(--muted)}
.topbar{gap:20px}.topbar .logo img,.footer .logo img{width:240px;mix-blend-mode:normal;filter:none}.logo{background:#000}
.theme-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);padding:7px 11px;white-space:nowrap;font-size:11px}.universe-nav{display:flex;justify-content:center;gap:35px;padding:12px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);margin-bottom:20px}.universe-nav a:hover{color:var(--olive)}
.primary,.filter[aria-pressed=true]{color:#151611}.hero{border-radius:5px}.service-card,.project button{border-radius:5px}.brand-grid a,.material-note,.contact-details,.form-result{background:var(--sand)}
.cta{background:#252923}.cta .light{color:#20231f}.footer{background:#090b09}.footer .logo img{width:280px}.menu-button{color:var(--ink)}
input,select,textarea,.copy-btn{background:var(--paper);color:var(--ink);border-color:var(--line)}
.material-index{color:var(--olive);opacity:.6}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.partner-card{border:1px solid var(--line);border-radius:6px;padding:32px}.partner-logo{background:#161916;padding:20px;min-height:120px;display:flex;align-items:center;justify-content:center;margin:12px 0 22px;color:#fff}.partner-logo img{max-width:100%;max-height:70px;object-fit:contain}.partner-logo strong{font:30px Georgia,serif}.partner-card p{font-size:12px;margin-bottom:18px}.partner-inquiry{display:block;font-size:12px;color:var(--olive);margin-top:23px}.catalog-note{margin-top:25px;font-size:14px;max-width:850px}.catalog{border-top:1px solid var(--line)}.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.machine-card{padding:35px;border:1px solid var(--line);background:var(--sand);border-radius:6px}.machine-number{font:65px Georgia,serif;color:var(--olive);opacity:.5;display:block;margin-bottom:28px}.machine-card h2{font-size:28px;margin-bottom:20px}.machine-card p{font-size:14px}.media-note{padding:25px 0;font-size:13px}.atelier-link,.tile-teaser{border-top:1px solid var(--line)}.atelier-link p,.tile-teaser p{max-width:750px;margin:24px 0}.tile-teaser{background:var(--sand);max-width:none;padding-left:max(5%,calc((100vw - 1240px)/2))}
@media(max-width:1200px){.topbar{flex-wrap:wrap}.nav{gap:16px}.topbar .logo img{width:190px}.theme-toggle{margin-left:auto}.langs{margin-left:0}}
@media(max-width:800px){.universe-nav{gap:20px;justify-content:flex-start;overflow-x:auto;white-space:nowrap;font-size:11px}.partner-grid,.machine-grid{grid-template-columns:1fr 1fr}.topbar{gap:10px}.topbar .logo img{width:180px}.nav{order:5}.theme-toggle{padding:6px}.menu-button{font-size:12px}.partner-card{padding:23px}}
@media(max-width:500px){.partner-grid,.machine-grid{grid-template-columns:1fr}.topbar .logo img{width:145px}.topbar{padding:12px 4%;gap:8px}.theme-toggle{font-size:10px}.langs{font-size:10px}.menu-button{padding:6px}.universe-nav{margin-bottom:12px}.hero{min-height:580px}}
.room-menu{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 5%;font-size:13px}.room-menu summary{cursor:pointer;color:var(--olive);width:fit-content}.room-menu>div{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 0}.room-menu a:hover{text-decoration:underline}.supplier-logo:has(img){background:#fff}.supplier-logo img{max-height:75px}.supplier-directory h3{font-size:18px;margin-bottom:16px}.supplier-directory .partner-logo strong{font-size:25px}.room-gallery .project img{object-fit:contain;background:var(--sand)}
@media(max-width:800px){.room-menu>div{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.room-menu>div{grid-template-columns:1fr}}
.project figcaption .text-link{display:block;width:fit-content;margin-top:10px;font-size:12px;line-height:1.5}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-story article{border-top:1px solid var(--line);padding-top:28px}.about-story p{line-height:1.9;margin:24px 0}.about-story h2{font-size:clamp(28px,3vw,42px)}.about-teaser{border-top:1px solid var(--line)}.about-footer{display:inline-block;margin-top:18px}@media(max-width:700px){.about-story{grid-template-columns:1fr;gap:40px}}
.location-section{border-top:1px solid var(--line)}.location-section>p{margin:20px 0}.map-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:30px 0}.map-frame{min-height:420px;border:1px solid var(--line);background:var(--sand);border-radius:6px;overflow:hidden}.map-frame iframe{display:block;width:100%;height:460px;border:0}.map-placeholder{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.map-placeholder strong{font-size:26px}.map-placeholder p{margin:18px 0;max-width:540px;font-size:14px}.map-note{font-size:13px;opacity:.75}@media(max-width:600px){.map-frame iframe{height:350px}.map-actions{align-items:flex-start;flex-direction:column}.map-placeholder{min-height:330px}}

.partner-logo img[src$="user-stoneitaliana.png"]{width:100%;max-height:140px}
/* V18 — matching 13-language navigation with flags */
.topbar{display:grid;grid-template-columns:240px minmax(0,1fr) auto;column-gap:22px;row-gap:14px;align-items:center;padding-top:14px;padding-bottom:14px}.topbar>.logo{grid-column:1;grid-row:1}.topbar>.langs{grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;min-width:0;overflow-x:auto;padding:4px 0}.topbar>.theme-toggle{grid-column:3;grid-row:1}.topbar>.nav{grid-column:1/-1;grid-row:2;justify-content:flex-end;margin:0;gap:26px}.langs a{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-size:10px;opacity:.72;flex:none}.langs a.on{opacity:1}.langs img{display:inline-block;width:20px;height:14px;object-fit:cover;border-radius:1px}.callback-note{display:block;font-size:12px;line-height:1.65;max-width:480px;margin:10px 0 18px;color:var(--muted)}.footer .callback-note{color:#b8b7af}html[dir=rtl] body{text-align:right}html[dir=rtl] .nav{margin-right:auto;margin-left:0}html[dir=rtl] a[href^="tel:"],html[dir=rtl] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate;display:inline-block}
@media(max-width:1100px){.topbar{grid-template-columns:200px minmax(0,1fr) auto;padding-left:3%;padding-right:3%;gap:12px}.topbar .logo img{width:200px}.topbar>.langs{justify-content:flex-start;gap:7px}.langs a{font-size:9px}.langs img{width:18px;height:12px}}
@media(max-width:900px){.topbar{grid-template-columns:minmax(0,1fr) auto auto}.topbar>.logo{grid-column:1;grid-row:1}.topbar>.theme-toggle{grid-column:2;grid-row:1}.topbar>.menu-button{display:block;grid-column:3;grid-row:1}.topbar>.langs{grid-column:1/-1;grid-row:2;justify-content:flex-start;width:100%;gap:12px}.topbar>.nav{display:none;grid-column:1/-1;grid-row:3;position:static;width:100%;padding:12px 0;background:var(--paper);flex-wrap:wrap;justify-content:flex-start;border-top:1px solid var(--line)}.topbar>.nav.open{display:flex}.langs a{font-size:11px}.langs img{width:22px;height:15px}.universe-nav{overflow-x:auto;justify-content:flex-start;white-space:nowrap;gap:24px}html[dir=rtl] .topbar>.nav{margin:0}}

/* Approved Syma identity, option 02 */
.logo{background:#10151a}.logo img{display:block;object-fit:contain}

/* Larger identity centered alongside both desktop navigation rows. */
@media(min-width:901px){
.topbar{grid-template-columns:384px minmax(0,1fr) auto;row-gap:14px}
.topbar>.logo{grid-column:1;grid-row:1 / 3;align-self:center}
.topbar .logo img{width:384px;max-width:100%}
.topbar>.nav{grid-column:2 / 4;grid-row:2;gap:clamp(12px,1.8vw,26px);flex-wrap:wrap}
}
@media(min-width:901px) and (max-width:1100px){
.topbar{grid-template-columns:320px minmax(0,1fr) auto}
.topbar .logo img{width:320px}
}
@media(max-width:900px){
.topbar>.logo{min-width:0;width:min(320px,100%)}
.topbar .logo img{width:100%;max-width:320px}
}

/* Manufacturer imagery stays with its matching collection. */
.material-slides{margin-top:24px;overflow:hidden;border-radius:5px;outline-offset:4px}
.material-slide-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scroll-behavior:smooth;aspect-ratio:4/3}
.material-slide-track img{flex:0 0 100%;width:100%;min-width:100%;height:100%;object-fit:contain;scroll-snap-align:start;background:var(--sand)}

/* Official supplier photography, consistent catalogue framing. */
.supplier-gallery .material-slide-track img{object-fit:cover}

/* Equal image sizes and aligned image baselines across catalogue rows. */
.material-card,.aligned-material-card{display:flex;flex-direction:column}
.material-card .material-slides,.aligned-material-card .material-slides{margin-top:auto;padding-top:24px;flex-shrink:0}
.material-card .material-slide-track,.aligned-material-card .material-slide-track{height:230px;aspect-ratio:auto;width:100%}
.material-card .material-slide-track img,.aligned-material-card .material-slide-track img,.chosen-material .material-slide-track img{object-fit:cover}