/* HNI Tea Talks - simple home. Two fonts only: Newsreader (headings) + Public Sans (text). One accent. */
:root{--navy:#0C1235;--ink:#1E2433;--muted:#5A6070;--line:#E6E2DA;--accent:#7A4A2A;--soft:#F5F3EF}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;font-family:'Public Sans',system-ui,sans-serif;font-size:1.0625rem;line-height:1.7;color:var(--ink);background:#EEF2EA}
h1,h2,h3{font-family:'Newsreader',Georgia,serif;font-weight:600;line-height:1.2;color:var(--navy);margin:0 0 .6em}
h1{font-size:clamp(30px,7.5vw,46px);font-weight:500}
h2{font-size:clamp(1.6rem,3.4vw,2.1rem)}
h3{font-size:1.2rem}
a{color:var(--accent)}
.wrap{max-width:860px;margin:0 auto;padding:0 1.25rem}
header{position:sticky;top:0;z-index:10;background:var(--navy)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}
.nav img{height:44px;width:auto;display:block}
.nav nav{display:flex;gap:1.6rem}
.nav nav a{color:#DCE0EA;text-decoration:none;font-weight:500;font-size:.98rem}
.nav nav a:hover{color:#fff}
section{padding:4.5rem 0;border-bottom:1px solid var(--line)}
section:last-of-type{border-bottom:0}
.label{display:block;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:.8rem}
.why p{font-size:1.15rem;max-width:62ch}
.about{display:grid;grid-template-columns:260px 1fr;gap:2.5rem;align-items:start}
.about img{width:100%;border-radius:4px;display:block}
.about ul{padding-left:1.1rem;margin:1rem 0}
.about li{margin:.3rem 0}
.prog{list-style:none;padding:0;margin:1.5rem 0 0}
.prog li{padding:1.1rem 0;border-top:1px solid var(--line)}
.prog li:last-child{border-bottom:1px solid var(--line)}
.prog strong{font-family:'Newsreader',Georgia,serif;font-size:1.2rem;color:var(--navy);font-weight:600}
.prog span{display:block;color:var(--muted)}
.contact-lines{font-size:1.1rem}
.contact-lines p{margin:.3rem 0}
form{margin-top:1.8rem;display:grid;gap:1rem;max-width:520px}
label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.25rem}
input,textarea{width:100%;font:inherit;padding:.65rem .75rem;border:1px solid #cfcac0;border-radius:4px;background:#fff}
textarea{min-height:110px}
button{font:inherit;font-weight:600;background:var(--navy);color:#fff;border:0;border-radius:4px;padding:.75rem 1.4rem;cursor:pointer;justify-self:start}
button:hover{background:#1B2A4A}
.small{color:var(--muted);font-size:.9rem}
footer{background:var(--navy);color:#B9C1D3;padding:2rem 0;font-size:.9rem}
footer a{color:#DCE0EA}
footer .wrap{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;justify-content:space-between}
@media(max-width:640px){html{scroll-padding-top:104px}.nav{flex-direction:column;gap:.55rem;padding:.65rem 0}.nav nav{gap:1.3rem;flex-wrap:wrap;justify-content:center}.nav nav a{font-size:.95rem}.about{grid-template-columns:1fr}.about img{max-width:240px}section{padding:3rem 0}.nav img{height:34px}}

.sub{font-family:'Newsreader',Georgia,serif;font-size:clamp(22px,6vw,34px);color:var(--accent);margin:-.2rem 0 1.6rem}

/* restored theme-v3 colours: sage page, navy hero, gold button */
body{background:#EEF2EA}
section{border-bottom:0}
section.alt{background:#E2E9DC}
.hero{background:#0C1235;color:#E9ECF3}
.hero h1{color:#FFFFFF}
.hero .label{color:#D4AF37}
.hero .sub{color:#E8D9A8}
.hero p{color:#B9C1D3}
.prog li{border-color:#C9D2C1}
input,textarea{background:#fff}
button{background:#D4AF37;color:#0C1235}
button:hover{background:#E2C25A}
.why p.sub{font-size:clamp(22px,6vw,34px);max-width:none;line-height:1.25}

/* mobile fixes + extras */
html,body{overflow-x:hidden}
.more{margin-top:1.2rem;font-weight:600}
@media(max-width:640px){
 .nav{flex-wrap:wrap;padding:.5rem 1.25rem;gap:.4rem}
 .nav nav{width:100%;justify-content:space-between;gap:.5rem}
 .nav nav a{font-size:.88rem}
 .hero h1{font-size:34px}
 .why p.sub{font-size:24px}
}

.why p.claim{font-family:'Newsreader',Georgia,serif;font-size:24px;line-height:1.35;font-weight:500;color:#FFFFFF;border-left:3px solid #D4AF37;padding-left:1rem;margin:0 0 2rem;max-width:30em}
@media(max-width:640px){.why p.claim{font-size:20px}}