/* Mobile reference: the real Home screenshot sits inside a frontal device. */
@media(max-width:767px){
  .site-header,.site-header.scrolled{position:relative;height:auto;background:#fff;border:0;backdrop-filter:none;transition:none}
  .header-inner{height:auto;width:100%;max-width:none;display:flex;justify-content:center;padding:22px 20px 26px;gap:0}
  .header-inner .brand{width:118px;margin:0}
  .header-inner .navigation,.header-inner .navigation.open,.header-inner .menu-toggle,.header-inner .header-status{display:none}
  .hero-lifestyle{width:100%;height:auto;min-height:0;max-height:none;padding:0 20px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;overflow:hidden;isolation:isolate}
  .hero-lifestyle .desktop-hero-art,.hero-lifestyle .hero-photo-area{display:none}
  .hero-lifestyle .hero-grid{order:1;width:100%;max-width:390px;height:auto;min-height:0;display:block;padding:0;margin:0;pointer-events:auto}
  .hero-lifestyle .hero-copy{position:relative;inset:auto;width:100%;padding:0;transform:none;translate:none;display:flex;flex-direction:column;align-items:center;font-family:"Zove Inter Desktop",sans-serif;animation:none;opacity:1}
  .hero-lifestyle .eyebrow{display:flex;flex-direction:column;align-items:center;gap:17px;margin:0 0 11px;font-family:"Zove Inter Desktop",sans-serif;font-size:9px;font-weight:500;line-height:1.5;letter-spacing:.26em;color:#777772}
  .hero-lifestyle .eyebrow-rule{width:30px;height:2px;background:#FFD200}
  .hero-lifestyle h1{font-family:"Zove Playfair Desktop",Georgia,serif;font-size:clamp(42px,13.08vw,51px);font-weight:400;line-height:.99;letter-spacing:-.035em;color:#191919;text-align:center;width:100%;max-width:350px;margin:0}
  .hero-lifestyle h1>.yellow{display:inline;color:#FFD200}
  .hero-lifestyle .body-copy{font-size:18px;font-weight:400;line-height:1.38;letter-spacing:-.025em;color:#70706D;width:100%;max-width:330px;text-align:center;margin:23px 0 0}
  .hero-lifestyle .button{width:100%;max-width:350px;min-width:0;height:55px;min-height:55px;padding:0 20px;margin:19px 0 0;display:flex;justify-content:center;align-items:center;gap:20px;border:0;border-radius:999px;background:#FFD200;color:#191919;font-family:"Zove Inter Desktop",sans-serif;font-size:20px;font-weight:600;line-height:1;letter-spacing:-.035em}
  .hero-lifestyle .button>span{font-size:30px;font-weight:400;line-height:1}
  .hero-lifestyle .hero-store-badges{width:100%;max-width:350px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:0;margin:23px 0 0;text-align:left}
  .hero-lifestyle .hero-store{flex:1;min-width:0;max-width:154px;height:52px;min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;background:#fff;border:1px solid #E1DFDA;border-radius:999px}
  .hero-lifestyle .hero-store>svg{width:27px;height:29px;flex:none}
  .hero-lifestyle .hero-store small{font-size:10.5px;font-weight:400;line-height:1.3;letter-spacing:0}
  .hero-lifestyle .hero-store strong{font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-.035em}
  .hero-lifestyle .store-divider{display:block;flex:none;width:1px;height:52px;background:#858580;margin:0 16px}
  .mobile-hero-phone-area{display:block;position:relative;order:2;width:100%;height:300px;margin-top:20px;flex-shrink:0;overflow:hidden}
  .mobile-phone-frame{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:320px;max-width:calc(100vw - 50px);height:auto;padding:12px;border-radius:55px;background:#09090A;box-shadow:inset 0 0 0 1px #808080,inset 0 0 0 3px #2F3031,0 0 0 1px #88898A,0 18px 34px #19191924;z-index:2}
  .mobile-phone-screen{position:relative;width:100%;overflow:hidden;border-radius:43px;background:#F4F4F4}
  .mobile-phone-screen>img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:cover}
  .mobile-phone-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:94px;height:27px;border-radius:30px;background:#050506;box-shadow:inset 0 -1px 0 #252525}
  .mobile-phone-island::after{content:"";position:absolute;right:14px;top:10px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#173452,#060709 60%)}
  .mobile-phone-key{position:absolute;left:-3px;top:136px;width:3px;height:37px;border-radius:2px;background:#343435;box-shadow:0 46px 0 #343435}
}
@media(max-width:359px){
  .header-inner{padding-top:20px;padding-bottom:23px}
  .header-inner .brand{width:105px}
  .hero-lifestyle{padding-inline:16px}
  .hero-lifestyle .body-copy{font-size:16px;max-width:285px}
  .hero-lifestyle .button{font-size:18px}
  .hero-lifestyle .hero-store{padding-inline:8px;gap:6px}
  .hero-lifestyle .hero-store>svg{width:23px;height:27px}
  .hero-lifestyle .hero-store small{font-size:9px}
  .hero-lifestyle .hero-store strong{font-size:14px}
  .hero-lifestyle .store-divider{margin-inline:10px}
  .mobile-phone-frame{width:270px;border-radius:48px;padding:11px}
  .mobile-phone-screen{border-radius:37px}
  .mobile-phone-island{width:82px;height:24px}
}
@media(min-width:431px) and (max-width:767px){
  .mobile-phone-frame{width:335px}
}