:root{--ink:#203b32;--muted:#63736b;--green:#294e3f;--cream:#faf9f5;--line:#dadfd6;--mint:#eaf0e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}a:hover{color:#a45132}a:focus-visible{outline:3px solid #bd653e;outline-offset:5px}figure{margin:0}.skip{position:absolute;left:20px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.nav{max-width:1280px;margin:auto;padding:29px 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;text-decoration:none;font-size:28px;font-weight:700;letter-spacing:-1.5px}.brand span{font-weight:400}.brand i{width:8px;height:8px;border-radius:50%;background:#cb754d;margin-left:5px;margin-top:14px}.nav nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav nav a{text-decoration:none}.nav-cta{border:1px solid var(--green);padding:11px 17px;border-radius:30px}.hero{max-width:1280px;margin:auto;padding:76px 44px 72px;display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 28px}.eyebrow span{display:block;color:var(--muted);font-size:10px;margin-top:12px;letter-spacing:1.6px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,4.7vw,65px);line-height:1.1;letter-spacing:-2.8px;font-weight:400;margin:0 0 28px}h1 em{font-weight:400;color:#567453}.dek{font-size:19px;line-height:1.7;max-width:510px;color:#52665b}.byline{display:flex;flex-direction:column;gap:7px;margin-top:32px;font-size:12px;line-height:1.5}.byline span+span{color:var(--muted)}.portrait{background:#e3ece0;border-radius:160px 160px 10px 10px;overflow:hidden}.portrait img{display:block;width:100%;height:auto;aspect-ratio:4/4.5;object-fit:cover;object-position:50% 24%}.portrait figcaption{padding:21px 25px 24px;color:#52665b;font-size:12px;line-height:1.6}.portrait figcaption span{display:block;color:var(--ink);font-size:18px;font-family:Georgia,serif;margin-bottom:4px}.article-body{max-width:742px;padding:0 28px;margin:auto}.article-body p{font-size:17px;line-height:1.9;margin:0 0 23px;color:#44574d}.article-body .opening{font-size:25px;line-height:1.6;font-family:Georgia,serif;color:var(--ink);margin:14px 0 26px}.article-body h2{font-family:Georgia,serif;font-weight:400;font-size:32px;line-height:1.2;letter-spacing:-.7px;margin:48px 0 21px}.pullquote{border-left:2px solid #8caa7d;margin:38px 0 44px;padding:8px 0 8px 28px}.pullquote span{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}.article-body .pullquote p{font-family:Georgia,serif;font-size:31px;line-height:1.4;margin:15px 0 0;color:#3c5e43}.app-gallery{max-width:1280px;margin:64px auto 0;padding:47px 44px 40px;background:var(--mint);border-radius:14px}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.gallery-heading .eyebrow{margin-bottom:15px}.gallery-heading h2{font-family:Georgia,serif;font-weight:400;font-size:38px;letter-spacing:-1px;margin:0}.gallery-heading a{font-size:13px}.gallery-intro{font-size:15px;line-height:1.7;max-width:610px;color:#52665b;margin:20px 0 30px}.screens{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.screens img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid #d3ddcf}.screens a{display:block;border-radius:12px;transition:transform .2s}.screens a:hover{transform:translateY(-4px)}.screens figcaption{font-size:10px;color:#647a68;padding:14px 1px;display:flex;gap:9px;align-items:center}.screens figcaption span{font-size:12px;color:#294e3f}.gallery-note{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0 0}.ending{padding-top:7px}.closing{margin-top:48px;padding:31px;background:#edf1e8;border-radius:10px}.closing .eyebrow{font:700 10px Arial,sans-serif;letter-spacing:1.7px;margin:0 0 18px}.closing h2{margin:0 0 14px;font-size:29px}.closing p{font-size:15px}.buttons{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.button{display:inline-block;background:var(--green);color:white;font-size:13px;text-decoration:none;padding:14px 20px;border-radius:30px}.button:hover{background:#41664e;color:white}.text-button{font-size:13px}.article-body .health-note{font-size:12px;line-height:1.7;color:var(--muted);margin:24px 0 65px}footer{border-top:1px solid var(--line);padding:35px 44px 32px;max-width:1280px;margin:auto;display:flex;gap:22px;align-items:center;flex-wrap:wrap}footer p{font-size:12px;color:var(--muted);flex:1}footer nav{display:flex;gap:20px;font-size:12px}footer nav a{text-decoration:none}footer small{width:100%;font-size:10px;color:var(--muted)}@media(min-width:1500px){.app-gallery{margin-top:70px}}@media(max-width:800px){.nav{padding:22px 24px}.hero{padding:44px 24px 45px;gap:30px}h1{font-size:43px;letter-spacing:-1.8px}.dek{font-size:16px}.eyebrow{letter-spacing:1.4px}.app-gallery{margin:44px 16px 0;padding:30px 22px}.screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-heading{display:block}.gallery-heading a{display:inline-block;margin-top:18px}.gallery-heading h2{font-size:32px}}@media(max-width:560px){.nav{padding:19px 22px}.nav nav{gap:17px}.nav nav>a:first-child{display:none}.nav nav a{font-size:12px}.nav-cta{padding:9px 12px}.brand{font-size:25px}.hero{grid-template-columns:1fr;padding:38px 24px 35px;gap:32px}.hero .eyebrow{margin-bottom:24px}h1{font-size:47px;letter-spacing:-2px}.dek{font-size:17px;margin-bottom:0}.byline{margin-top:24px}.portrait{max-width:360px;width:100%;justify-self:center;border-radius:140px 140px 10px 10px}.portrait img{aspect-ratio:4/4.1}.article-body{padding:0 25px}.article-body .opening{font-size:23px}.article-body p{font-size:16px;line-height:1.85}.article-body h2{font-size:29px;margin-top:38px}.screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.screens figure:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.screens figcaption{gap:6px}.screens figcaption span{font-size:11px}.gallery-intro{font-size:14px}.app-gallery{padding:28px 18px}.closing{padding:25px 22px}.closing h2{margin-top:0;font-size:27px}.buttons{gap:18px}.ending{padding-top:6px}footer{padding:28px 25px;gap:16px}footer p{flex-basis:60%;line-height:1.5}footer nav{width:100%;gap:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screens a{transition:none}}
