.note-page{background:var(--cream);color:#17191c}.note-page main,.note-page footer{margin-left:0}.note-nav{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;padding:0 3vw;border-bottom:1px solid rgba(12,32,52,.3);background:rgba(239,232,220,.92);backdrop-filter:blur(12px)}.note-nav p{margin:0;font:9px var(--mono);letter-spacing:.12em}.note-nav>a:last-child{justify-self:end;font:10px var(--mono);letter-spacing:.08em}.note-hero{padding:9vw 8vw 5vw}.note-hero h1{max-width:1100px;margin:1.5rem 0 3rem;font:400 clamp(5.5rem,10vw,11rem)/.72 var(--display);letter-spacing:-.06em}.note-dek{max-width:620px;margin-left:auto;color:var(--rust);font:italic 400 clamp(1.6rem,2.8vw,3rem)/1.12 var(--display)}.note-meta{margin:5rem 0 0;font:9px var(--mono);letter-spacing:.1em}.note-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:1vw;margin:0;padding:4vw 10vw;background:var(--navy)}.note-triptych img{aspect-ratio:2/3;object-fit:cover}.note-triptych figcaption{grid-column:1/-1;color:var(--cream);font:9px var(--mono);letter-spacing:.12em;text-align:right}.note-body{display:grid;grid-template-columns:.42fr 1fr;gap:9vw;padding:10vw 9vw}.note-body aside{position:sticky;top:120px;align-self:start;padding:1.5rem;border:1px solid #17191c}.note-body aside p:last-child{font:italic 400 1.7rem/1.18 var(--display)}.prose{max-width:760px}.prose h2{margin:0 0 1.5rem;font:400 clamp(2.6rem,4.5vw,5rem)/.9 var(--display);letter-spacing:-.035em}.prose h2:not(:first-child){margin-top:7rem}.prose>p{font-size:1.05rem;line-height:1.85}.span-table{margin:3rem 0;overflow-x:auto;border-block:1px solid #17191c}.span-table table{width:100%;min-width:620px;border-collapse:collapse}.span-table th,.span-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(23,25,28,.32)}.span-table th{font:500 9px var(--mono);letter-spacing:.08em}.span-table td{font-size:.82rem}.fine-print{font:9px/1.6 var(--mono)!important}.note-close{margin:0!important;padding:10vw 9vw;background:var(--acid);color:var(--navy)}.note-close h2{margin:1rem 0;font:400 clamp(5rem,11vw,12rem)/.7 var(--display);letter-spacing:-.065em}.note-close>p:not(.label){max-width:550px;margin:2.5rem 0;font-size:1rem;line-height:1.75}.note-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;padding:3rem;background:#07131f;color:var(--cream);font:9px var(--mono);letter-spacing:.08em}.note-footer p{margin:0}
@media(max-width:760px){.note-nav{grid-template-columns:1fr auto;min-height:60px;padding-inline:1rem}.note-nav p{display:none}.note-nav>a:last-child{font-size:8px}.note-hero{padding:20vw 7vw 12vw}.note-hero h1{font-size:18vw}.note-dek{margin-left:0}.note-meta{margin-top:3rem}.note-triptych{gap:.35rem;padding:8vw 4vw}.note-body{grid-template-columns:1fr;padding:20vw 7vw}.note-body aside{position:static}.prose h2:not(:first-child){margin-top:5rem}.prose>p{font-size:1rem;line-height:1.75}.note-close{padding:22vw 7vw!important}.note-close h2{font-size:22vw}.note-footer{grid-template-columns:1fr}}
@media(max-width:760px){.note-hero{width:100%;max-width:100vw;overflow:hidden}.note-hero h1{width:86vw;max-width:86vw;font-size:11vw;line-height:.84;overflow-wrap:anywhere}.note-dek{width:86vw;max-width:86vw;font-size:1.3rem;line-height:1.18;overflow-wrap:anywhere}}
.prose{min-width:0;width:100%}.span-table{max-width:100%}
.note-close>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.note-close .portal-button{white-space:normal;gap:1rem}