:root{
  --paper:#f1ece2; --paper-deep:#e2dbcd; --ash:#c9c4ba; --wood:#8c735e; --ink:#25221f;
  --mist:#aebbb0; --clay:#b98568; --line:rgba(37,34,31,.12); --shadow:0 24px 80px rgba(52,42,34,.13);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:"Noto Serif SC","Songti SC",serif;color:var(--ink);background:linear-gradient(135deg,#f5f1e8,#e8e1d3 58%,#d8d0c0);line-height:1.75;letter-spacing:.02em}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(241,236,226,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1200px;margin:auto;padding:16px 22px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.24rem}.logo-mark{width:30px;height:30px;border-radius:50% 46% 53% 43%;display:inline-block;background:radial-gradient(circle at 35% 28%,#fff8e7 0 8px,var(--clay) 9px 17px,var(--wood));box-shadow:inset 0 0 0 1px rgba(0,0,0,.11)}
.main-nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.main-nav a{padding:9px 12px;border-radius:999px;color:#463d35;font-size:.95rem}.main-nav a:hover{background:rgba(185,133,104,.16)}
.search-wrap{max-width:1200px;margin:0 auto;padding:0 22px 16px}.fake-search{display:flex;gap:10px;background:rgba(255,255,255,.36);border:1px solid var(--line);border-radius:999px;padding:7px;box-shadow:0 12px 50px rgba(75,61,47,.08)}.fake-search input{flex:1;border:0;background:transparent;padding:12px 14px;color:var(--ink);outline:0}.fake-search button,.btn{border:0;background:var(--ink);color:#f8f3e9;border-radius:999px;padding:12px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.fake-search button:hover,.btn:hover{transform:translateY(-1px)}.btn.secondary{background:rgba(255,255,255,.45);color:var(--ink);border:1px solid var(--line)}.search-note{margin:8px 10px 0;color:#71685f;font-size:.9rem}.grain{position:relative;overflow:hidden}.grain:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(48,42,36,.11) 1px,transparent 1px);background-size:5px 5px;mix-blend-mode:multiply;opacity:.22}
.hero{min-height:76vh;display:grid;place-items:center;padding:80px 22px;background:linear-gradient(rgba(35,30,26,.18),rgba(241,236,226,.28)),var(--hero) center/cover no-repeat}.hero-panel{max-width:1000px;width:100%;padding:60px;border-radius:36px;background:rgba(241,236,226,.62);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(6px)}.eyebrow{color:#6b5d50;text-transform:uppercase;letter-spacing:.16em;font-size:.86rem}.hero h1{font-size:clamp(2.4rem,7vw,5.8rem);line-height:1.06;margin:10px 0 20px}.hero p{max-width:740px;font-size:1.14rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.domain-pill{display:inline-flex;margin-top:22px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.35);font-size:.95rem}
main section{max-width:1200px;margin:0 auto;padding:76px 22px}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,420px);gap:28px;align-items:end;margin-bottom:32px}.section-head h2{font-size:clamp(1.9rem,4vw,3.4rem);line-height:1.15;margin:0}.section-head p{margin:0;color:#675e55}.grid{display:grid;gap:22px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.32);box-shadow:0 14px 50px rgba(70,56,45,.08);overflow:hidden}.card-body{padding:22px}.card h3{margin:.2em 0 .5em;font-size:1.35rem}.card p{color:#625a51}.meta{display:flex;gap:12px;flex-wrap:wrap;color:#7b6f64;font-size:.9rem}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tag{font-size:.84rem;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.35)}
.video-card{min-height:410px}.video-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#ddd}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease, filter .8s ease}.video-thumb video{display:none}.play{position:absolute;inset:auto auto 20px 20px;width:54px;height:54px;border-radius:50%;background:rgba(37,34,31,.78);display:grid;place-items:center;color:#fff;opacity:.78;transform:scale(.92);transition:.45s ease}.play:before{content:"";border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}.video-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,250,229,.28),transparent 28%),linear-gradient(120deg,transparent,rgba(60,49,40,.08),transparent);opacity:0;transition:.55s ease;pointer-events:none}.video-card:hover:after{opacity:1;animation:breathe 2.8s ease-in-out infinite}.video-card:hover .video-thumb img{transform:scale(1.055);filter:saturate(.88) contrast(.96)}.video-card:hover .play{opacity:1;transform:scale(1)}@keyframes breathe{0%,100%{filter:blur(0);opacity:.42}50%{filter:blur(1px);opacity:.78}}
.story{background:rgba(255,255,255,.24);border-block:1px solid var(--line);max-width:none}.story .inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.quote{font-size:clamp(1.6rem,3vw,3rem);line-height:1.28}.gallery{grid-template-columns:2fr 1fr 1fr}.gallery figure{margin:0;min-height:260px;border-radius:28px;overflow:hidden;position:relative;border:1px solid var(--line)}.gallery img{width:100%;height:100%;object-fit:cover}.gallery figcaption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(241,236,226,.72);border-radius:16px;padding:10px 12px;font-size:.92rem}.tool-list{display:grid;gap:14px}.tool{display:flex;gap:16px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.26)}.tool b{font-size:1.1rem}.mentor img{height:220px;width:100%;object-fit:cover}.review{padding:24px}.review p{font-size:1.03rem}.partner-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.partner{min-height:82px;border:1px solid var(--line);border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.28);font-weight:700;color:#6a5c50}.faq details{border:1px solid var(--line);border-radius:20px;padding:16px 18px;background:rgba(255,255,255,.26)}.faq details+details{margin-top:12px}.faq summary{cursor:pointer;font-weight:700}.contact-band{background:rgba(37,34,31,.88);color:#f6efe3;border-radius:34px;padding:34px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.contact-band p{color:#ded4c5}.qr-row{display:flex;gap:14px}.qr-box{width:120px;height:120px;border-radius:18px;background:linear-gradient(45deg,#28231f 25%,transparent 25% 50%,#28231f 50% 75%,transparent 75%),#efe8dc;background-size:18px 18px;border:10px solid #efe8dc}.qr-box.alt{filter:sepia(.3)}
.column-hero{padding-top:64px}.breadcrumb{color:#71675d;font-size:.92rem}.article-list{display:grid;gap:18px}.article{padding:24px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.28)}.site-footer{margin-top:56px;background:#24211e;color:#f5eee2;padding:54px 22px 24px}.footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}.site-footer p,.site-footer a{color:#d9cfc0}.footer-links{columns:2;list-style:none;padding:0;margin:0}.footer-links li{margin:0 0 8px}.footer-logo{margin-bottom:14px}.copyright{max-width:1200px;margin:28px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:#bdb2a4}.mini-note{font-size:.9rem;color:#756a5f}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.callout{padding:28px;border-radius:28px;background:rgba(255,255,255,.3);border:1px solid var(--line)}
@media (max-width:920px){.nav-shell{display:block}.main-nav{justify-content:flex-start;margin-top:12px}.section-head,.story .inner,.cards,.two,.four,.gallery,.contact-band,.footer-grid,.split{grid-template-columns:1fr}.hero-panel{padding:36px 24px}.partner-wall{grid-template-columns:repeat(2,1fr)}.fake-search{border-radius:22px;flex-direction:column}.fake-search button{justify-content:center}.gallery figure{min-height:220px}}
@media (max-width:560px){main section{padding:54px 16px}.hero{padding:56px 16px}.main-nav a{font-size:.88rem;padding:8px}.cards{gap:16px}.footer-links{columns:1}}