/* ============================================================
   TASKED & CO. — Shared Design System
   Editorial / refined-luxury aesthetic
   ============================================================ */

/* ---------- Fonts ---------- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Jost:wght@300;400;500;600&display=swap');

/* ---------- Tokens ---------- */
:root{
  --sage:        #A9AA8B;
  --sage-deep:   #8E9070;
  --forest:      #5A5E45;
  --forest-2:    #4C5039;
  --cream:       #FDF9ED;
  --cream-2:     #F7EFE6;
  --blush:       #F3E4DA;
  --rust:        #C0573B;
  --rust-deep:   #A8472E;
  --ink:         #2A2724;
  --ink-soft:    #5B564F;
  --line:        rgba(42,39,36,.12);

  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans:  'Jost', system-ui, sans-serif;

  --maxw: 1200px;
  --gutter: clamp(20px, 5vw, 64px);
  --radius: 4px;

  --ease: cubic-bezier(.22,.61,.36,1);
}

/* ---------- Reset ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);
  color:var(--ink);
  background:var(--cream);
  font-weight:300;
  line-height:1.7;
  font-size:17px;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}

/* ---------- Type ---------- */
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.05;letter-spacing:-.5px}
h1{font-size:clamp(2.8rem,7vw,5.2rem)}
h2{font-size:clamp(2.2rem,5vw,3.6rem)}
h3{font-size:clamp(1.5rem,3vw,2rem)}
.italic{font-style:italic}
.eyebrow{
  font-family:var(--sans);font-size:.72rem;font-weight:500;
  letter-spacing:.32em;text-transform:uppercase;color:var(--rust);
  display:inline-flex;align-items:center;gap:.9rem;
}
.eyebrow::before{content:"";width:38px;height:1px;background:var(--rust);display:inline-block}
.lead{font-size:1.18rem;color:var(--ink-soft);max-width:52ch}

/* ---------- Layout ---------- */
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}
section{padding-block:clamp(64px,10vw,128px)}
.tac{text-align:center}
.tac .lead{margin-inline:auto}

/* ---------- Buttons ---------- */
.btn{
  font-family:var(--sans);font-size:.82rem;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;
  padding:1.05rem 2.2rem;border-radius:var(--radius);
  display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;
  border:1px solid transparent;transition:.4s var(--ease);
}
.btn-primary{background:var(--rust);color:var(--cream)}
.btn-primary:hover{background:var(--rust-deep);transform:translateY(-2px);box-shadow:0 12px 30px -12px rgba(168,71,46,.6)}
.btn-sage{background:var(--sage-deep);color:var(--cream)}
.btn-sage:hover{background:var(--sage-deep);transform:translateY(-2px)}
.btn-ghost{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--cream)}
.btn-ghost-light{background:transparent;border-color:rgba(253,249,237,.4);color:var(--cream)}
.btn-ghost-light:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}

/* ---------- Header ---------- */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.6rem var(--gutter);
  transition:.4s var(--ease);
  background:var(--sage);
}
.site-header.scrolled{
  background:var(--sage);
  box-shadow:0 8px 30px -12px rgba(0,0,0,.4);
  padding-block:1.05rem;
}
.brand{display:flex;flex-direction:column;line-height:1}
.brand .name{font-family:var(--serif);font-size:2.3rem;font-weight:500;color:var(--cream)}
.brand .sub{font-family:var(--sans);font-size:.6rem;letter-spacing:.42em;color:var(--cream);opacity:.8;margin-top:5px;text-align:center}
.nav{display:flex;align-items:center;gap:2.2rem}
.nav a{font-family:var(--sans);font-size:.82rem;letter-spacing:.1em;color:var(--cream);font-weight:400;position:relative;padding-block:.3rem}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--rust);transition:.35s var(--ease)}
.nav a:hover::after,.nav a.active::after{width:100%}
.nav a.active{color:#fff}
.nav .btn{padding:.7rem 1.4rem;color:var(--cream)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:26px;height:2px;background:var(--cream);transition:.3s}

/* ---------- Mobile nav ---------- */
.mobile-nav{
  position:fixed;inset:0;z-index:99;background:var(--sage);
  display:flex;flex-direction:column;justify-content:center;gap:1.4rem;
  padding:var(--gutter);transform:translateX(100%);transition:.5s var(--ease);
}
.mobile-nav.open{transform:translateX(0)}
.mobile-nav a{font-family:var(--serif);font-size:2.2rem;color:var(--ink)}
.mobile-nav a:hover{color:var(--sage)}
.mobile-nav .btn{margin-top:1rem;align-self:flex-start;color:var(--cream)}

/* ---------- Footer ---------- */
.site-footer{background:var(--sage);color:var(--ink);padding-block:clamp(56px,8vw,90px) 2rem}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:clamp(2rem,5vw,4rem)}
.footer-brand .name{font-family:var(--serif);font-size:2rem}
.footer-brand .sub{font-size:.55rem;letter-spacing:.4em;opacity:.7;margin:4px 0 1.4rem}
.footer-brand p{font-size:.95rem;opacity:.72;max-width:34ch;font-weight:300}
.socials{display:flex;gap:.7rem;margin-top:1.6rem}
.socials a{width:38px;height:38px;border:1px solid rgba(42,39,36,.25);border-radius:50%;display:grid;place-items:center;transition:.35s var(--ease)}
.socials a:hover{background:var(--rust);border-color:var(--rust)}
.socials svg{width:16px;height:16px;fill:var(--ink)}
.footer-col h4{font-family:var(--sans);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--rust-deep);margin-bottom:1.3rem;font-weight:500}
.footer-col a{display:block;font-size:.92rem;opacity:.75;padding-block:.4rem;font-weight:300;transition:.3s}
.footer-col a:hover{opacity:1;padding-left:6px;color:var(--rust-deep)}
.footer-bottom{border-top:1px solid rgba(42,39,36,.14);margin-top:3.5rem;padding-top:1.8rem;text-align:center;font-size:.82rem;opacity:.6}
.footer-bottom .tag{font-style:italic;font-family:var(--serif);font-size:1rem;opacity:.85}

