/* Dusk, over the shared family layout. Local fonts; motion respects Reduce Motion. */
:root{--paper:#f7f5f0;--cream:#fffdf8;--warm-cream:#f7efdc;--peach:#f2b8a0;--honey:#d8ad72;--ink:#1e2f45;--muted:#5d6573;--line:#d3d9e2;--sage:#e4eaf2;--green:#22395a;--dusk:#22395a;--dusk-soft:#3a5a86;--mist:#e4eaf2}
::selection{background:#d3deec}
.status-dot{background:var(--dusk-soft)}
.button{color:var(--warm-cream)}
.button:hover{background:#2f4b72}
.hero{padding-top:62px;padding-bottom:78px;gap:46px}
.hero-copy h1{font-size:clamp(50px,5.55vw,80px)}
.hero-copy h1 em{color:var(--dusk-soft)}
.hero-art{padding-left:16px;min-width:0}
.photo-mat{box-shadow:0 24px 50px -35px #22395a66}
.floating-note{box-shadow:0 12px 35px -18px #22395a40;max-width:calc(100% + 12px)}
.floating-note strong{max-width:250px}
.photo-label{font-size:11px;margin-top:18px}
.breed-copy{font-size:11px}
.portrait-choice:hover{background:var(--mist)}
.portrait-pause{font-size:12px}
.manifesto{gap:32px}
.manifesto>p{font-size:27px}
.manifesto>span{font-size:13px;max-width:200px}
.cat-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.feature-copy>p{max-width:490px}
.feature-copy>.text-link{margin-top:24px}
.feature-copy h2 em,.record-card h3 em{color:var(--dusk-soft)}
.small-label{font-size:13px;max-width:420px;line-height:1.7}
.daily-section{background:var(--mist);border-block:1px solid #dce2eb}
.daily-section .cat-split{gap:70px}
.log-kinds{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:26px 0}
.log-kinds li{padding:7px 12px;border:1px solid #bfcbdc;border-radius:30px;font-size:13px;background:#f7f5f066}
.feature-copy .daily-promise{font-size:14px;font-weight:600;color:var(--dusk);line-height:1.6;margin:20px 0}
.daily-example{margin:0;min-width:0}
.journal-paper{padding:32px 30px;background:var(--cream);border:1px solid #d1d9e5;border-radius:8px 8px 24px 8px;box-shadow:0 22px 50px -35px #22395a66;transform:rotate(1.5deg)}
.journal-top{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.journal-top>img{width:48px;height:48px;object-fit:cover;border-radius:50%}
.journal-top>svg{margin-left:auto;color:#815724}
.journal-top .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:6px}
.journal-top h3{font-size:26px;letter-spacing:-.035em}
.journal-entries{margin:0;padding:0}
.journal-entries>div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.journal-entries dt{font-size:12px;font-weight:600}
.journal-entries dt>span{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-bottom:3px;font-variant-numeric:tabular-nums}
.journal-entries dd{font-size:14px;margin:0;line-height:1.5}
.journal-entries dd>span{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.journal-foot{display:block;font-family:var(--serif);font-style:italic;font-size:15px;text-align:center;margin-top:22px;color:var(--dusk-soft)}
.daily-example figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:22px}
.cat-records{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:70px}
.record-card{position:relative;padding:34px;border:1px solid #cbd5e3;border-radius:24px;background:var(--cream)}
.record-card .eyebrow{font-size:10px;max-width:80%;margin-bottom:20px}
.record-card h3{font-size:38px;line-height:1.12;margin-bottom:22px}
.record-card p{font-size:15px;line-height:1.8;max-width:43ch}
.record-symbol{position:absolute;right:30px;top:30px;color:var(--dusk-soft)}
.record-labels{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0 0;font-size:12px}
.record-labels li{padding:6px 10px;border:1px solid var(--line);border-radius:8px}
.vaccine-card{background:var(--warm-cream);border-color:#dfd4bd}
.vaccine-names{margin:24px 0}
.vaccine-names>div+div{margin-top:16px}
.vaccine-names dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.vaccine-names dd{margin:4px 0 0;font-size:18px;font-family:var(--serif)}
.vaccine-names dd>span{padding-inline:8px;color:var(--muted)}
.care-photo{position:relative;padding-bottom:66px}
.care-photo>img{width:100%;height:425px;object-fit:cover;object-position:67% center;border-radius:180px 180px 12px 12px}
.care-photo-note{position:absolute;bottom:44px;left:-20px;right:30px;display:flex;align-items:center;gap:18px;padding:24px;background:var(--warm-cream);border-radius:14px;transform:rotate(-2deg);border:1px solid #e2d6bf;box-shadow:0 15px 30px -25px #22395a66}
.care-photo-note>span{font-family:var(--serif);font-size:23px;line-height:1.25;letter-spacing:-.02em}
.care-photo-note>svg{width:28px;height:28px}
.care-photo figcaption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px;color:var(--muted)}
.story-section{background:#f2e8df}
.cat-keepsake{background:transparent;padding:12px 20px 0}
.cat-keepsake .keepsake-card{max-width:330px;width:100%;background:#f0f3f8;border:1px solid #d3dce9;transform:rotate(3deg);padding:25px;box-shadow:0 24px 35px -28px #22395a88}
.cat-keepsake .keepsake-card img{height:320px;border-radius:140px 140px 5px 5px}
.cat-keepsake .keepsake-caption{font-size:30px}
.cat-keepsake figcaption{margin-top:12px;color:var(--muted);font-size:11px}
.cattery-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;border:1px solid var(--line);border-radius:24px;background:var(--cream);padding:40px}
.cattery-card figure{position:relative}
/* The kitten-family art is 2.33:1; a 1.65:1 crop keeps the mother's face and all five kittens. */
.cattery-card img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:46% center;border-radius:16px}
.cattery-card figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:14px}
.cattery-card h2{font-size:45px}
.cattery-card .feature-copy>p{font-size:15px;line-height:1.8;margin-block:18px}
.cattery-card .eyebrow{font-size:10px}
.privacy-inner p{color:#e1e8f1}
.privacy-symbol{border-color:#7b90ad}
.privacy-inner .eyebrow{color:#c9d6e8}
.privacy-band :focus-visible{outline-color:#e8c87f}
.featured-plan{background:var(--mist);border-color:#a9b8cc}
.plan{background:var(--cream)}
.plan.featured-plan{background:var(--mist)}
.plan-description{font-size:14px;min-height:0;margin-block:20px}
.plan .included{font-size:14px;line-height:1.6;gap:14px}
.plan .eyebrow{font-size:11px}
.plan-price{font-family:var(--serif);font-size:36px;color:var(--ink);margin-top:22px;line-height:1.3}
.plan-price>span{display:block;font-family:var(--rounded);font-size:12px;color:var(--muted);margin-top:5px}
.plan-prices{margin:24px 0 0;display:grid;gap:9px}
.plan-prices>div{display:flex;gap:8px;align-items:baseline;justify-content:space-between}
.plan-prices dt{font-size:12px;color:var(--muted)}
.plan-prices dd{margin:0;font-size:25px;font-family:var(--serif);letter-spacing:-.035em;white-space:nowrap}
.plan-prices dd>span{font-size:12px;font-family:var(--rounded);letter-spacing:0;color:var(--muted)}
.lifetime-price{padding:14px 0 20px;color:var(--ink);font-size:14px}
.lifetime-price>strong,.lifetime-price>span{display:block}
.lifetime-price>span{font-size:12px;color:var(--muted);margin-top:4px}
.plan-bottom{font-size:13px;line-height:1.6}
.trial-detail{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.plans-footnote{max-width:850px;font-size:13px}
.faq-list a{text-decoration:underline;text-underline-offset:3px}
.launch-inner{background:#e8edf4}
.coming-badge{border-color:#bccadb}
.footer-card ::selection{background:#c9d6e8;color:var(--dusk)}
.footer-nav h2{color:#c9d6e8}
.footer-promise{color:#e1e8f1}
/* The sibling link: inline flow (not flex) keeps the arrow after "Days", and balanced wrapping breaks after
   "For dogs:" rather than leaving the arrow alone on a line. */
.footer-nav a[href="https://pawsanddays.app/"]{display:block;padding-block:12px;text-wrap:balance}
.cat-landing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:70px;align-items:center;padding-block:60px 85px}
.cat-landing-hero h1{font-size:clamp(42px,4.4vw,64px)}
.cat-landing-hero .back-link{margin:0 0 38px;font-size:13px}
.cat-landing-hero .feature-copy>p{font-size:18px;line-height:1.75}
.landing-photo img{height:400px;width:100%;object-fit:cover;object-position:60% center;border-radius:150px 150px 16px 16px}
.portrait-landing img{height:480px;object-position:center 20%}
.landing-photo.wide-landing img{height:auto;aspect-ratio:1.65;object-position:46% center;border-radius:24px}
.landing-photo figcaption{font-size:12px;text-align:center;color:var(--muted);margin-top:16px}
.landing-details{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;border-top:1px solid var(--line)}
.landing-details article{padding:40px 0;border-bottom:1px solid var(--line);scroll-margin-top:32px}
.landing-details .chapter{margin-bottom:20px}
.landing-details h2{font-size:32px;line-height:1.15;margin-bottom:20px}
.landing-details p{font-size:16px;line-height:1.85;max-width:50ch}
.landing-note{padding-block:36px 70px;display:grid;gap:20px}
.landing-note>p{font-size:14px;max-width:75ch;line-height:1.8}
.landing-note a{text-decoration:underline;text-underline-offset:4px}
.press-shots{grid-template-columns:200px 220px;gap:36px;align-items:start}
.press-shots img{max-height:300px;width:100%;object-fit:cover;border-color:var(--line)}
.article-body .press-facts dd{overflow-wrap:anywhere}
@media(max-width:1100px){
  .hero{gap:28px}.cat-split,.daily-section .cat-split{gap:40px}
  .journal-paper{padding:24px 22px}.journal-top h3{font-size:23px}
  .journal-entries>div{grid-template-columns:80px minmax(0,1fr);gap:12px}
  .cat-records{gap:20px}.record-card{padding:28px}.record-card h3{font-size:34px}
  .record-card .eyebrow{max-width:85%}.record-symbol{right:20px;top:25px}
  .cattery-card{padding:28px;gap:30px}.cattery-card h2{font-size:37px}
  .plan{padding-inline:20px}.plan .included{font-size:13px}.cat-landing-hero{gap:38px}
}
@media(max-width:760px){
  .site-header nav{gap:30px;font-size:13px}
  .hero{gap:42px;padding-top:40px;padding-bottom:64px}.hero-copy h1{font-size:clamp(45px,9vw,63px)}
  .hero-art{padding-left:12px;width:min(420px,94%)}.hero-photos{height:400px}
  .floating-note{left:-10px;padding:14px;gap:10px;bottom:64px}.floating-note .eyebrow{font-size:11px;letter-spacing:.1em}
  .floating-note strong{font-size:21px;max-width:220px}.floating-note div>span:last-child{font-size:12px}.note-icon{width:32px;height:32px}
  .breed-copy{font-size:12px}.photo-label{font-size:12px;margin-top:20px}
  .manifesto{align-items:flex-start;gap:20px}.manifesto>p{font-size:23px;max-width:65%}.manifesto>span{font-size:12px;max-width:140px;padding-top:5px}
  .cat-split,.daily-section .cat-split{grid-template-columns:1fr;gap:40px}.feature-copy h2{font-size:39px}.feature-copy>p{font-size:16px}.small-label{font-size:12px}
  .journal-paper{padding:26px 22px;transform:rotate(1deg);margin-inline:3px}.journal-top .eyebrow{font-size:11px}.journal-top h3{font-size:24px}
  .journal-entries>div{grid-template-columns:80px minmax(0,1fr);padding-block:23px}
  .cat-records{grid-template-columns:1fr;margin-top:48px;gap:18px}.record-card{padding:26px}.record-card h3{font-size:34px}
  .record-card .eyebrow{font-size:11px;max-width:80%}.record-card p{font-size:15px}
  .care-photo{margin-inline:10px;padding-bottom:70px}.care-photo>img{height:340px;object-position:66% center}
  .care-photo-note{left:-10px;right:10px;bottom:42px;padding:20px}.care-photo-note>span{font-size:22px}
  .cat-keepsake{padding-inline:10px}.cat-keepsake .keepsake-card{max-width:310px}.cat-keepsake .keepsake-card img{height:300px}.cat-keepsake .keepsake-caption{font-size:28px}
  .cattery-card{grid-template-columns:1fr;gap:30px;padding:20px}.cattery-card img{height:auto;aspect-ratio:1.65;object-position:46% center}
  .cattery-card .feature-copy h2{font-size:36px}.cattery-card .eyebrow{font-size:11px;letter-spacing:.12em}.privacy-inner h2{font-size:38px}
  .plan .included{font-size:14px}.plan-prices{max-width:300px}.plan-price>span{font-size:13px}.plan-description{font-size:14px}.plan .eyebrow{font-size:11px}
  .cat-landing-hero{grid-template-columns:1fr;padding-block:40px 55px;gap:40px}.cat-landing-hero h1{font-size:42px}.cat-landing-hero .feature-copy>p{font-size:17px}
  .cat-landing-hero .back-link{margin-bottom:32px}.landing-photo img{height:320px;border-radius:120px 120px 12px 12px}.portrait-landing img{height:400px}
  .landing-details{grid-template-columns:1fr;gap:0}.landing-details article{padding-block:32px}.landing-details h2{font-size:29px}
  .press-shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media(max-width:420px){.site-header .wordmark{gap:9px;letter-spacing:-1.2px}.site-header .header-cta{padding-inline:12px}}
@media(max-width:370px){
  .hero-photos{height:335px}.hero-copy h1{font-size:43px}.site-header nav{gap:23px;font-size:12px}
  .journal-paper{padding:22px 16px}.journal-top{gap:10px}.journal-top>svg{display:none}
  .journal-entries>div{grid-template-columns:72px minmax(0,1fr);gap:10px}.record-card{padding:24px 20px}
  .floating-note strong{max-width:185px;font-size:19px}.manifesto>span{font-size:11px}.portrait-buttons{gap:2px}
}
