.notes-page{background:var(--bg);color:var(--deep-ink)}body.notes-overlay .site-footer{margin-top:0}.np-hero{position:relative;height:calc(100svh - var(--chrome-h));min-height:480px;max-height:860px;overflow:hidden;background:var(--off-white)}.np-hero>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:42% center;object-position:42% center;display:block}.np-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.46),rgba(0,0,0,0) 42%)}.np-hero-cap{position:absolute;left:clamp(20px,3vw,40px);right:clamp(20px,3vw,40px);bottom:clamp(28px,5vh,48px);max-width:660px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.np-hero-eyebrow{font-family:var(--font-sans);font-size:12px;font-weight:var(--fw-semibold);letter-spacing:.32em;text-transform:uppercase;color:var(--on-ink);opacity:.92}.np-hero-title{font-weight:500;font-size:clamp(36px,4.4vw,56px);line-height:1.05;letter-spacing:-.01em;max-width:20ch}.np-hero-lede,.np-hero-title{font-family:var(--font-sans);color:var(--on-ink);margin:0}.np-hero-lede{font-weight:var(--fw-regular);font-size:clamp(15px,1.2vw,16px);line-height:1.6;opacity:.9;max-width:34ch}.notes-body{max-width:1280px;margin:0 auto;padding:clamp(56px,9vh,104px) clamp(28px,6vw,80px) 140px}.np-tabs{display:flex;align-items:center;gap:30px;padding:22px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin-bottom:48px}.np-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:4px 0;font-family:var(--font-sans);font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--soft-charcoal);cursor:pointer;position:relative;transition:color .3s var(--ease-quiet)}.np-tab.is-active,.np-tab:hover{color:var(--deep-ink)}.np-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--deep-ink)}.np-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3vw,48px) clamp(24px,2.4vw,40px)}.np-card{display:flex;flex-direction:column;color:inherit;text-decoration:none}.np-card__media{aspect-ratio:3/2;overflow:hidden;margin-bottom:18px;background:var(--surface)}.np-card__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 1.1s var(--ease-quiet)}.np-card:hover .np-card__media img{transform:scale(1.04)}.np-card__media--mark{display:grid;place-items:center;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline)}.np-card__monogram{width:34%;max-width:88px;height:auto;color:var(--deep-ink);opacity:.32;transition:opacity .5s var(--ease-quiet)}.np-card:hover .np-card__monogram{opacity:.46}.np-card__meta{font-size:.7rem;font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--soft-charcoal)}.np-card__h,.np-card__meta{font-family:var(--font-sans)}.np-card__h{font-weight:var(--fw-medium);font-size:1.22rem;line-height:1.26;letter-spacing:-.005em;color:var(--deep-ink);margin:.55em 0 .4em}.np-card__deck{font-family:var(--font-sans);font-size:.9rem;line-height:1.55;color:var(--soft-charcoal);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.np-card__read{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-family:var(--font-sans);font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.16em;text-transform:uppercase;color:var(--deep-ink)}.np-card__read svg{width:14px;height:11px;transition:transform .4s var(--ease-quiet)}.np-card:hover .np-card__read svg{transform:translateX(5px)}@media (max-width:900px){.notes-body{padding:clamp(40px,7vh,64px) 24px 120px}.np-hero{max-height:none}.np-hero-cap{gap:14px}.np-hero-title{max-width:100%}.np-grid{grid-template-columns:repeat(2,1fr);row-gap:clamp(40px,6vw,56px)}.np-tabs{gap:22px;overflow-x:auto;scrollbar-width:none}.np-tabs::-webkit-scrollbar{display:none}}@media (max-width:560px){.np-grid{grid-template-columns:1fr;gap:0}.np-card{padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid var(--hairline)}.np-card:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.np-card__media{aspect-ratio:16/9;margin-bottom:16px}.np-card__monogram{max-width:72px;opacity:.4}}