
:root{--cream:#f8f2e8;--milk:#d6bfa8;--blue:#aebfc8;--apricot:#efd6bc;--pink:#d8aeb2;--ink:#342b25;--muted:#7d6f66;--card:rgba(255,255,255,.72);--shadow:0 24px 70px rgba(80,59,43,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,#fffaf2,#f7efe4 42%,#eef3f4);color:var(--ink);font-family:"Noto Serif SC","Songti SC","PingFang SC",serif;line-height:1.8;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block} .grain{position:fixed;inset:0;pointer-events:none;opacity:.26;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:18px 18px;animation:breath 7s ease-in-out infinite alternate;z-index:0}
@keyframes breath{from{opacity:.14;transform:scale(1)}to{opacity:.32;transform:scale(1.012)}}.wrap{width:min(1180px,92vw);margin:auto;position:relative;z-index:1}
.header{position:sticky;top:0;z-index:10;background:rgba(248,242,232,.84);backdrop-filter:blur(20px);border-bottom:1px solid rgba(214,191,168,.28)}.nav{height:78px;display:flex;align-items:center;gap:22px;justify-content:space-between}.logo{font-size:28px;letter-spacing:.12em;font-weight:800}.logo small{display:block;font-size:11px;letter-spacing:.28em;color:var(--muted);font-weight:500}.links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:#5f5148}.links a{padding:8px 10px;border-radius:999px}.links a:hover{background:rgba(214,191,168,.22)}
.searchbar{padding:16px 0 22px}.fake-search{display:flex;gap:12px;padding:12px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.9)}.fake-search input{flex:1;border:0;background:transparent;outline:0;padding:0 12px;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 22px;background:linear-gradient(135deg,var(--milk),var(--pink));color:#fff;font-weight:700;box-shadow:0 12px 28px rgba(120,83,70,.18);cursor:pointer}.btn.light{background:rgba(255,255,255,.76);color:var(--ink)}
.hero{min-height:76vh;display:grid;align-items:center;padding:70px 0;background:linear-gradient(90deg,rgba(248,242,232,.94),rgba(248,242,232,.55)),var(--hero) center/cover no-repeat}.eyebrow{letter-spacing:.24em;color:#9b7d6b;font-size:13px}.hero h1{font-size:clamp(42px,7vw,86px);line-height:1.05;margin:12px 0}.lead{font-size:clamp(17px,2vw,22px);color:#5e5149;max-width:760px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px;max-width:720px}.stat{background:var(--card);border:1px solid rgba(255,255,255,.9);border-radius:26px;padding:18px;box-shadow:var(--shadow)}.stat b{font-size:26px}
.section{padding:82px 0}.section h2{font-size:clamp(30px,4vw,48px);margin:0 0 14px}.section .sub{color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid rgba(255,255,255,.9);border-radius:32px;padding:20px;box-shadow:var(--shadow);transition:.38s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-6px);box-shadow:0 26px 80px rgba(165,122,111,.22)}.card img{border-radius:24px;aspect-ratio:4/3;object-fit:cover}.tag{display:inline-block;margin:12px 8px 0 0;padding:6px 10px;border-radius:999px;background:rgba(174,191,200,.22);font-size:12px;color:#5e6770}.meta{display:flex;gap:14px;flex-wrap:wrap;color:#8a766c;font-size:13px}.video-card{padding:0}.video-box{position:relative;aspect-ratio:16/10;background:#dbcabb;border-radius:32px 32px 0 0;overflow:hidden}.video-box img{width:100%;height:100%;object-fit:cover;border-radius:0}.video-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:auto auto 18px 18px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.82);transform:scale(.86);opacity:.72;transition:.3s}.video-card:hover .play{transform:scale(1.08);opacity:1;box-shadow:0 0 44px rgba(255,225,210,.95)}.video-card:hover .video-box img{transform:scale(1.04);filter:saturate(1.06) brightness(1.04)}.video-box img{transition:.45s ease}.video-content{padding:20px}.wall{columns:3 260px;column-gap:22px}.wall .card{break-inside:avoid;margin-bottom:22px}.quote{font-size:16px;color:#5e5149}.faq details{background:var(--card);border-radius:22px;margin:14px 0;padding:18px 22px;border:1px solid rgba(255,255,255,.92)}.faq summary{font-weight:800;cursor:pointer}.footer{padding:58px 0;background:#3b302a;color:#fff}.footer .muted{color:#d9c9bd}.qr{width:96px;height:96px;border-radius:18px;background:repeating-linear-gradient(45deg,#fff 0 8px,#d6bfa8 8px 16px);border:8px solid #fff}
@media(max-width:820px){.nav{height:auto;align-items:flex-start;padding:18px 0;flex-direction:column}.links{gap:8px}.grid,.grid.two,.stats{grid-template-columns:1fr}.hero{min-height:auto;padding:56px 0}.section{padding:58px 0}.fake-search{border-radius:28px;align-items:stretch;flex-direction:column}.btn{width:100%}}
