:root { --bg:#efe4d6; --sand:#d0b092; --clay:#9c5d3c; --ink:#2f221c; --muted:#6d574b; --panel:rgba(255,248,240,.78); --line:rgba(47,34,28,.12); --forest:#355046; --shadow:0 18px 50px rgba(53, 38, 31, .12); }
*{box-sizing:border-box} body{margin:0;font-family:Cambria, Georgia, serif;color:var(--ink);background:radial-gradient(circle at 10% 10%, rgba(156,93,60,.14), transparent 25%),radial-gradient(circle at 90% 20%, rgba(53,80,70,.14), transparent 20%),linear-gradient(180deg,#f5ede4 0%,#eadac8 100%);line-height:1.6} a{text-decoration:none;color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}header{position:sticky;top:0;z-index:5;background:rgba(245,237,228,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 0}.brand{font-size:1.35rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}nav{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted)}.hero,.page-hero{display:grid;grid-template-columns:1.15fr .95fr;gap:24px;padding:72px 0 36px}.panel,.card,.banner{background:var(--panel);border:1px solid rgba(255,255,255,.4);box-shadow:var(--shadow);border-radius:28px;padding:34px}.eyebrow{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(53,80,70,.08);color:var(--forest);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:16px}h1,h2,h3{margin:0 0 16px;line-height:1.08}h1{font-size:clamp(2.8rem,5vw,5rem)}h2{font-size:clamp(1.9rem,3vw,3rem)}p{margin:0 0 16px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{padding:13px 18px;border-radius:14px;font-weight:700;border:1px solid transparent}.button.primary{background:var(--clay);color:#fff}.button.secondary{border-color:var(--line);background:rgba(255,255,255,.54)}.hero-visual{min-height:460px;background:linear-gradient(145deg,#6c4a39,#2d2623 70%);color:#fff;position:relative;overflow:hidden}.rings{position:absolute;inset:auto auto 24px 24px;display:grid;gap:14px;width:min(82%,360px)}.ring{padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.08)}section{padding:20px 0}.grid-3,.grid-4,.story,.faq,.contact-grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.story,.faq,.contact-grid{grid-template-columns:1fr 1fr}.footer-box{padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--muted)}.chip{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--forest);font-size:.84rem;margin:4px 6px 0 0}.list{margin:0;padding-left:18px;color:var(--muted)}@media (max-width:960px){.hero,.page-hero,.grid-3,.grid-4,.story,.faq,.contact-grid{grid-template-columns:1fr}}@media (max-width:640px){.container{width:min(100% - 24px,1120px)}.panel,.card,.banner{padding:22px;border-radius:22px}nav{gap:12px}}