:root{ --note-rule:color-mix(in oklab,var(--line),transparent 18%); --note-soft:color-mix(in oklab,var(--surface),var(--fg) 3%)}.notes-page{gap:clamp(34px,5vw,68px)}.notes-hero{align-items:end;border-bottom:1px solid var(--line);display:grid;gap:clamp(22px,4vw,56px);grid-template-columns:minmax(0,1.1fr) minmax(280px,0.9fr);min-height:clamp(280px,42svh,460px);padding-bottom:clamp(28px,5vw,54px)}.notes-hero h1{font-size:clamp(58px,10vw,132px);font-weight:650;letter-spacing:0;line-height:0.9}.notes-hero p{color:var(--muted);font-size:clamp(18px,2vw,25px);line-height:1.38;max-width:44rem}.notes-intent{border-left:2px solid var(--fg);font-size:clamp(16px,1.45vw,19px)!important;padding-left:18px}.notes-list{display:grid;gap:0}.note-card{border-bottom:1px solid var(--note-rule);display:grid;gap:10px;grid-template-columns:minmax(92px,0.16fr) minmax(0,0.84fr) auto;padding:clamp(18px,3vw,30px) 0}.note-card:first-child{border-top:1px solid var(--note-rule)}.note-card time{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;padding-top:4px}.note-card h2{font-size:clamp(22px,2.4vw,34px);font-weight:650;letter-spacing:0;line-height:1.05}.note-card p{color:var(--muted);font-size:clamp(15px,1.35vw,18px);grid-column:2;line-height:1.48;max-width:62ch}.note-card a{align-self:start;border:1px solid var(--line);border-radius:999px;color:var(--fg);font-size:13px;padding:8px 12px;text-decoration:none;white-space:nowrap}.note-card a:hover{background:var(--note-soft);border-color:var(--line-strong)}@media (max-width:780px){.notes-hero{align-items:start;grid-template-columns:1fr;min-height:auto;padding-top:34px}.note-card{grid-template-columns:1fr}.note-card p{grid-column:auto}.note-card a{justify-self:start}}