/* Field Notes static site: warm paper, graphite ink, muted sage, Signal Orange #E86F3D. */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#292824;--paper:#f5f1e9;--deep:#e9e1d2;--sage:#d6ded3;--sage-deep:#aabba9;--orange:#e86f3d;--muted:#716e66;--line:#d6cec0;--card:#fbf9f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',sans-serif;background-image:radial-gradient(rgba(41,40,36,.045) .55px,transparent .55px);background-size:8px 8px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px max(22px,calc((100% - 1240px)/2));border-bottom:1px solid var(--line);background:rgba(245,241,233,.94);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.03em}.brand img{width:30px;height:30px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:27px;font:500 .7rem 'IBM Plex Mono',monospace;letter-spacing:.09em;text-transform:uppercase}.site-header nav a:hover,.footer-links a:hover{color:var(--orange)}.nav-button{border:1px solid var(--ink);padding:10px 13px}.nav-button:hover{background:var(--orange);border-color:var(--orange);color:#fff}.hero{max-width:1240px;margin:auto;padding:90px max(22px,calc((100% - 1176px)/2)) 105px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{font:500 .68rem 'IBM Plex Mono',monospace;letter-spacing:.13em;color:var(--muted)}.orange{color:var(--orange)}h1,h2{font-family:'DM Serif Display',serif;font-weight:400;letter-spacing:-.035em;line-height:.94;margin:0}h1{font-size:clamp(3.8rem,7vw,7rem);margin:22px 0 27px}h1 i{color:var(--orange)}h2{font-size:2rem}.lede{max-width:500px;color:var(--muted);font-size:1.08rem;line-height:1.6}.actions{display:flex;align-items:center;gap:25px;margin-top:38px}.button{display:inline-block;border:0;background:var(--orange);color:#fff;padding:14px 18px;font-weight:600;cursor:pointer;transition:transform .16s ease-out,background .16s ease-out}.button:hover{background:#c9572b;transform:translateY(-2px)}.button:active{transform:scale(.97)}.text-link{font-weight:600;transition:color .18s ease-out,transform .18s ease-out}.text-link:hover{color:var(--orange);transform:translateX(3px)}.hero-note{position:relative}.paper{position:relative;background:#fffdf8;border:1px solid var(--ink);height:360px;box-shadow:10px 10px 0 var(--deep);transform:rotate(1.5deg);overflow:hidden}.paper:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 38px,rgba(113,110,102,.16) 39px 40px);margin:48px 34px}.tab{position:absolute;z-index:1;top:120px;left:-1px;width:35px;height:76px;background:var(--orange)}.pencil{position:absolute;width:280px;height:12px;background:var(--ink);right:25px;top:230px;transform:rotate(-37deg)}.pencil:after{content:'';position:absolute;right:-22px;border-left:25px solid var(--ink);border-top:6px solid transparent;border-bottom:6px solid transparent}.annotation{font:italic 1rem 'DM Serif Display',serif;color:var(--orange);transform:rotate(-4deg);margin:25px 0 0 -12px}.paths{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:78px max(22px,calc((100% - 1176px)/2));display:grid;grid-template-columns:190px 1fr;gap:50px;background:rgba(251,249,244,.4)}.rail{display:flex;gap:14px;align-items:flex-start}.number{font:500 .7rem 'IBM Plex Mono',monospace;color:var(--orange)}.rail>span:last-child{font:500 .67rem 'IBM Plex Mono',monospace;letter-spacing:.12em;color:var(--muted);writing-mode:vertical-rl}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:790px}.path-card{min-height:270px;padding:30px;border:1px solid var(--ink);background:var(--card);display:flex;flex-direction:column;align-items:flex-start}.path-card.sage{background:var(--sage);border-color:var(--sage-deep)}.icon{font-size:27px;color:var(--orange);margin-bottom:40px}.path-card .eyebrow{margin:0 0 10px}.path-card h2{margin-bottom:12px}.path-card p:not(.eyebrow){margin:0 0 22px;color:var(--muted);line-height:1.6}.path-card .text-link{margin-top:auto}.quote{max-width:740px;margin:auto;padding:110px 22px 125px}.quote-mark{font:7rem 'DM Serif Display',serif;color:var(--orange);line-height:.7}.quote blockquote{font:2.3rem/1.16 'DM Serif Display',serif;margin:25px 0}.page-intro{max-width:1240px;margin:auto;padding:80px max(22px,calc((100% - 1176px)/2)) 73px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.index-tab{display:inline-block;border-left:3px solid var(--orange);padding:7px 10px;margin-bottom:16px;background:var(--deep);color:var(--muted);font:500 .63rem 'IBM Plex Mono',monospace;letter-spacing:.08em}.page-intro h1{font-size:clamp(3.5rem,6.8vw,6.4rem);max-width:800px}.page-intro>div>p:last-child{max-width:570px;color:var(--muted);font-size:1.05rem;line-height:1.6}.stamp{border:1px solid var(--orange);padding:16px 18px;color:var(--orange);white-space:nowrap;font:500 .7rem/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;transform:rotate(3deg)}.form-layout{max-width:1240px;margin:auto;padding:65px max(22px,calc((100% - 1176px)/2)) 110px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.08fr;gap:90px}.aside-note{max-width:410px}.small-paper{height:320px}.small-paper:before{margin:45px 30px}.clip{position:absolute;z-index:2;width:32px;height:65px;left:42%;top:28px;border:5px solid #555;border-bottom:0;border-radius:14px 14px 0 0}.hand-lines{position:absolute;left:42px;right:42px;top:88px;height:145px;background:repeating-linear-gradient(to bottom,transparent 0 27px,rgba(113,110,102,.2) 28px 29px)}.feedback-paper{background:var(--sage)}.feedback-paper .arrow{position:absolute;right:50px;bottom:50px;font:4rem 'DM Serif Display',serif;color:var(--orange);transform:rotate(-20deg)}.aside-note .annotation{margin:23px 0 30px}.aside-note>a{font:500 .78rem 'IBM Plex Mono',monospace}.note-form{padding:33px;background:var(--card);border:1px solid var(--ink);box-shadow:10px 10px 0 var(--deep)}.form-topline{display:flex;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--line);color:var(--orange);font:500 .68rem 'IBM Plex Mono',monospace;letter-spacing:.1em}.note-form label{display:block;margin:20px 0;font-weight:600;font-size:.86rem}.note-form label span{font-weight:400;font-size:.76rem;color:var(--muted)}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);padding:12px 0;font:inherit}textarea{resize:vertical;min-height:120px}input::placeholder,textarea::placeholder{color:#99948a}.form-footnote{color:var(--muted);font-size:.75rem}.form-status{color:var(--orange);font-weight:600;min-height:22px}.privacy-intro{align-items:center}.privacy-card{width:280px;height:210px;background:#fffdf8;border:1px solid var(--line);box-shadow:10px 10px 0 var(--sage);padding:55px 45px;transform:rotate(-2deg)}.lock{display:block;margin:auto;width:50px;height:50px;border:3px solid var(--ink);border-radius:50%;font-size:2rem;text-align:center;line-height:42px}.file-line{display:block;height:2px;background:var(--line);margin-top:27px}.file-line.short{width:65%;margin-top:10px}.privacy-layout{max-width:1240px;margin:auto;padding:67px max(22px,calc((100% - 1176px)/2)) 120px;border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:86px}.privacy-layout aside{color:var(--muted);font-size:.9rem}.privacy-layout aside p{max-width:170px;line-height:1.65}.privacy-copy{max-width:700px}.privacy-copy h2{font-size:2rem;margin-bottom:12px}.privacy-copy p{color:var(--muted);line-height:1.7;margin:0 0 42px}.privacy-copy a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}footer{max-width:1240px;margin:auto;padding:33px max(22px,calc((100% - 1176px)/2)) 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:.84rem}footer p{margin:8px 0}.footer-links{display:flex;align-items:flex-end;gap:24px}@media(max-width:760px){.site-header{padding:16px 20px}.site-header nav{gap:14px;font-size:.62rem}.nav-button{display:none}.hero{display:block;padding:60px 20px 88px}.hero h1{font-size:4.25rem}.hero-note{margin-top:65px}.paths{display:block;padding:57px 20px 80px}.rail{margin-bottom:30px}.rail>span:last-child{writing-mode:initial}.path-grid{display:block}.path-card{margin-bottom:15px}.quote{padding:85px 20px 100px}.quote blockquote{font-size:2rem}.page-intro{display:block;padding:58px 20px 55px}.page-intro h1{font-size:4rem}.stamp{display:inline-block;margin-top:30px}.form-layout{display:block;padding:50px 20px 85px}.aside-note{margin-bottom:50px}.note-form{padding:24px}.privacy-intro img{width:100%}.privacy-card{width:100%;margin-top:35px}.privacy-layout{display:block;padding:58px 20px 90px}.privacy-layout aside{margin-bottom:42px}.privacy-copy h2{font-size:1.8rem}.footer-links{display:block}.footer-links a{display:block;margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}