:root{--ink:#15323d;--navy:#183c49;--teal:#347b79;--soft:#eaf3f0;--cream:#fbfaf7;--sand:#f6e7dc;--rose:#e9b6a5;--line:#d9e4e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--cream);color:var(--ink)}a{color:#216966}a:focus-visible,button:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #dd8e70;outline-offset:3px}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:10px;z-index:20;background:white;padding:10px}.header{height:86px;padding:0 max(5%,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.brand{font-size:16px;font-weight:800;letter-spacing:.11em;text-decoration:none;color:var(--ink)}.brand-mark{color:var(--teal);font-size:25px;margin-right:8px}nav{display:flex;gap:25px}nav a{text-decoration:none;color:var(--ink);font-weight:600;font-size:14px}nav a:hover{color:var(--teal)}.menu{display:none}.hero{background:var(--navy);color:#fff;display:grid;grid-template-columns:1.12fr .88fr;min-height:605px;overflow:hidden}.hero-text{padding:100px 8% 65px max(7%,calc((100vw - 1200px)/2));max-width:780px}.eyebrow{font-size:12px!important;text-transform:uppercase;font-weight:800;letter-spacing:.20em;color:var(--teal);margin:0 0 16px}.hero .eyebrow{color:#b2d7d2}.hero h1{font-size:clamp(39px,5vw,72px);line-height:1.14;margin:0 0 26px;letter-spacing:-.035em;font-weight:600}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#e9b6a5}.hero-text>p:not(.eyebrow){max-width:590px;color:#dce8e6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{border:0;border-radius:5px;padding:14px 21px;font:700 14px system-ui;display:inline-block;text-decoration:none;background:#d7a995;color:#183c49;cursor:pointer;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px);background:#e6baa9}.btn.secondary{border:1px solid #a2c4c0;color:inherit;background:transparent}.btn.secondary:hover{background:#ffffff15}.btn.subtle{background:var(--teal);color:#fff}.small{font-size:12px;color:#637a7d}.small.light{color:#adc6c5}.art{position:relative;min-height:540px;background:linear-gradient(180deg,#719d9d 0%,#e4c1ae 70%,#d0d4bb 100%);overflow:hidden}.sun{position:absolute;background:#fce9cf;border-radius:50%;width:210px;height:210px;left:45%;top:22%;box-shadow:0 0 75px #f7dbb788}.hill{position:absolute;border-radius:50% 50% 0 0;width:150%;height:260px;left:-25%;bottom:-100px}.h1{background:#9cae9c;transform:rotate(-12deg);bottom:-40px}.h2{background:#5b8986;transform:rotate(12deg);bottom:-110px}.h3{background:#2f6569;transform:rotate(-6deg);bottom:-180px}.art-caption{position:absolute;bottom:30px;left:35px;max-width:230px;font:italic 20px/1.3 Georgia;color:white;text-shadow:0 1px 5px #234}.section{max-width:1200px;margin:auto;padding:90px 6%}.section.tint{max-width:none;background:var(--soft);padding-left:max(6%,calc((100vw - 1200px)/2));padding-right:max(6%,calc((100vw - 1200px)/2))}h2{font:normal clamp(32px,4vw,48px)/1.2 Georgia,serif;letter-spacing:-.03em;margin:0 0 20px}h3{font-size:20px;line-height:1.35;margin:10px 0}.lead{font-size:21px;max-width:790px}.sub{max-width:750px;color:#4e686c}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line);padding-top:25px;gap:20px}.metrics div{display:flex;align-items:center;gap:15px}.metrics strong{font:32px Georgia;color:var(--teal)}.metrics span{font-size:14px;font-weight:650}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:36px}.card{background:white;padding:26px;border:1px solid #dce8e5;border-radius:8px;box-shadow:0 8px 30px #163d4010}.card p{font-size:14px;color:#4c6365}.card .tip{font-size:13px;border-top:1px solid var(--line);padding-top:17px;color:var(--ink)}.glyph{font:42px Georgia;color:var(--teal)}.tool{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;margin-top:32px}.tool-main,.tool-side{padding:32px;border-radius:10px;border:1px solid var(--line)}.tool-main{background:#fff}.tool-side{background:var(--sand)}.emotions{display:flex;gap:10px;flex-wrap:wrap}.emotion{padding:11px 15px;border:1px solid #b9d2cc;background:white;border-radius:100px;cursor:pointer;color:var(--ink);font-weight:600}.emotion.selected{background:var(--navy);color:white}.response{margin-top:32px;padding:27px;background:var(--soft);border-radius:8px}.response h3{font:27px Georgia}.side-icon{font-size:48px;color:#9f715d}.reflection{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;background:white;border-radius:10px;padding:38px;margin-top:35px}.reflection-aside{background:var(--soft);padding:28px;border-radius:9px}.reflection-aside label{display:block;margin:18px 0}.reflection-aside input{accent-color:var(--teal)}label{display:block;font-weight:650;font-size:14px;margin:18px 0 7px}textarea,select{width:100%;max-width:100%;border:1px solid #afc4bd;border-radius:5px;font:inherit;padding:12px;background:white;color:var(--ink)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.resource{padding:28px;background:white;border:1px solid var(--line);border-radius:9px}.resource-num{font:32px Georgia;color:var(--teal)}.resource a{font-weight:750}.refs-title{margin-top:40px}.references{font-size:14px;overflow-wrap:anywhere}.references li{margin-bottom:13px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.feedback{max-width:650px;background:white;border:1px solid var(--line);padding:28px;border-radius:8px}footer{background:var(--navy);color:#fff;padding:45px 6%;text-align:center}footer span{font-weight:800;letter-spacing:.1em}footer p{font-size:13px;color:#c5d8d5}footer a{color:#fff}@media(max-width:960px){.cards{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-text{padding:75px 7%}.art{min-height:300px}.sun{top:10%;width:150px;height:150px}.tool,.reflection,.about-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}}@media(max-width:640px){.header{padding:0 5%;height:72px}.menu{display:block;background:#eaf3f0;border:0;border-radius:5px;padding:8px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;flex-direction:column;padding:20px;box-shadow:0 10px 20px #1233}nav.open{display:flex}.section{padding:60px 6%}.section.tint{padding:60px 6%}.cards{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.hero h1{font-size:39px}.tool-main,.tool-side,.reflection{padding:22px}.art{min-height:270px}}
