.mobile-cover,.mobile-story{display:none}
@media (max-width:760px){
  html{scroll-padding-top:75px}
  body{background:#f2eddf}
  main{overflow:hidden}
  header{position:absolute;top:14px;left:4%;right:4%;height:57px;padding:0 16px;background:#fffcf0d9;border:1px solid #ffffffd9;color:#20372a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 24px #283c2712;z-index:30}
  header .brand{font-size:18px;color:#21392d}
  header nav .navcta{font-size:10px;padding:10px 12px;color:#f5f7ec!important;background:#233e2e}
  .lux-hero{display:none!important}
  .mobile-cover{display:block;position:relative;isolation:isolate;height:100svh;min-height:850px;max-height:none;background:#f2eddf;color:#283b29;overflow:hidden}
  .mobile-cover-photo{position:absolute;z-index:-3;top:9%;right:-1%;width:76%;height:62%;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 89% 92% at 65% 34%,#000 42%,#000d 59%,transparent 94%);mask-image:radial-gradient(ellipse 89% 92% at 65% 34%,#000 42%,#000d 59%,transparent 94%)}
  .mobile-cover-photo img{width:100%;height:100%;object-fit:contain;object-position:right top;filter:saturate(.84) contrast(.97)}
  .mobile-cover-wash{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#f2eddf 0%,#f2eddfed 25%,#f2eddfb5 40%,#f2eddf0d 72%),linear-gradient(0deg,#f2eddf 0%,#f2eddf 10%,transparent 43%),linear-gradient(180deg,#f2eddf80 0%,transparent 25%)}
  .mobile-cover-intro{position:absolute;top:clamp(104px,14svh,145px);left:5.5%;width:71%;z-index:2}
  .mobile-overline{font-size:10px;font-weight:700;line-height:1.45;letter-spacing:1.15px;text-transform:uppercase;color:#566850;max-width:220px;margin:0 0 4px}
  .mobile-social-proof{font-size:10px;font-weight:700;line-height:1.45;color:#40593f;margin:0 0 17px;letter-spacing:.15px;white-space:nowrap}
  .mobile-social-proof span{padding:0 2px;color:#82917e}
  .mobile-cover h1{font:600 clamp(37px,10.2vw,49px)/1.03 Georgia,serif;letter-spacing:-1.7px;margin:0;color:#203426;text-shadow:0 1px 1px #fff7}
  .mobile-cover h1 em{font-weight:400;color:#44624a}
  .mobile-pills{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:20px}
  .mobile-pills span{font-size:11px;font-weight:600;line-height:1.2;color:#293a2d;padding:8px 13px;background:#fffdf3e6;border:1px solid #d6d8c9;border-radius:40px;box-shadow:0 3px 12px #2133220c;backdrop-filter:blur(7px)}
  .mobile-book-stack{position:absolute;z-index:4;bottom:175px;left:50%;transform:translateX(-50%) scale(.90);transform-origin:center bottom;width:min(92%,360px);height:201px;display:flex;align-items:end;justify-content:center;filter:drop-shadow(8px 13px 11px #1f311f4a);pointer-events:none}
  .mobile-book-stack .book{flex:0 0 auto;width:116px;height:177px;padding:15px 10px;border-radius:2px 6px 6px 2px}
  .mobile-book-stack .book:after{inset:7px}
  .mobile-book-stack .book.first{transform:rotate(-14deg) translate(16px,5px);background:#d5c5a0;color:#324133}
  .mobile-book-stack .book.middle{width:132px;height:201px;transform:rotate(-1deg);z-index:2;background:#3e5945}
  .mobile-book-stack .book.last{transform:rotate(13deg) translate(-16px,6px);background:#777e64;color:#f0e9d9}
  .mobile-book-stack .book small{font-size:5.4px;letter-spacing:.6px}
  .mobile-book-stack .book h3{font:20px/1.1 Georgia,serif;margin:6px 0}
  .mobile-book-stack .book.first h3{font-size:18px}
  .mobile-book-stack .book .symbol{font-size:36px;line-height:1}
  .mobile-book-stack .book b{font-size:5.5px;letter-spacing:1px}
  .mobile-offer{position:absolute;z-index:6;bottom:15px;left:5.5%;right:5.5%;text-align:center}
  .mobile-offer>p{font-size:11px;font-weight:700;margin:0 0 9px;color:#324936;letter-spacing:.1px}
  .mobile-offer-button{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:100px;background:#293f2e;color:#fefcf5;font-size:22px;font-weight:700;letter-spacing:-.35px;box-shadow:0 10px 25px #21392126;padding:14px 16px}
  .mobile-offer-button strong{white-space:nowrap;font-weight:700}
  .offer-mainline{display:flex;align-items:baseline;justify-content:center;gap:6px;white-space:nowrap;line-height:1.2}
  .offer-discount{display:flex;align-items:center;justify-content:center;gap:15px;font-size:16px;line-height:1.3;letter-spacing:0}
  .offer-discount del{color:#c6c9bc;font-weight:400}
  .offer-discount b{font-weight:700}
  .mobile-offer-caption{display:flex;justify-content:space-between;gap:8px;font-size:9px;font-weight:600;color:#53694e;line-height:1.4;margin-top:10px}
  .mobile-offer-caption del{opacity:.65}
  .mobile-story{display:block;padding:26px 6% 29px;text-align:center;background:#e9eadd;border-top:1px solid #dfe1d2}
  .mobile-story span{font-size:8px;letter-spacing:2.3px;color:#597159;font-weight:700}
  .mobile-story p{font:15px/1.7 Georgia,serif;color:#374e3d;max-width:480px;margin:9px auto 0}
}
@media (max-width:380px){
  .mobile-cover-intro{top:104px}
  .mobile-cover h1{font-size:36px}
  .mobile-pills{gap:5px;margin-top:13px}
  .mobile-pills span{padding:7px 11px}
  .mobile-book-stack{transform:translateX(-50%) scale(.87);transform-origin:center bottom;bottom:175px}
  .mobile-offer-button{font-size:19px}
  .mobile-offer-caption{font-size:8px}
}
@media (max-height:740px) and (max-width:760px){
  .mobile-cover{min-height:850px}
  .mobile-cover-intro{top:96px}
  .mobile-cover h1{font-size:35px}
  .mobile-pills{margin-top:12px;gap:5px}
  .mobile-pills span{padding:6px 11px;font-size:10px}
  .mobile-book-stack{bottom:175px;transform:translateX(-50%) scale(.84);transform-origin:center bottom}
  .mobile-offer-button{min-height:85px}
  .mobile-offer{bottom:10px}
}
@media (prefers-reduced-motion:reduce){.mobile-offer-button{transition:none}}
