:root{--ink:#1b201c;--cream:#f3efe7;--warm:#dfd2bf;--terracotta:#a7654f;--line:#cfc7b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.header{height:86px;display:flex;align-items:center;gap:52px;padding:0 5.5%;border-bottom:1px solid var(--line)}.logo{font-size:24px;font-weight:700;letter-spacing:-2px}.logo span{color:var(--terracotta)}.nav{display:flex;gap:31px;font-size:13px;color:#64645d}.nav a:hover,.text-link:hover{color:var(--terracotta)}.header-phone{margin-left:auto;font-size:13px;font-weight:600}.menu-button{display:none;border:0;background:none;font-size:22px}.hero{min-height:680px;display:grid;grid-template-columns:47% 53%;padding-left:8%;overflow:hidden}.hero-copy{padding:116px 30px 80px 0;position:relative;z-index:1}.eyebrow{margin:0 0 22px;color:var(--terracotta);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(48px,6vw,82px);font-weight:500;line-height:.98;letter-spacing:-3px;margin:0 0 30px}.hero h1 em,.intro h2 em,.materials h2 em,.contact h2 em{color:var(--terracotta);font-style:italic}.hero-text{max-width:385px;color:#6a6a63;font-size:16px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{display:inline-flex;align-items:center;gap:25px;padding:17px 22px;font-size:12px;font-weight:700}.button span{font-size:18px;font-weight:400}.button-dark{color:#fff;background:var(--ink)}.button-light{color:var(--ink);background:var(--cream)}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:8px;font-size:18px}.hero-note{position:absolute;bottom:45px;color:#85847b;font-size:11px}.dot{display:inline-block;width:7px;height:7px;background:var(--terracotta);border-radius:50%;margin-right:8px}.hero-visual{min-height:680px;position:relative;background:#d8c8b4;overflow:hidden}.sun{position:absolute;width:340px;height:340px;border-radius:50%;background:#e5cfb1;top:86px;right:15%;opacity:.8}.room-art{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 69%,#b88d6c 69% 70%,transparent 70%),linear-gradient(#d9c7b1 0 73%,#aa785c 73%);}.wall-art{position:absolute;width:115px;height:145px;border:12px solid #94735d;right:19%;top:14%;background:#e9d7bc}.plant{position:absolute;bottom:20%;left:11%;width:100px;height:220px}.plant i{position:absolute;background:#56624d;border-radius:100% 0 100% 0;width:50px;height:115px;transform-origin:bottom}.plant i:nth-child(1){left:28px;transform:rotate(-28deg)}.plant i:nth-child(2){left:18px;transform:rotate(25deg)}.plant i:nth-child(3){left:47px;transform:rotate(50deg)}.plant:after{content:'';position:absolute;bottom:0;left:15px;width:75px;height:52px;background:#b16f4f;border-radius:5px 5px 18px 18px}.sofa{position:absolute;bottom:18%;left:25%;width:55%;height:150px;background:#ae725d;border-radius:30px 30px 8px 8px;box-shadow:0 25px #754f41}.sofa span,.sofa b{position:absolute;top:18px;width:46%;height:90px;border-radius:18px;background:#bf8671}.sofa span{left:3%}.sofa b{right:3%}.sofa i{position:absolute;width:18px;height:180px;background:#5b483d;bottom:-26px;left:15px;box-shadow:285px 0 #5b483d}.table{position:absolute;bottom:12%;right:13%;width:120px;height:70px;background:#a27452;border-radius:50%;box-shadow:0 20px 0 -8px #684c3d}.lamp{position:absolute;right:7%;top:29%;height:180px;border-left:3px solid #67554a}.lamp i{position:absolute;top:-16px;left:-29px;width:60px;height:38px;background:#eedbc0;border-radius:50% 50% 5px 5px}.lamp span{position:absolute;bottom:0;left:-14px;width:28px;height:8px;background:#67554a;border-radius:50%}.rug{position:absolute;bottom:6%;left:20%;width:60%;height:80px;background:#d7bfa3;border-radius:50%}.visual-caption{position:absolute;bottom:33px;right:7%;display:grid;grid-template-columns:45px 120px;gap:5px 12px;font-size:12px}.visual-caption span{grid-row:span 2;color:var(--terracotta);font-size:24px;font-family:serif}.visual-caption small{color:#756b61}.intro{padding:150px 8% 135px;max-width:950px}.intro h2,.section-heading h2,.materials h2,.contact h2{font-family:'Playfair Display',serif;font-weight:500;line-height:1.08;letter-spacing:-1px}.intro h2{font-size:clamp(36px,4.3vw,59px);margin:0}.intro-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:50px}.intro-bottom p{max-width:350px;color:#73736c;line-height:1.6;font-size:14px}.circle-arrow{display:grid;place-items:center;border:1px solid var(--ink);width:48px;height:48px;border-radius:50%;font-size:20px}.collection{padding:90px 8% 140px;background:#e7e0d5}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}.section-heading h2{font-size:44px;margin:0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-image{height:370px;position:relative;overflow:hidden}.chair{background:#d1bd9f}.chair-shape{position:absolute;width:210px;height:190px;left:50%;top:27%;transform:translateX(-50%);background:#b16c52;border-radius:80px 80px 16px 16px;box-shadow:inset 0 -25px #8e5545,0 120px 0 -102px #694c3b}.chair-shape:after,.chair-shape:before{content:'';position:absolute;width:13px;height:100px;background:#614738;bottom:-85px}.chair-shape:before{left:25px}.chair-shape:after{right:25px}.badge{position:absolute;top:18px;left:18px;padding:7px 12px;background:var(--cream);font-size:10px;text-transform:uppercase;letter-spacing:1px}.sofa-product{background:#c7d1c4}.sofa-shape{position:absolute;left:10%;right:10%;top:33%;height:125px;background:#687768;border-radius:24px 24px 8px 8px;box-shadow:0 22px #475848}.sofa-shape:before{content:'';position:absolute;inset:20px 48% 15px 8%;background:#829080;border-radius:14px}.table-product{background:#d4c0aa}.table-shape{position:absolute;width:230px;height:110px;left:50%;top:38%;transform:translateX(-50%);background:#775740;border-radius:50%;box-shadow:0 70px 0 -52px #4f3a2c}.table-shape:after{content:'';position:absolute;left:105px;top:55px;width:20px;height:105px;background:#4f3a2c}.product-meta{display:flex;justify-content:space-between;gap:10px;padding-top:17px}.product h3{font-size:15px;margin:0 0 5px}.product p{color:#85847c;font-size:12px;margin:0}.product strong{font-size:13px;white-space:nowrap}.materials{display:grid;grid-template-columns:1fr 1fr;background:#6c7b69;color:#f3efe7}.materials-card{padding:115px 10%;background:linear-gradient(135deg,#71816f,#536653)}.materials h2{font-size:50px;margin:0 0 42px}.material-list{padding:70px 12%;display:flex;flex-direction:column;justify-content:center}.material-list div{padding:25px 0;border-bottom:1px solid #9ba696}.material-list span{color:#d5b39a;font-size:11px;margin-right:28px}.material-list b{font-size:14px}.material-list p{margin:10px 0 0 45px;color:#c4cec0;font-size:13px}.contact{text-align:center;padding:150px 20px}.contact h2{font-size:clamp(42px,5vw,68px);margin:0 0 40px}.footer{display:flex;justify-content:space-between;align-items:center;padding:28px 8%;border-top:1px solid var(--line);font-size:11px;color:#77766e}.footer div{display:flex;gap:18px}.footer a:hover{color:var(--terracotta)}@media(max-width:800px){.header{height:70px;padding:0 6%;gap:0}.nav,.header-phone{display:none}.menu-button{display:block;margin-left:auto}.hero{display:block;padding:0}.hero-copy{padding:80px 8% 75px}.hero-note{position:static;margin-top:55px}.hero-visual{min-height:500px}.intro{padding:90px 8%}.intro-bottom{align-items:end}.section-heading{align-items:start;gap:25px;flex-direction:column}.section-heading h2{font-size:37px}.collection{padding:70px 8% 90px}.products{grid-template-columns:1fr;gap:45px}.product-image{height:330px}.materials{grid-template-columns:1fr}.materials-card{padding:80px 10%}.materials h2{font-size:40px}.material-list{padding:35px 10% 70px}.contact{padding:100px 8%}.footer{gap:20px;flex-wrap:wrap}}
/* Softer accent for the green materials section */
.materials .eyebrow,
.materials h2 em,
.material-list span{color:#e8c6a2}
/* Premium finishing layer */
::selection{background:#b97c63;color:#fff}
body{background:#f6f2ea;-webkit-font-smoothing:antialiased}
.header{position:sticky;top:0;z-index:20;background:rgba(246,242,234,.88);backdrop-filter:blur(14px);transition:box-shadow .25s ease}
.header:hover{box-shadow:0 8px 28px rgba(45,39,31,.06)}
.logo{letter-spacing:-2.5px;transition:transform .25s ease}.logo:hover{transform:translateY(-1px)}
.nav a{position:relative;padding:8px 0}.nav a:after{content:'';position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--terracotta);transition:right .25s ease}.nav a:hover:after{right:0}
.header-phone{transition:color .2s ease}.header-phone:hover{color:var(--terracotta)}
.hero-copy{animation:rise .8s ease both}.hero-visual{animation:fade-in 1s ease both}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
.button{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.button:hover{transform:translateY(-3px);box-shadow:0 14px 25px rgba(38,32,26,.16)}.button-dark:hover{background:#303a32}.button-light:hover{background:#fff8ef}
.hero-visual{box-shadow:inset 24px 0 60px rgba(69,52,38,.05)}
.sun{box-shadow:0 0 90px rgba(245,213,168,.38)}
.product-image{border-radius:2px;box-shadow:0 10px 25px rgba(46,39,30,.06);transition:transform .35s ease,box-shadow .35s ease}.product:hover .product-image{transform:translateY(-7px);box-shadow:0 22px 34px rgba(46,39,30,.13)}
.product h3{transition:color .2s ease}.product:hover h3{color:var(--terracotta)}
.badge{box-shadow:0 5px 14px rgba(40,30,20,.08)}
.circle-arrow{transition:background .25s ease,color .25s ease,transform .25s ease}.circle-arrow:hover{background:var(--ink);color:var(--cream);transform:rotate(-45deg)}
.materials-card{position:relative;overflow:hidden}.materials-card:after{content:'';position:absolute;width:280px;height:280px;right:-100px;bottom:-140px;border:1px solid rgba(232,198,162,.26);border-radius:50%;box-shadow:0 0 0 28px rgba(232,198,162,.06),0 0 0 56px rgba(232,198,162,.035)}
.material-list div{transition:padding-left .25s ease}.material-list div:hover{padding-left:8px}.material-list b{transition:color .2s ease}.material-list div:hover b{color:#e8c6a2}
.contact{background:#efe8dd}.contact .button{margin-top:5px}
.footer{background:#f6f2ea}.footer .logo{font-size:21px}
@media(max-width:800px){.header{position:sticky}.nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px 8%;background:rgba(246,242,234,.98);box-shadow:0 12px 25px rgba(40,32,24,.1);flex-direction:column;gap:15px}.nav.is-open{display:flex}.hero h1{letter-spacing:-2px}.hero-visual{box-shadow:none}.product-image{box-shadow:0 8px 18px rgba(46,39,30,.08)}.materials-card:after{display:none}}