/* Phone-specific composition. Desktop layout and navigation are unchanged. */
.mobile-nav-toggle{display:none}.mobile-menu:not([open]){display:none}
@media(max-width:720px){
  html{--phone-header:70px;--phone-actions:54px;--phone-page:calc(100svh - var(--phone-header) - var(--phone-actions) - env(safe-area-inset-bottom,0px))}
  html.mobile-nav-ready,html.mobile-nav-ready.large-text{scroll-padding-top:80px;scroll-padding-bottom:70px}
  html.mobile-nav-ready .utility-bar{display:none}
  html.mobile-nav-ready .site-header{position:sticky;top:0;z-index:30;background:#fffdf9f5;backdrop-filter:blur(16px)}
  html.mobile-nav-ready .site-header .compact-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;width:calc(100% - 32px);min-height:70px;padding-block:9px;gap:16px}
  html.mobile-nav-ready .compact-header-inner .brand{justify-self:start}
  html.mobile-nav-ready .compact-header-inner .brand-logo{width:156px;max-width:100%}
  html.mobile-nav-ready .compact-header-inner .brand-caption{font-size:5.7px;letter-spacing:1px;margin-top:4px}
  html.mobile-nav-ready #main-nav{display:none}
  html.mobile-nav-ready .mobile-nav-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 15px;font:inherit;font-size:14px;font-weight:650;color:var(--wine);border:1px solid #d8bfc6;border-radius:28px;background:#f8eef0;cursor:pointer}
  .mobile-menu-bars{position:relative;width:16px;height:12px;display:block;border-block:1.6px solid currentColor}.mobile-menu-bars:after{content:"";position:absolute;top:4px;left:0;right:0;border-top:1.6px solid currentColor}
  .mobile-nav-toggle:focus-visible,.mobile-menu :is(a,button):focus-visible{outline:3px solid #ac4267;outline-offset:3px}
  .mobile-menu{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:100%;max-height:100dvh;padding:0;border:0;border-radius:0;background:#fbf7f2;color:#36222f;overflow:auto;overscroll-behavior:contain;box-shadow:none}
  .mobile-menu[open]{display:flex;flex-direction:column;animation:mobile-menu-arrive .22s ease-out}
  .mobile-menu::backdrop{background:#20101be6}
  .mobile-menu-top{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 20px 18px;background:#fbf7f2f5;backdrop-filter:blur(15px);border-bottom:1px solid #e0d1d2;z-index:1;flex:none}
  .mobile-menu-top .eyebrow{font-size:8px;letter-spacing:1.5px;padding:0;margin:0 0 7px;color:#8b5366}
  .mobile-menu h2{font-size:23px;letter-spacing:-.8px;line-height:1.25;margin:0;color:#4f2537}
  .mobile-menu-close{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;font:inherit;font-weight:600;font-size:13px;background:#efe2e6;border:1px solid #dfc6d0;color:var(--wine);border-radius:28px;cursor:pointer;flex:none}
  .mobile-menu-close span{font-size:24px;line-height:1}
  .mobile-menu-content{padding:12px 20px 25px;flex:1}
  .mobile-menu-main,.mobile-menu-secondary{display:grid;grid-template-columns:1fr;gap:0}
  .mobile-menu nav a{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:51px;padding:13px 10px;border-bottom:1px solid #e6d9d9;font-size:17px;line-height:1.45;font-weight:550;color:#523140}
  .mobile-menu nav a>.icon{width:18px;height:18px;color:#9f6b7e;flex:none}
  .mobile-menu nav a[aria-current=page]{background:#68172d;color:#fff6ed;border-radius:11px;border-color:#68172d;padding-inline:14px}.mobile-menu nav a[aria-current=page]>.icon{color:#f7d5c1}
  .mobile-menu nav a:hover{background:#f0e2e5;color:#68172d;border-radius:10px}
  .mobile-menu-label{font-size:9px;letter-spacing:1.8px;color:#926574;margin:28px 10px 9px;line-height:1.6}
  .mobile-menu-secondary a{font-size:16px!important;min-height:48px}
  .mobile-size-control{display:flex;align-items:center;gap:13px;min-height:48px;width:100%;padding:12px 16px;margin-top:24px;background:#eee3df;border:1px solid #ddcbc7;border-radius:13px;color:#63394a;font:inherit;font-size:16px;font-weight:600;cursor:pointer}.mobile-size-control>span:first-child{font-family:Georgia,serif;font-size:23px}
  .mobile-menu-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1.5fr;gap:10px;padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));background:#fbf7f2;border-top:1px solid #e3d1d4;flex:none}
  .mobile-menu-actions a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;font-size:14px;font-weight:650;color:#68172d;border:1px solid #cba9b5;border-radius:28px;padding:10px}.mobile-menu-actions a:last-child{background:#68172d;border-color:#68172d;color:#fff8ef}.mobile-menu-actions .icon{width:18px;height:18px}
  html.large-text .mobile-menu nav a{font-size:20px;min-height:58px}html.large-text .mobile-menu-label{font-size:12px!important}html.large-text .mobile-menu-secondary a{font-size:19px!important}
  .mobile-actions{display:grid;grid-template-columns:1fr 1.5fr;position:fixed;bottom:0;left:0;right:0;z-index:29;background:#fffaf3;border-top:1px solid #ddc9c5;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 20px #38112c12}
  .mobile-actions>a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;font-size:14px;font-weight:650;line-height:1.35;color:var(--wine);padding:10px}.mobile-actions>a:last-child{background:var(--wine);color:#fff7ef}.mobile-actions .icon{width:18px;height:18px;flex:none}
  .site-footer{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}
  .breadcrumbs{padding-top:16px;font-size:12px;gap:9px}
  .inner-page section,.inner-page article{scroll-margin-top:12px}
  .inner-page .collection-hero,.inner-page .compound-hero{padding-top:26px;padding-bottom:45px;gap:30px}
  .inner-page .collection-hero h1,.inner-page .compound-hero h1{font-size:42px}
  .inner-page .collection-hero-copy>.collection-lead,.inner-page .compound-lead{font-size:20px!important}
  .inner-page .collection-local-note,.inner-page .compound-local-note{margin-top:18px;padding-top:18px}
  .inner-page .collection-jumps{gap:8px}.inner-page .collection-jumps a{min-height:44px}
  .inner-page .form-section{scroll-margin-top:10px}
  /* Full-height moments with natural scrolling whenever the content needs more room. */
  html:has(.experience-hero){scroll-snap-type:none}
  .experience-hero,#care-guide,#services,.care-card,.routine-experience,#about,.visit-section,.faq-section,.welcome-banner{scroll-snap-align:none;scroll-margin-top:0}
  .experience-hero{min-height:var(--phone-page)}
  .experience-hero-grid{grid-template-columns:1fr;grid-template-rows:auto minmax(160px,1fr);gap:18px;height:max(var(--phone-page),590px);min-height:var(--phone-page);align-content:stretch;padding-block:24px 22px}
  .experience-hero-copy{min-width:0}
  .experience-hero .hero-kicker{font-size:8px;letter-spacing:.8px;gap:9px;line-height:1.5;margin-bottom:14px}
  .experience-hero h1{font-size:clamp(40px,10.8vw,48px);line-height:1.02;letter-spacing:-1.9px;margin-bottom:15px}
  .experience-hero h1 em{letter-spacing:-1.5px}
  .experience-intro{font-size:16px;line-height:1.6;max-width:470px}
  .experience-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;align-items:center;margin-top:18px}
  .experience-actions .button{font-size:13px;min-height:47px;padding:12px 13px;gap:8px}.experience-actions .button>.icon{width:17px;height:17px}
  .experience-actions .hero-call{justify-content:center;font-size:13px;gap:7px;min-height:44px;line-height:1.4;border-bottom:0}
  .hero-explore{display:inline-flex;gap:12px;align-items:center;font-size:12px;line-height:1.4;margin-top:13px;padding:0;min-height:32px}.hero-explore span:last-child{width:25px;height:25px;font-size:17px}
  .experience-photo{margin:0;padding:0;width:100%;height:100%;min-height:0}
  .photo-frame{height:100%;min-height:160px;border-radius:40px 17px 17px 17px;transform:none;box-shadow:0 14px 35px #23091635}
  .photo-frame img{object-position:50% 49%}
  .heritage-seal{width:61px;height:61px;border-width:4px;left:auto;right:13px;top:10px;transform:rotate(5deg);box-shadow:0 5px 15px #23091630}
  .heritage-seal strong{font-size:24px;letter-spacing:-1px}.heritage-seal span{font-size:5px;letter-spacing:.5px;line-height:1.3}
  .photo-location{left:10px;right:10px;bottom:10px;padding:9px 12px;border-radius:10px;gap:8px;min-height:44px}
  .photo-location strong{font-size:13px}.photo-location span>span:not(.location-arrow){display:none}.photo-location>.icon{display:block;width:17px;height:17px}.location-arrow{width:25px;height:25px}.location-arrow>.icon{width:14px;height:14px}.photo-side-note,.hero-bottom-line{display:none}
  .care-guide{min-height:var(--phone-page);padding-block:28px 30px;display:flex;flex-direction:column;justify-content:center}
  .editorial-heading{gap:12px;margin-bottom:21px}.editorial-heading .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:11px}.editorial-heading h2{font-size:36px;line-height:1.08;letter-spacing:-1.4px}.editorial-heading>p{font-size:16px;line-height:1.65;padding:0}.editorial-heading>p br{display:none}
  #care-guide .editorial-heading>p{display:none}
  .guide-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .guide-choice{flex-direction:row;align-items:center;font-size:14px;line-height:1.4;min-height:68px;padding:12px 10px;gap:9px;border-radius:13px}
  .choice-icon{width:28px;height:28px;border-radius:9px}.choice-icon .icon{width:17px;height:17px}.guide-choice>.icon{display:none}
  .guide-results{margin-top:12px;border-radius:17px}.guide-result{min-height:0;padding:20px;gap:17px;align-items:stretch;flex-direction:column}.guide-result .eyebrow{display:none}.guide-result h3{font-size:24px;line-height:1.15;margin-bottom:10px;letter-spacing:-.8px}.guide-result p:not(.eyebrow){font-size:16px;line-height:1.6}.guide-result .button{font-size:14px;min-height:46px;padding:12px 18px;width:100%}
  .service-experience{padding-block:30px}.service-experience .editorial-heading{margin-bottom:23px}.service-experience .editorial-heading>p{font-size:15px;max-width:340px;line-height:1.6}
  .service-gallery{grid-template-columns:1fr;gap:20px}.care-card,.care-card--prescription,.care-card--vaccine{grid-column:auto;min-height:var(--phone-page);padding:27px;border-radius:22px;justify-content:center;scroll-margin-top:12px}.care-card:not(:first-child){min-height:calc(var(--phone-page) - 16px)}.care-card:first-child{min-height:max(350px,calc(100svh - 360px));scroll-snap-align:none}
  .card-top{margin-bottom:28px}.card-service{font-size:14px;gap:17px}.card-service .icon{width:31px;height:31px}.card-index{font-size:12px}
  .card-copy h3,.care-card--prescription .card-copy h3,.care-card--vaccine .card-copy h3{font-size:31px;line-height:1.12;letter-spacing:-1px}.card-copy p{font-size:17px;line-height:1.7}.card-bottom{margin-top:32px;padding-top:0;min-height:44px;font-size:14px}
  .care-card--prescription .card-copy{width:72%}.care-card--prescription .card-copy p{font-size:16px}.care-card--prescription .card-bottom{width:100%;font-size:13px}.care-card--prescription .card-top{margin-bottom:23px}.card-phone{width:160px;height:240px;right:-58px;bottom:8px;opacity:.75}.care-card--prescription .card-copy{z-index:2}.care-card--prescription .card-bottom{z-index:2}
  .routine-experience{padding-block:30px;min-height:var(--phone-page)}.routine-experience .editorial-heading{margin-bottom:20px}.routine-experience .editorial-heading>p{display:none}.routine-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:15px}.routine-tabs button{min-height:56px;font-size:13px;padding:9px 7px;border-radius:12px;line-height:1.4;flex-direction:column;justify-content:center}.routine-tabs button>span,.routine-tabs button>.icon{display:none}
  .routine-panel{padding:21px;gap:18px;min-height:0;border-radius:20px;grid-template-columns:1fr}.routine-panel-copy>.eyebrow{font-size:9px;margin-bottom:13px}.routine-panel-copy h3{font-size:27px;line-height:1.15;margin-bottom:14px;letter-spacing:-.9px}.routine-panel-copy>p:not(.eyebrow){font-size:16px;line-height:1.65}.routine-panel-copy .button{margin-top:18px;font-size:14px!important;min-height:46px;padding:12px 17px}.routine-art{height:auto;min-height:0}
  .calendar-art{width:100%;max-width:270px;padding:20px;transform:none}.calendar-art-top{font-size:8px}.calendar-art>strong{font-size:29px}.calendar-art>span{font-size:16px}.calendar-dots{gap:6px;margin-block:14px}.calendar-dots i{height:17px}.calendar-art .art-chip{margin-top:14px;font-size:11px;padding:9px 12px}.text-art{height:260px;width:174px;transform:rotate(3deg)}
  #routine-packs .routine-art{min-height:0}.ez-pack-photo{max-width:290px;padding:18px}.ez-pack-photo img{height:260px}.ez-pack-photo figcaption{font-size:12px;margin-top:13px;padding-top:12px}.ez-pack-photo figcaption strong{font-size:15px}
  .story-section{min-height:var(--phone-page);grid-template-columns:1fr;padding-block:35px;gap:27px}.story-copy{order:0}.story-photo{order:1;height:220px;margin:0;border-radius:20px 60px 20px 20px;transform:none}.story-copy>.eyebrow{font-size:9px;margin-bottom:15px}.story-years{gap:20px;margin-bottom:21px}.story-years>strong{font-size:76px;letter-spacing:-5px}.story-years strong>span{font-size:38px}.story-years>span{font-size:14px;padding-left:18px}.story-copy h2{font-size:33px;line-height:1.1;margin-bottom:18px}.story-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;margin-bottom:15px}.story-copy .text-link{font-size:15px}.story-photo-caption{font-size:12px;padding:11px;bottom:13px}
  .visit-section{min-height:var(--phone-page);padding-block:35px}.visit-layout{gap:27px}.visit-copy h2{font-size:34px;margin-bottom:20px}.visit-copy address{font-size:18px}.visit-copy .eyebrow{font-size:9px}.hours-card{padding:25px}.hours-list>div{font-size:16px;padding-block:13px}.hours-heading h3{font-size:25px}.hours-note{font-size:12px}.faq-section{min-height:var(--phone-page);padding-block:35px;gap:24px}.faq-intro h2{font-size:35px}.faq-list summary{font-size:16px;padding-block:19px}.faq-answer{font-size:16px}.faq-intro>.eyebrow{font-size:9px}.all-faq-link{padding-bottom:35px;margin-top:0;padding-top:0}.welcome-banner{padding-block:35px}.welcome-banner h2{font-size:30px}
  html.large-text:has(.experience-hero){scroll-snap-type:none}html.large-text .experience-hero-grid{height:auto;min-height:var(--phone-page)}html.large-text .experience-hero h1{font-size:48px}html.large-text .experience-actions{display:flex;flex-direction:column;align-items:stretch}html.large-text .experience-photo{max-width:none}html.large-text .photo-frame{height:240px}html.large-text .guide-choices{grid-template-columns:1fr}html.large-text .guide-choice{font-size:19px;min-height:60px;flex-direction:row;align-items:center}html.large-text .guide-result{padding:23px}html.large-text .guide-result p:not(.eyebrow){font-size:20px}html.large-text .care-card{grid-column:auto;height:auto;min-height:var(--phone-page)}html.large-text .care-card--prescription .card-copy{width:100%}html.large-text .card-phone{opacity:.22}html.large-text .routine-tabs{grid-template-columns:1fr}html.large-text .routine-tabs button{font-size:18px;min-height:50px;align-items:flex-start;padding-inline:16px}html.large-text .routine-panel-copy>p:not(.eyebrow){font-size:20px}html.large-text .mobile-actions>a{font-size:16px!important}html.large-text .mobile-menu-actions a{font-size:14px!important}
}
@media(max-width:360px){html.mobile-nav-ready .compact-header-inner .brand-logo{width:143px}html.mobile-nav-ready .mobile-nav-toggle{font-size:13px;padding-inline:13px}.experience-hero .hero-kicker{font-size:7px}.experience-hero h1{font-size:40px}.experience-actions{grid-template-columns:1fr 1fr;gap:8px}.experience-actions .button,.experience-actions .hero-call{font-size:12px}.experience-actions .button>.icon{display:none}.experience-actions .hero-call .icon{width:15px;height:15px}.guide-choice{font-size:13px;gap:7px}.guide-choice .choice-icon{width:24px;height:24px}.care-card{padding:24px}.card-copy h3,.care-card--prescription .card-copy h3,.care-card--vaccine .card-copy h3{font-size:28px}.mobile-menu h2{font-size:21px}.mobile-menu-top{padding-inline:16px;gap:10px}.mobile-menu-content{padding-inline:16px}.mobile-menu-actions{padding-inline:16px}.mobile-menu-actions a{font-size:12px}.mobile-actions>a{font-size:13px}.inner-page .collection-hero h1,.inner-page .compound-hero h1{font-size:39px}}
@media(max-width:720px) and (max-height:700px){.experience-hero-grid{padding-block:20px;gap:16px}.experience-hero h1{font-size:39px}.experience-intro{font-size:15px}.photo-frame{height:145px}.care-guide{padding-block:24px}.editorial-heading h2{font-size:33px}.guide-result{padding:18px}.guide-result h3{font-size:22px}.guide-result p:not(.eyebrow){font-size:15px}.guide-choice{min-height:62px}}
@media(prefers-reduced-motion:reduce){html:has(.experience-hero){scroll-snap-type:none}.mobile-menu[open]{animation:none}}
@keyframes mobile-menu-arrive{from{opacity:.65;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* Each phone panel is measured between the header and the persistent actions.
   Scrolling has one owner: phone-paging.js. No native snap competes with a swipe. */
@media(max-width:720px){
  html.phone-paging{scroll-behavior:auto;scroll-snap-type:none;scroll-padding-top:var(--phone-header);scroll-padding-bottom:54px;overflow-anchor:none}
  .phone-paging body{overflow-anchor:none}
  .phone-paging #main{touch-action:pan-y pinch-zoom}
  .phone-paging .experience-hero-grid{height:max(var(--phone-page),460px);min-height:0;grid-template-rows:auto minmax(90px,1fr);padding-block:20px;gap:14px}
  .phone-paging .experience-hero{min-height:0}
  .phone-paging .experience-hero h1{font-size:clamp(37px,10vw,44px);margin-bottom:12px}
  .phone-paging .experience-hero .hero-kicker{margin-bottom:11px}
  .phone-paging .experience-intro{font-size:16px;line-height:1.5}
  .phone-paging .experience-actions{margin-top:14px}
  .phone-paging .hero-explore{margin-top:8px;min-height:27px}
  .phone-paging .photo-frame{min-height:0;height:100%}
  .phone-paging .care-guide{min-height:var(--phone-page);padding-block:22px;justify-content:center}
  .phone-paging .editorial-heading h2{font-size:33px;line-height:1.08}
  .phone-paging .service-experience{padding:0}
  .phone-paging .service-gallery{display:block}
  .phone-service-opening{min-height:var(--phone-page);display:flex;flex-direction:column;padding-block:20px 14px;gap:16px}
  .phone-service-opening .editorial-heading{margin:0;gap:0}
  .phone-service-opening .editorial-heading .eyebrow{margin-bottom:9px}
  .phone-service-opening .editorial-heading>p{display:none}
  .phone-paging .phone-service-opening .care-card:first-child,.phone-paging .phone-service-opening .care-card{min-height:300px;flex:1;justify-content:center;margin:0;padding:24px}
  .phone-card-scene{min-height:var(--phone-page);display:flex;padding-block:14px}
  .phone-paging .phone-card-scene .care-card{min-height:0;width:100%;margin:0;justify-content:center;padding:30px}
  .phone-paging .card-copy p{line-height:1.6}
  .phone-paging .card-top{margin-bottom:23px}
  .phone-paging .card-bottom{margin-top:26px}
  .phone-paging .routine-experience{min-height:var(--phone-page);padding-block:22px;display:flex;align-items:center}
  .phone-paging .routine-experience .editorial-heading{margin-bottom:16px}
  .phone-paging .routine-experience .eyebrow{font-size:8px;margin-bottom:9px}
  .phone-paging .routine-tabs{margin-bottom:12px}
  .phone-paging .routine-tabs button{min-height:48px;font-size:12px}
  .phone-paging .routine-panel{padding:18px;gap:15px}
  .phone-paging .routine-panel-copy h3{font-size:24px;line-height:1.16;margin-bottom:10px}
  .phone-paging .routine-panel-copy>p:not(.eyebrow){font-size:16px;line-height:1.5}
  .phone-paging .routine-panel-copy .button{margin-top:15px}
  .phone-paging #routine-sync .routine-art{display:grid}
  .phone-paging .ez-pack-photo{display:flex;align-items:center;gap:15px;padding:12px;width:100%;max-width:none;border-radius:15px}
  .phone-paging .ez-pack-photo img{height:135px;width:45%;flex:none}
  .phone-paging .ez-pack-photo figcaption{border:0;padding:0;margin:0;font-size:12px;text-align:left}
  .phone-paging .ez-pack-photo figcaption strong{font-size:15px}
  .phone-paging .text-art{height:155px;width:104px;transform:none;border-radius:13px}
  .phone-paging .story-section{min-height:var(--phone-page);padding-block:16px;gap:12px;align-content:center}
  .phone-paging .story-copy>.eyebrow{margin-bottom:12px;font-size:8px}
  .phone-paging .story-years{margin-bottom:14px;gap:18px}
  .phone-paging .story-years>strong{font-size:60px;line-height:1;letter-spacing:-3px}
  .phone-paging .story-years strong>span{font-size:32px}
  .phone-paging .story-years>span{font-size:13px;line-height:1.5}
  .phone-paging .story-copy h2{font-size:30px;margin-bottom:13px}
  .phone-paging .story-copy>p:not(.eyebrow){font-size:16px;line-height:1.5;margin-bottom:9px}
  .phone-paging .story-copy .text-link{font-size:14px;min-height:44px}
  .phone-paging .story-photo{height:130px;border-radius:15px 40px 15px 15px}
  .phone-paging .story-photo img{object-position:50% 92%}
  .phone-paging .story-photo-caption{font-size:11px;padding:7px 10px;bottom:8px;left:8px;right:8px}
  .phone-paging .visit-section{min-height:0;padding-block:0}
  .phone-paging .visit-layout{gap:0}
  .phone-visit-scene{min-height:var(--phone-page);display:flex;align-items:center;padding-block:25px}
  .phone-visit-scene>*{width:100%}
  .phone-paging .faq-section{min-height:var(--phone-page);padding-block:16px;gap:12px;align-content:center}
  .phone-paging .faq-intro .eyebrow{font-size:8px;margin-bottom:10px}
  .phone-paging .faq-intro h2{font-size:30px;line-height:1.1;margin-bottom:10px}
  .phone-paging .faq-intro h2 br{display:none}
  .phone-paging .faq-intro>p:not(.eyebrow){display:none}
  .phone-paging .faq-intro .text-link{font-size:14px;margin-top:0;min-height:44px}
  .phone-paging .faq-list summary{font-size:16px;padding-block:10px;line-height:1.4;min-height:50px}
  .phone-paging .faq-list details{margin-bottom:6px;padding-inline:15px}
  .phone-paging .faq-answer{font-size:16px;line-height:1.55}
  .phone-paging .faq-section .all-faq-link{width:100%;margin:0;padding:0;text-align:left}
  .phone-paging .faq-section .all-faq-link a{font-size:14px;line-height:1.5;min-height:44px}
  .phone-paging .welcome-banner{min-height:var(--phone-page);display:flex;align-items:center}
}
@media(max-width:360px){.phone-paging .ez-pack-photo img{height:96px}.phone-paging .text-art{height:120px;width:80px}}
@media(max-width:720px) and (max-height:740px){
  .phone-paging .experience-hero h1{font-size:36px}
  .phone-paging .experience-hero-grid{padding-block:16px;gap:12px}
  .phone-paging .experience-intro{font-size:15px}
  .phone-paging .editorial-heading h2{font-size:30px}
  .phone-paging .story-photo{height:100px}
  .phone-paging .routine-experience{padding-block:18px}
  .phone-paging .routine-experience .editorial-heading{margin-bottom:12px}
  .phone-paging .routine-panel-copy h3{font-size:22px}
  .phone-paging .ez-pack-photo img{height:100px}
  .phone-paging .text-art{height:110px;width:74px}
}

/* Compact artwork keeps the illustrations present without adding a second screen. */
@media(max-width:720px){
  .calendar-art{display:grid;grid-template-columns:42% minmax(0,1fr);grid-template-areas:"head head" "days title" "days subtitle" "days note";gap:4px 14px;width:100%;max-width:none;padding:12px 14px;border-radius:15px;box-shadow:0 7px 20px #13091d22}
  .calendar-art-top{grid-area:head;font-size:8px;letter-spacing:1px;padding-bottom:7px;margin-bottom:4px}.calendar-art-top .icon{width:18px;height:18px}
  .calendar-art>strong{grid-area:title;font-size:25px;align-self:end}.calendar-art>span{grid-area:subtitle;font-size:13px}
  .calendar-dots{grid-area:days;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:7px 0;align-self:center;min-width:0}.calendar-dots i{height:auto;min-width:0;width:100%;aspect-ratio:1;font-size:10px;line-height:1}.calendar-dots i.selected{box-shadow:0 0 0 3px #ac27401a}
  .calendar-art .art-chip{grid-area:note;justify-content:flex-start;gap:5px;font-size:10px;line-height:1.4;padding:5px 0;margin:0;background:none}.calendar-art .art-chip .icon{width:13px;height:13px;flex:none}
  .pickup-photo{display:flex;align-items:center;gap:15px;padding:12px;width:100%;border:1px solid #f1ded3;background:#fff7ed;border-radius:15px;color:#601a2d;box-shadow:0 7px 20px #13091d22}
  .pickup-photo .text-art{width:45%;height:127px;transform:none;border-radius:10px;box-shadow:none;flex:none}
  .pickup-photo .text-art img{object-fit:contain;border-radius:10px}
  .pickup-photo figcaption{display:block;font-size:12px;line-height:1.6;text-align:left;color:#8c5b6c}.pickup-photo figcaption strong{font-size:15px;color:#601a2d;line-height:1.45;display:inline-block;margin-top:3px}
  .story-photo img{object-position:50% 92%}
  .phone-paging .photo-frame{position:relative}.phone-paging .photo-frame img{position:absolute;inset:0}
}
@media(max-width:360px), (max-width:720px) and (max-height:740px){
  .pickup-photo .text-art{height:90px}
  .calendar-art{gap:2px 12px;padding:10px 12px;grid-template-columns:38% minmax(0,1fr)}
  .calendar-art-top{font-size:7px;padding-bottom:5px;margin-bottom:2px}.calendar-art-top .icon{width:15px;height:15px}
  .calendar-dots{gap:4px;margin:3px 0}.calendar-art>strong{font-size:22px}.calendar-art>span{font-size:12px}.calendar-art .art-chip{font-size:9px;padding:3px 0}
}
@media(max-width:360px){.phone-paging .routine-experience{padding-block:15px}}
/* Larger type uses the same phone scenes, with room to grow rather than clipping.
   Oversize scenes retain directional stops so every line and control is reachable. */
@media(max-width:720px){
 html.phone-paging.large-text #main .experience-hero-grid{height:auto;min-height:var(--phone-page);grid-template-rows:auto minmax(150px,1fr);gap:16px;padding-block:20px}
 html.phone-paging.large-text #main .experience-hero h1{font-size:clamp(42px,11.5vw,49px);line-height:1.04;margin-bottom:14px}
 html.phone-paging.large-text #main .hero-kicker{font-size:12px;line-height:1.5;letter-spacing:.6px}
 html.phone-paging.large-text #main .experience-intro{font-size:20px;line-height:1.5}
 html.phone-paging.large-text #main .experience-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;margin-top:16px}
 html.phone-paging.large-text #main .experience-actions :is(.button,.hero-call){font-size:16px;line-height:1.35;min-height:54px;padding:10px;white-space:normal;text-align:center}
 html.phone-paging.large-text #main .hero-explore{font-size:15px;min-height:36px}
 html.phone-paging.large-text #main .photo-frame{height:100%;min-height:150px}
 html.phone-paging.large-text #main .photo-location strong{font-size:15px}
 html.phone-paging.large-text #main .editorial-heading h2{font-size:36px;line-height:1.1}
 html.phone-paging.large-text #main .editorial-heading .eyebrow{font-size:10px;line-height:1.5}
 html.phone-paging.large-text #main .guide-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 html.phone-paging.large-text #main .guide-choice{font-size:18px;line-height:1.35;min-height:84px;padding:12px;gap:9px}
 html.phone-paging.large-text #main .guide-result{padding:20px;gap:15px}
 html.phone-paging.large-text #main .guide-result h3{font-size:27px;line-height:1.2}
 html.phone-paging.large-text #main .guide-result p:not(.eyebrow){font-size:20px;line-height:1.5}
 html.phone-paging.large-text #main .guide-result .button{font-size:18px;line-height:1.4}
 html.phone-paging.large-text #main .phone-service-opening .care-card{min-height:400px}
 html.phone-paging.large-text #main .care-card .card-copy{width:100%}
 html.phone-paging.large-text #main .card-copy h3{font-size:36px;line-height:1.12}
 html.phone-paging.large-text #main .card-copy p{font-size:20px;line-height:1.55}
 html.phone-paging.large-text #main .card-service,html.phone-paging.large-text #main .card-bottom{font-size:18px;line-height:1.4}
 html.phone-paging.large-text #main .routine-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 html.phone-paging.large-text #main .routine-tabs button{font-size:16px;min-height:60px;padding:8px 7px;align-items:center;text-align:center;line-height:1.35}
 html.phone-paging.large-text #main .routine-panel{padding:16px;gap:12px}
 html.phone-paging.large-text #main .routine-panel-copy>.eyebrow{font-size:12px;line-height:1.5;margin-bottom:9px}
 html.phone-paging.large-text #main .routine-panel-copy h3{font-size:29px;line-height:1.15}
 html.phone-paging.large-text #main .routine-panel-copy>p:not(.eyebrow){font-size:20px;line-height:1.45}
 html.phone-paging.large-text #main .routine-panel-copy .button{font-size:18px!important;line-height:1.4;min-height:50px}
 html.phone-paging.large-text #main .routine-detail{display:inline}
 html.phone-paging.large-text #main :is(.ez-pack-photo,.pickup-photo) figcaption{font-size:15px;line-height:1.5}
 html.phone-paging.large-text #main :is(.ez-pack-photo,.pickup-photo) figcaption strong{font-size:18px}
 html.phone-paging.large-text #main .calendar-art-top{font-size:10px}
 html.phone-paging.large-text #main .calendar-art>strong{font-size:28px}
 html.phone-paging.large-text #main .calendar-art>span{font-size:16px}
 html.phone-paging.large-text #main .calendar-art .art-chip{font-size:13px}
 html.phone-paging.large-text #main .story-section{padding-block:14px;gap:10px}
 html.phone-paging.large-text #main .story-copy>.eyebrow{font-size:12px;line-height:1.5;letter-spacing:1px;margin-bottom:12px}
 html.phone-paging.large-text #main .story-years>span{font-size:16px;line-height:1.45}
 html.phone-paging.large-text #main .story-copy>p:not(.eyebrow){font-size:20px;line-height:1.45;margin-bottom:10px}
 html.phone-paging.large-text #main .story-copy h2{font-size:35px;line-height:1.1}
 html.phone-paging.large-text #main .story-copy .text-link{font-size:18px;line-height:1.45}
 html.phone-paging.large-text #main .story-photo{height:140px}
 html.phone-paging.large-text #main .visit-copy :is(address,.visit-parking){font-size:20px;line-height:1.5}
 html.phone-paging.large-text #main .faq-list summary{font-size:19px;line-height:1.45;padding-block:14px}
 html.phone-paging.large-text #main .faq-answer{font-size:20px;line-height:1.5}
}
@media(max-width:374px){html.phone-paging.large-text #main .guide-choice{padding:10px 8px;gap:7px;min-height:90px}html.phone-paging.large-text #main .choice-icon{width:23px;height:23px;flex:none}html.phone-paging.large-text #main .routine-tabs button{font-size:15px}}
@media(max-width:720px) and (max-height:740px){
  .phone-paging .routine-experience{padding-block:12px}
  .phone-paging .routine-experience .editorial-heading .eyebrow{display:none}
  .phone-paging .routine-panel{padding:14px;gap:10px}
  .phone-paging .routine-detail{display:none}
}