:root{--ink:#173a42;--deep:#092b34;--paper:#f7f5ef;--cream:#ebe6dc;--mint:#dce9e3;--coral:#d46e5d;--blue:#5b80a6;--line:rgba(23,58,66,.2);--white:#fff;--display:"Inter",sans-serif;--body:"Inter",sans-serif;--page:min(1380px,calc(100vw - 80px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--deep);background:var(--paper);font:16px/1.55 var(--body)}body.lock{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}.page{width:var(--page);margin-inline:auto}.section{padding:132px 0}.skip{position:fixed;z-index:999;top:-60px;left:15px;padding:10px 14px;background:#fff}.skip:focus{top:15px}.kicker{margin:0 0 18px;color:#5b766d;font-size:10px;font-weight:700;letter-spacing:.2em}.kicker-light{color:rgba(255,255,255,.7)}h1,h2,h3{margin-top:0;font-family:var(--display);font-weight:500;letter-spacing:-.05em}h2{margin-bottom:26px;font-size:clamp(44px,5.6vw,82px);line-height:.98}.intro{margin-bottom:64px}.split-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.split-intro h2{margin-bottom:0}.split-intro>p{max-width:530px;margin:0 0 8px;color:#53666b;font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-width:225px;padding:15px 18px;border:1px solid transparent;font-size:13px;font-weight:600;transition:.2s}.btn span{font-size:19px}.btn-white{color:var(--deep);background:#fff}.btn-white:hover{color:#fff;background:var(--ink)}.btn-dark{color:#fff;background:var(--ink)}.btn-dark:hover{background:#466a61}.line-link{display:inline-flex;align-items:center;gap:34px;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:13px;font-weight:600}.line-link.light{color:#fff}

.header{position:fixed;z-index:100;top:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:82px;padding:0 32px;color:#fff;transition:.25s}.header.scrolled,.header-solid{color:var(--ink);background:rgba(247,245,239,.96);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:10px;width:max-content;font:700 25px/1 var(--display);letter-spacing:-.06em}.logo small{margin:3px 0 0 2px;font:700 7px/1 var(--body);letter-spacing:.18em}.logo-bars{display:flex;align-items:flex-end;gap:2px;width:18px;height:18px}.logo-bars i{display:block;width:5px;background:currentColor;transform:skewY(-22deg)}.logo-bars i:nth-child(1){height:8px}.logo-bars i:nth-child(2){height:13px}.logo-bars i:nth-child(3){height:18px}.nav{display:flex;gap:34px;font-size:12px;font-weight:500}.nav a{position:relative}.nav a:after{content:"";position:absolute;right:100%;bottom:-5px;left:0;height:1px;background:currentColor;transition:right .2s}.nav a:hover:after{right:0}.header-actions{justify-self:end}.header-search{display:flex;align-items:center;gap:8px;font-size:12px}.header-search svg,.spec-search svg,.catalog-toolbar svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.6}.menu{display:none}

.hero{position:relative;height:max(780px,100svh);overflow:hidden;color:#fff;background:var(--deep)}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,38,.78),rgba(5,31,38,.27) 62%,rgba(5,31,38,.07)),linear-gradient(0deg,rgba(5,31,38,.35),transparent 45%)}.hero-content{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.hero h1{max-width:1080px;margin-bottom:28px;font-size:clamp(58px,7.2vw,108px);line-height:.92}.hero h1 em{font-style:normal;color:#d6e0c9}.hero-content>p:not(.kicker){max-width:580px;color:rgba(255,255,255,.8);font-size:20px}.hero-cta{display:flex;align-items:center;gap:34px;margin-top:38px}.finder-bar{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:.8fr repeat(4,1fr);min-height:112px;color:var(--deep);background:#fff}.finder-label{display:flex;align-items:center;padding:24px;color:#66777b;font-size:9px;font-weight:700;letter-spacing:.16em}.finder-bar a{position:relative;display:flex;flex-direction:column;justify-content:center;padding:20px 46px 20px 24px;border-left:1px solid var(--line);transition:.2s}.finder-bar a:hover{background:var(--mint)}.finder-bar small{color:#6d7d80;font-size:9px;text-transform:uppercase}.finder-bar strong{font:600 15px var(--display)}.finder-bar b{position:absolute;right:18px;font-weight:400}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--deep);color:#fff}.proof-strip div{display:grid;grid-template-columns:30px 1fr;gap:16px;min-height:140px;padding:34px;border-right:1px solid rgba(255,255,255,.18)}.proof-strip span{opacity:.45;font-size:10px}.proof-strip strong{font:500 17px/1.35 var(--display)}

.audience{background:var(--paper)}.audience-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.audience-tabs button{display:flex;gap:18px;align-items:center;padding:22px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;cursor:pointer;text-align:left}.audience-tabs button[aria-selected="true"]{color:#fff;background:var(--ink)}.audience-tabs span{font-size:10px;opacity:.6}.audience-panel{display:grid;grid-template-columns:1.05fr .95fr;min-height:500px;background:var(--mint)}.audience-message{padding:74px}.audience-message h3{max-width:630px;margin-bottom:22px;font-size:clamp(37px,4vw,60px);line-height:1}.audience-message>p:not(.kicker){max-width:600px;color:#4e6569;font-size:17px}.audience-message .btn{margin-top:25px}.audience-tools{display:grid;grid-template-rows:repeat(3,1fr);border-left:1px solid var(--line)}.audience-tools a{position:relative;display:grid;grid-template-columns:35px 1fr;align-content:center;gap:3px 15px;padding:28px 60px 28px 30px;border-bottom:1px solid var(--line);transition:.2s}.audience-tools a:hover{color:#fff;background:var(--green,#57766c)}.audience-tools i{grid-row:1/3;font-size:10px;font-style:normal;opacity:.6}.audience-tools strong{font:600 20px var(--display)}.audience-tools span{color:#637579;font-size:12px}.audience-tools a:hover span{color:rgba(255,255,255,.7)}.audience-tools b{position:absolute;right:28px;top:50%;font-size:21px;font-weight:400}

.discover{background:#fff}.discover-intro{margin-bottom:50px}.discovery-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.discovery-nav button{display:flex;justify-content:space-between;padding:20px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;cursor:pointer;text-align:left}.discovery-nav button[aria-selected="true"]{color:#fff;background:var(--coral)}.discovery-nav span{font-size:10px;opacity:.6}.discovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.discovery-card{position:relative;min-height:300px;padding:28px;background:var(--paper);transition:.25s}.discovery-card:hover{z-index:1;color:#fff;background:var(--ink);transform:translateY(-4px)}.discovery-card small{color:#6e7d80;font-size:9px;letter-spacing:.13em}.discovery-card:hover small{color:rgba(255,255,255,.6)}.discovery-card h3{max-width:280px;margin:90px 0 12px;font-size:29px;line-height:1.05}.discovery-card p{max-width:290px;margin:0;color:#6a787b;font-size:13px}.discovery-card:hover p{color:rgba(255,255,255,.68)}.discovery-card b{position:absolute;right:24px;bottom:20px;font-size:21px;font-weight:400}.discover-foot{display:flex;justify-content:space-between;align-items:center;margin-top:26px}.discover-foot p{color:#6c7b7e;font-size:12px}

.collections{color:#fff;background:var(--deep)}.collection-heading{max-width:780px}.collection-stack{border-top:1px solid rgba(255,255,255,.23)}.collection-stack article{display:grid;grid-template-columns:42% 58%;min-height:540px;border-bottom:1px solid rgba(255,255,255,.23)}.collection-stack article:nth-child(even){grid-template-columns:58% 42%}.collection-stack article:nth-child(even)>a{grid-column:2}.collection-stack article:nth-child(even)>div{grid-row:1;grid-column:1}.collection-stack article>a{overflow:hidden}.collection-stack img{width:100%;height:100%;object-fit:cover;transition:.6s}.collection-stack article:hover img{transform:scale(1.025)}.collection-stack article>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px}.collection-stack span{color:rgba(255,255,255,.55);font-size:9px;letter-spacing:.15em}.collection-stack h3{margin:15px 0 14px;font-size:72px}.collection-stack p{max-width:570px;color:rgba(255,255,255,.7);font-size:17px}.collection-stack .line-link{margin-top:22px}

.projects{background:var(--paper)}.project-gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:70px 18px}.project-gallery figure{margin:0}.project-wide{grid-column:1/-1}.project-gallery img{width:100%;height:570px;object-fit:cover}.project-wide img{height:min(650px,50vw)}.project-gallery figcaption{display:grid;grid-template-columns:1fr auto;gap:8px 25px;padding-top:14px;border-top:1px solid var(--line)}.project-gallery figcaption span{grid-column:1/-1;color:#5f786f;font-size:9px;font-weight:700;letter-spacing:.14em}.project-gallery figcaption strong{font:500 22px var(--display)}.project-gallery figcaption a{align-self:end;border-bottom:1px solid;font-size:11px}.case-note{margin-top:22px;color:#758184;font-size:10px}

.spec{color:#fff;background:#57766c}.spec-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.spec-copy>p:not(.kicker){max-width:500px;color:rgba(255,255,255,.72);font-size:17px}.spec-copy .btn{margin-top:25px}.spec-window{color:var(--deep);background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.16)}.spec-search{display:flex;align-items:center;gap:12px;height:66px;padding:0 22px;border-bottom:1px solid var(--line)}.spec-search span{flex:1;font-size:11px}.spec-search b{padding:5px 8px;border:1px solid var(--line);font-size:9px}.spec-preview{display:grid;grid-template-columns:44% 56%;min-height:420px}.spec-preview img{width:100%;height:100%;object-fit:cover}.spec-preview>div{padding:45px}.spec-tag{color:#6b7d7f;font-size:9px;font-weight:700;letter-spacing:.14em}.spec-preview h3{margin:18px 0 3px;font-size:37px}.spec-preview p{color:#647579}.spec-preview dl{margin-top:35px}.spec-preview dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.spec-preview dt{color:#6b7d7f}.spec-preview dd{margin:0;font-weight:600}.spec-downloads{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.spec-downloads a{position:relative;display:flex;flex-direction:column;padding:18px;border-right:1px solid var(--line)}.spec-downloads span{color:#6b7d7f;font-size:9px}.spec-downloads strong{font-size:12px}.spec-downloads b{position:absolute;right:15px;top:50%;font-weight:400}

.ve{background:var(--cream)}.ve-tool{border:1px solid var(--line);background:var(--paper)}.ve-head,.ve-row{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center}.ve-head{min-height:65px;color:#fff;background:var(--ink);font-size:10px;font-weight:700;letter-spacing:.13em}.ve-head span{padding:0 28px}.ve-head span:last-child{grid-column:3}.ve-row{min-height:105px;border-bottom:1px solid var(--line)}.ve-row>div{padding:20px 28px}.ve-row i{text-align:center;font-style:normal;color:#718082}.ve-row small,.ve-row strong{display:block}.ve-row small{color:#6b7c7f;font-size:9px;text-transform:uppercase}.ve-row strong{font:500 17px var(--display)}.ve-foot{display:flex;justify-content:space-between;align-items:center;padding:22px 28px}.ve-foot p{max-width:600px;margin:0;color:#6b7b7e;font-size:11px}

.circularity{display:grid;grid-template-columns:1fr 1fr;min-height:800px;background:#dce9e3}.circular-image img{width:100%;height:100%;object-fit:cover}.circular-copy{align-self:center;padding:90px 8vw}.circular-copy>p:not(.kicker){max-width:600px;color:#53676a;font-size:17px}.circular-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:45px 0 38px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.circular-points strong,.circular-points span{display:block}.circular-points strong{margin-bottom:8px;font:600 23px var(--display)}.circular-points span{color:#66777a;font-size:10px}

.resources{color:#fff;background:var(--deep)}.resource-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.resource-copy{align-self:start;position:sticky;top:120px}.resource-copy>p:not(.kicker){max-width:480px;color:rgba(255,255,255,.7);font-size:17px}.resource-copy .line-link{margin-top:24px}.resource-list{border-top:1px solid rgba(255,255,255,.25)}.resource-list a{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:20px;min-height:135px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.25);transition:.2s}.resource-list a:hover{padding-left:28px;background:rgba(255,255,255,.04)}.resource-list i{font-size:10px;font-style:normal;opacity:.5}.resource-list small,.resource-list strong,.resource-list span{display:block}.resource-list small{color:rgba(255,255,255,.5);font-size:9px;letter-spacing:.13em}.resource-list strong{font:500 20px var(--display)}.resource-list span{color:rgba(255,255,255,.6);font-size:12px}.resource-list b{font-size:20px;font-weight:400}

.contact{padding-bottom:0;background:#fff}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;padding-bottom:120px}.contact-info>p{max-width:540px;color:#52666a;font-size:18px}.contact-info{display:flex;flex-direction:column;align-items:flex-start}.contact-info>span{margin-top:35px;color:#617b72;font-size:9px;font-weight:700;letter-spacing:.15em}.contact-info strong{margin:10px 0 15px;font:600 20px var(--display)}.contact-info a{margin-bottom:4px;border-bottom:1px solid}.contact-info small{margin-top:20px;color:#7b8789}.footer{display:grid;grid-template-columns:1fr auto;gap:40px;padding:40px 0 25px;border-top:1px solid var(--line)}.footer nav{display:flex;gap:25px;font-size:12px}.footer>div{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line);color:#718083;font-size:9px}

.toast{position:fixed;z-index:300;bottom:25px;left:50%;transform:translate(-50%,25px);padding:11px 17px;color:#fff;background:var(--deep);opacity:0;transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}

/* product finder page */
.product-page{background:#fff}.back-home{justify-self:end;font-size:12px}.catalog-head{padding:180px 0 85px}.catalog-head h1{margin:0 0 24px;font-size:clamp(58px,7vw,100px);line-height:.92}.catalog-head>p:last-child{max-width:520px;color:#617377;font-size:18px}.catalog{display:grid;grid-template-columns:260px 1fr;gap:58px;padding-bottom:110px}.catalog-filter{position:sticky;top:100px;align-self:start}.mobile-filter-head{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.mobile-filter-head button{border:0;background:none;cursor:pointer;font-size:10px}.catalog-filter fieldset{border:0;border-bottom:1px solid var(--line);padding:22px 0}.catalog-filter legend{margin-bottom:10px;font-weight:600}.catalog-filter label{display:block;margin:7px 0;color:#5e7074;font-size:12px;cursor:pointer}.catalog-filter input{accent-color:var(--ink)}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.catalog-toolbar label{display:flex;align-items:center;gap:10px;flex:1}.catalog-toolbar input{width:100%;border:0;outline:0;background:none}.catalog-toolbar p{margin:0;font-size:11px}.active-filters{display:flex;flex-wrap:wrap;gap:7px;min-height:52px;padding:12px 0}.active-filters button{border:1px solid var(--line);padding:6px 10px;background:var(--paper);cursor:pointer;font-size:10px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.catalog-grid article{position:relative;background:var(--paper);transition:.2s}.catalog-grid article[hidden]{display:none}.catalog-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(12,44,51,.1)}.catalog-grid article>button{position:absolute;z-index:2;right:12px;top:12px;width:35px;height:35px;border:0;border-radius:50%;background:#fff;cursor:pointer}.catalog-grid article>button.saved{color:#fff;background:var(--coral);transform:rotate(45deg)}.catalog-grid img{width:100%;aspect-ratio:1.1/1;object-fit:cover}.catalog-grid article>div{padding:20px}.catalog-grid small{color:#627b73;font-size:9px;letter-spacing:.12em}.catalog-grid h2{margin:9px 0 2px;font-size:21px}.catalog-grid p{color:#69797c;font-size:12px}.catalog-grid a{border-bottom:1px solid;font-size:11px}.catalog-empty{padding:80px 20px;text-align:center;border:1px solid var(--line)}

@media(max-width:1050px){:root{--page:min(100% - 48px,940px)}.header{grid-template-columns:1fr auto;height:72px;padding:0 24px}.nav{position:fixed;inset:72px 0 0;display:none;flex-direction:column;gap:0;padding:28px 24px;color:var(--deep);background:var(--paper)}.nav.open{display:flex}.nav a{padding:17px 0;border-bottom:1px solid var(--line);font:500 27px var(--display)}.header-search{display:none}.menu{position:relative;display:block;width:36px;height:36px;border:0;background:none}.menu span{position:absolute;left:7px;width:21px;height:1px;background:currentColor}.menu span:first-child{top:13px}.menu span:last-child{top:20px}.menu[aria-expanded="true"] span:first-child{top:17px;transform:rotate(45deg)}.menu[aria-expanded="true"] span:last-child{top:17px;transform:rotate(-45deg)}.finder-bar{grid-template-columns:repeat(2,1fr);width:100%}.finder-label{display:none}.proof-strip{grid-template-columns:repeat(2,1fr)}.audience-panel{grid-template-columns:1fr}.audience-tools{border-top:1px solid var(--line);border-left:0}.discovery-grid{grid-template-columns:repeat(2,1fr)}.collection-stack article,.collection-stack article:nth-child(even){grid-template-columns:1fr 1fr}.spec-layout,.resource-layout{grid-template-columns:1fr;gap:70px}.resource-copy{position:static}.spec-window{max-width:760px}.circularity{grid-template-columns:1fr}.circular-image{height:650px}.catalog{grid-template-columns:220px 1fr;gap:35px}.catalog-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:700px){:root{--page:calc(100vw - 32px)}.section{padding:88px 0}h2{font-size:43px}.split-intro{grid-template-columns:1fr;gap:28px}.hero{height:900px}.hero-content{top:43%}.hero h1{font-size:56px}.hero-content>p:not(.kicker){font-size:17px}.hero-cta{align-items:flex-start;flex-direction:column}.finder-bar{grid-template-columns:1fr 1fr;min-height:230px}.finder-bar a{padding:15px 34px 15px 16px}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip div{min-height:120px;padding:24px 18px}.audience-tabs{grid-template-columns:1fr}.audience-message{padding:55px 24px}.audience-tools a{padding:25px 50px 25px 22px}.discovery-nav{grid-template-columns:1fr 1fr}.discovery-grid{grid-template-columns:1fr}.discovery-card{min-height:260px}.discover-foot{align-items:flex-start;flex-direction:column;gap:18px}.collection-stack article,.collection-stack article:nth-child(even){display:flex;flex-direction:column;min-height:0}.collection-stack article:nth-child(even)>a,.collection-stack article:nth-child(even)>div{grid-column:auto;grid-row:auto}.collection-stack article>a{height:480px}.collection-stack article>div{padding:50px 24px}.collection-stack h3{font-size:55px}.project-gallery{grid-template-columns:1fr;gap:55px}.project-wide{grid-column:auto}.project-gallery img,.project-wide img{height:420px}.project-gallery figcaption{grid-template-columns:1fr}.spec-preview{grid-template-columns:1fr}.spec-preview img{height:390px}.spec-preview>div{padding:30px 22px}.spec-downloads{grid-template-columns:1fr}.ve-head,.ve-row{grid-template-columns:1fr 40px 1fr}.ve-head span{padding:0 12px}.ve-row>div{padding:15px 12px}.ve-row strong{font-size:13px}.ve-foot{align-items:flex-start;flex-direction:column;gap:18px}.circular-image{height:470px}.circular-copy{padding:80px 24px}.circular-points{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:30px}.footer{grid-template-columns:1fr}.footer nav{flex-wrap:wrap}.footer>div{flex-direction:column;gap:5px}.catalog-head{padding:140px 0 70px}.catalog{grid-template-columns:1fr}.catalog-filter{position:static}.catalog-grid{grid-template-columns:1fr}.catalog-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.header-solid .nav{top:72px}.back-home{font-size:0}.back-home:after{content:"←";font-size:20px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}

/* Product catalog v3 — editorial catalog inspired by the reference journey */
.catalog-v3{background:#fff}.catalog-v3 .product-breadcrumb{display:flex;gap:10px;align-items:center;padding-top:118px;color:#718083;font-size:11px}.catalog-v3 .product-breadcrumb a{border-bottom:1px solid transparent}.catalog-v3 .product-breadcrumb a:hover{border-color:currentColor}.catalog-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;padding:84px 0 110px}.catalog-intro h1{margin:0;font-size:clamp(70px,7.5vw,112px);line-height:.88}.catalog-lead{align-self:end;max-width:680px}.catalog-lead>p{margin:0 0 16px;color:#52676b;font-size:18px}.catalog-lead>div{display:flex;align-items:center;gap:28px;margin-top:34px}
.product-catalog{padding-bottom:130px}.product-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filter-trigger{justify-self:start;display:flex;align-items:center;gap:9px;border:0;padding:15px 0;background:none;cursor:pointer;font-weight:600}.filter-trigger .filter-icon{font-size:21px;line-height:1;transform:rotate(90deg)}.filter-trigger b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:50%;color:#fff;background:var(--coral);font-size:9px}.product-toolbar>p{margin:0;font-size:12px}.sort-control{justify-self:end;display:flex;align-items:center;gap:10px;color:#6a797c;font-size:11px}.sort-control select{border:0;border-bottom:1px solid var(--ink);padding:5px 22px 5px 0;background:#fff;font-weight:600;outline:0}.catalog-search-row{display:flex;align-items:center;min-height:72px}.catalog-search-row>label{display:flex;align-items:center;gap:10px;width:min(400px,100%)}.catalog-search-row svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.6}.catalog-search-row input{width:100%;border:0;outline:0;background:none}.catalog-v3 .active-filters{flex:1;justify-content:flex-end;min-height:0;padding:10px 0}.catalog-v3 .active-filters button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:7px 10px;background:var(--paper);text-transform:capitalize}.catalog-v3 .active-filters button span{font-size:18px}
.catalog-v3 .catalog-grid{grid-template-columns:repeat(3,1fr);gap:54px 18px;background:transparent}.catalog-v3 .catalog-grid article{background:#fff}.catalog-v3 .catalog-grid article:hover{box-shadow:none;transform:none}.catalog-v3 .product-visual{position:relative;overflow:hidden;background:var(--paper)}.catalog-v3 .product-visual img{width:100%;aspect-ratio:1/1.02;object-fit:cover;transition:transform .55s}.catalog-v3 .catalog-grid article:hover .product-visual img{transform:scale(1.025)}.catalog-v3 .product-visual>button{position:absolute;z-index:2;top:16px;right:16px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;box-shadow:0 5px 18px rgba(6,34,41,.12);cursor:pointer;font-size:20px;transition:.2s}.catalog-v3 .product-visual>button.saved{color:#fff;background:var(--coral);transform:rotate(45deg)}.catalog-v3 .product-visual>span{position:absolute;bottom:0;left:0;padding:7px 10px;color:#fff;background:var(--ink);font-size:8px;font-weight:700;letter-spacing:.13em}.catalog-v3 .product-info{padding:18px 0 0}.catalog-v3 .product-info>small{color:#60786f;font-size:8px;font-weight:700;letter-spacing:.14em}.catalog-v3 .product-info h2{margin:8px 0 5px;font-size:22px;letter-spacing:-.035em}.catalog-v3 .product-info h2 em{font-size:12px;font-style:normal;font-weight:500;letter-spacing:0}.catalog-v3 .product-info>p{margin:0;color:#68787b;font-size:11px}.catalog-v3 .product-info>div{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}.catalog-v3 .product-info a{border:0;font-size:11px;font-weight:600}.catalog-v3 .product-info a:first-child b{margin-left:7px;font-size:17px;font-weight:400}.catalog-v3 .product-info a:last-child{color:#61766f}.catalog-v3 .catalog-empty{margin-top:20px;padding:80px 20px;background:var(--paper)}.catalog-v3 .catalog-empty strong{font:600 24px var(--display)}.catalog-v3 .catalog-empty p{color:#68797c}.catalog-v3 .catalog-empty button{border:0;border-bottom:1px solid;background:none;cursor:pointer}.results-progress{display:flex;flex-direction:column;align-items:center;margin-top:72px}.results-progress>span{width:180px;height:2px;background:#d9dfdc}.results-progress i{display:block;height:100%;background:var(--ink);transition:width .3s}.results-progress p{font-size:10px}
.filter-drawer{position:fixed;z-index:230;top:0;right:0;display:grid;grid-template-rows:auto 1fr auto;width:min(540px,92vw);height:100dvh;background:#fff;box-shadow:-30px 0 80px rgba(5,31,38,.18);transform:translateX(105%);transition:transform .35s ease}.filter-drawer.open{transform:translateX(0)}.filter-scrim{position:fixed;z-index:220;inset:0;border:0;background:rgba(5,31,38,.52);opacity:0;pointer-events:none;transition:opacity .3s}.filter-scrim.open{opacity:1;pointer-events:auto}.filter-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:34px 38px;border-bottom:1px solid var(--line)}.filter-drawer-head small{color:#6d7d80;font-size:8px;letter-spacing:.16em}.filter-drawer-head h2{margin:3px 0 0;font-size:38px}.filter-drawer-head button{width:42px;height:42px;border:0;background:var(--paper);cursor:pointer;font-size:26px}.filter-drawer-body{overflow:auto;padding:0 38px}.filter-drawer fieldset{border:0;border-bottom:1px solid var(--line);padding:27px 0}.filter-drawer legend{margin-bottom:16px;font:600 18px var(--display)}.filter-drawer fieldset>div{display:grid;grid-template-columns:1fr 1fr;gap:9px 25px}.filter-drawer label{display:flex;align-items:center;gap:8px;color:#5d7074;font-size:12px;cursor:pointer}.filter-drawer input{width:16px;height:16px;accent-color:var(--ink)}.filter-drawer label i{width:15px;height:15px;border:1px solid #cfd5d2;border-radius:50%;background:var(--swatch)}.filter-drawer-foot{display:grid;grid-template-columns:1fr 1.5fr;border-top:1px solid var(--line);background:#fff}.filter-drawer-foot button{min-height:72px;border:0;cursor:pointer}.filter-drawer-foot button:first-child{background:var(--paper)}.filter-drawer-foot button:last-child{color:#fff;background:var(--ink);font-weight:600}
.catalog-feature{display:grid;grid-template-columns:1.08fr .92fr;min-height:700px;margin-bottom:140px;color:#fff;background:var(--deep)}.catalog-feature img{width:100%;height:100%;object-fit:cover}.catalog-feature>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:7vw}.catalog-feature h2{font-size:clamp(48px,5vw,76px)}.catalog-feature>div>p:not(.kicker){max-width:560px;color:rgba(255,255,255,.7);font-size:18px}.catalog-feature .btn{margin-top:22px}.catalog-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;padding-bottom:140px}.faq-heading{position:sticky;top:110px;align-self:start}.faq-heading h2{font-size:clamp(44px,5vw,72px)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;cursor:pointer;list-style:none;font:600 17px var(--display)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;font-weight:400;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:720px;margin:0;padding:0 42px 26px 0;color:#617377;font-size:18px}.catalog-footer{padding:62px 0;color:#fff;background:var(--deep)}.catalog-footer>.page{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:40px}.catalog-footer p{margin:0;color:rgba(255,255,255,.62);font-size:12px}.catalog-footer nav{display:flex;gap:24px;font-size:11px}

@media(max-width:1050px){.catalog-intro{grid-template-columns:1fr;gap:35px}.catalog-lead{max-width:760px}.catalog-v3 .catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-feature{grid-template-columns:1fr}.catalog-feature img{height:540px}.catalog-feature>div{padding:70px 50px}.catalog-faq{grid-template-columns:1fr;gap:45px}.faq-heading{position:static}.catalog-footer>.page{grid-template-columns:1fr auto}.catalog-footer p{display:none}}
@media(max-width:700px){.catalog-v3 .product-breadcrumb{padding-top:100px}.catalog-intro{padding:50px 0 75px}.catalog-intro h1{font-size:58px}.catalog-lead>p{font-size:18px}.catalog-lead>div{align-items:flex-start;flex-direction:column}.product-toolbar{grid-template-columns:1fr auto}.product-toolbar>p{order:3;grid-column:1/-1;padding:15px 0;border-top:1px solid var(--line)}.sort-control{justify-self:end}.catalog-search-row{align-items:flex-start;flex-direction:column;padding:17px 0}.catalog-v3 .active-filters{justify-content:flex-start}.catalog-v3 .catalog-grid{grid-template-columns:1fr;gap:48px}.catalog-v3 .product-visual img{aspect-ratio:1.08/1}.filter-drawer-head,.filter-drawer-body{padding-right:22px;padding-left:22px}.filter-drawer fieldset>div{grid-template-columns:1fr}.catalog-feature{width:100%;margin-bottom:90px}.catalog-feature img{height:420px}.catalog-feature>div{padding:60px 24px}.catalog-faq{padding-bottom:90px}.faq-list summary{font-size:18px}.catalog-footer>.page{grid-template-columns:1fr}.catalog-footer nav{flex-wrap:wrap}.catalog-v3 .product-header .nav{display:none}}

/* Persistent left filter sidebar */
.catalog-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:48px;align-items:start}.catalog-results-column{min-width:0}.catalog-v3 .product-toolbar{grid-template-columns:1fr auto}.catalog-v3 .product-toolbar .filter-trigger{display:none}.catalog-v3 .product-toolbar>p{justify-self:start}.filter-sidebar{position:sticky;top:96px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100vh - 116px);border-right:1px solid var(--line);background:#fff}.filter-sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:0 26px 20px 0;border-bottom:1px solid var(--line)}.filter-sidebar-head small{color:#718083;font-size:8px;letter-spacing:.15em}.filter-sidebar-head h2{margin:4px 0 0;font-size:30px}.filter-sidebar-head>button{display:none;width:42px;height:42px;border:0;background:var(--paper);font-size:25px}.filter-sidebar-body{overflow-y:auto;padding-right:30px;scrollbar-width:thin;scrollbar-color:#aeb5b2 #f0f1ef}.filter-sidebar-body::-webkit-scrollbar{width:6px}.filter-sidebar-body::-webkit-scrollbar-track{background:#f0f1ef}.filter-sidebar-body::-webkit-scrollbar-thumb{background:#aeb5b2}.filter-sidebar details{border-bottom:1px solid var(--line)}.filter-sidebar summary{position:relative;padding:23px 28px 23px 0;cursor:pointer;list-style:none;font:500 21px/1.2 var(--display)}.filter-sidebar summary::-webkit-details-marker{display:none}.filter-sidebar summary:after{content:"";position:absolute;right:3px;top:50%;width:0;height:0;border-right:6px solid transparent;border-bottom:8px solid var(--deep);border-left:6px solid transparent;transform:translateY(-50%);transition:.2s}.filter-sidebar details:not([open]) summary:after{transform:translateY(-30%) rotate(180deg)}.filter-options{display:flex;flex-direction:column;gap:13px;padding:6px 0 26px}.filter-options label{display:flex;align-items:center;gap:11px;cursor:pointer;color:#1a2224;font-size:18px}.filter-options label>span{flex:1}.filter-options b{font-weight:400}.filter-options input{flex:0 0 auto;width:20px;height:20px;margin:0;appearance:none;border:1px solid #c7cdca;background:#fff;cursor:pointer}.filter-options input:checked{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 4px #fff}.colour-options label{gap:10px}.colour-swatch{flex:0 0 auto;width:24px;height:24px;background:conic-gradient(var(--c1) 0 25%,var(--c2) 0 50%,var(--c3) 0 75%,var(--c4) 0)}.natural-swatch{border:1px solid #e1e1dd;background:#fff}.filter-sidebar-foot{display:none}.filter-scrim{display:none}

@media(max-width:1200px) and (min-width:1051px){.catalog-layout{grid-template-columns:250px minmax(0,1fr);gap:34px}.filter-sidebar-body{padding-right:22px}.catalog-v3 .catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.catalog-layout{display:block}.catalog-v3 .product-toolbar{grid-template-columns:1fr auto 1fr}.catalog-v3 .product-toolbar .filter-trigger{display:flex}.filter-sidebar{position:fixed;z-index:230;top:0;left:0;width:min(410px,92vw);height:100dvh;max-height:none;border-right:0;box-shadow:30px 0 80px rgba(5,31,38,.18);transform:translateX(-105%);transition:transform .35s ease}.filter-sidebar.mobile-open{transform:translateX(0)}.filter-sidebar-head{padding:28px 24px}.filter-sidebar-head>button{display:block}.filter-sidebar-body{padding:0 24px}.filter-sidebar-foot{display:grid;grid-template-columns:1fr 1.4fr;border-top:1px solid var(--line)}.filter-sidebar-foot button{min-height:68px;border:0}.filter-sidebar-foot button:first-child{background:var(--paper)}.filter-sidebar-foot button:last-child{color:#fff;background:var(--ink);font-weight:600}.filter-scrim{display:block}.filter-options label{font-size:18px}}
@media(max-width:700px){.catalog-v3 .product-toolbar{grid-template-columns:1fr auto}.catalog-v3 .product-toolbar>p{order:3;grid-column:1/-1}.filter-sidebar-head h2{font-size:28px}.filter-sidebar summary{font-size:19px}.filter-options{gap:14px}}

/* Feedback 19/6 — homepage refinement */
.landing-feedback .hero-content{top:43%}.brand-bar{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:.68fr repeat(3,1fr);min-height:126px;color:var(--deep);background:#fff}.brand-bar-label{display:flex;align-items:center;padding:24px;color:#66777b;font-size:9px;font-weight:700;letter-spacing:.16em}.brand-proof-card{display:flex;align-items:center;gap:20px;padding:22px 28px;border-left:1px solid var(--line)}.brand-proof-card>span{display:flex;flex-direction:column}.brand-proof-card small{color:#6d7d80;font-size:8px;font-weight:700;letter-spacing:.13em}.brand-proof-card strong{margin-top:4px;font:600 18px var(--display)}.belgium-flag{display:flex;width:48px;height:34px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.belgium-flag b{flex:1}.belgium-flag b:nth-child(1){background:#151515}.belgium-flag b:nth-child(2){background:#f8ce30}.belgium-flag b:nth-child(3){background:#df2534}.unilin-mark{display:grid;place-items:center;width:45px;height:45px;color:#fff;background:var(--deep);font:700 25px var(--display);font-style:normal;transform:rotate(-5deg)}.mini-moduleo{display:flex;align-items:center;justify-content:center;width:47px;height:47px;border:1px solid var(--line);font-style:normal}.mini-moduleo .logo-bars{width:22px;height:22px}.mini-moduleo .logo-bars b{display:block;width:6px;background:var(--deep);transform:skewY(-22deg)}.mini-moduleo .logo-bars b:nth-child(1){height:9px}.mini-moduleo .logo-bars b:nth-child(2){height:15px}.mini-moduleo .logo-bars b:nth-child(3){height:22px}
.landing-feedback .discover{overflow:hidden}.landing-feedback .discover-intro{margin-bottom:46px}.discovery-nav-compact{grid-template-columns:1fr 1fr;max-width:760px}.landing-feedback .discovery-nav-compact button[aria-selected="true"]{background:var(--coral)}.visual-carousel-shell{margin-top:28px}.carousel-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.carousel-label>span{font:500 17px var(--display);text-decoration:underline;text-underline-offset:4px}.carousel-label>div{display:flex;gap:8px}.carousel-label button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:18px;transition:.2s}.carousel-label button:hover{color:#fff;background:var(--ink)}.visual-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.visual-carousel[hidden]{display:none}.visual-carousel::-webkit-scrollbar{display:none}.visual-carousel a{position:relative;flex:0 0 25%;height:470px;overflow:hidden;scroll-snap-align:start;background:var(--deep)}.visual-carousel img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.visual-carousel a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,31,38,.58),transparent 45%)}.visual-carousel a:hover img{transform:scale(1.03)}.visual-carousel a>span{position:absolute;z-index:1;right:20px;bottom:48px;left:20px;color:#fff;text-align:center;font-size:12px;font-weight:600}.visual-carousel a>span:after{content:"";display:block;width:34px;height:1px;margin:14px auto 0;background:#fff}.landing-feedback .discover-foot{margin-top:30px}
@media(max-width:1050px){.brand-bar{grid-template-columns:repeat(3,1fr)}.brand-bar-label{display:none}.brand-proof-card{padding:18px}.visual-carousel a{flex-basis:50%;height:430px}}
@media(max-width:700px){.landing-feedback .hero{height:870px}.landing-feedback .hero-content{top:38%}.brand-bar{display:flex;min-height:118px;overflow-x:auto;scroll-snap-type:x mandatory}.brand-proof-card{flex:0 0 78%;scroll-snap-align:start}.brand-proof-card:first-of-type{border-left:0}.discovery-nav-compact{grid-template-columns:1fr 1fr}.visual-carousel a{flex-basis:84%;height:430px}.carousel-label button{width:40px;height:40px}}

/* Feedback 19/6 round 2 */
.landing-feedback .header-brand{width:150px}.landing-feedback .header-brand img{width:100%;height:auto;filter:brightness(0) invert(1);transition:.25s}.landing-feedback .header.scrolled .header-brand img{filter:none}.landing-feedback .brand-bar{grid-template-columns:.52fr repeat(4,1fr)}.brand-logo-card>img{flex:0 0 auto;width:54px;height:42px;object-fit:contain}.brand-logo-card:nth-of-type(3)>img{width:70px}.mao-trung-card>img{width:76px}.landing-feedback .brand-proof-card{gap:14px;padding:19px 20px}.landing-feedback .brand-proof-card strong{font-size:18px}.landing-feedback .brand-proof-card small{font-size:7px}.about{background:#fff}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-bottom:70px}.about-copy h2{margin-bottom:0}.about-copy>p{max-width:650px;margin:0 0 7px;color:#53666b;font-size:18px}.about-image{height:min(650px,47vw);margin:0;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover}.landing-feedback .discovery-nav-compact{grid-template-columns:repeat(3,1fr);max-width:980px}.visual-carousel-collections a{flex-basis:33.333%}.project-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px}.project-foot .case-note{margin:0}.project-foot .btn{flex:0 0 auto}.landing-feedback .project-gallery figcaption{grid-template-columns:1fr}.landing-feedback .audience-tools{grid-template-rows:repeat(var(--tool-count,3),1fr)}.landing-feedback .audience-tools a{grid-template-columns:35px 1fr}.landing-feedback .audience-tools strong{max-width:480px}.landing-feedback .footer-logo{width:140px}.landing-feedback .footer-logo img{width:100%;height:auto}.landing-feedback .audience{background:var(--paper)}
@media(max-width:1200px){.landing-feedback .brand-bar{grid-template-columns:repeat(4,1fr)}.landing-feedback .brand-bar-label{display:none}.landing-feedback .brand-proof-card{padding:16px}.landing-feedback .brand-logo-card>img{width:48px}.landing-feedback .mao-trung-card>img{width:62px}}
@media(max-width:1050px){.about-copy{grid-template-columns:1fr;gap:30px}.about-copy>p{max-width:760px}.about-image{height:560px}.project-foot{align-items:flex-start;flex-direction:column}.visual-carousel-collections a{flex-basis:50%}}
@media(max-width:700px){.landing-feedback .header-brand{width:125px}.about-copy{margin-bottom:42px}.about-copy>p{font-size:18px}.about-image{height:430px}.landing-feedback .discovery-nav-compact{grid-template-columns:repeat(3,1fr)}.landing-feedback .discovery-nav-compact button{padding:15px 10px;font-size:11px}.visual-carousel-collections a{flex-basis:84%}.landing-feedback .audience-tools strong{font-size:17px}.landing-feedback .footer-logo{width:125px}}

/* Product feedback 20/06/26 — focused filters and detail modal */
.product-brand{width:150px}.product-brand img,.product-footer-logo img{width:100%;height:auto}.product-footer-logo{width:140px}.brochure-options{display:flex;flex-direction:column;padding:2px 0 24px}.brochure-options a{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(23,58,66,.1);color:#4f6367;font-size:13px}.brochure-options a:hover{color:var(--ink)}.brochure-options b{font-size:18px;font-weight:400}.catalog-v3 .product-visual{cursor:pointer;outline:none}.catalog-v3 .product-visual:focus-visible{box-shadow:inset 0 0 0 3px var(--coral)}.catalog-v3 .product-detail-button{border:0;padding:0;background:none;cursor:pointer;font-size:11px;font-weight:600}.catalog-v3 .product-detail-button b{margin-left:7px;font-size:17px;font-weight:400}.product-modal{position:fixed;z-index:400;inset:0;display:grid;place-items:center;padding:32px}.product-modal[hidden]{display:none}.product-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(5,31,38,.68);cursor:default}.product-modal-dialog{position:relative;display:grid;grid-template-columns:minmax(340px,.88fr) minmax(480px,1.12fr);width:min(1180px,calc(100vw - 64px));max-height:calc(100dvh - 64px);overflow:auto;background:#fff;box-shadow:0 35px 100px rgba(3,25,31,.32)}.product-modal-close{position:absolute;z-index:3;top:18px;right:18px;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(4,32,39,.14);cursor:pointer;font-size:29px;font-weight:300}.product-modal-media{position:relative;display:grid;place-items:center;min-height:680px;padding:26px;background:#fff}.product-modal-media img{display:block;width:100%;height:100%;max-height:calc(100dvh - 116px);object-fit:contain;image-rendering:auto}.product-modal-media>span{position:absolute;right:0;bottom:0;left:0;padding:16px 22px;color:#fff;background:rgba(9,43,52,.88);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.product-modal-content{padding:70px 64px 55px}.product-modal-content h2{margin-bottom:18px;font-size:clamp(42px,4vw,64px);line-height:.96}.product-modal-intro{max-width:650px;margin-bottom:34px;color:#566a6e;font-size:18px}.product-modal-specs{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--line)}.product-modal-specs>div{padding:14px 18px 14px 0;border-bottom:1px solid var(--line)}.product-modal-specs>div:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}.product-modal-specs dt{color:#708084;font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.product-modal-specs dd{margin:3px 0 0;font:500 14px var(--display)}.product-modal-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.product-modal-actions .btn{min-width:170px}.product-modal-actions .line-link{white-space:nowrap}
.catalog-v3 .product-visual .product-room-image,.catalog-v3 .product-visual .product-surface-image{display:block}.catalog-v3 .product-visual .product-surface-image{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .32s ease,transform .55s}.catalog-v3 .product-visual:hover .product-surface-image,.catalog-v3 .product-visual:focus-visible .product-surface-image{opacity:1}.catalog-v3 .product-visual:hover .product-room-image,.catalog-v3 .product-visual:focus-visible .product-room-image{opacity:0}.catalog-v3 .product-visual .product-room-image{transition:opacity .32s ease,transform .55s}
@media(max-width:900px){.product-modal{padding:18px}.product-modal-dialog{grid-template-columns:1fr;width:calc(100vw - 36px);max-height:calc(100dvh - 36px)}.product-modal-media{min-height:420px;max-height:48vh}.product-modal-content{padding:46px 28px}.product-modal-close{top:12px;right:12px}.product-modal-actions{align-items:flex-start;flex-direction:column}.product-modal-specs{grid-template-columns:1fr}.product-modal-specs>div:nth-child(even){padding-left:0;border-left:0}}
@media(max-width:700px){.product-brand{width:125px}.product-footer-logo{width:125px}.product-modal{padding:0}.product-modal-dialog{width:100vw;max-height:100dvh}.product-modal-media{min-height:340px}.product-modal-content{padding:40px 22px}.product-modal-content h2{font-size:40px}}

/* Feedback 22.6.26 */
.landing-feedback .discovery-nav-compact{display:block;max-width:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.discovery-collection-title{display:flex;justify-content:space-between;align-items:center;padding:19px 0;font:600 15px var(--display);text-transform:uppercase}
.discovery-collection-title b{font-size:11px;font-weight:500}
.catalog-v3 .catalog-intro{gap:70px;padding:42px 0 55px}
.catalog-v3 .catalog-intro h1{font-size:clamp(56px,5.6vw,82px)}
.catalog-v3 .catalog-lead>p{font-size:18px}
.catalog-v3 .catalog-lead>p:last-child{margin-bottom:0}
.catalog-v3 .product-info>div a{display:none}
.product-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:28px 0 100px}
.product-pagination[hidden]{display:none}
.product-pagination button,.product-pagination span{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 12px var(--display)}
.product-pagination button{cursor:pointer}
.product-pagination button:hover,.product-pagination button.active{border-color:var(--ink);color:#fff;background:var(--ink)}
.catalog-v3 .results-progress{margin-bottom:0}
@media(max-width:700px){.catalog-v3 .catalog-intro{padding:34px 0 45px}.catalog-v3 .catalog-intro h1{font-size:52px}.product-pagination{margin-bottom:70px}}

/* About Moduleo landing page */
.about-landing{background:#fff}
.about-landing .about-brand{width:150px}
.about-landing .about-brand img{width:100%;height:auto;filter:brightness(0) invert(1);transition:.25s}
.about-landing .header.scrolled .about-brand img{filter:none}
.about-hero{position:relative;min-height:760px;height:92svh;overflow:hidden;color:#fff;background:var(--deep)}
.about-hero-image{width:100%;height:100%;object-fit:cover}
.about-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,38,.82),rgba(5,31,38,.35) 58%,rgba(5,31,38,.08)),linear-gradient(0deg,rgba(5,31,38,.42),transparent 45%)}
.about-hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.about-hero h1{max-width:1080px;margin-bottom:28px;font-size:clamp(58px,7vw,106px);line-height:.92}
.about-hero h1 em{font-style:normal;color:#d8e6cf}
.about-hero-content>p:not(.kicker){max-width:680px;color:rgba(255,255,255,.8);font-size:20px}
.about-manifesto{background:var(--paper)}
.about-manifesto-grid,.about-circular-grid,.about-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.about-manifesto-copy p,.about-style-grid>div>p,.about-life-grid>div>p,.about-circular-grid p,.about-unilin-card p{max-width:670px;color:#53666b;font-size:18px}
.about-manifesto-copy p:first-child{margin-top:46px}
.about-vinyl{background:#fff}
.about-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.about-benefit-grid article{min-height:330px;padding:34px;background:var(--paper)}
.about-benefit-grid span{color:#6b8179;font-size:10px;font-weight:700;letter-spacing:.16em}
.about-benefit-grid h3{margin:90px 0 14px;font-size:31px;line-height:1.05}
.about-benefit-grid p{margin:0;color:#627579;font-size:18px}
.about-style{background:var(--cream)}
.about-style-grid,.about-life-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:90px;align-items:center}
.about-style-grid figure,.about-life-grid figure{height:min(650px,47vw);margin:0;overflow:hidden}
.about-style-grid img,.about-life-grid img{width:100%;height:100%;object-fit:cover}
.about-style-grid .btn{margin-top:24px}
.about-life{background:#fff}
.about-life-grid{grid-template-columns:.82fr 1.18fr}
.about-circular{color:#fff;background:var(--deep)}
.about-circular-grid p{color:rgba(255,255,255,.72)}
.about-circular-note{padding-top:22px;border-top:1px solid rgba(255,255,255,.22);font-weight:600}
.about-circular .line-link{margin-top:18px}
.about-unilin{padding:115px 0;background:#dce9e3}
.about-unilin-card{display:grid;grid-template-columns:280px 1fr;gap:80px;align-items:center}
.about-unilin-card img{width:220px;max-height:120px;object-fit:contain}
.about-unilin-card h2{font-size:clamp(42px,5vw,72px)}
.about-next{padding-bottom:0;background:#fff}
.about-next-links{border-top:1px solid var(--line)}
.about-next-links a{position:relative;display:grid;grid-template-columns:45px 1fr auto;gap:22px;align-items:center;min-height:112px;border-bottom:1px solid var(--line);transition:.2s}
.about-next-links a:hover{padding-left:18px;color:#fff;background:var(--ink)}
.about-next-links span{font-size:10px;opacity:.65}
.about-next-links strong{font:600 22px var(--display)}
.about-next-links b{font-size:21px;font-weight:400}
.about-landing .footer{margin-top:110px}
.about-landing .footer-logo{width:140px}
.about-landing .footer-logo img{width:100%;height:auto}
@media(max-width:1050px){.about-manifesto-grid,.about-circular-grid,.about-next-grid,.about-style-grid,.about-life-grid{grid-template-columns:1fr;gap:44px}.about-manifesto-copy p:first-child{margin-top:0}.about-benefit-grid{grid-template-columns:1fr}.about-benefit-grid article{min-height:240px}.about-benefit-grid h3{margin-top:55px}.about-style-grid figure,.about-life-grid figure{height:560px}.about-unilin-card{grid-template-columns:1fr;gap:35px}.about-unilin-card img{width:180px}}
@media(max-width:700px){.about-landing .about-brand{width:125px}.about-hero{min-height:720px;height:820px}.about-hero-content{top:48%}.about-hero h1{font-size:54px}.about-hero-content>p:not(.kicker),.about-manifesto-copy p,.about-style-grid>div>p,.about-life-grid>div>p,.about-circular-grid p,.about-unilin-card p{font-size:18px}.about-style-grid figure,.about-life-grid figure{height:420px}.about-unilin{padding:82px 0}.about-next-links a{grid-template-columns:34px 1fr auto;min-height:96px}.about-next-links strong{font-size:18px}.about-landing .footer-logo{width:125px}}

/* About page — closer to Moduleo original editorial format */
.about-original{background:#fff;color:#111}
.about-original .header{color:var(--ink)}
.about-original .about-brand,.about-original .footer-logo{width:150px}
.about-original .about-brand img,.about-original .footer-logo img{width:100%;height:auto}
.about-original-hero{margin-top:82px;height:min(470px,42vw);min-height:310px;overflow:hidden;background:#ead9cf}
.about-original-hero img{width:100%;height:100%;object-fit:cover}
.about-breadcrumb{display:flex;gap:12px;align-items:center;padding:28px 0 6px;color:#748078;font-size:12px}
.about-breadcrumb strong{color:#111;font-weight:500}
.about-original-intro{display:grid;grid-template-columns:1fr .78fr;gap:80px;align-items:end;padding:38px 0 92px}
.about-original-intro h1{margin:0;font-size:clamp(58px,7.2vw,108px);line-height:.92;letter-spacing:-.065em}
.about-original-intro p{max-width:680px;margin:0 0 8px;color:#262626;font-size:21px;line-height:1.48}
.about-original-section{display:grid;grid-template-columns:.8fr 1.05fr;gap:95px;align-items:center;padding:96px 0;border-top:1px solid rgba(0,0,0,.1)}
.about-original-section-reverse{grid-template-columns:1.05fr .8fr}
.about-original-section-reverse .about-original-copy{grid-column:2}
.about-original-section-reverse .about-soft-panel{grid-row:1;grid-column:1}
.about-original-copy h2{margin-bottom:24px;color:#000;font-size:clamp(42px,5vw,78px);line-height:.98;letter-spacing:-.055em}
.about-original-copy p{max-width:640px;color:#202020;font-size:20px;line-height:1.5}
.about-eyebrow{margin:0 0 18px!important;color:#000!important;font:600 16px/1.3 var(--display)!important;letter-spacing:-.015em}
.about-video-card{position:relative;margin:0;overflow:hidden;background:#f1eee9}
.about-video-card img{width:100%;height:560px;object-fit:cover}
.about-video-card span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;color:#fff;background:rgba(9,43,52,.76);font-size:28px;transform:translate(-50%,-50%);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.about-soft-panel{display:grid;grid-template-columns:1fr;gap:1px;background:#ddd}
.about-soft-panel div{min-height:150px;padding:32px;background:#f2f2f0}
.about-soft-panel strong,.about-soft-panel span{display:block}
.about-soft-panel strong{margin-bottom:8px;color:#000;font:600 27px/1.05 var(--display);letter-spacing:-.04em}
.about-soft-panel span{max-width:470px;color:#4c4c4c;font-size:18px}
.about-original-feature{padding:110px 0;background:#f5dfd3}
.about-feature-grid{display:grid;grid-template-columns:1.05fr .85fr;gap:100px;align-items:center}
.about-feature-grid .line-link{margin-top:22px}
.about-original-circular{padding:112px 0;background:#f2f2f0}
.about-circular-layout{display:grid;grid-template-columns:.78fr 1fr;gap:100px}
.about-circular-copy p{max-width:760px;color:#202020;font-size:20px;line-height:1.5}
.about-circular-copy .btn{margin-top:26px}
.about-original-unilin{display:grid;grid-template-columns:290px 1fr;gap:84px;align-items:center;padding:104px 0;border-top:1px solid rgba(0,0,0,.1)}
.about-original-unilin img{width:230px;max-height:130px;object-fit:contain}
.about-original-unilin h2{margin-bottom:18px;color:#000;font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.055em}
.about-original-unilin p{max-width:720px;color:#202020;font-size:20px;line-height:1.5}
.about-original-unilin .line-link{margin-top:15px}
.about-original-footer{padding-top:42px}
@media(max-width:1050px){.about-original-intro,.about-original-section,.about-original-section-reverse,.about-feature-grid,.about-circular-layout,.about-original-unilin{grid-template-columns:1fr;gap:42px}.about-original-section-reverse .about-original-copy,.about-original-section-reverse .about-soft-panel{grid-column:auto;grid-row:auto}.about-video-card img{height:520px}.about-original-unilin img{width:190px}.about-original .nav.open{color:var(--deep)}}
@media(max-width:700px){.about-original .about-brand,.about-original .footer-logo{width:125px}.about-original-hero{margin-top:72px;height:330px;min-height:0}.about-breadcrumb{padding-top:22px}.about-original-intro{padding:28px 0 68px}.about-original-intro h1{font-size:54px}.about-original-intro p,.about-original-copy p,.about-circular-copy p,.about-original-unilin p{font-size:18px}.about-original-section{padding:72px 0}.about-original-copy h2{font-size:43px}.about-video-card img{height:390px}.about-video-card span{width:60px;height:60px;font-size:22px}.about-original-feature,.about-original-circular{padding:78px 0}.about-soft-panel div{min-height:125px;padding:25px}.about-soft-panel strong{font-size:23px}.about-original-unilin{padding:78px 0}.about-original-unilin h2{font-size:38px}}

/* Homepage feedback 23.6.26 */
.landing-feedback .hero-image{filter:saturate(.92) contrast(1.04);transform:scale(1.02)}
.landing-feedback .hero-overlay{background:linear-gradient(90deg,rgba(5,31,38,.82),rgba(5,31,38,.34) 58%,rgba(5,31,38,.08)),linear-gradient(0deg,rgba(5,31,38,.34),transparent 48%)}
.landing-feedback .hero-content{top:44%}
.landing-feedback .hero h1{max-width:1120px}
.landing-feedback .hero-content>p:not(.kicker){max-width:720px;font-size:21px}
.landing-feedback .brand-bar{grid-template-columns:repeat(4,1fr)}
.landing-feedback .brand-proof-card:first-child{border-left:0}
.landing-feedback .about-copy{align-items:start}
.landing-feedback .about-copy h2,.landing-feedback .discover-intro h2,.landing-feedback #projects-title,.landing-feedback #ve-title,.landing-feedback #audience-title{max-width:820px}
.landing-feedback .discover-intro h2,.landing-feedback #projects-title,.landing-feedback #audience-title{font-size:clamp(42px,4.7vw,72px)}
.landing-feedback .project-gallery img{background:#ddd}
.landing-feedback .project-foot{justify-content:flex-end}
.ve-material-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:stretch}
.ve-slider{position:relative;min-height:620px;overflow:hidden;background:#d8d5cc}
.ve-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);animation:veFade 9s infinite;animation-delay:1.5s}
.ve-slider img:nth-child(2){animation-delay:4.5s}
.ve-slider img:nth-child(3){animation-delay:7.5s}
@keyframes veFade{0%,28%{opacity:1;transform:scale(1)}33%,100%{opacity:0;transform:scale(1.035)}}
.ve-material-copy{display:flex;flex-direction:column;justify-content:center;padding:58px;background:var(--paper);border:1px solid var(--line)}
.ve-material-copy span{color:#5f786f;font-size:10px;font-weight:700;letter-spacing:.16em}
.ve-material-copy h3{max-width:620px;margin:26px 0 20px;font-size:clamp(34px,3.8vw,58px);line-height:1;letter-spacing:-.05em}
.ve-material-copy p{max-width:650px;margin:0 0 32px;color:#53666b;font-size:17px}
.ve-material-copy .btn{align-self:flex-start}
.landing-feedback .audience-message .kicker{display:none}
.landing-feedback .audience-message{display:flex;flex-direction:column;justify-content:center}
.footer-detailed{grid-template-columns:260px 1.08fr .9fr .9fr;gap:64px;padding:82px 0 50px;border-top:1px solid rgba(23,58,66,.45)}
.footer-detailed h2{margin:0 0 28px;color:#c5a04e;font:700 13px/1 var(--body);letter-spacing:.24em;text-transform:uppercase}
.footer-detailed p{margin:0 0 18px;color:#686b7a;font-size:18px;line-height:1.35}
.footer-detailed a{display:block;margin:0 0 16px;color:#686b7a;font-size:18px}
.footer-detailed a:hover{color:var(--ink)}
.footer-loc-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;width:205px;height:205px;border-radius:50%;color:#fff;background:#285b88;align-self:start;font-family:Georgia,serif}
.footer-loc-mark span{font-size:58px;font-weight:700;letter-spacing:.06em;line-height:.9}
.footer-loc-mark small{font-size:22px;letter-spacing:.16em}
.footer-moduleo-mark{background:#173a42}
.footer-moduleo-mark img{width:146px;height:auto;filter:brightness(0) invert(1)}
.footer-contact-buttons{display:flex;gap:14px;margin:8px 0 24px}
.footer-contact-buttons a{display:grid;place-items:center;width:52px;height:52px;margin:0;background:#f3efe8;border:1px solid #e5ddd0;color:#252537;font-size:17px;font-weight:700}
.footer-distributor{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:36px;padding-top:28px;border-top:1px solid rgba(23,58,66,.15)}
.footer-distributor span{color:#686b7a;font-size:13px;font-weight:700;letter-spacing:.24em}
.footer-distributor b{color:#222337}
.footer-distributor img{width:210px;height:auto}
@media(max-width:1200px){.footer-detailed{grid-template-columns:220px 1fr 1fr;gap:44px}.footer-detailed .footer-col:last-of-type{grid-column:2/4}.footer-loc-mark{width:180px;height:180px}.footer-loc-mark span{font-size:50px}}
@media(max-width:1050px){.landing-feedback .brand-bar{grid-template-columns:repeat(2,1fr)}.ve-material-showcase{grid-template-columns:1fr}.ve-slider{min-height:540px}.footer-detailed{grid-template-columns:1fr 1fr;gap:40px}.footer-loc-mark{width:160px;height:160px}.footer-detailed .footer-col:last-of-type{grid-column:auto}}
@media(max-width:700px){.landing-feedback .hero-content{top:40%}.landing-feedback .hero-content>p:not(.kicker){font-size:17px}.landing-feedback .brand-bar{display:flex}.ve-material-showcase{gap:28px}.ve-slider{min-height:420px}.ve-material-copy{padding:34px 24px}.footer-detailed{grid-template-columns:1fr;padding-top:58px}.footer-loc-mark{width:150px;height:150px}.footer-loc-mark span{font-size:43px}.footer-loc-mark small{font-size:17px}.footer-detailed p,.footer-detailed a{font-size:18px}.footer-distributor{align-items:flex-start}.footer-distributor img{width:175px}}

/* Footer rebuilt from LOC reference layout */
.landing-feedback .contact{padding:0;background:#faf8f5}
.landing-feedback .footer-detailed{display:block;width:min(1160px,calc(100vw - 105px));padding:72px 64px 32px;border-top:0;background:#faf8f5}
.landing-feedback .foot-top{display:grid;grid-template-columns:165px minmax(275px,1.45fr) minmax(205px,1fr) minmax(220px,1.1fr);gap:44px;padding:72px 0 44px;border-top:1px solid #1a1a2e;border-bottom:1px solid #e4ded1;color:#1a1a2e}
.landing-feedback .foot-brand{display:flex;align-items:center;justify-content:center}
.landing-feedback .footer-moduleo-mark{display:flex;align-items:center;justify-content:center;width:165px;height:172px;border-radius:50%;background:#173a42}
.landing-feedback .footer-moduleo-mark img{width:124px;height:auto;filter:brightness(0) invert(1)}
.landing-feedback .foot-col h2{margin:0 0 24px;color:#c3a04d;font:700 13px/1 var(--body);letter-spacing:.24em;text-transform:uppercase}
.landing-feedback .foot-col p{margin:0 0 13px;color:#5b5b6e;font-size:18px;line-height:1.4}
.landing-feedback .foot-col a{display:block;margin:0 0 15px;color:#5b5b6e;font-size:18px;line-height:1.4}
.landing-feedback .foot-contact p,.landing-feedback .foot-contact a{font-size:18px}
.landing-feedback .foot-contact p a{display:inline;margin:0;color:#5b5b6e;font-size:inherit;line-height:inherit}
.landing-feedback .rep-line{margin-bottom:18px}
.landing-feedback .foot-contact-actions{display:flex;gap:10px;margin:3px 0 24px}
.landing-feedback .foot-contact-btn{display:grid!important;place-items:center;width:42px;height:42px;margin:0!important;border:1px solid #e4ded1;background:#f3efe7;color:#1a1a2e!important;font-size:18px!important;font-weight:700;line-height:1!important}
.landing-feedback .phone-ico{font-size:18px!important}
.landing-feedback .zalo-ico{font-size:11px!important;letter-spacing:.02em}
.landing-feedback .mail-ico{font-size:18px!important}
.landing-feedback .foot-bot{display:flex;justify-content:center;align-items:center;min-height:116px;padding:18px 0 0}
.landing-feedback .footer-distributor{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0;padding:0;border:0;color:#9a9aa6}
.landing-feedback .footer-distributor .foot-by{color:#5b5b6e;font-size:13px;font-weight:600;letter-spacing:.22em;line-height:1.2;text-transform:uppercase}
.landing-feedback .footer-distributor .foot-by b{color:#1a1a2e}
.landing-feedback .footer-distributor .mao-logo{width:210px;height:auto}
@media(max-width:1050px){.landing-feedback .footer-detailed{width:min(940px,calc(100vw - 48px));padding-inline:0}.landing-feedback .foot-top{grid-template-columns:160px 1fr 1fr;gap:34px}.landing-feedback .foot-brand{grid-row:1/3}.landing-feedback .footer-moduleo-mark{width:150px;height:150px}.landing-feedback .footer-moduleo-mark img{width:112px}}
@media(max-width:760px){.landing-feedback .footer-detailed{width:calc(100vw - 32px);padding-top:52px}.landing-feedback .foot-top{grid-template-columns:1fr;padding:44px 0 34px;gap:34px}.landing-feedback .foot-brand{justify-content:flex-start;grid-row:auto}.landing-feedback .footer-moduleo-mark{width:138px;height:138px}.landing-feedback .footer-moduleo-mark img{width:104px}.landing-feedback .foot-col p,.landing-feedback .foot-col a{font-size:18px}.landing-feedback .foot-bot{justify-content:flex-start}.landing-feedback .footer-distributor{align-items:flex-start}.landing-feedback .footer-distributor .foot-by{font-size:11px}.landing-feedback .footer-distributor .mao-logo{width:175px}}

/* Homepage feedback 02 — 23.06.2026 */
.landing-feedback .discover-intro{margin-bottom:34px}
.landing-feedback .discover .visual-carousel-shell{margin-top:18px}
.landing-feedback .about-copy{margin-bottom:42px}
.landing-feedback .about-image{height:min(215px,15.6vw)}
.landing-feedback .projects{padding:0;background:#d1ccc7;overflow:hidden}
.project-carousel-wrap{display:grid;grid-template-columns:minmax(390px,28vw) minmax(0,1fr);min-height:620px;width:100%;max-width:none}
.project-side{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:76px 64px 76px max(64px,calc((100vw - 1380px)/2 + 64px));background:#eee8df;border-right:1px solid rgba(23,58,66,.12)}
.project-side .kicker{color:#5f786f;font-size:10px}
.project-side h2{max-width:330px;margin:0 0 38px;color:var(--deep);font-size:clamp(40px,3.8vw,58px);line-height:1;letter-spacing:-.055em}
.project-side .btn{min-width:165px;background:var(--ink)}
.project-carousel-shell{position:relative;min-width:0;padding-left:22px;background:#d1ccc7}
.project-carousel-track{display:flex;height:620px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.project-carousel-track::-webkit-scrollbar{display:none}
.project-slide{position:relative;flex:0 0 min(32vw,500px);height:100%;overflow:hidden;scroll-snap-align:start;background:#111}
.project-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.56),rgba(0,0,0,.08) 52%,rgba(0,0,0,.22));z-index:1}
.project-slide img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.82);transition:transform .55s}
.project-slide:hover img{transform:scale(1.035)}
.project-slide span{position:absolute;z-index:2;right:28px;bottom:28px;left:28px;color:#fff;font:700 clamp(18px,2vw,28px)/1.15 var(--display);letter-spacing:.02em;text-transform:uppercase}
.project-arrow{position:absolute;z-index:5;top:50%;display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:50%;color:#fff;background:rgba(9,43,52,.72);cursor:pointer;font-size:42px;line-height:1;transform:translateY(-50%);transition:.2s}
.project-arrow:hover{background:#a61f25}
.project-arrow-prev{left:18px}
.project-arrow-next{right:18px}
.landing-feedback .ve-material-showcase{grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}
.landing-feedback .ve-material-copy{display:block;padding:0;border:0;background:transparent}
.landing-feedback .ve-material-copy h2{margin-bottom:24px}
.landing-feedback .ve-material-copy>p:not(.kicker){max-width:650px;color:#53666b;font-size:18px}
.ve-visual-column{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.landing-feedback .ve-slider{width:100%;min-height:560px}
.ve-visual-column .btn{align-self:flex-start}
.landing-feedback .audience{padding:78px 0}
.landing-feedback .audience .intro{margin-bottom:34px}
.landing-feedback .audience-tabs button{padding:16px 20px}
.landing-feedback .audience-panel{min-height:250px}
.landing-feedback .audience-message{padding:38px 48px}
.landing-feedback .audience-message h3{max-width:680px;margin:0;font-size:clamp(24px,2.6vw,38px);line-height:1.12}
.landing-feedback .audience-message>p:not(.kicker){display:none}
.landing-feedback .audience-tools a{padding:18px 54px 18px 24px}
.landing-feedback .audience-tools strong{font-size:17px}
@media(max-width:1050px){.landing-feedback .about-image{height:215px}.project-carousel-wrap{grid-template-columns:1fr}.project-side{padding:72px 48px 38px;border-right:0}.project-side h2{max-width:620px}.project-carousel-shell{padding-left:48px}.project-carousel-track{height:540px}.project-slide{flex-basis:56vw}.landing-feedback .ve-material-showcase{grid-template-columns:1fr}.landing-feedback .ve-slider{min-height:520px}.landing-feedback .audience-panel{grid-template-columns:1fr}.landing-feedback .audience-tools{border-left:0}}
@media(max-width:700px){.landing-feedback .about-image{height:145px}.project-side{padding:58px 24px 34px}.project-carousel-shell{padding-left:24px}.project-carousel-track{height:430px}.project-slide{flex-basis:82vw}.project-arrow{width:46px;height:46px;font-size:34px}.landing-feedback .ve-slider{min-height:390px}.landing-feedback .audience{padding:62px 0}.landing-feedback .audience-message{padding:30px 24px}.landing-feedback .audience-message h3{font-size:24px}}

/* Homepage feedback 03 — 23.06.2026 */
.landing-feedback .about.section{padding:82px 0 38px}
.landing-feedback .discover.section{padding:54px 0 84px}
.landing-feedback .hero h1{max-width:760px;font-size:clamp(38px,4.6vw,58px);line-height:1}
.landing-feedback .about-copy{gap:60px;margin-bottom:30px}
.landing-feedback .about-copy h2,
.landing-feedback .discover-intro h2,
.landing-feedback #projects-title,
.landing-feedback #ve-title,
.landing-feedback #audience-title{font-size:clamp(24px,2.8vw,38px);line-height:1.06;letter-spacing:-.045em}
.landing-feedback .about-copy>p,
.landing-feedback .split-intro>p,
.landing-feedback .ve-material-copy>p:not(.kicker),
.landing-feedback .hero-content>p:not(.kicker){font-size:18px;line-height:1.55}
.landing-feedback .discover-intro,
.landing-feedback .audience .intro{margin-bottom:26px}
.landing-feedback .kicker{font-size:9px;margin-bottom:12px}
.landing-feedback .project-side h2{font-size:clamp(28px,2.9vw,42px);max-width:270px;margin-bottom:30px}
.landing-feedback .ve-material-copy h2{max-width:520px;margin-bottom:16px}
.landing-feedback .audience-message h3{font-size:clamp(20px,2vw,30px);line-height:1.16}
.landing-feedback .footer-moduleo-mark{width:165px;height:auto;border-radius:0;background:transparent}
.landing-feedback .footer-moduleo-mark img{width:165px;filter:none}
@media(max-width:1050px){.landing-feedback .about.section{padding:72px 0 34px}.landing-feedback .discover.section{padding-top:48px}.landing-feedback .about-copy{gap:26px}.landing-feedback .project-side h2{max-width:520px}.landing-feedback .footer-moduleo-mark{width:150px}.landing-feedback .footer-moduleo-mark img{width:150px}}
@media(max-width:700px){.landing-feedback .about.section{padding:60px 0 28px}.landing-feedback .discover.section{padding:42px 0 70px}.landing-feedback .about-copy h2,.landing-feedback .discover-intro h2,.landing-feedback #projects-title,.landing-feedback #ve-title,.landing-feedback #audience-title{font-size:28px}.landing-feedback .footer-moduleo-mark{width:135px}.landing-feedback .footer-moduleo-mark img{width:135px}}

/* Contractor section redesign */
.landing-feedback .ve.section{
  padding:76px 0;
  background:linear-gradient(180deg,#f7f5ef 0%,#ebe6dc 100%);
}
.landing-feedback .ve-material-showcase{
  position:relative;
  grid-template-columns:minmax(300px,.78fr) 1fr;
  gap:58px;
  align-items:center;
  overflow:hidden;
  padding:44px;
  border:1px solid rgba(23,58,66,.13);
  background:
    radial-gradient(circle at 95% 12%,rgba(212,110,93,.17),transparent 26%),
    linear-gradient(135deg,#fffaf2 0%,#e5eee8 100%);
  box-shadow:0 28px 80px rgba(23,58,66,.09);
}
.landing-feedback .ve-material-showcase:before{
  content:"";
  position:absolute;
  top:34px;
  right:38px;
  width:152px;
  height:152px;
  border:1px solid rgba(23,58,66,.16);
  transform:rotate(12deg);
}
.landing-feedback .ve-material-showcase:after{
  content:"MODULEO TECHNICAL";
  position:absolute;
  right:42px;
  bottom:28px;
  color:rgba(23,58,66,.12);
  font-size:9px;
  font-weight:800;
  letter-spacing:.24em;
}
.landing-feedback .ve-material-copy{
  position:relative;
  z-index:1;
  grid-column:2;
  grid-row:1;
  max-width:610px;
  padding:18px 18px 18px 0;
}
.landing-feedback .ve-material-copy h2{max-width:560px;margin-bottom:18px}
.landing-feedback .ve-material-copy>p:not(.kicker){
  max-width:570px;
  color:#4f6469;
}
.landing-feedback .ve-proof-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.landing-feedback .ve-proof-points span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px;
  border:1px solid rgba(23,58,66,.18);
  color:#173a42;
  background:rgba(255,255,255,.58);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.landing-feedback .ve-visual-column{
  position:relative;
  z-index:1;
  grid-column:1;
  grid-row:1;
  width:100%;
  max-width:450px;
  justify-self:start;
  align-items:stretch;
}
.landing-feedback .ve-visual-column:before{
  content:"Material preview";
  position:absolute;
  z-index:2;
  top:18px;
  left:18px;
  padding:8px 12px;
  color:#fff;
  background:rgba(9,43,52,.82);
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.landing-feedback .ve-slider{
  min-height:0;
  height:350px;
  border:10px solid #fff;
  background:#d8d5cc;
  box-shadow:0 22px 46px rgba(23,58,66,.16);
}
.landing-feedback .ve-visual-column .btn{
  align-self:stretch;
  min-width:0;
  justify-content:space-between;
  padding:18px 24px;
  background:#123f49;
}
.landing-feedback .ve-visual-column .btn:hover{background:#d46e5d}
.landing-feedback .project-slide img{
  filter:saturate(.82) brightness(.68) contrast(.98);
}
.landing-feedback .project-slide:after{
  transition:opacity .3s,background .3s;
}
.landing-feedback .project-slide:hover img{
  filter:saturate(1.08) brightness(1.08) contrast(1.04);
  transform:scale(1.035);
}
.landing-feedback .project-slide:hover:after{
  opacity:.45;
  background:linear-gradient(0deg,rgba(0,0,0,.36),rgba(255,255,255,.03) 54%,rgba(255,255,255,.08));
}
.landing-feedback .project-slide:hover span{
  text-shadow:0 6px 22px rgba(0,0,0,.45);
}
.landing-feedback .project-slide span{
  font-size:clamp(9px,1vw,14px);
  letter-spacing:.08em;
}
.landing-feedback .project-slide-premium:before{
  content:"";
  position:absolute;
  z-index:2;
  top:22px;
  left:22px;
  width:72px;
  height:72px;
  border:1px solid rgba(232,198,113,.78);
  border-radius:50%;
  background:rgba(9,43,52,.68);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
}
.landing-feedback .project-stars{
  position:absolute;
  z-index:3;
  top:49px;
  left:36px;
  color:#e8c671;
  font-size:8px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}
.landing-feedback .visual-carousel a>span{
  font-size:24px;
}
.landing-feedback .contact{
  padding:78px 0;
}
.landing-feedback .footer-detailed{
  width:var(--page);
  padding:0;
}
.landing-feedback .foot-top{
  grid-template-columns:190px minmax(310px,1.35fr) minmax(260px,1fr) minmax(240px,.95fr);
  gap:72px;
  padding:78px 0 62px;
}
.landing-feedback .foot-bot{
  min-height:150px;
  padding-top:32px;
}
@media(max-width:1050px){
  .landing-feedback .contact{padding:62px 0}
  .landing-feedback .footer-detailed{width:var(--page);padding:0}
  .landing-feedback .foot-top{grid-template-columns:160px 1fr 1fr;gap:42px;padding:64px 0 52px}
}
@media(max-width:760px){
  .landing-feedback .contact{padding:52px 0}
  .landing-feedback .footer-detailed{width:var(--page);padding:0}
  .landing-feedback .foot-top{grid-template-columns:1fr;gap:36px;padding:48px 0 42px}
  .landing-feedback .foot-bot{min-height:120px}
}
@media(max-width:1050px){
  .landing-feedback .ve-material-showcase{
    grid-template-columns:1fr;
    gap:34px;
    padding:36px;
  }
  .landing-feedback .ve-material-copy,
  .landing-feedback .ve-visual-column{
    grid-column:auto;
    grid-row:auto;
  }
  .landing-feedback .ve-visual-column{
    order:-1;
    max-width:520px;
    justify-self:start;
  }
  .landing-feedback .ve-slider{height:330px}
}
@media(max-width:700px){
  .landing-feedback .ve.section{padding:58px 0}
  .landing-feedback .ve-material-showcase{padding:24px;gap:28px}
  .landing-feedback .ve-visual-column{max-width:100%}
  .landing-feedback .ve-slider{height:250px;border-width:7px}
  .landing-feedback .ve-proof-points span{font-size:9px}
}

/* Overall feedback 24.06.2026 */
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.catalog-lvt-label{margin:24px 0 0;color:#5f786f;font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.brochure-options .brochure-cta{justify-content:space-between;margin:8px 0 20px;padding:14px 16px;color:#fff;background:var(--ink);font-weight:700}
.brochure-options .brochure-cta:hover{color:#fff;background:#d46e5d}
.about-circular-illustration{margin:30px 0 0;overflow:hidden}
.about-circular-illustration img{width:100%;height:auto;object-fit:cover}
.moduleo-footer{
  display:block;
  margin-top:0;
  padding:0;
  border-top:0;
  background:#faf8f5;
}
.moduleo-footer .foot-top{
  display:grid;
  grid-template-columns:190px minmax(310px,1.35fr) minmax(260px,1fr) minmax(240px,.95fr);
  gap:72px;
  padding:78px 0 62px;
  border-top:1px solid #1a1a2e;
  border-bottom:1px solid #e4ded1;
  color:#1a1a2e;
}
.moduleo-footer .foot-brand{display:flex;align-items:center;justify-content:center}
.moduleo-footer .footer-moduleo-mark{display:flex;align-items:center;justify-content:center;width:165px;height:auto;border-radius:0;background:transparent}
.moduleo-footer .footer-moduleo-mark img{width:165px;height:auto;filter:none}
.moduleo-footer .foot-col h2{margin:0 0 24px;color:#c3a04d;font:700 13px/1 var(--body);letter-spacing:.24em;text-transform:uppercase}
.moduleo-footer .foot-col p{margin:0 0 13px;color:#5b5b6e;font-size:18px;line-height:1.4}
.moduleo-footer .foot-col a{display:block;margin:0 0 15px;color:#5b5b6e;font-size:18px;line-height:1.4}
.moduleo-footer .foot-contact p a{display:inline;margin:0;color:#5b5b6e;font-size:inherit;line-height:inherit}
.moduleo-footer .rep-line{margin-bottom:18px}
.moduleo-footer .foot-contact-actions{display:flex;gap:10px;margin:3px 0 24px}
.moduleo-footer .foot-contact-btn{display:grid!important;place-items:center;width:42px;height:42px;margin:0!important;border:1px solid #e4ded1;background:#f3efe7;color:#1a1a2e!important;font-size:18px!important;font-weight:700;line-height:1!important}
.moduleo-footer .phone-ico,.moduleo-footer .mail-ico{font-size:18px!important}
.moduleo-footer .zalo-ico{font-size:11px!important;letter-spacing:.02em}
.moduleo-footer .foot-bot{display:flex;justify-content:center;align-items:center;min-height:150px;padding:32px 0 0}
.moduleo-footer .footer-distributor{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0;padding:0;border:0;color:#9a9aa6}
.moduleo-footer .footer-distributor .foot-by{color:#5b5b6e;font-size:13px;font-weight:600;letter-spacing:.22em;line-height:1.2;text-transform:uppercase}
.moduleo-footer .footer-distributor .foot-by b{color:#1a1a2e}
.moduleo-footer .footer-distributor .mao-logo{width:210px;height:auto}
@media(max-width:1050px){
  .moduleo-footer .foot-top{grid-template-columns:160px 1fr 1fr;gap:42px;padding:64px 0 52px}
  .moduleo-footer .foot-brand{grid-row:1/3}
  .moduleo-footer .footer-moduleo-mark,.moduleo-footer .footer-moduleo-mark img{width:150px}
}
@media(max-width:760px){
  .moduleo-footer .foot-top{grid-template-columns:1fr;gap:36px;padding:48px 0 42px}
  .moduleo-footer .foot-brand{justify-content:flex-start;grid-row:auto}
  .moduleo-footer .footer-moduleo-mark,.moduleo-footer .footer-moduleo-mark img{width:135px}
  .moduleo-footer .foot-col p,.moduleo-footer .foot-col a{font-size:18px}
  .moduleo-footer .foot-bot{justify-content:flex-start;min-height:120px}
  .moduleo-footer .footer-distributor{align-items:flex-start}
  .moduleo-footer .footer-distributor .foot-by{font-size:11px}
  .moduleo-footer .footer-distributor .mao-logo{width:175px}
}

/* Typography sync with homepage */
.product-page .catalog-intro h1,
.about-original .about-original-intro h1{
  max-width:760px;
  font-size:clamp(38px,4.6vw,58px);
  line-height:1;
  letter-spacing:-.05em;
}
.product-page .faq-heading h2,
.about-original .about-original-copy h2,
.about-original .about-original-unilin h2{
  font-size:clamp(24px,2.8vw,38px);
  line-height:1.06;
  letter-spacing:-.045em;
}
.product-page .catalog-lead>p,
.product-page .faq-list details p,
.about-original .about-original-intro p,
.about-original .about-original-copy p,
.about-original .about-circular-copy p,
.about-original .about-original-unilin p{
  color:#53666b;
  font-size:18px;
  line-height:1.55;
}
.product-page .catalog-lvt-label,
.about-original .about-eyebrow,
.product-page .kicker,
.about-original .kicker{
  font-size:9px;
  letter-spacing:.2em;
}
.product-page .catalog-intro{padding:58px 0 74px}
.product-page .catalog-lead{max-width:620px}
.product-page .product-info h2{font-size:20px;line-height:1.12}
.product-page .product-info>p{font-size:11px;line-height:1.45}
.product-page .filter-sidebar-head h2{font-size:24px}
.product-page .filter-sidebar summary{font-size:18px}
.product-page .filter-options label{font-size:18px}
.product-page .document-card h2,
.about-original .about-soft-panel strong{
  font-size:20px;
}
.about-original .about-original-intro{padding:38px 0 78px}
.about-original .about-original-section,
.about-original .about-original-unilin{padding:78px 0}
.about-original .about-original-feature,
.about-original .about-original-circular{padding:84px 0}
.about-original .about-soft-panel span{font-size:18px;line-height:1.45}
.about-original .about-safety-section{
  align-items:stretch;
}
.about-original .about-original-copy .btn{
  margin-top:22px;
}
.about-safety-visual{
  display:grid;
  grid-template-columns:.72fr 1fr;
  gap:16px;
  align-self:stretch;
}
.about-document-figure{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100%;
  margin:0;
  padding:26px;
  background:#e9ece9;
}
.about-document-figure img{
  width:min(100%,230px);
  max-height:420px;
  object-fit:contain;
  box-shadow:0 20px 45px rgba(9,43,52,.16);
}
.about-evidence-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:#d9ddd8;
  align-self:stretch;
}
.about-evidence-grid article{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:150px;
  padding:30px;
  background:#f6f4ef;
}
.about-evidence-grid span{
  margin-bottom:18px;
  color:#c19a48;
  font-size:9px;
  font-weight:800;
  letter-spacing:.2em;
}
.about-evidence-grid strong{
  margin-bottom:10px;
  color:#0b3038;
  font:700 19px/1.12 var(--display);
  letter-spacing:-.03em;
}
.about-evidence-grid p{
  margin:0;
  color:#53666b;
  font-size:13px;
  line-height:1.5;
}
.about-eco-feature{
  background:#e7eee9;
}
.about-metric-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:28px;
}
.about-metric-row div{
  padding:20px;
  border:1px solid rgba(11,48,56,.14);
  background:rgba(255,255,255,.58);
}
.about-metric-row strong,
.about-metric-row span{
  display:block;
}
.about-metric-row strong{
  margin-bottom:8px;
  color:#0b3038;
  font:700 18px/1.1 var(--display);
}
.about-metric-row span{
  color:#53666b;
  font-size:12px;
  line-height:1.45;
}
@media(max-width:700px){
  .product-page .catalog-intro h1,
  .about-original .about-original-intro h1{font-size:38px}
  .product-page .faq-heading h2,
  .about-original .about-original-copy h2,
  .about-original .about-original-unilin h2{font-size:28px}
  .product-page .catalog-lead>p,
  .product-page .faq-list details p,
  .about-original .about-original-intro p,
  .about-original .about-original-copy p,
  .about-original .about-circular-copy p,
  .about-original .about-original-unilin p{font-size:18px}
  .about-safety-visual{grid-template-columns:1fr}
  .about-document-figure{min-height:320px}
  .about-evidence-grid article{min-height:0;padding:24px}
  .about-metric-row{grid-template-columns:1fr}
}

/* Feedback 29.06.26 — global spacing, typography and compact sections */
body{font-size:18px;line-height:1.6}
button,input,select,textarea{font-size:18px}
p{line-height:1.6}
h1{font-size:clamp(32px,5vw,56px);line-height:1.08}
h2{font-size:clamp(26px,3.4vw,40px);line-height:1.16}
h3{font-size:clamp(22px,2.4vw,30px);line-height:1.2}
.landing-feedback main>section:not(.hero)>.page,
.landing-feedback .footer-detailed.page,
.product-page .page,
.project-page .page,
.projects-page .page,
.document-page .page,
.documents-page .page,
.about-page .page{width:min(1180px,calc(100% - 96px))}
.landing-feedback .section{padding:88px 0}
.landing-feedback .about.section{padding-top:76px}
.landing-feedback .intro{margin-bottom:34px}
.landing-feedback .discover .visual-carousel-shell{margin-top:0}
.landing-feedback .visual-carousel-collections{gap:20px;background:transparent;scrollbar-width:thin}
.landing-feedback .visual-carousel-collections a{flex:0 0 min(330px,31vw);height:420px;overflow:hidden;background:#0f3037;border-radius:0;box-shadow:0 18px 44px rgba(8,38,46,.11)}
.landing-feedback .visual-carousel-collections a img{height:100%;filter:brightness(.72);transition:transform .45s ease,filter .45s ease}
.landing-feedback .visual-carousel-collections a:hover img{transform:scale(1.045);filter:brightness(.9)}
.landing-feedback .visual-carousel-collections a span{right:22px;bottom:22px;left:22px;display:grid;gap:8px;width:auto;max-width:calc(100% - 44px);color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.35)}
.landing-feedback .visual-carousel-collections a span strong{font-size:clamp(24px,2.4vw,34px);line-height:1;font-family:var(--display);font-weight:700}
.landing-feedback .visual-carousel-collections a span small{max-width:28ch;font-size:18px;line-height:1.45;font-weight:500;letter-spacing:0;text-transform:none}
.landing-feedback .audience-tabs{display:flex;flex-wrap:wrap;gap:14px;border:0;background:transparent}
.landing-feedback .audience-tabs button{border:1px solid rgba(18,49,57,.22);border-radius:0;background:#fff;padding:15px 22px;color:var(--ink);font-size:18px;font-weight:700;letter-spacing:.02em;box-shadow:0 10px 30px rgba(8,38,46,.06);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.landing-feedback .audience-tabs button:hover{transform:translateY(-2px);border-color:var(--ink)}
.landing-feedback .audience-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.product-page .catalog-intro{display:block;padding:84px 0 58px}
.product-page .catalog-intro h1{font-size:clamp(42px,5vw,68px);line-height:.98}
.product-page .sort-control,.product-page .brochure-options,.catalog-v3 .product-visual>button,.catalog-v3 .product-detail-button{display:none!important}
.catalog-v3 .product-visual{background:transparent!important;padding:0;box-shadow:none}
.catalog-v3 .product-visual img{display:block;width:100%;aspect-ratio:1/1.02;object-fit:cover}
.catalog-v3 .product-info p,.catalog-v3 .product-info>div{display:none!important}
.catalog-v3 .catalog-grid article{background:#fff}
@media(max-width:1050px){
  .landing-feedback main>section:not(.hero)>.page,.product-page .page,.project-page .page,.projects-page .page,.document-page .page,.documents-page .page,.about-page .page{width:min(100% - 48px,920px)}
  .landing-feedback .visual-carousel-collections a{flex-basis:min(360px,48vw)}
}
@media(max-width:700px){
  .landing-feedback main>section:not(.hero)>.page,.landing-feedback .footer-detailed.page,.product-page .page,.project-page .page,.projects-page .page,.document-page .page,.documents-page .page,.about-page .page{width:calc(100% - 32px)}
  .landing-feedback .section{padding:60px 0}
  .landing-feedback .visual-carousel-collections{gap:14px}
  .landing-feedback .visual-carousel-collections a{flex:0 0 76vw;height:360px}
  .landing-feedback .visual-carousel-collections a span strong{font-size:24px}
  .landing-feedback .visual-carousel-collections a span small{font-size:13px}
  .product-page .catalog-intro{padding:48px 0 32px}
  .product-page .catalog-intro h1{font-size:38px}
}
/* Feedback 29.06.26 — collection grid override */

.landing-feedback .visual-carousel-collections{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;overflow:visible!important}
.landing-feedback .visual-carousel-collections a{width:auto;min-width:0;flex:none;height:380px}
@media(max-width:1180px){.landing-feedback .visual-carousel-collections{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-feedback .visual-carousel-collections a{height:360px}}
@media(max-width:700px){.landing-feedback .visual-carousel-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-feedback .visual-carousel-collections a{height:260px}.landing-feedback .visual-carousel-collections a span{right:14px;bottom:14px;left:14px;max-width:calc(100% - 28px)}.landing-feedback .visual-carousel-collections a span strong{font-size:20px}.landing-feedback .visual-carousel-collections a span small{font-size:11px;line-height:1.35}}

/* Feedback follow-up 29.06 — moduleo-v2 only */
.nav{
  font-size:18px;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.nav a{
  text-transform:uppercase;
}
.header-search,
.footer nav,
.back-home,
.catalog-footer nav{
  font-size:18px;
}
.landing-feedback .project-slide-premium:before,
.landing-feedback .project-stars{
  content:none!important;
  display:none!important;
}
.landing-feedback .visual-carousel-shell{
  margin-top:30px;
}
.landing-feedback .visual-carousel-collections{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:min(100%,900px);
  margin-inline:auto;
  overflow:visible!important;
  scroll-snap-type:none!important;
}
.landing-feedback .visual-carousel-collections a{
  flex:none!important;
  width:auto!important;
  min-width:0!important;
  height:330px!important;
  border-radius:5px;
  scroll-snap-align:unset!important;
  box-shadow:none!important;
}
.landing-feedback .visual-carousel-collections a:first-child{
  grid-column:1/-1;
  height:310px!important;
}
.landing-feedback .visual-carousel-collections a img{
  filter:brightness(.82)!important;
}
.landing-feedback .visual-carousel-collections a:after{
  background:linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,.06) 55%)!important;
}
.landing-feedback .visual-carousel-collections a span{
  right:16px!important;
  bottom:14px!important;
  left:16px!important;
  gap:4px!important;
  text-align:left!important;
}
.landing-feedback .visual-carousel-collections a span strong{
  font-size:clamp(22px,2.4vw,34px)!important;
  line-height:1!important;
}
.landing-feedback .visual-carousel-collections a span small{
  max-width:34ch!important;
  font-size:12px!important;
  line-height:1.35!important;
}
.landing-feedback .visual-carousel-collections a:first-child span strong{
  font-size:clamp(28px,3vw,42px)!important;
}
@media(max-width:700px){
  .nav{font-size:18px}
  .landing-feedback .visual-carousel-collections{
    grid-template-columns:1fr!important;
    width:100%;
    gap:10px!important;
  }
  .landing-feedback .visual-carousel-collections a,
  .landing-feedback .visual-carousel-collections a:first-child{
    grid-column:auto;
    height:280px!important;
  }
}

/* Feedback 30.06.2026 */
html,
body,
button,
input,
select,
textarea{
  font-family:"Inter",sans-serif!important;
}
body,
.product-page,
.projects-page,
.document-page,
.about-original{
  background:#fff!important;
}
.landing-feedback main>section:not(.hero),
.landing-feedback .about,
.landing-feedback .discover,
.landing-feedback .projects,
.landing-feedback .audience,
.landing-feedback .contact{
  background:#fff!important;
}
.landing-feedback .discover-intro{
  text-align:left;
}
.landing-feedback .visual-carousel-collections{
  width:min(100%,1180px)!important;
}
.landing-feedback .visual-carousel-collections a:first-child{
  height:330px!important;
}
.landing-feedback .visual-carousel-collections a{
  height:355px!important;
}
.landing-feedback .audience-simple{
  padding:78px 0!important;
}
.landing-feedback .audience-simple .intro{
  margin-bottom:28px;
}
.landing-feedback .audience-simple .audience-panel{
  display:block;
  min-height:0;
  background:#fff;
  border-top:1px solid var(--line);
}
.landing-feedback .audience-simple .audience-tools{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:none;
  border-left:0;
}
.landing-feedback .audience-simple .audience-tools a{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  min-height:112px;
  padding:26px 30px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#f6f4ef;
}
.landing-feedback .audience-simple .audience-tools a:nth-child(2){background:#eef4f1}
.landing-feedback .audience-simple .audience-tools a:nth-child(3){background:#f7eee9}
.landing-feedback .audience-simple .audience-tools a:hover{
  color:#fff;
  background:var(--ink);
}
.landing-feedback .audience-simple .audience-tools a:first-child{
  border-left:1px solid var(--line);
}
.landing-feedback .audience-simple .audience-tools strong{
  font-size:18px;
}
.landing-feedback .audience-simple .audience-tools b{
  position:static;
  font-size:22px;
}
.landing-feedback .contact,
.landing-feedback .footer-detailed,
.moduleo-footer{
  background:#fff!important;
}
@media(max-width:900px){
  .landing-feedback .audience-simple .audience-tools{
    grid-template-columns:1fr;
  }
  .landing-feedback .audience-simple .audience-tools a{
    border-left:1px solid var(--line);
  }
}
@media(max-width:700px){
  .landing-feedback .visual-carousel-collections{
    width:100%!important;
  }
  .landing-feedback .visual-carousel-collections a,
  .landing-feedback .visual-carousel-collections a:first-child{
    height:280px!important;
  }
}

/* Hero banner — clear image with bottom blur only */
.landing-feedback .hero-image{
  filter:saturate(1.02) contrast(1.02)!important;
  transform:none!important;
}
.landing-feedback .hero-overlay{
  inset:auto 0 0 0!important;
  height:30%!important;
  background:linear-gradient(0deg,rgba(5,31,38,.28) 0%,rgba(5,31,38,.12) 56%,rgba(5,31,38,0) 100%)!important;
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
  mask-image:linear-gradient(0deg,#000 0%,#000 62%,transparent 100%);
  -webkit-mask-image:linear-gradient(0deg,#000 0%,#000 62%,transparent 100%);
}
.landing-feedback .hero-content{
  top:auto!important;
  bottom:clamp(68px,11vh,132px)!important;
  transform:translateX(-50%)!important;
}
.landing-feedback .hero h1{
  max-width:820px!important;
  margin-bottom:18px;
  text-shadow:0 8px 28px rgba(0,0,0,.28);
}
.landing-feedback .hero-content>p:not(.kicker){
  max-width:680px!important;
  color:rgba(255,255,255,.9)!important;
  text-shadow:0 5px 22px rgba(0,0,0,.24);
}
.landing-feedback .header-brand img{
  filter:none!important;
}

/* Feedback 09.07.26 — Mao Trung intro background */
.about-original .about-original-intro{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-top:88px;
  padding-bottom:116px;
}
.about-original .about-original-intro:before{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%) scale(1.015);
  background:url("../assets/images/mao-trung-team-bg.png") center 72%/cover no-repeat;
  opacity:.68;
  filter:blur(.25px) saturate(.95);
}
.about-original .about-original-intro:after{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:
    linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.66) 42%,rgba(255,255,255,.48) 100%),
    linear-gradient(0deg,rgba(244,241,235,.34),rgba(244,241,235,.12));
}
.about-original .about-original-intro h1,
.about-original .about-original-intro p{
  position:relative;
  z-index:1;
}
@media(max-width:700px){
  .landing-feedback .hero-overlay{
    height:38%!important;
  }
  .landing-feedback .hero-content{
    bottom:72px!important;
  }
}

/* Feedback Moduleo 09.07.26 — desktop-only source update */
.header-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:18px;
}
.header-distributor-logo{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  width:150px;
  min-width:150px;
  cursor:default;
}
.header-distributor-logo img{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:1050px){
  .header-distributor-logo{display:none}
}
.landing-feedback .about-copy{
  display:block!important;
  max-width:980px;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}
.landing-feedback .about-copy h2{
  margin-right:auto;
  margin-left:auto;
}
.landing-feedback .about-copy>p{
  max-width:920px!important;
  margin:20px auto 0!important;
}
.about-profile-link{
  display:inline-flex;
  gap:10px;
  align-items:center;
  margin-top:24px;
  color:var(--ink);
  border-bottom:1px solid currentColor;
  font-size:13px;
  font-weight:700;
}
.catalog-v3 .catalog-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:50px 18px;
}
@media(max-width:1050px){
  .catalog-v3 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
.moduleo-footer .foot-contact-actions,
.landing-feedback .foot-contact-actions{
  display:none!important;
}
.moduleo-footer .rep-line strong,
.landing-feedback .rep-line strong{
  color:#1a1a2e;
  font-weight:800;
  letter-spacing:.02em;
}
.landing-feedback .audience-simple .audience-tools a:nth-child(1){background:#f7eee9}
.landing-feedback .audience-simple .audience-tools a:nth-child(2){background:#eef4f1}
.landing-feedback .audience-simple .audience-tools a:nth-child(3){background:#f6f4ef}

/* Feedback Moduleo 02 09.07.26 */
.landing-feedback .hero h1,
.landing-feedback .hero h1 em,
.landing-feedback .hero-content>p:not(.kicker){
  color:#fff!important;
  text-shadow:0 3px 16px rgba(0,0,0,.62),0 10px 36px rgba(0,0,0,.35)!important;
}
.landing-feedback .hero h1{
  text-transform:uppercase;
  letter-spacing:.02em;
}
.landing-feedback .audience-simple .audience-tools a:hover{
  color:var(--ink)!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(9,43,52,.14)!important;
  transform:translateY(-5px)!important;
  border-color:rgba(9,43,52,.34)!important;
}
.landing-feedback .audience-simple .audience-tools a:hover strong,
.landing-feedback .audience-simple .audience-tools a:hover b{
  color:var(--ink)!important;
}

/* Feedback 03 Moduleo 09.07.26 */
.header-distributor-logo{
  flex-direction:column;
  align-items:flex-end;
  width:128px;
  min-width:128px;
  gap:2px;
  line-height:1;
}
.header-distributor-logo img{
  width:128px;
}
.header-distributor-logo small{
  display:block;
  color:currentColor;
  font-size:8px;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
  opacity:.78;
}
.landing-feedback .hero-overlay{
  display:none!important;
}
.about-original .about-original-intro:before,
.about-original .about-original-intro:after{
  display:none!important;
}
.about-original .about-original-intro{
  overflow:visible;
  padding-top:58px;
  padding-bottom:86px;
  background:#fff;
}
.about-mao-logo{
  grid-column:1/-1;
  align-self:start;
  width:210px;
  margin-bottom:-12px;
}
.about-mao-logo img{
  width:100%;
  height:auto;
}
.about-original .about-original-intro .about-profile-link{
  grid-column:2;
  justify-self:start;
  align-self:start;
  margin-top:14px;
}

/* Feedback 10.07.26 — thử background lãnh đạo Mao Trung cho section Về Mao Trung */
.about-original .about-original-intro{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#fff;
}
.about-original .about-original-intro:before{
  display:block!important;
  content:"";
  position:absolute;
  z-index:0;
  inset:0 50% 0 auto;
  width:100vw;
  transform:translateX(50%);
  background:url("../assets/images/mao-trung-leadership-bg.png") center 50%/cover no-repeat;
  opacity:.48;
  filter:saturate(.9) contrast(.98);
}
.about-original .about-original-intro:after{
  display:block!important;
  content:"";
  position:absolute;
  z-index:0;
  inset:0 50% 0 auto;
  width:100vw;
  transform:translateX(50%);
  background:
    linear-gradient(90deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.5) 46%,rgba(255,255,255,.42) 100%),
    linear-gradient(0deg,rgba(255,255,255,.16),rgba(255,255,255,.24));
}
.about-original .about-original-intro .about-mao-logo,
.about-original .about-original-intro h1,
.about-original .about-original-intro p,
.about-original .about-original-intro .about-profile-link{
  position:relative;
  z-index:1;
}

/* Feedback 10.07.26 — đổi section Về Mao Trung thành hero banner */
.about-original .about-breadcrumb{
  display:none;
}
.about-original .about-original-intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:760px;
  width:100%;
  margin-top:82px;
  padding:120px max(48px,calc((100vw - 1380px)/2 + 48px));
  color:#fff;
  background:#061f26;
}
.about-original .about-original-intro:before{
  display:block!important;
  inset:0!important;
  width:auto!important;
  transform:none!important;
  background:url("../assets/images/mao-trung-leadership-bg.png") center center/cover no-repeat;
  opacity:1;
  filter:saturate(.86) contrast(1.04) brightness(.72);
}
.about-original .about-original-intro:after{
  display:block!important;
  inset:0!important;
  width:auto!important;
  transform:none!important;
  background:
    linear-gradient(90deg,rgba(4,26,32,.82) 0%,rgba(4,26,32,.58) 43%,rgba(4,26,32,.28) 72%,rgba(4,26,32,.5) 100%),
    linear-gradient(0deg,rgba(4,26,32,.34),rgba(4,26,32,.18));
}
.about-original .about-hero-kicker{
  max-width:980px;
  margin:0 0 10px;
  color:#fff;
  font-size:18px;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.2;
  text-transform:uppercase;
}
.about-original .about-original-intro h1{
  max-width:980px;
  margin:0 0 34px;
  color:#fff;
  font-size:clamp(76px,7.8vw,132px);
  font-weight:300;
  line-height:.92;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.about-original .about-original-intro p:not(.about-hero-kicker){
  max-width:980px;
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:22px;
  font-weight:400;
  line-height:1.58;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}
.about-original .about-original-intro .about-profile-link{
  grid-column:auto;
  justify-self:auto;
  align-self:flex-start;
  margin-top:34px;
  color:#fff;
  border-bottom-color:rgba(255,255,255,.82);
}
@media(max-width:1050px){
  .about-original .about-original-intro{
    min-height:680px;
    margin-top:72px;
    padding:92px 32px;
  }
  .about-original .about-original-intro h1{font-size:72px}
  .about-original .about-original-intro p:not(.about-hero-kicker){font-size:18px}
}
@media(max-width:700px){
  .about-original .about-original-intro{
    min-height:620px;
    padding:74px 24px;
  }
  .about-original .about-original-intro h1{
    font-size:46px;
    letter-spacing:.04em;
  }
  .about-original .about-original-intro p:not(.about-hero-kicker){font-size:18px}
}

/* Feedback 10.07.26 — hero content phải nằm trên banner đầu trang */
.about-original .about-original-hero{
  position:relative;
  display:flex;
  align-items:center;
  height:760px;
  min-height:560px;
  margin-top:82px;
  overflow:hidden;
  color:#fff;
  background:#061f26;
}
.about-original .about-original-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(4,26,32,.82) 0%,rgba(4,26,32,.62) 45%,rgba(4,26,32,.28) 75%,rgba(4,26,32,.46) 100%),
    linear-gradient(0deg,rgba(4,26,32,.32),rgba(4,26,32,.16));
}
.about-original .about-original-hero:before{
  display:none;
}
.about-original .about-original-hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.88) contrast(1.04) brightness(.82);
}
.about-original-hero-copy{
  position:relative;
  z-index:3;
  width:min(100% - 96px,1180px);
  margin-inline:auto;
  transform:translateY(-92px);
}
.about-original-hero-copy .about-hero-kicker{
  margin:0 0 12px;
  color:#fff;
  font-size:18px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.about-original-hero-copy h1{
  max-width:1080px;
  margin:0 0 28px;
  color:#fff;
  font-size:50px;
  font-weight:500;
  line-height:.92;
  letter-spacing:-.05em;
  text-transform:none;
}
.about-original-hero-copy>p:not(.about-hero-kicker){
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:18px;
  line-height:1.55;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}
.about-original-hero-copy .about-profile-link{
  margin-top:34px;
  color:#fff;
  border-bottom-color:rgba(255,255,255,.82);
}
@media(max-width:1050px){
  .about-original .about-original-hero{
    height:680px;
    min-height:600px;
    margin-top:72px;
  }
  .about-original-hero-copy{width:calc(100% - 64px)}
  .about-original-hero-copy h1{font-size:72px}
  .about-original-hero-copy>p:not(.about-hero-kicker){font-size:18px}
}
@media(max-width:700px){
  .about-original .about-original-hero{
    height:auto;
    min-height:660px;
    padding:74px 0;
  }
  .about-original-hero-copy{width:calc(100% - 48px)}
  .about-original-hero-copy h1{
    font-size:46px;
    letter-spacing:.04em;
  }
  .about-original-hero-copy>p:not(.about-hero-kicker){font-size:18px}
}
.collection-insight{
  display:grid;
  grid-template-columns:minmax(160px,210px) minmax(0,1fr);
  gap:12px;
  margin:10px 0 34px;
}
.collection-insight[hidden]{
  display:none!important;
}
.collection-insight-name,
.collection-insight-copy{
  border:1px solid rgba(23,58,66,.16);
  background:#f4f1eb;
}
.collection-insight-name{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:160px;
  padding:20px;
  color:#fff;
  background:var(--ink);
}
.collection-insight-name span{
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  opacity:.68;
}
.collection-insight-name strong{
  font:700 30px/1 var(--display);
  letter-spacing:-.04em;
}
.collection-insight-copy{
  min-height:160px;
  padding:22px 28px;
  color:#52676b;
  font-size:18px;
  line-height:1.65;
}
@media(max-width:1050px){
  .header-distributor-logo{display:none}
  .collection-insight{grid-template-columns:1fr}
  .collection-insight-name{min-height:112px}
  .about-mao-logo{width:180px;margin-bottom:6px}
  .about-original .about-original-intro .about-profile-link{grid-column:1}
}

/* Footer distributor lockup — logo first, Authorized Distributor below */
.footer-distributor,
.landing-feedback .footer-distributor,
.moduleo-footer .footer-distributor {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  text-align: center !important;
}

.footer-distributor .mao-logo,
.landing-feedback .footer-distributor .mao-logo,
.moduleo-footer .footer-distributor .mao-logo {
  order: 1;
  width: 210px !important;
  height: auto !important;
}

.footer-distributor .foot-by,
.landing-feedback .footer-distributor .foot-by,
.moduleo-footer .footer-distributor .foot-by {
  order: 2;
  color: #5b5b6e !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* Layout pass 11.07.26 — compact product/search and clearer project thumbnails */
.landing-feedback .hero-content > p:not(.kicker),
.landing-feedback .about-copy > p,
.document-hero-copy > p,
.projects-hero-copy p {
  font-size: 18px;
  line-height: 1.6;
}

.landing-feedback .project-slide img,
.landing-feedback .project-slide:hover img {
  filter: saturate(.98) brightness(1.02) contrast(1.02) !important;
  transform: none !important;
}

.landing-feedback .project-slide:after,
.landing-feedback .project-slide:hover:after {
  background: linear-gradient(0deg, rgba(5,31,38,.24), rgba(5,31,38,.04) 58%, rgba(5,31,38,.02)) !important;
}

.product-page .catalog-search-row {
  min-height: 20px !important;
  padding: 0 0 18px !important;
}

.product-page .catalog-search-row label {
  display: none !important;
}

.product-page .active-filters {
  justify-content: flex-start !important;
}

.collection-insight {
  grid-template-columns: minmax(150px, 200px) minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 8px 0 26px !important;
}

.collection-insight-name {
  min-height: 82px !important;
  padding: 16px 18px !important;
}

.collection-insight-name span {
  display: none !important;
}

.collection-insight-name strong {
  font-size: 26px !important;
}

.collection-insight-copy {
  min-height: 82px !important;
  padding: 16px 22px !important;
  font-size:18px !important;
  line-height: 1.55 !important;
}

.mao-home {
  overflow: hidden;
  color: var(--deep);
  background: #eef4f2;
}

.mao-home-grid {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 86px;
  align-items: center;
}

.mao-home-brand {
  display: grid;
  place-items: center;
  min-height: 300px;
  padding: 44px;
  background: #fff;
  border: 1px solid rgba(9,43,52,.12);
}

.mao-home-brand img {
  width: 220px;
  max-width: 100%;
  height: auto;
}

.mao-home-brand span {
  margin-top: 8px;
  color: #637176;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.mao-home-copy h2 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(42px, 4.6vw, 74px);
  line-height: .94;
  letter-spacing: -.06em;
}

.mao-home-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 42px;
}

.mao-home-stats article {
  min-height: 138px;
  padding: 22px;
  background: #fff;
  border: 1px solid rgba(9,43,52,.12);
}

.mao-home-stats strong {
  display: block;
  color: var(--ink);
  font: 700 40px/1 var(--display);
  letter-spacing: -.05em;
}

.mao-home-stats span {
  display: block;
  margin-top: 18px;
  color: #53676c;
  font-size:18px;
  line-height: 1.45;
}

.mao-logo-marquee {
  margin-top: 62px;
  overflow: hidden;
  border-top: 1px solid rgba(9,43,52,.1);
  border-bottom: 1px solid rgba(9,43,52,.1);
  background: #fff;
}

.mao-logo-marquee > div {
  display: flex;
  width: max-content;
  animation: mao-marquee 28s linear infinite;
}

.mao-logo-marquee span {
  display: grid;
  place-items: center;
  min-width: 190px;
  min-height: 78px;
  border-right: 1px solid rgba(9,43,52,.08);
  color: #53676c;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

@keyframes mao-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.about-made-care {
  width: 100% !important;
  max-width: none !important;
  padding-right: max(48px, calc((100vw - var(--page)) / 2)) !important;
  padding-left: max(48px, calc((100vw - var(--page)) / 2)) !important;
  background: #f2dcd0;
}

.about-unilin-near-usp {
  margin-top: -72px !important;
  padding-top: 42px !important;
  padding-bottom: 64px !important;
  border-top: 1px solid rgba(9,43,52,.12);
  border-bottom: 1px solid rgba(9,43,52,.12);
}

.about-original-section-reverse .about-soft-panel {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.about-original-section-reverse .about-soft-panel div {
  min-height: 170px !important;
  padding: 28px !important;
  background: #f7f3ed !important;
  border: 1px solid rgba(9,43,52,.12) !important;
}

.about-original-section-reverse .about-soft-panel strong {
  font-size: 25px !important;
  line-height: 1.05 !important;
}

.about-original-section-reverse .about-soft-panel span {
  margin-top: 16px !important;
  font-size:18px !important;
  line-height: 1.45 !important;
}

/* Content pass 12.07.26 — brand wording, collection image focus */
.header-distributor-logo small,
.footer-distributor .foot-by,
.landing-feedback .footer-distributor .foot-by,
.moduleo-footer .footer-distributor .foot-by,
.mao-home-brand span {
  text-transform: none !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
}

.mao-home-lead {
  max-width: 760px;
  margin: 22px 0 0;
  color: #53676c;
  font-size: 18px;
  line-height: 1.6;
}

.landing-feedback .visual-carousel-collections a img {
  transform: scale(1.12) !important;
  filter: brightness(.88) contrast(1.06) saturate(1.02) !important;
}

.landing-feedback .visual-carousel-collections a:hover img {
  transform: scale(1.16) !important;
  filter: brightness(.94) contrast(1.08) saturate(1.04) !important;
}

.landing-feedback .visual-carousel-collections a:nth-child(1) img,
.landing-feedback .visual-carousel-collections a:nth-child(2) img,
.landing-feedback .visual-carousel-collections a:nth-child(5) img {
  object-position: center 78% !important;
}

.landing-feedback .visual-carousel-collections a:nth-child(4) img {
  object-position: center 84% !important;
}

/* Feedback tổng 11.07 — About intro uses floor banner + plain brand story */
.about-floor-banner {
  margin-top: 82px;
  height: min(430px, 34vw);
  min-height: 300px;
  overflow: hidden;
  background: #f7f3ed;
}

.about-floor-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 76%;
}

.about-original .about-original-hero.about-plain-intro {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  padding: 92px 0 86px !important;
  color: var(--deep) !important;
  background: #f7f3ed !important;
}

.about-original .about-original-hero.about-plain-intro:before,
.about-original .about-original-hero.about-plain-intro:after {
  display: none !important;
}

.about-original .about-original-hero.about-plain-intro .about-original-hero-copy {
  position: static !important;
  width: var(--page) !important;
  margin: 0 auto !important;
  transform: none !important;
}

.about-original .about-original-hero.about-plain-intro .about-hero-kicker {
  margin: 0 0 14px !important;
  color: #5f767b !important;
}

.about-original .about-original-hero.about-plain-intro h1 {
  max-width: 780px !important;
  margin: 0 0 26px !important;
  color: var(--deep) !important;
  font-size: clamp(56px, 6vw, 92px) !important;
  font-weight: 600 !important;
  line-height: .92 !important;
  letter-spacing: -.07em !important;
}

.about-original .about-original-hero.about-plain-intro p:not(.about-hero-kicker) {
  max-width: 760px !important;
  color: #53676c !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  text-shadow: none !important;
}

/* Feedback tổng 11.07 — Mao Trung Home section closer to reference */
.mao-home-grid {
  grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr) !important;
  gap: 72px !important;
}

.mao-home-brand {
  display: none !important;
}

.mao-home-logo {
  display: block;
  width: 220px;
  height: auto;
  margin: 10px 0 8px;
}

.mao-home-role {
  display: inline-block;
  margin-bottom: 28px;
  color: #5f767b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}

.mao-home-visual {
  margin: 0;
}

.mao-home-visual > img {
  display: block;
  width: 100%;
  height: 430px;
  object-fit: cover;
  border-radius: 18px;
}

.mao-home-visual figcaption {
  margin-top: 18px;
  padding: 24px 28px;
  background: #fff;
  border: 1px solid rgba(9,43,52,.12);
  border-radius: 18px;
}

.mao-home-visual figcaption strong {
  display: block;
  color: var(--deep);
  font: 700 22px/1.2 var(--display);
  letter-spacing: -.03em;
}

.mao-home-visual figcaption span {
  display: block;
  margin-top: 10px;
  color: #53676c;
  font-size:18px;
  line-height: 1.5;
}

/* Feedback 12.07.26_02 — final alignment/content polish */
.header-distributor-logo{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  text-align:center!important;
}
.header-distributor-logo img{display:block!important;margin:0 auto!important}
.header-distributor-logo small{display:block!important;width:100%!important;text-align:center!important;line-height:1.05!important}
.rep-line{font-size:18px!important;line-height:1.55!important}
.footer-distributor .foot-by,
.landing-feedback .footer-distributor .foot-by,
.moduleo-footer .footer-distributor .foot-by{font-size:18px!important;line-height:1.15!important;text-align:center!important}
.product-page .active-filters{display:none!important}
.about-original .about-original-hero.about-plain-intro{margin-top:82px!important}
.about-original .about-original-hero.about-plain-intro h1{font-size:clamp(52px,5vw,78px)!important}
.about-original .about-original-section-reverse .about-original-copy h2{font-size:clamp(50px,4.8vw,72px)!important;margin-bottom:0!important}
.about-original .about-original-section-reverse .about-original-copy .about-eyebrow,
.about-original .about-original-section-reverse .about-original-copy h2 + p{display:none!important}
.mao-home{padding-top:78px!important;padding-bottom:58px!important}
.mao-home-grid{grid-template-columns:minmax(0,1.02fr) minmax(360px,.82fr)!important;gap:48px!important;align-items:center!important}
.mao-home-copy .kicker,.mao-home-role{display:none!important}
.mao-home-logo{width:185px!important;margin:0 0 18px!important}
.mao-home-copy h2{max-width:680px!important;font-size:clamp(34px,3.5vw,54px)!important;line-height:.98!important}
.mao-home-lead{max-width:650px!important;margin-top:16px!important;font-size:18px!important;line-height:1.55!important}
.mao-home-stats{margin-top:26px!important;gap:12px!important}
.mao-home-stats article{min-height:104px!important;padding:18px!important}
.mao-home-stats strong{font-size:32px!important}
.mao-home-stats span{margin-top:10px!important;font-size:18px!important;line-height:1.35!important}
.mao-home-visual>img{height:330px!important;border-radius:14px!important}
.mao-home-visual figcaption{margin-top:12px!important;padding:18px 20px!important;border-radius:14px!important}
.mao-home-visual figcaption strong{font-size:20px!important}
.mao-home-visual figcaption span{font-size:18px!important;line-height:1.4!important}
.mao-logo-marquee{margin-top:34px!important;background:#fff!important}
.mao-logo-marquee-images{padding:0!important}
.mao-logo-marquee .mao-logo-track{display:flex!important;align-items:center!important;width:max-content!important;animation:mao-marquee-images 36s linear infinite!important}
.mao-logo-marquee .mao-logo-track img{display:block!important;width:auto!important;max-width:none!important;height:86px!important;object-fit:contain!important;padding:0 18px!important;background:#fff!important;border-right:1px solid rgba(9,43,52,.08)!important}
.mao-logo-marquee-images span{display:none!important}
@keyframes mao-marquee-images{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:900px){
  .mao-home-grid{grid-template-columns:1fr!important;gap:28px!important}
  .mao-home{padding-top:56px!important;padding-bottom:44px!important}
  .mao-home-logo{width:165px!important}
  .mao-home-copy h2{font-size:38px!important}
  .mao-home-stats{grid-template-columns:1fr!important}
  .mao-home-visual>img{height:260px!important}
  .mao-logo-marquee .mao-logo-track img{height:70px!important;padding:0 12px!important}
}

/* Feedback 13.07.26 — desktop only refinements */
.landing-feedback .visual-carousel-collections a span small{
  font-size:18px!important;
  line-height:1.45!important;
}
.project-side h2,
.landing-feedback .project-side h2{
  line-height:1.08!important;
}
.about-original-circular .about-circular-layout{
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;
  align-items:start!important;
  gap:70px!important;
}
.about-original-circular .about-original-copy{
  align-self:start!important;
  position:sticky;
  top:120px;
}
.about-original-circular .about-original-copy h2{
  margin-bottom:24px!important;
}
.about-original-circular .about-circular-copy{
  padding-top:8px!important;
}
.document-hero-copy:empty{display:none!important}
.document-hero>.page{grid-template-columns:1fr!important}

/* Feedback 13.07.26_02 — desktop-only refinements */
.mao-logo-marquee .mao-logo-track{
  animation-duration:72s!important;
}
.mao-logo-marquee .mao-logo-track img{
  height:112px!important;
  width:260px!important;
  object-fit:contain!important;
  padding:14px 24px!important;
  background:#fff!important;
}
.about-original .about-original-hero.about-plain-intro .about-original-hero-copy{
  width:min(760px, calc(var(--page) * .56))!important;
  margin-left:calc((100vw - var(--page)) / 2 + var(--page) * .44)!important;
  margin-right:auto!important;
}
.about-original .about-original-hero.about-plain-intro h1,
.about-original .about-original-hero.about-plain-intro p:not(.about-hero-kicker){
  max-width:100%!important;
}
.about-original-circular .about-circular-layout{
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)!important;
  align-items:start!important;
  gap:76px!important;
}
.about-original-circular .about-original-copy{
  position:static!important;
  top:auto!important;
  align-self:start!important;
}
.about-original-circular .about-original-copy p{
  max-width:620px!important;
  margin:18px 0 0!important;
  color:#53676c!important;
  font-size:18px!important;
  line-height:1.6!important;
}
.about-original-circular .about-circular-copy{
  padding-top:0!important;
}
.about-original-circular .about-circular-copy>p{
  display:none!important;
}
.about-circular-illustration{
  margin:0!important;
}
.document-search{
  display:none!important;
}

/* Quick alignment — About hero intro back to left grid edge */
.about-original .about-original-hero.about-plain-intro .about-original-hero-copy{
  width:var(--page)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.about-original .about-original-hero.about-plain-intro h1,
.about-original .about-original-hero.about-plain-intro p:not(.about-hero-kicker){
  max-width:760px!important;
}

/* Partner logos — use downloaded web logo assets */
.landing-feedback .mao-logo-marquee.mao-logo-marquee-images .mao-logo-track img[src*="downloaded-web"]{
  width:250px!important;
  height:118px!important;
  padding:22px 28px!important;
  object-fit:contain!important;
  background:#fff!important;
}

/* Partner logo sizing refinement */
.landing-feedback .mao-logo-marquee.mao-logo-marquee-images .mao-logo-track img[src*="downloaded-web"]{
  width:125px!important;
  height:59px!important;
  padding:7px 10px!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Feedback 14.07.26 — desktop refinements */
.section-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:24px;
  color:var(--ink);
  border-bottom:1px solid currentColor;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.02em;
}
.discover-intro{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:28px!important;
}
.discover-intro h2{margin-bottom:0!important}
.desktop-contact-rail{
  position:fixed;
  z-index:80;
  right:26px;
  top:50%;
  display:flex;
  flex-direction:column;
  gap:14px;
  transform:translateY(-50%);
}
.desktop-contact-rail-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:70px;
  height:70px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:18px;
  color:#fff;
  background:rgba(9,43,52,.88);
  box-shadow:0 18px 42px rgba(9,43,52,.25);
  backdrop-filter:blur(10px);
  font-size:18px;
  font-weight:850;
  letter-spacing:.02em;
}
.desktop-contact-rail-btn.zalo{font-size:17px}
.desktop-contact-rail-btn.call{font-size:32px;line-height:1}
.desktop-contact-rail-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 48px rgba(9,43,52,.28);
}
@media(max-width:1050px){
  .desktop-contact-rail{display:none}
}
.about-original .about-original-hero.about-plain-intro{
  padding-top:118px!important;
  padding-bottom:110px!important;
}
.about-original .about-original-hero.about-plain-intro h1{
  font-size:clamp(58px,6.2vw,96px)!important;
}
.about-original .about-original-hero.about-plain-intro p:not(.about-hero-kicker){
  max-width:860px!important;
  font-size:20px!important;
}
.about-usp-redesign{
  display:block!important;
}
.about-usp-redesign>.about-original-copy{
  max-width:720px;
  margin-bottom:44px;
}
.about-usp-list{
  display:grid;
  gap:28px;
}
.about-usp-row{
  display:grid;
  grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr);
  align-items:center;
  gap:48px;
  padding:28px;
  background:#f7f3ed;
  border:1px solid rgba(9,43,52,.1);
}
.about-usp-row:nth-child(even){
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
}
.about-usp-row:nth-child(even) figure{order:2}
.about-usp-row figure{
  margin:0;
  overflow:hidden;
  min-height:310px;
  background:#fff;
}
.about-usp-row figure img{
  display:block;
  width:100%;
  height:100%;
  min-height:310px;
  object-fit:cover;
}
.about-usp-row figure.about-usp-duo{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
}
.about-usp-row figure.about-usp-duo img{
  min-width:0;
  height:100%;
  min-height:310px;
  object-fit:cover;
}
.about-usp-row h3{
  margin:0 0 18px;
  color:var(--deep);
  font:800 clamp(34px,3.4vw,56px)/.96 var(--display);
  letter-spacing:-.06em;
}
.about-usp-row p{
  max-width:620px;
  margin:0;
  color:#53676c;
  font-size:18px;
  line-height:1.62;
}
.about-unilin-near-usp{
  display:none!important;
}
.about-maotrung-distributor{
  padding:92px 0 112px;
  border-top:1px solid rgba(9,43,52,.12);
}
.about-maotrung-distributor>.about-original-copy{
  max-width:880px;
  margin-bottom:42px;
}
.about-maotrung-distributor .about-eyebrow{
  display:block;
  margin-bottom:18px;
  color:#6d868a;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.about-maotrung-distributor h2{
  margin:0;
  color:var(--deep);
  font:800 clamp(44px,4.6vw,76px)/.96 var(--display);
  letter-spacing:-.07em;
}
.about-maotrung-feature{
  display:grid;
  grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr);
  align-items:center;
  gap:56px;
  margin-top:34px;
}
.about-maotrung-feature-reverse{
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
}
.about-maotrung-feature-reverse figure{order:2}
.about-maotrung-feature figure{
  margin:0;
  overflow:hidden;
  background:#f7f3ed;
  border:1px solid rgba(9,43,52,.1);
}
.about-maotrung-feature figure img{
  display:block;
  width:100%;
  height:390px;
  object-fit:cover;
}
.about-maotrung-feature-reverse figure img{
  object-fit:contain;
  padding:34px;
  background:#fff;
}
.about-maotrung-feature h3{
  margin:0 0 16px;
  color:var(--deep);
  font:800 clamp(32px,3vw,48px)/1 var(--display);
  letter-spacing:-.05em;
}
.about-maotrung-feature p{
  margin:0;
  color:#53676c;
  font-size:18px;
  line-height:1.62;
}
.about-maotrung-feature .btn{
  margin-top:24px;
}
@media(max-width:1050px){
  .discover-intro{display:block!important}
  .about-usp-row,
  .about-usp-row:nth-child(even),
  .about-maotrung-feature,
  .about-maotrung-feature-reverse{
    grid-template-columns:1fr!important;
  }
  .about-usp-row:nth-child(even) figure,
  .about-maotrung-feature-reverse figure{order:0}
}

/* Feedback 14.07.26.02 — desktop detail refinements */
.desktop-contact-rail{
  right:22px!important;
  top:auto!important;
  bottom:28px!important;
  transform:none!important;
  gap:10px!important;
}
.desktop-contact-rail-btn{
  width:52px!important;
  height:52px!important;
  border-radius:14px!important;
  background:rgba(9,43,52,.9)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 12px 30px rgba(9,43,52,.2)!important;
}
.desktop-contact-rail-btn.zalo{
  font-size:13px!important;
}
.desktop-contact-rail-btn.call{
  color:#fff!important;
  background:#123f48!important;
  font-size:24px!important;
}
.about-usp-row:first-child figure{
  background:#fff!important;
}
.about-usp-row:first-child figure img{
  object-fit:contain!important;
  object-position:left center!important;
  padding:26px!important;
  background:#fff!important;
}
.about-maotrung-distributor>.about-original-copy{
  margin-bottom:48px!important;
}

/* Feedback final 14.07 — spacing for capability profile CTA */
.about-copy .btn,
.mao-home-copy .btn,
.about-maotrung-distributor>.about-original-copy .btn{
  margin-top:24px;
}
