:root{color-scheme:dark;--bg:var(--guild-bg);--panel:var(--guild-panel);--text:var(--guild-text);--muted:var(--guild-muted);--gold:var(--guild-gold);--copper:var(--guild-copper);--line:var(--guild-line);--display:var(--guild-display);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 "Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border-radius:0}h1,h2,h3,p{margin-top:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f0d19c;outline-offset:5px}::selection{color:#11100e;background:var(--gold)}[hidden]{display:none!important}
.section-shell{max-width:1280px;width:calc(100% - 112px);margin-inline:auto}.skip{position:fixed;left:20px;top:-70px;padding:12px 20px;background:var(--gold);color:#15120d;z-index:100}.skip:focus{top:14px}.page-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;z-index:80}
.topbar{position:fixed;inset:0 0 auto;z-index:60;background:linear-gradient(#11100eea,#11100e9c);border-bottom:1px solid #e3c7951a;transition:background .3s}.topbar.is-scrolled{background:#15130ff5}.nav-inner{max-width:1440px;margin:auto;height:90px;padding:0 56px;display:flex;align-items:center;gap:60px}.brand{display:inline-flex;align-items:center;gap:14px;font-size:21px;letter-spacing:.08em;white-space:nowrap;font-weight:600}.brand img{flex-shrink:0;object-fit:contain}.brand small{display:block;font:700 11px/1.8 Cinzel,serif;letter-spacing:.23em;color:var(--gold)}.topbar nav{display:flex;gap:35px;align-items:center;font-size:15px;color:#d5c9b5}.topbar nav a{min-height:44px;display:flex;align-items:center;position:relative}.topbar nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.topbar nav a:hover::after{transform:scaleX(1)}.nav-action{margin-left:auto;font-size:14px;display:flex;gap:22px;align-items:center;border:1px solid #d8b77a70;padding:9px 15px;min-height:44px;color:var(--gold);transition:background .25s}.nav-action:hover{background:#d8b77a15}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:770px;height:min(880px,100svh);background:#23190e}.hero-scene,.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-scene{z-index:-1}.hero-art{object-fit:cover;object-position:60% 38%;height:110%;top:-3%;filter:saturate(.78)}.hero-shade{background:linear-gradient(90deg,#11100ef5 0%,#11100ed6 25%,#11100e73 46%,#11100e08 71%,#11100e29 100%),linear-gradient(0deg,#11100e 0%,#11100e0d 40%,#11100e12 75%,#11100e80 100%)}.hero-inner{position:relative;height:100%;max-width:1440px;margin:auto;padding:150px 56px 104px;display:flex;align-items:center}.hero-copy{max-width:660px}.eyebrow{font:700 12px/1.6 Cinzel,"Microsoft YaHei",serif;letter-spacing:.17em;color:var(--gold);margin:0 0 18px;display:flex;gap:12px;align-items:center}.small-diamond{display:inline-block;width:6px;height:6px;background:var(--gold);transform:rotate(45deg);flex-shrink:0}.hero-kicker{font:500 13px/1.8 "Microsoft YaHei",sans-serif;letter-spacing:.16em;margin-bottom:25px}.hero h1{margin:0 0 25px;line-height:1.1}.title-main{font:900 clamp(100px,10.8vw,156px)/1.15 GuildTitle,"STSong","SimSun",serif;display:block;letter-spacing:.07em;color:#f0e0bb;text-shadow:0 3px 0 #69442560,0 8px 32px #0008}.title-sub{display:flex;align-items:center;gap:18px;font:400 31px/1.5 "STSong","SimSun",serif;letter-spacing:.28em;color:var(--gold);margin:12px 0 0 4px}.title-sub::after{content:"";width:80px;height:1px;background:linear-gradient(90deg,#d8b77a80,transparent)}.hero-motto{font:400 25px/1.6 "STSong","SimSun",serif;letter-spacing:.1em;margin:0 0 14px}.hero-motto em{font-style:normal;color:var(--gold)}.hero-description{font-size:16px;line-height:2;color:#d1c4af;margin:0 0 30px}.mobile-break{display:none}.hero-actions{display:flex;align-items:center;gap:26px}.primary-link{min-height:54px;display:inline-flex;align-items:center;gap:34px;padding:13px 23px;color:#21180c;font-size:16px;font-weight:600;background:linear-gradient(115deg,#ead09c,#cda361);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));transition:filter .25s,transform .25s var(--ease)}.primary-link svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.4;transition:transform .25s}.primary-link:hover{filter:brightness(1.12);transform:translateY(-2px)}.primary-link:hover svg{transform:translateX(4px)}.secondary-link{font-size:14px;display:inline-flex;gap:17px;align-items:center;min-height:44px;color:#e5d9c5}.secondary-link span{color:var(--gold);transition:transform .25s}.secondary-link:hover span{transform:translate(3px,-3px)}.hero-meta{margin-top:26px;display:flex;gap:17px;align-items:center;color:#c2b59f;font-size:12px}.hero-meta span+span::before{content:"/";color:#8d7654;margin-right:17px}.campaign-label{position:absolute;right:56px;bottom:155px;border-right:2px solid var(--copper);padding:0 20px 0 0;text-align:right;opacity:.8}.campaign-label span{display:block;font:700 11px/1.8 Cinzel,"Microsoft YaHei",serif;letter-spacing:.17em;color:#e2c695}.campaign-label strong{display:block;font:700 25px/1.2 Cinzel,serif;letter-spacing:.04em;margin:10px 0;color:#f0e0bc}.campaign-label span:last-child{font:14px/2 "STSong","SimSun",serif;letter-spacing:.22em}.hero-bottom{position:absolute;left:56px;right:56px;bottom:25px;max-width:1328px;margin:auto;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.scroll-cue{display:flex;align-items:center;gap:15px;min-height:44px;letter-spacing:.12em}.scroll-line{display:block;height:1px;width:40px;background:var(--gold)}.motion-toggle{border:1px solid #d8b77a38;background:#17130c80;color:#d8c9ae;min-height:44px;padding:9px 13px;display:flex;align-items:center;gap:9px;font-size:13px}.motion-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}.motion-toggle:hover{border-color:var(--gold)}.motion-toggle:disabled{cursor:default;color:var(--muted)}
.embers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.embers i{position:absolute;left:var(--x);bottom:10%;width:3px;height:3px;background:#ffd49a;box-shadow:0 0 8px #f6a657;opacity:0;border-radius:50%}.motion-active.scene-visible .embers i{animation:ember-rise var(--time,9s) linear infinite;animation-delay:var(--delay,0s)}.motion-paused .embers i,.page-hidden .embers i{animation-play-state:paused!important}.embers i:nth-child(1){--x:48%;--time:9s;--delay:-3s}.embers i:nth-child(2){--x:57%;--time:12s;--delay:-7s}.embers i:nth-child(3){--x:64%;--time:8s;--delay:-2s}.embers i:nth-child(4){--x:70%;--time:10s;--delay:-5s}.embers i:nth-child(5){--x:79%;--time:13s;--delay:-8s}.embers i:nth-child(6){--x:85%;--time:7s;--delay:-4s}.embers i:nth-child(7){--x:91%;--time:11s;--delay:-9s}.embers i:nth-child(8){--x:52%;--time:10s;--delay:-6s}.embers i:nth-child(9){--x:66%;--time:14s;--delay:-11s}.embers i:nth-child(10){--x:73%;--time:9s;--delay:-5s}.embers i:nth-child(11){--x:83%;--time:12s;--delay:-1s}.embers i:nth-child(12){--x:96%;--time:10s;--delay:-7s}@keyframes ember-rise{0%{opacity:0;transform:translate3d(0,0,0)}15%{opacity:.7}65%{opacity:.45}100%{opacity:0;transform:translate3d(-45px,-430px,0)}}
.archive-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;padding:30px 0 35px;border-bottom:1px solid var(--line);align-items:center}.archive-stats>div{display:flex;align-items:center;gap:15px;border-right:1px solid var(--line);padding:0 25px}.archive-stats>div:first-child{padding-left:0}.archive-stats strong{font:700 42px/1.2 Cinzel,serif;color:var(--gold)}.archive-stats span{font-size:14px;color:var(--muted)}.archive-stats>p{padding-left:40px;margin:0;font:20px/1.6 "STSong","SimSun",serif}.archive-stats>p span{display:block;font:13px/2 "Microsoft YaHei",sans-serif;margin-top:4px;color:var(--muted)}
h2{font:400 clamp(29px,3vw,40px)/1.5 "STSong","SimSun",serif;letter-spacing:.04em;margin:0}h2 em{font-style:normal;color:var(--gold)}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:35px}.section-title .eyebrow{margin-bottom:12px;font-size:11px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:44px;color:var(--gold);font-size:14px}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.recent{padding:70px 0 60px}.featured-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:32px}.featured-story{position:relative;min-height:420px;isolation:isolate;overflow:hidden;border:1px solid #ad8a574a;background:#20170f}.featured-art{position:absolute;inset:0;background:url('assets/brand/siege-of-orgrimmar.png') 67% center/cover;z-index:-2;transition:transform .7s var(--ease)}.featured-story::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1d140ce8,#19120f73 70%,#19120f30),linear-gradient(0deg,#17110bf5,transparent 70%)}.featured-story:hover .featured-art{transform:scale(1.045)}.featured-content{padding:35px 38px;position:relative;min-height:420px;display:flex;flex-direction:column;align-items:flex-start}.story-category{border:1px solid #d8b77a60;padding:4px 10px;font-size:12px;letter-spacing:.12em;color:#ead0a2}.featured-content h3{font:400 42px/1.3 "STSong","SimSun",serif;margin:35px 0 20px;letter-spacing:.08em}.featured-content h3 span{font-size:29px;color:var(--gold)}.featured-content>p:not(.story-index){color:#ded0bb;font-size:15px;line-height:1.9;margin-bottom:30px}.story-link{display:flex;gap:70px;align-items:center;color:var(--gold);font-size:14px;margin-top:auto;border-bottom:1px solid #d8b77a80;padding:9px 0}.story-link b{font-size:21px;font-weight:400;transition:transform .25s}.featured-story:hover .story-link b{transform:translate(3px,-3px)}.latest-panel{padding:5px 0;display:flex;flex-direction:column}.latest-panel-heading{display:flex;align-items:center;gap:12px;margin:0 0 17px}.latest-panel-heading h3{font:400 23px/1.5 "STSong","SimSun",serif;margin:0}.latest-panel-heading>a{margin-left:auto;min-height:44px;display:flex;align-items:center;color:var(--gold);font:700 12px/1.6 Cinzel,serif}.recent-items{display:flex;flex-direction:column;flex:1}.recent-item{padding:22px 36px 22px 0;border-top:1px solid var(--line);position:relative;display:block;transition:padding-left .25s var(--ease)}.recent-item:hover{padding-left:8px}.recent-head{display:flex;align-items:center;gap:20px;justify-content:space-between;font-size:12px;color:var(--gold);margin-bottom:10px}.recent-head time{color:var(--muted);font:700 12px Cinzel,serif}.recent-item h3{font-size:20px;line-height:1.7;font-weight:500;margin:0 0 8px}.recent-item p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.recent-arrow{position:absolute;right:0;bottom:28px;color:var(--gold);font-size:21px}.latest-note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin:0}
.reading-guide{padding:25px 0 65px;border-bottom:1px solid var(--line)}
.library{padding:70px 0 75px}.section-title>p{font-size:14px;color:var(--muted);margin:0 0 8px;white-space:nowrap}.library-controls{border:1px solid var(--line);background:#181611}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 20px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:none;color:#c3b7a3;font-size:14px;min-height:44px;padding:8px 17px;position:relative;transition:background .22s,color .22s}.filters button.active{background:#d8b77a;color:#21190f;font-weight:600}.filters button:hover:not(.active){background:#d8b77a12;color:#f0d39d}.search{display:flex;gap:10px;align-items:center;background:#100f0c;border:1px solid #a38e6e42;min-height:46px;padding:9px 12px;min-width:300px}.search svg{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.5;flex-shrink:0}.search input{background:none;border:0;color:var(--text);min-width:0;width:100%;font-size:16px}.search input::placeholder{color:#a99e8b}.search>span{font-size:17px;color:#9c8867}.subtools{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:7px 20px;color:var(--muted);font-size:13px}.subtools label{display:flex;gap:10px;align-items:center}.subtools select{min-height:44px;padding:6px 20px 6px 3px;background:none;color:#e4d7bf;border:0;font-size:14px;max-width:170px}.subtools option{background:#191610}.subtools button{margin-left:auto;background:none;border:0;color:var(--muted);min-height:44px;font-size:13px;padding:7px}.subtools button:hover{color:var(--gold)}.subtools button span{margin-left:10px}.search-hint{font-size:13px;color:var(--muted);margin:14px 0 26px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{--accent:#cdb381;position:relative;min-width:0;padding:26px 27px 18px;display:flex;flex-direction:column;background:linear-gradient(130deg,#24201790,#191713);border:1px solid #9e89633b;transition:border-color .25s,background .25s,transform .3s var(--ease);overflow:hidden}.card.boss{--accent:#dba271}.card.spec{--accent:#b7b88c}.card::before{content:"";position:absolute;top:0;left:27px;width:34px;height:2px;background:var(--accent)}.card:hover{border-color:#c5a16b9e;background:#242017;transform:translateY(-5px)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}.category-badge{font-size:12px;letter-spacing:.1em;color:var(--accent);display:inline-flex;align-items:center;gap:8px}.category-badge::before{content:"";width:4px;height:4px;transform:rotate(45deg);background:var(--accent)}.card h3{font:500 20px/1.65 "Microsoft YaHei",sans-serif;margin:0 0 15px;letter-spacing:.01em}.card h3 a::after{content:"";position:absolute;inset:0}.card-description{font-size:15px;color:var(--muted);line-height:1.9;margin:0 0 22px;flex:1;pointer-events:none}.card-labels{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;color:#bfb198;font-size:12px;pointer-events:none}.card-labels span{border:1px solid #b49a6a25;padding:2px 7px}.card-foot{border-top:1px solid var(--line);padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.date-group{display:flex;gap:6px;align-items:center}.date-group time{font:700 11px Cinzel,serif}.card-foot>a{position:relative;z-index:1;min-height:36px;display:flex;align-items:center;color:var(--gold);white-space:nowrap}.empty{grid-column:1/-1;padding:65px 20px;border:1px dashed #a38e6e42;text-align:center}.empty-icon{font-size:42px;color:var(--gold)}.empty h3{font:400 24px "STSong",serif;margin:10px 0}.empty p{color:var(--muted);font-size:16px;margin:12px 0 0}.notice{padding:16px;border:1px solid var(--line);color:var(--muted)}
.about{display:grid;grid-template-columns:200px minmax(0,1fr) 240px;gap:36px;align-items:center;padding:48px 36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:radial-gradient(ellipse at 20% 50%,#b9814e0e,transparent 60%)}.about-crest{display:flex;align-items:center;justify-content:center}.about-crest img{display:block;width:200px;height:200px;max-width:100%;object-fit:contain}.about-copy{min-width:0}.about-copy h2{font-size:36px;margin-bottom:20px;line-height:1.45}.about-copy>p:not(.eyebrow){font-size:16px;line-height:2;color:var(--muted);margin-bottom:16px}.about-copy .eyebrow{font-size:11px}.archive-policy{max-width:1280px;width:calc(100% - 112px);margin:auto;padding:55px 0}.archive-policy>.eyebrow{font-size:11px;margin-bottom:12px}.archive-policy h2{font-size:27px;margin-bottom:27px}.policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.policy-grid h3{font-size:15px;font-weight:500;color:#ded1ba;margin-bottom:10px}.policy-grid p{font-size:13px;line-height:2;color:var(--muted);margin:0}.site-footer{display:flex;align-items:center;gap:50px;flex-wrap:wrap;padding:30px 0 20px;border-top:1px solid var(--line)}.footer-brand{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:17px;letter-spacing:.08em}.footer-brand small{display:block;color:var(--gold);font:700 9px/2 Cinzel,serif;letter-spacing:.15em}.site-footer>p{font-size:14px;color:var(--muted);margin:0}.site-footer>p small{display:block;color:#9f9380;font-size:11px;line-height:2.3}.site-footer>.text-link{margin-left:auto;font-size:13px}.site-footer .art-credit{flex-basis:100%;font-size:11px;color:#a2947e;border-top:1px solid #b49a6a12;padding-top:13px;line-height:1.7}.art-credit a:hover{color:var(--gold)}
@media(min-width:1600px){.hero-art{object-position:center 34%}.hero-inner{padding-top:155px}.hero h1{margin-bottom:30px}.hero-description{font-size:17px}}
@media(max-width:1100px){.section-shell,.archive-policy{width:calc(100% - 64px)}.nav-inner{padding-inline:32px;gap:30px}.topbar nav{gap:24px}.nav-action{display:none}.hero-inner{padding-inline:32px}.hero-bottom{left:32px;right:32px}.title-main{font-size:130px}.hero-art{object-position:58% center}.campaign-label{right:32px;bottom:125px}.archive-stats>div{padding-inline:16px;gap:12px}.archive-stats strong{font-size:34px}.archive-stats>p{padding-left:25px;font-size:18px}.archive-stats span{font-size:12px}.featured-layout{gap:25px;grid-template-columns:1.2fr 1fr}.featured-content{padding:30px}.toolbar{gap:15px;padding-inline:15px}.filters button{padding-inline:12px}.search{min-width:240px}.cards{gap:16px}.card{padding:23px 20px 16px}.card h3{font-size:18px}.card-foot{font-size:11px}.card-foot a{font-size:12px}.date-group{display:block}.about{grid-template-columns:130px minmax(0,1fr) 220px;gap:24px;padding-inline:30px}.about-crest img{width:130px;height:130px}.about-copy h2{font-size:30px}.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:95px}.section-shell,.archive-policy{width:calc(100% - 40px)}.nav-inner{height:78px;padding-inline:20px;justify-content:space-between;gap:15px}.brand{gap:10px;font-size:18px}.brand img{width:36px;height:36px}.brand small{font-size:9px;letter-spacing:.18em}.topbar nav{gap:20px;font-size:13px}.topbar nav a:last-child{display:none}.hero{height:800px;min-height:800px}.hero-inner{padding:145px 24px 100px;align-items:center}.hero-copy{max-width:510px}.hero-art{width:150%;max-width:none;left:-25%;object-position:63% center;opacity:.8}.hero-shade{background:linear-gradient(90deg,#11100edb,#11100e8f 45%,#11100e47),linear-gradient(0deg,#11100e,transparent 65%)}.title-main{font-size:120px}.title-sub{font-size:27px}.hero-description{font-size:16px}.campaign-label{display:none}.hero-bottom{left:24px;right:24px;bottom:22px}.hero-kicker{font-size:12px}.hero-motto{font-size:23px}.archive-stats{grid-template-columns:repeat(3,1fr);padding:27px 0}.archive-stats>div{display:block;padding:0 20px}.archive-stats>div:nth-child(3){border:0}.archive-stats strong{display:block;font-size:34px;margin-bottom:7px}.archive-stats span{font-size:12px}.archive-stats>p{display:none}.section-title{gap:20px;margin-bottom:26px;flex-wrap:wrap}.section-title h2{font-size:31px}.section-title .eyebrow{font-size:10px}.recent{padding:48px 0}.featured-layout{grid-template-columns:1fr;gap:30px}.featured-story,.featured-content{min-height:400px}.featured-content{padding:30px}.featured-content h3{font-size:40px}.latest-panel{padding:0}.recent-item h3{font-size:20px}.recent-item p{font-size:15px}.recent-head{font-size:13px}.latest-note{font-size:13px}.reading-guide{padding:0 0 35px}.library{padding:46px 0}.toolbar{display:block;padding:12px}.filters{gap:7px;margin-bottom:12px;justify-content:space-between}.filters button{font-size:14px;padding:8px 12px}.search{min-width:0;width:100%}.search input{font-size:17px}.subtools{gap:15px;padding:5px 12px}.subtools select{max-width:150px;font-size:14px}.subtools label{gap:5px}.subtools button{font-size:13px;margin-left:auto}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card{padding:23px 20px 15px}.card h3{font-size:19px}.card-description{font-size:15px}.search-hint{font-size:13px}.about{grid-template-columns:72px minmax(0,1fr);gap:20px 18px;padding:32px 10px}.about-crest{grid-row:1/3}.about-crest img{width:72px;height:72px}.about-copy{display:contents}.about-copy>.eyebrow{grid-column:2;align-self:end;margin:0}.about-copy h2{grid-column:2;font-size:clamp(22px,6.5vw,28px);margin:0}.about-copy>p:not(.eyebrow),.about-copy>.text-link{grid-column:1/-1;margin:0}.about-copy>p:not(.eyebrow){font-size:15px}.policy-grid{gap:25px}.policy-grid p{font-size:14px;line-height:1.9}.policy-grid h3{font-size:16px}.archive-policy{padding:40px 0}.site-footer{gap:20px;padding:25px 0 18px}.site-footer>p{order:3;flex-basis:100%;font-size:14px}.site-footer>p small{font-size:12px}.site-footer .art-credit{order:4;font-size:11px}}
@media(max-width:540px){.hero{height:780px;min-height:780px}.hero-inner{padding:153px 22px 105px;align-items:flex-start}.hero-art{width:205%;left:-82%;object-position:center center;top:-1%;height:105%}.hero-shade{background:linear-gradient(90deg,#11100ec7,#11100e80 55%,#11100e38),linear-gradient(0deg,#11100e 0%,#11100e15 75%,#11100e40)}.hero-copy{width:100%}.hero-kicker{font-size:11px;gap:8px;letter-spacing:.1em;margin-bottom:27px}.title-main{font-size:clamp(85px,24vw,118px);letter-spacing:.05em}.title-sub{font-size:25px;letter-spacing:.23em;margin-top:17px;gap:10px}.title-sub::after{width:40px}.hero h1{margin-bottom:28px}.hero-motto{font-size:22px;letter-spacing:.03em}.hero-description{font-size:15px;line-height:2.1;margin-bottom:26px}.hero-actions{flex-wrap:wrap;gap:15px}.primary-link{min-height:54px;padding:12px 21px;gap:36px;font-size:15px}.secondary-link{font-size:14px;min-height:42px}.hero-meta{font-size:11px;gap:12px;flex-wrap:wrap;margin-top:20px}.hero-meta span+span::before{margin-right:12px}.hero-bottom{left:22px;right:22px;bottom:20px}.scroll-cue{font-size:11px;gap:10px}.scroll-line{width:22px}.motion-toggle{font-size:12px;padding:7px 10px}.archive-stats>div{padding-inline:12px}.archive-stats strong{font-size:31px}.archive-stats span{font-size:11px}.section-title h2{font-size:27px}.section-title h2 em{display:block}.section-title>.text-link{font-size:13px;min-height:36px}.recent{padding-top:40px}.featured-story,.featured-content{min-height:400px}.featured-content{padding:28px 25px}.featured-art{background-position:60% center}.featured-content h3{font-size:39px}.featured-content>p:not(.story-index){font-size:14px}.recent-item{padding:21px 27px 21px 0}.recent-item h3{font-size:19px}.recent-item p{font-size:14px}.recent-head{font-size:12px}.cards{grid-template-columns:1fr;gap:16px}.card{padding:25px 25px 16px}.card-top{margin-bottom:24px}.card h3{font-size:21px}.card-description{font-size:16px}.card-labels{font-size:13px}.card-foot{font-size:12px}.card-foot a{font-size:13px;min-height:40px}.date-group{display:flex}.date-group time{font-size:12px}.category-badge{font-size:13px}.filters{gap:6px;justify-content:flex-start}.filters button{font-size:13px;padding:8px 10px;min-height:44px}.subtools{gap:7px 14px}.subtools select{font-size:13px;max-width:133px;padding-right:10px}.subtools button{margin-left:0}.search-hint{font-size:13px;line-height:1.9}.section-title>p{font-size:13px;white-space:normal}.policy-grid{grid-template-columns:1fr;gap:24px}.archive-policy h2{font-size:25px}.footer-brand{font-size:16px}.site-footer>.text-link{gap:15px;font-size:12px}}
@media(max-width:360px){.nav-inner{padding-inline:14px;gap:8px}.brand{gap:8px;font-size:16px}.topbar nav{gap:10px;font-size:12px;flex-shrink:0}.title-main{font-size:23vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.embers i{animation:none!important}.card,.featured-art,.primary-link,.primary-link svg,.recent-item,.text-link span,.secondary-link span,.story-link b,.card:hover,.primary-link:hover,.featured-story:hover .featured-art{transform:none}}
.motion-paused{scroll-behavior:auto}.motion-paused .featured-art,.motion-paused .card,.motion-paused .primary-link{transition:none}.motion-paused .card:hover,.motion-paused .featured-story:hover .featured-art,.motion-paused .primary-link:hover{transform:none}
.guild-contact{margin:0;min-width:0;text-align:center}.guild-qr{display:block;position:relative;aspect-ratio:1;overflow:hidden;border:1px solid #d8b77a80;background:#f9f9f9;line-height:0}.guild-qr:hover{border-color:var(--gold)}.guild-qr img{display:block;position:absolute;width:128.571%;max-width:none;height:auto;left:-14.286%;top:-68.929%}.guild-contact figcaption{font-size:13px;line-height:1.9;color:var(--gold);margin-top:12px}.guild-contact figcaption span{font-size:12px;color:var(--muted)}@media(max-width:760px){.guild-contact{grid-column:1/-1;width:min(240px,100%);justify-self:center}}
@media print{.topbar,.hero-scene,.hero-bottom,.page-progress,.art-credit{display:none}.hero{height:auto;min-height:0;background:white;color:black}.hero-inner{padding:30px}.hero h1 span,.hero-description,.hero-motto,.hero-motto em{color:black;text-shadow:none}.section-shell,.archive-policy{width:100%}.card,.latest-panel,.reading-guide{break-inside:avoid}body{background:white;color:black}}

/* The archive keeps the guild identity while giving articles more room. */
.archive-stats{display:flex;gap:30px;flex-wrap:wrap;padding:22px 0}
.archive-stats>div,.archive-stats>div:first-child{display:flex;gap:9px;padding:0;border:0}
.archive-stats strong{display:inline;font:600 20px/1.5 Cinzel,serif;margin:0}
.archive-stats span{font-size:14px}
.archive-stats>p{margin-left:auto;padding:0;font:14px/1.8 "Microsoft YaHei",sans-serif;color:var(--muted)}
.archive-stats>p span{display:inline;font:inherit;margin:0}
.reading-guide{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:20px 0;border-block:1px solid var(--line)}
.reading-guide>span{font-size:13px;color:var(--muted);margin-right:auto}
.reading-guide>a{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:15px;color:var(--text)}
.reading-guide>a span{color:var(--gold)}
.reading-guide>a:hover{color:var(--gold)}
.library{padding-top:58px}
.library-controls{border-inline:0;background:transparent}
.toolbar{padding-inline:0}
.subtools{padding-inline:0}
.filters button{font-size:15px}
.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.card{padding:26px 0 18px;background:transparent;border:0;border-top:1px solid var(--line);overflow:visible}
.card::before{display:none}
.card:hover{background:transparent;border-color:var(--gold);transform:none}
.card-top{margin-bottom:12px}
.category-badge{font-size:13px;letter-spacing:.03em}
.card h3{font-size:22px;line-height:1.65;letter-spacing:0;margin-bottom:12px;text-wrap:pretty;transition:color .2s}
.card:hover h3{color:var(--gold)}
.card-description{font-size:16px;line-height:1.9;margin-bottom:18px}
.card-labels{font-size:13px;gap:0;margin-bottom:12px}
.card-labels span{border:0;padding:0}
.card-labels span+span::before{content:"·";margin:0 10px;color:#82735d}
.card-foot{border:0;padding:0;font-size:13px}
.date-group{display:flex}
.date-group time{font:13px/1.8 "Microsoft YaHei",sans-serif;font-variant-numeric:tabular-nums}
.card-foot>a{font-size:14px;min-height:44px}
.section-title .eyebrow{font-size:13px;letter-spacing:.12em}
.policy-grid p{font-size:14px}
.about-copy h2{color:var(--gold)}
@media(max-width:760px){
 .archive-stats{gap:12px 24px;padding:20px 0}.archive-stats>p{display:none}
 .archive-stats span{font-size:13px}.archive-stats strong{font-size:19px}
 .reading-guide{display:grid;grid-template-columns:1fr;gap:0;padding:18px 0}
 .reading-guide>span{margin:0 0 6px}.reading-guide>a{justify-content:space-between;font-size:16px}
 .cards{grid-template-columns:1fr;gap:0}.card{padding:25px 0 18px}
 .card h3{font-size:21px}.card-description{font-size:16px}
 .section-title .eyebrow{font-size:12px}.section-title h2{font-size:32px}
 .library{padding-top:42px}.search{background:#181611}
 .toolbar{padding:12px 0}.subtools{padding:4px 0}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.filters button{font-size:13px;padding:8px 4px}
}
@media(prefers-reduced-motion:reduce){.card h3{transition:none}}

/* Masked titles and chapter rules support the cinematic GSAP timeline. */
.title-mask,.heading-clip{display:block;overflow:hidden}
.title-mask{padding-bottom:5px;margin-bottom:-5px}
.heading-line{display:block}
.motion-rule{display:block;width:68px;height:1px;background:var(--gold);transform-origin:left;margin-top:18px}
.hero-art{transform-origin:65% 45%}
.primary-link{position:relative}
.primary-link::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#fff5 50%,transparent 80%);transform:translateX(-140%);transition:transform .7s var(--ease);pointer-events:none}
@media(hover:hover) and (pointer:fine){.primary-link:hover::before{transform:translateX(140%)}}
@media(prefers-reduced-motion:reduce){.primary-link::before{display:none}}

@media(min-width:900px){.hero-art{width:calc(100% + 32px);left:-16px}}