/* ---------- Reveal animation ---------- */
.reveal{opacity:0;transform:translateY(32px);filter:blur(6px);transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease)}
.reveal.in{opacity:1;transform:none;filter:blur(0)}
.reveal[data-d="1"]{transition-delay:.08s}
.reveal[data-d="2"]{transition-delay:.18s}
.reveal[data-d="3"]{transition-delay:.28s}
.reveal[data-d="4"]{transition-delay:.38s}
.reveal[data-d="5"]{transition-delay:.48s}
.reveal[data-d="6"]{transition-delay:.58s}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- Page hero (inner pages) ---------- */
.page-hero{background:var(--cream);color:var(--ink);padding:clamp(140px,18vw,200px) 0 clamp(60px,8vw,90px);position:relative;overflow:hidden}
.page-hero .monogram{position:absolute;right:-2%;top:50%;transform:translateY(-50%);width:clamp(280px,42vw,540px);opacity:.13;pointer-events:none;color:var(--sage);display:block}
.page-hero .monogram svg{width:100%;height:auto;display:block}
.page-hero .eyebrow{color:var(--rust-deep)}
.page-hero .eyebrow::before{background:var(--rust-deep)}
.page-hero h1{margin:1.2rem 0 .8rem;max-width:14ch}
.page-hero p{opacity:.85;max-width:50ch;font-weight:300;color:var(--ink-soft)}

/* ---------- Reusable cards grid ---------- */
.grid{display:grid;gap:1.4rem}
.g-2{grid-template-columns:repeat(2,1fr)}
.g-3{grid-template-columns:repeat(3,1fr)}

/* ---------- Responsive ---------- */
@media(max-width:880px){
  .nav{display:none}
  .burger{display:flex}
  .footer-grid{grid-template-columns:1fr;gap:2.6rem}
  .g-2,.g-3{grid-template-columns:1fr}
}

/* ---- index ---- */

/* ---- Home hero ---- */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:var(--cream);overflow:hidden;padding-top:128px}
/* structural sage panel anchored right — gives the hero depth + ties columns together */
.hero::before{content:"";position:absolute;top:0;bottom:0;right:0;width:40%;background:var(--sage);z-index:0;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
/* giant monogram watermark, like the inner page heroes */
.hero::after{content:none}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:center;position:relative;z-index:2}
.hero h1 .italic{color:var(--sage-deep);display:block}
.hero .lead{margin:1.8rem 0 2.6rem}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}
.hero-visual{position:relative;padding:14px}
/* cream frame border behind photo for an editorial framed look */
.hero-visual::before{content:"";position:absolute;inset:0;border:1px solid rgba(253,249,237,.6);border-radius:8px;transform:translate(16px,16px);z-index:0}
.hero-visual .photo{position:relative;z-index:2;border-radius:6px;overflow:hidden;box-shadow:0 50px 90px -35px rgba(42,39,36,.55);aspect-ratio:4/5;background:var(--sage-deep)}
.hero-visual .photo img{width:100%;height:100%;object-fit:cover}
.hero-monogram{position:absolute;bottom:-26px;left:-26px;width:116px;height:116px;background:var(--sage-deep);color:var(--cream);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:2.3rem;box-shadow:0 24px 50px -16px rgba(0,0,0,.5);z-index:3}
.stats{display:flex;gap:clamp(1.4rem,4vw,3.2rem);margin-top:clamp(2.5rem,6vw,4rem);padding-top:2.4rem;border-top:1px solid var(--line);position:relative;z-index:2}
.stat{position:relative;padding-right:clamp(1.4rem,4vw,3.2rem)}
.stat:not(:last-child)::after{content:"";position:absolute;right:0;top:6px;bottom:6px;width:1px;background:var(--line)}
.stat .num{font-family:var(--serif);font-size:1.9rem;color:var(--ink);line-height:1.05}
.stat .lbl{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:.3rem}
/* ---- Services preview ---- */
.svc-section{background:var(--sage)}
.svc-card{background:var(--cream);padding:2.4rem 2rem;border-radius:6px;transition:.45s var(--ease);border:1px solid transparent}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(42,39,36,.3);border-color:rgba(169,170,139,.4)}
.svc-card .ico{color:var(--rust);margin-bottom:1.2rem}
.svc-card h3{font-size:1.4rem;margin-bottom:.7rem}
.svc-card p{font-size:.95rem;color:var(--ink-soft)}
/* ---- Split about ---- */
.about-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:center}

