
:root{
  --bg:#fbf7f0;--bg-2:#f5ecdc;--surface:#ffffff;--surface-2:#fff8ec;
  --border:#e8dcc4;--text:#1a1410;--muted:#6b5f4d;
  --accent:#b8860b;--accent-2:#8b3a2a;--accent-3:#3a5a40;
  --shadow:0 18px 50px rgba(60,40,10,.12);--radius:6px;
  --grad-hero:linear-gradient(180deg,#fbf7f0 0%,#f5ecdc 100%);
}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Georgia,"Source Han Serif SC","Songti SC",serif;
  background:var(--bg);color:var(--text);line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap-cf7a19{max-width:1240px;margin:0 auto;padding:0 28px}

/* === Site cf7a19 - Editorial Magazine Light === */
.bar-cf7a19{background:#1a1410;color:#fbf7f0;font-size:12.5px;letter-spacing:2px;padding:8px 0;text-align:center}
.nav-cf7a19{position:sticky;top:0;z-index:50;background:rgba(251,247,240,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border)}
.nav-cf7a19 .row-cf7a19{display:flex;align-items:center;gap:32px;padding:18px 0}
.brand-cf7a19{display:flex;align-items:center;gap:10px;font-weight:700;font-size:24px;letter-spacing:1px;color:var(--accent-2)}
.brand-cf7a19 .logo-cf7a19{width:42px;height:42px}
.menu-cf7a19{display:flex;gap:24px;flex:1;justify-content:flex-end}
.menu-cf7a19 a{font-size:13.5px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text);position:relative;padding:8px 0}
.menu-cf7a19 a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:.3s}
.menu-cf7a19 a:hover::after,.menu-cf7a19 a.active-cf7a19::after{width:100%}
.search-cf7a19{position:relative;border-left:1px solid var(--border);padding-left:20px}
.search-cf7a19 input{background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);
  padding:8px 8px 8px 28px;width:200px;outline:none;font-family:inherit;font-size:14px}
.search-cf7a19 input:focus{border-color:var(--accent)}
.search-cf7a19::before{content:"";position:absolute;left:20px;top:50%;width:14px;height:14px;border:2px solid var(--muted);border-radius:50%;transform:translateY(-60%)}

.hero-cf7a19{padding:80px 0;background:var(--grad-hero);position:relative}
.hero-grid-cf7a19{display:grid;grid-template-columns:.95fr 1fr;gap:60px;align-items:center}
.hero-cf7a19 .eyebrow-cf7a19{font-size:12px;color:var(--accent);letter-spacing:4px;text-transform:uppercase;margin-bottom:16px;font-weight:700}
.hero-cf7a19 h1{font-size:54px;line-height:1.1;margin:0 0 18px;font-family:Georgia,serif;color:var(--accent-2)}
.hero-cf7a19 p{color:var(--muted);font-size:17px;max-width:520px;margin:0 0 28px}
.btn-cf7a19{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-weight:700;
  background:var(--accent);color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:14px;
  letter-spacing:1px;text-transform:uppercase;transition:.25s}
.btn-cf7a19:hover{background:var(--accent-2);transform:translateY(-2px)}
.btn-ghost-cf7a19{background:transparent;color:var(--accent-2);border:1px solid var(--accent-2)}
.btn-ghost-cf7a19:hover{background:var(--accent-2);color:#fff}
.hero-art-cf7a19{position:relative;border:8px solid var(--surface);box-shadow:var(--shadow)}
.hero-art-cf7a19 img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block;filter:sepia(.06)}
.hero-art-cf7a19 .stamp-cf7a19{position:absolute;left:-20px;bottom:30px;background:var(--accent);color:#fff;
  padding:14px 22px;font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:700;box-shadow:var(--shadow)}

.crumbs-cf7a19{font-size:12.5px;color:var(--muted);padding:18px 0 4px;letter-spacing:1px}
.crumbs-cf7a19 a{color:var(--muted);border-bottom:1px dotted var(--muted)}
.crumbs-cf7a19 a:hover{color:var(--accent-2);border-color:var(--accent-2)}

.section-cf7a19{padding:64px 0}
.section-head-cf7a19{text-align:center;margin-bottom:48px;position:relative}
.section-head-cf7a19 .tag-cf7a19{display:inline-block;font-size:12px;color:var(--accent);letter-spacing:4px;text-transform:uppercase;font-weight:700;margin-bottom:10px}
.section-head-cf7a19 h2{font-size:38px;margin:0;font-family:Georgia,serif;color:var(--accent-2);font-weight:400}
.section-head-cf7a19 h2::after{content:"";display:block;width:60px;height:2px;background:var(--accent);margin:18px auto 0}
.section-head-cf7a19 p{color:var(--muted);max-width:680px;margin:18px auto 0}

