/* Field App Journal legal pages: documentary folios, margin notes and route ribbons. */
:root{--aub:#4b2142;--blush:#dca9b2;--apricot:#ef9d6b;--aqua:#93d7d1;--cream:#f4eddf;--ink:#281c28;--white:#fffaf1;--line:rgba(40,28,40,.22)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font:400 17px/1.65 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}.field-head{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto auto;min-height:68px;background:rgba(244,237,223,.96);border-bottom:1px solid var(--ink)}.field-brand,.field-contact,.field-back{display:flex;align-items:center;padding:0 1.2rem;border-right:1px solid var(--ink);font-weight:700}.field-brand{gap:.7rem;font:600 1.1rem "Newsreader",serif}.field-brand img{width:38px;height:38px;object-fit:contain}.field-state{display:flex;align-items:center;padding:0 2rem;font:500 .62rem "IBM Plex Mono",monospace;text-transform:uppercase}.field-contact{color:var(--white);background:var(--aub)}.field-back{border:0;background:var(--aqua)}.folio-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:560px;background:var(--white)}.folio-title{display:flex;justify-content:center;flex-direction:column;padding:6rem 7vw}.folio-title p{margin:0;color:var(--aub);font:500 .62rem "IBM Plex Mono",monospace;text-transform:uppercase}.folio-title h1{margin:1rem 0;font:600 clamp(4rem,8vw,8.5rem)/.87 "Newsreader",serif;letter-spacing:-.055em}.folio-title>span{max-width:720px}.folio-map{position:relative;overflow:hidden;background:var(--blush)}.folio-map i{position:absolute;display:block}.folio-map i:nth-child(1){left:12%;top:16%;width:65%;height:18px;background:var(--aub);transform:rotate(11deg)}.folio-map i:nth-child(2){right:12%;top:34%;width:18px;height:52%;background:var(--aqua);transform:rotate(-9deg)}.folio-map i:nth-child(3){left:25%;bottom:22%;width:44%;height:25%;background:var(--apricot);clip-path:polygon(0 45%,76% 45%,76% 0,100% 50%,76% 100%,76% 56%,0 56%)}.folio-map b{position:absolute;left:1rem;bottom:1rem;padding:.6rem;background:var(--cream);font:500 .61rem "IBM Plex Mono",monospace}.folio-body{display:grid;grid-template-columns:260px 1fr;max-width:1240px;margin:auto;padding:5rem 2rem}.margin-index{position:sticky;top:94px;align-self:start;padding:1rem;color:var(--white);background:var(--aub)}.margin-index>span{font:500 .6rem "IBM Plex Mono",monospace;text-transform:uppercase}.margin-index ol{margin:1rem 0 0;padding:0;list-style:none;counter-reset:n}.margin-index li{counter-increment:n;padding:.8rem 0;border-top:1px solid rgba(255,255,255,.3)}.margin-index li:before{content:counter(n,decimal-leading-zero);display:inline-block;width:32px;color:var(--aqua);font:500 .58rem "IBM Plex Mono",monospace}.folio-sections{padding-left:2.5rem}.folio-sections section{display:grid;grid-template-columns:110px 1fr;padding:2rem 0;border-top:1px solid var(--ink)}.folio-sections small{font:500 .58rem "IBM Plex Mono",monospace;color:var(--aub)}.folio-sections h2{margin:0 0 .8rem;font:600 clamp(2rem,3.5vw,3.8rem)/.96 "Newsreader",serif}.folio-sections p{max-width:820px}.folio-sections a{text-decoration:underline}.folio-footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem 4vw;color:var(--white);background:var(--ink)}.folio-footer nav{display:flex;gap:1rem}.folio-footer a{border-bottom:1px solid}.lost{display:grid;grid-template-columns:1.08fr .92fr;min-height:calc(100vh - 68px)}.lost-photo{position:relative;display:flex;align-items:center;justify-content:center;background:var(--blush)}.lost-photo:before{content:"";position:absolute;inset:13%;background:var(--cream);transform:rotate(-4deg);box-shadow:0 16px 40px rgba(75,33,66,.18)}.lost-photo b{position:relative;z-index:2;color:var(--aub);font:600 clamp(8rem,17vw,18rem) "Newsreader",serif}.lost-copy{display:flex;justify-content:center;flex-direction:column;padding:6rem;background:var(--aqua)}.lost-copy p{font:500 .61rem "IBM Plex Mono",monospace;text-transform:uppercase}.lost-copy h1{margin:1rem 0;font:600 clamp(4rem,7vw,8rem)/.88 "Newsreader",serif}.lost-copy a{width:max-content;margin-top:2rem;padding:1rem 1.2rem;color:var(--white);background:var(--aub);font-weight:700}@media(max-width:800px){.field-head{grid-template-columns:1fr auto auto}.field-state{display:none}.field-brand span{display:none}.field-contact,.field-back{padding:0 .9rem}.folio-hero{grid-template-columns:1fr;min-height:auto}.folio-title{padding:4rem 1rem}.folio-title h1{font-size:4rem}.folio-map{min-height:300px}.folio-body{display:block;padding:2rem .8rem}.margin-index{position:static}.folio-sections{padding:1.5rem 0 0}.folio-sections section{grid-template-columns:60px 1fr;gap:.7rem}.folio-footer{flex-direction:column;padding:2rem 1rem}.folio-footer nav{flex-wrap:wrap}.lost{grid-template-columns:1fr}.lost-photo{min-height:400px}.lost-copy{min-height:430px;padding:4rem 1rem}.lost-copy h1{font-size:4rem}}