:root{
  --bg:#faf8f4;         /* warm off-white */
  --bg-2:#f2eee7;       /* soft sand */
  --card:#ffffff;
  --ink:#1c1a17;        /* near-black warm */
  --muted:#6f6a62;      /* warm grey */
  --line:#e7e1d8;
  --accent:#3a5a40;     /* refined forest green */
  --accent-2:#c07a4b;   /* warm terracotta */
  --accent-soft:#eef3ee;
  --radius:20px;
  --shadow:0 20px 50px rgba(28,26,23,.08);
  --shadow-sm:0 8px 24px rgba(28,26,23,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  background:transparent;color:var(--ink);
  font-family:'Inter',system-ui,sans-serif;line-height:1.6;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
/* ambient 3D canvas sits behind everything; solid sections mask it,
   open sections let it show through */
#bg3d{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
nav,header,section,footer{position:relative;z-index:1}
h1,h2,h3{font-family:'Fraunces',Georgia,serif;line-height:1.08;font-weight:500;letter-spacing:-.5px}
a{color:inherit;text-decoration:none}
.container{max-width:1140px;margin:0 auto;padding:0 24px}
.accent-text{color:var(--accent-2);font-style:italic}
.btn{display:inline-block;padding:14px 28px;border-radius:999px;font-weight:600;font-size:15px;
  cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease,background .2s}
.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(58,90,64,.28)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{transform:translateY(-2px);border-color:var(--ink)}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:20px 0;transition:background .3s,box-shadow .3s,padding .3s}
nav.scrolled{background:rgba(250,248,244,.85);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);padding:14px 0}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.brand{font-family:'Fraunces',serif;font-size:24px;font-weight:600;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}
.brand .mark{width:30px;height:30px;flex-shrink:0;color:var(--accent);transition:transform .3s cubic-bezier(.16,.8,.3,1)}
.brand:hover .mark{transform:translateY(-2px) rotate(-3deg)}
.nav-links{display:flex;gap:34px;align-items:center}
.nav-links a{color:var(--muted);font-size:15px;font-weight:500;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--ink)}
/* needs to out-specify `.nav-links a`, or the label renders muted on green */
.nav-links a.nav-cta,.nav-links a.nav-cta:hover{padding:10px 22px;font-size:14px;color:#fff}
.menu-btn{display:none;background:none;border:none;color:var(--ink);font-size:26px;cursor:pointer}

/* HERO */
#hero{position:relative;padding:170px 0 110px}
.hero-content{position:relative;z-index:2;max-width:660px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;
  background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;margin-bottom:28px}
.eyebrow .pulse{width:7px;height:7px;border-radius:50%;background:var(--accent)}
#hero h1{font-size:clamp(44px,7vw,80px);margin-bottom:24px;letter-spacing:-1.5px}
#hero p.sub{font-size:clamp(17px,2.2vw,21px);color:var(--muted);max-width:540px;margin-bottom:36px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.trust{margin-top:48px;display:flex;align-items:center;gap:16px;color:var(--muted);font-size:14px}
.stars{color:var(--accent-2);font-size:18px;letter-spacing:2px}

/* PAGE HEADER (sub-pages) */
.page-header{position:relative;padding:170px 0 70px;background:var(--bg-2);border-bottom:1px solid var(--line)}
.page-header .tag{color:var(--accent-2);font-weight:600;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.page-header h1{font-size:clamp(40px,6.5vw,74px);margin:14px 0 18px;max-width:820px;letter-spacing:-1.5px}
.page-header p{color:var(--muted);font-size:19px;max-width:600px}

/* SECTION */
section{position:relative;z-index:2;padding:100px 0}
.section-head{max-width:620px;margin-bottom:56px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head .tag{color:var(--accent-2);font-weight:600;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.section-head h2{font-size:clamp(32px,4.5vw,50px);margin:14px 0 16px}
.section-head p{color:var(--muted);font-size:18px}
.bg-sand{background:var(--bg-2)}

/* SERVICES / FEATURE CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:34px;transition:transform .3s,box-shadow .3s}
.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.feature .ico{width:54px;height:54px;border-radius:16px;background:var(--accent-soft);color:var(--accent);
  display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:22px}
.feature h3{font-size:22px;margin-bottom:10px}
.feature p{color:var(--muted);font-size:15px}
.feature .ico svg{width:26px;height:26px;stroke:var(--accent);stroke-width:1.7;fill:none}

/* HOW IT WORKS */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.step{position:relative;padding-top:14px}
.step .num{font-family:'Fraunces',serif;font-size:15px;color:#fff;background:var(--accent);width:34px;height:34px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.step h3{font-size:19px;margin-bottom:8px}
.step p{color:var(--muted);font-size:15px}

/* STORY TIMELINE */
.timeline{position:relative;max-width:780px;margin:0 auto;padding-left:8px}
.timeline .line{position:absolute;left:26px;top:12px;bottom:60px;width:2px;background:var(--line);border-radius:2px}
.timeline .line .fill{position:absolute;left:0;top:0;width:100%;height:0;border-radius:2px;
  background:linear-gradient(180deg,var(--accent),var(--accent-2));transition:height .18s linear}
.chapter{position:relative;display:grid;grid-template-columns:54px 1fr;gap:26px;padding-bottom:56px}
.chapter:last-of-type{padding-bottom:34px}
.marker{position:relative;z-index:2;width:54px;height:54px;border-radius:50%;background:var(--bg-2);
  border:2px solid var(--line);display:flex;align-items:center;justify-content:center;
  transition:transform .5s cubic-bezier(.16,.8,.3,1),background .5s,border-color .5s,box-shadow .5s}
.marker span{font-family:'Fraunces',serif;font-size:20px;font-weight:600;color:var(--muted);transition:color .5s}
.chapter.in .marker{background:var(--accent);border-color:var(--accent);transform:scale(1.06);
  box-shadow:0 10px 26px rgba(58,90,64,.28)}
.chapter.in .marker span{color:#fff}
.ch-body{padding-top:4px}
.ch-body .when{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--accent-2);margin-bottom:9px}
.ch-body h3{font-size:clamp(22px,3vw,30px);margin-bottom:12px;line-height:1.15}
.ch-body p{color:var(--muted);font-size:16.5px;margin-bottom:14px}
.ch-note{border-left:3px solid var(--accent-soft);padding:9px 0 9px 16px;color:var(--ink);font-size:14.5px;
  font-style:italic;opacity:.85}
.story-end{text-align:center;margin-top:16px}
.story-end p{font-family:'Fraunces',serif;font-size:clamp(22px,3vw,30px);margin-bottom:20px}

/* PACKAGES */
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.pkg-grid.two{grid-template-columns:repeat(2,1fr);max-width:800px;margin:0 auto}
.no-upfront{margin-top:18px;padding:14px 18px;background:var(--accent-soft);border-left:3px solid var(--accent);
  border-radius:0 10px 10px 0;color:var(--ink);font-size:16px}
@media(max-width:900px){.no-upfront{font-size:14.5px;padding:12px 14px}}
.pkg{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:36px;display:flex;flex-direction:column;position:relative;transition:transform .3s,box-shadow .3s}
.pkg:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.pkg.featured{border-color:var(--accent);box-shadow:var(--shadow)}
.pkg .badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 18px;border-radius:999px}
.pkg h3{font-size:24px;margin-bottom:6px}
.pkg .desc{color:var(--muted);font-size:14px;min-height:44px}
.pkg .price{font-family:'Fraunces',serif;font-size:46px;font-weight:600;margin:16px 0 2px}
.pkg .price small{font-size:15px;color:var(--muted);font-weight:400;font-family:'Inter'}
.pkg .care{font-size:13px;color:var(--accent-2);font-weight:600;margin-bottom:24px}
.pkg ul{list-style:none;margin-bottom:28px;flex-grow:1}
.pkg li{padding:10px 0;font-size:15px;color:var(--muted);display:flex;gap:11px;align-items:flex-start;border-top:1px solid var(--line)}
.pkg li:first-child{border-top:none}
.pkg li .check{color:var(--accent);font-weight:700;flex-shrink:0}
.pkg .btn{width:100%;text-align:center}

/* CARE BAND */
.care-band{background:var(--accent);color:#fff;border-radius:26px;padding:60px;display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}
.care-band .tag{color:#cfe0d1;font-weight:600;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.care-band h2{font-size:38px;margin:12px 0 16px;color:#fff}
.care-band p{color:#dfe8e0;font-size:17px}
.care-band .btn{margin-top:22px;background:#fff;color:var(--accent)}
.care-price{display:flex;align-items:baseline;gap:16px;margin:24px 0 4px;flex-wrap:wrap}
.care-price span{color:#dfe8e0;font-size:16px}
.care-price b{font-family:'Fraunces',serif;font-size:34px;color:#fff;font-weight:600}
.care-price .or{color:#cfe0d1;font-size:14px;font-style:italic}
.care-price small{color:#cfe0d1;font-size:13px}
.care-fine{color:#c3d6c6;font-size:13px;margin-top:16px;max-width:420px}
.care-list{display:grid;gap:14px}
.care-list div{display:flex;gap:12px;align-items:center;font-size:15px;color:#eef3ee}
.care-list .c{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.care-list .c svg{width:18px;height:18px;stroke:#fff;stroke-width:1.7;fill:none}

/* TIER SECTIONS (work page) */
.tier-head{display:grid;grid-template-columns:1.35fr .65fr;gap:44px;align-items:end;margin-bottom:38px;
  padding-bottom:26px;border-bottom:1px solid var(--line)}
.tier-head h2{font-size:clamp(28px,4vw,44px);margin:14px 0 12px}
.tier-head p{color:var(--muted);font-size:17px;max-width:560px}
.tier-chip{display:inline-block;padding:6px 16px;border-radius:999px;font-size:12px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase}
.tier-chip.starter{background:var(--accent-soft);color:var(--accent)}
.tier-chip.premium{background:var(--ink);color:#fff}
.tier-specs{list-style:none;display:grid;gap:9px}
.tier-specs li{font-size:14.5px;color:var(--muted);display:flex;gap:9px;align-items:flex-start}
.tier-specs .check{color:var(--accent);font-weight:700;flex-shrink:0}
.premium-band{position:relative}
.work .tier-tag{position:absolute;top:14px;left:14px;z-index:3;background:rgba(255,255,255,.92);color:var(--ink);
  font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:6px 13px;border-radius:999px;
  backdrop-filter:blur(6px)}
.work .tier-tag.premium{background:var(--ink);color:#fff}
/* premium cards read taller + richer */
.premium-band .work{aspect-ratio:4/3.35;box-shadow:0 18px 44px rgba(28,26,23,.16)}
.premium-band .work::after{background:linear-gradient(transparent 22%,rgba(15,13,11,.82))}
.premium-band .work .meta b{font-size:23px}

/* WORK GRID */
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.work{border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:4/3;display:flex;align-items:flex-end;padding:24px;transition:transform .3s;box-shadow:var(--shadow-sm);--gr:linear-gradient(135deg,#3a5a40,#c07a4b)}
.work:hover{transform:scale(1.02)}
.work::before{content:"";position:absolute;inset:0;background:var(--gr)}
.work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.work:hover img{transform:scale(1.06)}
.work::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(20,18,15,.72))}
.work .meta{position:relative;z-index:2;color:#fff}
.work .meta b{font-family:'Fraunces',serif;font-weight:600;font-size:20px;display:block}
.work .meta small{font-size:13px;opacity:.9}
.work span{position:relative;z-index:2;color:#fff;font-family:'Fraunces',serif;font-weight:600;font-size:19px}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.about-copy h2{font-size:clamp(28px,4vw,42px);margin-bottom:20px}
.about-copy p{color:var(--muted);font-size:17px;margin-bottom:18px}
.about-visual{aspect-ratio:4/5;border-radius:24px;background:linear-gradient(150deg,#3a5a40,#c07a4b);box-shadow:var(--shadow);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:34px}
.about-visual span{color:#fff;font-family:'Fraunces',serif;font-size:22px;position:relative;z-index:2;line-height:1.3}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.stat-row{display:flex;gap:60px;flex-wrap:wrap;margin-top:8px}
.stat-row .s b{font-family:'Fraunces',serif;font-size:44px;display:block;color:var(--accent);line-height:1}
.stat-row .s span{color:var(--muted);font-size:15px}

/* CONTACT */
#contact .container{max-width:720px;text-align:center}
.form{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:44px;margin-top:40px;text-align:left;box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:18px}
.field label{display:block;font-size:14px;color:var(--muted);margin-bottom:8px;font-weight:500}
.field input,.field textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--ink);font-family:inherit;font-size:15px}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}
.field textarea{resize:vertical;min-height:110px}
.field .opt{color:var(--muted);font-weight:400;font-size:12px;text-transform:none;letter-spacing:0}
.field input[type=file]{padding:12px 14px;cursor:pointer;font-size:14px;color:var(--muted)}
.field input[type=file]::file-selector-button{margin-right:14px;padding:8px 16px;border-radius:999px;border:none;
  background:var(--accent-soft);color:var(--accent);font-family:inherit;font-weight:600;font-size:13px;cursor:pointer}
.field .hint{color:var(--muted);font-size:12px;margin-top:7px}
.hint{color:var(--muted);font-size:12px}
.form-status{margin-top:14px;font-size:14.5px;text-align:center;font-weight:500}
.form-status.ok{color:var(--accent)}
.form-status.err{color:#b4442f}
.form button[disabled]{opacity:.7;cursor:default}

.disclaimer{margin-top:18px;padding:12px 16px;background:var(--card);border:1px solid var(--line);
  border-radius:10px;color:var(--muted);font-size:13.5px;max-width:640px}

/* LEGAL PAGES */
.legal{max-width:760px}
.legal .lede{font-size:19px;color:var(--ink);margin-bottom:38px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.legal h2{font-size:24px;margin:36px 0 12px}
.legal p{color:var(--muted);font-size:16px;margin-bottom:14px}
.legal ul{margin:0 0 16px 20px}
.legal li{color:var(--muted);font-size:16px;margin-bottom:8px}
.legal strong{color:var(--ink)}
@media(max-width:900px){
  .legal .lede{font-size:16.5px;margin-bottom:26px;padding-bottom:20px}
  .legal h2{font-size:20px;margin:26px 0 10px}
  .legal p,.legal li{font-size:15px}
}

/* CTA STRIP */
.cta-strip{text-align:center;max-width:640px;margin:0 auto}
.cta-strip h2{font-size:clamp(30px,4.5vw,46px);margin-bottom:16px}
.cta-strip p{color:var(--muted);font-size:18px;margin-bottom:28px}

/* FOOTER */
footer{border-top:1px solid var(--line);padding:44px 0}
.foot-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.foot-links{display:flex;gap:24px}
.foot-links a{color:var(--muted);font-size:14px}
.foot-links a:hover{color:var(--ink)}
footer .muted{color:var(--muted);font-size:14px}

/* REVEAL */
.reveal{opacity:0;transform:translateY(28px);
  transition:opacity .8s cubic-bezier(.16,.8,.3,1),transform .8s cubic-bezier(.16,.8,.3,1)}
.reveal.in{opacity:1;transform:none}

/* ── premium motion ── */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:70;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .1s linear;pointer-events:none}
/* animated nav underline */
.nav-links a:not(.btn){position:relative}
.nav-links a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;
  background:var(--accent);transition:width .3s cubic-bezier(.16,.8,.3,1)}
.nav-links a:not(.btn):hover::after{width:100%}
/* work cards lift a touch more */
.work{transition:transform .4s cubic-bezier(.16,.8,.3,1),box-shadow .4s}
.work:hover{box-shadow:0 26px 54px rgba(28,26,23,.2)}
@keyframes sfUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes sfShine{from{left:-60%}to{left:130%}}
@keyframes sfPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}
.hero-content>*{opacity:0;animation:sfUp .9s cubic-bezier(.16,.8,.3,1) forwards}
.hero-content>.eyebrow{animation-delay:.12s}
.hero-content>h1{animation-delay:.26s}
.hero-content>p.sub{animation-delay:.42s}
.hero-content>.hero-btns{animation-delay:.56s}
.hero-content>.trust{animation-delay:.72s}
.eyebrow .pulse{animation:sfPulse 2.4s ease-in-out infinite}
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg)}
.btn-primary:hover::after{animation:sfShine .85s ease-out}
.feature .ico{transition:transform .35s cubic-bezier(.16,.8,.3,1),background .3s}
.feature:hover .ico{transform:translateY(-3px) scale(1.07);background:#e3ece4}
.step .num{transition:transform .35s cubic-bezier(.16,.8,.3,1)}
.step:hover .num{transform:scale(1.14) rotate(-7deg)}
.pkg.featured{position:relative}
.care-list div{transition:transform .3s}
.care-list div:hover{transform:translateX(5px)}
@media(prefers-reduced-motion:reduce){
  .hero-content>*,.eyebrow .pulse{animation:none;opacity:1}
  .reveal{transition:none;opacity:1;transform:none}
}

@media(max-width:900px){
  .pkg-grid,.work-grid{grid-template-columns:1fr}
  /* two-up compact cards cut mobile scrolling roughly in half */
  .grid-3,.values{grid-template-columns:1fr 1fr;gap:12px}
  .feature{padding:20px 16px;border-radius:14px}
  .feature .ico{width:40px;height:40px;border-radius:11px;margin-bottom:12px}
  .feature .ico svg{width:20px;height:20px}
  .feature h3{font-size:16.5px;margin-bottom:6px;line-height:1.2}
  .feature p{font-size:13.5px;line-height:1.5}
  .steps{grid-template-columns:1fr 1fr}
  .care-band,.about-grid{grid-template-columns:1fr;padding:40px;gap:36px}
  .care-band{padding:40px}
  .about-visual{aspect-ratio:16/10}
  .menu-btn{display:block}
  .nav-links{display:none}
  nav.nav-open .nav-links{display:flex;flex-direction:column;position:absolute;top:66px;right:24px;left:24px;
    background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;gap:18px;box-shadow:var(--shadow)}
  nav.nav-open .nav-links .btn{text-align:center}
  .form-row{grid-template-columns:1fr}
  section{padding:52px 0}
  #hero{padding:118px 0 50px}
  #hero h1{font-size:clamp(38px,10vw,52px)}
  #hero p.sub{font-size:16.5px;margin-bottom:26px}
  .section-head{margin-bottom:28px}
  .section-head h2{font-size:clamp(27px,7vw,38px)}
  .section-head p{font-size:16px}
  .pkg-grid{gap:16px}
  .pkg{padding:26px 22px}
  .pkg .desc{min-height:0;margin-bottom:4px}
  .pkg .price{font-size:38px;margin:10px 0 2px}
  .pkg li{padding:7px 0;font-size:14px}
  .pkg ul{margin-bottom:20px}
  .steps{gap:16px 14px}
  .step h3{font-size:17px}
  .step p{font-size:14px}
  .step .num{width:30px;height:30px;margin-bottom:12px}
  .page-header{padding:116px 0 40px}
  .care-band{padding:30px 24px;gap:24px}
  .care-band h2{font-size:27px}
  .care-band p{font-size:15.5px}
  .care-band .care-price b{font-size:26px}
  .care-list div{font-size:14px}
  .trust{margin-top:30px;font-size:13px}
  .form{padding:24px 20px}
  .field{margin-bottom:14px}
  .about-copy p{font-size:15.5px}
  .tier-head{grid-template-columns:1fr;gap:20px;margin-bottom:26px;padding-bottom:20px}
  .tier-head h2{font-size:25px;margin:10px 0 8px}
  .tier-head p{font-size:15.5px}
  .tier-specs{grid-template-columns:1fr 1fr;gap:8px 14px;display:grid}
  .tier-specs li{font-size:13.5px}
  .premium-band .work{aspect-ratio:4/3}
  .timeline{padding-left:0}
  .timeline .line{left:20px;bottom:44px}
  .chapter{grid-template-columns:42px 1fr;gap:16px;padding-bottom:36px}
  .marker{width:42px;height:42px}
  .marker span{font-size:16px}
  .ch-body h3{font-size:20px;margin-bottom:9px}
  .ch-body p{font-size:15.5px;margin-bottom:11px}
  .ch-note{font-size:13.5px;padding:7px 0 7px 13px}
  .story-end p{font-size:20px}
  .foot-links{gap:16px;flex-wrap:wrap;justify-content:center}
  .foot-inner{justify-content:center;text-align:center;gap:14px}
  .brand{font-size:21px;gap:8px}
  .brand .mark{width:26px;height:26px}
}
@media(max-width:430px){
  .grid-3,.values{grid-template-columns:1fr 1fr;gap:10px}
  .feature{padding:16px 13px}
  .feature h3{font-size:15px}
  .feature p{font-size:12.5px}
}