:root{--ink:#273e39;--dark:#17362f;--muted:#67766d;--paper:#f8f8f1;--pale:#e5ece0;--sand:#e7d9bd;--gold:#d3ad61}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.6}.wrap{width:min(1200px,calc(100% - 72px));margin:auto}.topline{text-align:center;background:#294c41;color:#e8efe6;font-size:11px;letter-spacing:.04em;padding:7px}.topline span{padding:0 8px;color:#c8ae76}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;width:min(1330px,calc(100% - 72px));margin:auto}.brand{display:flex;gap:10px;align-items:center;color:var(--dark);font-family:Newsreader,serif;font-size:25px;font-weight:500;line-height:1;text-decoration:none}.brandmark{display:grid;place-items:center;border:1px solid #8b9f90;width:37px;height:37px;font-family:serif;font-size:18px}.brand small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:.02em;color:#77877c;margin-top:5px}.nav nav{display:flex;gap:38px}.nav nav a,.textlink{color:#54685d;text-decoration:none;font-size:13px}.navbutton{border:1px solid #aebeb1;padding:10px 16px;text-decoration:none;color:var(--dark);font-size:12px}.navbutton span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:38px 0 86px}.hero-copy{padding:12px 0}.overline,.section-kicker{font-size:11px;letter-spacing:.08em;color:#6f8374;font-weight:700}.overline span{display:inline-block;width:25px;height:1px;background:#a0b19e;vertical-align:middle;margin-right:9px}h1,h2,h3,h4,p{margin-top:0}h1,h2{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.02}h1{font-size:clamp(51px,5.4vw,78px);margin:28px 0 22px}h1 em,h2 em{font-weight:400;color:#799477} .intro{max-width:435px;font-size:16px;line-height:1.8;color:#6a7b70}.actions{display:flex;align-items:center;gap:31px;margin-top:29px}.primary{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;background:#2f5849;color:white;text-decoration:none;padding:15px 19px;font-size:13px;font-weight:600}.primary:hover{background:#173d30}.textlink{border-bottom:1px solid #9eada0;padding:8px 0}.textlink span{margin-left:12px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:62px;font-size:12px;line-height:1.5;color:#6c8071}.hero-note p{margin:0}.note-icon{font-size:24px;color:#b7985e}.hero-art{height:528px;position:relative;overflow:hidden;background:linear-gradient(180deg,#c3d4c7 0%,#dce5d4 54%,#b5cbb7 100%);border-radius:48% 48% 4px 4px;isolation:isolate}.art-label,.art-bottom{position:absolute;left:32px;right:32px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.11em;color:#4c6b5c;z-index:5}.art-label{top:29px}.art-label span{font-family:serif;font-size:13px}.moon{position:absolute;width:152px;height:152px;border-radius:50%;background:#f5eed8;top:95px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 20px #f3ead72e,0 0 0 45px #f3ead71c}.orb{position:absolute;border:1px solid #f5f1dd70;border-radius:50%;width:350px;height:350px;top:22px;left:50%;transform:translateX(-50%)}.orb-two{width:420px;height:420px;top:-13px}.mountain{position:absolute;bottom:125px;width:120%;height:160px;left:-10%;background:#8eaa91;clip-path:polygon(0 100%,0 80%,15% 34%,28% 72%,49% 12%,65% 60%,77% 36%,100% 85%,100% 100%)}.mountain-front{bottom:104px;background:#698d77;transform:scaleX(-1);height:120px;opacity:.9}.waterline{position:absolute;left:0;right:0;bottom:0;height:148px;background:repeating-linear-gradient(to bottom,#749c85 0,#749c85 1px,transparent 1px,transparent 15px),linear-gradient(#8bac98,#a8c3ad)}.art-text{position:absolute;left:35px;bottom:53px;z-index:4;color:#f5f4e7;display:flex;gap:28px;align-items:end}.art-text span{font:italic 32px/1.05 Newsreader,serif}.art-text small{font-size:10px;line-height:1.5;color:#e2ebdb}.art-bottom{bottom:17px;color:#edf2e4;font-size:8px}.ribbon{background:#e9eee4;border-block:1px solid #d9e2d6}.ribbon-inner{display:flex;justify-content:space-between;padding:21px 0;color:#6c8070;font:italic 18px Newsreader,serif}.approach{padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach h2,.sample-header h2,.closing h2{font-size:clamp(39px,4vw,58px);margin:22px 0}.approach-copy{max-width:475px;color:#64776a;font-size:15px;line-height:1.9}.approach-foot{display:flex;gap:14px;align-items:center;margin-top:30px;font-size:11px;line-height:1.5}.seal,.closing-seal{display:grid;place-items:center;width:45px;height:45px;border:1px solid #b7c5b6;color:#78977f;font:20px serif}.sample-section{background:#e3ebe0;padding:95px 0 110px}.sample-header{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}.sample-header h2{margin-bottom:0}.sample-header>p{max-width:320px;color:#728176;font-size:13px}.demo{display:grid;grid-template-columns:38% 62%;min-height:500px;box-shadow:0 22px 50px #3555450c}.demo-side{background:#2f5549;color:#f5f7ec;padding:36px;display:flex;flex-direction:column;justify-content:space-between}.side-star{font-size:20px;color:#c6d5ba}.side-title{font:31px/1.2 Newsreader,serif;margin:24px 0 8px}.side-desc{font-size:12px;color:#c7d8c8}.choices{margin-top:35px}.choice{display:flex;width:100%;align-items:center;text-align:left;gap:15px;border:0;border-top:1px solid #789386;background:transparent;color:#d5e2d5;padding:18px 5px;font:13px 'DM Sans',sans-serif;cursor:pointer}.choice:last-child{border-bottom:1px solid #789386}.choice span{font-size:10px;color:#a8beaa}.choice b{margin-left:auto;font-weight:400}.choice.active{color:white;background:#ffffff13}.demo-side-footer{display:flex;align-items:center;gap:15px;font-size:11px;color:#bfcebd;line-height:1.5;margin-top:40px}.demo-side-footer span{font:20px serif}.demo-side-footer p{margin:0}.reading{background:#fffefa;padding:36px 48px 28px}.reading-top,.reading-bottom{display:flex;justify-content:space-between;color:#8a9a8b;font-size:10px}.example-tag{border:1px solid #d8e3d3;padding:3px 9px;color:#6a806d}.reading-identity{display:flex;align-items:center;gap:15px;margin:39px 0 26px}.element-icon{width:54px;height:54px;background:#e9f0e4;color:#739379;display:grid;place-items:center;font:28px serif;border-radius:50%}.reading-label,.takeaway span{font-size:10px;color:#8b9d8a;letter-spacing:.05em}.reading-identity h3{font:22px Newsreader,serif;margin:2px 0 0}.reading h4{font:32px/1.2 Newsreader,serif;font-weight:400;max-width:470px;margin:0 0 16px}.reading-body{color:#718175;font-size:13px;line-height:1.8;max-width:520px}.takeaway{border-left:2px solid #a8bfa7;padding:3px 0 3px 17px;margin:25px 0}.takeaway p{font:italic 18px/1.45 Newsreader,serif;color:#4a6957;margin:5px 0 0}details{border-top:1px solid #e2e9df;border-bottom:1px solid #e2e9df;padding:12px 0;color:#6c8070;font-size:12px}summary{cursor:pointer;list-style:none}summary span{float:right}details p{margin:10px 0 0}.reading-bottom{margin-top:20px}.closing{text-align:center;padding:115px 0}.closing-seal{margin:0 auto 20px}.closing h2{margin:22px 0 15px}.closing p:not(.section-kicker){color:#758578;margin-bottom:25px}footer{background:#294c41;color:#d1dfd0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:36px 0}.footer-inner .brand{color:#e6eee1}.footer-inner .brand small{color:#b5c8b7}.footer-inner>p{max-width:380px;font-size:10px;color:#b2c7b4;margin:0}.footer-inner>span{font-size:10px;color:#b2c7b4;white-space:nowrap}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b88430;outline-offset:3px}@media(max-width:760px){.wrap,.nav{width:calc(100% - 38px)}.nav{height:72px}.nav nav{display:none}.navbutton{font-size:11px}.hero{grid-template-columns:1fr;gap:30px;padding:30px 0 50px}.hero h1{font-size:53px}.hero-note{margin-top:35px}.hero-art{height:410px}.ribbon-inner{gap:15px;font-size:14px}.ribbon-inner span:nth-child(2){display:none}.approach{grid-template-columns:1fr;gap:15px;padding:70px 0}.sample-section{padding:70px 0}.sample-header{display:block}.sample-header>p{margin:20px 0 0}.demo{grid-template-columns:1fr}.demo-side{padding:28px}.demo-side-footer{display:none}.choices{margin-top:20px}.reading{padding:28px 25px}.reading-identity{margin:25px 0}.reading h4{font-size:27px}.closing{padding:75px 0}.footer-inner{display:block}.footer-inner>p{margin:25px 0 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
