:root{--paper:#f6f5ee;--ink:#203d34;--muted:#65766a;--line:#d4dbce;--accent:#dcea95;--orange:#c46b43}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}.wrap{max-width:1240px;margin-inline:auto;padding-inline:5%}.skip{position:absolute;left:15px;top:-70px;padding:12px;background:var(--ink);color:white;z-index:5}.skip:focus{top:10px}.site-header{max-width:1240px;margin:auto;padding:26px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:.09em;white-space:nowrap}.brand small{display:block;font-size:9px;font-family:monospace;letter-spacing:.27em;margin-top:3px;font-weight:400}.brand-mark{display:grid;grid-template-columns:repeat(2,11px);gap:3px;transform:rotate(-8deg)}.brand-mark i{width:11px;height:11px;background:var(--ink);border-radius:1px}.brand-mark i:last-child{background:var(--orange);border-radius:50%}nav{display:flex;align-items:center;gap:27px;font-size:12px}nav>a:not(.nav-note):hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.nav-note{padding:12px 20px;background:var(--ink);color:white;border-radius:4px;white-space:nowrap}.nav-note span{margin-left:15px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center;padding-block:63px 70px}.eyebrow{font-size:10px;letter-spacing:.16em;line-height:1.8;font-weight:600;margin:0 0 19px}.dot{display:inline-block;background:var(--orange);width:6px;height:6px;border-radius:50%;margin-right:7px;vertical-align:middle}h1{font-size:clamp(38px,4.45vw,61px);font-weight:600;letter-spacing:.015em;line-height:1.55;margin:20px 0 22px}.underline{background:linear-gradient(transparent 76%,var(--accent) 76%,var(--accent) 96%,transparent 96%)}.serif{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500}.hero-description{font-size:13px;line-height:2.2;color:var(--muted)}.hero-actions{display:flex;gap:27px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:37px;padding:16px 21px;border-radius:4px;font-size:12px}.primary{color:white;background:var(--ink);transition:background .2s}.primary:hover{background:#41614e}.text-link{display:inline-flex;align-items:center;gap:23px;font-size:12px;border-bottom:1px solid var(--ink);padding:7px 0}.desk{position:relative;min-height:480px;background:#e9ede1;border-radius:48% 48% 6px 6px;background-image:radial-gradient(#a3b09760 .7px,transparent .7px);background-size:13px 13px}.desk-caption{position:absolute;right:13%;top:30px;font:9px monospace;letter-spacing:.15em;transform:rotate(10deg)}.paper{display:block;position:absolute;border:1px solid #d4d8c8;background:#fffef8;box-shadow:0 13px 20px #203d3412;transition:transform .25s}.reading-paper{left:7%;top:60px;width:72%;min-height:290px;padding:24px;transform:rotate(-7deg)}.reading-paper:hover{transform:rotate(-4deg) translateY(-4px)}.paper-top{display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:.07em}.paper-title{display:block;font-family:"Yu Mincho",serif;font-size:29px;line-height:1.6;margin-top:25px}.paper-rule{display:block;width:38px;border-top:2px solid var(--orange);margin:15px 0}.paper-tags{display:flex;gap:6px;font-size:9px}.paper-tags span{padding:4px 7px;background:#eef0e6}.paper-lines{display:block;height:21px;margin-top:18px;background:repeating-linear-gradient(transparent 0,transparent 9px,#d7dccf 9px,#d7dccf 10px)}.paper-bottom{display:block;font-size:9px;color:var(--muted);margin-top:17px}.comic-paper{right:3%;bottom:13px;width:64%;padding:17px;background:#e9efb9;transform:rotate(8deg)}.comic-paper:hover{transform:rotate(5deg) translateY(-4px)}.comic-paper strong{display:block;font-size:26px;letter-spacing:.05em;margin-top:15px}.comic-caption{font-size:9px}.mini-friends{margin-top:13px;aspect-ratio:2.3;overflow:hidden;background:white}.mini-friends img{display:block;width:100%;height:100%;object-fit:cover}.desk-stamp{position:absolute;right:9%;top:35%;border:1px solid var(--orange);border-radius:50%;height:66px;width:66px;display:grid;place-content:center;text-align:center;font-size:12px;color:var(--orange);transform:rotate(13deg);background:#f5f1e1}.topic-band{border-block:1px solid var(--line)}.topic-band .wrap{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-block:17px}.topic-band span:first-child{font:9px monospace;letter-spacing:.12em;color:var(--muted)}.topic-band p{font-size:11px;margin:0;line-height:2}.topic-band b{color:#a6b09d;font-weight:400;margin:0 12px}.topic-band span:last-child{font-size:24px;color:var(--orange)}.section{padding-block:76px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:35px}h2{font-family:"Yu Mincho",serif;font-weight:500;letter-spacing:.04em;font-size:32px;line-height:1.6;margin:0}.section-heading .eyebrow{margin-bottom:10px}.section-intro{font-size:12px;color:var(--muted);line-height:2;margin:0 0 8px}.reading-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:38px}.feature{border:1px solid var(--line);background:#fcfcf5}.feature-cover{position:relative;overflow:hidden;background:var(--ink);color:#e9edd9;padding:25px 28px;min-height:245px}.feature-cover>span:first-child{font:9px monospace;letter-spacing:.2em}.zero-one{position:absolute;right:22px;top:34px;font-family:Georgia,serif;font-size:112px;line-height:1;letter-spacing:-.08em;color:var(--accent)}.zero-one>span:first-child{font-family:serif;font-size:49px;padding:0 15px;vertical-align:middle}.zero-one .spark{position:absolute;font-size:35px;right:3px;top:117px;color:#cc9574}.feature-cover p{position:relative;font-size:18px;line-height:1.7;margin-top:75px}.cover-bottom{font:8px monospace;letter-spacing:.15em;opacity:.7}.feature-body{padding:25px 27px}.article-meta{font-size:10px;font-weight:500;color:var(--muted);margin:0 0 12px;display:flex;gap:12px;align-items:center}.paid{font-size:9px;border:1px solid #c9cebc;padding:3px 6px}.feature h3{font-size:23px;line-height:1.7;font-weight:500;margin:12px 0}.feature-body>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:350px}.article-action{font-size:11px;display:flex;justify-content:space-between;margin-top:25px}.reading-list{border-top:1px solid var(--line)}.reading-list article{border-bottom:1px solid var(--line)}.reading-list article>a{display:grid;grid-template-columns:28px 1fr 16px;gap:18px;align-items:start;padding:27px 0}.list-number{font:11px monospace;color:#87947f;margin-top:3px}.reading-list h3{font-weight:500;font-size:20px;line-height:1.7;margin:0}.article-summary{font-size:11px;color:var(--muted);line-height:1.9;margin:12px 0 0}.row-arrow{font-size:20px}.reading-list a:hover h3,.feature-link:hover h3{text-decoration:underline;text-underline-offset:5px}.reading-note{font-size:10px;color:var(--muted);text-align:right;margin-top:19px}.comic-section{background:#eaeddc;border-block:1px solid #d9dfca;padding-block:65px}.comic-layout{display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:7%}.comic-label{font-size:10px;color:var(--muted)}.comic-layout h2{font-family:"Yu Gothic",sans-serif;font-weight:600;font-size:45px;letter-spacing:.1em;margin-top:9px}.comic-lead{font-size:23px;font-family:"Yu Mincho",serif;line-height:1.8;margin:15px 0}.body-copy{font-size:13px;line-height:2.2;color:var(--muted)}.comic-layout .button{margin-top:14px}.comic-image{display:block;border:1px solid #d7ddc7;background:#fffef9;padding:20px;transform:rotate(1.5deg)}.image-caption{display:block;font:9px monospace;letter-spacing:.12em;margin-bottom:20px}.comic-image img{display:block;width:100%;height:auto;border:1px solid #eee}.image-bottom{display:flex;justify-content:space-between;font-size:10px;margin-top:18px}.about{display:grid;grid-template-columns:.9fr 1.2fr;gap:7%;border-bottom:1px solid var(--line)}.about-caption{font-size:11px;color:var(--muted);margin-top:24px}.about-first{font-size:19px;line-height:2;margin:0 0 20px}.about .body-copy{margin-bottom:20px}.about .text-link{margin-top:5px}.follow{padding-block:56px 70px;display:grid;grid-template-columns:.9fr 1.2fr;gap:7%}.follow h2{font-size:25px}.follow .eyebrow{margin-bottom:10px}.follow p:not(.eyebrow){font-size:11px;color:var(--muted)}.social-links{display:flex;flex-direction:column;border-top:1px solid var(--line)}.social-links a{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.social-links strong{font-size:19px;font-weight:500}.social-links span{font-size:10px;color:var(--muted)}.social-links a:hover{padding-inline:8px;transition:padding .2s}.footer{padding-block:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-brand{font-size:13px;color:var(--ink);font-weight:600}.footer-brand span{font:8px monospace;letter-spacing:.1em;display:block;margin-top:5px}.mobile-only{display:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}@media(max-width:950px){.site-header{flex-wrap:wrap}nav{gap:20px}.hero{gap:4%}.desk{min-height:440px}.reading-paper{padding:18px}.paper-title{font-size:25px}.comic-paper strong{font-size:23px}.reading-layout{gap:24px}.feature-cover{padding:22px}.zero-one{font-size:97px}.reading-list h3{font-size:18px}.about-first{font-size:17px}}@media(max-width:700px){.wrap{padding-inline:6%}.site-header{padding:21px 6%;gap:19px}.brand{font-size:20px}nav{width:100%;justify-content:space-between;gap:8px;font-size:10px}.nav-note{padding:9px 12px}.nav-note span{margin-left:7px}.hero{grid-template-columns:1fr;padding-block:35px 40px;gap:35px}.eyebrow{font-size:9px;letter-spacing:.1em}h1{font-size:clamp(37px,9vw,55px);margin:15px 0;line-height:1.5}.hero-description{font-size:12px}.hero-actions{gap:23px}.desk{min-height:440px;width:100%;max-width:460px;margin:auto}.reading-paper{width:68%;left:5%;padding:22px;min-height:275px}.comic-paper{width:60%;right:3%;bottom:13px}.paper-title{font-size:26px}.desk-stamp{top:33%;right:8%}.topic-band .wrap{flex-wrap:wrap;gap:7px;padding-block:13px}.topic-band span:first-child{font-size:8px}.topic-band p{order:3;width:100%;font-size:10px}.topic-band b{margin:0 5px}.topic-band span:last-child{font-size:20px}.section{padding-block:44px}.section-heading{display:block;margin-bottom:25px}h2{font-size:28px}.section-heading>div+div{margin-top:17px}.section-intro{font-size:11px}.reading-layout{grid-template-columns:1fr;gap:28px}.feature-cover{min-height:222px}.zero-one{font-size:112px;right:30px;top:30px}.feature-cover p{font-size:20px;margin-top:59px}.feature-body{padding:22px}.feature h3{font-size:22px}.reading-list article>a{padding:22px 0;gap:12px;grid-template-columns:22px 1fr 16px}.reading-list h3{font-size:20px}.reading-note{text-align:left;line-height:1.8}.comic-section{padding-block:40px}.comic-layout{grid-template-columns:1fr;gap:35px}.comic-layout h2{font-size:41px}.comic-lead{font-size:23px}.comic-image{padding:16px;transform:none}.about{grid-template-columns:1fr;gap:25px}.about-caption{margin-top:13px}.about-first{font-size:18px}.follow{padding-block:40px;grid-template-columns:1fr;gap:23px}.footer{flex-wrap:wrap;font-size:9px;padding-block:22px}.footer-brand{width:100%}}@media(max-width:370px){nav{font-size:9px}.nav-note{padding:8px}.desk{min-height:410px}.reading-paper{padding:17px}.paper-title{font-size:23px}.comic-paper strong{font-size:21px}.paper-tags{font-size:8px}.zero-one{font-size:95px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
