.mobile-header-call,.mobile-care-grid,.mobile-home-faq{display:none}
@media(max-width:760px){
  .page-home{background:#f3fafb}
  .page-home .site-header.is-hero,.page-home .site-header{position:absolute;top:14px;left:4%;right:4%;width:92%;z-index:1000;background:rgba(255,255,255,.96);border:0;border-radius:17px;box-shadow:0 12px 35px rgba(16,65,71,.1);backdrop-filter:blur(12px)}
  .page-home .site-header.is-scrolled{position:fixed;top:8px}
  .page-home .header-inner,.page-home .site-header.compact .header-inner{height:66px;width:100%;padding:0 13px;gap:8px}
  .page-home .brand-logo img{width:clamp(122px,38vw,210px)}
  .page-home .mobile-header-call{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;margin-left:auto;padding:7px 10px;border-radius:30px;background:#eaf7f8;color:#008996;font-size:13px;font-weight:900;letter-spacing:.02em}
  .page-home .mobile-header-call span{font-size:clamp(11px,3.2vw,17px)}
  .page-home .mobile-toggle{flex:none;width:35px;height:38px;padding:7px;border:0;background:transparent}
  .page-home .site-header.is-hero .mobile-toggle{background:transparent;border:0}
  .page-home .mobile-toggle span,.page-home .site-header.is-hero .mobile-toggle span{background:#174b55}
  .page-home .hero-video-shell,.page-home .hero-cinematic-inner{min-height:480px}
  .page-home .hero-video-shell{background:#e9f8f8}
  .page-home .hero-photo-slides{left:0;right:0;top:0;bottom:0}
  .page-home .hero-photo-bg{object-position:62% center;animation:none}
  .page-home .hero-photo-first{opacity:0}
  .page-home .hero-photo-second{opacity:1}
  .page-home .hero-video-overlay{background:linear-gradient(90deg,rgba(244,252,252,.97) 0%,rgba(244,252,252,.89) 43%,rgba(244,252,252,.12) 80%),linear-gradient(0deg,#f3fafb 0%,transparent 24%)}
  .page-home .hero-cinematic-inner{align-items:flex-start;padding-top:116px;padding-bottom:65px}
  .page-home .hero-cinematic-copy{max-width:78%}
  .page-home .hero-cinematic-copy .eyebrow{color:#008996;font-size:10px;letter-spacing:.13em}
  .page-home .hero-cinematic-copy h1{color:#123c48;font-size:clamp(31px,8vw,54px);line-height:1.14;margin:15px 0}
  .page-home .hero-cinematic-copy h1 span{color:#008996}
  .page-home .hero-cinematic-copy .hero-copy{color:#315766;font-size:14px;line-height:1.55;max-width:320px}
  .page-home .hero-cinematic-copy .hero-actions{display:flex;gap:8px;margin-top:18px}
  .page-home .hero-cinematic-copy .btn{min-height:43px;width:auto;flex:1;padding:0 11px;border-radius:30px;font-size:12px;font-weight:800;white-space:nowrap}
  .page-home .hero-cinematic-copy .btn-primary{background:#008f9d}
  .page-home .hero-cinematic-copy .btn-secondary{background:rgba(255,255,255,.8);border:1px solid #78b9bf;color:#007b89}
  .page-home .hero-legal-line{display:none}
  .page-home .mobile-care-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:calc(100% - 28px);margin:-42px auto 0;padding-bottom:24px}
  .page-home .mobile-care-grid a{min-height:150px;padding:13px 5px 10px;text-align:center;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(21,100,113,.045)}
  .page-home .care-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 6px;border-radius:50%;background:#e9f8f9;color:#008996;font-size:31px;font-weight:300;line-height:1}
  .page-home .care-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .page-home .mobile-care-grid strong{display:block;color:#132d3d;font-size:12px;line-height:1.3;letter-spacing:-.045em}
  .page-home .mobile-care-grid small{display:block;margin-top:5px;color:#668195;font-size:10px;line-height:1.4;letter-spacing:-.04em}
  .page-home .section-editorial-statement{display:none}
  .page-home .section-muted{background:#f7fbfb}
  .page-home .section-muted,.page-home .actual-space-section{padding:27px 0}
  .page-home .section-muted .section-title,.page-home .actual-space-section .section-title{margin:8px 0;font-size:26px;line-height:1.2}
  .page-home .section-muted .section-copy,.page-home .actual-space-section .section-copy{font-size:13px;line-height:1.5}
  .page-home .signature-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;margin-top:20px!important}
  .page-home .signature-panel{min-height:165px;border-radius:13px}
  .page-home .signature-panel:nth-child(n+3){display:none}
  .page-home .signature-panel-copy{left:12px;right:12px;bottom:12px}
  .page-home .signature-panel-copy span{display:none}
  .page-home .signature-panel-copy h3{font-size:16px;line-height:1.25;margin:0 0 5px}
  .page-home .signature-panel-copy p{opacity:1;transform:none;font-size:10px;line-height:1.35}
  .page-home .actual-space-gallery{grid-template-columns:1.5fr .8fr;grid-template-rows:82px 82px;gap:8px;margin-top:19px}
  .page-home .actual-space-gallery .large{grid-row:1/3;grid-column:1}
  .page-home .actual-space-gallery .tall,.page-home .actual-space-gallery .medium{grid-column:2}
  .page-home .actual-space-gallery .small{display:none}
  .page-home .gallery-block{border-radius:12px}
  .page-home .actual-space-quote{display:none}
  .page-home .mobile-home-faq{display:block;margin-top:26px}
  .page-home .mobile-home-faq .eyebrow{font-size:11px}
  .page-home .mobile-home-faq h2{font-size:24px;line-height:1.2;margin:7px 0 12px}
  .page-home .mobile-home-faq details{margin-top:7px;border:1px solid #e1eff0;border-radius:11px;background:#fff;box-shadow:0 4px 14px rgba(12,76,83,.04)}
  .page-home .mobile-home-faq summary{padding:11px 14px;color:#1c4556;font-size:13px;font-weight:750;cursor:pointer}
  .page-home .mobile-home-faq p{margin:0;padding:0 14px 13px;color:#607985;font-size:12px}
  .page-home .mobile-sticky-cta{left:0;right:0;bottom:0;gap:8px;padding:8px 12px max(8px,env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:0 -6px 24px rgba(16,72,80,.08)}
  .page-home .mobile-sticky-cta a{border-radius:12px}
}
@media(max-width:380px){.page-home .brand-logo img{width:118px}.page-home .mobile-header-call{padding:6px}.page-home .hero-cinematic-copy{max-width:86%}.page-home .mobile-care-grid strong{font-size:11px}}
@media(max-width:760px){
  /* Keep the mobile landing page focused on the content shown in the reference. */
  .page-home .process-story-section,.page-home .hygiene-canvas-section,.page-home .journal-info-section,.page-home .branch-product-section,.page-home .final-cta-editorial,.page-home .seo-help,.page-home .cta-band{display:none}
  .page-home .actual-space-section ~ .section{display:none}
  .page-home .site-footer{padding-bottom:72px}
  .page-home .footer-main{padding-top:30px;padding-bottom:22px;gap:15px}
  .page-home .footer-main .footer-col,.page-home .footer-warning{display:none}
  .page-home .footer-company{font-size:11px;line-height:1.55}
  .page-home .footer-logo{width:145px}
  .page-home .hero-cinematic-copy .btn:active,.page-home .mobile-care-grid a:active{transform:scale(.97)}
  .page-home .mobile-home-faq summary::marker{color:#008996}
  .page-home .mobile-home-faq details[open]{border-color:#8fd3d7}
  .page-home.mobile-motion-ready .mobile-care-grid a,.page-home.mobile-motion-ready .signature-panel,.page-home.mobile-motion-ready .gallery-block,.page-home.mobile-motion-ready .mobile-home-faq details,.page-home.mobile-motion-ready .section-muted .center,.page-home.mobile-motion-ready .actual-space-head{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
  .page-home.mobile-motion-ready .mobile-care-grid a.is-visible,.page-home.mobile-motion-ready .signature-panel.is-visible,.page-home.mobile-motion-ready .gallery-block.is-visible,.page-home.mobile-motion-ready .mobile-home-faq details.is-visible,.page-home.mobile-motion-ready .section-muted .center.is-visible,.page-home.mobile-motion-ready .actual-space-head.is-visible{opacity:1;transform:translateY(0)}
  .page-home.mobile-motion-ready .mobile-care-grid a:nth-child(3n+2),.page-home.mobile-motion-ready .signature-panel:nth-child(2),.page-home.mobile-motion-ready .gallery-block:nth-child(2){transition-delay:.09s}
  .page-home.mobile-motion-ready .mobile-care-grid a:nth-child(3n),.page-home.mobile-motion-ready .gallery-block:nth-child(3){transition-delay:.18s}
  .page-home .mobile-care-grid a.is-visible .care-icon{animation:care-icon-pop .65s cubic-bezier(.2,1.5,.3,1) both,care-icon-float 3s ease-in-out .65s infinite}
  .page-home .mobile-care-grid a.is-visible:nth-child(3n+2) .care-icon{animation-delay:.09s,.74s}
  .page-home .mobile-care-grid a.is-visible:nth-child(3n) .care-icon{animation-delay:.18s,.83s}
  .page-home .mobile-care-grid a:active .care-icon{transform:scale(1.12) rotate(-6deg)}
  .page-home .mobile-care-grid .care-icon{transition:transform .25s ease}
  .page-home .signature-panel.is-visible img,.page-home .gallery-block.is-visible img{animation:mobile-photo-settle .9s ease both}
}
@keyframes care-icon-pop{0%{opacity:0;transform:scale(.28) rotate(-18deg)}65%{opacity:1;transform:scale(1.24) rotate(5deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes care-icon-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(3deg)}}
@keyframes mobile-photo-settle{from{transform:scale(1.08)}to{transform:scale(1)}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  .page-home.mobile-motion-ready .mobile-care-grid a,.page-home.mobile-motion-ready .signature-panel,.page-home.mobile-motion-ready .gallery-block,.page-home.mobile-motion-ready .mobile-home-faq details,.page-home.mobile-motion-ready .section-muted .center,.page-home.mobile-motion-ready .actual-space-head{opacity:1;transform:none;transition:none}
  .page-home .mobile-care-grid a.is-visible .care-icon,.page-home .signature-panel.is-visible img,.page-home .gallery-block.is-visible img{animation:none}
}
@media(max-width:380px){
  .page-home .header-inner{padding:0 8px;gap:4px}
  .page-home .brand-logo img{width:102px}
  .page-home .mobile-header-call span{font-size:10px}
  .page-home .mobile-toggle{width:31px}
}
/* care grid accent motion */
@media(max-width:760px){
  .page-home .mobile-care-grid a{position:relative;overflow:hidden}
  .page-home .mobile-care-grid a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#008996,#f2836b);transform:translateX(-50%);transition:width .6s ease .3s}
  .page-home .mobile-care-grid a.is-visible:after{width:38%}
  .page-home .care-icon{position:relative;background:radial-gradient(circle at 30% 25%,#fff 0,#e9f8f9 60%)}
  .page-home .care-icon:before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,transparent 0 55%,rgba(242,131,107,.9) 75%,#008996 92%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:care-ring 4.5s linear infinite}
  .page-home .care-icon:after{content:"";position:absolute;top:4px;right:6px;width:8px;height:8px;border-radius:50%;background:#f2836b;box-shadow:0 0 0 3px rgba(242,131,107,.18);animation:care-dot 2.4s ease-in-out infinite}
  .page-home .mobile-care-grid a:nth-child(2n) .care-icon:after{animation-delay:1.2s}
  .page-home .mobile-care-grid a:nth-child(2n) .care-icon:before{animation-duration:5.5s;animation-direction:reverse}
  .page-home.mobile-motion-ready .care-icon svg path{stroke-dasharray:160;stroke-dashoffset:160}
  .page-home .mobile-care-grid a.is-visible .care-icon svg path{animation:care-draw 1.4s ease .2s forwards}
  .page-home .mobile-care-grid a:active strong{color:#d9654c}
}
@keyframes care-ring{to{transform:rotate(360deg)}}
@keyframes care-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.55);opacity:.55}}
@keyframes care-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.page-home .care-icon:before,.page-home .care-icon:after{animation:none}.page-home .care-icon svg path{stroke-dasharray:none;stroke-dashoffset:0;animation:none!important}}