:root{--bg:#faf8f3;--ink:#1c3137;--ink-soft:#476168;--faint:#727e7c;--emerald:#176d62;--mint:#dcebe3;--line:#e2e3dc;--white:#fff;--coral:#d46c47;--cream:#f2e8d9;--sun:#e7b13e;--sun-light:#fff1ca;--sun-dark:#745019;--shadow:0 24px 60px rgba(18,44,43,.085);--radius:20px;--site:1180px}
  *,*::before,*::after{box-sizing:border-box}
  html{scroll-behavior:smooth;scroll-padding-top:90px}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #d86a45;outline-offset:4px}
  .container{width:min(calc(100% - 44px),var(--site));margin:auto}
  .skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:10px;z-index:20}.skip:focus{top:8px}
  .topbar{border-bottom:1px solid var(--line);background:rgba(250,248,243,.97);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}
  .topbar-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}
  .brand{display:flex;align-items:center;gap:13px;font-weight:760;letter-spacing:.07em;font-size:1.32rem;white-space:nowrap}
  .brand-symbol{display:grid;place-items:center;width:40px;height:40px;background:#183b42;border-radius:12px}
  .brand svg{width:27px;height:27px}
  .brand strong{font-weight:790}.brand small{display:block;font-size:.61rem;letter-spacing:.16em;color:var(--emerald);font-weight:700;margin-top:-4px}
  .nav{display:flex;align-items:center;gap:27px;font-size:.88rem;font-weight:650;color:#405458}
  .nav a:hover,.small-link:hover{color:var(--emerald)}
  .nav .nav-focus{border:1px solid #b5cbc2;border-radius:100px;padding:10px 18px;color:var(--emerald)}
  .menu-button{display:none;border:1px solid var(--line);background:white;padding:9px;border-radius:10px;color:var(--ink);cursor:pointer}
  .hero{padding:90px 0 95px;position:relative;overflow:hidden}
  .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px}
  .eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--emerald);font-weight:770;font-size:.73rem;display:inline-flex;align-items:center;gap:11px}
  .eyebrow:before{content:"";width:25px;height:2px;background:var(--coral)}
  h1,h2,h3,p{margin-top:0}
  h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,5.2vw,4.95rem);line-height:1.105;letter-spacing:-.045em;font-weight:500;margin:24px 0 25px}
  .accent{color:var(--coral);font-style:italic}
  .lead{font-size:1.15rem;max-width:530px;color:var(--ink-soft);margin:0 0 33px}
  .actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
  .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:99px;background:var(--emerald);color:white;padding:14px 22px;font-size:.95rem;font-weight:700;box-shadow:0 10px 26px #176d6226;transition:transform .2s,background .2s}
  .button:hover{background:#0e554c;transform:translateY(-2px)}
  .textlink{color:var(--ink);font-size:.91rem;font-weight:720;border-bottom:1px solid #98aaa5;padding-bottom:3px}
  .hero-art{border-radius:28px;min-height:468px;background:linear-gradient(135deg,#e6ebe5 0%,#edf0e2 52%,#f9e9c2 100%);box-shadow:var(--shadow);position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center}
  .hero-art:before{content:"";width:360px;height:360px;position:absolute;border:1px solid #a7c6b5;border-radius:50%;transform:translate(80px,50px)}
  .hero-art:after{content:"";width:550px;height:550px;position:absolute;border:1px solid #c3d7c9;border-radius:50%;transform:translate(80px,50px)}
  .hero-art svg{width:min(94%,560px);height:auto;position:relative;z-index:1;filter:drop-shadow(0 16px 15px #294b3c16)}
  .art-caption{position:absolute;bottom:22px;left:28px;font-size:.71rem;letter-spacing:.14em;font-weight:800;color:#59746c;z-index:2}
  .hero-bubble{position:absolute;right:18px;top:20px;background:var(--sun-light);border:1px solid #dfc27e;box-shadow:0 8px 20px #2f463820;border-radius:40px;padding:9px 15px;color:var(--sun-dark);font-size:.75rem;font-weight:740;z-index:2}
  .strip{border-top:1px solid #ecd8ab;border-bottom:1px solid #ecd8ab;background:#fff1d6}
  .strip-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px 0}
  .strip p{margin:0;color:var(--ink-soft);font-size:.89rem}.strip b{color:var(--ink)}
  .strip-points{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
  .strip-points span{font-size:.83rem;color:#3c5b58;font-weight:690}.strip-points span:before{content:"✦";color:var(--coral);padding-right:8px}
  section{scroll-margin-top:110px}.section-pad{padding:94px 0}
  .section-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}
  .kicker{font-size:.76rem;font-weight:800;color:var(--emerald);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
  h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3.65vw,3.22rem);font-weight:500;letter-spacing:-.03em;line-height:1.2;margin-bottom:8px}
  .section-descr{color:var(--ink-soft);max-width:650px;font-size:1.02rem;margin:12px 0 0}
  .featured{display:grid;grid-template-columns:.92fr 1.08fr;border:1px solid #dde6dd;border-radius:var(--radius);overflow:hidden;background:white;box-shadow:0 10px 40px #2540380b}
  .featured-cover{min-height:380px;background:#f2e9d4;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .featured-cover svg{height:100%;width:100%;min-height:360px;position:absolute;inset:0}
  .featured-copy{padding:46px 47px 37px;display:flex;flex-direction:column;justify-content:center}
  .status{display:inline-flex;align-items:center;gap:8px;color:#81573d;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}
  .status:before{content:"";height:9px;width:9px;background:var(--sun);border-radius:50%}
  .featured h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:500;line-height:1.19;margin-bottom:21px;letter-spacing:-.025em}
  .featured p{color:var(--ink-soft);font-size:1.02rem;margin-bottom:24px}
  .small-link{color:var(--emerald);font-size:.91rem;font-weight:760;display:inline-flex;gap:8px;align-items:center;width:fit-content}
  .sections{background:#f0f3ec;border-top:1px solid #e3e8df;border-bottom:1px solid #e3e8df}
  .card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:34px}
  .topic-card{border:1px solid #e0e4dc;background:white;border-radius:17px;padding:27px 23px;min-height:247px;display:flex;flex-direction:column;box-shadow:0 8px 30px #233e3208}
  .topic-icon{width:47px;height:47px;border-radius:14px;background:#e9f2ed;display:grid;place-items:center;color:var(--emerald);font-size:1.55rem;margin-bottom:20px}
  .topic-card:nth-child(2) .topic-icon{background:#f5e8dc;color:#a75c37}.topic-card:nth-child(3) .topic-icon{background:#fff0c4;color:#896116}.topic-card:nth-child(4) .topic-icon{background:#f5e9e6;color:#b55e5b}
  .topic-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.41rem;font-weight:500;line-height:1.3;margin-bottom:12px}
  .topic-card p{font-size:.86rem;line-height:1.6;color:var(--ink-soft);margin-bottom:14px}
  .topic-card .label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#748780;font-weight:850;margin-top:auto}
  .why-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:72px}
  .note{background:#fff0cb;border-radius:20px;padding:44px 39px;position:relative}
  .note:before{content:'“';font-family:Georgia,serif;font-size:8rem;line-height:1;position:absolute;top:15px;left:25px;color:#dfaa39;opacity:.55}
  .note p{font-family:Georgia,serif;font-size:clamp(1.35rem,2.5vw,1.95rem);line-height:1.45;position:relative;padding-top:38px;margin-bottom:20px}
  .note small{color:#577268;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
  .why-content p{color:var(--ink-soft)}
  .principles{display:flex;flex-direction:column;gap:14px;margin-top:29px}
  .principle{display:flex;gap:13px;align-items:start;font-size:.95rem}.principle i{font-style:normal;color:var(--emerald);background:#d9eae2;border-radius:50%;display:grid;place-items:center;width:27px;height:27px;flex:none;font-size:.85rem}
  .archive{padding:38px 0;border-top:1px solid var(--line)}
  .archive-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.archive-inner div p{margin:5px 0 0;color:var(--ink-soft);font-size:.92rem}
  .archive-links{display:flex;flex-wrap:wrap;gap:13px}.archive-links a{border:1px solid #bccbc3;padding:9px 13px;border-radius:999px;color:var(--emerald);font-size:.82rem;font-weight:700}.archive-links a:hover{background:#e5eee8}
  footer{background:#19363a;color:white;padding:44px 0 34px}
  .footer-grid{display:flex;justify-content:space-between;gap:40px;align-items:start}
  .footer-brand{font-family:Georgia,serif;font-size:1.8rem;margin-bottom:5px}.footer-grid p{color:#c3d4d0;font-size:.9rem;max-width:500px}
  .footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:.85rem;color:#d4e2dd;font-weight:650}
  .footer-links a:hover{color:white;text-decoration:underline}
  .fineprint{border-top:1px solid #416065;margin-top:36px;padding-top:18px;color:#b4c9c2;font-size:.76rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
  @media(max-width:1010px){.nav{gap:14px;font-size:.79rem}.hero-grid{gap:24px}.hero-art{min-height:370px}.hero{padding:62px 0}.card-grid{grid-template-columns:repeat(2,1fr)}.topic-card{min-height:220px}}
  @media(max-width:760px){.container{width:min(calc(100% - 32px),var(--site))}.topbar-inner{height:70px}.menu-button{display:grid;place-items:center}.nav{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);padding:12px 21px 20px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #142d3115}.nav.show{display:flex}.nav a{padding:11px 8px;border-bottom:1px solid var(--line)}.nav .nav-focus{margin-top:12px;text-align:center;padding:12px;border:1px solid #b5cbc2}.hero{padding:52px 0 59px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-art{min-height:340px}.hero-art svg{max-width:470px}.hero h1{font-size:clamp(2.6rem,9vw,4rem)}.lead{font-size:1.05rem}.strip-inner{padding:19px 0}.section-pad{padding:60px 0}.featured{grid-template-columns:1fr}.featured-cover{min-height:220px}.featured-cover svg{min-height:220px}.featured-copy{padding:29px 27px 31px}.featured h3{font-size:1.87rem}.why-grid{grid-template-columns:1fr;gap:25px}.note{padding:26px}.note p{padding-top:37px}.archive-inner,.footer-grid{flex-direction:column;align-items:start}.archive-links{gap:8px}}
  @media(max-width:490px){.brand{font-size:1.13rem}.brand-symbol{width:36px;height:36px}.brand small{font-size:.55rem}.hero-art{min-height:260px}.hero-bubble{font-size:.67rem}.hero h1{font-size:2.73rem}.actions{flex-direction:column;align-items:start;gap:20px}.card-grid{grid-template-columns:1fr}.topic-card{min-height:190px}.section-header{align-items:start;flex-direction:column}.strip-points{gap:12px}.featured-cover{min-height:190px}.featured-cover svg{min-height:190px}.footer-grid{gap:10px}.hero-art:before{width:290px;height:290px}.hero-art:after{width:430px;height:430px}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}