/* ---- Homepage founder intro ---- */
.founder-intro{background:var(--cream);position:relative}
.founder-intro-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2.4rem,6vw,5.5rem);align-items:center}
.founder-intro-photo{position:relative;border-radius:6px;box-shadow:0 40px 90px -45px rgba(42,39,36,.5)}
.founder-intro-photo .photo-inner{position:relative;border-radius:6px;overflow:hidden}
.founder-intro-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.founder-intro-mark{position:absolute;top:18px;right:18px;width:clamp(70px,9vw,100px);color:var(--cream);opacity:.22;line-height:1;pointer-events:none;z-index:1}
.founder-intro-mark svg{width:100%;height:auto;display:block}
.founder-intro-copy h2{font-size:clamp(2rem,4vw,2.9rem);line-height:1.12;margin:1rem 0 1.4rem}
.founder-intro-copy h2 .italic{color:var(--rust-deep);font-style:italic}
.founder-intro-copy .lead{font-size:1.18rem;line-height:1.6;color:var(--ink);font-style:italic;max-width:46ch}
.founder-intro-name{font-family:var(--serif);font-size:1.35rem;color:var(--ink);margin-top:1.6rem;line-height:1.2}
.founder-intro-name span{display:block;font-family:var(--sans);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-top:.35rem}
.founder-intro-meta{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.6rem 0 2rem}
.founder-intro-meta span{font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);border-radius:30px;padding:.5rem 1.1rem}
@media(max-width:880px){.founder-intro-grid{grid-template-columns:1fr;gap:2.5rem}.founder-intro-photo{max-width:340px;margin:0 auto}.founder-intro-mark{display:none}}
.about-split .photo{border-radius:6px;overflow:hidden;aspect-ratio:1;background:var(--sage);box-shadow:0 40px 80px -40px rgba(42,39,36,.4)}
.about-split .photo img{width:100%;height:100%;object-fit:cover}
.values{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 2rem;margin-top:2.2rem}
.value h4{font-family:var(--serif);font-size:1.3rem;margin-bottom:.3rem}
.value p{font-size:.92rem;color:var(--ink-soft)}
.value{padding-left:1rem;border-left:2px solid var(--sage)}
/* ---- CTA band ---- */
.cta-band{background:var(--sage);color:var(--ink);text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%201100%22%20role%3D%22img%22%20aria-label%3D%22Tasked%20%26%20Co.%20monogram%22%3E%0A%3Cg%20transform%3D%22translate%280.000000%2C1100.000000%29%20scale%280.100000%2C-0.100000%29%22%20fill%3D%22%25235A5E45%22%20stroke%3D%22none%22%3E%0A%3Cpath%20d%3D%22M1009%209839%20c-7%20-15%203%20-203%2016%20-289%2012%20-76%2022%20-707%2015%20-905%20-5%20-139%0A-4%20-214%202%20-222%206%20-8%2033%20-13%2063%20-13%2052%200%2054%201%2064%2033%206%2018%2020%20107%2030%20197%2021%20181%0A79%20477%20109%20561%2063%20175%20115%20255%20216%20337%2090%2072%20105%2080%20207%20116%20144%2049%20285%2064%0A605%2067%20l288%202%2016%20-24%20c13%20-21%2014%20-254%209%20-2154%20-5%20-1891%20-7%20-2137%20-21%20-2190%0A-56%20-212%20-172%20-286%20-508%20-323%20-147%20-16%20-155%20-18%20-169%20-43%20-16%20-30%20-9%20-74%2015%0A-83%208%20-3%20199%20-1%20422%204%20444%2011%201185%205%201245%20-11%2020%20-5%2037%20-14%2037%20-19%200%20-18%20-52%0A-48%20-103%20-60%20-47%20-11%20-271%20-103%20-322%20-132%20-11%20-6%20-51%20-28%20-90%20-49%20-296%20-157%0A-444%20-273%20-650%20-508%20-49%20-56%20-102%20-121%20-117%20-144%20-15%20-23%20-40%20-60%20-56%20-82%0A-120%20-168%20-212%20-403%20-254%20-650%20-18%20-108%20-22%20-168%20-21%20-350%201%20-303%2023%20-426%20139%0A-760%2010%20-27%2033%20-76%2051%20-107%2018%20-31%2033%20-61%2033%20-66%200%20-19%20170%20-265%20239%20-345%20310%0A-361%20640%20-582%201181%20-791%20124%20-47%20340%20-111%20410%20-121%2030%20-4%2066%20-12%2080%20-17%2089%0A-34%20475%20-77%20754%20-85%20438%20-12%20774%2029%201201%20147%2022%206%2049%2015%2060%2020%2011%205%2045%2018%2075%0A28%20111%2039%20126%2045%20170%2067%2025%2012%2056%2026%2070%2030%2050%2015%20318%20169%20420%20242%20161%20114%20205%0A151%20335%20281%20123%20122%20204%20221%20264%20320%2019%2031%2053%2086%2075%20121%2022%2035%2050%2084%2061%20110%0A26%2054%2058%2086%2079%2078%208%20-3%2020%20-25%2026%20-49%207%20-24%2019%20-59%2027%20-78%209%20-19%2024%20-62%2035%0A-95%2019%20-55%2037%20-99%2065%20-150%206%20-11%2032%20-63%2059%20-115%2054%20-108%20128%20-228%20172%20-280%2016%0A-19%2046%20-57%2067%20-84%2069%20-91%20259%20-268%20376%20-351%20222%20-157%20583%20-298%20874%20-342%20172%0A-26%20636%20-26%20780%200%20214%2039%20528%20161%20679%20264%2026%2018%2054%2033%2061%2033%206%200%2020%209%2031%2021%0A10%2012%2050%2040%2087%2063%2037%2022%2087%2053%20110%2068%2055%2035%20141%2038%20180%208%2043%20-34%2075%20-115%2096%0A-244%2020%20-128%2030%20-146%2082%20-146%2015%200%2037%208%2049%2018%20l22%2018%20-11%20504%20c-6%20278%20-11%20638%0A-11%20800%200%20335%20-1%20340%20-69%20340%20-71%200%20-77%20-16%20-111%20-255%20-26%20-189%20-101%20-520%0A-128%20-571%20-6%20-11%20-25%20-48%20-42%20-84%20-18%20-36%20-38%20-72%20-45%20-80%20-7%20-8%20-16%20-25%20-19%0A-37%20-4%20-13%20-22%20-41%20-39%20-63%20-18%20-22%20-52%20-66%20-77%20-97%20-25%20-32%20-51%20-62%20-58%20-67%0A-8%20-4%20-24%20-19%20-35%20-33%20-28%20-32%20-241%20-182%20-259%20-183%20-4%200%20-40%20-15%20-80%20-33%20-367%0A-167%20-823%20-199%20-1153%20-81%20-81%2029%20-254%20114%20-293%20144%20-15%2012%20-63%2048%20-107%2081%20-84%0A64%20-201%20179%20-241%20238%20-13%2020%20-44%2063%20-67%2097%20-24%2033%20-62%2094%20-86%20135%20-23%2040%20-50%0A88%20-60%20105%20-27%2044%20-114%20255%20-144%20349%20-15%2044%20-41%20136%20-58%20205%20-88%20353%20-111%20569%0A-112%201045%20-1%20385%2015%20573%2072%20875%2023%20117%2098%20386%20132%20470%2010%2025%2030%2077%2045%20115%2059%0A155%20172%20359%20266%20479%2085%20110%20254%20270%20346%20329%2049%2031%2094%2057%2098%2057%204%200%2015%206%2023%2014%0A22%2020%20170%2073%20271%2098%20131%2031%20396%2036%20560%209%20138%20-22%20288%20-60%20357%20-91%2025%20-11%2053%0A-20%2063%20-20%209%200%2029%20-9%2043%20-20%2014%20-11%2028%20-20%2031%20-20%2021%200%20204%20-114%20267%20-167%20222%0A-183%20376%20-426%20452%20-713%2035%20-131%2088%20-369%20102%20-459%209%20-57%2034%20-81%2084%20-81%2071%200%2071%0A2%2071%20268%200%20130%205%20472%2011%20759%206%20286%209%20533%205%20547%20-6%2024%20-11%2026%20-60%2026%20-33%200%20-58%0A-5%20-65%20-14%20-6%20-7%20-15%20-56%20-20%20-107%20-15%20-147%20-77%20-268%20-151%20-290%20-47%20-14%20-99%207%0A-191%2078%20-35%2026%20-82%2060%20-104%2074%20-122%2079%20-198%20124%20-265%20155%20-41%2020%20-101%2049%20-133%0A65%20-62%2033%20-172%2064%20-367%20106%20-116%2024%20-144%2026%20-380%2027%20-223%200%20-271%20-3%20-385%20-23%0A-200%20-35%20-444%20-106%20-511%20-148%20-19%20-12%20-24%20-12%20-38%202%20-21%2022%20-21%2021%2018%2087%2033%0A54%20107%20262%20121%20338%2060%20336%203%20708%20-144%20940%20-45%2072%20-170%20217%20-235%20272%20-161%20139%0A-361%20232%20-608%20285%20-107%2023%20-148%2026%20-313%2027%20-300%202%20-527%20-43%20-705%20-140%20-14%20-7%0A-42%20-23%20-64%20-34%20-21%20-12%20-73%20-56%20-115%20-98%20-65%20-64%20-83%20-90%20-111%20-157%20-32%20-76%0A-34%20-87%20-35%20-200%200%20-130%2015%20-191%2062%20-248%2013%20-16%2023%20-32%2023%20-37%200%20-18%20132%20-110%0A196%20-136%2063%20-25%2081%20-28%20195%20-28%20124%200%20127%200%20217%2039%2088%2038%20145%2081%20228%20176%2039%0A45%2068%20146%2066%20231%20-2%2088%20-37%20202%20-76%20249%20-13%2016%20-27%2038%20-31%2049%20-3%2011%20-11%2020%0A-16%2020%20-15%200%20-109%2099%20-109%20115%200%2022%2040%2054%2079%2062%2070%2015%20371%208%20448%20-10%20232%20-55%0A461%20-188%20599%20-348%20141%20-163%20209%20-322%20220%20-514%2014%20-239%20-62%20-421%20-256%20-611%20-68%0A-66%20-224%20-182%20-275%20-205%20-11%20-5%20-51%20-27%20-90%20-48%20-220%20-125%20-493%20-238%20-825%0A-342%20-36%20-12%20-117%20-38%20-180%20-59%20-63%20-21%20-137%20-44%20-165%20-50%20-27%20-7%20-108%20-31%0A-180%20-52%20-71%20-22%20-148%20-44%20-170%20-49%20-22%20-4%20-83%20-22%20-135%20-39%20-52%20-17%20-122%20-38%0A-155%20-45%20-33%20-8%20-87%20-24%20-120%20-35%20-33%20-11%20-87%20-28%20-120%20-36%20-168%20-42%20-471%0A-139%20-579%20-185%20-37%20-16%20-73%20-29%20-78%20-29%20-16%200%20-282%20-136%20-351%20-180%20-185%20-117%0A-374%20-284%20-463%20-410%20-53%20-74%20-131%20-226%20-148%20-292%20-9%20-29%20-23%20-80%20-32%20-113%20-14%0A-48%20-18%20-101%20-18%20-260%20-1%20-195%200%20-202%2030%20-305%2059%20-198%20101%20-275%20229%20-416%20138%0A-152%20314%20-249%20580%20-322%2093%20-25%20113%20-27%20300%20-27%20186%200%20208%202%20315%2029%2063%2015%20140%0A39%20171%2052%2031%2013%2063%2024%2070%2024%2024%200%20176%2087%20242%20137%20133%20101%20212%20199%20264%20330%2026%0A63%2027%2078%2027%20213%20l0%20145%20-39%2075%20c-63%20123%20-129%20188%20-240%20235%20-100%2042%20-323%2038%0A-429%20-9%20-83%20-37%20-180%20-126%20-215%20-199%20-64%20-131%20-76%20-269%20-35%20-392%2045%20-132%20170%0A-236%20357%20-295%2029%20-9%2037%20-17%2037%20-36%200%20-47%20-76%20-97%20-221%20-146%20-93%20-31%20-96%20-31%0A-304%20-32%20-207%20-1%20-211%20-1%20-290%2027%20-44%2016%20-109%2043%20-145%2060%20-67%2031%20-184%20109%0A-197%20131%20-5%207%20-22%2022%20-40%2034%20-44%2031%20-143%20183%20-175%20267%20-34%2089%20-41%20166%20-29%20285%0A13%20116%2039%20196%2089%20268%2046%2067%20195%20210%20237%20228%2018%207%2037%2020%2044%2028%207%209%2025%2022%2040%2030%0A14%207%2069%2037%20121%2065%2052%2029%20105%2054%20117%2057%2012%203%2027%2012%2033%2019%206%208%2026%2017%2043%2021%2018%203%0A41%2011%2052%2017%2023%2012%20313%20113%20453%20157%2051%2016%2097%2032%20101%2034%2012%207%20317%20106%20426%20137%0A55%2016%20116%2029%20135%2029%2058%200%20292%20-123%20425%20-224%2072%20-54%20204%20-186%20222%20-221%208%20-16%0A26%20-41%2038%20-55%2042%20-45%20113%20-193%20163%20-340%2044%20-129%2050%20-148%2067%20-240%2048%20-251%2021%0A-551%20-70%20-775%20-51%20-126%20-56%20-135%20-117%20-225%20-104%20-153%20-124%20-179%20-184%20-240%0A-157%20-162%20-349%20-299%20-564%20-404%20-214%20-105%20-287%20-133%20-445%20-177%20-390%20-108%20-587%0A-138%20-948%20-146%20-379%20-8%20-650%2022%20-952%20103%20-71%2019%20-149%2039%20-172%2044%20-106%2023%20-457%0A183%20-596%20271%20-110%2071%20-315%20237%20-387%20315%20-74%2079%20-236%20297%20-246%20329%20-4%2011%20-22%0A46%20-41%2078%20-149%20248%20-224%20640%20-195%201024%2016%20201%2086%20476%20147%20572%2012%2020%2046%2076%2075%0A126%2091%20155%20276%20338%20444%20439%20108%2066%20302%20162%20353%20175%2023%206%2061%2020%2085%2031%2064%2029%0A136%2026%20206%20-9%2031%20-15%2086%20-38%20122%20-51%2036%20-12%2074%20-26%2085%20-31%2077%20-34%20288%20-79%20372%0A-79%2024%200%2073%207%20108%2016%2056%2014%2068%2022%20100%2062%2030%2039%2035%2053%2035%2097%200%2045%20-5%2058%20-37%2098%0A-33%2041%20-47%2049%20-119%2072%20-74%2023%20-98%2025%20-250%2025%20-114%200%20-214%20-7%20-309%20-20%20-159%0A-23%20-211%20-24%20-241%20-7%20-11%207%20-57%2054%20-103%20104%20-167%20188%20-283%20419%20-331%20658%20-18%0A89%20-24%20373%20-10%20480%2039%20315%20174%20552%20405%20714%20218%20153%20486%20218%20784%20191%20182%20-17%0A241%20-33%20379%20-103%20123%20-61%20202%20-125%20202%20-162%200%20-26%20-36%20-53%20-89%20-64%20-106%20-23%0A-214%20-92%20-283%20-183%20-114%20-151%20-136%20-345%20-57%20-504%2049%20-98%20170%20-200%20273%20-229%0A178%20-50%20356%20-14%20501%20102%20114%2092%20165%20203%20165%20357%200%2094%20-21%20221%20-39%20239%20-6%206%0A-11%2018%20-11%2027%20-1%2026%20-103%20186%20-163%20254%20-48%2054%20-171%20158%20-226%20191%20-9%205%20-32%2020%0A-51%2032%20-32%2020%20-128%2058%20-250%2099%20-99%2034%20-323%2065%20-507%2071%20-400%2013%20-827%20-85%20-1062%0A-244%20-40%20-27%20-54%20-28%20-75%20-7%20-14%2014%20-16%20151%20-16%201363%200%201160%202%201350%2014%201360%0A18%2015%20538%2016%20661%202%20114%20-14%20263%20-54%20342%20-94%2069%20-35%20179%20-125%20221%20-181%2039%20-51%0A97%20-175%20126%20-266%2035%20-113%2081%20-357%2096%20-505%2022%20-229%2033%20-255%20106%20-255%2024%200%2046%205%0A49%2011%204%205%208%20252%2010%20547%201%20299%208%20599%2015%20677%2013%20162%2013%20186%200%20199%20-6%206%20-697%2010%0A-1961%2010%20-1783%201%20-1952%200%20-1960%20-15z%20m7148%20-5025%20c3%20-9%202%20-22%20-3%20-29%20-135%0A-178%20-278%20-465%20-368%20-740%20-38%20-116%20-66%20-223%20-66%20-254%200%20-31%20-22%20-61%20-45%20-61%0A-16%200%20-59%2050%20-82%2094%20-26%2051%20-166%20208%20-238%20266%20-37%2030%20-81%2067%20-99%2081%20-48%2040%0A-111%2078%20-231%20140%20-94%2048%20-110%2060%20-110%2080%200%2021%2010%2027%2090%2052%2050%2015%20113%2036%20140%0A46%2028%2010%2091%2031%20140%2046%2050%2015%20106%2033%20125%2040%2041%2014%2060%2021%20245%2084%20188%2065%20361%20128%0A410%20151%2050%2023%2084%2025%2092%204z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;width:min(70vw,640px);height:min(60vw,560px);opacity:.07;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;white-space:nowrap}
.cta-band h2{position:relative}
.cta-band h2 .italic{color:var(--rust-deep)}
.cta-band p{position:relative;opacity:1;color:var(--ink-soft);max-width:48ch;margin:1.4rem auto 2.4rem}
.cta-band .hero-cta{justify-content:center;position:relative}

