@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--ink:#111;--cream:#f4f1eb;--muted:#74736e;--orange:#df552d;--line:#dedbd4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:var(--cream)}.wrap{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}.topbar{background:var(--cream);position:sticky;top:0;z-index:4;border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;letter-spacing:.15em;text-decoration:none;color:var(--ink);font-size:17px}.logo span{color:var(--orange)}nav{display:flex;gap:30px}nav a,.text-link{color:inherit;text-decoration:none;font-size:13px}.nav-cta{background:var(--ink);color:white;padding:12px 17px;text-decoration:none;font-size:12px}.hero{min-height:690px;background:linear-gradient(90deg,rgba(10,10,10,.66),rgba(10,10,10,.05)),url('assets/j5-exterior.jpg') center/cover;display:flex;align-items:center;color:white}.hero-copy{padding-top:50px}.eyebrow,.section-label{font-size:11px;letter-spacing:.18em;font-weight:600;color:var(--orange)}.hero .eyebrow{color:#ff9b74}h1,h2{font-size:clamp(44px,7vw,82px);line-height:.98;letter-spacing:-.05em;margin:20px 0}h2{font-size:clamp(38px,5vw,64px)}em{font-family:'Playfair Display',serif;font-weight:500}.lead{max-width:480px;line-height:1.7;color:#e5e4df}.actions{display:flex;gap:14px;margin-top:32px}.button{display:inline-block;border:0;padding:15px 21px;text-decoration:none;font:600 12px 'DM Sans';cursor:pointer}.primary{background:var(--orange);color:white}.ghost{border:1px solid rgba(255,255,255,.6);color:white}.product,.news{padding-top:110px;padding-bottom:110px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.product-grid h2{margin-bottom:10px}.product-grid img{width:100%;height:390px;object-fit:cover}.muted{color:var(--muted);line-height:1.7}.specs{border-top:1px solid var(--line);margin:38px 0 28px}.specs div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}.specs span{color:var(--muted)}.text-link{font-weight:600;border-bottom:1px solid var(--orange);padding-bottom:5px}.dark{background:#171717;color:#f4f1eb;padding:110px 0}.dark .section-label{color:#ff9b74}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:70px}.feature-grid article{border-top:1px solid #555;padding-top:19px}.feature-grid span{color:#ff8060;font-size:12px}.feature-grid h3{font-size:20px}.feature-grid p{color:#aaa;line-height:1.7;font-size:14px}.gallery{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.gallery img{width:100%;height:470px;object-fit:cover}.dark-button{background:var(--ink);color:white;margin-top:15px}.section-head{display:flex;justify-content:space-between;align-items:end}.cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.card{text-decoration:none;color:inherit}.card img{width:100%;height:255px;object-fit:cover}.card small{display:block;color:var(--orange);font-size:11px;margin-top:16px}.card h3{font-size:20px;line-height:1.3}.contact{background:#ddd8ce;padding:110px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{margin-top:18px}.phone{font-size:28px;font-weight:600;margin-top:35px}form{background:var(--cream);padding:34px;display:flex;flex-direction:column;gap:18px}label{font-size:12px;font-weight:600}input,select{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--line);background:white;font:14px inherit}.form-note{font-size:11px;color:var(--muted)}footer{background:#171717;color:#eee;padding:45px 0}footer p{color:#aaa;font-size:13px}footer small{color:#777;font-size:11px}@media(max-width:700px){nav{display:none}.nav-cta{font-size:11px}.hero{min-height:620px}.product-grid,.gallery,.contact-grid{grid-template-columns:1fr;gap:35px}.product,.news,.gallery,.contact{padding-top:75px;padding-bottom:75px}.product-grid img,.gallery img{height:300px}.feature-grid,.cards{grid-template-columns:1fr;gap:25px}.feature-grid{margin-top:40px}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:10px}}