.cards-cf7a19{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}
.card-cf7a19{background:var(--surface);border:1px solid var(--border);overflow:hidden;transition:.3s;position:relative}
.card-cf7a19:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card-cf7a19 .thumb-cf7a19{position:relative;aspect-ratio:3/2;overflow:hidden}
.card-cf7a19 .thumb-cf7a19 img{width:100%;height:100%;object-fit:cover;transition:.7s;filter:saturate(.95)}
.card-cf7a19:hover .thumb-cf7a19 img{transform:scale(1.05);filter:saturate(1.05)}
.card-cf7a19 .play-cf7a19{position:absolute;inset:0;background:rgba(26,20,16,.45);opacity:0;display:flex;align-items:center;justify-content:center;transition:.3s}
.card-cf7a19:hover .play-cf7a19{opacity:1}
.card-cf7a19 .pbtn-cf7a19{width:60px;height:60px;border-radius:0;background:var(--accent);display:flex;align-items:center;justify-content:center;transform:rotate(45deg)}
.card-cf7a19 .pbtn-cf7a19::after{content:"";width:0;height:0;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff;transform:rotate(-45deg);margin-left:3px}
.card-cf7a19 .meta-cf7a19{position:absolute;left:0;top:14px;background:var(--accent-2);color:#fff;padding:6px 14px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700}
.card-cf7a19 .body-cf7a19{padding:22px}
.card-cf7a19 h3{margin:0 0 10px;font-size:18px;line-height:1.4;font-family:Georgia,serif;color:var(--accent-2)}
.card-cf7a19 p.desc-cf7a19{margin:0;color:var(--muted);font-size:14px}
.card-cf7a19 .foot-cf7a19{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}

.reviews-cf7a19{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.review-cf7a19{background:var(--surface);border:1px solid var(--border);padding:24px;position:relative}
.review-cf7a19::before{content:"\201C";position:absolute;top:8px;right:18px;font-size:60px;color:var(--accent);font-family:Georgia,serif;line-height:1;opacity:.4}
.review-cf7a19 .top-cf7a19{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.review-cf7a19 .av-cf7a19{width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid var(--accent)}
.review-cf7a19 .av-cf7a19 img{width:100%;height:100%;object-fit:cover}
.review-cf7a19 .stars-cf7a19{color:var(--accent);font-size:13px;letter-spacing:2px}

.contact-cf7a19{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contact-cf7a19 pre{background:var(--surface-2);border:1px solid var(--border);border-left:4px solid var(--accent);
  padding:24px;color:var(--text);font-size:13px;overflow:auto;font-family:Menlo,monospace;line-height:1.7}
.share-cf7a19{display:flex;gap:16px;margin-top:24px}
.share-cf7a19 a{width:46px;height:46px;border:1px solid var(--accent-2);display:flex;align-items:center;justify-content:center;color:var(--accent-2);transition:.25s;font-weight:700;font-size:12px}
.share-cf7a19 a:hover{background:var(--accent-2);color:#fff}

.faq-cf7a19 details{border-bottom:1px solid var(--border);padding:18px 0}
.faq-cf7a19 summary{cursor:pointer;font-weight:700;font-size:16px;color:var(--accent-2);list-style:none;display:flex;justify-content:space-between;font-family:Georgia,serif}
.faq-cf7a19 summary::-webkit-details-marker{display:none}
.faq-cf7a19 summary::after{content:"+";color:var(--accent);font-size:22px;transition:.3s}
.faq-cf7a19 details[open] summary::after{transform:rotate(45deg)}
.faq-cf7a19 .ans-cf7a19{margin-top:10px;color:var(--muted);font-size:14.5px;animation:fadeIn-cf7a19 .3s ease}
@keyframes fadeIn-cf7a19{from{opacity:0}to{opacity:1}}

footer.foot-cf7a19{margin-top:80px;background:#1a1410;color:#d6c8af;padding:60px 0 24px}
.foot-grid-cf7a19{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px}
.foot-cf7a19 h4{font-family:Georgia,serif;font-size:18px;color:#fbf7f0;margin:0 0 16px}
.foot-cf7a19 ul{list-style:none;padding:0;margin:0} .foot-cf7a19 li{padding:5px 0;font-size:13.5px;color:#a89b82}
.foot-cf7a19 li a:hover{color:#fbf7f0}
.foot-bar-cf7a19{padding-top:20px;border-top:1px solid #3a2f25;text-align:center;font-size:12px;color:#8a7d65}

@media (max-width:900px){
  .hero-grid-cf7a19,.contact-cf7a19{grid-template-columns:1fr}
  .hero-cf7a19 h1{font-size:36px}
  .menu-cf7a19{display:none} .search-cf7a19{display:none}
  .foot-grid-cf7a19{grid-template-columns:1fr 1fr}
}
