@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{--ink:#182c29;--muted:#6d7975;--paper:#f4eee4;--paper-deep:#e9dfd1;--line:#182c292b;--accent:#d36847;--serif:"Noto Serif SC", Georgia, serif;--sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}.shell{width:min(1120px,100% - 48px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1120px,100% - 48px);height:84px;margin:0 auto;display:flex}.brand{font-family:var(--serif);letter-spacing:.08em;align-items:center;gap:11px;font-size:20px;font-weight:600;display:flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--paper);border-radius:50%;place-items:center;font-size:17px;display:grid}nav{gap:27px;display:flex}.nav-link{color:var(--muted);letter-spacing:.03em;font-size:13px;position:relative}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{background:var(--accent);content:"";width:100%;height:2px;position:absolute;bottom:-11px;left:0}.hero{grid-template-columns:1.35fr .65fr;align-items:center;min-height:570px;padding:82px 0 95px;display:grid}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:.18em;margin:0 0 19px;font-size:10px;line-height:1.4}h1,h2,h3,p{margin-top:0}h1{max-width:760px;font-family:var(--serif);letter-spacing:-.08em;margin-bottom:27px;font-size:clamp(48px,7vw,88px);font-weight:600;line-height:1.15}h1 em,blockquote em{color:var(--accent);font-style:normal}.hero-intro{max-width:515px;color:var(--muted);margin-bottom:32px;font-size:17px;line-height:1.9}.hero-actions{align-items:center;gap:27px;display:flex}.button{border:1px solid var(--ink);letter-spacing:.03em;justify-content:center;align-items:center;gap:16px;padding:12px 18px;font-size:12px;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-dark,.button-outline:hover{background:var(--ink);color:var(--paper)}.text-link{border-bottom:1px solid var(--ink);padding-bottom:3px;font-size:12px}.text-link span,.button span{font-size:16px}.hero-aside{border-top:1px solid var(--ink);justify-self:end;width:220px;padding-top:35px}.stamp{font-family:var(--serif);letter-spacing:-.09em;margin-bottom:38px;font-size:41px;line-height:.9}.stamp span{color:var(--accent);font-family:var(--sans);font-size:29px}.hero-aside p{color:var(--muted);font-size:13px;line-height:1.9}.section{border-top:1px solid var(--line);padding:84px 0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}h2{font-family:var(--serif);letter-spacing:-.06em;margin-bottom:0;font-size:36px;line-height:1.3}.memo-list{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.memo-card{border-top:2px solid var(--ink);padding:22px 0 25px}.memo-meta{color:var(--muted);font-family:var(--mono);letter-spacing:.02em;align-items:center;gap:10px;margin-bottom:18px;font-size:10px;display:flex}.memo-rule{background:var(--accent);width:20px;height:1px}.memo-body p{color:var(--ink);font-family:var(--serif);margin-bottom:19px;font-size:17px;line-height:1.9}.tags{color:var(--accent);font-family:var(--mono);flex-wrap:wrap;gap:6px;font-size:10px;display:flex}.manifesto{text-align:center;padding:140px 0 155px}.manifesto .eyebrow{margin-bottom:27px}blockquote{max-width:770px;font-family:var(--serif);letter-spacing:-.07em;margin:0 auto 37px;font-size:clamp(27px,4vw,47px);line-height:1.55}.site-footer{border-top:1px solid var(--line);width:min(1120px,100% - 48px);color:var(--muted);font-family:var(--mono);letter-spacing:.02em;justify-content:space-between;margin:0 auto;padding:23px 0 35px;font-size:9px;display:flex}.page-hero{padding:103px 0 74px}.page-hero.narrow{max-width:1120px}.page-hero h1{margin-bottom:24px;font-size:clamp(53px,8vw,88px)}.page-hero>p:last-child{max-width:620px;color:var(--muted);font-size:17px;line-height:1.9}.log-layout{grid-template-columns:150px 1fr;gap:70px;padding-bottom:110px;display:grid}.year-index{border-top:1px solid var(--ink);flex-direction:column;align-self:start;padding-top:20px;display:flex;position:sticky;top:25px}.year-index .eyebrow{margin-bottom:15px}.year-index a{color:var(--muted);font-family:var(--mono);padding:5px 0;font-size:12px}.year-index a:hover{color:var(--accent)}.log-stream{max-width:680px}.year-label{font-family:var(--mono);letter-spacing:-.06em;margin:0;padding:0 0 20px;font-size:22px;font-weight:400}.log-stream .memo-card{padding:25px 0 33px}.log-stream .memo-body p{max-width:650px;font-size:21px;line-height:1.9}.empty-state{color:var(--muted);padding:30px 0}.about-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:120px;padding:50px 0 120px;display:grid}.about-grid h2{font-size:42px}.about-copy{max-width:500px;color:var(--muted);font-size:16px;line-height:2}.about-copy p+p{margin-top:22px}.principles{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:40px;padding:42px 0 120px;display:grid}.principle span{color:var(--accent);font-family:var(--mono);font-size:11px}.principle h3{font-family:var(--serif);margin:17px 0 7px;font-size:20px;font-weight:600}.principle p{color:var(--muted);font-size:13px}@media (width<=720px){.shell,.site-header,.site-footer{width:min(100% - 34px,1120px)}.site-header{height:72px}.hero{min-height:0;padding:76px 0 85px;display:block}.hero-aside{width:100%;margin-top:75px;padding-top:25px}.stamp{margin:0 35px 0 0;font-size:31px;display:inline-block}.hero-aside p{display:inline-block}.memo-list,.about-grid,.principles{grid-template-columns:1fr;gap:35px}.section{padding:70px 0}.section-heading{flex-direction:column;align-items:start;gap:20px}.manifesto{padding:100px 0 110px}.log-layout{padding-bottom:80px;display:block}.year-index{flex-direction:row;gap:18px;margin-bottom:50px;padding-top:15px;position:static}.year-index .eyebrow{margin:5px 14px 0 0}.year-index a{padding:5px 0}.about-grid{padding:42px 0 80px}.principles{padding-bottom:70px}.site-footer{flex-direction:column;gap:10px}}
