@charset "UTF-8";
:root{--paper:#f5f3ed;--ink:#243e43;--muted:#647174;--line:#d5d9d0;--teal:#275963;--peach:#df986f;--soft:#e9ece4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #af6135;outline-offset:7px}a:hover{color:#9b512d}.wrap{max-width:1264px;padding:0 64px;margin:auto}.skip{position:fixed;top:-80px;left:24px;background:var(--ink);color:#fff;padding:16px;z-index:10}.skip:focus{top:14px}.header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:28px 0}.brand{display:flex;align-items:center;gap:13px;font-size:15px;line-height:1.2;letter-spacing:-.4px;font-weight:650}.mark{height:45px;width:45px;border:1px solid var(--ink);border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;font-family:Georgia,serif;font-size:25px;font-weight:normal;letter-spacing:-3px;padding-right:3px}.mark span{width:8px;height:8px;border-radius:50%;background:var(--peach);position:absolute;right:-2px;top:1px}.header nav{display:flex;gap:35px;font-size:13px}.header nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding:65px 0 79px;align-items:center}.eyebrow{font-size:10px;line-height:1.7;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin:0 0 25px}.eyebrow span{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--teal)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(43px,4.7vw,67px);font-weight:normal;letter-spacing:-2.8px;line-height:1.06;margin-bottom:28px}.hero h1 em{color:var(--teal);font-weight:normal}.intro{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:35px;background:var(--ink);color:var(--paper);padding:17px 21px;font-size:12px;border:1px solid var(--ink);transition:background .15s,color .15s}.button:hover{background:var(--teal);color:#fff}.button span{font-size:16px}.drawing{align-self:stretch;position:relative;min-height:440px;overflow:hidden;background-color:#e8ece4;background-image:linear-gradient(#28515a0a 1px,transparent 1px),linear-gradient(90deg,#28515a0a 1px,transparent 1px);background-size:28px 28px;border-radius:140px 140px 4px 4px}.drawing-label{position:absolute;top:42px;left:38px;color:#577068;font-size:10px;line-height:1.7;z-index:2}.sun{position:absolute;width:79px;height:79px;border-radius:50%;background:var(--peach);top:100px;right:48px}.arch{width:232px;height:280px;position:absolute;left:50%;top:130px;transform:translateX(-50%);border:1px solid #4f7071;border-radius:130px 130px 0 0;overflow:hidden;background:#d4ddd1}.arch:before{content:"";position:absolute;inset:16px 16px 0;border:1px solid #64817d;border-bottom:0;border-radius:120px 120px 0 0}.arch-inner{position:absolute;inset:34px 34px 0;border:1px solid #64817d;border-bottom:0;border-radius:110px 110px 0 0;background:#b6c9bb}.arch-inner:after{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:#e9e8ce;bottom:22px;left:32px}.horizon{position:absolute;bottom:-85px;width:420px;height:165px;border:1px solid #64817d;border-radius:50%;transform:rotate(-17deg);left:-130px;background:#799b8b}.horizon.h2{bottom:-108px;left:-70px;background:#4c7873}.horizon.h3{bottom:-134px;left:-40px;background:#2f5960}.drawing-bottom{position:absolute;bottom:18px;left:25px;right:25px;border-top:1px solid #61776e40;display:flex;justify-content:space-between;padding-top:12px;font-size:9px;color:#526a65}.drawing-bottom span+span{font-size:16px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-title .eyebrow{margin-bottom:9px}.section-title h2{font-family:Georgia,serif;font-size:33px;font-weight:normal;letter-spacing:-.7px;margin:0}.count{font-size:10px;color:var(--muted);padding-bottom:4px}.note{display:grid;grid-template-columns:50px 1fr 38px;gap:16px;padding:29px 0;border-top:1px solid var(--line)}.note:last-child{border-bottom:1px solid var(--line)}.num{font-size:11px;padding-top:5px;color:#687c78}.meta{font-size:10px;color:#637674;line-height:1.8}.meta span{padding:0 8px}.note h3{font-family:Georgia,serif;font-size:23px;font-weight:normal;line-height:1.3;margin:7px 0 8px;letter-spacing:-.4px}.note p{font-size:12px;color:var(--muted);line-height:1.7;margin:0;max-width:680px}.arrow{font-size:21px;justify-self:end;align-self:center;transition:transform .15s}.note:hover .arrow{transform:translate(3px,-3px)}.closing{display:flex;align-items:start;gap:25px;margin:60px 0;background:var(--soft);padding:31px 33px}.small-star{font-size:42px;line-height:1;color:#648675}.closing h2{font-family:Georgia,serif;font-size:24px;line-height:1.35;font-weight:normal;letter-spacing:-.5px;margin-bottom:12px}.closing p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.closing>a{font-size:11px;margin-left:auto;align-self:center;white-space:nowrap}.closing>a span{padding-left:14px}footer{display:flex;align-items:center;border-top:1px solid var(--line);padding:27px 0 35px;gap:30px;font-size:11px}footer>span{margin-right:auto}.foot-sub{display:block;font-size:9px;color:var(--muted);margin-top:7px}.up{font-size:20px;padding:8px 14px;border:1px solid var(--line)}.article{max-width:760px;margin:55px auto 80px}.back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:45px}.article>.eyebrow{margin-bottom:20px}.article>h1{font-family:Georgia,"Times New Roman",serif;font-weight:normal;font-size:clamp(35px,4.3vw,57px);letter-spacing:-1.7px;line-height:1.13;margin:14px 0 25px}.article-lead{font-size:18px;line-height:1.75;color:#607273;border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:40px}.article-body{max-width:660px}.article-body section{margin-bottom:32px}.article-body h2{font-family:Georgia,serif;font-size:26px;line-height:1.3;font-weight:normal;letter-spacing:-.4px;margin-bottom:14px}.article-body p{font-size:15px;line-height:1.9;color:#4f6164}.article .button{margin-top:10px}.secondary{background:transparent;color:var(--ink)}.error-page{min-height:50vh}.error-page>h1{font-size:80px}
@media(min-width:1450px){.hero h1{font-size:69px}.drawing{min-height:470px}.arch{top:150px}}@media(max-width:900px){.wrap{padding:0 32px}.hero{gap:30px}.hero h1{font-size:49px}.drawing{min-height:405px}.arch{width:205px;height:245px;top:120px}.sun{width:65px;height:65px;right:22px;top:92px}.drawing-label{top:35px;left:27px}.closing{gap:17px;padding:26px}.closing h2{font-size:22px}}@media(max-width:640px){.wrap{padding:0 22px}.header{padding:21px 0}.header nav{gap:20px;font-size:12px}.brand{font-size:13px}.mark{height:39px;width:39px}.hero{grid-template-columns:1fr;padding:39px 0 44px;gap:34px}.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:23px}.hero h1{font-size:53px;letter-spacing:-2px}.intro{font-size:13px;line-height:1.8}.drawing{min-height:335px;border-radius:110px 110px 3px 3px;max-width:420px;width:100%;justify-self:center}.arch{top:75px;height:220px;width:200px}.sun{top:58px;right:36px;width:60px;height:60px}.drawing-label{top:32px;left:27px;font-size:9px}.drawing-bottom{bottom:13px;font-size:8px;padding-top:9px}.section-title h2{font-size:29px}.count{font-size:9px;max-width:90px;text-align:right;line-height:1.5}.note{grid-template-columns:26px 1fr 20px;gap:10px;padding:24px 0}.note h3{font-size:22px}.note p{font-size:12px}.num{font-size:10px}.closing{position:relative;flex-wrap:wrap;gap:15px;padding:25px 21px;margin:35px 0}.small-star{font-size:30px}.closing>div{flex:1}.closing h2{font-size:21px}.closing h2 br{display:none}.closing p{font-size:11px}.closing>a{margin:0 0 0 46px}.article{margin-top:35px;margin-bottom:50px}.article>h1{font-size:39px}.article-lead{font-size:16px;line-height:1.75}.article-body p{font-size:14px}.article-body h2{font-size:25px}.back{margin-bottom:35px}footer{gap:18px;flex-wrap:wrap;font-size:10px}footer>span{width:calc(100% - 65px);order:0}footer>a:not(.up){order:2}.up{margin-left:auto;order:1}.foot-sub{font-size:9px}.error-page>h1{font-size:66px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