@media(max-width:880px){
  .hero{padding-top:120px;padding-bottom:40px;min-height:auto}
  .hero::before{display:none}
  .hero::after{display:none}
  .hero-visual{display:block;max-width:340px;margin:1rem auto 0;padding:0}
  .hero-visual::before{display:none}
  .hero-monogram{width:84px;height:84px;font-size:1.7rem;bottom:-18px;left:-18px}
  .stats{justify-content:flex-start;flex-wrap:wrap;gap:1.2rem}
  .hero-grid{grid-template-columns:1fr;text-align:left}
  .about-split{grid-template-columns:1fr}
  .hero-visual{order:2;max-width:100%;margin:1.4rem 0 0;padding:0}
  .hero-grid > div:first-child{width:100%}
  .hero h1{font-size:clamp(2.6rem,12vw,3.4rem)}
  .hero .lead{max-width:none}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{justify-content:center}
  .hero-visual .photo{aspect-ratio:4/3;max-height:300px}

.values{grid-template-columns:1fr}
}
/* ---- services ---- */

.svc-card{background:var(--cream);padding:2.6rem 2rem;border-radius:6px;transition:.45s var(--ease);border:1px solid var(--line)}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(42,39,36,.3);border-color:rgba(169,170,139,.5)}
.svc-card .ico{color:var(--rust);margin-bottom:1.1rem}
.svc-card h3{font-size:1.35rem;margin-bottom:.6rem}
.svc-card p{font-size:.94rem;color:var(--ink-soft)}
.svc-grid{background:var(--sage)}
/* ---- about ---- */

