:root{--ink:#172f32;--muted:#647578;--paper:#f4f0e7;--cream:#fbf8f1;--line:#d7d0c2;--ochre:#b96d2d;--blue:#426e7a;--red:#9e4f45;--green:#56755d;--stone:#756e63;--violet:#6e617e;--shadow:0 18px 50px rgba(28,42,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Serif SC","Songti SC","STSong",Georgia,serif;line-height:1.75}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.6rem 1rem;z-index:99}.skip-link:focus{top:1rem}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,96px);border-bottom:1px solid rgba(23,47,50,.14);background:rgba(251,248,241,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.site-header.compact{position:relative}.brand{display:flex;gap:14px;align-items:center;text-decoration:none}.brand strong,.brand small{display:block}.brand strong{font-size:1.13rem;letter-spacing:.16em}.brand small{font-family:system-ui,sans-serif;font-size:.7rem;letter-spacing:.12em;color:var(--muted)}.brand-mark{width:38px;height:38px;border:1px solid var(--ink);position:relative;display:block;overflow:hidden;border-radius:50%}.brand-mark:before,.brand-mark:after,.brand-mark i,.brand-mark b{content:"";position:absolute;border:1px solid var(--ink);border-radius:50%}.brand-mark:before{width:20px;height:42px;left:8px;top:-3px}.brand-mark:after{width:42px;height:14px;left:-3px;top:11px}.brand-mark i{width:31px;height:31px;left:3px;top:3px}.brand-mark b{width:42px;height:4px;left:-3px;top:16px}.site-header nav{display:flex;gap:30px;font-family:system-ui,sans-serif;font-size:.84rem}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--ochre)}.menu-button{display:none}.back-home{font-family:system-ui,sans-serif;font-size:.85rem;color:var(--blue)}
.hero{min-height:690px;padding:clamp(70px,10vw,140px) clamp(24px,8vw,132px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:7vw;background:linear-gradient(105deg,var(--cream) 0 65%,#e7e0d2 65%);overflow:hidden}.eyebrow{font-family:system-ui,sans-serif;font-size:.73rem;letter-spacing:.25em;font-weight:700;color:var(--ochre);margin:0 0 18px}.hero h1{font-weight:600;font-size:clamp(2.5rem,4.1vw,4.3rem);line-height:1.18;letter-spacing:-.035em;margin:0;max-width:850px}.lead{font-size:clamp(1rem,1.4vw,1.22rem);color:#536668;max-width:750px;margin:32px 0}.hero-actions{display:flex;gap:14px;margin:34px 0 22px}.hero-actions a{padding:12px 22px;text-decoration:none;font-family:system-ui,sans-serif;font-size:.86rem;border:1px solid var(--ink)}.hero-actions .primary{background:var(--ink);color:#fff}.hero-actions .secondary:hover{background:#fff}.scope-note{font-size:.82rem;color:#7b807c}.map-art{min-height:430px;display:grid;place-items:center;position:relative}.globe{width:min(34vw,410px);aspect-ratio:1;border:1px solid rgba(23,47,50,.48);border-radius:50%;position:relative;background:repeating-radial-gradient(ellipse at center,transparent 0 13%,rgba(23,47,50,.08) 13.3% 13.8%,transparent 14.1% 27%)}.globe:before,.globe:after{content:"";position:absolute;inset:8%;border:1px solid rgba(23,47,50,.28);border-radius:50%}.globe:before{transform:scaleX(.42)}.globe:after{transform:scaleY(.42)}.route{position:absolute;border-top:2px solid var(--ochre);border-radius:50%;transform-origin:left}.route-a{width:60%;height:22%;left:18%;top:52%;transform:rotate(-17deg)}.route-b{width:45%;height:17%;left:37%;top:34%;transform:rotate(31deg);border-color:var(--blue)}.point{position:absolute;width:9px;height:9px;background:var(--ochre);border-radius:50%;box-shadow:0 0 0 5px rgba(185,109,45,.16)}.point-a{left:20%;top:55%}.point-b{left:60%;top:36%;background:var(--blue)}.point-c{left:76%;top:63%}.map-art>p{position:absolute;bottom:2%;width:100%;display:flex;justify-content:space-between;color:#6d7978;font-family:monospace;font-size:.72rem;letter-spacing:.12em}
.section{padding:110px clamp(24px,7vw,112px)}.section-heading{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:60px;align-items:end;margin-bottom:48px}.section-heading h2{font-size:clamp(2rem,3.6vw,3.6rem);font-weight:600;line-height:1.2;margin:0}.section-heading>p{color:var(--muted);margin:0}.field-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.field-card{min-height:300px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:rgba(255,255,255,.26);transition:transform .25s,box-shadow .25s}.field-card:hover{z-index:2;transform:translateY(-5px);box-shadow:var(--shadow);background:#fff}.field-card:before{content:"";width:34px;height:4px;background:var(--accent);position:absolute;top:-2px;left:30px}.field-card>span{font-family:monospace;color:var(--accent);font-size:.78rem}.field-card h3{font-size:1.42rem;margin:32px 0 12px}.field-card p{font-size:.93rem;color:var(--muted);margin:0}.field-card em{font-style:normal;font-family:system-ui,sans-serif;font-size:.73rem;color:var(--accent);margin-top:auto;letter-spacing:.12em}.accent-ochre{--accent:var(--ochre)}.accent-blue{--accent:var(--blue)}.accent-red{--accent:var(--red)}.accent-green{--accent:var(--green)}.accent-stone{--accent:var(--stone)}.accent-violet{--accent:var(--violet)}
.notes-section{padding:110px clamp(24px,7vw,112px);background:var(--ink);color:#eef0ea}.section-heading.light>p{color:#aebcba}.notes-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.16);padding-top:28px;margin-bottom:32px}.search span{display:block;font-family:system-ui,sans-serif;font-size:.72rem;color:#aebcba;margin-bottom:7px}.search input{width:min(330px,80vw);border:0;border-bottom:1px solid #899b99;background:transparent;color:#fff;padding:9px 2px;font:inherit;outline:0}.search input:focus{border-color:#fff}.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.filters button{border:1px solid rgba(255,255,255,.25);background:transparent;color:#cbd4d2;border-radius:99px;padding:7px 13px;font-family:system-ui,sans-serif;cursor:pointer}.filters button.active,.filters button:hover{background:#f3eee3;color:var(--ink)}.note-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.note-card{padding:34px;min-height:300px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column}.note-card[hidden]{display:none}.note-card>div{display:flex;justify-content:space-between;font-family:system-ui,sans-serif;font-size:.75rem;color:#9eafad}.tag{color:#e4ba88}.note-card h3{font-size:1.55rem;line-height:1.4;margin:28px 0 12px}.note-card p{color:#aebcba;font-size:.92rem;margin:0}.note-card a,.pending{margin-top:auto;color:#fff;font-family:system-ui,sans-serif;font-size:.82rem}.pending{color:#859997}.empty-state{text-align:center;color:#aebcba;padding:40px}
.method{background:var(--paper)}.method-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.method-grid li{background:var(--paper);padding:34px;display:grid;grid-template-columns:56px 1fr;gap:16px}.method-grid li>span{font-family:monospace;color:var(--ochre)}.method-grid h3{margin:0 0 8px;font-size:1.15rem}.method-grid p{margin:0;color:var(--muted);font-size:.9rem}.about{margin:0 clamp(24px,7vw,112px) 110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:70px 0;display:grid;grid-template-columns:1fr 2fr;gap:80px}.about h2{font-size:2.5rem;margin:0}.about-copy p{font-size:1.02rem;color:var(--muted);margin:0 0 18px;max-width:800px}footer{padding:36px clamp(24px,7vw,112px);display:flex;justify-content:space-between;gap:20px;background:#e7e0d2;color:#50605f;font-size:.78rem}footer p{margin:0;display:flex;gap:14px}
.article-shell{padding:80px 24px 120px;background:var(--paper)}.article-shell article{max-width:900px;margin:auto;background:var(--cream);box-shadow:var(--shadow)}.article-header{padding:70px clamp(28px,8vw,90px);border-bottom:1px solid var(--line)}.article-header h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.2;margin:0 0 26px}.article-meta{display:flex;gap:20px;font-family:system-ui,sans-serif;font-size:.76rem;color:var(--muted)}.article-deck{font-size:1.2rem;color:var(--muted);margin:34px 0 0}.article-body{padding:65px clamp(28px,8vw,90px);font-size:1.05rem}.article-body h2{font-size:1.65rem;margin:55px 0 14px}.article-body h2:first-child{margin-top:0}.article-body p{color:#465b5c}.article-body aside{border-left:3px solid var(--ochre);padding:18px 24px;margin-top:50px;background:#f1eadc}.article-body aside p{margin:6px 0 0}
@media(max-width:900px){.site-header{height:72px;padding:0 20px}.menu-button{display:block;border:1px solid var(--ink);background:transparent;padding:7px 11px}.site-header nav{position:absolute;top:72px;left:0;right:0;display:none;background:var(--cream);padding:18px 20px;border-bottom:1px solid var(--line);flex-direction:column;gap:14px}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;background:var(--cream);padding-top:80px;min-height:auto}.map-art{min-height:320px}.globe{width:min(75vw,360px)}.section-heading{grid-template-columns:1fr;gap:20px}.field-grid{grid-template-columns:repeat(2,1fr)}.notes-toolbar{align-items:stretch;flex-direction:column}.filters{justify-content:flex-start}.note-list{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:25px}}
@media(max-width:560px){.brand small{display:none}.hero{padding:62px 20px}.hero h1{font-size:2.5rem}.hero-actions{flex-direction:column}.hero-actions a{text-align:center}.section,.notes-section{padding:75px 20px}.field-grid{grid-template-columns:1fr}.field-card{min-height:260px}.method-grid{grid-template-columns:1fr}.method-grid li{padding:26px 20px}.about{margin:0 20px 75px;padding:50px 0}.map-art{min-height:280px}footer{flex-direction:column}.article-shell{padding:30px 12px 70px}.article-header,.article-body{padding:45px 24px}.article-meta{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.field-card{transition:none}}