:root{color:#eee9df;background:#020711;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#020711;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:1px solid #d7812e;outline-offset:6px}.field-page{min-height:100svh;position:relative;overflow:hidden;background-color:#020711;background-image:url(/assets/field-note-background.png);background-position:center;background-size:cover;background-repeat:no-repeat}.site-name{position:absolute;top:clamp(28px,4.4vw,48px);left:clamp(26px,2.8vw,40px);color:#99a8c1;text-decoration:none;font-size:clamp(14px,1.35vw,20px);line-height:1;letter-spacing:.015em}.field-note{width:min(320px,calc(100vw - 48px));position:absolute;top:27.2%;left:22.05%}time{display:block;color:#91a1bd;font-size:clamp(13px,1.15vw,17px);letter-spacing:.035em}h1{margin:clamp(28px,3.3vw,48px) 0 clamp(42px,3.4vw,50px);color:#eee9df;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:clamp(48px,4.2vw,64px);font-weight:400;line-height:.98;letter-spacing:-.035em}.note-copy{color:#eee9df;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:clamp(21px,1.85vw,28px);line-height:1.48;letter-spacing:-.015em}.note-copy p{margin:0 0 24px}.field-note nav{display:flex;gap:clamp(46px,5vw,78px);margin-top:clamp(38px,3.5vw,50px);color:#91a1bd;font-size:clamp(13px,1.15vw,17px)}.field-note nav button{border:0;background:none;padding-block:8px;color:inherit;cursor:pointer;font:inherit;text-decoration:none;text-underline-offset:5px}.field-note nav button:hover{text-decoration:underline}.field-note nav button:focus-visible{outline:1px solid #d7812e;outline-offset:6px}.field-note nav .next{color:#d7812e}@media(max-width:780px){.field-page{min-height:100svh;overflow-y:auto;background-position:62% center}.site-name{position:relative;display:inline-block}.field-note{position:relative;top:auto;left:auto;width:min(360px,calc(100vw - 48px));margin:clamp(115px,18vh,165px) 24px 250px}h1{margin-block:24px 44px}.note-copy{font-size:clamp(19px,5.5vw,24px);line-height:1.45}.note-copy p{margin-bottom:25px}.field-note nav{margin-top:46px}}@media(max-height:700px)and (min-width:781px){.field-note{top:20%}h1{margin-block:24px 34px}.note-copy p{margin-bottom:20px}.field-note nav{margin-top:32px}}@media(prefers-reduced-motion:no-preference){.field-note{animation:appear .26s ease-out both}@keyframes appear{0%{opacity:0}to{opacity:1}}}