.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.about-intro .photo{border-radius:6px;overflow:hidden;aspect-ratio:4/5;background:var(--sage);box-shadow:0 40px 80px -40px rgba(42,39,36,.4)}
.about-intro .photo img{width:100%;height:100%;object-fit:cover}
.values{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}
.value{padding:2rem;background:var(--cream);border-radius:6px;border:1px solid var(--line)}
.value h3{font-size:1.5rem;margin-bottom:.5rem}
.value p{color:var(--ink-soft);font-size:.95rem}
.value .n{font-family:var(--serif);font-size:1rem;color:var(--rust);display:block;margin-bottom:.4rem}
.values-sec{background:var(--cream)}
@media(max-width:880px){.about-intro,.values{grid-template-columns:1fr}}
/* ---- how-it-works ---- */

.steps{max-width:780px;margin-inline:auto;position:relative}
.steps::before{content:"";position:absolute;left:39px;top:40px;bottom:40px;width:2px;background:linear-gradient(var(--sage),var(--rust))}
.step{display:grid;grid-template-columns:80px 1fr;gap:1.8rem;align-items:start;padding-block:1.6rem;position:relative}
.step-num{width:80px;height:80px;border-radius:50%;background:var(--cream);border:2px solid var(--sage);display:grid;place-items:center;font-family:var(--serif);font-size:1.8rem;color:var(--forest);position:relative;z-index:2}
.step-body{padding-top:1rem}
.step-body h3{margin-bottom:.5rem}
.step-body p{color:var(--ink-soft);max-width:48ch}
.hiw{background:var(--sage)}
@media(max-width:600px){.steps::before{left:29px}
.step{grid-template-columns:60px 1fr;gap:1.2rem}
.step-num{width:60px;height:60px;font-size:1.4rem}}
/* ---- testimonials ---- */

