:root{--text2:#acb0c9;--text3:#8b90af;color-scheme:dark}
html,body{overflow-x:clip}html{scroll-padding-top:90px}body{font-size:16px}
a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #aebdff;outline-offset:5px}
button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}
.skip-link{position:fixed;top:-80px;left:18px;z-index:300;background:#edf0ff;color:#101222;padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}
.nav-links{gap:1.7rem}.nav-links a{font-family:var(--sans);font-size:.875rem;letter-spacing:.05em}.hamburger{border:0;background:transparent;padding:10px;min-width:44px;min-height:44px;justify-content:center}
.hero{padding:3.8rem 0 4.6rem}.hero-logo{width:88px;height:88px;margin-bottom:1rem}.eyebrow{margin-bottom:1rem;font-size:.75rem;letter-spacing:.24em}.hero h1{font-size:clamp(2.7rem,7vw,4.7rem)}.hero-sub{margin-top:.65rem}.tagline{margin-top:1.6rem;font-size:clamp(1.1rem,2.3vw,1.4rem)}.hero-intro{margin-top:1.4rem;color:var(--text2)}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:1.8rem}.primary-link{display:inline-flex;gap:1.8rem;align-items:center;background:var(--brand-gradient);text-decoration:none;color:#070911;border-radius:999px;padding:.8rem 1.7rem;font-weight:800;transition:transform .2s}.primary-link:hover{transform:translateY(-3px)}.social-pill{font-size:.94rem}.mobile-break{display:none}
.db-section{padding:4.6rem 0}.section-label{font-size:.75rem;letter-spacing:.16em}.section-title{font-size:clamp(1.7rem,3.3vw,2.4rem);line-height:1.5}.section-desc{max-width:700px;margin-bottom:2.2rem;font-size:1rem}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:baseline}.small-label,.topic-label,.comic-date,.quote-label{font-family:var(--mono);letter-spacing:.08em;font-size:.8rem;color:var(--text2)}.small-label{white-space:nowrap}
.comic-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.comic-sample{min-width:0}.comic-image-link{display:block;position:relative;aspect-ratio:2/3;border-radius:14px;overflow:hidden;border:1px solid var(--border-strong);background:#101222;transition:transform .25s,box-shadow .25s}.comic-image-link:hover{transform:translateY(-5px);box-shadow:0 12px 34px #0008}.comic-image-link>img{display:block;width:100%;height:100%;object-fit:contain}.comic-open{position:absolute;right:10px;bottom:10px;display:flex;gap:15px;align-items:center;padding:7px 12px;border:1px solid #ffffff40;border-radius:999px;background:#080c21eb;color:#fff;font-size:.8rem;box-shadow:0 2px 12px #0005}.comic-caption{padding:16px 2px 0}.comic-date{color:#babfff;font-size:.8125rem}.comic-caption h3{font-size:1.08rem;margin:.35rem 0;line-height:1.6}.comic-caption p{color:var(--text2);font-size:.9rem}.comic-afterword{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:2rem;border-top:1px solid var(--border);padding-top:1.6rem}.comic-afterword p{font-size:.9rem;color:var(--text2)}.comic-afterword strong{color:var(--text)}.text-link{font-family:var(--sans);font-size:.9rem;letter-spacing:.02em}.comic-afterword .text-link{white-space:nowrap}
.post-card{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #a35bff50;border-radius:22px;overflow:hidden;background:var(--card)}.post-lead{display:flex;flex-direction:column;padding:2.7rem;background:linear-gradient(140deg,#5b8cff12,#a35bff1c 60%,#ec4fc009);border-right:1px solid var(--border)}.topic-label{color:#bfc8ff}.post-lead h3{font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.65;letter-spacing:-.025em;margin:2rem 0 .6rem}.post-lead>p{font-size:1.05rem;color:var(--text2)}.post-author{display:flex;gap:12px;align-items:center;margin-top:auto;padding-top:3rem}.post-author img{object-fit:cover;object-position:center 18%;border-radius:50%}.post-author strong{display:block;font-size:.95rem}.post-author div>span{display:block;color:var(--text2);font-family:var(--mono);font-size:.8rem}.post-x{font-size:1.5rem;margin-left:auto}.post-body{padding:2.7rem}.quote-label{display:block;margin-bottom:1rem}.post-body blockquote{font-size:1rem;line-height:1.9}.post-body blockquote p+p{margin-top:1rem}.post-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;margin-top:2rem;padding-top:1.3rem;border-top:1px solid var(--border)}.post-footer time{font-family:var(--mono);font-size:.8125rem;color:var(--text2)}
.about-grid{margin-top:2rem}.about-copy .caution{font-family:var(--sans);font-size:.875rem}.fact-key{font-size:.75rem}.brand-quote{padding:2rem 1.5rem;margin-top:2.5rem}.brand-quote .en{font-size:clamp(1.05rem,2.2vw,1.45rem)}
.game-banner{padding:2.5rem}.game-banner:before{animation:none}.game-banner h2{font-size:2.3rem}.game-banner p{font-size:1rem}.game-banner .play-btn{margin-top:1.5rem;padding:.9rem 1.6rem;font-size:1rem}.connect-grid{grid-template-columns:1.2fr 1fr 1fr}.connect-card p{font-size:.9rem}.main-connect{border-color:#a35bff60;background:linear-gradient(140deg,#5b8cff10,#a35bff10)}.connect-card .handle{font-size:.8rem}.connect-card .glyph{font-size:1.6rem}footer p{font-size:.8rem}
.comic-reader{position:fixed;inset:0;width:min(960px,96vw);max-width:none;height:92dvh;max-height:92dvh;margin:auto;padding:0;border:1px solid #ffffff38;border-radius:16px;background:#0a0c15;color:var(--text);overflow:auto;box-shadow:0 20px 90px #000b}.comic-reader::backdrop{background:#02030cdd;backdrop-filter:blur(8px)}.reader-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#0a0c15f7;border-bottom:1px solid var(--border)}.reader-toolbar h2{font-size:1rem;line-height:1.5}.reader-toolbar div>span{font-size:.8125rem;color:var(--text2)}.reader-close,.reader-footer button{min-height:44px;background:#ffffff08;border:1px solid var(--border-strong);border-radius:9px;padding:8px 14px;white-space:nowrap;font-size:.875rem}.reader-canvas{padding:20px}.reader-canvas img{display:block;width:100%;height:auto}.reader-footer{position:sticky;bottom:0;z-index:2;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 20px;background:#0a0c15f7;border-top:1px solid var(--border)}.reader-footer>span{font-family:var(--mono);font-size:.85rem;color:var(--text2)}body.reader-open{overflow:hidden}
@media(max-width:900px){.post-lead,.post-body{padding:2rem}.connect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.connect-card{padding:1.6rem 1.2rem}}
@media(max-width:768px){.hero{padding:2.6rem 0 3.5rem}.hero-logo{width:74px;height:74px}.hero-actions{gap:12px}.hero-actions>a{font-size:.875rem}.hero-intro{font-size:.95rem}.mobile-break{display:block}.db-section{padding:3.3rem 0}.section-heading{display:block}.small-label{display:none}.section-title{font-size:1.7rem}.section-desc{margin-bottom:1.8rem}.comic-gallery{grid-template-columns:1fr;gap:2.3rem;max-width:460px;margin-inline:auto}.comic-image-link{aspect-ratio:auto}.comic-image-link>img{height:auto;object-fit:contain}.comic-caption h3{font-size:1.1rem}.comic-afterword{align-items:flex-start;flex-direction:column;gap:1rem}.post-card{grid-template-columns:1fr}.post-lead{border-right:0;border-bottom:1px solid var(--border);padding:1.7rem}.post-lead h3{margin:1.3rem 0 .4rem;font-size:1.9rem}.post-author{padding-top:1.7rem}.post-body{padding:1.7rem}.game-banner{padding:2rem 1.5rem}.connect-grid{grid-template-columns:1fr}.connect-card{padding:1.6rem}.reader-toolbar{padding:12px;align-items:flex-start}.reader-toolbar h2{font-size:.9rem}.reader-canvas{padding:6px}.reader-footer{padding:10px}.reader-close{padding:8px 10px}.comic-reader{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.nav-links{gap:1.6rem}.nav-links a{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.milestone-post{margin-top:2.6rem;padding-top:2.2rem;border-top:1px solid var(--border)}.milestone-post h3{text-align:center;font-size:1.15rem;margin-bottom:1.3rem}.milestone-embed{width:100%;max-width:550px;margin:0 auto}.milestone-embed .twitter-tweet{margin:0 auto!important;max-width:100%}.milestone-embed>blockquote{padding:1.5rem;border:1px solid var(--border-strong);border-radius:16px;background:var(--card);font-size:.95rem;color:var(--text2)}.milestone-embed>blockquote p{margin-bottom:1rem;color:var(--text)}.milestone-embed>blockquote a{color:#bac8ff}

/* The two editorial themes and the person behind them. */
.hero-intro strong{display:inline-block;margin-bottom:.35rem;color:var(--text);font-size:1.18rem;font-weight:600}
.sample-note{margin:-1.2rem 0 2rem;color:var(--text2);font-size:.9rem}
.featured-post{margin-bottom:2rem}
.selected-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.perspective-card{display:flex;flex-direction:column;min-width:0;padding:1.65rem;border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(150deg,#5b8cff09,#a35bff08),var(--card)}
.perspective-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:1.2rem}
.perspective-heading .topic-label{font-family:var(--sans);font-size:.875rem;letter-spacing:.02em}
.post-mark{font-family:var(--mono);font-size:.8rem;color:var(--text3)}
.perspective-card h3{font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.7;letter-spacing:-.025em;margin:0 0 1.8rem}
.perspective-card .quote-label{font-family:var(--sans);font-size:.8125rem;letter-spacing:.02em;margin-bottom:.8rem;color:var(--text3)}
.perspective-card blockquote{font-size:1rem;line-height:1.9;color:var(--text2);overflow-wrap:anywhere}
.perspective-card blockquote p+p{margin-top:.9rem}
.perspective-card .post-footer{margin-top:auto;padding-top:1.2rem;gap:12px}
.perspective-card blockquote{padding-bottom:1.8rem}
.about-profile{display:grid;grid-template-columns:260px minmax(0,1fr);gap:4rem;margin-top:2.5rem;align-items:start}
.profile-identity .about-portrait{margin-bottom:1.25rem}
.profile-name{font-size:1.65rem;font-weight:700;line-height:1.4}
.profile-name span{display:block;font-family:var(--mono);font-size:.875rem;font-weight:400;letter-spacing:.1em;color:var(--text2);margin-top:.35rem}
.profile-call{font-size:.875rem;color:var(--text2);margin-top:.9rem}
.profile-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:1rem}
.profile-topics span{font-size:.875rem;border:1px solid #a35bff45;border-radius:999px;padding:4px 12px;background:#a35bff0d;color:#c9c7ed}
.profile-story{font-size:1rem;line-height:1.95;color:var(--text2)}
.profile-story .profile-intro{color:var(--text);font-size:1.08rem}
.profile-belief{border-left:3px solid #9765ff;padding:1rem 0 1rem 1.5rem;margin:1.8rem 0 2rem;background:linear-gradient(90deg,#a35bff10,transparent)}
.profile-belief>span{font-size:.875rem;letter-spacing:.1em;color:#c2b9f5}
.profile-belief p{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;line-height:1.65;color:var(--text);margin-top:.35rem}
.profile-personality{color:var(--text);font-weight:600;margin-bottom:1rem}
.childhood-questions{list-style:none;padding:0;margin:.7rem 0;color:var(--text)}
.childhood-questions li+li{margin-top:.5rem}
.milestone-post h3{margin-bottom:.6rem}
.milestone-context{text-align:center;color:var(--text2);font-size:.875rem;margin-bottom:1.5rem}
@media(max-width:1000px){.selected-posts{grid-template-columns:1fr}.perspective-card{padding:1.7rem 2rem}.perspective-card h3{font-size:1.6rem;margin-bottom:1.1rem}.perspective-card h3 br{display:none}.perspective-card .post-footer{justify-content:space-between}.about-profile{gap:2.5rem;grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:768px){.hero-intro strong{font-size:1.12rem}.sample-note{font-size:.875rem;margin-top:-.8rem}.perspective-card{padding:1.6rem}.perspective-card h3{font-size:1.45rem}.about-profile{grid-template-columns:1fr;gap:2.3rem}.profile-identity{max-width:280px}.profile-identity .about-portrait{max-width:240px}.profile-belief{padding-left:1.2rem}.milestone-context{text-align:left}}