:root{
  --ink:#2b1f1a;--coffee:#4a2c22;--sepia:#8b5b35;--cream:#f4e3bd;--paper:#fff6dc;--red:#762b25;--gold:#d9ae6f;--night:#191513;--mist:rgba(255,246,220,.78);--line:rgba(217,174,111,.35);
  --shadow:0 24px 70px rgba(35,20,14,.20);--radius:26px;--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night)}
body{margin:0;color:var(--ink);font-family:Georgia,"Times New Roman","Noto Serif SC","Songti SC",serif;background:radial-gradient(circle at 10% 5%,rgba(255,229,176,.22),transparent 38%),linear-gradient(180deg,#2c211c 0,#6a4730 28%,#ead3a3 76%,#f8efd2 100%);line-height:1.72;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle,rgba(47,27,19,.15) 0 1px,transparent 1px);background-size:100% 4px,7px 7px;mix-blend-mode:multiply;opacity:.58}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:absolute;left:-999px;top:10px;background:var(--cream);padding:10px 14px;z-index:20}.skip-link:focus{left:10px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(37,27,23,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(244,227,189,.18);color:var(--cream)}
.header-inner{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:14px 20px}.brand-logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em}.brand-mark{width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,var(--red),var(--sepia));display:grid;place-items:center;color:var(--paper);box-shadow:inset 0 0 0 2px rgba(255,242,204,.35)}.brand-logo small{display:block;color:#e7c78b;font-size:.76rem;font-weight:500;letter-spacing:.12em}.main-nav{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.main-nav a{padding:9px 12px;border-radius:999px;font-size:.94rem;color:#f4e3bd}.main-nav a:hover,.main-nav a.active{background:rgba(244,227,189,.16);color:#fff8df}.search-zone{max-width:var(--max);margin:0 auto;padding:0 20px 16px}.search-shell{display:flex;gap:10px;border:1px solid rgba(244,227,189,.24);background:rgba(20,16,14,.36);border-radius:999px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.12)}.search-shell input{flex:1;border:0;background:transparent;color:var(--paper);font-size:1rem;padding:10px 16px;outline:0}.search-shell input::placeholder{color:rgba(255,246,220,.72)}.search-shell button,.btn{border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,var(--red),#9d6237);color:#fff7df;font-weight:700;cursor:pointer;box-shadow:0 10px 26px rgba(83,28,23,.28)}.search-note{display:none;color:#f6dfaa;margin:8px 16px 0;font-size:.92rem}.search-note.show{display:block}.hero{min-height:76vh;display:grid;place-items:center;position:relative;padding:70px 20px;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,246,220,.24)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,228,166,.24),transparent 35%),linear-gradient(90deg,rgba(18,15,13,.78),rgba(18,15,13,.35),rgba(18,15,13,.70));}.hero-content{position:relative;z-index:2;max-width:var(--max);width:100%;color:#fff5d7}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#e7bc75;font-size:.84rem}.hero h1{font-size:clamp(2.5rem,7vw,6.2rem);line-height:1.02;margin:14px 0 18px;text-wrap:balance}.hero p{max-width:760px;font-size:clamp(1.05rem,2vw,1.35rem);color:rgba(255,246,220,.9)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn.secondary{background:rgba(255,246,220,.14);border:1px solid rgba(255,246,220,.32)}main{position:relative;z-index:2}.section{max-width:var(--max);margin:0 auto;padding:76px 20px}.section.alt{max-width:none;background:linear-gradient(180deg,rgba(255,246,220,.80),rgba(244,227,189,.92));border-top:1px solid rgba(74,44,34,.12);border-bottom:1px solid rgba(74,44,34,.12)}.section.alt>.inner{max-width:var(--max);margin:auto}.section-head{display:flex;gap:22px;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2{font-size:clamp(1.85rem,4vw,3.2rem);line-height:1.16;margin:0;color:var(--coffee)}.section-head p{max-width:620px;margin:0;color:#6b4934}.grid{display:grid;gap:22px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:rgba(255,246,220,.76);border:1px solid rgba(74,44,34,.14);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative}.card-body{padding:22px}.card h3{margin:0 0 8px;color:#4a2c22;font-size:1.24rem}.card p{margin:0 0 12px;color:#6c4a36}.metric{display:flex;gap:12px;flex-wrap:wrap;color:#7c4e2f;font-size:.9rem}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tag{font-size:.78rem;border:1px solid rgba(118,43,37,.25);border-radius:999px;padding:4px 9px;background:rgba(255,246,220,.58);color:#693329}.video-card{isolation:isolate}.video-frame{aspect-ratio:16/9;position:relative;overflow:hidden;background:#201813}.video-frame img,.video-frame video{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s ease}.video-frame video{position:absolute;inset:0;opacity:.01}.video-frame:before{content:"";position:absolute;inset:-20%;z-index:2;background:radial-gradient(circle at 55% 35%,rgba(255,232,179,.28),transparent 34%),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 4px);opacity:0;mix-blend-mode:screen;transition:.5s}.video-frame:after{content:"▶";position:absolute;z-index:3;left:50%;top:50%;translate:-50% -50%;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:rgba(118,43,37,.86);color:#fff6dc;font-size:1.5rem;box-shadow:0 0 38px rgba(255,221,162,.46);opacity:0;transform:scale(.86);transition:.35s}.video-card:hover .video-frame img{transform:scale(1.055);filter:sepia(.32) contrast(1.1) brightness(1.06)}.video-card:hover .video-frame:before{opacity:1;animation:filmJitter .24s steps(2,end) infinite}.video-card:hover .video-frame:after{opacity:1;transform:scale(1)}@keyframes filmJitter{0%{transform:translate(0,0)}50%{transform:translate(2px,-1px)}100%{transform:translate(-1px,1px)}}.story{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.story-panel{background:rgba(32,24,20,.86);color:#f7e7c4;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow);border:1px solid rgba(255,246,220,.15)}.story-panel h2{color:#fff6dc}.wall{columns:3 260px;column-gap:22px}.wall figure{break-inside:avoid;margin:0 0 22px;background:rgba(255,246,220,.74);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(74,44,34,.14)}.wall figcaption{padding:14px 16px;color:#5f3d2d}.quote{padding:24px}.quote blockquote{margin:0;color:#4d3125;font-size:1.03rem}.quote cite{display:block;margin-top:14px;color:#8b5b35;font-style:normal;font-weight:700}.faq-item{border-bottom:1px solid rgba(74,44,34,.15);padding:18px 0}.faq-item summary{cursor:pointer;font-weight:800;color:#4a2c22}.faq-item p{margin:8px 0 0;color:#684934}.logo-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.partner{min-height:88px;border-radius:20px;border:1px dashed rgba(118,43,37,.32);display:grid;place-items:center;background:rgba(255,246,220,.56);font-weight:800;color:#67382c}.contact-box{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.qr-grid figure{margin:0}.domain-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(217,174,111,.5);background:rgba(255,246,220,.12);border-radius:999px;padding:8px 12px;color:#fff1c9}.site-footer{position:relative;z-index:2;background:#211816;color:#f4e3bd;border-top:1px solid rgba(244,227,189,.15);padding:42px 20px}.footer-inner{max-width:var(--max);margin:auto;display:grid;gap:26px;grid-template-columns:1.2fr .8fr}.footer-links{display:flex;flex-wrap:wrap;gap:12px}.footer-links a{border:1px solid rgba(244,227,189,.22);border-radius:999px;padding:8px 12px;color:#fbe9bd}.breadcrumb{max-width:var(--max);margin:0 auto;padding:24px 20px 0;color:#f9e6b7;font-size:.92rem}.page-hero{padding:66px 20px 38px;color:#fff1c9;background:linear-gradient(135deg,rgba(31,22,18,.95),rgba(118,74,42,.82));border-bottom:1px solid rgba(255,246,220,.16)}.page-hero .inner{max-width:var(--max);margin:auto}.page-hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.07;margin:12px 0}.page-hero p{max-width:760px;color:rgba(255,246,220,.86)}.article-like{background:rgba(255,246,220,.82);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);border:1px solid rgba(74,44,34,.14)}.toc{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.toc a{padding:7px 12px;border-radius:999px;background:rgba(118,43,37,.11);color:#65352c}.notice{border-left:4px solid var(--red);background:rgba(255,246,220,.74);padding:18px 20px;border-radius:18px;color:#51342a}.hidden-json{display:none!important}
@media (max-width:960px){.grid.cards,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.story,.contact-box,.footer-inner{grid-template-columns:1fr}.section-head{display:block}.logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{justify-content:flex-start}.header-inner{align-items:flex-start;flex-direction:column}}
@media (max-width:620px){.grid.cards,.grid.three,.grid.two{grid-template-columns:1fr}.hero{min-height:68vh}.search-shell{border-radius:24px;flex-direction:column}.search-shell button{width:100%}.qr-grid{grid-template-columns:1fr}.section{padding:54px 16px}.card-body{padding:18px}.brand-logo small{display:none}}