.t-sec{background:var(--sage)}
.carousel{max-width:760px;margin-inline:auto;overflow:hidden;border-radius:8px}
.t-track{display:flex;transition:.6s var(--ease)}
.t-slide{min-width:100%;background:var(--cream);padding:clamp(2.5rem,6vw,4rem);text-align:center}
.t-slide .stars{color:var(--sage-deep);letter-spacing:.3em;font-size:1.1rem;margin-bottom:1.6rem}
.t-slide blockquote{font-family:var(--serif);font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.35;color:var(--ink);font-style:italic;margin-bottom:1.8rem}
.t-name{font-family:var(--serif);font-size:1.3rem}
.t-role{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:.2rem}
.t-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:2rem}
.t-controls button.arrow{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--cream);cursor:pointer;font-size:1.2rem;color:var(--ink);transition:.3s}
.t-controls button.arrow:hover{background:var(--sage-deep);color:var(--cream);border-color:var(--sage-deep)}
.dots{display:flex;gap:.5rem}
.dot{width:9px;height:9px;border-radius:50%;border:0;background:rgba(42,39,36,.2);cursor:pointer;transition:.3s}
.dot.active{background:var(--rust);width:26px;border-radius:5px}
/* ---- pricing ---- */

.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;align-items:start}
.plan{background:var(--cream);border:1px solid var(--line);border-radius:8px;padding:2.6rem 2rem;display:flex;flex-direction:column;transition:.4s var(--ease)}
.plan:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(42,39,36,.3)}
.plan.featured{background:var(--sage);color:var(--ink);border-color:var(--rust);position:relative;transform:scale(1.03);padding-top:3.9rem}
.plan.featured:hover{transform:scale(1.03) translateY(-6px)}
.badge{position:absolute;top:1.3rem;left:2rem;z-index:2;background:var(--rust);color:var(--cream);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;padding:.4rem .9rem;border-radius:20px;font-weight:500}
.plan .tier{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin-bottom:.4rem}
.plan.featured .tier{color:var(--sage)}
.plan h3{font-size:2rem;margin-bottom:.4rem}
.plan .desc{font-size:.92rem;color:var(--ink-soft);min-height:48px}
.plan.featured .desc{color:var(--ink-soft)}
.plan .price{font-family:var(--serif);font-size:3rem;margin:1.4rem 0}
.plan .price span{font-family:var(--sans);font-size:1rem;color:var(--ink-soft);font-weight:300}
.plan.featured .price span{color:var(--ink-soft)}
.plan ul{flex:1;margin:1rem 0 2rem}
.plan li{display:flex;gap:.7rem;align-items:flex-start;padding-block:.55rem;font-size:.94rem;border-bottom:1px solid var(--line)}
.plan.featured li{border-color:rgba(42,39,36,.12)}
.plan li svg{width:18px;height:18px;flex-shrink:0;color:var(--sage-deep);margin-top:3px}
.plan.featured li svg{color:var(--rust)}
.price-note{text-align:center;margin-top:2.5rem;color:var(--ink-soft);font-style:italic;font-family:var(--serif);font-size:1.15rem}
.pricing-sec{background:var(--cream)}
@media(max-width:880px){.price-grid{grid-template-columns:1fr}
.plan.featured{transform:none}
.plan.featured:hover{transform:translateY(-6px)}}
/* ---- contact ---- */

.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,4rem);align-items:start}
.info-item{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.8rem}
.info-item .ic{width:46px;height:46px;border-radius:8px;background:var(--sage);display:grid;place-items:center;flex-shrink:0}
.info-item .ic svg{width:20px;height:20px;color:var(--forest)}
.info-item .lbl{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rust);margin-bottom:.2rem}
.info-item .val{font-size:1.02rem;color:var(--ink)}
.info-item .val a{transition:color .25s var(--ease)}
.info-item .val a:hover{color:var(--rust)}
.form-card{background:var(--cream);border:1px solid var(--line);border-radius:8px;padding:clamp(1.8rem,4vw,2.6rem);box-shadow:0 30px 60px -40px rgba(42,39,36,.3)}
.field{margin-bottom:1.3rem}
.field label{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.5rem}
.field input,.field select,.field textarea{width:100%;padding:.95rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font-family:var(--sans);font-size:1rem;color:var(--ink);transition:.3s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--sage-deep);box-shadow:0 0 0 3px rgba(169,170,139,.18)}
.field textarea{resize:vertical;min-height:120px}
.form-note{text-align:center;font-size:.85rem;color:var(--ink-soft);margin-top:1rem}
.contact-sec{background:var(--sage)}
@media(max-width:880px){.contact-grid{grid-template-columns:1fr}}

