:root{--sand:#B78A66;--teal:#00D2E0;--red:#FF375F;--ink:#2C2C2C;--muted:#7A7A7A;--faint:#B0B0B0;--cloud:#F5F5F7;--white:#FFFFFF;--f:"MW",Georgia,"Times New Roman",serif}.cursor{position:fixed;top:0;left:0;z-index:10000;pointer-events:none;width:12px;height:12px;border:1.5px solid var(--sand);border-radius:50%;transform:translate(-50%,-50%);transition:width .25s cubic-bezier(.25,.46,.45,.94),height .25s cubic-bezier(.25,.46,.45,.94),border-color .25s,background .25s;opacity:0}.cursor.active{opacity:1}.cursor.hover{width:48px;height:48px;background:#b78a661f;border-color:var(--sand)}.cursor.click{transform:translate(-50%,-50%) scale(.85)}.scroll-progress{position:fixed;top:0;left:0;z-index:101;width:0%;height:2px;background:var(--sand);transition:none;will-change:width}.grain{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}.note-hero{width:100%;height:50vh;overflow:hidden;position:relative;clip-path:inset(15% 0);transition:clip-path 1.2s cubic-bezier(.25,.46,.45,.94)}.note-hero.revealed{clip-path:inset(0% 0)}.note-hero img{width:100%;height:120%;object-fit:cover;object-position:center 60%;will-change:transform}.note-header{display:grid;grid-template-columns:clamp(40px,12vw,200px) minmax(0,560px) 1fr;padding:clamp(60px,10vh,120px) 40px clamp(24px,4vh,40px);gap:0 clamp(24px,4vw,60px)}.note-header .side{font:700 11px/1.4 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--sand);padding-top:8px;text-align:right}.note-header .side-date{display:block;margin-top:8px}.note-header h1{font:800 clamp(32px,5vw,52px)/1.1 var(--f);color:var(--sand);letter-spacing:-.02em;margin-bottom:clamp(12px,2vh,20px)}.note-meta{font:italic 400 13px/1.4 var(--f);color:var(--muted)}.note-header .body{opacity:0;transform:translate(40px);transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94)}.note-header .body.in{opacity:1;transform:translate(0)}.note-article{display:grid;grid-template-columns:clamp(40px,12vw,200px) minmax(0,560px) 1fr;padding:0 40px clamp(80px,12vh,160px);gap:0 clamp(24px,4vw,60px)}.note-prose{opacity:0;transform:translate(40px);transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94)}.note-prose.in{opacity:1;transform:translate(0)}.note-prose h2{font:800 clamp(22px,2.5vw,32px)/1.2 var(--f);color:var(--ink);letter-spacing:-.01em;border-top:2px solid rgba(183,138,102,.2);padding-top:clamp(24px,4vh,40px);margin-top:clamp(48px,8vh,72px);margin-bottom:clamp(16px,2vh,24px)}.note-prose h3{font:700 clamp(17px,1.6vw,21px)/1.35 var(--f);color:var(--ink);margin-top:clamp(32px,5vh,48px);margin-bottom:12px}.note-prose p{font:400 clamp(15px,1.3vw,17px)/1.8 var(--f);color:var(--ink);margin-bottom:20px}.note-prose strong{color:var(--sand);font-weight:700}.note-prose blockquote{border-left:2px solid var(--sand);padding-left:clamp(16px,2vw,28px);margin:24px 0;font-style:italic}.note-prose blockquote p{color:var(--muted)}.note-prose ul,.note-prose ol{padding-left:24px;margin-bottom:20px}.note-prose li{font:400 clamp(15px,1.3vw,17px)/1.8 var(--f);color:var(--ink);margin-bottom:8px}.note-prose li::marker{color:var(--sand)}.note-prose a{color:var(--sand);text-decoration:underline;text-underline-offset:3px;transition:color .3s}.note-prose a:hover{color:var(--ink)}.note-prose hr{border:none;border-top:1px solid rgba(183,138,102,.3);margin:clamp(32px,5vh,48px) 0}.note-prose img{width:100%;height:auto;border-radius:2px;margin:clamp(24px,4vh,40px) 0}.note-author{display:grid;grid-template-columns:clamp(40px,12vw,200px) minmax(0,560px) 1fr;padding:0 40px clamp(80px,12vh,160px);gap:0 clamp(24px,4vw,60px)}.note-author .side{font:700 11px/1.4 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--sand);padding-top:8px;text-align:right}.author-card{border-left:2px solid var(--sand);padding-left:clamp(16px,2vw,28px);margin-bottom:clamp(32px,4vh,48px);opacity:0;transform:translate(-20px);transition:opacity .7s,transform .7s}.author-card.in{opacity:1;transform:translate(0)}.author-name{font:700 clamp(18px,1.6vw,22px)/1.3 var(--f);color:var(--ink)}.author-role{font:italic 400 13px/1.4 var(--f);color:var(--sand);margin-bottom:10px}.author-bio{font:400 14px/1.7 var(--f);color:var(--muted);max-width:480px}.notes-listing-header{display:grid;grid-template-columns:clamp(40px,12vw,200px) minmax(0,700px) 1fr;padding:clamp(60px,10vh,120px) 40px clamp(40px,6vh,60px);gap:0 clamp(24px,4vw,60px)}.notes-listing-header .side{font:700 11px/1.4 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--sand);padding-top:8px;text-align:right}.notes-listing-header h1{font:800 clamp(28px,4vw,52px)/1.1 var(--f);color:var(--sand);letter-spacing:-.02em;margin-bottom:clamp(12px,2vh,20px)}.notes-listing-header p{font:italic 400 clamp(15px,1.3vw,17px)/1.6 var(--f);color:var(--muted)}.notes-listing-header .body{opacity:0;transform:translate(40px);transition:opacity .9s cubic-bezier(.25,.46,.45,.94),transform .9s cubic-bezier(.25,.46,.45,.94)}.notes-listing-header .body.in{opacity:1;transform:translate(0)}.notes-grid-listing{display:grid;grid-template-columns:clamp(40px,12vw,200px) minmax(0,700px) 1fr;padding:0 40px clamp(80px,12vh,160px);gap:0 clamp(24px,4vw,60px)}.notes-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,36px)}.note-listing-card{display:block;border-radius:2px;overflow:hidden;opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94),background .3s}.note-listing-card.in{opacity:1;transform:translateY(0)}.note-listing-card:hover{background:var(--cloud);transform:translateY(-2px)}.note-listing-card:hover .card-img{transform:scale(1.02)}.card-img-wrap{aspect-ratio:16/9;overflow:hidden}.card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.card-body{padding:clamp(16px,2vw,24px) 0}.card-body h2{font:700 clamp(15px,1.2vw,17px)/1.35 var(--f);color:var(--ink);margin-bottom:8px}.card-body p{font:400 13px/1.6 var(--f);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font:400 11px/1 var(--f);color:var(--faint);font-family:var(--font-mono,"NM",monospace);letter-spacing:.02em;margin-top:12px}.view-all{display:inline-block;margin-top:clamp(24px,3vh,36px);font:700 11px/1 var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--sand);transition:color .3s}.view-all:hover{color:var(--ink)}.back-link{display:inline-block;margin-top:clamp(40px,6vh,64px);font:700 11px/1 var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--sand);transition:color .3s;font-family:var(--font-mono,"NM",monospace)}.back-link:hover{color:var(--ink)}@media(max-width:800px){.cursor{display:none}.note-header,.note-article,.notes-listing-header,.notes-grid-listing,.note-author{grid-template-columns:1fr;padding-left:24px;padding-right:24px}.note-header .side,.notes-listing-header .side,.note-author .side{text-align:left;margin-bottom:24px}.notes-cards{grid-template-columns:1fr}.note-hero{height:35vh}.note-hero img{transform:none!important}}@media print{.note-header,.note-article,.notes-listing-header,.notes-grid-listing,.note-author{grid-template-columns:1fr;padding-left:0;padding-right:0}.note-header .side,.notes-listing-header .side,.note-author .side{text-align:left;margin-bottom:12px}.notes-cards{grid-template-columns:1fr;gap:16px}.note-hero{height:auto;max-height:200px;clip-path:none}.note-hero img{height:auto}.note-listing-card,.note-prose,.body,.author-card{opacity:1!important;transform:none!important}.note-listing-card:hover{background:transparent;transform:none}.card-img-wrap{max-height:120px}.note-prose img{max-height:300px;width:auto;max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.note-hero{clip-path:none}.note-prose,.note-listing-card,.body,.author-card{opacity:1;transform:none}}
