@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600;1,700&display=swap');
:root{--bg:#0b0b0b;--card:#151515;--text:#f5f2eb;--muted:#aaa69e;--gold:#d7b56d;--line:#2a2927}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f0e9;color:#171717;font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.nav{height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#0b0b0b;color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #242424}.logo{font-weight:700;letter-spacing:2px;font-size:20px}.logo span{font-weight:400;color:var(--gold)}nav{display:flex;gap:34px;font-size:14px;color:#c9c6bf}nav a:hover{color:var(--gold)}.bag{border:1px solid #4a453b;padding:11px 17px;border-radius:30px;font-size:13px}.hero{min-height:650px;background:var(--bg);color:white;display:grid;grid-template-columns:1.05fr .95fr;padding:80px 9%;overflow:hidden}.hero-copy{align-self:center}.eyebrow{letter-spacing:3px;font-size:11px;color:#a89b80;font-weight:700;margin:0 0 18px}.hero h1{font-size:clamp(54px,7vw,100px);line-height:.92;margin:0 0 28px;letter-spacing:-4px}.hero h1 em{font-family:'Playfair Display',serif;color:var(--gold);font-weight:600}.hero-text{max-width:490px;color:#aaa;font-size:17px;line-height:1.7}.hero-buttons{display:flex;gap:12px;margin-top:32px}.btn{display:inline-block;padding:14px 22px;border-radius:2px;font-size:13px;font-weight:700}.primary{background:var(--gold);color:#111}.ghost{border:1px solid #444;color:#eee}.hero-shoe{position:relative;display:flex;align-items:center;justify-content:center}.shoe-glow{width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#9d8150 0,#3b3122 30%,transparent 68%);filter:blur(12px)}.shoe-card{position:absolute;width:290px;height:370px;border:1px solid #5a503f;background:linear-gradient(145deg,#26231e,#0e0e0e);display:flex;align-items:flex-end;padding:30px;font-size:42px;line-height:.9;letter-spacing:-2px;transform:rotate(-8deg);box-shadow:25px 25px 80px #000}.shoe-card strong{color:var(--gold)}.section{padding:90px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section h2{font-family:'Playfair Display',serif;font-size:48px;margin:0;line-height:1.05}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cat{min-height:250px;background:#e5e0d6;padding:30px;display:flex;flex-direction:column;justify-content:end;border:1px solid #d3cdc0;transition:.25s}.cat:hover{transform:translateY(-6px);background:#ded7c9}.cat span{font-size:30px;font-weight:700;letter-spacing:2px}.cat small{color:#777;margin-top:7px}.dark{background:#0b0b0b;color:white}.note{font-size:12px;color:#777}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:var(--card);padding:14px;border:1px solid #252525}.product-img{height:330px;display:flex;align-items:flex-end;padding:22px;font-size:12px;letter-spacing:4px;font-weight:700;background:linear-gradient(145deg,#292621,#111)}.loafer{background:linear-gradient(145deg,#362d24,#12100e)}.heel{background:linear-gradient(145deg,#332a2d,#111)}.product-info{display:flex;justify-content:space-between;align-items:center;padding:20px 5px}.product h3{margin:0 0 6px;font-size:17px}.product p{margin:0;color:#777;font-size:12px}.product strong{color:var(--gold)}.product button{width:100%;padding:13px;background:transparent;border:1px solid #4b463d;color:white;cursor:pointer}.product button:hover{background:var(--gold);color:#111}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#f3f0e9}.about p{color:#69655e;line-height:1.8}.stats{display:flex;gap:30px;margin-top:30px}.stats div{display:flex;flex-direction:column}.stats b{font-size:25px;color:#b28e4c}.stats span{font-size:12px;color:#777}.contact{background:#171614;color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact-card{background:#211f1c;padding:35px;border:1px solid #37332c}.contact-card p{line-height:1.7;color:#bbb}.contact-card .btn{margin-top:12px}footer{background:#0b0b0b;color:#777;padding:30px 8%;display:flex;justify-content:space-between;align-items:center;font-size:12px}footer .logo{color:white}
@media(max-width:800px){nav{display:none}.nav{padding:0 5%}.hero{grid-template-columns:1fr;padding:65px 7%;min-height:auto}.hero-shoe{height:390px}.hero h1{font-size:58px}.section{padding:65px 6%}.categories,.products,.about,.contact{grid-template-columns:1fr}.section h2{font-size:40px}.products{gap:14px}.product-img{height:280px}.contact{gap:30px}footer{flex-direction:column;gap:16px;align-items:flex-start}}