to{opacity:1;transform:none}}

/* ---- Intro logo animation ---- */
#intro{position:fixed;inset:0;z-index:9999;background:var(--sage);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.8rem;transition:transform 1s var(--ease),opacity .6s ease}
#intro.done{transform:translateY(-100%);opacity:0;pointer-events:none}
#intro .mono{position:relative;width:clamp(150px,24vw,230px);aspect-ratio:1/.92}
/* the three serif glyphs, absolutely placed to overlap like her mark */
#intro .g{position:absolute;font-family:var(--serif);font-weight:500;line-height:1;color:var(--cream);
  -webkit-text-stroke:1.5px var(--cream);
  opacity:0}
#intro .g.t{top:0;left:8%;font-size:clamp(5rem,12vw,8.5rem)}
#intro .g.amp{top:18%;left:50%;transform:translateX(-50%);font-size:clamp(7rem,17vw,12rem);font-style:italic}
#intro .g.c{bottom:0;right:8%;font-size:clamp(5rem,12vw,8.5rem)}
/* stroke-then-fill effect via clip reveal */
#intro .g{animation:glyphDraw 1.4s var(--ease) forwards}
#intro .g.t{animation-delay:.2s}
#intro .g.amp{animation-delay:.5s}
#intro .g.c{animation-delay:.8s}
@keyframes glyphDraw{
  0%{opacity:0;-webkit-text-fill-color:transparent;color:transparent;clip-path:inset(0 100% 0 0)}
  35%{opacity:1;-webkit-text-fill-color:transparent;color:transparent}
  100%{opacity:1;-webkit-text-fill-color:var(--cream);color:var(--cream);clip-path:inset(0 0 0 0)}
}
#intro .wordmark{text-align:center;opacity:0;animation:wmIn .9s var(--ease) 2s forwards}
#intro .wordmark .nm{font-family:var(--serif);font-size:clamp(2.6rem,6vw,3.8rem);color:var(--cream);font-weight:500;line-height:1}
#intro .wordmark .ln{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.7rem}
#intro .wordmark .ln::before,#intro .wordmark .ln::after{content:"";width:34px;height:1px;background:var(--cream);opacity:.65}
#intro .wordmark .sb{font-family:var(--sans);font-size:.78rem;letter-spacing:.42em;color:var(--cream);opacity:.9}
@keyframes wmIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#intro{display:none}}

/* --- sage-section text contrast --- */
.svc-section .lead,.svc-grid .lead,.hiw .lead,.t-sec .lead,.contact-sec .lead,.page-hero .lead{color:#43403a}
.svc-section .eyebrow,.svc-grid .eyebrow,.hiw .eyebrow,.t-sec .eyebrow,.contact-sec .eyebrow{color:var(--rust-deep)}
.svc-section .eyebrow::before,.svc-grid .eyebrow::before,.hiw .eyebrow::before,.t-sec .eyebrow::before,.contact-sec .eyebrow::before{background:var(--rust-deep)}

/* --- signature service-card hover --- */
.svc-card{position:relative;overflow:hidden;isolation:isolate}
.svc-card::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(169,170,139,.22),transparent 60%);transform:translateY(100%);transition:transform .5s var(--ease);z-index:-1}
.svc-card:hover::before{transform:translateY(0)}
.svc-card .ico{box-sizing:content-box;width:30px;height:30px;border-radius:50%;background:rgba(192,87,59,.10);padding:14px;color:var(--rust);transition:background .45s var(--ease),transform .45s var(--ease),color .45s var(--ease)}
.svc-card:hover .ico{background:var(--rust);color:var(--cream);stroke:var(--cream);transform:translateY(-4px) rotate(-4deg)}
.svc-card .ico{stroke:var(--rust)}
.svc-card:hover{transform:translateY(-8px);box-shadow:0 36px 70px -34px rgba(42,39,36,.38);border-color:var(--sage)}
.svc-card h3{transition:color .4s var(--ease)}
.svc-card:hover h3{color:var(--rust-deep)}

/* --- subtle grain on sage surfaces --- */
.svc-section,.svc-grid,.hiw,.t-sec,.contact-sec,.site-header,.hero::before{position:relative}
.svc-section::after,.svc-grid::after,.hiw::after,.t-sec::after,.contact-sec::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:120px;opacity:.05;pointer-events:none;mix-blend-mode:multiply;z-index:0}
.svc-section > *,.svc-grid > *,.hiw > *,.t-sec > *,.contact-sec > *{position:relative;z-index:1}

.hero-watermark{position:absolute;right:-2%;top:50%;transform:translateY(-50%);width:clamp(300px,38vw,560px);opacity:.10;color:var(--cream);z-index:0;pointer-events:none;display:block}
.hero-watermark svg{width:100%;height:auto;display:block}

/* --- intro: real traced monogram reveal --- */
#intro .mono-svg{width:clamp(150px,24vw,240px);color:var(--cream);position:relative;clip-path:inset(0 100% 0 0);animation:monoWipe 1.5s var(--ease) .2s forwards}
#intro .mono-svg svg{width:100%;height:auto;display:block}
@keyframes monoWipe{
  0%{clip-path:inset(0 100% 0 0);opacity:0;transform:scale(.96)}
  30%{opacity:1}
  100%{clip-path:inset(0 0 0 0);opacity:1;transform:scale(1)}
}

