/* An editorial hierarchy: direct titles, quiet furniture, sustained reading. */
@font-face{font-family:Archivo;src:url('/field-guide/assets/archivo.ttf') format('truetype');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:Literata;src:url('/field-guide/assets/literata.ttf') format('truetype');font-weight:200 900;font-display:swap}
@font-face{font-family:Literata;src:url('/field-guide/assets/literata-italic.ttf') format('truetype');font-weight:200 900;font-style:italic;font-display:swap}
body{font-family:Archivo,Arial,sans-serif;font-weight:400;font-kerning:normal}h1,h2,h3{font-family:Archivo,Arial,sans-serif;font-weight:570;font-stretch:90%;letter-spacing:-.025em}h1 em,h2 em{font-style:normal;font-weight:inherit;color:inherit}.brand{font-family:Archivo,Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:-1.2px}.brand span{font-family:Archivo,Arial,sans-serif;font-weight:550;letter-spacing:1.1px}.top nav{font-size:13px}.edition{font-family:Archivo,Arial,sans-serif;letter-spacing:.5px;font-size:9px}.cover-series{font-size:10px;letter-spacing:.8px}.cover-title>p{font-family:Archivo,Arial,sans-serif;font-size:21px;letter-spacing:.15px;font-weight:400;margin-bottom:20px}.cover h1{font-family:Archivo,Arial,sans-serif;font-stretch:82%;font-weight:650;font-size:clamp(55px,5.2vw,72px);line-height:1.02;letter-spacing:-2.8px;margin-bottom:30px}.cover h1 em{font-style:normal;font-weight:650;color:inherit}.cover-title>span{font-family:Archivo,Arial,sans-serif;font-size:12px;letter-spacing:1.6px;font-weight:500}.cover-bottom{font-family:Literata,Georgia,serif;font-size:17px;line-height:1.6}.spine{letter-spacing:1px}.opening h2{font-family:Archivo,Arial,sans-serif;font-stretch:90%;font-size:43px;line-height:1.12;font-weight:560;letter-spacing:-1.4px}.opening h2 em{font-style:normal;color:inherit;font-weight:560}.opening .intro{font-family:Literata,Georgia,serif;font-size:16px;line-height:1.7}.little,.running{letter-spacing:.8px;font-weight:450}.little{font-size:10px}.feeling{font-family:Literata,Georgia,serif;font-size:17px;line-height:1.45;padding:15px 0}.text-link{font-family:Archivo,Arial,sans-serif;font-size:12px}.below h2{font-size:29px;line-height:1.25;font-weight:550}.below>p{font-family:Literata,Georgia,serif;font-size:14px;line-height:1.8}.section-head h2{font-size:25px}.contents-row strong,.paper-index .contents-row strong{font-family:Archivo,Arial,sans-serif;font-size:22px;line-height:1.25;font-weight:540;letter-spacing:-.35px}.contents-row small{font-size:12px;line-height:1.5}.folio{font:400 13px Archivo,Arial,sans-serif;font-variant-numeric:tabular-nums}.pillar-names{font-family:Archivo,Arial,sans-serif;font-size:21px;line-height:1.8;font-weight:500}.paper-index h1{font-size:52px;font-weight:590;line-height:1.1}.intro{font-family:Literata,Georgia,serif;font-size:19px;line-height:1.65}.margin-note>p:not(.little):not(.local-note){font-family:Literata,Georgia,serif;font-size:19px;line-height:1.5}.essay-heading h1{font-family:Archivo,Arial,sans-serif;font-size:43px;line-height:1.13;font-stretch:92%;font-weight:580;letter-spacing:-1.1px;text-wrap:balance}.essay-heading{margin:48px 0 42px}.byline{font-size:12px}.prose{font-family:Literata,Georgia,serif;font-size:19px;line-height:1.8;font-optical-sizing:auto;font-weight:400;max-width:62ch;margin:0 auto}.prose p{line-height:inherit;margin-bottom:1.05em}.prose p:first-child:first-letter{font:inherit;float:none;line-height:inherit;margin:0;color:inherit}.prose h2{font-family:Archivo,Arial,sans-serif;font-size:25px;line-height:1.25;font-weight:560;margin:2em 0 1em}.page-turns span{font-family:Archivo,Arial,sans-serif;font-size:17px;line-height:1.4;font-weight:500}.page-turns small{letter-spacing:.7px;font-size:9px}.pillar h3{font-family:Archivo,Arial,sans-serif;font-size:24px}.pillar h3 small{font-family:Archivo,Arial,sans-serif}.source-note{font-size:12px}.about>p:not(.little){font-family:Literata,Georgia,serif;font-size:17px;line-height:1.8}.palette-option,.palette-description{font-family:Archivo,Arial,sans-serif}.essay-end{font-size:14px}
@media(max-width:1000px){.cover h1{font-size:57px;letter-spacing:-2px}.opening h2{font-size:37px}.essay-heading h1{font-size:37px}.feeling{font-size:16px}.opening .intro{font-size:15px}}
@media(max-width:700px){.cover h1{font-size:54px;font-stretch:82%;line-height:1.03;letter-spacing:-2px}.cover-title>p{font-size:19px}.cover-bottom{font-size:15px}.opening h2{font-size:37px;line-height:1.15;letter-spacing:-1px}.opening .intro{font-size:15px}.feeling{font-size:16px;line-height:1.6}.opening-bottom{align-items:flex-start;flex-wrap:wrap}.text-link{font-size:11px}.below h2{font-size:26px}.section-head h2{font-size:23px}.contents-row strong,.paper-index .contents-row strong{font-size:21px}.contents-row small{font-size:11px}.paper-index h1{font-size:42px}.essay-heading h1{font-size:33px;line-height:1.18;letter-spacing:-.6px}.prose{font-size:17px;line-height:1.8}.prose h2{font-size:23px}.page-turns span{font-size:15px}.top nav{font-size:12px}.pillar-names{font-size:19px}.brand span{font-size:9px}.palette-description{font-size:11px}}

