@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--bg:#131512;--bg2:#1d201a;--text:#f2f0e9;--muted:#a6a89f;--gold:#f1b965;--line:#34372f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}header{height:108px;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(19,21,18,.94);backdrop-filter:blur(12px);z-index:10}.logo{font-weight:600;letter-spacing:.18em;font-size:28px;color:#fff;text-decoration:none}nav{margin:auto;display:flex;gap:52px}header a{color:#d6d6cf;text-decoration:none}.meet{padding-bottom:14px;border-bottom:1px solid var(--gold)}.hero{min-height:calc(100vh - 108px);display:grid;grid-template-columns:48% 52%}.hero-copy{padding:9vh 5vw;display:flex;flex-direction:column;justify-content:center}.eyebrow,.experience span,.design>span,.faq-title>span,.cta>span{font-size:14px;letter-spacing:.2em}.eyebrow:before{content:'—';color:var(--gold);margin-right:18px}.hero h1,.experience h2,.design h2,.faq h2,.cta h2{font-weight:300;font-size:clamp(62px,7vw,118px);line-height:.95;margin:8vh 0 4vh}.hero h1 em,.design h2 em,.faq h2 em,.cta h2 em{font-family:'Playfair Display',serif;color:var(--gold);font-weight:500}.hero p{font-size:24px;line-height:1.65;color:#d4d4ce}.btn{display:inline-block;width:max-content;margin-top:28px;padding:22px 30px;background:var(--gold);color:#111!important;text-decoration:none}.hero-img{background:url('tablelight-hero.jpg') center/cover no-repeat}.experience,.design,.faq{padding:8vw 7%}.section-top{display:flex;justify-content:space-between}.section-top p{margin:0;font-size:18px;color:#d0d1ca}.experience h2{font-size:72px;margin:8vh 0}.experience h2 span{font-size:inherit;letter-spacing:0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:54px}.steps article{border-top:1px solid var(--line);padding-top:35px}.steps b{color:var(--gold);font-family:serif;font-size:22px}.steps h3{font-size:24px;margin-top:28px}.steps p{color:#b7b9b0;font-size:18px;line-height:1.65;min-height:92px}.steps small{color:#eee}.steps small::first-letter{color:var(--gold)}.red{color:#eee!important}.design{background:var(--bg2);display:grid;grid-template-columns:1fr 2fr;gap:60px}.design h2{font-size:68px;margin:0 0 32px}.design p{max-width:720px;color:#b8baaf;font-size:20px;line-height:1.7}.specs{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:30px}.specs div{padding:30px 0}.specs b{display:block;color:var(--gold);font-size:26px}.specs span{letter-spacing:0;font-size:15px;color:#aaa}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw}.faq h2{font-size:70px}.faq-list details{border-bottom:1px solid var(--line);padding:24px 0}.faq-list summary{cursor:pointer;font-size:20px;list-style:none}.faq-list summary:after{content:'+';float:right;color:var(--gold)}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#b8baaf;line-height:1.7;font-size:18px}.cta{text-align:center;background:var(--bg2);padding:7vw 5%}.cta h2{font-size:76px;margin:40px 0}.cta p{color:#b8baaf;font-size:20px;line-height:1.6}.cta small{display:block;margin-top:28px;letter-spacing:.12em;color:#bbb}footer{padding:55px 5%;display:flex;justify-content:space-between;align-items:center}footer b{letter-spacing:.2em;font-size:22px}footer span{color:#b7b7b1}@media(max-width:900px){header{height:80px}.logo{font-size:20px}nav{display:none}.meet{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{min-height:72vh}.hero-img{height:62vh}.hero h1{font-size:68px}.hero p{font-size:20px}.experience,.design,.faq{padding:90px 7%}.section-top p{display:none}.experience h2,.design h2,.faq h2,.cta h2{font-size:52px}.steps{grid-template-columns:1fr}.steps p{min-height:auto}.design,.faq{grid-template-columns:1fr}.specs{grid-column:1}.faq-list{margin-top:20px}footer{gap:20px;flex-direction:column;align-items:flex-start}}
