/* Field App Journal: documentary contexts, left story rail, margin notes and warm service-design spreads. */
:root{--aub:#4b2142;--blush:#dca9b2;--apricot:#ef9d6b;--aqua:#93d7d1;--cream:#f4eddf;--ink:#281c28;--white:#fffaf1;--line:rgba(40,28,40,.22);--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:400 17px/1.55 "DM Sans",sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}img{display:block;width:100%;height:auto}.note{margin:0;font:500 .63rem "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.04em}.story-rail{position:fixed;z-index:100;left:0;top:0;bottom:0;display:grid;grid-template-rows:auto 1fr auto;width:92px;color:var(--white);background:var(--aub);border-right:1px solid var(--ink)}.rail-brand{display:grid;justify-items:center;gap:.45rem;padding:1rem .2rem;border-bottom:1px solid rgba(255,255,255,.28);font:600 .85rem "Newsreader",serif}.rail-brand img{width:42px;height:42px;object-fit:contain}.story-rail nav{display:grid;align-content:center}.story-rail nav button{display:grid;justify-items:center;gap:.3rem;padding:1rem .2rem;border:0;border-top:1px solid rgba(255,255,255,.2);color:var(--white);background:transparent;font-size:.68rem}.story-rail nav span{color:var(--apricot);font:500 .56rem "IBM Plex Mono",monospace}.rail-contact{display:flex;align-items:center;justify-content:center;min-height:100px;color:var(--ink);background:var(--aqua);font-weight:700;writing-mode:vertical-rl}.mobile-head{display:none}main,footer{margin-left:92px}.field-hero{display:grid;grid-template-columns:.82fr 1.18fr;min-height:780px}.hero-journal{display:flex;justify-content:center;flex-direction:column;padding:7vw;background:var(--cream)}.hero-journal h1,.mission-selector h2,.offline-chapter h2,.accessibility-chapter h2,.handoff-map h2,.field-questions h2,.field-contact h2{margin:1.1rem 0;font:600 clamp(4rem,7vw,8.2rem)/.87 "Newsreader",serif;letter-spacing:-.055em}.hero-journal>p:not(.note){max-width:620px}.hero-actions{display:flex;gap:.7rem;margin-top:2rem}.hero-actions a,.hero-actions button{min-height:52px;padding:0 1rem;border:1px solid var(--ink);background:transparent;font-weight:700}.hero-actions a{background:var(--apricot)}.hero-journal dl{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border-top:1px solid var(--ink)}.hero-journal dl div{padding:1rem .6rem;border-right:1px solid var(--ink)}.hero-journal dt{font:500 .6rem "IBM Plex Mono",monospace;text-transform:uppercase}.hero-journal dd{margin:.4rem 0 0;font-weight:600}.field-hero figure{position:relative;margin:0}.field-hero figure img{height:100%;min-height:780px;object-fit:cover}.field-hero figcaption{position:absolute;left:1rem;bottom:1rem;padding:.8rem;background:var(--cream);font-size:.72rem}.field-hero figcaption span{margin-right:.5rem;color:var(--aub);font:500 .6rem "IBM Plex Mono",monospace}.observation-band{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:1rem;align-items:center;padding:1.2rem 3vw;color:var(--ink);background:var(--aqua);font-size:.8rem}.observation-band p{margin:0;font:500 .59rem "IBM Plex Mono",monospace}.mission-selector{padding:8rem 4vw;background:var(--white)}.mission-selector>header{display:grid;grid-template-columns:.3fr 1.1fr .6fr;gap:3rem;align-items:end;max-width:1360px;margin:auto}.mission-selector>header h2{margin:0}.mission-spread{display:grid;grid-template-columns:.32fr 1.08fr .8fr;max-width:1360px;margin:4rem auto 0;background:var(--cream);border:1px solid var(--ink)}.mission-tabs{display:grid}.mission-tabs button{display:grid;grid-template-columns:36px 1fr;align-content:center;min-height:155px;padding:1rem;border:0;border-bottom:1px solid var(--ink);background:transparent;text-align:left}.mission-tabs button.active{background:var(--blush)}.mission-tabs button span{font:500 .6rem "IBM Plex Mono",monospace}.mission-tabs button small{grid-column:2}.mission-spread figure{position:relative;margin:0;border-left:1px solid var(--ink);border-right:1px solid var(--ink)}.mission-spread figure img{height:100%;min-height:650px;object-fit:cover}.mission-spread figcaption{position:absolute;left:1rem;bottom:1rem;padding:.6rem;background:var(--white);font:500 .6rem "IBM Plex Mono",monospace}.mission-spread article{display:flex;justify-content:center;flex-direction:column;padding:3rem}.mission-spread article h3{margin:1rem 0;font:600 clamp(2.5rem,3.6vw,4.4rem)/.95 "Newsreader",serif}.mission-spread dl{margin:2rem 0}.mission-spread dl div{padding:.8rem 0;border-top:1px solid var(--line)}.mission-spread dt{font:500 .6rem "IBM Plex Mono",monospace;text-transform:uppercase}.mission-spread dd{margin:.3rem 0 0;font-weight:600}.mission-spread article>a{width:max-content;border-bottom:2px solid var(--apricot);font-weight:700}.context-journal{display:grid;grid-template-columns:.92fr 1.08fr}.context-journal article{display:grid;min-width:0}.context-journal .portrait{grid-template-columns:.9fr 1.1fr;background:var(--blush)}.context-journal .landscape{grid-template-rows:auto 1fr;background:var(--apricot)}.context-journal figure{margin:0}.context-journal figure img{height:100%;min-height:620px;object-fit:cover}.context-journal article>div{padding:4rem}.context-journal h3{font:600 3rem/1 "Newsreader",serif}.offline-chapter{display:grid;grid-template-columns:1.1fr .9fr;background:var(--aub);color:var(--white)}.offline-chapter figure{margin:0}.offline-chapter figure img{height:100%;min-height:760px;object-fit:cover}.offline-chapter>div{padding:7rem 5vw}.offline-chapter ol{margin:2rem 0 0;padding:0;list-style:none}.offline-chapter li{display:grid;grid-template-columns:100px 1fr;padding:1rem 0;border-top:1px solid rgba(255,255,255,.3)}.offline-chapter span{color:var(--aqua);font:500 .6rem "IBM Plex Mono",monospace}.accessibility-chapter{display:grid;grid-template-columns:.6fr 1fr .28fr .55fr;align-items:stretch;background:var(--cream)}.accessibility-chapter>header{padding:6rem 2rem}.accessibility-chapter>header h2{font-size:clamp(3rem,5vw,6rem)}.accessibility-chapter>figure{margin:0}.accessibility-chapter>figure img{height:100%;min-height:700px;object-fit:cover}.margin-note{display:flex;justify-content:center;flex-direction:column;padding:1.2rem;background:var(--aqua)}.margin-note span{font:500 .6rem "IBM Plex Mono",monospace}.access-copy{padding:6rem 2rem;background:var(--blush)}.access-copy li{padding:.6rem 0;border-top:1px solid var(--ink)}.release-journal{display:grid;grid-template-columns:repeat(3,1fr)}.release-journal article{display:grid;grid-template-rows:1fr auto;background:var(--white)}.release-journal article:nth-child(2){background:var(--aqua)}.release-journal article:nth-child(3){background:var(--apricot)}.release-journal figure{margin:0;padding:1rem}.release-journal figure img{aspect-ratio:4/3;object-fit:cover}.release-journal article>div{min-height:300px;padding:2rem}.release-journal h3{font:600 2.5rem/1 "Newsreader",serif}.handoff-map{display:grid;grid-template-columns:.72fr 1.28fr;background:var(--cream)}.handoff-map>div{padding:7rem 5vw}.handoff-map li{padding:.65rem 0;border-top:1px solid var(--ink)}.handoff-map figure{margin:0}.handoff-map figure img{height:100%;min-height:720px;object-fit:cover}.field-questions{display:grid;grid-template-columns:.7fr 1.3fr;padding:8rem 4vw;background:var(--blush)}.field-questions>header{padding-right:4vw}.field-questions label{display:flex;gap:.7rem;margin-top:2rem;padding:1rem;background:var(--cream);border-bottom:2px solid var(--aub)}.field-questions input{width:100%;border:0;outline:0;background:transparent}.field-questions>div{border-top:1px solid var(--ink)}.field-questions details{border-bottom:1px solid var(--ink)}.field-questions summary{display:grid;grid-template-columns:55px 1fr 20px;align-items:center;min-height:88px;list-style:none;cursor:pointer;font-weight:650}.field-questions summary::-webkit-details-marker{display:none}.field-questions summary span{font:500 .6rem "IBM Plex Mono",monospace;color:var(--aub)}.field-questions summary i{position:relative;width:16px;height:16px}.field-questions summary i:before,.field-questions summary i:after{content:"";position:absolute;top:7px;width:16px;height:2px;background:var(--aub)}.field-questions summary i:after{transform:rotate(90deg)}.field-questions details[open] i:after{transform:rotate(0)}.field-questions details p{padding:0 2rem 1.4rem 55px}.field-contact{display:grid;grid-template-columns:.6fr .75fr .75fr;background:var(--aub);color:var(--white)}.contact-intro{padding:6rem 3vw}.contact-intro>a{border-bottom:1px solid}.field-contact form{align-self:center;margin:2rem;padding:1rem;color:var(--ink);background:var(--cream)}.field-contact label{display:grid;gap:.3rem;padding:.8rem;font:500 .61rem "IBM Plex Mono",monospace;text-transform:uppercase}.field-contact input,.field-contact select,.field-contact textarea{width:100%;border:0;border-bottom:1px solid var(--ink);outline:0;background:transparent;font:400 16px "DM Sans",sans-serif}.field-contact input,.field-contact select{height:42px}.field-contact label>small{display:none;color:#9b2020;font-family:"DM Sans",sans-serif;text-transform:none}.field-contact label.invalid>small,.field-contact .consent.invalid small{display:block}.field-contact .consent{grid-template-columns:auto 1fr;font:400 .88rem "DM Sans",sans-serif;text-transform:none}.field-contact .consent input{width:18px;height:18px}.field-contact form>button{width:100%;min-height:52px;border:0;color:var(--ink);background:var(--apricot);font-weight:700}.success{padding:1rem;background:var(--aqua)}.field-contact>figure{margin:0;padding:2rem;background:var(--aqua)}.field-contact>figure img{height:100%;min-height:720px;object-fit:cover}footer{display:grid;grid-template-columns:1fr 1fr auto auto;gap:2rem;align-items:center;padding:2rem 4vw;color:var(--white);background:var(--ink)}footer>a{display:flex;align-items:center;gap:.7rem;font:600 1.1rem "Newsreader",serif}footer>a img{width:36px;height:36px}footer>p{margin:0}footer nav{display:flex;gap:1rem}footer nav a{border-bottom:1px solid}.cookie-dock{position:fixed;z-index:120;right:8px;bottom:8px;display:flex;gap:.35rem;padding:.4rem;background:var(--cream);box-shadow:0 12px 35px rgba(75,33,66,.18)}.cookie-dock button,.cookie-dock a{padding:.55rem .65rem;border:0;color:var(--white);background:var(--aub);font:500 .6rem "IBM Plex Mono",monospace}.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(18px);transition:.5s var(--ease)}.reveal.visible{opacity:1;transform:none}}@media(max-width:900px){body{padding-bottom:62px}.story-rail{top:auto;right:0;bottom:0;width:100%;height:62px;grid-template-columns:1fr;grid-template-rows:1fr}.rail-brand,.rail-contact{display:none}.story-rail nav{grid-template-columns:repeat(4,1fr);align-content:stretch}.story-rail nav button{padding:.45rem;border:0;border-right:1px solid rgba(255,255,255,.22)}.mobile-head{position:fixed;z-index:100;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:.5rem .7rem;background:rgba(244,237,223,.94);box-shadow:0 10px 28px rgba(75,33,66,.12)}.mobile-head>a{display:flex;align-items:center;gap:.5rem;font-weight:700}.mobile-head img{width:38px;height:38px;object-fit:contain}.mobile-head>a:last-child{padding:.7rem;color:var(--white);background:var(--aub)}main,footer{margin-left:0}.field-hero,.mission-selector>header,.mission-spread,.context-journal,.context-journal .portrait,.offline-chapter,.accessibility-chapter,.release-journal,.handoff-map,.field-questions,.field-contact{grid-template-columns:1fr}.field-hero{padding-top:72px}.field-hero figure{order:-1}.field-hero figure img{min-height:auto;aspect-ratio:4/3}.hero-journal,.mission-selector,.field-questions{padding:5rem 1rem}.hero-journal h1{font-size:4rem}.observation-band{grid-template-columns:auto 1fr;overflow:hidden}.mission-selector>header{gap:1rem}.mission-tabs{grid-template-columns:repeat(3,1fr)}.mission-tabs button{display:block;min-height:100px;padding:.7rem}.mission-spread figure img,.offline-chapter figure img,.accessibility-chapter>figure img,.handoff-map figure img,.field-contact>figure img{min-height:auto;aspect-ratio:4/3}.mission-spread article,.context-journal article>div,.offline-chapter>div,.accessibility-chapter>header,.access-copy,.handoff-map>div,.contact-intro{padding:4rem 1rem}.context-journal .landscape figure{order:-1}.release-journal{grid-template-columns:1fr}.field-questions>header{padding:0 0 2rem}.field-contact form{margin:1rem}.field-contact>figure{display:none}footer{grid-template-columns:1fr;padding:2rem 1rem}.cookie-dock{left:8px;bottom:70px;justify-content:flex-end}}@media(max-width:540px){.hero-journal h1,.mission-selector h2,.offline-chapter h2,.accessibility-chapter h2,.handoff-map h2,.field-questions h2,.field-contact h2{font-size:3.15rem}.hero-actions{flex-direction:column}.hero-journal dl{grid-template-columns:1fr}.mission-tabs button strong{font-size:.85rem}.mission-spread article{padding:2rem 1rem}.offline-chapter li{grid-template-columns:80px 1fr}.field-questions summary{grid-template-columns:45px 1fr 18px}.field-questions details p{padding-left:45px}.field-contact form{margin-right:1.5rem}.cookie-dock{font-size:.55rem}}