:root{--paper:#f5ebd8;--navy:#16344d;--terra:#c55a3d;--orange:#f38b38;--palo:#667a46;--green:#36543e;--blue:#58afc0;--line:#c9bca6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}p,h1,h2,h3,blockquote{margin-top:0}.note-hero{position:relative;min-height:min(94vh,980px);overflow:hidden;background:var(--terra);color:var(--paper);isolation:isolate}.note-nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4.6vw,78px);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{width:38px;height:38px;filter:brightness(0) invert(1)}.back-link{text-underline-offset:5px}.note-hero-art{position:absolute;top:45%;left:70%;z-index:-2;width:min(56vw,770px);aspect-ratio:1;object-fit:cover;object-position:63% center;border:1px solid rgba(245,235,216,.72);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px rgba(22,52,77,.22)}.note-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,52,77,.36),transparent 63%),linear-gradient(0deg,rgba(22,52,77,.72),transparent 48%)}.note-hero-copy{position:absolute;right:clamp(20px,4.6vw,78px);bottom:clamp(82px,9vw,132px);left:clamp(20px,4.6vw,78px);z-index:2}.note-number,.section-label{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.note-number{margin-bottom:18px}.note-hero h1{max-width:1080px;margin-bottom:28px;font-family:Fraunces,Georgia,serif;font-size:clamp(66px,9.6vw,156px);font-weight:600;letter-spacing:-.065em;line-height:.82;text-transform:uppercase;text-shadow:0 3px 28px rgba(22,52,77,.2)}.note-location{margin:0;font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.scroll-cue{position:absolute;right:clamp(20px,4.6vw,78px);bottom:30px;z-index:3;font-size:11px;font-weight:700;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}.scroll-cue span{margin-left:12px;color:#ffd09d}article{max-width:1720px;margin:auto;padding:0 clamp(20px,4.6vw,78px)}.note-introduction{display:grid;grid-template-columns:minmax(190px,.55fr) 1.45fr;gap:8%;padding:110px 0 120px;border-bottom:1px solid var(--line)}.note-meta{border-top:1px solid var(--navy)}.note-meta p{display:flex;justify-content:space-between;gap:14px;margin:0;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.note-meta span{color:var(--terra);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.section-label{margin-bottom:20px;color:var(--terra)}.note-lede h2,.section-heading h2,.score-copy h2,.future h2{font-family:Fraunces,Georgia,serif;font-weight:400;letter-spacing:-.045em}.note-lede h2{max-width:1000px;margin-bottom:34px;font-size:clamp(48px,5.7vw,88px);line-height:1.02}.note-lede>p:last-child{max-width:790px;margin:0;font-size:clamp(19px,1.6vw,25px);line-height:1.55}.observations{padding:108px 0 120px}.section-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:8%;align-items:end;margin-bottom:46px}.section-heading .section-label{margin:0}.section-heading h2{margin:0;font-size:clamp(45px,5vw,76px);line-height:1}.observation-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--navy);border-bottom:1px solid var(--navy)}.observation{position:relative;min-height:430px;padding:34px 32px 38px;border-right:1px solid var(--line)}.observation:last-child{border-right:0}.observation::before{content:"";position:absolute;right:26px;bottom:25px;width:74px;height:74px;border-radius:50%;opacity:.18}.observation--shade::before{background:var(--palo)}.observation--street::before{background:var(--terra)}.observation--edge::before{background:var(--blue)}.observation-index{display:block;margin-bottom:80px;color:var(--terra);font-size:11px;font-weight:700;letter-spacing:.14em}.observation h3{margin-bottom:22px;font-family:Fraunces,Georgia,serif;font-size:clamp(29px,2.4vw,40px);font-weight:400;letter-spacing:-.035em;line-height:1.08}.observation p{max-width:420px;margin:0;font-size:16px;line-height:1.65}.score-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:8%;align-items:center;margin:0 calc(clamp(20px,4.6vw,78px)*-1);padding:104px clamp(20px,4.6vw,78px);background:var(--green);color:var(--paper)}.score-figure{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;max-width:480px;border:1px solid rgba(245,235,216,.5);border-radius:50%;text-align:center}.score-figure span{max-width:180px;font-size:10px;font-weight:700;letter-spacing:.17em;line-height:1.5;text-transform:uppercase}.score-figure strong{font-family:Fraunces,Georgia,serif;font-size:clamp(90px,11vw,170px);font-weight:400;letter-spacing:-.07em;line-height:.9}.score-copy .section-label{color:#c9dd9a}.score-copy h2{max-width:800px;margin-bottom:28px;font-size:clamp(44px,5.2vw,80px);line-height:1.02}.score-copy>p:not(.section-label){max-width:720px;font-size:18px;line-height:1.65}.method-note{padding-top:22px;border-top:1px solid rgba(245,235,216,.35);font-size:13px!important}.sensory-note{padding:112px 7% 122px;text-align:center}.sensory-note blockquote{max-width:1180px;margin:0 auto;font-family:Fraunces,Georgia,serif;font-size:clamp(38px,4.7vw,72px);font-weight:400;letter-spacing:-.035em;line-height:1.16}.future{margin:0 calc(clamp(20px,4.6vw,78px)*-1);padding:106px clamp(20px,4.6vw,78px) 116px;background:var(--navy);color:var(--paper)}.future .section-label{color:#ffad62}.future h2{max-width:1200px;margin-bottom:54px;font-size:clamp(48px,6vw,92px);line-height:1.01}.future-columns{display:grid;grid-template-columns:1fr 1fr;gap:7%;max-width:1180px}.future-columns p{font-size:18px;line-height:1.68}.watch-list{display:grid;grid-template-columns:1fr 2fr;gap:7%;margin-top:64px;padding-top:26px;border-top:1px solid rgba(245,235,216,.35)}.watch-list>p{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.watch-list ul{display:grid;grid-template-columns:1fr 1fr;gap:13px 32px;margin:0;padding:0;list-style:none}.watch-list li{padding-bottom:13px;border-bottom:1px solid rgba(245,235,216,.22);font-size:14px;line-height:1.45}.note-footer{display:flex;min-height:92px;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--navy);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.note-footer a{text-decoration:none}.note-footer a:hover,.note-footer a:focus-visible{color:var(--terra)}
@media(max-width:850px){.note-hero-art{top:39%;left:68%;width:78vw}.note-introduction{grid-template-columns:1fr;gap:52px;padding:80px 0 90px}.note-meta{max-width:430px}.section-heading{grid-template-columns:1fr;gap:18px}.observation-grid{grid-template-columns:1fr}.observation{min-height:0;padding:28px 0 38px;border-right:0;border-bottom:1px solid var(--line)}.observation:last-child{border-bottom:0}.observation-index{margin-bottom:36px}.score-section{grid-template-columns:1fr;gap:62px}.score-figure{width:min(78vw,420px)}.future-columns{grid-template-columns:1fr}.watch-list{grid-template-columns:1fr}.watch-list ul{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.note-hero{min-height:88svh}.note-nav{padding-top:16px;font-size:9px}.brand span{display:none}.note-hero-art{top:36%;left:72%;width:102vw}.note-hero-copy{bottom:92px}.note-hero h1{font-size:clamp(50px,15vw,76px);line-height:.86}.note-location{max-width:320px;font-size:10px;line-height:1.5}.scroll-cue{right:auto;bottom:25px;left:20px;font-size:9px}.note-lede h2{font-size:46px}.note-lede>p:last-child{font-size:18px}.observations{padding:74px 0 82px}.section-heading h2{font-size:44px}.score-section{padding-top:76px;padding-bottom:82px}.score-copy h2{font-size:43px}.score-copy>p:not(.section-label){font-size:16px}.sensory-note{padding:78px 0 84px}.sensory-note blockquote{font-size:37px}.future{padding-top:78px;padding-bottom:88px}.future h2{font-size:44px}.future-columns p{font-size:16px}.watch-list ul{grid-template-columns:1fr}.note-footer{align-items:flex-start;flex-direction:column;gap:13px;padding:26px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Field Notes standard: direct headings, generous reading space, no eyebrows. */
.observation-grid{display:block}
.observation{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);column-gap:8%;min-height:0;padding:48px 0;border-right:0;border-bottom:1px solid var(--line)}
.observation:last-child{border-bottom:0}
.observation h3{grid-column:1;grid-row:1/6;max-width:440px;font-size:clamp(30px,3.3vw,50px)}
.observation p{grid-column:2;max-width:760px;margin:0 0 24px;font-size:18px;line-height:1.7}
.observation p:last-child{margin-bottom:0}
.observation::before{display:none}
@media(max-width:850px){.observation{display:block;padding:36px 0}.observation h3{max-width:620px;margin-bottom:26px}.observation p{font-size:17px}}
.note-hero-art{filter:brightness(.56) saturate(.86)}
.note-hero::after{background:linear-gradient(90deg,rgba(22,52,77,.24),transparent 65%),linear-gradient(0deg,rgba(22,52,77,.95) 0%,rgba(22,52,77,.68) 30%,rgba(22,52,77,.12) 62%,transparent 85%)}
.note-hero h1{line-height:.94;text-shadow:0 2px 18px rgba(22,52,77,.35)}
.note-introduction{display:block}
.note-lede{max-width:1100px;margin:auto}
.section-heading{display:block}
.observation{padding-top:42px}
.sensory-composition{max-width:1180px;margin:0 auto;font-family:Fraunces,Georgia,serif;font-size:clamp(38px,4.7vw,72px);font-weight:400;letter-spacing:-.035em;line-height:1.2}
.sensory-composition em{display:block;margin-bottom:28px;color:var(--terra);font-style:italic}
.watch-list>p{font-size:18px;font-weight:500;letter-spacing:0;text-transform:none}
@media(max-width:560px){.note-hero h1{line-height:1}.sensory-composition{font-size:37px}}