:root{--ink:#11110f;--paper:#f3f0e9;--gold:#c7a36a;--muted:#77736c;--line:rgba(17,17,15,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);transition:.35s}.site-header.scrolled{height:72px;background:rgba(17,17,15,.94);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:17px;letter-spacing:.18em;font-weight:600}.brand-mark{width:34px;height:34px;border:1px solid var(--gold);display:grid;place-items:center;font-family:"Playfair Display";font-size:22px;color:var(--gold)}.brand small{display:block;font:500 7px/1.5 "DM Sans";letter-spacing:.32em;color:#aaa}.site-header nav{display:flex;gap:30px;font-size:13px}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--gold);transition:.3s}.site-header nav a:hover:after{width:100%}.header-cta{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.header-cta span,.text-link span{color:var(--gold);margin-left:8px}.menu-btn{display:none;background:0;border:0}.hero{height:100vh;min-height:720px;position:relative;color:#fff;display:flex;align-items:center;padding:120px 7vw 100px}.hero-image{position:absolute;inset:0;background:url("assets/hero-luxury-flooring.webp") center/cover no-repeat;animation:heroZoom 14s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,6,.93) 0%,rgba(7,7,6,.68) 35%,rgba(7,7,6,.08) 72%),linear-gradient(0deg,rgba(5,5,4,.6),transparent 45%)}@keyframes heroZoom{from{transform:scale(1.04)}to{transform:scale(1)}}.hero-content{position:relative;z-index:2;max-width:850px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:600}.eyebrow{color:#d8d3ca}.eyebrow span{display:inline-block;width:32px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}.hero h1,.section h2,.contact h2,.modal h2{font:500 clamp(54px,6.3vw,96px)/.99 "Playfair Display",serif;letter-spacing:-.04em;margin:25px 0}.hero h1 em,h2 em{color:var(--gold);font-weight:500}.hero-copy{max-width:570px;color:#c9c5bd;font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:40px}.button{border:0;padding:18px 24px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;justify-content:space-between;gap:34px;transition:.25s}.button-gold{background:var(--gold);color:#111}.button:hover{transform:translateY(-3px);filter:brightness(1.08)}.play-btn{background:none;border:0;color:#fff;cursor:pointer}.play{width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:inline-grid;place-items:center;margin-right:10px;font-size:9px}.hero-stats{position:absolute;z-index:2;right:6vw;bottom:60px;display:flex}.hero-stats div{padding:0 28px;border-left:1px solid rgba(255,255,255,.25)}.hero-stats strong{display:block;font:500 28px "Playfair Display"}.hero-stats span{font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:.1em}.scroll-cue{position:absolute;z-index:2;left:2.6vw;bottom:55px;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.18em;font-size:8px;color:#aaa}.scroll-cue span{height:50px;width:1px;background:#aaa;display:inline-block;margin-bottom:12px}.section{padding:130px 7vw}.section-label{color:#8b6c3d}.intro{background:#ece7de}.intro-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw}.intro h2,.collections h2,.projects h2{font-size:clamp(42px,5vw,70px)}.intro-copy{padding-top:40px;font-size:16px;line-height:1.8;color:#59564f}.text-link{display:inline-block;margin-top:25px;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.section-heading{display:flex;align-items:flex-end;justify-content:space-between}.section-heading>p{max-width:290px;color:var(--muted);line-height:1.7}.collection-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:50px}.tab{flex:1;padding:20px;background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;color:#817c74}.tab.active{border-color:var(--gold);color:var(--ink)}.collection-display{margin-top:40px;display:grid;grid-template-columns:1.25fr .75fr;background:#1a1a17;color:#fff;min-height:520px}.material-visual{position:relative;background-size:cover;background-position:center;transition:.4s}.material-visual.wood{background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.28)),url("assets/hero-luxury-flooring.webp") 70% 100%/170% auto}.material-visual.vinyl{background:repeating-linear-gradient(100deg,#9a7650 0 7px,#b28c61 8px 14px,#785b3e 15px 16px)}.material-visual.carpet{background:radial-gradient(circle at 20% 20%,#beb09d,#6f665a)}.material-visual.outdoor{background:repeating-linear-gradient(90deg,#7d5c42 0 55px,#3f342d 56px 59px)}.material-number{position:absolute;bottom:30px;left:35px;font:60px "Playfair Display";color:rgba(255,255,255,.6)}.material-info{padding:65px 60px;align-self:center}.material-info h3{font:44px "Playfair Display";margin:20px 0}.material-info>p:not(.eyebrow){color:#aaa;line-height:1.8}.material-info ul{padding:15px 0;list-style:none;border-top:1px solid #393934;border-bottom:1px solid #393934}.material-info li{padding:7px 0;color:#ccc;font-size:13px}.material-info li:before{content:"✓";color:var(--gold);margin-right:10px}.material-info .text-link{border-color:#888}.craft{min-height:800px;background:linear-gradient(90deg,rgba(8,8,7,.15),rgba(8,8,7,.25)),url("assets/hero-luxury-flooring.webp") center/cover fixed;display:flex;justify-content:flex-end;align-items:center;padding:8vw}.craft-panel{background:#141411;color:#fff;width:min(620px,100%);padding:70px}.craft-panel h2{font:50px/1.1 "Playfair Display"}.craft-panel>p:not(.section-label){color:#aaa;line-height:1.7}.steps{margin-top:40px}.steps div{display:flex;gap:25px;border-top:1px solid #3d3d38;padding:22px 0}.steps b{color:var(--gold);font-size:11px}.steps span{font-size:12px;color:#999}.steps strong{display:block;color:#fff;font-size:15px;margin-bottom:7px}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.project-card{min-height:600px;background-size:cover;background-position:center;position:relative;overflow:hidden}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.8));transition:.4s}.project-card:hover:after{background:linear-gradient(transparent 30%,rgba(0,0,0,.85))}.project-card:hover{background-size:112%}.p1{background-image:url("assets/hero-luxury-flooring.webp");transition:background-size .7s;background-size:105%}.p2{background:linear-gradient(145deg,transparent,rgba(0,0,0,.6)),url("assets/hero-luxury-flooring.webp") 80% center/cover}.project-card div{position:absolute;z-index:2;left:35px;bottom:30px;color:#fff}.project-card span,.project-card p{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#ccc}.project-card h3{font:34px "Playfair Display";margin:12px 0}.testimonial{text-align:center;background:#171714;color:#fff}.quote-mark{font:100px "Playfair Display";color:var(--gold);height:70px}.testimonial blockquote{max-width:950px;margin:10px auto 35px;font:34px/1.45 "Playfair Display"}.testimonial>p{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#888}.contact{padding:110px 7vw;background:#ded5c6;display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.contact h2{font-size:60px}.contact-copy>p:last-child{max-width:500px;line-height:1.8;color:#666}.contact form{display:grid;gap:18px;align-self:center}.contact label{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.contact input,.contact select{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #a59d90;padding:12px 0;outline:none;margin-top:5px}.contact input:focus,.contact select:focus{border-color:#5f4a2b}.form-status{font-size:13px;margin:0;color:#5f4a2b}footer{background:#0e0e0c;color:#fff;padding:45px 7vw;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#888}.modal{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.78);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.3s}.modal.open{opacity:1;visibility:visible}.modal-card{background:#eee9df;width:min(650px,90vw);padding:70px;position:relative}.modal-card h2{font-size:44px}.modal-card>p:last-child{line-height:1.8;color:#666}.modal-close{position:absolute;right:25px;top:18px;border:0;background:none;font-size:28px;cursor:pointer}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:rgba(199,163,106,.055);filter:blur(10px);pointer-events:none;z-index:1;transform:translate(-50%,-50%)}@media(max-width:900px){.site-header nav,.header-cta{display:none}.menu-btn{display:block}.menu-btn i{display:block;width:24px;height:1px;background:white;margin:6px}.site-header.mobile-open{height:auto;padding-bottom:30px;align-items:flex-start;background:#111}.site-header.mobile-open nav{display:flex;position:absolute;top:85px;left:5vw;flex-direction:column}.site-header.mobile-open{padding-bottom:250px}.hero{padding-left:6vw}.hero h1{font-size:55px}.hero-stats{display:none}.intro-grid,.collection-display,.contact{grid-template-columns:1fr}.collection-tabs{overflow-x:auto}.tab{min-width:130px}.material-visual{min-height:350px}.project-grid{grid-template-columns:1fr}.project-card{min-height:450px}.section{padding:90px 6vw}.craft{padding:60px 4vw}.craft-panel{padding:45px 30px}.contact{padding:80px 6vw}.cursor-glow{display:none}}@media(max-width:560px){.hero{min-height:700px}.hero h1{font-size:45px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-copy{font-size:15px}.section-heading{display:block}.section-heading>p{margin-bottom:30px}.collection-display{margin-top:20px}.material-info{padding:45px 30px}.testimonial blockquote{font-size:25px}.contact h2{font-size:43px}footer{gap:25px;align-items:flex-start;flex-direction:column}}
