.tw{color: var(--po-ink);}.tw-hero{position: relative;overflow: hidden;padding: clamp(28px,6vw,72px) 0 clamp(36px,6vw,76px);}.tw-hero__sky{position: absolute;inset: 0;z-index: 0;}.tw-hero__sky svg{width: 100%;height: 100%;}.tw-hero__grid{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;gap: 24px;}.tw-hero__copy{max-width: 640px;padding: clamp(18px,3vw,28px);border-radius: 32px;background: rgba(255,255,255,.82);box-shadow: var(--po-shadow-2);-webkit-backdrop-filter: blur(14px) saturate(1.3);backdrop-filter: blur(14px) saturate(1.3);}@supports not (backdrop-filter: blur(1px)){.tw-hero__copy{background: var(--po-white);}}.tw-hero__title{margin: 4px 0 0;font: 600 var(--po-fs-h1) / 1.08 var(--po-font-display);letter-spacing: -0.02em;text-wrap: balance;}.tw-hero__lede{margin: 10px 0 0;font-size: var(--po-fs-body-lg);color: var(--po-ink-soft);text-wrap: pretty;}.tw-hero__row{display: flex;align-items: center;gap: 12px;margin-top: 14px;}.tw-progress{margin: 0;padding: 8px 16px;border-radius: 999px;background: var(--po-amber-soft);font: 600 1rem var(--po-font-display);}.tw-progress strong{font-size: 1.2rem;font-variant-numeric: tabular-nums;}.tw-hero__olly{width: clamp(110px,18vw,220px);}.tw-body{display: grid;gap: clamp(20px,3vw,32px);padding-top: clamp(20px,3vw,32px);padding-bottom: clamp(36px,6vw,72px);}.tw-age__title{margin: 0 0 10px;font: 600 1.1rem var(--po-font-display);}.tw-age__list{display: grid;grid-template-columns: repeat(auto-fit,minmax(128px,1fr));gap: 10px;margin: 0;padding: 0;list-style: none;}.tw-age__pick{display: grid;grid-template-columns: auto 1fr;grid-template-rows: auto auto;column-gap: 10px;align-items: center;min-height: 56px;padding: 8px 14px 8px 8px;border-radius: 20px;background: var(--po-white);color: var(--po-ink);text-decoration: none;box-shadow: var(--po-shadow-1),inset 0 0 0 2px var(--po-line);}.tw-age__pick img{grid-row: span 2;}.tw-age__pick strong{font: 600 1.05rem var(--po-font-display);}.tw-age__pick span{font-size: .85rem;color: var(--po-ink-soft);}.tw-age__pick[aria-current="true"]{background: var(--po-amber-soft);box-shadow: var(--po-shadow-1),inset 0 0 0 3px var(--po-amber-strong);}.tw-age__pick:focus-visible,.tw-stop__card:focus-visible{outline: 3px solid var(--po-focus);outline-offset: 3px;}.tw-trail{position: relative;display: grid;gap: 16px;margin: 0;padding: 0;list-style: none;}.tw-trail::before{content: "";position: absolute;inset-block: 24px;inset-inline-start: 23px;border-inline-start: 4px dotted var(--po-line-strong);}.tw-stop{position: relative;display: grid;grid-template-columns: 50px minmax(0,1fr) auto;align-items: center;gap: 12px;}.tw-stop__num{position: relative;z-index: 1;display: grid;place-items: center;width: 50px;height: 50px;border-radius: 50%;background: var(--po-white);font: 600 1.2rem var(--po-font-display);box-shadow: var(--po-shadow-1),inset 0 0 0 3px var(--po-line-strong);}.tw-stop__tick{display: none;}.tw-stop.is-done .tw-stop__num{background: var(--po-success);color: #fff;box-shadow: var(--po-shadow-1);}.tw-stop.is-done .tw-stop__n{display: none;}.tw-stop.is-done .tw-stop__tick{display: grid;}.tw-stop.is-next .tw-stop__num{background: var(--po-amber);box-shadow: var(--po-glow-amber),inset 0 0 0 3px var(--po-amber-strong);}.tw-stop__card{display: grid;grid-template-columns: clamp(96px,22vw,200px) minmax(0,1fr) auto;align-items: center;gap: 14px;min-height: 96px;padding: 10px;border-radius: 26px;background: var(--po-white);color: var(--po-ink);text-decoration: none;box-shadow: var(--po-shadow-2);transition: transform var(--po-dur-2,220ms) var(--po-ease-spring),box-shadow var(--po-dur-2,220ms) ease;}.tw-stop__card:hover{transform: translateY(-3px);box-shadow: var(--po-shadow-3);}.tw-stop.is-next .tw-stop__card{box-shadow: var(--po-shadow-3),inset 0 0 0 3px var(--po-amber);}.tw-stop.is-done .tw-stop__card{background: var(--po-mint-soft);}.tw-stop__pic{display: grid;place-items: center;aspect-ratio: 16 / 10;overflow: hidden;border-radius: 18px;background: var(--po-sky-soft);}.tw-stop__pic img{width: 100%;height: 100%;object-fit: cover;}.tw-stop__icon{display: grid;place-items: center;width: 56px;height: 56px;border-radius: 50%;background: var(--po-white);color: var(--po-violet);}.tw-stop__icon svg{width: 28px;height: 28px;}.tw-stop__body{display: grid;gap: 2px;min-width: 0;}.tw-stop__kind{font: 600 .8rem var(--po-font-display);letter-spacing: .03em;text-transform: uppercase;color: #8A3B00;}.tw-stop__title{font: 600 1.15rem / 1.2 var(--po-font-display);text-wrap: balance;}.tw-stop__sub,.tw-stop__why{font-size: .9rem;color: var(--po-ink-soft);}.tw-stop__go{display: inline-flex;align-items: center;gap: 6px;min-height: 44px;padding: 0 16px;border-radius: 999px;background: var(--po-amber);font: 600 1rem var(--po-font-display);box-shadow: 0 4px 0 var(--po-amber-strong);}.tw-stop__go svg{width: 18px;height: 18px;}.tw-stop.is-done .tw-stop__go{background: var(--po-white);box-shadow: 0 3px 0 var(--po-line-strong);}.tw-finish{display: grid;justify-items: center;gap: 8px;padding: clamp(20px,4vw,36px);border-radius: 32px;background: radial-gradient(520px 220px at 50% 0%,rgba(255,214,107,.5),transparent 70%),var(--po-white);text-align: center;box-shadow: var(--po-shadow-3);}.tw-finish__olly{width: 120px;}.tw-finish__title{margin: 0;font: 600 var(--po-fs-h2) var(--po-font-display);}.tw-finish__lede{margin: 0;color: var(--po-ink-soft);}.tw-finish__more{display: grid;gap: 14px;width: 100%;margin-top: 8px;text-align: start;}.tw-grown{padding: clamp(18px,3vw,28px);border-radius: 24px;background: var(--po-paper-2);box-shadow: inset 0 0 0 1px var(--po-line);}.tw-grown__title{margin: 0 0 6px;font: 600 var(--po-fs-h3) var(--po-font-display);}.tw-grown p{max-width: 72ch;margin: 0 0 12px;color: var(--po-ink-soft);}.tw-grown__actions{display: flex;flex-wrap: wrap;gap: 10px;}@media (max-width: 640px){.tw-hero__grid{grid-template-columns: 1fr;}.tw-hero__olly{display: none;}.tw-stop{grid-template-columns: 40px minmax(0,1fr);}.tw-trail::before{inset-inline-start: 18px;}.tw-stop__num{width: 40px;height: 40px;font-size: 1rem;}.tw-stop__card{grid-template-columns: 1fr;}.tw-stop__pic{aspect-ratio: 16 / 7;}.tw-stop__go{justify-self: start;}.tw-stop__hear{position: absolute;top: 14px;right: 14px;}}@media (prefers-reduced-motion: reduce){.tw-stop__card{transition: none;}.tw-stop__card:hover{transform: none;}}@media (forced-colors: active){.tw-stop__card,.tw-age__pick,.tw-stop__num{border: 2px solid CanvasText;}}