@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=New+Tegomin&family=Xanh+Mono:ital@0;1&display=swap";.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--color-bg:#fff;--color-ink:#363737;--color-ink-soft:#0a0605a6;--color-ink-faint:#0a060559;--color-panel:#f4edcc;--color-panel-edge:#0a06051f;--color-accent-shadow:#d86066;--brand-blue:#6d90ab;--brand-pink:#a5929e;--brand-green:#8ba355;--font-display:"New Tegomin", serif;--font-body:"EB Garamond", "Garamond", "Times New Roman", serif;--font-mono:"Xanh Mono", "Courier Prime", "Courier New", monospace;--hero-size:100px;--hero-line-height:1.1;--hero-weight:600;--nav-height:60px;--panel-radius:28px 28px 0 0;--card-radius:18px;--max-content-width:720px;--max-grid-width:960px;--ease-panel:cubic-bezier(.22, 1, .36, 1);--duration-panel:.52s}@media (width<=640px){:root{--nav-height:72px}}*,:before,:after{box-sizing:border-box}html,body{user-select:none;margin:0;padding:0;&::-webkit-scrollbar{display:none}-ms-overflow-style:none;scrollbar-width:none}body{background:var(--color-bg);min-height:100vh;color:var(--color-ink);overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;cursor:pointer;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}[data-drag-scroll]{cursor:grab}[data-drag-scroll].is-dragging{cursor:grabbing}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}body{font-family:var(--font-body);font-size:18px;line-height:1.6}.hero-text{font-family:var(--font-display);font-weight:var(--hero-weight);font-size:var(--hero-size);line-height:var(--hero-line-height);color:var(--color-ink);letter-spacing:.2px;text-align:center;z-index:1;max-width:780px;position:absolute}.eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-faint);text-align:center;font-size:13px;font-weight:600}.panel-title{font-family:var(--font-mono);overflow-wrap:break-word;padding-bottom:12px;font-size:34px;font-weight:600;line-height:2.3}.article-title{font-family:var(--font-mono);text-align:center;overflow-wrap:break-word;font-size:40px;font-weight:600;line-height:2.3}.card-title{font-family:var(--font-display);font-size:22px;font-weight:400;line-height:1.25}.body-copy{overflow-wrap:break-word}.body-copy p+p{margin-top:1.1em}@media (width<=640px){:root{--hero-size:70px}.hero-text{max-width:400px}.article-title{font-size:30px}.panel-title{font-size:26px}}@media (width<=400px){:root{--hero-size:50px}.hero-text{max-width:300px;font-weight:800}}.site-header{min-height:var(--nav-height);background:var(--color-bg);z-index:100;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:0 32px;display:flex;position:fixed;inset:0 0 auto}.site-logo-btn{transition:transform .2s var(--ease-panel);display:inline-flex}.site-logo-btn:hover,.site-logo-btn:focus-visible{transform:rotate(1deg)scale(1.01)}.site-logo{width:auto;height:30px}.site-nav{align-items:center;gap:28px;display:flex}.site-nav a{font-family:var(--font-mono);color:var(--color-ink);align-items:center;gap:8px;font-size:17px;transition:opacity .18s;display:inline-flex}.site-nav a:hover,.site-nav a:focus-visible{opacity:.6}.nav-dot{border:1px solid;border-radius:50%;width:7px;height:7px;transition:background .18s}.site-nav a:hover .nav-dot,.site-nav a:focus-visible .nav-dot,.site-nav a[aria-current=page] .nav-dot{background:currentColor}.site-header--bordered{border-bottom:1px solid var(--color-panel-edge)}.site-header--bordered[data-current=topic]{background-color:#f4edcc}.site-header[data-current=topic]{transition:transform .28s var(--ease-panel)}.site-header[data-current=topic].site-header--hidden{transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.site-header[data-current=topic]{transition:none}}@media (width<=640px){.site-header{min-height:62px;padding:0 18px}.site-nav{gap:16px}.site-nav a{font-size:13px}.site-logo{height:25px}}.home-landing{max-width:1000px;min-height:100svh;padding:calc(var(--nav-height) + 94px) 100px}.home-landing-text{font-family:var(--font-mono);color:var(--color-ink);text-align:left;max-width:760px;font-size:20px;line-height:1.7}.home-landing-text em{font-style:italic}.home-landing-text a{text-underline-offset:2px;text-decoration:underline;transition:opacity .18s}.home-landing-text a:hover,.home-landing-text a:focus-visible{opacity:.6}.home-landing-icon{color:#87b11f;margin-right:2px;font-size:13px;display:inline-block;transform:translateY(-1px)}.home-landing-btn{border:1.5px solid var(--color-ink);background:var(--color-bg);font-family:var(--font-mono);letter-spacing:.01em;transition:transform .2s var(--ease-panel);align-items:center;gap:8px;margin-top:40px;padding:14px 26px;font-size:20px;display:inline-flex;position:relative}.home-landing-btn:before{content:"";background:var(--color-accent-shadow);border-radius:inherit;z-index:-1;position:absolute;inset:6px -6px -8px 6px}@media (width<=1024px) and (width>=641px){.home-landing{padding:calc(var(--nav-height) + 64px) 48px}.home-landing-text{font-size:18px}}@media (width<=640px){.home-landing{padding:calc(var(--nav-height) + 36px) 22px 72px}.home-landing-text{font-size:15px;line-height:1.65}.home-landing-btn{margin-top:32px;padding:12px 22px;font-size:13px}}.content-page{background:var(--color-bg);min-height:100svh;position:relative}.content-page-bg{width:100%;height:100%;overflow:hidden}.content-page-bg img{object-fit:cover;width:100%;height:100%}.content-page-inner{z-index:2;max-width:var(--max-content-width);border:26px solid var(--panel-accent);background:#fff;margin:-220px auto 100px;padding:40px 32px 56px;position:relative}.panel-eyebrow,.panel-title{text-align:center}@media (width<=1024px) and (width>=641px){.content-page-bg{height:160px}.content-page-inner{border-width:12px;margin:-50px auto 80px;padding:32px 28px 44px}}@media (width<=640px){.content-page-bg{height:120px}.content-page-inner{border-width:4px;margin:-34px 14px 48px;padding:26px 20px 36px}}.topics-page{max-width:1360px;min-height:100svh;padding:calc(var(--nav-height) + 24px) 48px 24px;justify-content:center;align-items:center;gap:50px;margin-inline:auto;display:flex}.topics-intro{flex:0 0 320px;max-width:340px}.topics-intro p{font-family:var(--font-mono);color:var(--color-ink);font-size:22px;line-height:1.5}.topics-intro-note{color:var(--color-ink-faint);margin-top:16px;font-size:14px;font-style:italic;font-weight:600;display:block}.topics-empty{font-family:var(--font-mono);color:var(--color-ink-soft)}.topics-track{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;cursor:grab;flex:auto;max-width:680px;overflow:auto visible}.topics-track.is-dragging{cursor:grabbing}.topics-track::-webkit-scrollbar{display:none}.topics-track-inner{align-items:center;gap:24px;width:max-content;padding:70px calc(50% - 170px);display:flex}.topic-card{scroll-snap-align:center;z-index:1;--card-progress:0;--card-distance:0;width:400px;transform:scale(calc(1 - .24 * var(--card-distance))) rotate(calc(var(--card-progress) * 12deg)) translateY(calc(16px * var(--card-distance)));opacity:calc(1 - .45 * var(--card-distance));filter:saturate(calc(1 - .3 * var(--card-distance)));transition:transform .42s var(--ease-panel), opacity .42s ease, filter .42s ease;flex:none;display:block;position:relative}.topics-track.is-dragging .topic-card{transition:none}.topic-card.is-active{z-index:2}.topic-card-frame{transition:box-shadow .42s var(--ease-panel);display:block;position:relative}.topic-card-frame:before{content:"";opacity:.4;z-index:-1;position:absolute}.topic-card-visual{background:var(--card-accent);border-radius:10px;width:100%;height:220px;display:block;position:relative;overflow:hidden}.topic-card-img{object-fit:cover;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.topic-card-fallback{background:var(--card-accent);display:block;position:absolute;inset:0}@media (width<=900px){.topics-page{flex-direction:column;gap:24px;padding-inline:24px}.topics-intro{flex:none;max-width:none}.topics-track{max-width:100%}}@media (width<=640px){.topics-page{padding:calc(var(--nav-height) + 24px) 0 32px}.topics-intro{padding-inline:20px}.topics-intro p{font-size:15px;line-height:1.65}.topic-card{width:260px}.topic-card-visual{height:160px}.topics-track-inner{padding:50px calc(50% - 130px)}}.topic-page{min-height:100svh}.topic-hero{align-items:flex-end;height:540px;padding:0 120px 62px;display:flex;position:relative;overflow:hidden}.topic-hero-bg{background:var(--topic-accent,var(--color-panel));position:absolute;inset:0}.topic-hero-bg img{object-fit:cover;width:100%;height:100%;display:block}.topic-hero-scrim{pointer-events:none;position:absolute;inset:0}.topic-hero-label{z-index:1;background:var(--topic-accent,var(--color-panel));min-width:0;max-width:min(560px,100%);padding:28px 34px;position:relative;box-shadow:0 10px 22px #0a060538}.topic-hero-label .article-title{overflow-wrap:break-word}.topic-hero-label .eyebrow{color:#ffffffd1;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:16px}.topic-hero-label .article-title{color:#fff;text-shadow:0 1px 3px #0a06052e;line-height:1.2}.topic-texture{background-color:var(--topic-accent,var(--color-panel));background-image:var(--topic-bg-image);background-position:top;background-repeat:no-repeat;background-size:cover;padding:72px 24px 86px;position:relative}.topic-texture-inner{max-width:var(--max-grid-width);grid-template-columns:repeat(12,1fr);gap:64px 24px;margin:0 auto;display:grid;position:relative}.topic-section{border:5px solid var(--color-ink);background:#fff;padding:52px 56px;position:relative}.topic-section:before{content:"";background:var(--topic-accent,var(--color-accent-shadow));z-index:-1;position:absolute;inset:8px -8px -10px 8px}.topic-section,.topic-section-side-row{min-width:0}.topic-section[data-size=left],.topic-section-side-row[data-size=left],.topic-section-media--full[data-size=left]{grid-column:1/8}.topic-section[data-size=right],.topic-section-side-row[data-size=right],.topic-section-media--full[data-size=right]{grid-column:6/13}.topic-section[data-size=center],.topic-section-side-row[data-size=center],.topic-section-media--full[data-size=center]{grid-column:3/11}.topic-section[data-size=wide],.topic-section-side-row[data-size=wide],.topic-section-media--full[data-size=wide]{grid-column:2/12}.topic-section[data-size=full],.topic-section-side-row[data-size=full],.topic-section-media--full[data-size=full]{grid-column:1/13}.topic-section[data-size=compact],.topic-section-media--full[data-size=compact]{grid-column:4/10}.topic-section[data-size=compact][data-align=left],.topic-section-media--full[data-size=compact][data-align=left]{grid-column:1/7}.topic-section[data-size=compact][data-align=right],.topic-section-media--full[data-size=compact][data-align=right]{grid-column:7/13}@media (width<=640px){.topic-texture-inner{grid-template-columns:1fr;row-gap:32px}.topic-section[data-size],.topic-section-side-row[data-size],.topic-section-media--full[data-size]{grid-column:1/-1}}.topic-section-heading{font-family:var(--font-mono);color:var(--color-ink);margin-bottom:12px;font-size:19px;font-weight:600;line-height:1.3}.topic-section--stacked .topic-section-media{margin-bottom:18px}.topic-section-side-row{grid-template-columns:minmax(240px,1fr) minmax(260px,1.4fr);align-items:stretch;gap:26px;display:grid}.topic-section-side-row[data-reverse=true]{grid-template-columns:minmax(260px,1.4fr) minmax(240px,1fr)}.topic-section-side-row[data-reverse=true] .topic-section-media{order:2}.topic-section-side-row[data-reverse=true] .topic-section{order:1}.topic-section-media img,.topic-section-media video,.topic-section-placeholder{object-fit:cover;width:100%;height:100%;display:block}.topic-section-media--top{aspect-ratio:1;border:1px solid var(--color-panel-edge);width:55%;min-width:120px;max-width:320px;margin:0 auto;overflow:hidden}.topic-section-media--top[data-shape=circle]{border-radius:50%}.topic-section-media--side{border:5px solid var(--color-ink);width:100%;min-height:320px;overflow:hidden}.topic-section-media--full{border:5px solid var(--color-ink);width:100%;min-height:280px;max-height:640px;overflow:hidden}.topic-section-placeholder{background:var(--color-panel);border:1px dashed var(--color-ink-faint)}.topic-outro{grid-column:1/-1;justify-content:center;margin-top:32px;display:flex}.topic-outro-btn{background:var(--topic-accent,var(--color-panel));font-family:var(--font-mono);letter-spacing:.02em;color:#fff;transition:transform .2s var(--ease-panel), box-shadow .2s ease;align-items:center;gap:8px;padding:16px 30px;font-size:16px;font-weight:700;display:inline-flex;position:relative}@media (width<=1024px) and (width>=641px){.topic-hero{height:320px;padding:0 28px 28px}.topic-section{border-width:4px;padding:40px 36px}.topic-section-media--side{border-width:4px}.topic-section[data-size=compact]{grid-column:3/11}.topic-section[data-size=compact][data-align=left]{grid-column:1/8}.topic-section[data-size=compact][data-align=right]{grid-column:6/13}}@media (width<=640px){.topic-hero{height:260px;padding:0 20px 22px}.topic-hero-label{padding:16px 20px}.topic-texture{padding:44px 18px 64px}.topic-section{border-width:3px;padding:28px 22px}.topic-section-media--side,.topic-section-media--full{border-width:3px;min-height:200px}.topic-section-side-row,.topic-section-side-row[data-reverse=true]{grid-template-columns:1fr}.topic-section-side-row[data-reverse=true] .topic-section-media,.topic-section-side-row[data-reverse=true] .topic-section{order:initial}.topic-outro{margin-top:24px}.topic-outro-btn{padding:13px 22px;font-size:14px}}@media (prefers-reduced-motion:reduce){.topic-page *{scroll-behavior:auto}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}