:root{
  --bg:#f6f2ec;
  --paper:#fffdf9;
  --ink:#171717;
  --muted:#6f6a64;
  --line:#ddd6cd;
  --accent:#8a5b42;
  --accent2:#d8c1ad;
  --dark:#171514;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 32px));margin:auto}
.topbar{background:#181615;color:#f7f3ee;font-size:12px;letter-spacing:.04em}
.topbar .container{display:flex;justify-content:center;gap:36px;padding:9px 0;flex-wrap:wrap}
header{background:rgba(255,253,249,.96);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-family:Georgia,serif;font-size:28px;font-weight:700;letter-spacing:.02em}
.brand span{color:var(--accent)}
.menu{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.menu a{font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.menu a:hover,.menu a.active{color:var(--accent)}
.hero{background:linear-gradient(120deg,#e9dfd5,#fbf6f1);border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:46px;min-height:540px;padding:60px 0}
.kicker{text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:var(--accent);font-weight:800}
h1{font-family:Georgia,serif;font-size:clamp(44px,7vw,82px);line-height:.98;letter-spacing:-.035em;margin:12px 0 18px}
.hero p,.page-hero p{color:#5f5a55;font-size:18px;max-width:650px}
.cta{display:inline-block;background:var(--dark);color:#fff;padding:13px 22px;margin-top:16px;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.fashion-art{min-height:420px;border-radius:28px;background:
linear-gradient(145deg,rgba(0,0,0,.15),transparent),
radial-gradient(circle at 30% 28%,#d8c1ad 0 18%,transparent 19%),
linear-gradient(140deg,#7c5b4b,#d7c0ac 48%,#f0e1d5 48% 100%);
position:relative;overflow:hidden}
.fashion-art:before{
 content:"";position:absolute;width:150px;height:330px;left:50%;top:52%;transform:translate(-50%,-50%);
 background:linear-gradient(180deg,#171717 0 18%,#aa7860 18% 58%,#171717 58% 100%);
 border-radius:70px 70px 18px 18px;box-shadow:0 20px 60px rgba(0,0,0,.25)
}
.fashion-art:after{
 content:"ANDMORE";position:absolute;right:18px;bottom:14px;color:rgba(255,255,255,.88);
 font-family:Georgia,serif;font-size:28px;letter-spacing:.08em
}
section{padding:76px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}
.section-head h2{font-family:Georgia,serif;font-size:38px;margin:0}
.section-head p{margin:0;color:var(--muted);max-width:620px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--paper);border:1px solid var(--line);padding:24px;min-height:210px}
.card h3{font-family:Georgia,serif;font-size:24px;margin:0 0 8px}
.card p{color:var(--muted);margin:0 0 14px}
.card a{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--accent)}
.dark{background:var(--dark);color:#fff}
.dark .section-head p,.dark .card p{color:#c8c1ba}
.dark .card{background:#211e1c;border-color:#3a342f}
.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.brand-tile{background:#fff;border:1px solid var(--line);padding:30px 14px;text-align:center;font-family:Georgia,serif;font-size:20px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.category{background:#fff;border:1px solid var(--line);padding:18px}
.category h3{margin:0 0 10px;font-size:16px}
.category ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px}
.page-hero{background:#eee3d8;border-bottom:1px solid var(--line);padding:60px 0}
.page-hero h1{font-size:clamp(38px,6vw,64px)}
.breadcrumb{font-size:12px;color:#7d756e;margin-bottom:12px}
.breadcrumb a{color:var(--accent)}
.content{background:#fff;border:1px solid var(--line);padding:30px}
.content h2{font-family:Georgia,serif;font-size:32px}
.content p,.content li{color:#5e5954}
.notice{border-left:4px solid var(--accent);background:#f7eee6;padding:14px 18px;margin:20px 0}
.newsletter{background:#e7dbcf}
.newsletter .container{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.newsletter h2{font-family:Georgia,serif;font-size:34px;margin:0}
.newsletter form{display:flex;gap:10px}
.newsletter input{flex:1;padding:13px;border:1px solid #b9aa9e;background:#fff}
.newsletter button{border:0;background:#171514;color:#fff;padding:13px 20px}
footer{background:#171514;color:#fff;padding:48px 0 24px}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
footer h4{font-size:14px;text-transform:uppercase;letter-spacing:.08em}
footer p,footer li{font-size:13px;color:#c8c1ba}
footer ul{list-style:none;padding:0}
footer li{margin:7px 0}
.copy{border-top:1px solid #38322e;margin-top:30px;padding-top:18px;color:#8f8780;font-size:12px}
.notfound{min-height:55vh;display:grid;place-items:center;text-align:center}
.notfound .num{font-family:Georgia,serif;font-size:110px;color:var(--accent)}
@media(max-width:900px){
 .hero-grid,.newsletter .container{grid-template-columns:1fr}
 .cards{grid-template-columns:1fr 1fr}
 .brand-grid{grid-template-columns:repeat(3,1fr)}
 .category-grid{grid-template-columns:1fr 1fr}
 .menu{display:none}
}
@media(max-width:620px){
 section{padding:54px 0}
 .cards,.brand-grid,.category-grid,.footer-grid{grid-template-columns:1fr}
 .section-head{display:block}.section-head p{margin-top:10px}
 .newsletter form{flex-direction:column}
 .hero-grid{padding:46px 0}
}