@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#1a1a18;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f4f3ef;--surface:#fbfaf7;--ink:#1a1a18;--muted:#74736d;--quiet:#a19f97;--line:#d7d5ce;--line-dark:#b8b6ae;--serif:"Newsreader Variable", "Songti SC", "Noto Serif CJK SC", serif;background:#f4f3ef;font-family:Instrument Sans Variable,PingFang SC,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img,svg{display:block}::selection{color:#fff;background:var(--ink)}.site-shell{min-height:100vh}.container{width:min(100% - 64px,1480px);margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid var(--line);position:relative}.header-inner{justify-content:space-between;align-items:center;min-height:82px;display:flex}.brand{align-items:center;gap:14px;display:inline-flex}.brand-mark{width:42px;height:42px;color:var(--surface);background:var(--ink);letter-spacing:.08em;place-items:center;font-size:12px;font-weight:650;display:grid}.brand-name{letter-spacing:.03em;gap:2px;font-size:13px;font-weight:620;display:grid}.brand-name small{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:480}.primary-nav{align-items:center;gap:34px;font-size:13px;display:flex}.primary-nav>a:not(.nav-search){padding-block:8px;position:relative}.primary-nav>a:not(.nav-search):after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:1px;left:0;right:0;transform:scaleX(0)}.primary-nav>a:hover:after,.primary-nav>a.active:after{transform-origin:0;transform:scaleX(1)}.nav-search{border:1px solid var(--line);background:#ffffff59;place-items:center;width:38px;height:38px;display:grid}.nav-search svg,.menu-button svg{width:19px;height:19px}.menu-button{background:0 0;border:0;padding:0;display:none}.hero{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:6vw;padding-block:88px 72px;display:grid}.hero-copy,.hero-aside{align-self:end;min-width:0}.hero-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:30px;font-size:10px;font-weight:600;display:block}.detail-region{color:var(--muted);letter-spacing:.08em;margin-bottom:24px;font-size:11px;font-weight:560;display:block}.hero h1{max-width:850px;font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(50px,5.4vw,82px);font-weight:430;line-height:1.02}.hero-aside>p{color:#4d4c47;max-width:500px;margin:0;font-size:15px;line-height:1.85}.search-field{border:1px solid var(--line-dark);background:#ffffff75;align-items:center;gap:15px;width:100%;min-height:64px;padding:0 18px;transition:border-color .18s,background .18s;display:flex}.search-field:focus-within{border-color:var(--ink);background:var(--surface)}.search-field svg{flex:none;width:20px}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:14px}.search-field input::placeholder{color:#929087}.search-field button{border:0;border-bottom:1px solid var(--line-dark);color:var(--muted);cursor:pointer;background:0 0;padding:4px 0;font-size:11px}.hero-summary{color:var(--muted);flex-wrap:wrap;gap:10px 26px;margin-top:34px;font-size:10px;display:flex}.hero-summary strong{color:var(--ink);font-weight:620}.logo-wall{grid-column:1/-1;gap:28px;width:100vw;min-width:0;margin-top:66px;margin-left:calc(50% - 50vw);padding-block:20px;display:grid;position:relative;overflow:hidden}.logo-marquee{min-width:0;overflow:hidden}.logo-marquee-track{width:max-content;animation:96s linear infinite logo-scroll;display:flex}.logo-marquee--reverse .logo-marquee-track{animation-duration:108s;animation-direction:reverse}.logo-marquee:hover .logo-marquee-track{animation-play-state:paused}.logo-marquee-group{flex:none;gap:72px;padding-right:72px;display:flex}.marquee-logo{place-items:center;width:78px;height:58px;display:grid}.marquee-logo img{object-fit:contain;width:58px;height:46px}@keyframes logo-scroll{to{transform:translate(-50%)}}.text-link svg,.button-link svg{width:18px;height:18px;transition:transform .18s}.text-link:hover svg,.button-link:hover svg{transform:translate(4px)}.content-section{padding-block:112px 12px}.related-heading h2{font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(30px,3vw,46px);font-weight:440;line-height:1.08}.text-link{white-space:nowrap;align-items:center;gap:12px;font-size:12px;display:inline-flex}.library-section{padding-block:88px 132px}.library-heading{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:end;gap:48px;margin-bottom:46px;display:grid}.library-heading span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;font-size:10px;font-weight:600;display:block}.library-heading h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(42px,4.8vw,70px);font-weight:430;line-height:.95}.library-heading p{max-width:430px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.library-toolbar{border:1px solid var(--line-dark);background:#ffffff52;grid-template-columns:minmax(280px,.8fr) minmax(540px,1.2fr);gap:18px;margin-bottom:16px;padding:18px;display:grid}.library-toolbar .search-field{min-height:58px}.toolbar-filters{grid-template-columns:.8fr 1.2fr;gap:12px;display:grid}.filter-group{border:1px solid var(--line);background:var(--surface);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:7px 8px 7px 14px;display:grid}.filter-label{color:var(--quiet);letter-spacing:.08em;font-size:9px}.filter-tabs{grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;gap:2px;min-width:0;display:grid}.filter-tabs button{min-height:42px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 12px;font-size:10px;transition:background .16s,color .16s}.filter-tabs button:hover{color:var(--ink)}.filter-tabs button.is-active{background:var(--ink);color:var(--surface)}.lazy-loader{border-top:1px solid var(--line);min-height:112px;color:var(--muted);letter-spacing:.06em;place-items:center;margin-top:56px;font-size:10px;display:grid;position:relative}.lazy-loader:not(.is-complete):before{background:var(--ink);content:"";width:32px;height:1px;animation:1.4s ease-in-out infinite alternate loader-pulse;position:absolute;transform:translateY(-17px)}@keyframes loader-pulse{0%{opacity:.35;width:16px}to{opacity:1;width:48px}}.system-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 18px;display:grid}.system-card{min-width:0}.system-card>a{display:block}.system-cover{--accent:#777;aspect-ratio:1.18;background:#eae9e4;border:1px solid #dedcd5;padding:16px;transition:background .18s,border-color .18s;position:relative;overflow:hidden}.cover-accent{background:var(--accent);width:100%;height:4px;position:absolute;top:0;left:0}.cover-content{position:absolute;top:22%;left:16px;right:16px}.cover-logo-wrap{align-items:center;width:76px;height:58px;margin-bottom:24px;display:flex}.cover-logo{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:auto;max-height:100%}.cover-name{letter-spacing:-.04em;overflow-wrap:anywhere;max-width:92%;font-size:clamp(20px,1.8vw,30px);font-weight:620;line-height:1.05;display:block}.cover-company{color:#55544f;margin-top:12px;font-size:11px;display:block}.cover-meta{color:#65645f;border-top:1px solid #c8c6bf;justify-content:space-between;gap:16px;padding-top:10px;font-size:9px;display:flex;position:absolute;bottom:15px;left:16px;right:16px}.system-card:hover .system-cover{border-color:var(--line-dark);background:#efeee9}.card-body{padding:17px 2px 0}.card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-heading h3{letter-spacing:-.015em;margin:0 0 5px;font-size:15px;font-weight:580;line-height:1.25}.card-heading p{color:var(--muted);margin:0;font-size:11px}.card-heading svg{flex:none;width:18px;height:18px;transition:transform .18s}.system-card:hover .card-heading svg{transform:translate(2px,-2px)}.card-meta{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:7px 12px;margin-top:18px;padding-top:12px;font-size:9px;display:flex}.button-link,.empty-state button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:0 20px;font-size:12px;transition:background .18s,color .18s;display:inline-flex}.button-link:hover,.empty-state button:hover{color:var(--ink);background:0 0}.site-footer{border-top:1px solid var(--line-dark);padding-block:54px 60px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.2fr;gap:32px;display:grid}.footer-intro{max-width:360px}.footer-mark{font-family:var(--serif);letter-spacing:-.04em;margin-bottom:26px;font-size:28px;font-weight:520;display:block}.footer-intro p,.footer-stat span,.footer-links{color:var(--muted);font-size:11px;line-height:1.7}.footer-stat{align-content:start;display:grid}.footer-stat strong{font-family:var(--serif);margin-bottom:10px;font-size:42px;font-weight:420}.footer-links{align-content:start;gap:9px;display:grid}.footer-links a{color:var(--ink)}.about-page,.detail-page{padding-block:90px 130px}.page-heading{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:end;gap:56px;margin-bottom:72px;display:grid}.page-heading h1{font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:clamp(48px,6vw,86px);font-weight:430;line-height:.95}.page-heading p{max-width:430px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.search-field--compact{background:var(--surface);min-height:56px}.result-bar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:34px;padding-block:10px 22px;font-size:11px;display:flex}.result-bar p{margin:0}.result-bar strong{color:var(--ink)}.result-bar button{border:0;border-bottom:1px solid var(--line-dark);cursor:pointer;background:0 0;padding:0;font-size:11px}.empty-state{text-align:center;align-content:center;place-items:center;min-height:430px;display:grid}.empty-state>span,.not-found>span{color:var(--quiet);letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px;font-size:11px}.empty-state h2,.not-found h1{font-family:var(--serif);margin:0 0 16px;font-size:clamp(34px,4vw,58px);font-weight:430}.empty-state p,.not-found p{color:var(--muted);margin:0 0 30px;font-size:13px}.breadcrumbs{color:var(--muted);gap:10px;margin-bottom:40px;font-size:11px;display:flex}.breadcrumbs a{color:var(--ink)}.detail-hero{border-bottom:1px solid var(--line-dark);grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;padding-bottom:90px;display:grid}.detail-hero .system-cover{aspect-ratio:1.42}.detail-intro{max-width:580px}.detail-region{margin-bottom:24px}.detail-intro h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(44px,5vw,76px);font-weight:520;line-height:.98}.detail-company{color:var(--muted);margin:0 0 46px;font-size:14px}.detail-summary{max-width:500px;font-family:var(--serif);margin:0;font-size:22px;line-height:1.55}.detail-tags{flex-wrap:wrap;gap:8px;margin-top:34px;display:flex}.detail-tags span{border:1px solid var(--line);color:var(--muted);background:#ffffff59;padding:7px 10px;font-size:10px}.detail-content{grid-template-columns:1fr 1fr;gap:12vw;padding-block:94px 12px;display:grid}.detail-copy h2{font-family:var(--serif);letter-spacing:-.035em;margin:0 0 25px;font-size:42px;font-weight:430}.detail-copy p{color:#55544f;max-width:660px;margin:0;font-size:15px;line-height:2}.resource-list{border-top:1px solid var(--line-dark);margin-top:28px}.resource-list a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:58px;font-size:13px;display:flex}.resource-list svg{width:18px;transition:transform .18s}.resource-list a:hover svg{transform:translate(2px,-2px)}.resource-panel>p{color:var(--quiet);margin:18px 0 0;font-size:10px;line-height:1.7}.related-section{padding-top:120px}.related-heading{border-top:1px solid var(--line-dark);justify-content:space-between;align-items:end;gap:32px;margin-bottom:42px;padding-top:20px;display:flex}.resource-panel h2{margin:0;font-size:16px;font-weight:600}.about-grid{border-top:1px solid var(--line-dark);grid-template-columns:1fr 3fr;gap:24px;padding-top:24px;display:grid}.about-grid>aside{border:1px solid var(--line);background:#ffffff5c;align-self:start;padding:26px}.about-grid>aside span,.about-grid>aside p{color:var(--muted);margin:0;font-size:10px;display:block}.about-grid>aside strong{font-family:var(--serif);letter-spacing:-.03em;margin-block:56px 10px;font-size:clamp(72px,9vw,130px);font-weight:390;line-height:.8;display:block}.about-copy{padding-left:24px}.about-copy section{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:50px;margin-bottom:76px;padding-bottom:76px;display:grid}.about-copy h2{font-family:var(--serif);margin:0;font-size:38px;font-weight:430;line-height:1.2}.about-copy p{color:#55544f;margin:0;font-size:14px;line-height:1.95}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:70vh;display:flex}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (width<=1180px){.system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-toolbar{grid-template-columns:1fr}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-links{grid-column:1/-1;grid-auto-flow:column;justify-content:start;gap:28px}}@media (width<=860px){.container{width:min(100% - 40px,1480px)}.header-inner{min-height:72px}.menu-button{display:block}.primary-nav{border-bottom:1px solid var(--line-dark);background:var(--paper);align-items:stretch;padding:22px 20px 28px;display:none;position:absolute;top:72px;left:0;right:0}.primary-nav.is-open{display:grid}.nav-search{margin-top:10px}.hero{grid-template-columns:minmax(0,1fr);gap:60px;padding-block:88px 72px}.hero h1{max-width:720px}.hero-aside{max-width:620px}.logo-wall{margin-top:10px}.library-heading{grid-template-columns:1fr;gap:24px}.page-heading,.about-grid{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr;gap:54px}.detail-intro{max-width:680px}.detail-content{gap:70px}.about-grid>aside{grid-template-columns:1fr auto;align-items:end;display:grid}.about-grid>aside strong{grid-area:1/2/3;margin:0}.about-copy{padding-left:0}}@media (width<=680px){.container{width:min(100% - 28px,1480px)}.brand-name{display:none}.hero{gap:42px;padding-block:64px 54px}.detail-region{margin-bottom:22px}.hero h1{overflow-wrap:anywhere;font-size:clamp(42px,13vw,60px)}.hero-aside>p{font-size:14px}.hero-kicker{margin-bottom:22px}.logo-wall{width:calc(100% + 28px);margin-left:-14px}.marquee-logo{width:64px;height:50px}.marquee-logo img{width:48px;height:38px}.logo-marquee-group{gap:46px;padding-right:46px}.search-field{min-height:58px}.content-section{padding-top:84px}.library-section{padding-block:70px 94px}.library-heading{margin-bottom:34px}.library-toolbar{padding:12px}.toolbar-filters{grid-template-columns:1fr}.filter-group{grid-template-columns:44px minmax(0,1fr)}.page-heading{grid-template-columns:1fr;gap:18px}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 12px}.system-cover{padding:12px}.cover-content{left:12px;right:12px}.cover-company{margin-top:8px;font-size:10px}.cover-meta{bottom:11px;left:12px;right:12px}.card-meta span:last-child{display:none}.button-link{justify-self:start}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro,.footer-links{grid-column:1/-1}.footer-links{grid-auto-flow:row;gap:7px}.about-page,.detail-page{padding-block:68px 92px}.page-heading{margin-bottom:52px}.page-heading h1{font-size:clamp(42px,12vw,52px)}.detail-hero{padding-bottom:68px}.detail-content{grid-template-columns:1fr;padding-top:72px}.related-section{padding-top:90px}.related-heading{align-items:flex-start}.about-copy section{grid-template-columns:1fr;gap:28px;margin-bottom:58px;padding-bottom:58px}}@media (width<=560px){.system-grid{grid-template-columns:1fr;gap:42px}.system-cover{aspect-ratio:1.32}.cover-name{font-size:30px}.filter-tabs button{padding-inline:8px}.detail-hero .system-cover{aspect-ratio:1.15}.related-heading{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.logo-marquee-track,.lazy-loader:before{animation:none!important}}