/* Tyave editorial identity */
.tyave-site {
  --brand-ink:#192d28;
  --brand-muted:#53625c;
  --brand-paper:#f5f3e9;
  --brand-lime:#d6ef91;
  --brand-line:#ccd2c3;
  color:var(--brand-ink);
  background:var(--brand-paper);
}
.tyave-site p { color:var(--brand-muted); }
.tyave-site .frame { width:min(calc(100% - 5rem),1280px); }
.tyave-site em { font-weight:400; }
.tyave-site .tyave-nav { min-height:88px;border-color:var(--brand-line); }
.tyave-nav nav { gap:clamp(1rem,2.6vw,2.3rem); }
.tyave-site .nav-start { display:inline-flex;align-items:center;gap:.75rem;white-space:nowrap;color:var(--brand-ink); }
.tyave-site .nav-start span { display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--brand-lime);font-size:1rem; }
.tyave-site .button { background:var(--brand-ink);border-color:var(--brand-ink);color:#fffdf5;min-height:3.5rem;padding:.9rem 1.2rem;border-radius:.2rem; }
.tyave-site .button:hover { background:#30493e;border-color:#30493e; }
.tyave-eyebrow,.tyave-kicker,.topic-label { font:600 .73rem/1.4 var(--body);letter-spacing:.08em;text-transform:uppercase; }
.tyave-site .tyave-eyebrow,.tyave-site .tyave-kicker,.tyave-site .topic-label { color:var(--brand-ink); }
.tyave-eyebrow { display:flex;align-items:center;gap:.6rem; }
.tyave-eyebrow span { width:.48rem;height:.48rem;background:#799c42;border-radius:50%; }
.tyave-hero { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);align-items:center;gap:clamp(2rem,6vw,6.5rem);padding-block:clamp(3rem,7vw,6.5rem); }
.tyave-hero-copy h1,.story-hero h1 { font-size:clamp(4rem,7.1vw,7.2rem);line-height:.9;letter-spacing:-.07em;margin:1.45rem 0 1.6rem;text-wrap:initial; }
.tyave-hero-copy h1 em,.story-hero h1 em,.tyave-purpose h2 em,.tyave-end h2 em,.literacy-story h2 em { color:#668353; }
.tyave-hero-copy > p:not(.tyave-eyebrow) { max-width:40ch;font-size:clamp(1rem,1.5vw,1.19rem);line-height:1.65; }
.tyave-hero-actions { display:flex;align-items:center;gap:1.35rem;flex-wrap:wrap;margin-top:1.75rem; }
.tyave-text-link { font-size:.91rem;font-weight:600;text-underline-offset:.3em; }
.tyave-hero-copy small { display:block;color:var(--brand-muted);font-size:.78rem;margin-top:1rem; }
.hero-result { position:relative;overflow:hidden;background:#dfeabe;border:1px solid #bdd09a;box-shadow:0 24px 60px #31443215; }
.hero-result::before { content:"";position:absolute;right:-6rem;top:-8rem;width:20rem;height:20rem;border:1px solid #8fab7c;border-radius:50%;box-shadow:0 0 0 3rem #dfeabe,0 0 0 calc(3rem + 1px) #a6c497,0 0 0 6rem #dfeabe,0 0 0 calc(6rem + 1px) #b9cda9;opacity:.7; }
.result-header,.result-footer { position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.76rem;font-weight:600; }
.result-header { padding:1rem 1.4rem;border-bottom:1px solid #b8ca9f; }
.result-example { font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;border:1px solid #8da778;padding:.24rem .53rem;border-radius:2rem; }
.result-body { position:relative;padding:clamp(1.3rem,3vw,3rem) clamp(1.3rem,3.5vw,3.6rem); }
.result-symbol { display:grid;place-items:center;width:3.5rem;height:3.5rem;color:var(--brand-lime);background:var(--brand-ink);border-radius:50%;font-size:2rem;line-height:1; }
.tyave-site .result-kicker { color:#446240;font-size:.76rem;font-weight:600;margin:2.2rem 0 .55rem; }
.tyave-site .result-title { color:var(--brand-ink);font:400 clamp(2.8rem,4.4vw,4.65rem)/.98 var(--display);letter-spacing:-.055em; }
.tyave-site .result-description { color:#4e654c;max-width:36ch;font-size:.9rem;margin:1rem 0 1.45rem; }
.result-lines div { display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding:.68rem 0;border-top:1px solid #b3c99c;font-size:.81rem; }
.result-lines strong { color:#415d39;font-size:.7rem;font-weight:600;white-space:nowrap; }
.result-footer { padding:1rem 1.4rem;background:#cfe1ad;color:#40583a; }
.result-footer span:last-child { font-size:1.4rem; }
.tyave-purpose { display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.75fr);align-items:end;gap:2rem 7vw;padding-block:clamp(3.2rem,7vw,7rem) clamp(1.5rem,4vw,3rem); }
.tyave-purpose h2,.how-head h2,.tyave-review h2,.tyave-end h2,.literacy-story h2,.story-faq h2 { font-size:clamp(2.9rem,5vw,5.1rem);line-height:.98;letter-spacing:-.052em;text-wrap:initial; }
.tyave-purpose h2 { margin-top:.95rem;max-width:15ch; }
.tyave-purpose > div:last-child p { max-width:48ch; }
.tyave-purpose > div:last-child p+p { margin-top:1rem; }
.tyave-purpose .tyave-text-link { display:inline-block;margin-top:1.3rem; }
.tyave-topics { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-bottom:clamp(3.2rem,7vw,7rem); }
.topic-card { position:relative;display:flex;flex-direction:column;min-height:300px;padding:clamp(1.4rem,3vw,2.5rem); }
.topic-digital { background:#e8e3d1; }
.topic-ai { background:#d8e8c1; }
.topic-card h3 { font-size:clamp(2.3rem,3.6vw,3.6rem);line-height:1;max-width:13ch;margin:2rem 0 1rem; }
.topic-card > p:not(.topic-label) { max-width:42ch;margin-top:auto; }
.topic-card > span { position:absolute;right:1.45rem;top:1.05rem;font-size:1.8rem; }
.tyave-how { background:#e1ead1;padding-block:clamp(3.5rem,7vw,7rem); }
.how-head { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:1.5rem 5rem;align-items:end; }
.how-head h2 { margin-top:1rem; }
.how-head > p { max-width:38ch; }
.how-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:clamp(2.4rem,5vw,4rem); }
.how-grid article { border-top:1px solid #9bad94;padding-top:1.15rem; }
.how-symbol { display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid #9eaf94;border-radius:50%;font-size:1.3rem; }
.how-grid h3 { font-size:1.75rem;margin:1.2rem 0 .55rem; }
.how-grid p { max-width:34ch; }
.tyave-review { padding-block:clamp(3rem,7vw,7rem); }
.review-feature { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);background:#e9e5d8;text-decoration:none; }
.review-feature > div { align-self:center;padding:clamp(1.5rem,4vw,4rem); }
.review-feature h2 { margin:1rem 0; }
.review-feature p:not(.tyave-kicker) { max-width:36ch; }
.review-feature strong { display:inline-block;font-size:.9rem;margin-top:1.3rem;text-decoration:underline;text-underline-offset:.3em; }
.review-feature img { width:100%;height:100%;min-height:320px;max-height:520px;object-fit:cover; }
.tyave-end { background:var(--brand-ink);color:#f6f7eb;padding-block:clamp(3rem,6vw,6rem); }
.tyave-end .frame { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:2rem 6vw;align-items:end; }
.tyave-site .tyave-end .tyave-kicker,.tyave-site .tyave-end p { color:#d5e3ce; }
.tyave-end h2 { max-width:17ch;margin-top:.9rem; }
.tyave-end h2 em { color:var(--brand-lime); }
.tyave-end > div > div:last-child p { max-width:40ch;margin-bottom:1.2rem; }
.tyave-end .button { background:var(--brand-lime);border-color:var(--brand-lime);color:var(--brand-ink); }
.tyave-end .button:hover { background:#c7e482;border-color:#c7e482; }
.tyave-foot { border-color:var(--brand-line); }
.tyave-foot > div { display:flex;gap:1.5rem;flex-wrap:wrap; }
.story-hero { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.6fr);gap:2rem 7vw;align-items:end;padding-block:clamp(3rem,7vw,6rem); }
.story-hero h1 { max-width:14ch;margin-bottom:0; }
.story-hero > p { max-width:38ch;font-size:1.05rem; }
.story-photo img { width:100%;max-height:720px;object-fit:cover;object-position:center top;aspect-ratio:1.8/1; }
.story-photo > p { font-size:.78rem;margin-top:.65rem; }
.story-intro { padding-top:clamp(3.5rem,8vw,8rem); }
.story-topics .topic-card { min-height:310px; }
.literacy-story { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:2rem 7vw; }
.literacy-story h2 { margin-top:1rem; }
.literacy-story > div:last-child p+p { margin-top:1rem; }
.literacy-story a { display:inline-block;margin-top:1rem;font-size:.88rem;font-weight:600; }
.story-community { padding-bottom:clamp(3.5rem,7vw,7rem); }
.story-faq { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:2rem 7vw;padding-bottom:clamp(3.5rem,7vw,7rem); }
.story-faq h2 { margin-top:1rem; }
.story-faq-list details { border-top:1px solid var(--brand-line);padding:1rem 0; }
.story-faq-list details:last-child { border-bottom:1px solid var(--brand-line); }
.story-faq-list summary { cursor:pointer;font-weight:600; }
.story-faq-list details p { margin:.75rem 0 .15rem; }
@media (max-width:800px) {
  .tyave-site .frame { width:calc(100% - 2rem); }
  .tyave-nav nav { display:none; }
  .tyave-hero,.story-hero { grid-template-columns:1fr; }
  .tyave-hero-copy h1,.story-hero h1 { max-width:14ch;font-size:clamp(3.8rem,11.3vw,6.6rem); }
  .hero-result { max-width:650px; }
  .tyave-purpose,.how-head,.tyave-end .frame,.literacy-story,.story-faq { grid-template-columns:1fr; }
  .story-photo img { aspect-ratio:1.45/1; }
}
@media (max-width:560px) {
  .tyave-site .tyave-nav { min-height:72px; }
  .tyave-nav .nav-start { font-size:.8rem; }
  .tyave-hero { padding-top:2.3rem; }
  .tyave-hero-copy h1 { font-size:clamp(2.8rem,10.5vw,5rem); }
  .result-body { padding:1.5rem; }
  .result-symbol { width:3rem;height:3rem; }
  .tyave-site .result-kicker { margin-top:1.4rem; }
  .tyave-topics,.how-grid,.review-feature { grid-template-columns:1fr; }
  .topic-card { min-height:260px; }
  .topic-card h3 { margin-top:1.2rem; }
  .how-grid { gap:1.3rem; }
  .review-feature img { min-height:220px;max-height:350px; }
  .tyave-foot { align-items:flex-start; }
  .tyave-foot > div { flex-direction:column;gap:.45rem;align-items:flex-end; }
}