:root{
  --paper:#ede7da; --paper2:#f7f4ed; --ink:#2f2d28; --muted:#756b5c;
  --wood:#8b725d; --clay:#b59476; --moss:#879a91; --line:rgba(47,45,40,.16);
  --shadow:0 22px 80px rgba(48,43,35,.12); --radius:28px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:radial-gradient(circle at 22% 12%,rgba(135,154,145,.22),transparent 34%),linear-gradient(135deg,var(--paper2),var(--paper));line-height:1.78;letter-spacing:.01em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(47,45,40,.035) 1px,transparent 1px),linear-gradient(rgba(47,45,40,.025) 1px,transparent 1px);background-size:34px 34px;mix-blend-mode:multiply;opacity:.6;z-index:-1} a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block} .wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-header{padding:18px 0 26px;border-bottom:1px solid var(--line);background:rgba(247,244,237,.78);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-logo,.footer-logo{display:inline-flex;align-items:center;gap:12px;font-weight:700}.brand-logo img,.footer-logo img{filter:drop-shadow(0 8px 18px rgba(48,43,35,.12))}.brand-logo span{font-size:1.15rem}.domain-pill{margin:0;padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.92rem;background:rgba(255,255,255,.34)}.main-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.main-nav a{padding:8px 13px;border:1px solid transparent;border-radius:999px;color:var(--muted)}.main-nav a:hover,.main-nav a.active{border-color:var(--line);background:rgba(255,255,255,.42);color:var(--ink)}.search-wrap{margin-top:16px}.search-label{display:block;font-size:.88rem;color:var(--muted);margin-bottom:8px}.fake-search{display:flex;gap:10px}.fake-search input{flex:1;border:1px solid var(--line);background:rgba(255,255,255,.54);border-radius:999px;padding:13px 18px;color:var(--ink);outline:none}.fake-search button,.btn{border:1px solid rgba(47,45,40,.18);background:var(--ink);color:var(--paper2);border-radius:999px;padding:12px 20px;cursor:pointer;transition:.25s ease}.fake-search button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(47,45,40,.14)}.btn.ghost{background:rgba(255,255,255,.32);color:var(--ink)}.search-hint{font-size:.88rem;color:var(--muted);margin:8px 0 0}.hero{min-height:72vh;display:grid;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,231,218,.94) 0%,rgba(237,231,218,.62) 46%,rgba(237,231,218,.1) 100%),url('/assets/images/hero-wabi.webp') center/cover no-repeat;transform:scale(1.01)}.hero .wrap{position:relative;z-index:1}.crumb{color:var(--muted);font-size:.9rem}.hero h1,.page-hero h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2.3rem,6vw,5.8rem);line-height:1.08;margin:16px 0 18px;max-width:850px}.hero p,.page-hero p{font-size:clamp(1rem,2vw,1.22rem);max-width:760px;color:#5e5548}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:28px}.eyebrow{color:var(--wood);font-weight:700;letter-spacing:.08em}.section h2,.card h2,.site-footer h2{font-family:Georgia,"Noto Serif SC",serif;line-height:1.2}.section h2{font-size:clamp(1.7rem,3vw,3rem);margin:.18em 0}.lead{color:var(--muted);max-width:760px}.grid{display:grid;gap:22px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.video-card,.image-tile,.faq details,.review,.partner,.tool-card,.mentor-card{background:rgba(255,255,255,.38);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card,.tool-card,.mentor-card,.review,.partner{padding:24px}.video-card{position:relative}.video-shell{position:relative;aspect-ratio:16/10;overflow:hidden;background:#d7cdbd}.video-shell video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.74) contrast(.96)}.video-shell:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.36),transparent 18%),radial-gradient(circle at 70% 64%,rgba(46,43,37,.24),transparent 20%);opacity:.45;transition:.65s ease;mix-blend-mode:soft-light}.play-button{position:absolute;left:50%;top:50%;translate:-50% -50%;width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.72);background:rgba(47,45,40,.62);color:white;font-size:21px;opacity:0;transform:scale(.88);transition:.35s ease;cursor:pointer}.video-card:hover .play-button{opacity:1;transform:scale(1)}.video-card:hover .video-shell:after{opacity:.82;transform:rotate(4deg) scale(1.08)}.video-card:hover{transform:translateY(-3px)}.video-card{transition:.3s ease}.video-body{padding:20px}.video-body h3{margin:0 0 8px;font-size:1.12rem}.video-body p{margin:.3em 0;color:var(--muted)}.metrics{font-size:.9rem;color:#6b604f!important}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tags span{font-size:.78rem;padding:4px 9px;border-radius:999px;background:rgba(135,154,145,.16);color:#55665d}.story-line{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.image-wall{columns:4 220px;column-gap:20px}.image-tile{break-inside:avoid;margin:0 0 20px}.image-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.78)}.image-tile figcaption{padding:15px;display:grid;gap:5px;color:var(--muted);font-size:.9rem}.image-tile figcaption strong{color:var(--ink)}.page-hero{padding:78px 0 38px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(135,154,145,.16))}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.quote{font-family:Georgia,"Noto Serif SC",serif;font-size:1.4rem;color:#504739;border-left:3px solid var(--clay);padding-left:20px}.faq{display:grid;gap:14px}.faq details{padding:0}.faq summary{cursor:pointer;padding:18px 22px;font-weight:700}.faq p{padding:0 22px 18px;margin:0;color:var(--muted)}.review p{color:var(--muted)}.review strong{display:block;margin-bottom:6px}.partner{text-align:center;min-height:118px;display:grid;place-items:center}.partner span{display:block;font-family:Georgia,serif;font-size:1.4rem;color:var(--wood)}.contact-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.qr-row{display:flex;gap:16px;flex-wrap:wrap}.qr-row figure{margin:0;background:rgba(255,255,255,.42);border:1px solid var(--line);border-radius:22px;padding:14px;width:170px}.qr-row img{border-radius:14px}.site-footer{border-top:1px solid var(--line);padding:42px 0;background:rgba(47,45,40,.06)}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:26px}.footer-grid p{color:var(--muted)}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill-list span{border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted);background:rgba(255,255,255,.32)}.notice{padding:14px 18px;border:1px dashed rgba(47,45,40,.24);border-radius:18px;color:var(--muted);background:rgba(255,255,255,.28)}
@media (max-width:860px){.topbar,.section-head,.story-line,.split,.contact-panel,.footer-grid{grid-template-columns:1fr;display:grid}.fake-search{flex-direction:column}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.hero{min-height:66vh}.site-header{position:relative}.main-nav{overflow:auto;flex-wrap:nowrap;padding-bottom:8px}.main-nav a{white-space:nowrap}.domain-pill{font-size:.8rem}.section{padding:52px 0}.qr-row figure{width:calc(50% - 8px)}}