:root{--ink:#242627;--muted:#696d6c;--cream:#f7f6f2;--aqua:#7bc6c8;--dark:#202929;--line:#d9ddda;--max:1370px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}.container{width:min(var(--max),calc(100% - 108px));margin:auto}.section-pad{padding:115px 0}.announcement{background:#7fc2c3;color:#173b3a;text-align:center;font-size:10px;font-weight:700;letter-spacing:2.2px;padding:10px 12px}.announcement span{padding:0 16px}.site-header{height:92px;display:flex;align-items:center;gap:36px;padding:0 55px;background:#fff;position:relative;z-index:20}.logo{font-family:Manrope,sans-serif;font-size:31px;font-weight:600;letter-spacing:-2.5px;line-height:.8;white-space:nowrap}.logo span{color:#74bdbf;font-weight:300}.logo small{font-family:'DM Sans',sans-serif;display:block;font-size:8px;letter-spacing:3.2px;margin-top:10px;font-weight:700}.main-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.main-nav a{font-size:12px;font-weight:600;white-space:nowrap;transition:color .2s}.main-nav a:hover{color:#4e9b9c}.header-cta{background:var(--dark);color:#fff;padding:15px 18px;white-space:nowrap;font-size:10px;letter-spacing:1.5px;font-weight:700}.header-cta span{font-size:16px;margin-left:12px}.menu-toggle{display:none}.hero{height:min(780px,calc(100vh - 126px));min-height:620px;position:relative;background:#272c2c;color:#fff;overflow:hidden}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;pointer-events:none;transition:opacity .9s}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,21,21,.67),rgba(11,21,21,.25) 58%,rgba(11,21,21,.07)),var(--hero-image) center/cover no-repeat;transform:scale(1.05);transition:transform 8s}.hero-slide.active:before{transform:scale(1)}.hero-content{position:relative;z-index:1;margin-left:max(7%,calc((100vw - 1370px)/2));max-width:820px}.eyebrow{color:#439b9b;font-size:11px;letter-spacing:2.8px;font-weight:700;margin-bottom:24px}.eyebrow.light{color:#a3d9d8}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(55px,6.5vw,100px);font-weight:400;line-height:1.08;letter-spacing:-4px;margin:0 0 26px}.hero p{font-size:16px;line-height:1.85;max-width:440px;color:#eceeee;margin:0 0 38px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:19px 24px;font-size:11px;font-weight:700;letter-spacing:1.4px;transition:transform .2s,background .2s;border:0;min-height:55px}.btn:hover{transform:translateY(-3px)}.btn span{font-size:18px}.btn-light{background:#fff;color:var(--ink)}.btn-dark{background:#263131;color:#fff}.hero-controls{position:absolute;bottom:35px;left:6.8%;z-index:3;display:flex;align-items:center;gap:19px}.hero-controls button{background:none;border:1px solid #ffffff88;border-radius:50%;width:44px;height:44px;color:white;font-size:20px}.hero-controls span{font-size:11px;letter-spacing:2px}.hero-side-label{position:absolute;right:35px;bottom:65px;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;font-weight:700}.hero-side-label span{font-size:24px;margin-top:20px}.intro{background:#fff}.intro-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:130px;align-items:end}h2{font-family:Manrope,sans-serif;font-size:clamp(39px,4vw,65px);font-weight:400;letter-spacing:-2.8px;line-height:1.2;margin:0}h2 em,.quote-band em{font-style:normal;color:#73b9ba}.intro-copy p,.about-text p,.sustain-copy p,.contact p{font-size:15px;line-height:2;color:#68706d}.intro-copy{padding-bottom:8px}.text-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid var(--ink);padding:15px 0;font-size:11px;font-weight:700;letter-spacing:1.3px;margin-top:19px}.text-link span{font-size:18px}.collections{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:47px}.section-head .eyebrow{margin-bottom:15px}.section-head>p{max-width:335px;font-size:14px;line-height:1.8;color:var(--muted)}.dot{color:#70bbbc}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.collection-card{height:540px;position:relative;overflow:hidden;color:#fff;background:#555}.collection-card img{height:100%;transition:transform .65s;filter:brightness(.77)}.collection-card:hover img{transform:scale(1.06)}.collection-overlay{position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(5,17,17,.76));padding:35px;display:flex;justify-content:flex-end;align-items:flex-start;flex-direction:column}.collection-overlay>span:first-child{font-size:10px;letter-spacing:2px;font-weight:700}.collection-overlay h3{font-size:39px;letter-spacing:-1.6px;line-height:1.13;font-family:Manrope,sans-serif;font-weight:500;margin:15px 0 0}.circle-arrow{position:absolute;right:26px;bottom:35px;width:48px;height:48px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;font-size:23px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-images{position:relative;padding-right:40px}.about-main{height:650px}.about-sticker{position:absolute;right:0;bottom:40px;width:160px;height:160px;background:#7cc4c5;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;font-size:16px;text-align:center;letter-spacing:1px}.about-sticker span{font-size:30px}.about-text h2{margin:0 0 30px}.about-text .btn{margin:24px 0 60px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);padding-top:28px}.about-stats strong{display:block;font-size:29px;font-family:Manrope,sans-serif;font-weight:500}.about-stats span{font-size:9px;letter-spacing:1px;color:var(--muted)}.featured{background:#fbfbf9}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filter{padding:12px 22px;border:1px solid #dadeda;background:transparent;color:#57605d;font-size:12px}.filter.active,.filter:hover{background:#263131;border-color:#263131;color:white}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-card{background:#fff}.product-swatch{height:270px;position:relative;overflow:hidden}.product-swatch .pattern{width:100%;height:100%;transition:transform .4s}.product-card:hover .pattern{transform:scale(1.08)}.product-swatch button{position:absolute;bottom:13px;right:13px;border:0;background:#fff;padding:10px 14px;font-size:11px;font-weight:700}.product-meta{padding:22px 0 9px}.product-meta small{font-size:10px;color:#72aaaa;letter-spacing:1.5px}.product-meta h3{font-family:Manrope,sans-serif;font-size:22px;font-weight:500;margin:10px 0}.product-meta p{font-size:12px;color:var(--muted)}.wide-feature{display:grid;grid-template-columns:58% 42%;min-height:600px;background:#254443;color:#fff}.wide-image{background:url('assets/images/portfolio-lounge.svg') center/cover}.wide-copy{padding:110px max(60px,10%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.wide-copy h2{font-size:clamp(45px,5vw,79px)}.wide-copy p{max-width:360px;line-height:1.9;font-size:14px;color:#d4e5e3;margin:24px 0 32px}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:300px 300px;gap:18px}.port-tall{grid-row:span 2}.port-item{position:relative;overflow:hidden}.port-item img{height:100%;transition:transform .5s}.port-item:hover img{transform:scale(1.06)}.port-item:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0c1b1bbf)}.port-caption{position:absolute;bottom:26px;left:30px;right:30px;z-index:2;color:#fff;display:flex;flex-direction:column;gap:10px}.port-caption small{font-size:10px;letter-spacing:1.7px}.port-caption strong{font-family:Manrope,sans-serif;font-size:25px;font-weight:500}.port-caption span{position:absolute;right:0;bottom:0;font-size:26px}.quote-band{background:#e4eeee;text-align:center;padding:98px 0}.quote-band .container{max-width:900px}.quote-mark{font-size:75px;font-family:Georgia,serif;line-height:.7;color:#539c9d}.quote-band blockquote{font-family:Manrope,sans-serif;font-size:clamp(26px,3.3vw,45px);line-height:1.5;font-weight:400;margin:20px 0 25px}.quote-credit{font-size:10px;font-weight:700;letter-spacing:2px}.journal{background:#fff}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.journal-card img{height:260px}.journal-body{padding:26px 0}.journal-body>span:first-child{font-size:10px;letter-spacing:1.5px;color:#479697}.journal-body b{padding:0 7px}.journal-body h3{font-family:Manrope,sans-serif;font-size:26px;font-weight:500;letter-spacing:-.6px;line-height:1.35;margin:14px 0}.journal-body p{font-size:13px;line-height:1.8;color:var(--muted)}.read-more{display:inline-block;font-size:10px;letter-spacing:1.5px;font-weight:700;margin-top:15px}.sustainability{display:grid;grid-template-columns:1fr 1fr;min-height:470px;background:#f3f3ed}.sustain-image{background:url('assets/images/sustainability-room.svg') center/cover}.sustain-copy{align-self:center;padding:75px 12%}.sustain-copy h2{margin-bottom:25px}.contact{background:#fff}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-layout h2{font-size:clamp(44px,5vw,75px)}.contact-layout>div>p{max-width:420px;margin:25px 0 50px}.contact-info{display:flex;flex-direction:column;gap:8px}.contact-info span{font-size:10px;letter-spacing:1.5px;color:#70aaaa;font-weight:700;margin-top:13px}.contact-info strong{font-size:15px;font-weight:500}#contact-form{display:grid;grid-template-columns:1fr 1fr;gap:25px 18px}#contact-form label{display:flex;flex-direction:column;gap:10px;font-size:10px;letter-spacing:1.4px;font-weight:700}#contact-form label:nth-child(3),#contact-form label:nth-child(4){grid-column:span 2}#contact-form input,#contact-form select,#contact-form textarea{border:0;border-bottom:1px solid #c6cdca;border-radius:0;background:transparent;padding:14px 1px;font-size:14px;font-weight:400;letter-spacing:0;outline:none;color:var(--ink);width:100%}#contact-form input:focus,#contact-form textarea:focus{border-color:#60aeaf}#contact-form .btn{justify-self:start}.form-note{font-size:11px!important;margin:0!important;line-height:1.5!important}.newsletter{background:#305252;color:#fff;padding:73px 0}.newsletter-layout{display:flex;align-items:center;justify-content:space-between;gap:60px}.newsletter h2{font-size:clamp(33px,3.5vw,54px)}.newsletter form{width:min(430px,100%)}.newsletter label{font-size:13px;display:block;margin-bottom:17px;color:#e3eeee}.newsletter-input{display:flex;border-bottom:1px solid #bdd5d5}.newsletter-input input{background:transparent;border:0;padding:13px 0;color:white;outline:0;flex:1;min-width:0}.newsletter-input input::placeholder{color:#becdcb}.newsletter-input button{border:0;background:transparent;color:white;font-size:27px}.newsletter #newsletter-response{font-size:12px;margin-top:10px}.footer{background:#1f2828;color:#e6ebea;padding:80px 0 25px}.footer-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.5fr;gap:65px;padding-bottom:85px}.logo-footer{display:inline-block;font-size:35px}.footer p{line-height:1.9;font-size:13px;color:#b1c0bd;margin:26px 0}.footer h4{font-size:10px;letter-spacing:2px;color:#9bc9c9;margin:4px 0 30px}.footer-top>div>a:not(.logo){display:block;font-size:13px;color:#c5d0ce;margin:16px 0}.footer-bottom{border-top:1px solid #53605e;display:flex;justify-content:space-between;gap:20px;padding-top:26px;font-size:9px;letter-spacing:1.5px;color:#9caeaa}.footer-bottom a{color:#e9f5f3}@media(max-width:1200px){.site-header{padding:0 25px;gap:20px}.main-nav{gap:12px}.main-nav a{font-size:11px}.header-cta{padding:14px 12px}.container{width:min(var(--max),calc(100% - 64px))}.collection-card{height:440px}.intro-layout{gap:60px}}@media(max-width:950px){.site-header{height:76px}.menu-toggle{display:flex;margin-left:auto;flex-direction:column;gap:5px;border:0;background:none;padding:12px}.menu-toggle span{width:25px;height:2px;background:#243231}.main-nav{position:absolute;top:76px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:20px 32px 32px;box-shadow:0 15px 22px #0002;gap:0}.main-nav.open{display:flex}.main-nav a{padding:14px;border-bottom:1px solid #eee;font-size:14px}.header-cta{display:none}.hero{height:660px;min-height:0}.hero-content{margin-left:7%;margin-right:7%}.intro-layout,.about-layout,.contact-layout{gap:50px}.section-pad{padding:85px 0}.collection-overlay{padding:22px}.collection-overlay h3{font-size:30px}.collection-card{height:370px}.about-main{height:500px}.about-sticker{height:115px;width:115px;font-size:12px}.product-grid{grid-template-columns:repeat(2,1fr)}.wide-feature{min-height:470px}.wide-copy{padding:65px 9%}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-top>div:last-child{grid-column:span 3}}@media(max-width:650px){.announcement{font-size:8px;line-height:1.8;letter-spacing:1px}.announcement span{padding:0 5px}.site-header{padding:0 18px}.container{width:calc(100% - 36px)}.hero{height:640px}.hero-slide:before{background:linear-gradient(90deg,#0e1919b0,#0e19196b),var(--hero-image) center/cover no-repeat}.hero h1{font-size:clamp(47px,11vw,68px);letter-spacing:-2.8px}.hero p{font-size:14px}.hero-side-label{display:none}.hero-controls{left:7%}.section-pad{padding:68px 0}h2{font-size:40px;letter-spacing:-1.8px}.intro-layout,.about-layout,.contact-layout{grid-template-columns:1fr;gap:30px}.section-head{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:28px}.section-head>p{margin:4px 0 0}.collection-grid{grid-template-columns:1fr}.collection-card{height:420px}.collection-overlay h3{font-size:39px}.about-images{padding-right:20px}.about-main{height:400px}.about-text .btn{margin-bottom:35px}.product-grid{gap:14px}.product-swatch{height:200px}.product-meta h3{font-size:19px}.wide-feature{display:flex;flex-direction:column}.wide-image{min-height:340px}.wide-copy{padding:60px 9%}.portfolio-grid{grid-template-columns:1fr;grid-template-rows:420px 270px 270px}.port-tall{grid-row:span 1}.journal-grid{grid-template-columns:1fr;gap:14px}.journal-card img{height:240px}.sustainability{grid-template-columns:1fr}.sustain-image{min-height:290px}.sustain-copy{padding:60px 9%}.contact-layout>div>p{margin-bottom:30px}#contact-form{grid-template-columns:1fr}#contact-form label{grid-column:span 1!important}.newsletter-layout{flex-direction:column;align-items:flex-start;gap:25px}.footer-top{grid-template-columns:1fr 1fr;row-gap:38px}.footer-top>div:first-child,.footer-top>div:last-child{grid-column:span 2}.footer-bottom{flex-direction:column;line-height:1.8}.quote-band{padding:72px 0}}

/* Offline-safe system font stack and accessibility improvements */
body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3,.logo,.quote-band blockquote{font-family:"Trebuchet MS",Arial,sans-serif} :focus-visible{outline:3px solid #3da8a9;outline-offset:3px} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Real multi-page product navigation */
.nav-dropdown{position:relative;display:flex;align-items:center}.nav-products{display:inline-flex;align-items:center;gap:6px}.submenu-toggle{display:none;background:transparent;border:0;color:inherit;font-size:22px;line-height:1}.submenu{position:absolute;left:-18px;top:100%;min-width:242px;background:#fff;box-shadow:0 16px 38px #172c2c24;padding:10px 0;display:none;z-index:50;border-top:3px solid #73b9ba}.submenu a{display:block;padding:14px 18px!important;font-size:12px!important;border-bottom:1px solid #eef0ed;line-height:1.3}.submenu a:last-child{border:0}.submenu a:hover{background:#edf5f4}.nav-dropdown:hover .submenu,.nav-dropdown:focus-within .submenu,.nav-dropdown.expanded .submenu{display:block}
.product-hero{background:#203333;color:#fff;min-height:380px;display:flex;align-items:center;position:relative;overflow:hidden}.product-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#112727e8,#152f2f70),var(--product-image) center/cover no-repeat}.product-hero>.container{position:relative;padding:70px 0}.product-hero h1{font-size:clamp(48px,6vw,82px);font-weight:400;letter-spacing:-3px;margin:0 0 14px}.product-hero p{font-size:16px;line-height:1.8;max-width:570px;color:#ecf2f1}.crumb{font-size:11px;letter-spacing:1.2px;color:#a8d6d5;margin-bottom:35px}.crumb a{text-decoration:underline;text-underline-offset:4px}.product-subnav{background:#f4f7f5;border-bottom:1px solid #dce6e3}.product-subnav .container{display:flex;flex-wrap:wrap;gap:25px}.product-subnav a{padding:20px 4px;font-size:12px;font-weight:700;border-bottom:3px solid transparent}.product-subnav a.active,.product-subnav a:hover{border-color:#61aeb0}.product-intro{padding:78px 0 45px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.product-intro p{line-height:1.9;color:#64706e}.listing-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:30px}.listing-tools input,.listing-tools select{padding:13px;border:1px solid #ced8d4;background:#fff;min-width:190px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-bottom:85px}.catalog-item{background:#fff;border:1px solid #edf0ed}.catalog-item .catalog-image{height:300px;overflow:hidden;background:#c1c9c4}.catalog-image img{height:100%;transition:transform .4s}.catalog-item:hover .catalog-image img{transform:scale(1.045)}.catalog-content{padding:25px}.catalog-content small{color:#4b999a;letter-spacing:1.4px;font-size:10px;font-weight:700}.catalog-content h3{font-size:24px;font-weight:500;margin:9px 0}.catalog-content p{line-height:1.6;font-size:13px;color:#66716e;min-height:36px}.catalog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.catalog-actions a{font-size:11px;letter-spacing:.6px;padding:12px 16px;background:#233635;color:#fff}.catalog-actions a.secondary{background:#ecf4f3;color:#234340}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:75px 0}.detail-image{background:#f1f3ee;padding:16px}.detail-image img{height:490px}.detail-copy h1{font-size:clamp(40px,5vw,65px);font-weight:400;margin:0 0 20px}.detail-copy p{font-size:15px;line-height:1.9;color:#5c6966}.detail-specs{border-top:1px solid #d9e0dc;margin:25px 0}.detail-specs div{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #d9e0dc;padding:15px 0;font-size:13px}.detail-specs strong{font-weight:600}.empty-state{padding:50px;text-align:center;grid-column:1/-1;background:#f5f8f5}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 75px}.process-step{background:#f2f7f5;padding:35px}.process-step strong{font-size:36px;color:#69a9a8}.process-step h3{margin:20px 0 10px}.process-step p{line-height:1.8;color:#5f6e69;font-size:14px}.notice-strip{background:#e4f0ef;padding:26px 0;font-size:13px;color:#335957}
@media(max-width:950px){.nav-dropdown{display:block}.nav-dropdown .nav-products{display:inline-flex;width:calc(100% - 58px)}.submenu-toggle{display:inline-flex;padding:12px 18px}.submenu{display:none;position:static;min-width:0;box-shadow:none;border-top:0;padding:0 0 8px 15px;background:#f3f8f6}.nav-dropdown:hover .submenu,.nav-dropdown:focus-within .submenu{display:none}.nav-dropdown.expanded .submenu{display:block}.submenu a{font-size:13px!important}.catalog-grid{grid-template-columns:repeat(2,1fr)}.product-intro{gap:35px}}
@media(max-width:650px){.catalog-grid,.product-intro,.detail-grid,.process-steps{grid-template-columns:1fr}.catalog-image{height:250px!important}.detail-image img{height:330px}.product-hero{min-height:310px}.product-hero>.container{padding:50px 0}.detail-grid{gap:30px;padding:40px 0}.product-subnav .container{gap:12px}.product-subnav a{padding:14px 0;font-size:11px}.listing-tools input,.listing-tools select{width:100%}}

/* Brand-only update: uploaded Class Design Carpets logo. */
.site-header .logo{display:flex;align-items:center;flex:0 0 auto;line-height:1}
.site-header .brand-logo{display:block;width:clamp(142px,13.4vw,195px);max-height:64px;height:auto;object-fit:contain}
.logo-footer{display:inline-block;background:#fff;padding:8px 12px;border-radius:2px}
.logo-footer .brand-logo{display:block;width:230px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:950px){.site-header .brand-logo{width:165px;max-height:58px}}
@media(max-width:650px){.site-header .brand-logo{width:145px;max-height:55px}}

/* Logo hotfix: explicit sizing prevents global img width:100% from enlarging the brand. */
.site-header a.logo { display:flex; align-items:center; flex:0 0 170px; width:170px; max-width:170px; min-width:0; overflow:hidden; }
.site-header a.logo > img.brand-logo { display:block; width:170px !important; height:76px !important; max-width:170px !important; max-height:76px !important; object-fit:contain !important; object-position:left center; }
.footer a.logo-footer > img.brand-logo { display:block; width:205px !important; height:108px !important; max-width:205px !important; object-fit:contain !important; }
@media(max-width:950px) { .site-header a.logo { flex-basis:145px; width:145px; max-width:145px; } .site-header a.logo > img.brand-logo { width:145px !important; max-width:145px !important; height:67px !important; max-height:67px !important; } }
@media(max-width:650px) { .site-header a.logo { flex-basis:126px; width:126px; max-width:126px; } .site-header a.logo > img.brand-logo { width:126px !important; max-width:126px !important; height:62px !important; max-height:62px !important; } }