body{background:#f9f7f0}.masthead{background:#f9f7f0}.topline{background:#31584d}footer{background:#f0eee5}
.hn{--ink:#253c38;--green:#31584d;--muted:#68746a;--line:#cdd3c8;color:var(--ink);font-size:15px;line-height:1.9;overflow:hidden}.hn *{box-sizing:border-box}.hn a{color:inherit;text-decoration:none}.hn img{display:block;width:100%;height:auto}.hn h1,.hn h2,.hn h3,.hn p{margin:0}.hn h1,.hn h2,.hn h3{color:var(--ink);letter-spacing:.025em}.hn h1,.hn h2,.hn-work-lead h3{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-weight:700}.hn-shell{max-width:1240px;margin:auto;padding-left:42px;padding-right:42px}.hn-section{padding-top:76px;padding-bottom:76px;scroll-margin-top:110px}.hn-kicker{font-size:11px!important;letter-spacing:.14em;font-weight:700;color:var(--green);line-height:1.8!important}.hn-kicker span{margin-left:10px;font-weight:400}.hn-text{display:inline-block;font-size:13px;font-weight:700;border-bottom:1px solid var(--green);padding-bottom:5px}.hn a:focus-visible{outline:3px solid #a75639;outline-offset:5px}.hn-read{display:block;font-size:12px;font-weight:700;margin-top:17px}.hn-read span{margin-left:12px}.hn-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center;padding-top:52px;padding-bottom:66px}.hn-hero h1{font-size:55px;line-height:1.43;letter-spacing:.03em;margin:20px 0}.hn-hero h1 span{color:#a75639}.hn-intro{font-size:14px;line-height:2.1!important;color:var(--muted)}.hn-byline{display:flex;align-items:center;gap:12px;margin:22px 0}.hn-byline img{width:51px;height:51px;object-fit:cover;border-radius:50%;background:#e8ede2}.hn-byline p{font-size:11px}.hn-byline strong{font-size:15px;margin-left:6px}.hn-byline small{display:block;font-size:10px;color:var(--muted)}.hn-cover-wrap{position:relative;padding:12px 20px 0 0}.hn-cover{display:block;background:#fffef9;padding:12px;transform:rotate(2deg);box-shadow:0 9px 26px #263c3710;border:1px solid #e0dfd4;transition:transform .25s}.hn-cover:hover{transform:rotate(0)}.hn-cover>img{aspect-ratio:1.65;object-fit:cover}.hn-cover>div{padding:23px 22px 17px;background:#f2ede0}.hn-cover h2{font-size:29px;line-height:1.6;margin:10px 0}.hn-cover p:not(.hn-kicker){font-size:12px;color:var(--muted)}.hn-vertical{position:absolute;right:-8px;top:50px;writing-mode:vertical-rl;font-family:serif;font-size:12px;letter-spacing:.2em}.hn-stamp{position:absolute;right:0;bottom:-24px;background:#f9f7f0;border:1px solid #a75639;outline:3px double #a75639;outline-offset:4px;color:#a75639;border-radius:50%;width:89px;height:89px;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);font-family:serif;font-size:13px;line-height:1.65}.hn-nav{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding-top:17px;padding-bottom:17px;font-size:12px;font-weight:700}.hn-nav a:hover,.hn-text:hover{color:#a75639}.hn-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.hn-heading h2,.hn-section-intro h2,.hn-directory h2{font-size:32px;line-height:1.65;margin-top:8px}.hn-heading>p{color:var(--muted);font-size:12px}.hn-latest{display:grid;grid-template-columns:1.05fr 1fr;gap:26px 38px}.hn-new{display:grid;grid-template-columns:42% 1fr;gap:19px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:22px}.hn-new-0{grid-row:span 2;display:block;padding-bottom:0;border:0}.hn-photo{position:relative;overflow:hidden}.hn-photo img{aspect-ratio:16/9;object-fit:cover;transition:transform .35s}.hn-new:hover .hn-photo img{transform:scale(1.03)}.hn-photo>span{position:absolute;left:0;top:0;background:#f9f7f0;padding:3px 10px;font-size:12px;font-family:serif}.hn-meta{display:flex;flex-wrap:wrap;gap:5px 12px;color:var(--muted);font-size:10px;line-height:1.6;margin-bottom:9px}.hn-new-0 .hn-meta{margin-top:17px}.hn-new h3{font-size:17px;line-height:1.8}.hn-new-0 h3{font-size:23px}.hn-new p{font-size:13px;color:var(--muted);margin-top:12px}.hn-field{display:grid;grid-template-columns:.65fr 1.35fr;gap:58px;border-top:1px solid var(--line)}.hn-section-intro>p:not(.hn-kicker){font-size:13px;color:var(--muted);margin:20px 0}.hn-row{display:grid;grid-template-columns:25px 105px 1fr 15px;gap:16px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}.hn-row:last-child{border-bottom:1px solid var(--line)}.hn-row img{aspect-ratio:1.25;object-fit:cover}.hn-row h3{font-size:15px;line-height:1.85}.hn-row small{font-size:10px;color:var(--muted)}.hn-index{font-family:Georgia,serif;color:#8a907f;font-size:13px}.hn-row:hover h3{text-decoration:underline;text-underline-offset:5px}.hn-feature{background:#e7eddf;padding:65px 0}.hn-feature-inner{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.hn-feature-photo{padding:12px;background:#fffef7;box-shadow:0 5px 16px #344c3010;transform:rotate(-3deg)}.hn-feature-photo span{display:block;text-align:center;font-family:serif;font-size:12px;padding:15px 0 4px;letter-spacing:.12em}.hn-feature h2{font-size:32px;line-height:1.65;margin:14px 0}.hn-feature-sub{font-family:serif;font-size:18px;margin-bottom:16px!important}.hn-feature p:not(.hn-kicker):not(.hn-feature-sub){font-size:13px;color:#526551;margin-bottom:19px}.hn-memo{display:block;font-size:12px;margin-top:17px}.hn-work{display:grid;grid-template-columns:1fr 1.1fr;gap:48px}.hn-work-lead>img{aspect-ratio:2.15;object-fit:cover;margin-bottom:21px}.hn-work-lead h3{font-size:25px;line-height:1.65;margin:9px 0}.hn-work-lead>p:not(.hn-kicker){font-size:13px;color:var(--muted)}.hn-work .hn-row{grid-template-columns:20px 85px 1fr 12px;gap:13px;padding:17px 0}.hn-work-more{margin-top:20px}.hn-guide{margin-top:34px;padding:27px 32px;background:var(--green);color:#fffef6!important;display:flex;justify-content:space-between;align-items:center;gap:24px}.hn-guide small{font-size:10px;letter-spacing:.14em;opacity:.8;display:block}.hn-guide strong{display:block;font-family:serif;font-size:23px;font-weight:500;margin:5px 0}.hn-guide div>span{font-size:12px;opacity:.8}.hn-circle{border:1px solid #aabca5;flex-shrink:0;border-radius:50%;width:48px;height:48px;display:grid;place-content:center;font-size:22px}.hn-letter{position:relative;background:#f0ecdf;padding:42px;display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center;border:1px solid #e3dfd2}.hn-letter:before{content:"";position:absolute;width:88px;height:23px;background:#d2d9bd99;top:-12px;left:45%;transform:rotate(-5deg)}.hn-letter h2{font-size:28px;line-height:1.7;margin:14px 0}.hn-letter p:not(.hn-kicker){font-size:13px;color:var(--muted);margin-bottom:22px}.hn-letter img{mix-blend-mode:multiply}.hn-directory{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;padding-top:0}.hn-directory a{display:grid;grid-template-columns:25px 1fr 18px;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.hn-directory a:first-child{border-top:1px solid var(--line)}.hn-editor{display:grid;grid-template-columns:120px 1fr 80px;gap:30px;align-items:center;padding-top:36px;padding-bottom:46px;border-top:1px solid var(--line)}.hn-editor>img{border-radius:50%;background:#e8ede2}.hn-editor h2{font-size:23px;margin:8px 0}.hn-editor p:not(.hn-kicker){color:var(--muted);font-size:13px;margin-bottom:16px}.hn-seal{font-family:serif;color:#a7563966;border:2px solid #a7563966;border-radius:12px;font-size:44px;text-align:center;transform:rotate(8deg);width:70px;line-height:1.5}.hn-all{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:28px 0;margin-bottom:65px}.hn-all>span{font-family:serif;font-size:20px}.hn-all strong{font-size:14px}.hn-all strong span{margin-left:16px}
@media(max-width:950px){.hn-shell{padding-left:28px;padding-right:28px}.hn-hero{gap:24px}.hn-hero h1{font-size:42px}.hn-cover h2{font-size:23px}.hn-cover>div{padding:18px 14px}.hn-field{gap:30px;grid-template-columns:.7fr 1.3fr}.hn-row{grid-template-columns:20px 75px 1fr 12px;gap:10px}.hn-feature-inner{gap:38px}.hn-latest{gap:24px}.hn-new{grid-template-columns:1fr;gap:12px}.hn-new-0{grid-row:span 1}.hn-latest{grid-template-columns:1fr 1fr}.hn-new-2{grid-column:span 2;grid-template-columns:30% 1fr}.hn-work{gap:28px}.hn-work .hn-row{grid-template-columns:18px 65px 1fr 12px}.hn-letter{padding:28px;gap:24px}.hn-letter h2{font-size:24px}}
@media(max-width:620px){.hn{font-size:14px}.hn-shell{padding-left:22px;padding-right:22px}.hn-section{padding-top:46px;padding-bottom:46px;scroll-margin-top:90px}.hn-hero{display:block;padding-top:28px;padding-bottom:45px}.hn-hero h1{font-size:clamp(32px,8.8vw,48px);line-height:1.47;margin:16px 0}.hn-kicker{font-size:10px!important;letter-spacing:.1em}.hn-hero-copy>.hn-kicker span{display:block;margin-left:0}.hn-intro{font-size:13px}.hn-byline{margin:17px 0}.hn-byline small{font-size:9px}.hn-cover-wrap{margin-top:32px;padding-right:13px}.hn-cover>img{aspect-ratio:1.85}.hn-cover>div{padding:17px 16px}.hn-cover h2{font-size:24px;line-height:1.55}.hn-cover p:not(.hn-kicker){font-size:11px}.hn-stamp{width:66px;height:66px;font-size:10px;bottom:-16px;right:0}.hn-vertical{right:-9px;top:23px;font-size:10px}.hn-nav{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-top:8px;padding-bottom:8px;font-size:11px}.hn-nav a{padding:9px 0}.hn-nav a:last-child{grid-column:span 2;border-top:1px solid var(--line);margin-top:4px;text-align:right}.hn-heading{display:block;margin-bottom:22px}.hn-heading h2,.hn-section-intro h2,.hn-directory h2{font-size:27px}.hn-heading>p{font-size:11px;margin-top:10px}.hn-latest{display:block}.hn-new{grid-template-columns:104px 1fr;gap:15px;padding-top:22px;padding-bottom:22px}.hn-new-0{display:block;padding-top:0;padding-bottom:25px;border-bottom:1px solid var(--line)}.hn-new-0 h3{font-size:20px}.hn-new h3{font-size:15px;line-height:1.8}.hn-new-0 h3{font-size:20px}.hn-new-0 .hn-photo img{aspect-ratio:1.8}.hn-new:not(.hn-new-0) .hn-photo img{aspect-ratio:1.05}.hn-meta{font-size:9px;gap:4px 8px}.hn-read{font-size:11px;margin-top:12px}.hn-field{display:block}.hn-section-intro{margin-bottom:28px}.hn-section-intro>p:not(.hn-kicker){margin:14px 0}.hn-row{grid-template-columns:18px 74px minmax(0,1fr) 10px;gap:10px;padding:17px 0}.hn-row h3{font-size:13px}.hn-row small{font-size:9px}.hn-feature{padding:40px 0}.hn-feature-inner{display:block}.hn-feature-photo{display:block;margin:5px 7px 32px}.hn-feature h2{font-size:28px}.hn-feature-sub{font-size:16px}.hn-work{display:block}.hn-work-lead{display:block;margin-bottom:25px}.hn-work-lead h3{font-size:25px}.hn-work .hn-row{grid-template-columns:18px 74px minmax(0,1fr) 10px}.hn-guide{padding:22px 20px;gap:13px}.hn-guide strong{font-size:18px}.hn-guide div>span{font-size:11px;display:block}.hn-circle{width:36px;height:36px;font-size:18px}.hn-letter{display:flex;flex-direction:column-reverse;padding:24px 20px;gap:23px}.hn-letter h2{font-size:23px}.hn-letter p:not(.hn-kicker){font-size:12px}.hn-letter .hn-text{font-size:11px}.hn-directory{display:block;padding-top:0}.hn-directory>div:first-child{margin-bottom:24px}.hn-directory h2 br{display:none}.hn-directory a{font-size:13px}.hn-editor{grid-template-columns:65px minmax(0,1fr);gap:15px;align-items:start;padding-top:30px;padding-bottom:35px}.hn-editor h2{font-size:19px}.hn-editor p:not(.hn-kicker){font-size:12px}.hn-editor .hn-text{font-size:11px}.hn-seal{display:none}.hn-all{display:block;margin-bottom:40px;padding:23px 0}.hn-all>span{font-size:18px;display:block;margin-bottom:8px}.hn-all strong{font-size:13px}}
/* The opening story is pinned to a warm cork board. The paper keeps its hover motion. */
.hn-cover-wrap{padding:36px 33px 38px;background-color:#bc9567;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.48' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%2385633b' opacity='.34' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),radial-gradient(ellipse at 15% 35%,#eed3a33b,transparent 60%),radial-gradient(#795b373b .8px,transparent 1.5px);background-size:180px 180px,100% 100%,7px 9px;border:9px solid #cdb18a;border-top-color:#dfc9a7;border-left-color:#dec39d;border-radius:4px;box-shadow:inset 0 2px 8px #6242204d,0 3px 0 #b4946b,0 12px 24px #47351916}
.hn-cover{position:relative;padding:10px;box-shadow:2px 7px 12px #49371e30;transform:rotate(2deg);transform-origin:50% 8px}
.hn-cover:before{content:"";position:absolute;z-index:2;width:17px;height:17px;left:calc(50% - 8px);top:-7px;border-radius:50%;background:radial-gradient(circle at 33% 27%,#bed0b9 0 12%,#66836c 28%,#385b49 72%);box-shadow:2px 4px 3px #322b1b55,inset 0 0 0 1px #385b4966;pointer-events:none}
.hn-cover:hover{transform:rotate(-.6deg) translateY(-2px);box-shadow:3px 10px 17px #49371e38}
.hn-cover>div{padding:21px 17px 18px}.hn-cover h2{font-size:27px}.hn-vertical{right:7px;top:46px;color:#4f432e;font-size:11px}.hn-stamp{right:9px;bottom:7px;width:75px;height:75px;font-size:11px;background:#fbf7ea;box-shadow:1px 2px 4px #59452a22}
@media(max-width:950px){.hn-cover-wrap{padding:29px 25px 34px;border-width:7px}.hn-cover h2{font-size:23px}.hn-cover>div{padding:17px 12px}.hn-vertical{right:5px;font-size:10px}.hn-stamp{width:64px;height:64px;font-size:10px}}
@media(max-width:620px){.hn-cover-wrap{padding:27px 23px 33px;margin-top:32px;border-width:7px}.hn-cover{padding:8px}.hn-cover>div{padding:16px 11px 20px}.hn-cover h2{font-size:22px}.hn-cover .hn-kicker{font-size:9px!important;letter-spacing:.03em}.hn-cover p:not(.hn-kicker){font-size:11px}.hn-vertical{right:5px;top:36px;font-size:9px}.hn-stamp{width:59px;height:59px;bottom:5px;right:7px;font-size:9px}.hn-cover:before{width:15px;height:15px;left:calc(50% - 7px)}}
@media(prefers-reduced-motion:reduce){.hn *{transition:none!important}}

.hn-social{display:grid;grid-template-columns:1fr 1fr;gap:44px;border-top:1px solid #cdd3c8;align-items:start}.hn-social h2{font-size:32px;margin:12px 0 22px}.hn-social p:not(.hn-kicker){font-size:13px;color:#68746a}.hn-social-profile{display:flex;align-items:center;gap:13px;margin:25px 0}.hn-social-profile img{width:56px;border-radius:50%;background:#e8ede2}.hn-social-profile strong{font-size:13px}.hn-social-profile small{display:block;font-size:12px}.hn-social-feed{min-width:0;padding:24px;background:#fffdf7;border:1px solid #bdcbbb;border-radius:5px}.hn-social-feed button{display:block;background:#31584d;color:#fffdf7;border:0;border-radius:4px;padding:13px 20px;margin:25px auto 16px;font:inherit;font-size:14px;cursor:pointer}.hn-social-feed button[hidden]{display:none}.hn-social-feed button:disabled{opacity:.6;cursor:wait}.hn-social-feed [role=status]{font-size:11px!important;line-height:1.8;margin:12px 0}.hn-social-feed>a{font-size:12px;text-decoration:underline}.hn-social-feed iframe{max-width:100%!important}.hn-social-feed [data-x-timeline]{margin-top:15px}@media(max-width:620px){.hn-social{display:block}.hn-social h2{font-size:27px}.hn-social-feed{margin-top:26px;padding:20px}.hn-social-profile strong{font-size:12px}}

.hn-editor .hn-blog-invitation{padding:14px 17px;border-left:3px solid #b0bea6;background:#f0f1e6;color:#465b49;line-height:2}