/* Midnight / direction study: a quieter, open book face. */
@font-face{font-family:Bitter;src:url('/field-guide/assets/bitter.ttf') format('truetype');font-weight:100 900;font-display:swap}
h1,h2,h3{font-family:Bitter,Georgia,serif;font-stretch:normal;font-weight:450;letter-spacing:-.025em}
.cover{overflow:hidden}.cover-title{position:relative;z-index:1}.cover-title>p{font-family:Bitter,Georgia,serif;font-size:20px;font-weight:400;letter-spacing:0;margin-bottom:22px}.cover h1{font-family:Bitter,Georgia,serif;font-size:clamp(48px,4.6vw,64px);font-stretch:normal;line-height:1.12;font-weight:480;letter-spacing:-2px}.cover h1 em{font-weight:480}.cover-title>span{font-family:Archivo,Arial,sans-serif;letter-spacing:2px;font-size:11px;font-weight:400}.cover-bottom{font-size:15px;max-width:62%;position:relative;z-index:1}.direction-compass{position:absolute;bottom:30px;right:20px;width:175px;height:175px;opacity:.85;pointer-events:none}.opening h2{font-family:Bitter,Georgia,serif;font-stretch:normal;font-size:39px;font-weight:450;line-height:1.18;letter-spacing:-1px}.opening h2 em{font-weight:450}.below h2{font-size:28px;line-height:1.35}.section-head h2{font-size:24px}.contents-row strong,.paper-index .contents-row strong{font-family:Bitter,Georgia,serif;font-weight:450;font-size:23px;line-height:1.35;letter-spacing:-.45px}.paper-index h1{font-weight:450;font-size:49px}.essay-heading h1{font-family:Bitter,Georgia,serif;font-size:42px;line-height:1.22;font-stretch:normal;font-weight:450;letter-spacing:-.8px}.prose h2{font-family:Bitter,Georgia,serif;font-size:25px;font-weight:500;letter-spacing:-.4px}.page-turns span{font-family:Bitter,Georgia,serif;font-weight:450;font-size:17px;line-height:1.5}.pillar h3{font-family:Bitter,Georgia,serif;font-weight:450}.cover-line{background:#d9bb80;opacity:.7}.cover-series{color:var(--cover-accent)}
@media(max-width:1000px){.cover h1{font-size:51px}.direction-compass{width:130px;height:130px;right:12px;bottom:30px}.opening h2{font-size:34px}.essay-heading h1{font-size:36px}.cover-bottom{font-size:14px;max-width:65%}}
@media(max-width:700px){.cover h1{font-size:46px;letter-spacing:-1.5px;line-height:1.12}.cover-title>p{font-size:18px}.cover-title{margin-top:32px;margin-bottom:55px}.direction-compass{width:108px;height:108px;right:14px;bottom:25px}.cover-bottom{font-size:13px;max-width:65%}.opening h2{font-size:34px;line-height:1.22}.essay-heading h1{font-size:31px;line-height:1.25}.paper-index h1{font-size:40px}.contents-row strong,.paper-index .contents-row strong{font-size:21px}.below h2{font-size:25px}.section-head h2{font-size:22px}.prose h2{font-size:23px}.page-turns span{font-size:15px}}
