:root{--bg:#fff9f1;--cream:#fff1d2;--rose:#f9e8e6;--ink:#292025;--muted:#4a3c42;--red:#a2243d;--dark-red:#401b29;--wine:#5c2738;--yellow:#f4c53e;--dark:#19151c;--white:#fff;--teal:#206e68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:var(--ink);font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1250px,calc(100% - 64px));margin-inline:auto}.site-top{background:var(--dark-red);color:#fff0dc;font-size:12px}.top-inner{display:flex;justify-content:space-between;padding:3px 0}.main-header{background:#fffaf0;box-shadow:0 2px 12px #401b2910;position:relative;z-index:5}.nav{min-height:74px;display:flex;align-items:center;gap:20px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--dark-red);font-size:22px;font-weight:850;line-height:1.3;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:1.3px}.brand-image{width:72px;max-height:50px}.brand-image img{width:100%;height:50px;object-fit:contain}.brand-image.no-image{display:none}.desktop-nav{display:flex;gap:19px;font-size:14px;font-weight:650}.nav-actions{display:flex;gap:10px;align-items:center}.nav-actions button,.search-link{border:1px solid #e6cbbe;background:var(--dark-red);color:white;border-radius:9px;padding:9px 14px}.search-link{background:white;color:var(--dark-red)}.topics{background:var(--cream);border-bottom:1px solid #e9d5ac}.topic-scroller{display:flex;gap:27px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;min-height:42px;align-items:center;font-size:14px}.topic-scroller a{flex-shrink:0}.menu-shade{position:fixed;inset:0;background:#130b13ab;z-index:20}.menu-shade[hidden]{display:none}.menu-panel{position:fixed;right:0;top:0;bottom:0;width:min(880px,88vw);background:white;z-index:21;padding:24px;overflow-y:auto;transform:translateX(110%);transition:transform .2s}.menu-panel.open{transform:translateX(0)}.menu-heading{display:flex;justify-content:space-between;align-items:center;font-size:22px}.menu-heading button{padding:9px;border:1px solid #dbc4bb;background:#fff9f1;border-radius:8px}.menu-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.menu-columns a,.footer a{display:block;margin:8px 0}.menu-columns h3{color:var(--red)}.hero{background:linear-gradient(130deg,#401b29,#19151c);color:#f8f4f3;margin-top:24px;border-radius:18px;display:grid;grid-template-columns:44% 56%;overflow:hidden;min-height:360px}.hero-copy{padding:40px 38px;align-self:center}.hero h1{font-size:clamp(28px,3vw,40px);line-height:1.3;margin:12px 0}.hero p{color:#e9dbdf}.hero-media{min-height:340px;background:#5c2738}.hero-media .media{height:100%;border-radius:0}.hero-media img{height:100%;max-height:390px}.eyebrow,.kicker{font-size:12px;letter-spacing:1px;font-weight:700;color:var(--red)}.hero .eyebrow,.dark-panel .eyebrow{color:var(--yellow)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:10px;font-weight:700}.btn.yellow{background:var(--yellow);color:#292025}.btn.red{background:var(--red);color:white}.btn.outline{border:1px solid #f7da89;color:#fff3d9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.section{margin-block:55px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px;border-bottom:1px solid #e9d8c8;padding-bottom:14px}.section h2{font-size:clamp(21px,2.2vw,27px);margin:0}.section p,.prose p{color:var(--muted)}.section-heading p{margin:3px 0 0}.work-grid,.article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work-card,.article-card{display:block;border:1px solid #eadcce;border-radius:15px;background:white;overflow:hidden;transition:transform .15s,box-shadow .15s}.work-card:hover,.article-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #36152216}.poster{height:200px;background:#fff0db}.poster img,.media img{width:100%;height:100%;max-width:100%;object-fit:contain}.no-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(140deg,#5c2738,#9e384a);color:#ffefde;text-align:center;padding:22px;font-weight:800;font-size:19px;min-height:160px}.no-image small{font-size:10px;color:#f4c53e;letter-spacing:2px;font-weight:500}.card-body,.article-card{padding:18px}.card-body h3,.article-card h3{margin:6px 0;font-size:18px;line-height:1.4}.card-body p,.article-card p{font-size:14px;line-height:1.7;margin:8px 0 15px}.link-more{font-weight:750;color:var(--red);font-size:13px}.feature{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center}.feature.reverse{grid-template-columns:1fr 1.05fr}.feature.reverse .feature-media{order:2}.feature-media{min-height:260px;border-radius:14px;overflow:hidden}.feature-media .media{height:100%;min-height:260px}.feature-copy{padding:15px}.feature-copy h2{margin:8px 0 10px}.feature-copy p{line-height:1.85}.feature-copy ul{padding-left:20px}.feature-copy li{margin:10px 0}.dark-panel{background:var(--dark-red);color:#fff9ee;border-radius:17px;padding:27px}.dark-panel h2,.dark-panel h3{color:#fff9ee}.dark-panel p{color:#e9dbdf}.dark-panel .work-card{color:var(--ink)}.paper-panel{background:var(--cream);padding:25px;border-radius:17px}.rose-panel{background:var(--rose);padding:25px;border-radius:17px}.list-links{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.list-links a{border-bottom:1px solid #d9c7b9;padding:10px 0;font-weight:650}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-card{min-height:200px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.step{padding:19px;border:1px solid #e8d9cd;background:white;border-radius:13px}.step b{color:var(--red)}.page-head{background:linear-gradient(110deg,#401b29,#691e34);color:white;padding:45px 0}.page-head h1{font-size:clamp(28px,3vw,39px);margin:6px 0}.page-head p{color:#f5dfdf;max-width:730px}.prose{max-width:770px;line-height:1.85;font-size:17px}.prose h2{margin-top:32px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.chip{background:#fff1d2;border:1px solid #e8d4b0;border-radius:30px;padding:6px 12px;font-size:13px}.episodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.episode{border:1px solid #e9d7ca;background:white;padding:20px;border-radius:13px}.episode span{display:block;color:#a2243d;font-size:13px;font-weight:700}.episode p{font-size:14px}.notice{padding:16px;border-left:4px solid #a2243d;background:#fff1d2;border-radius:0 10px 10px 0}.search-form{display:flex;gap:10px;max-width:720px}.search-form input,.filter select{flex:1;min-width:0;padding:12px;border:1px solid #cbb6aa;border-radius:9px;background:white}.search-form button{border:0}.filter{display:flex;gap:15px;align-items:center;margin:18px 0;flex-wrap:wrap}.filter select{max-width:260px}.footer{background:#19151c;color:#e9dbdf;padding:45px 0 18px;margin-top:55px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h2,.footer h3{color:#fff6e8}.footer h2 small{display:block;font-size:12px;color:#f4c53e;letter-spacing:1px}.footer a{color:#e9dbdf}.copyright{border-top:1px solid #614751;margin-top:20px;padding-top:15px;font-size:13px}.mobile-bottom{display:none}video{width:100%;max-height:70vh;background:#19151c;border-radius:12px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #206e68;outline-offset:3px}@media(max-width:990px){.desktop-nav{display:none}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-columns{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.container{width:calc(100% - 34px)}.brand{font-size:18px}.brand small{font-size:8px}.nav{min-height:68px}.nav-actions{gap:6px}.nav-actions button,.search-link{padding:9px;font-size:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:28px 23px}.hero-media{min-height:210px}.hero-media .media{min-height:210px}.section{margin-block:34px}.work-grid,.article-grid,.episodes,.steps{grid-template-columns:1fr}.feature,.feature.reverse{grid-template-columns:1fr}.feature.reverse .feature-media{order:0}.feature-copy{padding:0}.feature-media{min-height:190px}.poster{height:205px}.footer-grid{grid-template-columns:1fr;gap:12px}.footer{padding-bottom:80px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fffaf3;box-shadow:0 -2px 12px #0002;z-index:9;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;padding:12px 4px;min-height:50px;font-size:13px;font-weight:750;color:#401b29}.menu-columns{grid-template-columns:1fr}.list-links{grid-template-columns:1fr}.search-form{flex-direction:column}.page-head{padding:28px 0}}