body{margin:0;background:oklch(0.985 0.008 220);color:oklch(0.27 0.11 252);font-family:'Bricolage Grotesque',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:oklch(0.68 0.13 215)}
*{box-sizing:border-box}
@keyframes ww-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ww-spin{to{transform:rotate(360deg)}}

html { scroll-behavior:smooth; }
a,button,input,textarea { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible { outline:3px solid oklch(0.68 0.13 215) !important; outline-offset:5px; }
button:hover { filter:brightness(1.15); }
a,button { transition:filter .18s ease, color .18s ease; }
.skip-link { position:absolute;top:12px;left:12px;z-index:10;padding:12px 20px;background:white;color:#052453;border-radius:99px;transform:translateY(-200%); }
.skip-link:focus {transform:translateY(0);}
.sr-only {position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;}
.form-help,.form-status { position:relative;font-size:13px;line-height:1.5;margin:0;max-width:40em; }
.form-help {opacity:.9;}
.form-status:empty {display:none;}
.email-draft {position:relative;text-decoration:underline;font-weight:600;}
.motion-toggle {align-self:start;min-height:44px;padding:10px 16px;border:1px solid oklch(0.82 0.1 205);border-radius:999px;background:transparent;color:oklch(0.82 0.1 205);font:600 13px 'Space Mono',monospace;cursor:pointer;}
.motion-toggle:hover {background:oklch(0.82 0.1 205 / .12);}
.motion-toggle[aria-pressed="true"] {background:oklch(0.82 0.1 205);color:oklch(0.27 0.11 252);}
.motion-paused .marquee>div,.motion-paused .sun-seal svg {animation-play-state:paused !important;}
.draft-copy {position:relative;max-width:560px;width:100%;text-align:left;font-size:15px;line-height:1.6;}
.draft-copy summary {cursor:pointer;padding:12px 0;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:4px;}
.draft-copy-content {padding:20px;border-radius:24px;background:oklch(0.94 0.04 210);color:oklch(0.27 0.11 252);display:flex;flex-direction:column;gap:14px;}
.draft-copy-content p {margin:0;font-size:14px;line-height:1.6;}
.draft-copy-content textarea {width:100%;min-width:0;resize:vertical;padding:16px;border:1px solid #87bfc8;border-radius:14px;font:14px/1.6 'Space Mono',monospace;background:oklch(0.985 0.008 220);color:oklch(0.27 0.11 252);}
.draft-copy-content button {align-self:start;font-size:15px;}
[hidden] {display:none !important;}
.gathering-note {font-size:14px;line-height:1.5;margin:-24px 0 32px;max-width:50em;}
.about-layout {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;}
.about-photo {position:relative;width:100%;min-width:0;border-radius:40px;overflow:hidden;background:oklch(0.94 0.04 210);}
.about-photo img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
@media(max-width:960px) {
 .about-layout {grid-template-columns:1fr;}
 .about-photo {aspect-ratio:3/4;}
}
.gathering-feature {display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center;margin:0 0 56px;max-width:960px;}
.gathering-feature>img {display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:32px;}
.gathering-feature figcaption>p {font-size:clamp(30px,4vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin:20px 0;}
.gathering-photo-note {display:block;max-width:28em;font-size:14px;line-height:1.6;color:oklch(0.4 0.08 250);}
@media(max-width:600px) {
 .gathering-feature {grid-template-columns:1fr;gap:24px;}
 .gathering-feature>img {max-width:320px;justify-self:center;}
}
.form-field {display:flex;flex-direction:column;gap:7px;}
.form-field>label {margin-left:20px;font:600 13px/1.4 'Space Mono',monospace;color:oklch(0.34 0.13 245);}
.contact-form input,.contact-form textarea {width:100%;min-width:0;color:oklch(0.27 0.11 252);}
.newsletter-form input {min-width:0;}
@media(max-width:600px) {
 .site-header {border-radius:28px !important;padding:16px !important;}
 .site-nav {width:100%;display:grid !important;grid-template-columns:1fr 1fr;gap:8px !important;font-size:14px !important;}
 .site-nav a {padding:10px 12px;min-height:44px;}
 .site-nav a:last-child {padding:10px 14px !important;justify-self:start;}
 .hero-grid {gap:44px !important;}
 .hero-art {width:calc(100% - 12px) !important;max-width:430px !important;margin:10px 0 0 !important;}
 .sun-seal {width:100px !important;height:100px !important;}
 .hero-portrait {border-width:6px !important;box-shadow:0 20px 40px oklch(0.15 0.08 252 / .45),0 0 0 12px oklch(0.82 0.1 205 / .25) !important;}
 .polaroid {padding:8px 8px 30px !important;}
 .polaroid>div {font-size:10px !important;padding:8px !important;}
 .polaroid>p {font-size:11px !important;}
 .newsletter-form {border-radius:28px !important;}
 .newsletter-form input {flex-basis:100% !important;}
 .newsletter-form button {width:100%;}
 .footer-wordmark {font-size:18vw !important;}
}
.polaroid-art {background:#b6e9e8;}
.polaroid-art svg {position:absolute;inset:0;width:100%;height:100%;}
.polaroid-art>span {position:relative;font-size:clamp(11px,1.25vw,18px);line-height:1.6;}
.mono-accent {font-family:'Space Mono',monospace;font-style:italic;font-weight:400;color:oklch(0.55 0.15 240);}
.section-heading {display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:40px;}
.section-heading h2 {margin:0;font-size:clamp(48px,7vw,104px);line-height:.9;letter-spacing:-.045em;font-weight:800;}
.section-label {font-family:'Space Mono',monospace;font-size:13px;line-height:1.6;}
.section-intro {margin:-12px 0 36px;max-width:38em;font-size:18px;line-height:1.6;}
.pause-section {padding:clamp(64px,9vw,112px) clamp(16px,5vw,64px);background:oklch(0.96 0.027 210);}
.pause-layout {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px);align-items:start;}
.pause-intro>p {margin:0 0 20px;max-width:34em;font-size:21px;line-height:1.55;}
.pause-intro>.quiet-copy {font-size:17px;line-height:1.65;}
.pause-player {display:flex;flex-direction:column;align-items:start;gap:18px;border-radius:32px;background:oklch(0.27 0.11 252);color:oklch(0.985 0.008 220);padding:32px;margin-top:28px;}
.pause-clock {font-family:'Space Mono',monospace;font-size:clamp(64px,7vw,96px);letter-spacing:-.06em;line-height:1.1;color:oklch(0.82 0.1 205);font-variant-numeric:tabular-nums;}
.pause-player progress {width:100%;height:8px;border:0;border-radius:99px;overflow:hidden;appearance:none;background:#254a73;color:#95dfe2;}
.pause-player progress::-webkit-progress-bar {background:#254a73;border-radius:99px;}
.pause-player progress::-webkit-progress-value {background:#95dfe2;border-radius:99px;}
.pause-player progress::-moz-progress-bar {background:#95dfe2;border-radius:99px;}
.pause-controls {display:flex;flex-wrap:wrap;gap:16px;align-items:center;}
.pill-button {padding:16px 24px;border:0;border-radius:99px;background:oklch(0.82 0.1 205);color:oklch(0.27 0.11 252);font:600 17px 'Bricolage Grotesque',sans-serif;cursor:pointer;min-height:48px;}
.pill-button:disabled {opacity:.65;cursor:default;}
.text-button {background:none;border:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px;cursor:pointer;}
.pause-steps {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px;}
.pause-steps li {display:flex;align-items:start;gap:18px;border:2px solid transparent;padding:24px;border-radius:28px;background:oklch(0.985 0.008 220);}
.pause-steps li.is-current {border-color:oklch(0.55 0.15 240);background:oklch(0.9 0.065 210);}
.step-number {display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:oklch(0.82 0.1 205);font:14px 'Space Mono',monospace;}
.pause-steps h3 {margin:0 0 10px;font-size:32px;line-height:1.1;letter-spacing:-.03em;}
.pause-steps p {margin:0 0 12px;font-size:17px;line-height:1.6;}
.both-and-practice {position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,64px);align-items:center;margin-top:clamp(36px,5vw,64px);padding:clamp(28px,5vw,64px);border-radius:40px;background:oklch(0.27 0.11 252);color:oklch(0.985 0.008 220);}
.both-and-practice::after {content:"";position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;right:-180px;top:-220px;background:oklch(0.34 0.13 245);}
.both-and-intro h3 {margin:18px 0;font-size:clamp(42px,5.5vw,76px);line-height:.92;letter-spacing:-.045em;}
.both-and-intro .mono-accent {color:oklch(0.82 0.1 205);}
.both-and-intro p {margin:0;max-width:32em;font-size:18px;line-height:1.65;color:oklch(0.92 0.025 220);}
.both-and-steps {position:relative;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.both-and-step {display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:20px;border-radius:24px;background:oklch(0.985 0.008 220);color:oklch(0.27 0.11 252);}
.both-and-number {display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:oklch(0.82 0.1 205);font:13px 'Space Mono',monospace;}
.both-and-step h4 {margin:2px 0 7px;font-size:23px;line-height:1.1;letter-spacing:-.02em;}
.both-and-step h4 em {font-family:'Space Mono',monospace;font-weight:400;color:oklch(0.55 0.15 240);}
.both-and-step p {margin:0;font-size:16px;line-height:1.55;}
.reflection-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start;}
.reflection-card {min-width:0;border-radius:28px;overflow:hidden;border:1px solid oklch(0.85 0.05 215);background:oklch(0.985 0.008 220);}
.reflection-art {height:260px;position:relative;overflow:hidden;background:#b6e9e8;}
.reflection-photo>img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 65%;}
.reflection-photo .art-index {background:oklch(0.985 0.008 220);padding:8px 10px;border-radius:999px;}
.art-peace {background:#c4e0f1;}
.art-love {background:#e4e4db;}
.art-wonder {background:#a8d8e4;}
.art-orbit {position:absolute;width:150px;height:150px;border:1px solid currentColor;border-radius:50%;top:30px;left:calc(50% - 75px);opacity:.3;}
.art-peace .art-orbit {width:190px;height:190px;left:calc(50% - 95px);border-width:24px;opacity:.1;}
.art-love .art-orbit {border:0;background:#2e6990;opacity:.14;}
.art-wonder .art-orbit {box-shadow:0 0 0 20px #05245318,0 0 0 40px #0524530d;}
.art-wave {position:absolute;left:-15%;bottom:38px;width:130%;height:65px;border:1px solid currentColor;border-radius:50%;transform:rotate(-12deg);opacity:.25;}
.art-peace .art-wave {transform:rotate(12deg);}
.art-word {position:absolute;left:20px;right:20px;top:105px;text-align:center;font-family:'Space Mono',monospace;font-style:italic;font-size:clamp(30px,3vw,48px);letter-spacing:-.07em;}
.art-index {position:absolute;bottom:20px;left:20px;font:11px 'Space Mono',monospace;}
.reflection-content {padding:24px;}
.reflection-content h3 {font-size:26px;line-height:1.1;letter-spacing:-.025em;margin:0 0 16px;font-weight:800;}
.reflection-content p {margin:0 0 20px;line-height:1.6;font-size:16px;}
.reflection-content summary {font-weight:600;font-size:15px;cursor:pointer;min-height:44px;padding:10px 0;line-height:1.5;text-decoration:underline;text-underline-offset:5px;}
.reflection-content details[open] summary {margin-bottom:14px;}
.reflection-prompt {font-weight:600;border-top:1px solid #b8d5df;padding-top:16px;}
.small-link {display:inline-block;min-height:44px;font-size:14px;font-weight:600;padding:10px 0;text-decoration:underline;text-underline-offset:4px;}
.footer-note {max-width:40em;font-size:13px;line-height:1.6;margin:0;color:oklch(0.9 0.03 220);}
[id] {scroll-margin-top:24px;}
.start-section {padding:clamp(48px,6vw,80px) clamp(16px,5vw,64px);}
.start-heading {max-width:760px;margin-bottom:32px;}
.start-heading h2 {margin:16px 0;font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.04em;}
.start-heading p {font-size:18px;line-height:1.6;margin:0;}
.start-paths {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.start-path {display:block;min-width:0;padding:28px;border-radius:28px;background:#e1f1f6;border:1px solid #b8d5df;color:#052453;}
.start-path:nth-child(2) {background:#e8f1f7;}
.start-path:nth-child(3) {background:#dcf0ed;}
.start-path:hover {color:#052453;border-color:#287898;}
.path-symbol {display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#b6e9e8;font-size:28px;}
.start-path h3 {display:flex;justify-content:space-between;gap:12px;margin:22px 0 12px;font-size:26px;line-height:1.1;letter-spacing:-.03em;}
.start-path h3>span {font-size:22px;}
.start-path p {font-size:17px;line-height:1.55;margin:0 0 18px;}
.start-path .section-label {font-size:11px;}
.annie-signature {font:13px/1.7 'Space Mono',monospace;color:#fff;}
.daily-section {padding:0 clamp(16px,5vw,64px) clamp(72px,9vw,128px);}
.daily-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px;}
.daily-heading h2 {margin:16px 0;font-size:clamp(40px,5.5vw,76px);line-height:1;letter-spacing:-.04em;}
.daily-heading p {max-width:38em;margin:0;font-size:18px;line-height:1.6;}
.dose-sun {display:grid;place-items:center;flex-shrink:0;width:112px;height:112px;border-radius:50%;background:#b6e9e8;font-size:72px;color:#052453;}
.daily-date {margin:0 0 14px;}
.dose-note {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,48px);background:#e1f1f6;border-radius:32px;}
.dose-quote-side,.dose-reflection-side {min-width:0;}
.dose-note h3 {font-size:clamp(28px,3.2vw,44px);line-height:1.05;letter-spacing:-.035em;margin:20px 0;}
.dose-note blockquote {margin:0;font-size:clamp(23px,2.5vw,34px);line-height:1.4;letter-spacing:-.02em;}
.dose-note blockquote p {margin:0;}
.dose-attribution {font:12px/1.7 'Space Mono',monospace;margin:20px 0 6px;}
.dose-source {max-width:100%;overflow-wrap:anywhere;}
.dose-takeaway {font-size:19px;line-height:1.65;margin:20px 0 24px;}
.dose-note .reflection-prompt {font-size:17px;line-height:1.6;margin:0 0 8px;}
.daily-collection-note {max-width:60em;font-size:14px;line-height:1.65;margin:20px 0;}
@media(max-width:700px) {
 .daily-heading {align-items:start;}
 .dose-sun {width:52px;height:52px;font-size:36px;}
 .daily-heading h2 {font-size:clamp(36px,8vw,54px);}
 .dose-note {grid-template-columns:1fr;}
 .dose-reflection-side {border-top:1px solid #b8d5df;padding-top:24px;}
}
.featured-note {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);padding:clamp(24px,4vw,56px);margin-bottom:28px;border-radius:32px;background:#e1f1f6;}
.featured-note h3 {font-size:clamp(40px,5vw,72px);line-height:.95;letter-spacing:-.04em;margin:22px 0;}
.featured-note-intro>p {font-size:18px;line-height:1.6;max-width:20em;}
.featured-note blockquote {margin:0;font-size:clamp(20px,2.1vw,28px);line-height:1.5;letter-spacing:-.015em;}
.featured-note blockquote p {margin:0 0 20px;}
.note-byline {font:12px/1.6 'Space Mono',monospace;margin:24px 0;}
.reflection-actions {display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;}
.reflection-actions .text-button {padding:10px 0;font-size:14px;font-weight:600;color:inherit;}
.note-status {font-size:13px;line-height:1.6;margin:12px 0 0;}
.note-status:empty {display:none;}
.note-copy {width:100%;min-width:0;resize:vertical;margin-top:12px;padding:14px;border:1px solid #87bfc8;border-radius:14px;font:14px/1.6 'Space Mono',monospace;color:#052453;background:#fff;overflow-wrap:anywhere;}
@media(max-width:800px) {
 .start-paths {grid-template-columns:1fr;}
 .start-path {padding:24px;}
 .start-path h3 {margin-top:16px;}
 .featured-note {grid-template-columns:1fr;gap:20px;}
 .featured-note h3 {max-width:10em;}
 .featured-note-intro>p {max-width:100%;}
}
@media(max-width:1000px) {.reflection-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px) {
 .pause-layout {grid-template-columns:1fr;}
 .pause-player {padding:28px;}
 .pause-steps li {padding:20px;gap:14px;}
 .both-and-practice {grid-template-columns:1fr;border-radius:32px;}
 .reflection-art {height:230px;}
}
@media(max-width:480px) {
 .reflection-grid {grid-template-columns:1fr;}
 .reflection-art {height:250px;}
 .art-word {font-size:48px;}
 .reflection-content {padding:24px;}
 .section-label {font-size:12px;}
}
@media(prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto;}
 *,*::before,*::after {animation:none !important;transition:none !important;}
}



/* Daily Dose of Woo: one original reflection each day, never an archive */
.ww-daily-note {background:linear-gradient(135deg,#e5f2f1,#eaf0fa);border:1px solid #c4e0e4;box-shadow:0 14px 40px #16394c13;}
.ww-daily-note h3 {font-size:clamp(30px,3.8vw,50px);margin:18px 0 20px;}
.ww-daily-reflection {font-size:clamp(19px,2.2vw,25px);line-height:1.58;letter-spacing:-.018em;margin:0 0 23px;max-width:36em;}
.ww-daily-note .dose-attribution {font-size:13px;line-height:1.6;font-weight:700;margin:19px 0 8px;color:#276477;}
.ww-daily-note .dose-source {font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:4px;}
.ww-daily-reflect-heading {font-size:clamp(25px,2.5vw,34px);letter-spacing:-.03em;line-height:1.15;margin:18px 0 16px;}
.ww-daily-question {font-size:clamp(18px,2vw,24px) !important;line-height:1.55 !important;font-weight:500;margin:0 0 24px !important;}
.ww-daily-copy {display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:99px;padding:13px 20px;background:#052453;color:#fff;font:750 14px/1.4 'Bricolage Grotesque',system-ui,sans-serif;cursor:pointer;text-align:center;}
.ww-daily-copy:hover {filter:brightness(1.15);}
.ww-daily-return {color:#4c6d75;font-size:14px;line-height:1.6;margin:25px 0 0;}
.ww-daily-load-status {color:#3c6772;font-size:15px;line-height:1.6;min-height:1.3em;margin:0 0 13px;}
.ww-daily-load-status:empty{display:none;}
.ww-daily-full-page{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:#052453;color:#fff;border-radius:99px;padding:13px 23px;font-weight:750;font-size:14px;}
.ww-daily-full-page:hover{color:#fff;filter:brightness(1.15);}
@media(max-width:700px){
 .ww-daily-note{grid-template-columns:1fr;padding:clamp(25px,6vw,35px);}
 .ww-daily-note .dose-reflection-side{border-top:1px solid #bfd9df;padding-top:23px;}
 .ww-daily-note h3{font-size:clamp(30px,7vw,41px);}
 .ww-daily-reflection{font-size:20px;}
}

/* Centered Find Your Woo homepage */
.ww-home-centered {
  position: relative;
  z-index: 1;
  width: min(100%, 1160px);
  margin: 0 auto;
  padding: clamp(64px, 7vw, 105px) 6px clamp(12px, 2vw, 28px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.ww-home-anchor { position: absolute; top: 0; height: 1px; width: 1px; pointer-events: none; }
.ww-home-kicker {
  display: inline-block;
  padding: 9px 17px;
  border-radius: 100px;
  background: #b6e9e8;
  color: #052453;
  font: 700 12px/1.5 'Space Mono', monospace;
  letter-spacing: .06em;
}
.ww-home-title {
  margin: clamp(22px, 3vw, 33px) 0 19px;
  max-width: 980px;
  font-size: clamp(61px, 9vw, 118px);
  font-weight: 800;
  line-height: .99;
  letter-spacing: -.065em;
  text-wrap: balance;
}
.ww-home-title span {
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.07em;
  color: #b6e9e8;
}
.ww-home-description {
  color: #e2eff0;
  font-size: clamp(18px, 2.1vw, 23px);
  line-height: 1.6;
  max-width: 690px;
  margin: 0 auto;
  text-wrap: pretty;
}
.ww-home-undertext {
  margin: 13px auto 0;
  color: #b6e9e8;
  font: 600 13px/1.6 'Space Mono', monospace;
}
.ww-home-tools {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(100%, 1070px);
  gap: clamp(12px, 1.6vw, 20px);
  margin: clamp(37px, 5vw, 56px) auto 0;
  text-align: center;
}
.ww-home-card {
  min-width: 0;
  min-height: 226px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  padding: 27px 16px 24px;
  border-radius: 26px;
  border: 1px solid #ffffffac;
  background: #dfebe2;
  color: #21483d;
  box-shadow: 0 12px 26px #071a3030;
  transition: transform .2s ease, box-shadow .2s ease;
}
.ww-home-card:nth-child(2) { background: #f2e3d9; color: #654d42; }
.ww-home-card:nth-child(3) { background: #dfedf0; color: #244b5d; }
.ww-home-card:nth-child(4) { background: #e8e3f1; color: #514967; }
.ww-home-card:hover {
  color: #153f42;
  transform: translateY(-5px);
  box-shadow: 0 20px 32px #071a3040;
}
.ww-home-card:focus-visible { outline: 4px solid #b6e9e8 !important; outline-offset: 5px; }
.ww-home-card-icon {
  display: grid;
  place-items: center;
  width: 75px;
  height: 75px;
  border-radius: 24px;
  background: #ffffff8f;
  font-size: 41px;
  line-height: 1;
}
.ww-home-card-title {
  display: block;
  font-size: clamp(18px, 1.9vw, 24px);
  line-height: 1.16;
  letter-spacing: -.035em;
  font-weight: 800;
  text-wrap: balance;
}
.ww-home-card-action {
  display: inline-block;
  margin-top: auto;
  font-size: 13px;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.ww-home-footnote {
  color: #bddddc;
  font: 600 13px/1.5 'Space Mono', monospace;
  margin: 31px auto 0;
}
.ww-home-centered .motion-toggle { align-self: center; margin-top: 17px; }
.ww-story-intro { max-width: 860px; margin: 0 auto 30px; text-align: center; }
.ww-story-intro .section-label { color: #497a7b; }
.ww-story-intro h2 { font-size: clamp(35px, 5vw, 60px); letter-spacing: -.05em; line-height: 1.06; margin: 16px 0; }
.ww-story-intro p { font-size: 18px; line-height: 1.65; }
@media (max-width: 850px) {
  .ww-home-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 650px; gap: 15px; }
  .ww-home-card { min-height: 208px; }
  .ww-home-title { font-size: clamp(57px, 10vw, 90px); }
}
@media (max-width: 520px) {
  .ww-home-centered { padding: 54px 0 12px; }
  .ww-home-kicker { font-size: 10px; padding: 8px 13px; }
  .ww-home-title { font-size: clamp(53px, 12.7vw, 72px); margin: 21px auto 16px; }
  .ww-home-description { font-size: 17px; line-height: 1.55; }
  .ww-home-undertext { font-size: 11px; }
  .ww-home-tools { gap: 11px; margin-top: 33px; }
  .ww-home-card { min-height: 174px; border-radius: 20px; padding: 18px 9px 16px; gap: 9px; }
  .ww-home-card-icon { width: 53px; height: 53px; border-radius: 16px; font-size: 31px; }
  .ww-home-card-title { font-size: clamp(15px, 4vw, 18px); }
  .ww-home-card-action { font-size: 11px; }
  .ww-home-footnote { font-size: 11px; margin-top: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .ww-home-card { transition: none; }
  .ww-home-card:hover { transform: none; }
}