:root{--bg:#fff8f4;--bg2:#fbeae4;--fg:#3a1820;--muted:#94757a;--line:rgba(58,24,32,.12);--card:#fff;
--accent:#7a1f2e;--accent-fg:#fff8f4;--sale:#c1304a;--ok:#4f7d5b;--pink:#e9a7ad;
--font-head:"Playfair Display",Georgia,serif;--font-body:"Raleway",system-ui,sans-serif;--head-weight:400;--head-lh:1.06;
--radius:18px;--btn-radius:999px;--img-radius:16px;--card-ratio:3/4.2;--img-bg:#f6e3dd;--ftr-bg:#3a1820;--ftr-fg:#fbeae4}
body{font-weight:500}
.logo{font-style:italic;font-size:32px}
.logo b{font-weight:400;color:var(--pink)}
.topbar{background:var(--bg2);color:var(--accent)}
.hero-mosaic h1{font-size:clamp(46px,6.6vw,100px)}
.hero-mosaic h1 em{color:var(--accent)}
.hero-mosaic{background:radial-gradient(ellipse at 10% 20%,#fde6e2,transparent 60%)}
.sh h2 em,.split h2 em{color:var(--accent)}
.sh h2{font-size:clamp(34px,4.4vw,58px)}
.pc .nm{font-family:var(--font-head);font-size:18px}
.pc .pr{font-weight:600}
.tag{border-radius:999px;font-weight:600}
.tag.d{background:var(--accent)}
.marq{font-style:italic;color:var(--accent);border-color:var(--pink)}
.ct{border-radius:var(--img-radius)}
.ct b{font-style:italic}
.occ{background:var(--accent);color:var(--accent-fg);border-radius:28px;padding:clamp(28px,5vw,64px)}
.occ h2{font-size:clamp(32px,4.4vw,56px);color:#fff}
.occ .chips{margin:22px 0 30px}
.occ .chip{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.occ .chip.on{background:#fff;color:var(--accent)}
.occ .grid{grid-template-columns:repeat(3,1fr)}
.occ .pc .nm,.occ .pc .pr,.occ .pc a{color:#fff}
.occ .old{color:rgba(255,255,255,.6)}
@media (max-width:760px){.occ .grid{grid-template-columns:1fr 1fr}}
.styl{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media (max-width:900px){.styl{grid-template-columns:1fr}}
.styl img{border-radius:var(--img-radius);aspect-ratio:1;object-fit:cover;width:100%}