/* Field notes. Brand v3: Manrope, Canopy, Teal, Sage, Fern, Bone, Porcelain, Dark. */
@font-face{font-family:Manrope;src:url(../fonts/manrope-subset.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--canopy:#1E3330;--teal:#2D6B5E;--sage:#A8C5A0;--fern:#C3D07E;--bone:#F5F1E8;--porcelain:#FAF8F3;--dark:#0D1B1A;--mist:#E8EFED;--silver:#C9CFCB;--silver-d:#8E9893;--line:#DDD6C8;--eb:#3B7768;--muted:#46595A}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:Manrope,system-ui,sans-serif;background:var(--bone);color:var(--canopy);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px}
.skip{position:absolute;left:-999px;top:8px;background:var(--dark);color:var(--bone);padding:10px 14px;z-index:20;border-radius:3px}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:2px}
.draft-bar{background:#7A5C12;color:#FFF8E6;font-size:13px;text-align:center;padding:8px 16px;letter-spacing:.02em}
.nav{position:sticky;top:0;z-index:10;background:rgba(245,241,232,.94);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:72px}.nav .nav-in{height:auto;min-height:72px;padding-top:8px;padding-bottom:8px}
.brand img{height:26px;width:auto}
.nav ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 22px;list-style:none;font-size:14px;letter-spacing:.02em}
.nav ul a{text-decoration:none;padding:6px 0;display:inline-block;border-bottom:1px solid transparent}
.nav ul a:hover{color:var(--teal);border-bottom-color:var(--teal)}
.nav ul a[aria-current]{color:var(--teal);font-weight:600;box-shadow:inset 0 -2px var(--teal)}
.eb{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--eb);font-weight:600}
h1,h2,h3{font-weight:300;letter-spacing:-.02em;line-height:1.1}
.pf{border-radius:50%;object-fit:cover;background:var(--mist)}
.more{font-size:14px;color:var(--teal);text-decoration:none;border-bottom:1px solid currentColor}
/* index */
.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;padding:80px 0 56px;align-items:end}
.hero h1{font-size:58px;margin:18px 0 22px}
.lead{font-size:19px;max-width:560px;color:var(--muted)}
.where{background:var(--canopy);color:var(--bone);padding:26px 28px;border-radius:4px}
.where .eb{color:var(--sage)}
.where p{font-size:15px;color:var(--silver);margin:12px 0 16px}
.where .more{color:var(--sage)}
.mini{list-style:none;margin:14px 0}
.mini li{display:grid;grid-template-columns:150px 1fr 20px;gap:10px;align-items:center;font-size:13px;padding:5px 0}
.mini i{height:2px;background:var(--silver);display:block;position:relative}
.mini i::after{content:"";position:absolute;right:-4px;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--fern)}
.authors{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:64px}
.au{background:var(--porcelain);border:1px solid var(--line);border-radius:4px;padding:20px;display:flex;gap:14px;align-items:center;position:relative;text-decoration:none;transition:border-color .2s,transform .25s,box-shadow .25s}
.au:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 16px 36px -26px rgba(30,51,48,.45)}
.au img{width:64px;height:64px;flex:none}
.au h3{font-size:18px;font-weight:500}
.au p{font-size:13px;color:var(--muted)}
.au em{font-size:13px;color:var(--eb);font-style:normal}
.au.next{border-style:dashed;background:transparent;align-items:center}
.feat{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;padding-bottom:72px}
.fimg{border-radius:4px;overflow:hidden;aspect-ratio:16/9;display:block}
.fimg img{width:100%;height:100%;object-fit:cover;object-position:85% 100%}
.feat h2{font-size:38px;margin:14px 0 22px}
.feat h2 a{text-decoration:none}
.by{display:flex;gap:12px;align-items:center;font-size:14px}
.by img{width:44px;height:44px}
.learn{border-left:2px solid var(--teal);padding:4px 0 4px 18px;margin:24px 0}
.learn p{font-size:18px;margin-top:4px}
.q{font-size:15px;color:var(--muted);display:flex;gap:8px;align-items:flex-start}
.mk-i{width:18px;height:18px;flex:none;margin-top:2px}
.chips{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.chips button{font:inherit;font-weight:500;font-size:13px;border:1px solid var(--line);padding:9px 15px;border-radius:30px;background:transparent;color:var(--canopy);cursor:pointer;min-height:40px}
.chips button[aria-pressed=true]{background:var(--canopy);color:var(--bone);border-color:var(--canopy)}
.row{display:grid;grid-template-columns:52px 200px 1fr;gap:24px;align-items:center;border-top:1px solid var(--line);padding:24px 0}
.row[hidden]{display:none}
.row img{width:52px;height:52px}
.meta{display:flex;flex-direction:column;font-size:13px;color:var(--muted);gap:4px}
.row h3{font-size:24px;font-weight:400}
.row h3 a{text-decoration:none}
.row h3 a:hover{color:var(--teal)}
.row p{font-size:15px;color:var(--muted);margin-top:6px}
.row p b{color:var(--teal);font-weight:600}
.empty{border:1px dashed var(--silver-d);border-radius:4px;padding:40px;text-align:center;color:var(--muted)}
.tagd{display:inline-block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:#F3E6C4;color:#5E470F;padding:2px 7px;border-radius:2px;margin-left:8px;vertical-align:middle}
/* author */
.ah{display:grid;grid-template-columns:300px 1fr;gap:64px;padding:72px 0 56px;align-items:start}
.ah img{width:300px;height:300px;border-radius:4px;object-fit:cover}
.ah h1{font-size:54px;margin:14px 0 8px}
.ah .focus{font-size:17px;color:var(--teal);margin-bottom:22px}
.ah .intro p{font-size:19px;line-height:1.65;margin-bottom:14px;max-width:680px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:56px}
.fact{background:var(--porcelain);border:1px solid var(--line);border-radius:4px;padding:22px}
.fact p{margin-top:8px;font-size:16px}
.fact ul{list-style:none;margin-top:8px;font-size:15px}
.fact li+li{margin-top:6px}
.links{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:14px}
.review{background:#F3E6C4;color:#5E470F;border-radius:4px;padding:12px 16px;font-size:14px;margin-bottom:18px}
/* note */
.ph{position:relative;height:clamp(520px,42.5vw,820px);overflow:hidden;color:var(--canopy);background:var(--mist)}
.ph>img,.ph>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%}
.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(245,241,232,.4),rgba(245,241,232,0) 45%);pointer-events:none}
.phx{position:absolute;left:0;right:0;top:64px;z-index:2}
.ph h1{font-size:52px;max-width:860px;margin:14px 0 22px}
.lv{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.lv b{width:30px;height:30px;border:1px solid var(--silver-d);border-radius:50%;display:grid;place-items:center;font-weight:600}
.lv b.n{background:var(--fern);color:var(--dark);border-color:var(--fern)}
.lv i{width:40px;height:1px;background:var(--silver-d)}
.body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:64px;padding-top:64px}
.toc{position:sticky;top:110px;align-self:start}
.toc svg{position:absolute;left:0;top:0;width:20px;height:100%}
.toc ol{list-style:none;padding-left:34px;font-size:14px;color:var(--muted)}
.toc li{min-height:86px}
.toc a{text-decoration:none}
.toc b{display:block;font-size:11px;letter-spacing:.2em;color:var(--eb)}
.toc li.on{color:var(--canopy);font-weight:600}
article.note{max-width:720px}
.dek{font-size:22px;font-weight:300;margin-bottom:40px}
.blk{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.lbl{font-size:16px;font-weight:500;letter-spacing:.14em;font-variant:small-caps;text-transform:lowercase;color:var(--eb);display:flex;gap:12px;align-items:baseline;margin:0 0 10px;line-height:1.4}
.lbl span{font-size:11px;letter-spacing:.12em;color:var(--silver-d);font-variant:normal;font-weight:400}
.blk p,.blk li{font-size:18px;line-height:1.7}
.blk p+p{margin-top:14px}
.blk ul{padding-left:22px;margin-top:10px}
.blk.learned{background:var(--porcelain);border:0;border-left:2px solid var(--teal);padding:24px 28px;border-radius:0 4px 4px 0}
.blk.learned p{font-size:20px;color:var(--canopy)}
.num-fig{display:grid;grid-template-columns:auto 1fr;gap:4px 20px;align-items:baseline;margin:40px 0;padding:28px 0;border-top:1px solid var(--canopy);border-bottom:1px solid var(--canopy)}
.num-fig b{font-size:44px;font-weight:200}
.num-fig span{color:var(--muted)}
.scar,.stake{padding:22px 26px;margin:22px 0;border-radius:4px}
.scar{background:var(--mist);border-left:3px solid var(--silver-d)}
.stake{background:var(--porcelain);border:1px solid var(--line)}
.scar p+p,.stake p+p{font-size:19px;margin-top:6px}
.open{background:var(--dark);color:var(--bone);padding:44px;border-radius:4px;margin:48px 0}
.open .eb{color:var(--fern);display:flex;gap:8px;align-items:center}
.open h2{font-size:34px;margin:12px 0 16px}
.open p{color:var(--silver)}
.btns{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.btns a{padding:12px 20px;border-radius:3px;font-size:14px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;transition:background .2s,color .2s,border-color .2s}
.btns a:hover{background:var(--teal);color:var(--bone);border-color:var(--teal)}
.b1{background:var(--fern);color:var(--dark)}
.b2{border:1px solid var(--silver);color:var(--bone)}
.sig{display:grid;grid-template-columns:96px 1fr 44px;gap:24px;align-items:start;padding:32px 0;border-top:1px solid var(--line)}
.sig img.pf{width:96px;height:96px}
.sig h3{font-size:24px;font-weight:500;margin:4px 0 8px}
.sig p{font-size:15px;color:var(--muted);margin-bottom:8px}
.sig .mark{width:44px}
.nextp{padding:26px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;font-size:20px}
.nextp a{text-decoration:none}
footer{background:var(--dark);color:var(--silver);padding:56px 0;margin-top:96px;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer a{text-decoration:none}
footer a:hover{color:var(--fern)}
.nextp a:hover{color:var(--teal)}
@media (prefers-reduced-motion:reduce){.au,.btns a{transition:none}.au:hover{transform:none}}
footer img{height:22px;width:auto}
@media (max-width:1000px){.authors{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;gap:32px}.feat{grid-template-columns:1fr;gap:28px}.facts{grid-template-columns:1fr}.ah{grid-template-columns:200px 1fr;gap:36px}.ah img{width:200px;height:200px}}
@media (max-width:760px){.body{grid-template-columns:1fr}.toc{display:none}}
@media (max-width:700px){.wrap{padding:0 20px}.nav .nav-in{min-height:64px}.nav ul{gap:12px;font-size:13px}.nav ul li.hide-s{display:none}.hero{padding:44px 0 36px}.hero h1{font-size:38px}.authors{grid-template-columns:1fr}.row{grid-template-columns:44px 1fr;gap:14px}.row img{width:44px;height:44px}.row .t{grid-column:1/-1}.row h3{font-size:21px}
.ah{grid-template-columns:1fr;padding-top:36px;padding-bottom:40px;gap:22px}.ah img{width:160px;height:160px}.ah h1{font-size:38px}.ah .intro p{font-size:17px}
.ph{height:600px}.phx{top:36px}.ph h1{font-size:30px}.ph>img,.ph>video{object-position:100% 100%}.by{flex-wrap:wrap}.lv{margin-left:0}
.body{padding-top:36px}.dek{font-size:19px}.blk p,.blk li{font-size:17px}.blk.learned{padding:20px}.blk.learned p{font-size:18px}.open{padding:28px 22px}.open h2{font-size:26px}.btns{flex-direction:column}.btns a{justify-content:center}.sig{grid-template-columns:64px 1fr}.sig img.pf{width:64px;height:64px}.sig .mark{display:none}.num-fig b{font-size:34px}.mini li{grid-template-columns:120px 1fr 16px}}
@media (max-width:380px){.nav ul{gap:10px;font-size:13px}.brand img{height:22px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.todo{background:#F3E6C4;color:#5E470F;padding:0 4px;border-radius:2px;font-size:.92em}
@media (max-width:900px){.nav ul li.hide-s{display:none}}
/* privacy and other text pages */
.legal{max-width:760px;padding:72px 0 80px}.legal h1{font-size:48px;margin:14px 0 18px}.legal .dek{font-size:21px;margin-bottom:10px}.legal .meta{font-size:14px;color:var(--muted);margin-bottom:32px}.legal h2{font-size:22px;margin:36px 0 10px}.legal p{font-size:18px;line-height:1.65;margin-bottom:14px}.legal ul{margin:0 0 14px 22px;font-size:18px;line-height:1.65}
@media (max-width:700px){.legal{padding:40px 0 56px}.legal h1{font-size:36px}.legal .dek{font-size:18px}.legal p,.legal ul{font-size:17px}}