/* --- trust signal row --- */
.trust-row{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2.2rem 0}
.trust-row .wrap{display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,5vw,4rem);flex-wrap:wrap;max-width:100%}
.trust-row .trust-label{font-family:var(--sans);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);text-align:center}
.trust-logos{display:flex;align-items:center;gap:clamp(1.4rem,4vw,3rem);flex-wrap:wrap;justify-content:center}
.trust-logos .tl{font-family:var(--serif);font-size:1.15rem;color:var(--sage-deep);opacity:.7;font-style:italic;letter-spacing:.02em}
.trust-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--sans);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);border-radius:30px;padding:.5rem 1rem}
.trust-badge svg{width:15px;height:15px;color:var(--rust)}
@media(max-width:720px){.trust-row .wrap{flex-direction:column;gap:1.2rem}
.trust-logos{gap:1rem 1.6rem}
.trust-logos .tl{font-size:1rem}}

/* --- sticky book button --- */
.sticky-book{position:fixed;right:24px;bottom:24px;z-index:90;background:var(--rust);color:var(--cream);
  font-family:var(--sans);font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  padding:1rem 1.6rem;border-radius:40px;box-shadow:0 16px 40px -12px rgba(168,71,46,.6);
  display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;
  opacity:0;transform:translateY(20px);pointer-events:none;transition:.45s var(--ease)}
.sticky-book.show{opacity:1;transform:none;pointer-events:auto}
.sticky-book:hover{background:var(--rust-deep);transform:translateY(-3px)}
.sticky-book svg{width:16px;height:16px}
@media(max-width:600px){.sticky-book{right:16px;bottom:16px;padding:.85rem 1.3rem;font-size:.72rem}
.btn{padding:.85rem 1.5rem;font-size:.74rem;letter-spacing:.1em}
.mobile-nav .btn{font-size:.74rem}}

/* --- founder section --- */
.founder-sec{background:var(--cream)}
.founder-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,4.5rem);align-items:center}
.founder-photo{position:relative}
.founder-photo img{width:100%;border-radius:6px;aspect-ratio:4/5;object-fit:cover;box-shadow:0 40px 80px -40px rgba(42,39,36,.45)}
.founder-badge{position:absolute;bottom:-18px;left:-18px;background:var(--sage);color:var(--ink);font-family:var(--serif);font-size:1.5rem;padding:1rem 1.6rem;border-radius:6px;box-shadow:0 18px 40px -16px rgba(42,39,36,.4);line-height:1.1}
.founder-badge span{display:block;font-family:var(--sans);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);margin-top:.3rem}
.founder-copy p{margin-bottom:1rem;color:var(--ink-soft)}
.founder-copy .lead{color:var(--ink)}
@media(max-width:880px){.founder-grid{grid-template-columns:1fr}.founder-photo{max-width:360px;margin:0 auto 1rem}}

/* --- services pillars (3-column) --- */
.svc-pillar{display:flex;flex-direction:column;text-align:left;padding:2.6rem 2.2rem}
.svc-pillar h3{font-size:1.6rem;margin:.4rem 0 .6rem}
.svc-pillar > p{color:var(--ink-soft);margin-bottom:1.4rem}
.svc-pillar .svc-list{list-style:none;margin:0 0 1.8rem;padding:0;display:flex;flex-direction:column;gap:.7rem}
.svc-pillar .svc-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.95rem;color:var(--ink);line-height:1.4}
.svc-pillar .svc-list li svg{width:16px;height:16px;color:var(--rust);flex:none;margin-top:.18rem}
.svc-pillar .btn{margin-top:auto}
.svc-pillar.featured{background:var(--sage);border:2px solid var(--rust)}
.svc-pillar.featured:hover{border-color:var(--rust-deep)}
.svc-pillar.featured .svc-list li{color:var(--ink)}

/* "& more" list item on service pillars */
.svc-pillar .svc-list li.more{color:var(--ink-soft);font-style:italic;font-size:.88rem;padding-left:22px}
.svc-pillar .svc-list li.more svg{display:none}

/* monogram SVG inside the hero circle badge */
.hero-monogram .badge-mono{width:62px;height:auto;color:var(--cream)}

/* ---- Thank-you page ---- */
.thank-you-hero{text-align:center}
.thank-you-hero .wrap{max-width:640px}
.thank-you-hero .lead{margin:1.2rem auto 2rem;max-width:48ch;color:var(--ink-soft)}
.thank-you-hero .hero-cta{justify-content:center}
.thank-you-mark{width:72px;height:72px;margin:0 auto 1.6rem;border-radius:50%;background:rgba(192,87,59,.10);display:grid;place-items:center}
.thank-you-mark svg{width:36px;height:36px;color:var(--rust)}

/* ---- Pricing: single rate banner + commitment-led cards ---- */
.rate-banner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;margin:0 auto 3rem;padding-bottom:2.4rem;border-bottom:1px solid var(--line);max-width:520px}
.rate-banner .rate-line{font-family:var(--sans);font-size:.9rem;letter-spacing:.04em;color:var(--ink-soft)}
.rate-banner .rate-amount{font-family:var(--serif);font-size:clamp(3.4rem,7vw,4.6rem);line-height:1;color:var(--ink);margin:.2rem 0}
.rate-banner .rate-amount span{font-family:var(--sans);font-size:1.05rem;color:var(--ink-soft);font-weight:300;letter-spacing:.02em}
/* commitment headline replaces the old repeated price */
.plan h3 .per{font-family:var(--sans);font-size:1.05rem;font-weight:300;color:var(--ink-soft);letter-spacing:.02em}
.plan.featured h3 .per{color:var(--ink-soft)}

/* ---- Pricing: How Our Retainers Work ---- */
.retainer-note{max-width:660px;margin:3.5rem auto 0;text-align:center}
.retainer-note h3{font-family:var(--serif);font-size:1.7rem;color:var(--ink);margin-bottom:.9rem}
.retainer-note p{font-size:1.02rem;line-height:1.75;color:var(--ink-soft)}
.price-note{text-align:center;margin-top:1.4rem;color:var(--ink-soft);font-style:italic;font-family:var(--serif);font-size:1.1rem;opacity:.85}