/* Furever Feline — editorial device-native compositions, v1.
   Quincy CF Medium / Bold with DM Sans for interface and long-form copy.
   Breakpoints deliberately compose layouts independently, not scale a desktop mockup. */
:root {
  --serif:'quincy-cf', Fraunces, Georgia, serif;
  --sans:'DM Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --section-title:clamp(2.1rem,2.8875vw,3.0975rem);
  --section-label:clamp(0.7875rem,0.6825rem + 0.21vw,0.882rem);
  --feline-gutter:clamp(20px,3.3vw,54px);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);overflow-x:clip;line-height:1.58}
h1,h2,h3,.wordmark,.footer-wordmark,.visit-label>span:first-child,
.service-option-price dd,.prices dd,.value-heading h2,.photo-caption,.faq-mascot figcaption{
  font-family:var(--serif);
}
h1,h2,h3,.wordmark,.footer-wordmark,.service-option h3{font-weight:600}
.eyebrow,.step-label,.service-duration,.field label,.service-option-link,.nav-link,.page-jumps a,
.hero-visit-details,.button,.contact-intro>p:not(.eyebrow){font-family:var(--sans)}
.eyebrow{font-weight:700;letter-spacing:.075em;text-transform:uppercase}
h1,h2,h3{overflow-wrap:normal;text-wrap:balance}
.section-intro>p,.hero-intro-copy p,.trust-welcome>p,.care-copy p,.service-summary,.faq-answer,
.contact-intro>p:last-child{line-height:1.65}
.wrap{width:min(1240px,calc(100% - 2 * var(--feline-gutter)))}
:where(.hero,.hero-copy,.hero-intro,.hero-visual,.section-intro,.care-grid,.care-item,
.service-options,.service-option,.service-option-copy,.value-panel,.contact-layout,
.inquiry-scene,.inquiry-panel,.form-grid,.field,.trust-top,.trust-app-grid){min-width:0}
img{height:auto}
.site-menus{box-shadow:0 3px 18px rgba(57,42,102,.045)}
.header-inner{align-items:center}
.page-jumps a{white-space:nowrap}
.button,.service-option-link,.page-jumps a,.nav-link{
  transition:color .16s ease,background-color .16s ease,transform .16s ease,border-color .16s ease;
}
.button:active,.service-option-link:active{transform:translateY(1px) scale(.992)}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #207a89;outline-offset:3px}
:where(input,select,textarea){font-family:var(--sans)}
.field textarea{resize:vertical;field-sizing:content;min-height:116px}
.field input,.field select,.field textarea{font-size:16.8px}
.inquiry-panel #prepare-inquiry,.button{font-weight:650}
.faq-list summary{cursor:pointer}
.faq-list details[open] .faq-toggle{transition:transform .18s ease}
/* Gentle emphasis only: illustrations and photographs do the expressive work. */
.hero-photo,.service-option,.care-art img{transition:transform .2s ease}
@media (hover:hover) and (pointer:fine){
  .service-option:hover{transform:translateY(-2px)}
  .service-option:hover .service-option-art img{transform:scale(1.025)}
  .button:hover{transform:translateY(-1px)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* MOBILE — 320–760px. Conversational editorial rhythm and thumb-first actions. */
@media (max-width:760px){
  :root{--feline-gutter:18px;--section-title:clamp(2.016rem,8.4vw,2.5725rem)}
  html.home-document,html.contact-document{--sticky-nav-height:116px}
  html{scroll-padding-top:126px}
  .site-menus{width:100%}
  .header-inner{min-height:70px;flex-wrap:nowrap;gap:8px}
  .brand{min-width:0;gap:5px}
  .brand-cat{width:38px;height:48px;flex:0 0 38px}
  .brand-cat img{width:75px;height:75px;left:-21px;top:-8px}
  .wordmark{font-size:clamp(1.218rem,5.25vw,1.5015rem);letter-spacing:-.025em;line-height:1.07}
  .wordmark>span{font:400 0.693rem/1.2 var(--sans);letter-spacing:.01em;margin-top:4px;white-space:nowrap}
  .header-inner nav{margin-left:auto;gap:0;flex-shrink:0}
  .header-inner .nav-link{display:none}
  .header-inner .button-small{font-size:0.882rem;min-height:42px;padding:10px 14px;gap:7px;white-space:nowrap}
  .header-inner .button-small>span{display:inline;font-size:1.05rem}
  .page-jump-bar,.site-menus .page-jump-bar{background:#eaf9fc;border-block:1px solid #d5ecf1;overflow:hidden}
  .page-jumps,.contact-page-jumps{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;
    gap:3px;width:100%;max-width:none;min-height:46px;padding:0 var(--feline-gutter);
    overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .page-jumps::-webkit-scrollbar{display:none}
  .page-jumps a{font-size:0.819rem;flex:0 0 auto;min-height:44px;padding:9px 12px;border:0;border-radius:100px}
  .page-jumps a:active{background:#d8f0f6}
  .home-document .hero{width:calc(100% - 2 * var(--feline-gutter));display:flex;flex-direction:column;
    align-items:stretch;gap:0;padding:24px 0 38px;margin-inline:auto}
  .home-document .hero-copy{width:100%;display:block}
  .home-document .hero-copy>.eyebrow{font-size:0.756rem;margin:0 0 12px;line-height:1.4}
  .home-document .hero #hero-title{font-size:clamp(2.415rem,10.815vw,4.095rem);line-height:1.035;
    letter-spacing:-.031em;margin:0 0 17px;max-width:12ch}
  .home-document .hero #hero-title .hero-title-group{display:block}
  .home-document .hero-copy>.hero-intro{display:block;border:0;box-shadow:none;background:none;
    padding:0;margin:0;max-width:none;border-radius:0}
  .home-document .hero .hero-intro-copy h2{font-size:clamp(1.3125rem,5.565vw,1.596rem);margin:0 0 10px;line-height:1.25}
  .home-document .hero .hero-intro-copy p{font-size:1.0395rem;line-height:1.62;margin:0 0 18px;max-width:48ch}
  .home-document .hero-intro-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-bottom:0}
  .home-document .hero-intro-actions .button{width:100%;min-height:51px;font-size:0.987rem}
  .home-document .hero-intro-actions .text-link{font-size:0.8925rem;align-self:center;padding:8px 10px}
  .home-document .hero>.hero-visual{margin:24px 0 0;padding:0}
  .home-document .hero .hero-photo{width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;object-position:center 53%;border-radius:82px 82px 18px 18px}
  .home-document .hero .photo-caption{font:400 0.84rem/1.45 var(--serif);text-align:center;position:static;max-width:none;margin:9px 0 0}
  .home-document .hero>.hero-visit-details{width:100%;margin:20px 0 0;padding:15px 16px;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 13px;
    border:1px solid #c6eef5;border-radius:17px;background:#f0fbfc;list-style:none}
  .home-document .hero>.hero-visit-details>li{display:flex;flex-direction:row;gap:7px;align-items:flex-start;
    justify-content:flex-start;text-align:left;min-width:0}
  .home-document .hero>.hero-visit-details>li:last-child{grid-column:1/-1;justify-self:center}
  .home-document .hero>.hero-visit-details svg{width:20px;height:20px;flex:0 0 20px}
  .home-document .hero>.hero-visit-details span{font:600 0.819rem/1.35 var(--sans)}
  .value-section{padding-top:29px;padding-bottom:34px}
  .value-heading-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(95px,.42fr);gap:4px;
    align-items:end;margin-bottom:8px}
  .value-heading{grid-row:1;grid-column:1;padding:0 0 6px}
  .value-heading h2{font-size:var(--section-title);line-height:1.1;margin:0}
  .value-garden{grid-row:1;grid-column:2;width:100%;max-width:155px;align-self:end;justify-self:end}
  .value-panel--balanced{padding:18px 20px;border-radius:20px}
  .value-panel--balanced article{padding:13px 0}
  .value-panel--balanced article+article{border-top:1px solid #d8d4eb}
  .value-panel--balanced h3{font-size:1.239rem;margin-bottom:5px}
  .value-panel--balanced p{font-size:0.987rem;line-height:1.55;margin-bottom:0}
  .trust-section,.trust-refined{padding-block:34px 39px;border-radius:26px 0 26px 0}
  .trust-section>.wrap{width:calc(100% - 2 * var(--feline-gutter));max-width:560px}
  .story-cat-scene{pointer-events:none}
  .trust-refined .trust-top{grid-template-columns:1fr;gap:10px;align-items:start;margin-bottom:18px}
  .trust-refined .trust-top h2{font-size:var(--section-title)}
  .trust-refined .trust-welcome>p{font-size:1.008rem;line-height:1.58;margin-bottom:12px}
  .trust-team{grid-template-columns:1fr;gap:8px;padding-block:17px;margin-bottom:17px}
  .trust-refined .trust-app{padding:17px 17px;border-radius:17px}
  .trust-refined .trust-app>h3{margin-bottom:12px;font-size:1.2915rem}
  .trust-refined .trust-app-grid{grid-template-columns:1fr;gap:11px}
  .trust-refined .trust-app-grid li{gap:11px;padding:0}
  .trust-refined .trust-app-grid li+li{padding-top:11px;border-top:1px solid #b9eaf3}
  .trust-refined .trust-care-grid{grid-template-columns:1fr;gap:15px;margin-top:18px}
  .trust-refined .trust-care-grid article+article{padding-top:17px}
  .care-section{padding-block:37px 40px}
  .care-section .section-intro{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 22px}
  .care-section .section-intro h2{font-size:var(--section-title)}
  .care-section .section-intro>p{font-size:1.008rem;line-height:1.6}
  .care-showcase{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:560px;margin:auto}
  .care-showcase .care-item{display:grid;grid-template-columns:minmax(92px,33%) minmax(0,1fr);
    gap:13px;align-items:start;padding:15px 0;margin:0;width:100%;max-width:none}
  .care-showcase .care-item:first-child{padding-top:0}
  .care-showcase .care-item+.care-item{border-top:1px solid var(--line)}
  .care-showcase .care-art,.care-showcase .care-item .care-art{width:100%;height:145px;max-width:none;
    border-radius:16px;overflow:hidden;padding:4px;order:0;grid-column:1;grid-row:1}
  .care-showcase .care-art img{width:100%;height:100%;object-fit:contain}
  .care-showcase .care-copy{width:100%;padding:0;min-width:0;order:1;grid-column:2;grid-row:1}
  .care-showcase .care-copy h3{font-size:1.26rem;line-height:1.16;margin:0 0 8px}
  .care-showcase .care-copy p{font-size:0.924rem;line-height:1.48;margin:0}
  .care-showcase .care-copy p+p{margin-top:8px}
  .care-art.cat-invitation{grid-template-rows:22px minmax(0,1fr);gap:2px}
  .care-art.cat-invitation .cat-whisper{font-size:0.8715rem}
  .care-reassurance{padding:17px;margin:20px 0 0;border-radius:15px;font-size:0.9975rem}
  .visits-refined{padding-block:39px 39px}
  .visits-refined .visits-heading{display:block;text-align:left;margin:0 0 22px;max-width:560px}
  .visits-refined .visits-heading h2{font-size:var(--section-title)}
  .service-options{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;max-width:540px;margin:auto}
  .service-option{display:flex;flex-direction:column;min-width:0;border-radius:21px;overflow:hidden}
  .service-option-art,.service-option-art--bengal{height:158px;margin:9px 9px 0;padding:9px 15px 0;
    grid-template-rows:24px minmax(0,1fr);row-gap:0}
  .service-option-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
  .service-option-art .cat-meow,.service-option-art .cat-stretch,.service-option-art .cat-purr{font-size:1.3125rem}
  .service-option-copy{padding:17px 19px 15px}
  .service-option-copy header{min-height:0;margin-bottom:12px}
  .service-option h3{font-size:1.785rem;line-height:1.08}
  .service-option-price{margin-bottom:10px}
  .service-option-price dd{font-size:2.6775rem}
  .service-summary,.service-aside,.overnight-detail{font-size:0.9555rem;line-height:1.52}
  .service-option-link{min-height:49px;font-size:0.9555rem}
  .visits-refined .all-cats-note{margin:20px 0;font-size:0.987rem}
  .visit-essentials{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:19px;border-radius:19px}
  .visit-essentials .essentials-heading{grid-row:1;grid-column:1}
  .visit-essentials .essentials-heading h3{font-size:1.6275rem}
  .visit-essentials .essentials-art{grid-column:1;grid-row:2;max-width:190px;justify-self:center}
  .visit-essentials .essentials-list{grid-column:1;grid-row:3;grid-template-columns:1fr;gap:15px}
  .visit-essentials .essentials-note{grid-column:1;grid-row:4}
  .steps-section{padding-block:36px 39px}
  .steps-scene{min-width:0}
  .steps-content .section-intro{grid-template-columns:1fr;gap:9px;margin-bottom:18px}
  .steps-content .section-intro h2{font-size:var(--section-title)}
  .steps-grid{grid-template-columns:1fr;gap:12px}
  .steps-grid li{padding:16px 18px;border-radius:16px}
  .hello-section{display:flex;flex-direction:column;gap:15px;padding-block:34px 43px;text-align:center}
  .hello-logo img{width:155px;max-width:48vw}
  .hello-copy h2{font-size:var(--section-title)}
  .hello-copy .button{width:100%;min-height:50px}
  .site-footer{padding:26px 0}
  .footer-inner{display:grid;grid-template-columns:1fr;gap:12px;text-align:left}
  .footer-details{text-align:left}
  .footer-service-area{grid-template-columns:1fr;gap:9px;margin-top:17px;padding-top:16px}
  .footer-service-area h2{font-size:1.26rem}
  .footer-area-copy p{font-size:0.882rem;line-height:1.55}
  /* The inquiry is the task: form first, explanatory steps second. */
  .contact-intro{width:calc(100% - 2 * var(--feline-gutter));padding:23px 0 6px;text-align:left}
  .contact-intro h1{font-size:clamp(2.625rem,11.34vw,3.8325rem);line-height:1.05;margin-bottom:12px;max-width:12ch}
  .contact-intro>p:last-child{font-size:1.029rem;max-width:42ch;margin:0}
  .contact-layout{display:flex;flex-direction:column;gap:21px;width:calc(100% - 2 * var(--feline-gutter));padding:5px 0 36px}
  .inquiry-scene{order:1;width:100%}
  .contact-side{order:2;width:100%;padding:18px 18px 0;background:#f5fbfc;border-radius:18px}
  .contact-side h2{font-size:1.491rem}
  .next-steps{gap:14px;margin:15px 0 18px}
  .next-steps li{font-size:0.9555rem;line-height:1.5}
  .contact-kitten-roost{padding-top:4px;max-height:100px}
  .contact-kitten-roost img{max-height:100px;width:auto;object-fit:contain}
  .inquiry-panel{padding:0 17px 20px;border-radius:22px}
  .inquiry-heading{padding:20px 17px 15px;margin:0 -17px 19px}
  .inquiry-heading h2{font-size:1.722rem;max-width:none;line-height:1.14;margin-bottom:5px}
  .form-intro{font-size:0.966rem;margin-bottom:0}
  .inquiry-group-title{font-size:1.3335rem}
  .form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
  .field,.field.full{grid-column:1}
  .field label{font-size:0.9555rem;line-height:1.35}
  .field input,.field select,.field textarea{border-radius:11px;padding:12px;font-size:16.8px;min-height:48px}
  .field textarea,.care-detail textarea{min-height:118px;max-height:none;overflow-y:auto}
  .care-needs{padding:13px 11px}
  .care-check{min-height:45px}
  .photo-upload{min-width:0}
  #prepare-inquiry{width:100%;min-height:52px}
  .contact-faq{--faq-art-width:min(190px,55vw);width:calc(100% - 2 * var(--feline-gutter));padding:20px 0 35px}
  .faq-mascot{margin-bottom:4px}
  .faq-heading{padding:25px 18px 18px}
  .faq-heading h2{font-size:var(--section-title)}
  .faq-list details summary{font-size:0.9975rem;line-height:1.38;padding:16px;min-height:53px}
  .faq-answer{padding:0 17px 18px;font-size:0.9765rem;line-height:1.6}
}
@media (max-width:365px){
  .header-inner .button-small{padding-inline:11px;font-size:0.819rem}
  .header-inner .button-small>span{display:none}
  .wordmark{font-size:1.155rem}
  .home-document .hero #hero-title{font-size:2.3835rem}
  .home-document .hero>.hero-visit-details{grid-template-columns:1fr}
  .home-document .hero>.hero-visit-details>li:last-child{grid-column:1;justify-self:start}
  .care-showcase .care-item{grid-template-columns:100px minmax(0,1fr);gap:10px}
  .care-showcase .care-item .care-art{height:130px}
  .care-showcase .care-copy p{font-size:0.8925rem}
}

/* TABLET — 761–1099px. Spacious magazine grids, balanced reading widths. */
@media (min-width:761px) and (max-width:1099px){
  :root{--feline-gutter:clamp(28px,4vw,44px);--section-title:clamp(2.2575rem,4.2vw,2.9925rem)}
  html.home-document,html.contact-document{--sticky-nav-height:134px}
  html{scroll-padding-top:146px}
  .header-inner{min-height:81px;gap:16px;flex-wrap:nowrap}
  .wordmark{font-size:1.533rem}
  .header-inner nav{gap:18px;flex-shrink:0}
  .header-inner .nav-link{display:inline-flex;font-size:0.903rem}
  .header-inner .button-small{min-height:43px;padding:10px 16px;font-size:0.903rem;white-space:nowrap}
  .page-jump-bar{background:#eaf9fc}
  .page-jumps,.contact-page-jumps{display:flex;flex-wrap:nowrap;justify-content:center;
    max-width:none;width:100%;gap:clamp(12px,2.1vw,25px);min-height:53px}
  .page-jumps a{font-size:0.8715rem;white-space:nowrap}
  .home-document .hero{display:grid;width:calc(100% - 2 * var(--feline-gutter));
    grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:23px 27px;
    align-items:center;padding:38px 0 32px;margin-inline:auto}
  .home-document .hero-copy{grid-column:1;grid-row:1;min-width:0}
  .home-document .hero-copy>.eyebrow{font-size:0.7665rem;margin:0 0 13px}
  .home-document .hero #hero-title{font-size:clamp(2.94rem,5.145vw,4.3575rem);line-height:1.055;
    letter-spacing:-.035em;margin:0 0 19px}
  .home-document .hero #hero-title .hero-title-group{display:block}
  .home-document .hero-copy>.hero-intro{display:block;padding:0;margin:0;background:transparent;border:0;box-shadow:none}
  .home-document .hero-intro-copy h2{font-size:1.407rem;margin:0 0 11px}
  .home-document .hero-intro-copy p{font-size:1.008rem;line-height:1.58;margin:0 0 17px}
  .home-document .hero-intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px}
  .home-document .hero-intro-actions .button{width:auto;min-height:48px;padding:10px 18px;font-size:0.924rem}
  .home-document .hero-intro-actions .text-link{font-size:0.8505rem}
  .home-document .hero>.hero-visual{grid-column:2;grid-row:1;margin:0;padding:0}
  .home-document .hero .hero-photo{width:100%;height:clamp(430px,53vw,510px);object-fit:cover;object-position:center 50%;
    border-radius:125px 125px 19px 19px}
  .home-document .hero .photo-caption{font:400 0.882rem/1.45 var(--serif);position:static;margin:10px 0 0;text-align:right}
  .home-document .hero>.hero-visit-details{grid-row:2;grid-column:1/-1;margin:4px 0 0;padding:16px 20px;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 15px;
    border:1px solid #caedf4;border-radius:18px;background:#eefbfd;list-style:none}
  .home-document .hero>.hero-visit-details li{display:flex;flex-direction:row;align-items:center;gap:8px;justify-content:start;text-align:left}
  .home-document .hero>.hero-visit-details li:last-child{grid-column:auto;justify-self:auto}
  .home-document .hero>.hero-visit-details svg{width:21px;height:21px;flex:0 0 21px}
  .home-document .hero>.hero-visit-details span{font-size:0.861rem;line-height:1.36}
  .value-section{padding-block:42px 45px}
  .value-heading-scene{grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:22px}
  .value-heading h2{font-size:var(--section-title)}
  .value-panel--balanced{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:19px 25px}
  .value-panel--balanced article{padding:14px 0}
  .value-panel--balanced article:nth-child(n+3){border-top:1px solid #d4cde8}
  .trust-section{padding-block:45px 45px}
  .trust-refined .trust-top{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:25px}
  .trust-team{gap:20px}
  .trust-refined .trust-app{padding:20px 24px}
  .trust-refined .trust-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .care-section{padding-block:46px 47px}
  .care-section .section-intro{grid-template-columns:.95fr 1.05fr;gap:36px;margin-bottom:28px}
  .care-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .care-showcase .care-item{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;max-width:none}
  .care-showcase .care-art,.care-showcase .care-item .care-art{width:100%;max-width:none;height:185px}
  .care-showcase .care-copy{padding:13px 0 0;width:100%}
  .care-showcase .care-copy h3{font-size:1.47rem}
  .care-showcase .care-copy p{font-size:0.9975rem;line-height:1.55}
  .care-showcase .care-item:nth-child(3){grid-column:1/-1;display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:23px;
    padding-top:20px;border-top:1px solid var(--line)}
  .care-showcase .care-item:nth-child(3) .care-art{height:175px;grid-column:1}
  .care-showcase .care-item:nth-child(3) .care-copy{grid-column:2;padding:0}
  .visits-refined{padding-block:46px 45px}
  .visits-refined .visits-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
  .service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;max-width:100%}
  .service-option{min-width:0}
  .service-option-art{height:205px}
  .service-option-copy{padding:23px}
  .service-option h3{font-size:1.995rem}
  .service-option:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);grid-template-rows:1fr auto}
  .service-option:nth-child(3) .service-option-art{grid-column:1;grid-row:1/3;height:auto;min-height:250px;margin:11px}
  .service-option:nth-child(3) .service-option-copy{grid-column:2;grid-row:1;padding:24px 25px 15px}
  .service-option:nth-child(3) .service-option-link{grid-column:2;grid-row:2}
  .visit-essentials{gap:24px;padding:24px 27px}
  .steps-section{padding-block:48px 44px}
  .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
  .steps-grid li{padding:20px 17px}
  .hello-section{gap:40px;padding-block:44px}
  .hello-logo img{width:235px}
  .contact-intro{padding:34px 0 22px;max-width:760px}
  .contact-intro h1{font-size:clamp(2.94rem,5.775vw,4.2rem)}
  .contact-layout{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:22px;padding:12px 0 51px}
  .contact-side{padding:17px 0 0}
  .inquiry-panel{padding:0 20px 23px}
  .inquiry-heading{padding:21px;margin:0 -20px 20px}
  .inquiry-panel h2{font-size:1.911rem}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}
  .contact-faq{padding:45px 0 54px}
  .faq-mascot{max-width:240px}
  .faq-list details summary{font-size:1.05rem}
  .footer-inner{gap:20px}
}

/* DESKTOP — 1100px+. Editorial split screens, dense-but-readable content and generous canvas. */
@media (min-width:1100px){
  :root{--feline-gutter:clamp(42px,4.3vw,68px);--section-title:clamp(2.5725rem,3.15vw,3.3075rem)}
  html.home-document,html.contact-document{--sticky-nav-height:86px}
  html{scroll-padding-top:100px}
  .site-menus .page-jump-bar{display:none}
  .header-inner{min-height:86px;flex-wrap:nowrap;gap:22px}
  .wordmark{font-size:1.7325rem}
  .header-inner nav{gap:26px}
  .header-inner .nav-link{display:inline-flex}
  .home-document .hero{display:grid;width:min(1240px,calc(100% - 2 * var(--feline-gutter)));
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:20px 58px;
    align-items:center;margin:0 auto;padding:38px 0 36px}
  .home-document .hero-copy{min-width:0;grid-column:1;grid-row:1}
  .home-document .hero-copy>.eyebrow{margin:0 0 17px;font-size:0.882rem}
  .home-document .hero #hero-title{font-size:clamp(4.095rem,4.725vw,5.25rem);line-height:1.035;
    letter-spacing:-.037em;margin-bottom:23px;max-width:13ch}
  .home-document .hero #hero-title .hero-title-group{display:block}
  .home-document .hero-copy>.hero-intro{display:block;max-width:560px;margin:0;padding:0;
    border:0;border-radius:0;background:transparent;box-shadow:none}
  .home-document .hero-intro-copy h2{font-size:1.6275rem;margin:0 0 10px}
  .home-document .hero-intro-copy p{font-size:1.08675rem;max-width:48ch;margin:0 0 22px}
  .home-document .hero-intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
  .home-document .hero-intro-actions .button{width:auto;min-height:50px;font-size:0.987rem}
  .home-document .hero-intro-actions .text-link{font-size:0.924rem}
  .home-document .hero>.hero-visual{grid-column:2;grid-row:1;margin:0;padding:0}
  .home-document .hero .hero-photo{width:100%;height:clamp(470px,41vw,555px);object-fit:cover;object-position:center 52%;
    border-radius:165px 165px 23px 23px}
  .home-document .hero .photo-caption{position:static;text-align:right;margin:12px 0 0;font:400 0.882rem/1.4 var(--serif)}
  .home-document .hero>.hero-visit-details{grid-row:2;grid-column:1/-1;width:100%;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:17px 25px;margin:8px 0 0;
    border-radius:16px;border:1px solid #d5f0f4;background:#effbfc;list-style:none}
  .home-document .hero>.hero-visit-details>li,.home-document .hero>.hero-visit-details>li:last-child{
    grid-column:auto;display:flex;flex-direction:row;align-items:center;justify-content:start;gap:9px;text-align:left}
  .home-document .hero>.hero-visit-details svg{width:23px;height:23px;flex:0 0 23px}
  .home-document .hero>.hero-visit-details span{font:600 0.861rem/1.4 var(--sans)}
  .value-section{padding-block:50px 57px}
  .value-heading-scene{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:30px}
  .value-heading h2{font-size:var(--section-title)}
  .value-panel--balanced{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 23px;padding:27px 29px}
  .value-panel--balanced article{padding:2px 0}
  .value-panel--balanced article+article{border:0;border-left:1px solid #dbd5ec;padding-left:23px}
  .value-panel--balanced h3{font-size:1.344rem}
  .value-panel--balanced p{font-size:1.008rem}
  .trust-section{padding-block:50px 52px}
  .trust-refined .trust-top{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px}
  .trust-refined .trust-top h2{font-size:var(--section-title)}
  .trust-team{gap:47px;padding-block:24px}
  .trust-refined .trust-app{padding:23px 29px}
  .trust-refined .trust-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
  .care-section{padding-block:54px 58px}
  .care-section .section-intro{gap:70px;margin-bottom:29px}
  .care-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
  .care-showcase .care-item{display:flex;flex-direction:column;min-width:0;gap:12px;max-width:none}
  .care-showcase .care-art,.care-showcase .care-item .care-art{height:205px;max-width:none;width:100%}
  .care-showcase .care-copy{padding-top:11px;width:100%}
  .care-showcase .care-copy p{font-size:0.9975rem;line-height:1.55}
  .visits-refined{padding-block:54px 56px}
  .visits-refined .visits-heading{margin-bottom:26px}
  .service-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:none}
  .service-option{min-width:0}
  .service-option-art{height:190px}
  .service-option-copy{padding:25px 25px 22px}
  .service-option h3{font-size:1.89rem}
  .service-option-price dd{font-size:2.94rem}
  .visit-essentials{max-width:none}
  .steps-section{padding-block:48px 51px}
  .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
  .hello-section{gap:60px;padding-block:52px 57px}
  .hello-logo img{width:255px}
  .contact-intro{padding:46px 0 25px;max-width:830px}
  .contact-intro h1{font-size:clamp(3.57rem,4.725vw,4.83rem)}
  .contact-layout{display:grid;grid-template-columns:minmax(0,.67fr) minmax(0,1.33fr);gap:60px;padding:17px 0 63px}
  .contact-side{padding-top:19px;max-width:380px}
  .contact-side h2{font-size:1.9425rem}
  .inquiry-panel{padding:0 30px 30px}
  .inquiry-heading{padding:25px 30px;margin:0 -30px 24px}
  .inquiry-panel h2{font-size:2.1rem}
  .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 19px}
  .contact-faq{padding:50px 0 65px}
  .contact-faq .faq-list details summary{font-size:1.05rem}
  .footer-inner{gap:35px}
}

/* Explicitly opt out of the old display:contents hero grid. On larger screens the
   headline, intro and CTA must remain one editorial text column alongside the photo. */
@media (min-width:761px){
  .home-document .hero{
    grid-template-rows:auto auto;
    grid-template-areas:none;
    align-content:start;
  }
  .home-document .hero > .hero-copy{
    display:block;
    grid-area:1 / 1 / 2 / 2;
    width:100%;
    position:relative;
  }
  .home-document .hero > .hero-visual{
    grid-area:1 / 2 / 2 / 3;
    width:100%;
    min-width:0;
  }
  .home-document .hero > .hero-visit-details{
    grid-area:2 / 1 / 3 / 3;
  }
  .home-document .hero-copy > .eyebrow,
  .home-document .hero-copy > #hero-title,
  .home-document .hero-copy > .hero-intro{
    grid-area:auto;
    width:auto;
    margin-inline:0;
  }
  .home-document .hero-copy > .hero-intro{
    max-width:none;
    display:block;
  }
}
@media (min-width:761px) and (max-width:1099px){
  html.home-document,html.contact-document{--sticky-nav-height:142px}
  .contact-document .contact-layout{max-width:none;width:calc(100% - 2 * var(--feline-gutter));
    grid-template-areas:none;grid-template-rows:auto;}
  .contact-document .contact-layout > .contact-side{grid-area:1 / 1 / 2 / 2;}
  .contact-document .contact-layout > .inquiry-scene{grid-area:1 / 2 / 2 / 3;}
}
@media (max-width:760px){
  html.home-document,html.contact-document{--sticky-nav-height:124px}
}

@media (min-width:761px){
  .home-document .hero > .hero-copy,
  .home-document .hero-copy > .eyebrow,
  .home-document .hero-copy > #hero-title,
  .home-document .hero-intro-copy,
  .home-document .hero-intro-copy h2,
  .home-document .hero-intro-copy p{
    text-align:left;
  }
  .home-document .hero-intro-actions{justify-content:flex-start;align-items:center}
  .home-document .hero-intro-actions .text-link{align-self:center;margin:0}
}
@media (min-width:761px) and (max-width:1099px){
  /* Two tall magazine cards and a third wide-format sleepover feature. */
  .visits-refined .service-options > .service-option:nth-child(-n+2){
    display:flex;
    flex-direction:column;
    grid-template-columns:none;
    grid-template-rows:none;
    align-items:stretch;
  }
  .visits-refined .service-options > .service-option:nth-child(-n+2) > .service-option-art{
    display:grid;
    grid-area:auto;
    height:185px;
    min-height:0;
    flex:0 0 185px;
    margin:10px 10px 0;
    padding:10px 13px 0;
    width:calc(100% - 20px);
    grid-template-rows:26px minmax(0,1fr);
  }
  .visits-refined .service-options > .service-option:nth-child(-n+2) > .service-option-copy{
    grid-area:auto;
    width:100%;
    padding:22px 23px 20px;
  }
  .visits-refined .service-options > .service-option:nth-child(-n+2) > .service-option-link{
    grid-area:auto;
    margin-top:auto;
    width:100%;
  }
  .visits-refined .service-options > .service-option:nth-child(-n+2) .service-option h3,
  .visits-refined .service-options > .service-option:nth-child(-n+2) h3{
    font-size:1.89rem;
  }
}
@media (min-width:1100px){
  .home-document .hero .hero-intro-actions{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:18px;
  }
  .home-document .hero .hero-intro-actions .button{margin:0}
  .home-document .hero .hero-intro-actions .text-link{margin:0;align-self:center}
}
@media (min-width:1680px){
  :root{--feline-gutter:clamp(68px,5vw,100px)}
  .wrap,.home-document .hero{width:min(1410px,calc(100% - 2 * var(--feline-gutter)))}
}


/* Illustration scale correction — restore the homepage artwork to a more featured presence. */
@media (max-width:760px){
  .value-heading-scene{
    grid-template-columns:minmax(0,1fr) minmax(132px,.58fr);
    gap:10px;
    align-items:end;
  }
  .value-garden{
    width:100%;
    max-width:235px;
    justify-self:end;
    align-self:end;
  }
  .care-showcase{
    gap:0;
  }
  .care-showcase .care-item{
    grid-template-columns:1fr;
    gap:14px;
    padding:18px 0;
  }
  .care-showcase .care-art,
  .care-showcase .care-item .care-art{
    width:min(100%,250px);
    height:180px;
    justify-self:start;
    padding:0;
  }
  .care-showcase .care-art img{
    object-position:center;
  }
  .care-showcase .care-copy{
    grid-column:1;
    grid-row:2;
  }
  .care-art.cat-invitation{
    grid-template-rows:26px minmax(0,1fr);
    gap:4px;
  }
  .care-art.cat-invitation .cat-whisper{
    font-size:0.9975rem;
  }
}

@media (max-width:365px){
  .value-heading-scene{
    grid-template-columns:minmax(0,1fr) minmax(116px,.52fr);
  }
  .value-garden{
    max-width:205px;
  }
  .care-showcase .care-art,
  .care-showcase .care-item .care-art{
    width:min(100%,220px);
    height:164px;
  }
}

@media (min-width:761px) and (max-width:1099px){
  .value-heading-scene{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:26px;
    align-items:end;
  }
  .value-garden{
    width:min(100%,360px);
    max-width:360px;
    justify-self:end;
  }
  .care-showcase .care-art,
  .care-showcase .care-item .care-art{
    height:235px;
  }
  .care-showcase .care-item:nth-child(3){
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  }
  .care-showcase .care-item:nth-child(3) .care-art{
    height:220px;
  }
}

@media (min-width:1100px){
  .value-heading-scene{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:38px;
    align-items:end;
  }
  .value-garden{
    width:min(100%,430px);
    max-width:430px;
    justify-self:end;
  }
  .care-showcase .care-art,
  .care-showcase .care-item .care-art{
    height:250px;
  }
}

/* feline-type-plus-five-20261101 */