/* Portrait brochure artwork stays unchanged below the desktop breakpoint. */
.desktop-scene,.desktop-brand{display:none}

@media(min-width:701px){
  .short-page{max-width:1512px;padding:0 32px}
  .site-navigation-inner{max-width:1512px;padding-inline:32px}
  .site-footer{max-width:1448px;padding-inline:32px}
  .opening-pair,.membership-pair{display:block;max-width:none}
  .hero{position:relative;isolation:isolate;overflow:hidden;background:#07101c}
  .hero .brochure-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-1}
  .hero .brochure-canvas,.hero .brochure-brand{display:none}
  .hero .brochure-art::after{inset:0;height:100%;background:linear-gradient(90deg,rgba(3,8,17,.93),rgba(3,8,17,.77) 38%,rgba(3,8,17,.08) 76%),linear-gradient(0deg,#04070b 0,transparent 20%)}
  .desktop-scene{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
  .hero-copy.sr-only,.closing-copy.sr-only{position:relative;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
  .hero-copy{max-width:780px;padding:36px 56px 0}
  .desktop-brand{display:block;margin-bottom:24px}
  .desktop-brand .logo-window{width:270px;max-width:100%;margin:0}
  .hero-copy h1{font:400 clamp(3.25rem,4.8vw,4.7rem)/1.08 var(--display);text-transform:uppercase;margin:18px 0 18px;max-width:12ch}
  .hero-copy h1 em{display:block;width:min(100%,470px);height:1.65em;line-height:1.65;color:transparent;background:url('/stage-assets/mastery-brush-gold.png') left center/contain no-repeat}
  .hero-copy .hero-kicker{font:600 1rem/1.5 var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0}
  .hero-copy .hero-lead{font:600 clamp(1.3rem,2vw,1.6rem)/1.35 var(--cond);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;max-width:34ch}
  .hero-copy .hero-community{font-size:1rem;color:#e4e4e6;margin:0 0 10px}
  .hero-copy .hero-purpose{font:600 1rem/1.5 var(--cond);letter-spacing:.05em;color:var(--muted);margin:0}
  .hero .join-break{position:relative;background:transparent;text-align:left;padding:24px 56px 36px;margin:0}
  .hero .join-break p{display:inline-block;margin-left:20px}
  .hero .join-break .checkout-note{display:block;margin-top:10px}
  .journey{margin-top:40px}
  .journey-offer{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:32px 56px;padding:44px 48px}
  .journey-offer h2{font-size:clamp(2.7rem,4vw,3.8rem)}
  .journey-lead{max-width:30ch}
  .journey-inclusions{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
  .journey-inclusions li{grid-template-columns:32px minmax(0,1fr);gap:12px;padding-top:20px}
  .journey-timing{grid-column:1/-1;font-size:1.2rem}
  .journey .join-break{padding:24px 24px 36px}
  .membership-pair{margin-top:16px}
  .membership{width:100%;max-width:none;margin:0;padding:44px 48px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:36px 48px}
  .membership-heading{grid-column:1/-1}
  .membership h2{font-size:3.8rem}
  .benefits{max-width:none;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:28px 26px}
  .benefits li{grid-template-columns:44px minmax(0,1fr);gap:14px}
  .benefits .benefit-icon{width:44px;height:44px}
  .benefits .benefit-icon img{width:24px;height:24px}
  .price-reveal{margin:0;padding:28px 24px;align-self:start;scroll-margin-top:84px}
  .light-invitation{grid-column:1/-1;margin:0}
  .closing{width:100%;max-width:none;margin:40px 0 0;border:1px solid var(--line)}
  .closing{position:relative;isolation:isolate;overflow:hidden;background:#06101d;min-height:580px}
  .closing .closing-top{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-1}
  .closing .brochure-canvas,.closing .brochure-brand,.closing .closing-footer{display:none}
  .closing-top::after{inset:0;height:100%;background:linear-gradient(90deg,rgba(3,8,17,.92),rgba(3,8,17,.68) 40%,rgba(3,8,17,.03) 80%)}
  .closing-copy{padding:56px 56px 0;max-width:700px}
  .closing-copy .eyebrow{margin:0 0 20px;font-size:1.125rem}
  .closing-copy h2{font:400 clamp(4.5rem,7vw,6.5rem)/1.1 var(--display);text-transform:uppercase;margin:0 0 22px}
  .closing-lead{font:600 1.5rem/1.4 var(--cond);text-transform:uppercase;letter-spacing:.06em;margin:0}
  .closing-purchase{background:transparent;text-align:left;padding:28px 56px}
  .closing-purchase .button{width:auto;max-width:none}
  .closing-signoff.sr-only{position:relative;width:auto;height:auto;margin:0;padding:0 56px 40px;overflow:visible;clip:auto;white-space:normal;font:600 .9375rem/1.5 var(--cond);color:var(--gold);text-transform:uppercase;letter-spacing:.15em}
  .closing-signoff span{display:block;font:400 1.8rem/1.5 'Permanent Marker',cursive;text-transform:none;letter-spacing:0;margin-top:8px}
  .expanded-more,.more{max-width:none}
  .expanded-more{margin-top:56px}
  .past-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .past-poster img{position:static;width:100%;height:100%;max-width:100%;object-fit:cover}
  .past-info{padding:24px 28px}
  .past-info h3{font-size:1.9rem}
  .featured-testimonial{grid-template-columns:190px minmax(0,1fr);gap:0 40px}
  .featured-portrait{width:190px;height:190px}
  .featured-testimonial blockquote p{font-size:2rem;max-width:64ch}
  .content-page{max-width:1320px;padding:48px 40px 72px}
  .content-page .mission-detail{grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);gap:48px}
  .content-page .mission-detail-copy{padding-left:0}
  .content-page .testimonial-grid{gap:32px}
}

@media(min-width:701px) and (max-width:1100px){
  .short-page{padding-inline:24px}
  .hero-copy{padding:36px 36px 0;max-width:660px}
  .hero .join-break{padding:24px 36px 36px}
  .hero .join-break p{display:block;margin-left:0}
  .journey-offer{grid-template-columns:1fr;gap:32px;padding:36px}
  .journey-lead{max-width:none}
  .membership{grid-template-columns:1fr;padding:36px;gap:32px}
  .price-reveal{max-width:none;width:100%;display:block}
  .content-page .mission-detail{grid-template-columns:minmax(230px,.8fr) minmax(0,1.4fr);gap:28px}
}

@media(min-width:701px) and (max-width:820px){
  .short-page{padding-inline:16px}
  .hero-copy{padding-inline:28px;max-width:600px}
  .hero .join-break{padding-inline:28px}
  .journey-offer,.membership{padding:30px 24px}
  .journey-inclusions,.benefits{gap:28px 20px}
  .price-reveal{display:block}
  .featured-testimonial{grid-template-columns:140px minmax(0,1fr);gap:0 28px}
  .featured-portrait{width:140px;height:140px}
  .content-page .mission-detail{grid-template-columns:1fr;gap:18px}
}

/* Direct responsive mobile closing artwork avoids transformed lazy-load canvases. */
@media(max-width:700px){
  .closing-top .brochure-canvas{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none}
  .closing .poster-source{width:100%;height:auto;max-width:none;object-fit:initial}
  .closing-footer .brochure-canvas{position:absolute;left:0;top:auto;bottom:0;width:100%;height:auto;transform:none}
}