/* The notebook: games, research and making things. */
.home-page main.home{margin-top:0}
.home .intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:70px;padding:60px 0 64px;align-items:center}
.intro-byline{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:0 0 24px}.intro-byline .avatar{width:40px;height:40px;border-radius:50%;border:1px solid #d8dfea}
.home .intro h1{font-family:var(--serif);font-weight:500;font-size:clamp(36px,3.9vw,53px);line-height:1.4;letter-spacing:-.04em;margin:0 0 22px}.home .intro h1>span{color:#263146}
.intro-description{font-size:14px;color:var(--muted);line-height:1.95;max-width:480px;margin-bottom:28px}.intro-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.button-link{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:#315ee8;color:#fff!important;border-radius:8px;padding:12px 20px;font-size:13px;min-height:48px}.button-link:hover{background:#2349c4;box-shadow:0 5px 16px #315ee815}
.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--accent);min-height:44px;font-size:13px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.game-shelf{position:relative;border:1px solid #dce3ee;border-radius:18px;background:#eef2f8;padding:24px 24px 20px;box-shadow:0 16px 40px #263b6306;transform:rotate(1.5deg)}
.shelf-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#606b7d;margin-bottom:20px;letter-spacing:.05em}.shelf-heading>span:last-child{font-size:27px;line-height:1}
.shelf-game{display:flex;align-items:center;gap:18px;background:#ffffff;border:1px solid #dce3ee;border-radius:12px;box-shadow:0 4px 0 #dce4f1;padding:14px;min-height:94px;margin-bottom:14px;transform:rotate(-1.5deg);transition:transform .22s ease,box-shadow .22s ease}.shelf-game:nth-of-type(2){transform:rotate(1deg)}.shelf-game:hover{transform:translateY(-3px) rotate(0);box-shadow:0 7px 0 #cbd8ef;color:var(--ink)}
.shelf-game img{width:64px;height:64px;border-radius:14px;object-fit:cover;flex-shrink:0}.shelf-game>span:not(.shelf-arrow){font-size:14px;font-weight:600;line-height:1.6;flex:1;text-wrap:pretty}.shelf-game .shelf-arrow{font-size:18px;font-weight:400;color:#647796}.shelf-note{font-size:11px;color:#606b7d;text-align:center;margin:22px 0 0}
.home-divider{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #cbd4e3;border-bottom:1px solid var(--line);padding:14px 0;font-size:11px;color:var(--muted);letter-spacing:.08em}.home-divider>span:first-child{color:var(--ink);font-weight:600}
.home-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;margin:42px 0 56px}.home-section{min-width:0;margin-bottom:58px}.home-bottom>.home-section{margin-bottom:0}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{font-size:20px;font-weight:600;margin:0;letter-spacing:-.02em}.section-heading p{font-size:12px;color:var(--muted);margin:8px 0 0}.section-heading>a{font-size:12px;color:var(--muted);flex-shrink:0;min-height:40px;display:flex;align-items:center}.section-heading>a:hover{color:var(--accent)}
.archive-line{display:block;padding:24px 0;border-top:1px solid var(--line)}.archive-line time{display:block;color:var(--muted);font-size:11px;letter-spacing:.06em;margin-bottom:8px;font-variant-numeric:tabular-nums}.archive-line h3{font-size:19px;line-height:1.6;margin:0 0 10px;font-weight:600;letter-spacing:-.01em}.archive-line>div>p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:8px}.home .archive-line .entry-evidence{margin-bottom:0}
.explore-link{display:flex;align-items:center;gap:16px;padding:22px 0;border-top:1px solid var(--line)}.explore-symbol{display:grid;place-items:center;font-size:26px;width:46px;height:46px;background:#eaf0ff;border-radius:12px;color:#315ee8;flex-shrink:0}.explore-link>span:nth-child(2){flex:1}.explore-link strong{display:block;font-size:15px;font-weight:600}.explore-link small{display:block;font-size:12px;line-height:1.8;margin-top:4px}.explore-link>span:last-child{transition:transform .2s}.explore-link:hover>span:last-child{transform:translate(2px,-2px)}
.notebook-note{margin-top:26px;border:1px solid #dce3ee;border-radius:2px 14px 14px 14px;padding:26px;background:#f1f4f9;transform:rotate(-1deg)}.notebook-note p{font-family:var(--serif);font-size:20px;line-height:1.8;margin:16px 0 10px;color:#40516c}.notebook-note .text-link{font-size:12px}
.home>.home-section{border-top:1px solid var(--line);padding-top:30px}.writing-feature{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;margin:24px 0 32px}.writing-feature.no-cover{grid-template-columns:1fr;border-bottom:1px solid var(--line);padding-bottom:24px}.feature-picture img{display:block;width:100%;aspect-ratio:5/3;object-fit:cover;transition:transform .25s}.feature-text h3{font-size:23px;margin:6px 0 12px;line-height:1.55}.feature-text>p:not(.overline){font-size:14px;line-height:1.9;color:var(--muted);max-width:760px}
.home .saved-grid{gap:32px}.home .saved-card h3{font-size:21px;line-height:1.55}.home .saved-card img{aspect-ratio:16/9}
.about-block{display:grid;grid-template-columns:100px minmax(0,1fr);gap:36px;border-top:1px solid #cbd4e3;padding-top:48px;margin-top:66px;scroll-margin-top:30px}.about-block>.avatar{width:88px;height:88px;border-radius:50%;border:4px solid #e7edf6;transform:rotate(-5deg)}.about-block h2{font-family:var(--serif);font-weight:500;font-size:32px;letter-spacing:-.02em;margin:0 0 22px}.about-block p{font-size:14px;color:var(--muted);line-height:1.95;max-width:770px;margin:0 0 16px}
.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.social-links a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:8px 14px;background:#ffffff;font-size:12px;min-height:42px;transition:border-color .18s,background .18s}.social-links a:hover{border-color:#afc1e9;background:#edf2ff}.social-icon{width:16px;height:16px;object-fit:contain}.empty-note{color:var(--muted);font-size:14px}
@media(min-width:1250px){.hero-break{display:none}}
@media(max-width:1100px){.home .intro{gap:36px}.home-bottom{gap:40px}.game-shelf{padding:20px}.shelf-game{gap:12px}.shelf-game img{width:54px;height:54px}.shelf-game>span:not(.shelf-arrow){font-size:13px}}
@media(max-width:760px){.home .intro{grid-template-columns:1fr;gap:36px;padding:36px 0 40px}.home .intro h1{font-size:41px;line-height:1.35;letter-spacing:-.04em;margin-bottom:22px}.hero-break{display:none}.intro-byline{margin-bottom:22px;font-size:12px}.intro-description{font-size:14px;max-width:480px;margin-bottom:24px}.intro-actions{gap:22px}.button-link{gap:18px;font-size:12px}.intro-actions .text-link{font-size:12px}.game-shelf{max-width:520px;width:100%;margin:0 auto;padding:20px;transform:rotate(.8deg)}.shelf-game{min-height:78px;padding:12px;gap:14px;margin-bottom:12px;box-shadow:0 3px 0 #dce4f1}.shelf-game img{width:52px;height:52px;border-radius:11px}.shelf-game>span:not(.shelf-arrow){font-size:13px}.shelf-note{font-size:10px;margin-top:20px}.shelf-heading{font-size:11px;margin-bottom:16px}.home-divider{font-size:10px;letter-spacing:0;gap:12px}.home-bottom{grid-template-columns:1fr;gap:36px;margin:32px 0 40px}.section-heading{gap:12px;margin-bottom:16px}.section-heading h2{font-size:19px}.section-heading p{font-size:12px}.section-heading>a{font-size:11px}.archive-line{padding:22px 0}.archive-line h3{font-size:19px}.archive-line>div>p{font-size:13px}.workshop-notes{border-top:1px solid var(--line);padding-top:26px}.notebook-note{margin-top:20px;padding:22px}.notebook-note p{font-size:20px}.home-section{margin-bottom:40px}.writing-feature{grid-template-columns:1fr;gap:18px}.feature-text h3{font-size:21px}.home .saved-grid{grid-template-columns:1fr;gap:32px}.about-block{grid-template-columns:1fr;gap:22px;padding-top:32px;margin-top:42px}.about-block>.avatar{width:66px;height:66px}.about-block h2{font-size:28px}.about-block p{font-size:13px}.social-links{gap:8px}.social-links a{font-size:11px;padding:8px 12px}}
@media(max-width:380px){.home .intro h1{font-size:35px}.intro-actions{gap:16px}.button-link{padding:12px 16px}.game-shelf{padding:16px}.shelf-game img{width:46px;height:46px}}
@media(max-width:600px){.hero-break{display:block}}
html[lang=en] .intro h1{max-width:11em;color:#263146}
.home-divider .scroll-cue{display:inline-flex;align-items:center;gap:10px;min-height:32px;color:var(--muted);font-size:11px;letter-spacing:0}.home-divider .scroll-cue:hover{color:var(--accent)}.scroll-arrow{width:13px;height:13px;background:currentColor;mask:url('/icons/arrow.svg') no-repeat center/contain;rotate:135deg;transition:translate .2s}.scroll-cue:hover .scroll-arrow{translate:0 3px}#research-title{scroll-margin-top:16px}
@media(max-width:760px){.home .intro{padding-top:30px}.home-divider .scroll-cue{font-size:10px}#research-title{scroll-margin-top:12px}}