:root{--blue:#19598d;--navy:#123f63;--ink:#12171c;--muted:#68727b;--line:#e5e9ec;--soft:#f5f7f8;--white:#fff;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;line-height:1.55}a{color:inherit}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;width:min(var(--max),calc(100% - 40px));margin:auto;border-bottom:1px solid var(--line)}.brand img{display:block;width:145px}.site-header nav{display:flex;gap:28px}.site-header nav a{text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em}.hero{min-height:520px;display:flex;flex-direction:column;justify-content:center;padding:70px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--blue);margin:0 0 16px}.hero h1,.section h2,.about h2{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.055em;margin:0}.lead{font-size:clamp(17px,2vw,21px);max-width:690px;color:var(--muted);margin:28px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{padding:13px 19px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:750}.primary{background:var(--blue);color:#fff}.secondary{border:1px solid var(--line)}.section{padding:92px 0}.section-head h2{font-size:clamp(34px,5vw,56px)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-grid article{padding:30px 26px 32px 0;min-height:185px}.product-grid article+article{border-left:1px solid var(--line);padding-left:26px}.product-grid span{font-size:11px;color:var(--blue);font-weight:800}.product-grid h3{font-size:24px;margin:18px 0 7px}.product-grid p,.product-grid small{color:var(--muted);margin:0}.availability{margin:24px 0 0;color:var(--muted);font-size:14px}.availability a{color:var(--blue);font-weight:700;text-decoration:none}.about{background:var(--blue);color:#fff;padding:88px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.eyebrow.light{color:#d8e8f4}.about h2{font-size:clamp(40px,5vw,62px)}.about-grid>div:last-child>p{font-size:18px;color:#e6f0f6;margin-top:4px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:35px;padding-top:25px;border-top:1px solid rgba(255,255,255,.25);font-size:13px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin-top:45px}.contact-main p{margin:0 0 22px}.contact-main a{text-decoration:none}.contact-label{font-size:10px!important;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:800;margin-bottom:4px!important}.email{font:inherit;border:0;background:none;padding:0;color:var(--blue);text-decoration:underline;cursor:pointer}.locations{border-top:1px solid var(--line)}.locations article{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:120px 1fr}.locations p{margin:0;color:var(--muted)}footer{background:var(--soft);padding:38px 0 30px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #dce1e4}.footer-top img{width:120px}.footer-top p{font-size:12px;color:var(--muted)}.legal{padding-top:20px;font-size:10px;line-height:1.55;color:#7b858d}.legal p{max-width:1000px;margin:7px 0}.mobile-bar{display:none}@media(max-width:720px){.wrap,.site-header{width:min(100% - 28px,var(--max))}.site-header{height:72px}.brand img{width:112px}.site-header nav{gap:14px}.site-header nav a{font-size:11px}.site-header nav a:nth-child(2){display:none}.hero{min-height:440px;padding:55px 0}.hero h1{font-size:46px}.lead{font-size:17px;margin:22px 0}.section{padding:66px 0}.product-grid{grid-template-columns:1fr;margin-top:32px}.product-grid article{min-height:auto;padding:24px 0}.product-grid article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.about{padding:64px 0}.about-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.about-grid>div:last-child>p{font-size:16px}.locations article{grid-template-columns:90px 1fr}.footer-top{align-items:flex-start}.footer-top p{text-align:right;margin:4px 0}.legal{padding-bottom:56px}.mobile-bar{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:10;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bar a{text-align:center;padding:13px;text-decoration:none;font-size:13px;font-weight:800}.mobile-bar a:last-child{background:var(--blue);color:#fff}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Material illustration + compact brand wall */
.material-icons{display:block;width:min(760px,100%);height:auto;margin:8px auto 34px;object-fit:contain}
.brand-wall{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 8px}
.brand-wall span{border:1px solid #dce4eb;border-radius:999px;padding:9px 15px;font-weight:750;letter-spacing:-.01em;background:#fff;color:#24313c}
.brand-note{font-size:11px;line-height:1.45;color:#78838d;margin:0 0 24px;max-width:780px}
@media(max-width:640px){.material-icons{margin:0 auto 24px}.brand-wall{gap:7px}.brand-wall span{font-size:12px;padding:7px 11px}.brand-note{font-size:10px}.hero .actions{gap:8px}.hero .button{padding-left:14px;padding-right:14px}}
.sublead{display:block;margin-top:10px;font-size:.88em;line-height:1.55}.visual-grid article{text-align:center;padding:22px 26px 28px!important}.visual-grid article img{height:150px;width:100%;object-fit:contain;display:block;margin:0 auto -2px}.visual-grid h3{margin:5px 0 4px}.visual-grid small{display:block;margin-top:10px;font-size:12px;line-height:1.5}.brands-section{padding-top:38px;scroll-margin-top:90px}.brand-wall{align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin:0 0 10px}.brand-wall img{max-width:112px;max-height:54px;object-fit:contain}.brand-wall img[alt="Advance Decorative Laminates"]{max-width:105px;max-height:62px}.brand-wall img[alt="Makkal"]{max-width:100px}.brand-wall span.wordmark{border:0;border-radius:0;padding:0;background:none;font-weight:900;font-size:17px;letter-spacing:-.04em}.century{color:#d71d2b!important}.sharon,.greenply,.greenlam{color:#168047!important}.merino,.virgo{color:#e22b2f!important}.hero{position:relative}.hero:after{content:"";position:absolute;right:0;top:70px;width:34%;height:72%;border-radius:10px;background:linear-gradient(90deg,#b88b5a 0 18%,#69462e 18% 36%,#e3c69d 36% 43%,#315f80 43% 62%,#e9d7b9 62% 68%,#a47a50 68% 86%,#ead4b1 86%);opacity:.22;z-index:-1}.hero .lead{max-width:650px}.section-head{max-width:720px}@media(max-width:720px){.site-header nav a:nth-child(2){display:none}.visual-grid article img{height:130px}.brand-wall{justify-content:center;gap:20px}.brand-wall img{max-width:90px}.brand-wall span.wordmark{font-size:15px}.hero:after{display:none}}

/* Approved responsive hero — desktop / tablet / mobile */
.hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:34px;align-items:center;min-height:560px;padding:66px 0;overflow:hidden}
.hero-copy{min-width:0;position:relative;z-index:1}.hero h1{font-size:clamp(48px,5.35vw,72px)}
.hero-art{display:flex;align-items:center;justify-content:flex-end;min-width:0}.hero-art img{display:block;width:100%;max-width:500px;height:auto;object-fit:contain;mix-blend-mode:multiply}
.hero:after{display:none!important}.hero .lead{max-width:660px}.hero .actions{align-items:stretch}.hero .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:22px;min-height:500px;padding:54px 0}.hero h1{font-size:clamp(42px,5.7vw,58px)}.hero-art img{max-width:390px}.hero .lead{font-size:17px;margin:22px 0}.hero .button{padding:11px 14px;font-size:13px}}
@media(max-width:720px){.site-header nav{display:none}.site-header:after{content:"☰";font-size:23px;line-height:1;color:var(--ink);font-weight:700}.hero{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-height:0;padding:44px 0 50px;overflow:visible}.hero-copy{display:contents}.hero .eyebrow{order:1;margin-bottom:0}.hero h1{order:2;font-size:clamp(40px,12vw,52px);line-height:1.01}.hero .lead{order:3;margin:0;font-size:17px}.hero-art{order:4;justify-content:center;margin:2px auto 0;width:min(100%,520px)}.hero-art img{width:100%;max-width:480px}.hero .actions{order:5;display:grid;grid-template-columns:1fr;gap:9px;width:100%}.hero .button{width:100%;min-height:50px}.hero .whatsapp{border-color:#cfded5}.sublead{font-size:.86em}.mobile-bar{display:none}}

/* Final polish */
.site-header nav{align-items:center}
.instagram-nav{border:1px solid #cfdbe5;border-radius:999px;padding:8px 13px;color:var(--blue)}
.hero{min-height:510px;padding:48px 0;gap:26px}
.hero h1{font-size:clamp(46px,5vw,68px)}
.hero .lead{margin:22px 0 24px;line-height:1.45}
.hero-art img{max-width:465px}
.hero .button{background:#fff;color:var(--ink);border:1px solid #d8e1e8;box-shadow:0 1px 0 rgba(18,63,99,.02)}
.hero .button:hover,.hero .button:focus-visible{border-color:#9eb9cc;background:#f8fbfd}
.hero .whatsapp{color:#146c43;border-color:#c9dfd2}
.instagram-contact,.footer-top a{color:var(--blue);text-decoration:none;font-weight:700}
.button:focus-visible,.site-header a:focus-visible,.instagram-contact:focus-visible,.footer-top a:focus-visible{outline:3px solid rgba(25,89,141,.25);outline-offset:3px}
@media(max-width:1000px){.hero{min-height:460px;padding:42px 0}.hero-art img{max-width:360px}.instagram-nav{padding:7px 10px}}
@media(max-width:720px){.hero{padding:36px 0 44px}.hero h1{font-size:clamp(38px,11.5vw,48px)}.hero-art{width:min(94%,470px)}.hero .button{min-height:48px}.footer-top a{display:inline-block;margin-top:2px}}

/* Brand-logo correction */
.brand-wall img[alt="CenturyPly"]{max-width:125px;max-height:62px}
.brand-wall img[alt="Sharon Ply"]{max-width:125px;max-height:64px}
.brand-wall img[alt="Merino Laminates"]{max-width:125px;max-height:58px}
.brand-wall img[alt="Virgo Group"]{max-width:120px;max-height:58px}
@media(max-width:720px){.brand-wall img[alt="CenturyPly"],.brand-wall img[alt="Sharon Ply"],.brand-wall img[alt="Merino Laminates"],.brand-wall img[alt="Virgo Group"]{max-width:95px;max-height:50px}}

/* Final brand/product cleanup */
.brand-wall img[alt="Virgo Group"]{max-width:150px;max-height:68px}
@media(max-width:720px){.brand-wall img[alt="Virgo Group"]{max-width:115px;max-height:56px}}

/* Production cleanup: image-only product artwork + full Virgo wordmark */
.visual-grid article img{height:124px;object-fit:contain;margin:0 auto 8px}
.brand-wall{overflow:visible}
.brand-wall img[alt="Virgo Group"]{width:145px;max-width:145px;max-height:82px;height:auto;object-fit:contain;overflow:visible}
@media(max-width:720px){.visual-grid article img{height:116px}.brand-wall img[alt="Virgo Group"]{width:112px;max-width:112px;max-height:66px}}

/* Final icon polish */
.visual-grid article img{height:132px;width:100%;object-fit:contain;display:block;margin:0 auto 10px;filter:none}
.visual-grid article{overflow:hidden}
.brand-wall img{display:block;object-fit:contain}
@media(max-width:720px){.visual-grid article img{height:122px}}


/* Final live QA polish — 2026-09-16 */
@media(min-width:1001px){
  .hero{min-height:455px;padding:34px 0 38px;gap:20px}
  .hero-art img{max-width:510px}
  .section{padding:72px 0}
  #products.section{padding-top:62px}
  .contact.section{padding-top:72px;padding-bottom:64px}
  .contact-grid{margin-top:34px;gap:68px}
}
.visual-grid small{font-size:13px;line-height:1.45;color:#68727b}
.brand-wall{gap:20px}
.brand-wall img{width:auto;max-width:118px;max-height:58px}
.brand-wall img[alt="CenturyPly"]{max-width:122px;max-height:60px}
.brand-wall img[alt="Sharon Ply"]{max-width:116px;max-height:58px}
.brand-wall img[alt="Merino Laminates"]{max-width:116px;max-height:56px}
.brand-wall img[alt="Mikasa Laminates"]{max-width:116px;max-height:55px}
.brand-wall img[alt="Advance Decorative Laminates"]{max-width:108px;max-height:62px}
.brand-wall img[alt="Virgo Group"]{width:132px;max-width:132px;max-height:64px}
.brand-wall img[alt="Makkal"]{max-width:110px;max-height:54px}
@media(max-width:1000px) and (min-width:721px){
  .hero{min-height:430px;padding:36px 0}
  .hero-art img{max-width:390px}
  .section{padding:72px 0}
}
@media(max-width:720px){
  .visual-grid small{font-size:12.5px}
  .brand-wall img{max-width:94px;max-height:50px}
  .brand-wall img[alt="Virgo Group"]{width:108px;max-width:108px;max-height:54px}
}
