@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#203d35;--paper:#f5f2e9;--orange:#ae572c;--muted:#59665a;--line:#d5d9ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:absolute;top:-90px;left:20px;z-index:10;background:var(--paper);padding:14px}.skip:focus{top:10px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:12px;font-weight:700;line-height:1.35;letter-spacing:1.4px}.brand svg{width:43px;fill:none;stroke:var(--ink);stroke-width:1.8}.dot{color:var(--orange)}.nav-link{font-size:12px}.nav-link span{margin-left:20px;font-size:20px}.hero{position:relative;min-height:780px;height:calc(100svh - 112px);max-height:1050px;overflow:hidden;background:#ded9c4}.scene{position:absolute;inset:0;z-index:0}.scene svg{width:100%;height:100%;display:block}.hero-copy{position:relative;z-index:1;padding:76px 6% 0}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;display:flex;align-items:center;gap:13px}.small-line{display:inline-block;width:30px;height:1px;background:var(--orange)}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-3px}h1{font-size:clamp(78px,7.9vw,132px);line-height:.97;margin:32px 0 25px}h1 em,h2 em{font-weight:400;color:var(--orange)}.intro{font-size:14px;line-height:1.9;margin:0 0 28px;max-width:450px}.button{display:inline-flex;align-items:center;gap:37px;padding:17px 21px;background:var(--ink);color:#f7f3e5;font-size:12px;border-radius:2px;transition:background .2s,transform .2s}.button:hover{background:#315747;transform:translateY(-2px)}.button span{font-size:18px}.scene-caption{position:absolute;bottom:27px;left:6%;right:6%;display:flex;justify-content:space-between;color:#e0e6d8;font-size:9px;letter-spacing:2px}.scene-caption span span{padding-left:16px;font-size:20px}.seal{position:absolute;right:7%;top:48%;width:102px;height:102px;border:1px solid #456557;border-radius:50%;color:#2c5045;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transform:rotate(12deg);font-size:8px;letter-spacing:2px}.seal svg{width:34px;fill:none;stroke:currentColor;stroke-width:1}.perspective{display:grid;grid-template-columns:1fr 1.65fr;gap:70px;padding:104px 10% 74px}.section-label{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.section-label .eyebrow{font-size:9px}.asterisk{font-size:80px;color:var(--orange);line-height:1}.perspective h2{font-size:clamp(40px,4.1vw,64px);line-height:1.08;margin:0 0 27px;letter-spacing:-1.7px}.perspective p{font-size:14px;line-height:1.9;color:var(--muted);max-width:530px}.field-notes{display:grid;grid-template-columns:repeat(3,1fr);margin:0 10% 90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0}.field-notes article{padding:0 30px;border-left:1px solid var(--line)}.field-notes article:first-child{padding-left:0;border:0}.note-number{font-size:10px;color:var(--orange);letter-spacing:1px}h3{font-size:18px;font-weight:500;margin:20px 0 12px}.field-notes p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.closing{text-align:center;padding:65px 20px 70px;background:#e7eadd;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.closing .eyebrow{justify-content:center;font-size:9px}.closing h2{font-size:52px;letter-spacing:-1.4px;margin:20px 0 16px}.closing>p:not(.eyebrow){font-size:14px;line-height:1.7;min-height:48px;max-width:500px;margin:0 auto}.closing button{border:0;border-bottom:1px solid #7b8a73;padding:10px 0;background:transparent;color:var(--ink);font-size:12px;cursor:pointer}.closing button span{margin-left:22px}.closing button:hover{color:var(--orange)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 6%;font-size:10px}footer>span:first-child{font-weight:700;letter-spacing:1px}footer>span:nth-child(2){color:var(--muted);font-size:11px}footer a{white-space:nowrap}
@media(min-width:1700px){.hero-copy{padding-top:100px}}@media(max-width:800px){.header{height:90px}.hero{min-height:780px;height:calc(100svh - 90px)}.hero-copy{padding-top:54px}.scene svg{width:155%;max-width:none;margin-left:-35%}.seal{top:61%;right:8%;width:85px;height:85px}h1{font-size:90px}.perspective{padding:65px 7% 45px;grid-template-columns:1fr;gap:32px}.section-label{flex-direction:row;align-items:center}.asterisk{font-size:37px}.field-notes{margin:0 7% 60px}.field-notes article{padding:0 18px}.scene-caption{font-size:8px;letter-spacing:1px}footer{flex-wrap:wrap}footer>span:nth-child(2){order:3;width:100%}.closing h2{font-size:44px}}
@media(max-width:480px){.header{padding:0 6%;height:84px}.brand{font-size:10px;letter-spacing:1px}.brand svg{width:34px}.nav-link{font-size:10px;max-width:112px}.nav-link span{margin-left:6px}.hero{min-height:760px;height:calc(100svh - 84px);max-height:900px}.hero-copy{padding-top:42px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:73px;margin-top:27px}.intro{font-size:13px;max-width:310px;line-height:1.8}.desktop-break{display:none}.scene svg{width:230%;margin-left:-98%}.button{padding:14px 17px;gap:22px}.scene-caption{bottom:23px;align-items:flex-end;gap:35px;line-height:1.8}.scene-caption>span:last-child{text-align:right;max-width:140px}.seal{top:64%}.perspective h2{font-size:44px}.field-notes{grid-template-columns:1fr;padding:0}.field-notes article,.field-notes article:first-child{padding:25px 0;border-left:0;border-bottom:1px solid var(--line)}.field-notes article:last-child{border-bottom:0}.field-notes h3{margin:12px 0 7px}.field-notes p br{display:none}.closing{padding:48px 24px}.closing h2{font-size:40px}.closing>p:not(.eyebrow){min-height:72px}footer{padding:28px 6%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}