/* Hallmark · macrostructure: Bespoke editorial diptych · custom summer office archive · pre-emit critique: P5 H5 E4 S5 R5 V4 */
:root{
 --color-paper:oklch(98.8% .012 230);--color-sheet:oklch(96% .027 88);--color-ink:oklch(39.5% .09 242);--color-muted:oklch(45% .052 241);--color-accent:oklch(75.4% .139 232);--color-accent-ink:oklch(24% .066 247);--color-note:oklch(92.4% .12 95);--color-seal:oklch(51% .168 27);--color-deep:oklch(25% .059 246);--color-light:oklch(98.8% .012 230);--color-rule:oklch(82% .027 232);--color-rule-dark:oklch(46% .04 240);--color-focus:oklch(44% .15 248);--color-overlay:oklch(18% .044 243 / .86);--color-shade:oklch(25% .059 246 / .73);--color-shadow:oklch(25% .059 246 / .15);--color-success:oklch(40% .10 153);--color-error:oklch(48% .17 27);--color-clear:oklch(99% .01 235 / 0);--color-fiber:oklch(39.5% .09 242 / .04);--color-glint:oklch(98.8% .012 230 / .5);
 --font-display:'Noto Serif SC','Songti SC','STSong',serif;--font-body:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
 --space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;
 --text-sm:.8125rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-display:clamp(3.5rem,7.1vw,7rem);
 --ease-out:cubic-bezier(.22,1,.36,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-fast:160ms;--dur-medium:320ms;--rule-thin:1px;--radius-sm:3px;--header-height:76px;
}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.static{position:static}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.flex{display:flex}.table{display:table}.hidden{display:none}.items-center{align-items:center}.gap-6{gap:1.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}*{box-sizing:border-box}body,html{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:400 16px/1.85 var(--font-body);padding-bottom:82px}body.locked{overflow-y:hidden}figure,h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-style:normal;overflow-wrap:anywhere;min-width:0}h1,h2{font-family:var(--font-display);font-weight:700}h2{font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.4}h3{font-size:1.25rem;line-height:1.55}p+p{margin-top:var(--space-md)}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:var(--color-clear)}button{border:0;background:none}img{max-width:100%;height:auto;display:block}ol,ul{padding-left:var(--space-lg)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;box-shadow:0 0 0 3px var(--color-light)}.container{width:min(1280px,calc(100% - 40px));margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--color-light);padding:12px}.skip:focus{top:8px}.site-header{position:fixed;z-index:30;top:0;left:0;right:0;background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.header-inner{height:76px;justify-content:space-between;gap:var(--space-md)}.brand,.header-inner{display:flex;align-items:center}.brand{gap:var(--space-sm);font-weight:700;line-height:1;white-space:nowrap}.brand img{width:30px;height:30px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.brand small{display:none;font-size:11px;font-weight:400;letter-spacing:.14em}.nav-links{display:none;gap:var(--space-xl);align-items:center}.nav-links a{font-size:14px;line-height:1;white-space:nowrap;padding-block:16px}.nav-links a[aria-current=page]{border-bottom:2px solid var(--color-ink)}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.menu-toggle{min-width:44px;min-height:44px;font-size:14px}.header-download{display:none!important}.mobile-menu{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-rule);background:var(--color-sheet)}.mobile-menu a{display:block;padding:var(--space-sm);min-height:44px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-md);min-height:52px;padding:var(--space-md) var(--space-lg);font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;border:1px solid var(--color-ink);border-radius:var(--radius-sm);position:relative;isolation:isolate;overflow:hidden;transition:transform var(--dur-fast) var(--ease-out)}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn-primary:after{content:"";position:absolute;inset:-50% auto -50% -30%;width:15%;background:var(--color-glint);transform:rotate(20deg) translateX(-150%);opacity:0;pointer-events:none}.btn-primary:focus-visible:after,.btn-primary:hover:after{animation:glint .7s var(--ease-out) 1}.btn-secondary{background:var(--color-clear)}.btn-light{border-color:var(--color-light);color:var(--color-light)}.btn-arrow{font-size:20px}.text-link{display:inline-flex;align-items:center;gap:var(--space-md);min-height:44px;border-bottom:1px solid var(--color-ink);font-weight:500;white-space:nowrap}.btn:active,button:active{transform:translateY(1px)}:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}[data-state=loading]{cursor:progress}[data-state=error]{outline:2px solid var(--color-error)}[data-state=success]{outline-color:var(--color-success)}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:500}.hero{position:relative;padding-top:112px;background:var(--color-deep);color:var(--color-light);overflow:hidden}.hero-bg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.38}.hero-bg,.hero:after{position:absolute;inset:0}.hero:after{content:"";background:var(--color-shade);pointer-events:none}.hero-inner{position:relative;z-index:1;display:grid;gap:var(--space-xl);padding-block:var(--space-lg) var(--space-2xl)}.hero-copy{position:relative;z-index:2}.hero-kicker{display:flex;align-items:center;gap:var(--space-md);font-size:12px;letter-spacing:.12em}.hero-kicker span:first-child{background:var(--color-note);padding:4px 10px;color:var(--color-accent-ink);letter-spacing:0}.hero h1{font-size:var(--text-display);line-height:1.12;margin-block:var(--space-lg)}.hero h1 .latin{display:block;font:700 clamp(1.1rem,2.6vw,2.3rem)/1.5 var(--font-body);letter-spacing:.2em;margin-top:var(--space-md)}.hero-lede{font-size:18px;line-height:1.9;max-width:29em}.hero-actions{gap:var(--space-md)}.hero-actions,.hero-meta{display:flex;flex-wrap:wrap;margin-top:var(--space-xl)}.hero-meta{gap:var(--space-md) var(--space-lg);font-size:13px}.hero-meta span+span:before{content:" / ";margin-right:var(--space-lg);opacity:.6}.hero-art{position:relative;margin-top:var(--space-sm);min-width:0}.hero-art>img{width:100%;aspect-ratio:1.15;-o-object-fit:cover;object-fit:cover;-o-object-position:48% 50%;object-position:48% 50%;border:8px solid var(--color-sheet);box-shadow:0 20px 64px var(--color-shadow)}.hero-art figcaption{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:var(--space-md);gap:var(--space-lg);letter-spacing:.12em}.seal{position:absolute;right:-8px;top:-18px;width:56px;height:56px;background:var(--color-sheet);border:2px solid var(--color-seal);color:var(--color-seal);display:grid;place-items:center;font-family:var(--font-display);line-height:1.2;transform:rotate(5deg);font-size:19px;font-weight:700;z-index:3}.page-edge{position:relative;z-index:1;background:var(--color-sheet);color:var(--color-ink);padding:12px 0;font-size:12px}.page-edge .container{display:flex;justify-content:space-between;gap:var(--space-lg);align-items:center}.fact-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-block:var(--space-xl) var(--space-3xl);border-bottom:1px solid var(--color-rule)}.fact{padding:var(--space-md) 0}.fact dt{font-size:12px;color:var(--color-muted)}.fact dd{margin:4px 0 0;font-size:15px;font-weight:500}.section{padding-block:var(--space-2xl)}.section-head{margin-bottom:var(--space-xl)}.section-head p{margin-top:var(--space-md);max-width:42em;color:var(--color-muted)}.section-head .eyebrow{margin-bottom:var(--space-md)}.story-grid{display:grid;gap:var(--space-xl)}.story-copy{max-width:43em;font-size:17px}.story-copy .intro{font-family:var(--font-display);font-size:26px;line-height:1.7;color:var(--color-ink);margin-bottom:var(--space-lg)}.story-aside{border-top:2px solid var(--color-ink);padding-top:var(--space-lg)}.story-aside p{font-size:14px}.note-label{font-size:12px;letter-spacing:.1em;margin-bottom:var(--space-md);font-weight:700}.features{display:grid;margin-top:var(--space-2xl);grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-lg)}.feature{border-top:1px solid var(--color-rule);padding-block:var(--space-lg);transition:transform var(--dur-fast) var(--ease-out)}.feature p{margin-top:12px;color:var(--color-muted);font-size:15px}.feature .num{font-family:var(--font-display);font-size:30px;color:var(--color-seal);margin-bottom:12px}.character-band{background:var(--color-sheet);position:relative;margin-block:var(--space-xl);padding-block:var(--space-2xl);background-image:none}.character-layout{display:grid;gap:var(--space-xl)}.character-photo{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%}.character-copy{display:grid;gap:var(--space-xl)}.character-copy h3{font-family:var(--font-display);font-size:24px}.role{font-size:12px;letter-spacing:.1em;color:var(--color-seal);margin-bottom:8px}.character-copy p{font-size:15px;margin-top:8px}.section-topline{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-xl)}.media-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(1,minmax(0,1fr))}.gallery-item{min-width:0}.media-button{display:block;width:100%;padding:0;position:relative;text-align:left;overflow:hidden;background:var(--color-deep)}.media-button img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;transition:transform var(--dur-medium) var(--ease-out)}.media-button .expand{position:absolute;bottom:12px;right:12px;background:var(--color-deep);color:var(--color-light);padding:4px 10px;font-size:12px;line-height:1.6}.gallery-item figcaption{display:flex;justify-content:space-between;gap:var(--space-md);padding-top:12px;font-size:13px}.gallery-item figcaption span{color:var(--color-muted);white-space:nowrap}.download-band{background:var(--color-deep);color:var(--color-light);padding:var(--space-2xl) 0;margin-block:var(--space-2xl)}.download-layout{display:grid;gap:var(--space-xl)}.download-band h2{font-size:clamp(2rem,3.5vw,3rem)}.download-band p{margin-top:var(--space-md);max-width:40em}.download-action{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-md)}.download-action small{font-size:12px}.download-action .btn{min-width:224px}.reading-links{display:grid;gap:0;border-top:1px solid var(--color-rule)}.reading-link{padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.reading-link h3{font-size:19px}.reading-link p{font-size:14px;color:var(--color-muted);margin-top:8px}.reading-link>span{font-size:24px}.split-content{display:grid;gap:var(--space-2xl)}.audience-list{border-top:2px solid var(--color-ink);padding:var(--space-lg) 0}.audience-list li{margin-bottom:var(--space-md)}.faq details{border-bottom:1px solid var(--color-rule)}.faq summary{cursor:pointer;position:relative;list-style:none;padding:20px 36px 20px 0;font-weight:500;line-height:1.65}.faq summary::-webkit-details-marker{display:none}.faq summary:after{position:absolute;right:4px;top:20px;content:"+";font-size:22px;line-height:1}.faq details[open] summary:after{content:"−"}.answer{padding:0 var(--space-xl) var(--space-lg) 0;line-height:1.9}.answer,.release-date{color:var(--color-muted)}.release-date{display:block;font-size:12px;margin-bottom:8px}.final-cta{padding:var(--space-3xl) 0;border-top:1px solid var(--color-rule);margin-top:var(--space-2xl)}.final-cta h2{font-size:clamp(2rem,4vw,3.5rem)}.final-cta p{margin:var(--space-md) 0 var(--space-lg);max-width:38em}.final-cta small{display:block;font-size:12px;margin-top:var(--space-md);color:var(--color-muted)}footer{background:var(--color-sheet);padding-block:var(--space-2xl) var(--space-xl);font-size:13px}.footer-top{display:grid;gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-title{font-family:var(--font-display);font-size:26px;font-weight:700}.footer-top p{margin-top:var(--space-sm)}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);align-items:center}.footer-nav a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.related{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-sm);border-block:1px solid var(--color-rule);padding-block:var(--space-lg)}.related a{min-height:44px;display:flex;align-items:center;font-size:13px;white-space:nowrap}.copyright{padding-top:var(--space-lg);color:var(--color-muted);font-size:12px}.legal{margin-top:var(--space-md)}.legal summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.legal p{max-width:68em}.bottom-bar{position:fixed;z-index:25;bottom:0;left:0;right:0;background:var(--color-paper);border-top:1px solid var(--color-rule);padding:10px 0 calc(10px + env(safe-area-inset-bottom))}.bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.bottom-label{font-size:14px;font-weight:700;line-height:1.4}.bottom-label small{display:block;font-size:11px;font-weight:400;color:var(--color-muted);margin-top:3px}.bottom-bar .btn{min-height:46px;padding:12px 20px}.back-top{display:none;min-height:44px;font-size:13px;white-space:nowrap}.sub-hero{padding-block:132px var(--space-2xl);border-bottom:1px solid var(--color-rule);background:var(--color-sheet)}.breadcrumb{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;margin-bottom:var(--space-lg);font-size:12px}.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.sub-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.4}.sub-hero .sub-lede{max-width:43em;margin-top:var(--space-lg);font-size:17px}.filterbar{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-xl)}.filterbar button{min-height:44px;padding:8px 20px;border:1px solid var(--color-rule);white-space:nowrap}.filterbar button[aria-pressed=true]{background:var(--color-ink);color:var(--color-light)}.filter-count{font-size:13px;color:var(--color-muted);margin-left:auto}.lightbox{position:fixed;inset:0;margin:auto;width:min(1200px,94vw);max-height:94dvh;padding:var(--space-md);border:1px solid var(--color-rule);background:var(--color-deep);color:var(--color-light);overflow:auto}.lightbox::backdrop{background:var(--color-overlay)}.lightbox-controls,.lightbox-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);font-size:13px}.lightbox button{min-width:44px;min-height:44px;white-space:nowrap}.lightbox img{width:100%;height:min(66vh,760px);-o-object-fit:contain;object-fit:contain;margin-block:var(--space-md)}.lightbox-caption{flex:1;text-align:center;font-size:13px;line-height:1.6}.lightbox-status{font-size:14px;min-height:26px;text-align:center}.platform-panel{display:grid;gap:var(--space-xl);border-block:1px solid var(--color-rule);padding-block:var(--space-xl);margin-block:var(--space-md) var(--space-2xl)}.platform-panel h2{font-family:var(--font-body);font-size:38px}.platform-panel p{margin-block:var(--space-md)}.platform-panel .cover{width:100%;max-width:460px;aspect-ratio:460/215;-o-object-fit:contain;object-fit:contain}.platform-tag{display:inline-block;font-size:12px;background:var(--color-note);padding:4px 12px;margin-bottom:var(--space-md)}.steps{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-lg);counter-reset:steps}.step{border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}.step:before{counter-increment:steps;content:"0" counter(steps);font-size:32px;font-family:var(--font-display);color:var(--color-seal)}.step h3{margin-top:var(--space-md)}.step p{font-size:15px;margin-top:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:var(--space-xl);font-size:14px}td,th{padding:16px 12px;border-bottom:1px solid var(--color-rule);text-align:left;vertical-align:top}th{background:var(--color-sheet);font-weight:500}caption{text-align:left;font-size:13px;color:var(--color-muted);padding-bottom:var(--space-md)}.guide-cards{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.guide-card{border:1px solid var(--color-rule);padding:var(--space-lg);background:var(--color-sheet)}.guide-card p{font-size:15px;margin-block:var(--space-md)}.article-layout{display:grid;gap:var(--space-xl);padding-block:var(--space-2xl)}.toc{border-top:2px solid var(--color-ink);padding-top:var(--space-md)}.toc strong{font-size:13px;letter-spacing:.1em}.toc a{display:block;min-height:44px;padding-block:8px;font-size:14px}.prose{max-width:72ch;min-width:0;font-size:17px}.prose section{scroll-margin-top:104px;margin-bottom:var(--space-2xl)}.prose h2{font-size:30px;margin-bottom:var(--space-lg)}.prose h3{margin-block:var(--space-lg) var(--space-md)}.prose li+li{margin-top:var(--space-sm)}.prose figure{margin-block:var(--space-xl)}.prose figcaption{font-size:13px;color:var(--color-muted);margin-top:var(--space-sm)}.prose .callout{background:var(--color-sheet);padding:var(--space-lg);margin-block:var(--space-lg);font-size:15px}.prose .btn{margin-top:var(--space-md)}.article-grid{display:grid;gap:var(--space-xl)}.article-grid .reading-link{align-items:flex-start}.article-grid .reading-link h3{font-family:var(--font-display);font-size:25px}.update-note{padding:var(--space-lg);border:1px solid var(--color-rule);margin-top:var(--space-xl)}.update-note .faq{margin-top:var(--space-sm)}.image-error{min-height:160px;display:grid;place-items:center;padding:var(--space-lg);background:var(--color-sheet);color:var(--color-error)}@keyframes glint{0%{transform:rotate(20deg) translateX(-150%);opacity:0}30%{opacity:.7}to{transform:rotate(20deg) translateX(1100%);opacity:0}}@media(hover:hover){.btn:hover{transform:translateY(-2px)}.footer-nav a:hover,.nav-links a:hover,.related a:hover,.text-link:hover,.toc a:hover{text-decoration:underline;text-underline-offset:5px}.media-button:hover img{transform:scale(1.025)}.feature:hover{transform:translateY(-3px)}.reading-link:hover h3{text-decoration:underline;text-underline-offset:6px}}@media(min-width:640px){.container{width:min(1280px,calc(100% - 64px))}.header-download{display:inline-flex!important;min-height:44px;padding:12px 20px}.hero-art>img{aspect-ratio:1.4}.hero-actions{flex-wrap:nowrap}.features{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-cards,.media-grid,.related{grid-template-columns:repeat(2,minmax(0,1fr))}.back-top{display:inline-flex;align-items:center}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-count{display:block}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.fact-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding-block:var(--space-3xl)}}@media(min-width:768px){.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:var(--space-2xl);padding-block:var(--space-2xl) var(--space-3xl);min-height:630px}.hero-art{align-self:center}.hero-art>img{aspect-ratio:.96;-o-object-position:48% 50%;object-position:48% 50%}.hero h1{font-size:clamp(3.7rem,7.3vw,7rem)}.hero-lede{font-size:16px}.hero-actions{flex-wrap:wrap}.hero-actions .btn{padding:16px 18px}.story-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-3xl)}.character-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:var(--space-2xl)}.download-layout{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--space-3xl)}.split-content{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-3xl)}.platform-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:var(--space-3xl)}.article-layout{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:var(--space-3xl)}.toc{position:sticky;top:108px;align-self:start}.brand small{display:block;margin-top:7px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.nav-links{display:flex}.menu-toggle,.mobile-menu{display:none}.hero{padding-top:124px}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3xl)}.hero-art>img{aspect-ratio:1.05}.hero-lede{font-size:18px}.hero-actions{flex-wrap:nowrap}.fact-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.fact{padding:20px 16px;border-right:1px solid var(--color-rule)}.fact:first-child{padding-left:0}.fact:last-child{border:0}.gallery-page .media-grid,.related{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-top{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.hero-art figcaption{margin-inline:8px}.character-band,.download-band{padding-block:var(--space-3xl)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.btn:hover,.feature:hover,.media-button:hover img{transform:none}}