/* Local page styles. Shared GuitarX tokens, buttons, iconography and shell stay authoritative. */
@font-face{font-family:Montserrat;src:url('./fonts/montserrat-latin.woff2') format('woff2');font-style:normal;font-weight:500 700;font-display:swap}
@font-face{font-family:'DM Sans';src:url('./fonts/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
.ae-page{--ae-accent:var(--gx-brand-peach);--ae-max:1280px}
.ae-page [hidden]{display:none!important}
.ae-page :where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--gx-brand-sky);outline-offset:5px}
.ae-page button:disabled{opacity:.32;cursor:default}
.ae-page h1,.ae-page h2,.ae-page h3{font-family:var(--gx-font-display);font-weight:600}
.ae-page h2{margin:0;font-size:clamp(2rem,3.7vw,3.6rem);line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
.ae-page h3{margin:0;font-size:1.125rem;line-height:1.35;letter-spacing:-.02em}
.ae-wrap{width:min(var(--ae-max),calc(100% - 96px));margin-inline:auto}
.ae-section{padding-block:clamp(72px,8vw,120px);scroll-margin-top:110px}
.ae-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0 0 26px;color:var(--ae-accent);font-size:.75rem;line-height:1.5;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.ae-eyebrow>span+span{color:var(--gx-muted);font-size:.7rem;letter-spacing:.07em}
.ae-page p{line-height:1.7}
.ae-muted{color:var(--gx-muted)}
.ae-prose{color:var(--gx-muted);max-width:54ch}
.ae-prose p{margin:0 0 1.2rem}
.ae-prose p:last-child{margin-bottom:0}
.ae-skip{position:fixed;left:16px;top:-100px;z-index:200;padding:12px 18px;background:var(--gx-acid);color:var(--gx-black);border-radius:var(--gx-radius-round)}
.ae-skip:focus{top:12px}
.ae-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:40px;padding-block:64px 70px;min-height:680px}
.ae-hero h1{font-size:clamp(2.8rem,5.5vw,5.1rem);line-height:1.02;letter-spacing:-.065em;margin:0 0 25px}
.ae-hero h1 span{color:var(--ae-accent)}
.ae-slogan{font:500 clamp(1.25rem,2vw,1.6rem)/1.4 var(--gx-font-display);letter-spacing:-.035em;margin:0 0 20px}
.ae-lead{max-width:41ch;color:var(--gx-muted);margin:0 0 28px;font-size:1rem}
.ae-hero-purchase{display:flex;align-items:center;gap:28px;margin-bottom:16px}
.ae-price{display:grid;gap:2px;white-space:nowrap}
.ae-price strong{font:600 1.8rem/1.15 var(--gx-font-display);letter-spacing:-.05em}
.ae-price>span{color:var(--gx-muted);font-size:.75rem}
.ae-buy{min-height:52px;padding-inline:25px;white-space:nowrap}
.ae-buy:active{transform:scale(.98)}
.ae-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--gx-white);font-size:.875rem;font-weight:600}
.ae-text-link .ph{color:var(--ae-accent);transition:transform var(--gx-duration) var(--gx-ease)}
.ae-text-link:hover .ph{transform:translateX(5px)}
.ae-text-link:hover{text-decoration:underline;text-underline-offset:5px}
.ae-hero-art{min-width:0;padding-top:10px}
.ae-book-stage{position:relative;display:grid;place-items:center;min-height:510px;perspective:1400px;margin-inline:10px 16px}
.ae-book-scroll{transform:rotate(-5deg) rotateY(-9deg);transform-style:preserve-3d}
.ae-book{width:clamp(260px,25vw,360px);position:relative;transform:none;transform-style:preserve-3d;box-shadow:25px 32px 40px rgb(0 0 0/.3);transition:transform 600ms var(--gx-ease)}
.ae-book:after{content:'';position:absolute;left:0;top:0;width:10px;height:100%;background:linear-gradient(90deg,rgb(0 0 0/.2),transparent);pointer-events:none}
.ae-book img{display:block;width:100%;height:auto;border-radius:2px 4px 4px 2px}
.ae-back-page{--ae-hero-back-open:translate(35px,5px) rotate(7deg);position:absolute;display:block;width:clamp(250px,24vw,345px);height:auto;transform:var(--ae-hero-back-open);filter:brightness(.84);border-radius:3px;box-shadow:8px 20px 30px rgb(0 0 0/.2)}
@media(hover:hover){.ae-book-stage:hover .ae-book{transform:rotateY(9deg) rotate(5deg) rotate(-2deg) rotateY(-3deg) translateY(-6px)}}
.ae-art-caption{display:flex;justify-content:space-between;gap:10px;margin:22px 0 0;padding-top:14px;border-top:1px solid var(--gx-border);font-size:.68rem;color:var(--gx-muted)}
.ae-value{border-top:1px solid var(--gx-border)}
.ae-value-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(36px,7vw,100px)}
.ae-value-intro h2{font-size:clamp(2rem,3.2vw,3rem)}
.ae-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:64px}
.ae-benefits article{padding-top:24px;border-top:1px solid var(--gx-border)}
.ae-benefits .ph{display:block;color:var(--ae-accent);font-size:1.8rem;margin-bottom:25px}
.ae-benefits p{max-width:32ch;color:var(--gx-muted);margin:14px 0 0;font-size:.9375rem}
.ae-possibilities{background:var(--gx-surface-1);overflow:clip}
.ae-possibilities-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:84px}
.ae-possibilities .ae-eyebrow{margin-bottom:4px}
.ae-big-number{font:600 clamp(7rem,12vw,11rem)/1.05 var(--gx-font-display);letter-spacing:-.1em;color:var(--ae-accent);margin-bottom:20px}
.ae-big-number span{display:inline-block;font-size:.5em;vertical-align:top;margin-top:14px;letter-spacing:-.07em}
.ae-possibilities h2{font-size:clamp(1.9rem,2.6vw,2.5rem)}
.ae-possibilities-copy>p:not(.ae-eyebrow){max-width:44ch;color:var(--gx-muted);margin:25px 0 10px}
.ae-areas{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid var(--gx-border);font:500 .75rem/1.4 var(--gx-font-display);color:var(--gx-muted)}
.ae-page-composition{position:relative;min-height:570px;margin:0;display:grid;align-items:center;justify-items:center}
.ae-page-composition img{height:auto;border-radius:3px;box-shadow:12px 20px 32px rgb(0 0 0/.22)}
.ae-sheet-back{--ae-page-open:translate(-40px,-15px) rotate(-9deg);position:absolute;width:78%;transform:var(--ae-page-open);filter:brightness(.88)}
.ae-sheet-front{--ae-page-open:translate(25px,15px) rotate(5deg);position:relative;width:78%;transform:var(--ae-page-open)}
.ae-page-composition figcaption{position:absolute;bottom:-30px;color:var(--gx-muted);font-size:.7rem;text-align:center}
.ae-section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end}
.ae-section-heading .ae-eyebrow{grid-column:1/-1}
.ae-section-heading>p:last-child{margin:0;max-width:36ch;color:var(--gx-muted);justify-self:end}
.ae-syllabus{list-style:none;margin:55px 0 0;padding:0}
.ae-syllabus li{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:baseline;padding:30px 0;border-top:1px solid var(--gx-border)}
.ae-item-number{color:var(--ae-accent);font-size:.8rem;font-family:var(--gx-font-display)}
.ae-syllabus h3{font-size:clamp(1.2rem,2vw,1.7rem)}
.ae-syllabus p{margin:0;color:var(--gx-muted);font-size:.9375rem;max-width:44ch}
.ae-preview{background:var(--gx-surface-1);scroll-margin-top:85px}
.ae-preview-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}
.ae-preview-heading p:not(.ae-eyebrow){margin:18px 0 0;color:var(--gx-muted)}
.ae-gallery-controls{display:flex;gap:10px;padding-bottom:5px}
.ae-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gx-border-strong) transparent;padding:8px 0 20px}
.ae-gallery figure{min-width:0;scroll-snap-align:start;margin:0}
.ae-preview-link{display:block;position:relative;border-radius:3px;overflow:hidden;background:var(--gx-reader-paper);transition:transform var(--gx-duration) var(--gx-ease)}
.ae-preview-link>img{display:block;width:100%;height:auto;transition:filter var(--gx-duration) var(--gx-ease)}
.ae-preview-link>span{display:flex;align-items:center;justify-content:space-between;gap:12px;position:absolute;inset:auto 12px 12px;background:var(--gx-black);color:var(--gx-white);border-radius:var(--gx-radius-round);padding:10px 15px;font-size:.75rem;opacity:0;transform:translateY(5px);transition:var(--gx-duration) var(--gx-ease)}
.ae-preview-link:is(:hover,:focus-visible){transform:translateY(-5px)}
.ae-preview-link:is(:hover,:focus-visible)>span{opacity:1;transform:none}
.ae-gallery figcaption{display:grid;gap:4px;margin-top:18px;font-size:.875rem}
.ae-gallery figcaption strong{font-weight:500;line-height:1.4}
.ae-gallery figcaption>span{font-size:.75rem;color:var(--gx-muted)}
.ae-gallery-status{display:flex;justify-content:space-between;gap:20px;margin:10px 0 0;font-size:.75rem;color:var(--gx-muted)}
.ae-audience{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,9vw,140px)}
.ae-audience h2{max-width:14ch}
.ae-profiles article{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--gx-border)}
.ae-profiles article:last-child{margin:0}
.ae-profiles h3{font-size:1.2rem}
.ae-profiles p{color:var(--gx-muted);margin:14px 0 0;max-width:45ch;font-size:.9375rem}
.ae-study{border-top:1px solid var(--gx-border)}
.ae-study h2{font-size:clamp(2.7rem,6.5vw,6rem);letter-spacing:-.055em}
.ae-study h2>span{color:var(--gx-brand-sky)}
.ae-study-bottom{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;margin-top:50px}
.ae-facts{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;margin:0}
.ae-facts dt{color:var(--gx-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.ae-facts dd{margin:0;font-size:.9375rem;max-width:22ch}
.ae-offer{padding-block:72px;background:var(--gx-brand-peach);color:var(--gx-black)}
.ae-offer-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:60px}
.ae-offer .content-label{padding:0;background:none;font-size:.75rem;letter-spacing:.12em;margin-bottom:24px}
.ae-offer h2{font-size:clamp(2.4rem,4.8vw,4.5rem);letter-spacing:-.06em;line-height:1.04}
.ae-offer-grid>div>p{font-size:1.1rem;line-height:1.5;margin-block:22px}
.ae-offer-format{font-size:.75rem;opacity:.75}
.ae-offer-purchase{justify-self:center;display:flex;align-items:flex-start;flex-direction:column;min-width:280px}
.ae-offer .ae-offer-price{font:600 clamp(2.7rem,5vw,4.8rem)/1 var(--gx-font-display);letter-spacing:-.07em;margin:0}
.ae-offer-purchase>p:nth-child(2){font-size:.875rem;margin:12px 0 25px}
.ae-offer .ae-buy{background:var(--gx-black);color:var(--gx-white);min-width:260px}
.ae-offer .ae-buy:hover{background:var(--gx-surface-2);color:var(--gx-white)}
.ae-offer small{font-size:.7rem;margin-top:18px;max-width:33ch;line-height:1.7}
.ae-offer :is(a,button):focus-visible{outline-color:var(--gx-black)}
.ae-faq{display:grid;grid-template-columns:.85fr 1.2fr;gap:70px}
.ae-questions details{border-bottom:1px solid var(--gx-border)}
.ae-questions summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;cursor:pointer;font-size:.9375rem;font-weight:600;list-style:none}
.ae-questions summary::-webkit-details-marker{display:none}
.ae-questions summary .ph{flex:none;color:var(--gx-muted);transition:transform var(--gx-duration) var(--gx-ease)}
.ae-questions details[open] summary .ph{transform:rotate(180deg)}
.ae-questions details[open] summary{color:var(--ae-accent)}
.ae-questions details>p{color:var(--gx-muted);font-size:.9375rem;max-width:58ch;margin:0 0 24px}
.ae-mobile-purchase{display:none}
















@media(max-width:1100px){.ae-wrap{width:calc(100% - 64px)}.ae-hero{gap:25px;min-height:620px;padding-block:44px}.ae-hero h1{font-size:clamp(2.8rem,5.5vw,4.1rem)}.ae-book-stage{min-height:440px}.ae-book{width:clamp(230px,27vw,310px)}.ae-back-page{width:clamp(220px,26vw,300px)}.ae-art-caption{font-size:.6rem}.ae-possibilities-grid{gap:45px}.ae-page-composition{min-height:500px}.ae-benefits{gap:32px}}
@media(max-width:820px){.ae-hero{grid-template-columns:1.15fr 1fr;gap:20px}.ae-hero h1{font-size:clamp(2.3rem,5.1vw,3.5rem)}.ae-hero .ae-eyebrow{gap:9px}.ae-hero .content-label{font-size:.6rem}.ae-eyebrow>span+span{font-size:.6rem}.ae-book{width:210px}.ae-back-page{--ae-hero-back-open:translate(22px,5px) rotate(7deg);width:205px;transform:var(--ae-hero-back-open)}.ae-book-stage{min-height:350px;margin:0}.ae-art-caption{display:grid;gap:0;text-align:center;font-size:.65rem}.ae-slogan{font-size:1.12rem}.ae-hero-purchase{gap:15px;flex-wrap:wrap}.ae-price strong{font-size:1.5rem}.ae-buy{padding-inline:20px}.ae-value-intro{gap:35px}.ae-possibilities-grid{gap:25px}.ae-page-composition{min-height:420px}.ae-possibilities h2{font-size:1.75rem}.ae-section-heading{gap:30px}.ae-gallery{grid-auto-columns:calc((100% - 48px)/3)}.ae-benefits{gap:24px}.ae-benefits h3{font-size:1rem}.ae-study-bottom{gap:35px}.ae-faq{gap:40px;grid-template-columns:.8fr 1.2fr}.ae-offer-grid{gap:40px}.ae-offer-purchase{min-width:230px}.ae-offer .ae-buy{min-width:230px}}
@media(max-width:640px){.ae-wrap{width:calc(100% - 40px)}.ae-section{padding-block:64px;scroll-margin-top:90px}.ae-hero{display:flex;flex-direction:column;align-items:stretch;gap:30px;min-height:0;padding:34px 0 38px}.ae-hero .ae-eyebrow{margin-bottom:24px;gap:12px}.ae-hero .content-label{font-size:.65rem}.ae-eyebrow>span+span{font-size:.65rem}.ae-hero h1{font-size:clamp(2.35rem,9.5vw,3.8rem);letter-spacing:-.055em;margin-bottom:22px}.ae-slogan{font-size:1.2rem;line-height:1.4;margin-bottom:16px}.ae-lead{font-size:.9375rem;max-width:35ch;margin-bottom:24px}.ae-hero-purchase{flex-wrap:nowrap;gap:22px}.ae-price strong{font-size:1.55rem}.ae-buy{padding-inline:22px;font-size:.875rem;min-height:50px}.ae-hero-art{padding:8px 12px 0}.ae-book-stage{min-height:410px}.ae-book{width:min(65vw,290px)}.ae-back-page{--ae-hero-back-open:translate(24px,0) rotate(7deg);width:min(63vw,280px);transform:var(--ae-hero-back-open)}.ae-art-caption{display:flex;text-align:start;gap:8px;font-size:.6rem;margin-top:30px}.ae-value-intro{grid-template-columns:1fr;gap:28px}.ae-value-intro h2{font-size:clamp(1.8rem,7.4vw,2.7rem)}.ae-prose{font-size:.9375rem}.ae-benefits{grid-template-columns:1fr;gap:28px;margin-top:38px}.ae-benefits article{display:grid;grid-template-columns:32px 1fr;column-gap:20px;padding-top:24px}.ae-benefits .ph{grid-row:1/3;font-size:1.6rem;margin:0}.ae-benefits h3{font-size:1.05rem}.ae-benefits p{margin-top:9px;max-width:38ch}.ae-possibilities-grid{grid-template-columns:1fr;padding-block:56px 64px;gap:30px}.ae-possibilities .ae-eyebrow{font-size:.65rem}.ae-big-number{font-size:8rem;margin-block:8px 20px}.ae-big-number span{margin-top:12px}.ae-possibilities h2{font-size:clamp(1.7rem,7vw,2.5rem)}.ae-possibilities-copy>p:not(.ae-eyebrow){font-size:.9375rem;max-width:38ch;margin-top:22px}.ae-areas{justify-content:space-between;gap:10px;margin-top:20px}.ae-page-composition{min-height:440px;width:min(100%,370px);margin:10px auto 0}.ae-sheet-back{--ae-page-open:translate(-25px,-5px) rotate(-8deg);width:75%;transform:var(--ae-page-open)}.ae-sheet-front{--ae-page-open:translate(22px,12px) rotate(5deg);width:75%;transform:var(--ae-page-open)}.ae-page-composition figcaption{bottom:-18px}.ae-section-heading{grid-template-columns:1fr;gap:0}.ae-section-heading .ae-eyebrow{grid-column:auto;margin-bottom:22px}.ae-section-heading>p:last-child{justify-self:start;margin-top:24px;max-width:38ch;font-size:.9375rem}.ae-syllabus{margin-top:34px}.ae-syllabus li{grid-template-columns:30px 1fr;gap:12px 18px;padding-block:24px}.ae-syllabus h3{font-size:1.15rem}.ae-syllabus p{grid-column:2;font-size:.9rem}.ae-item-number{grid-row:1/3}.ae-preview-heading{gap:16px;align-items:start;margin-bottom:26px}.ae-preview-heading h2{font-size:1.85rem}.ae-preview-heading p:not(.ae-eyebrow){font-size:.9rem}.ae-preview-heading .ae-eyebrow{font-size:.65rem;margin-bottom:20px}.ae-gallery-controls{flex-direction:column;gap:8px;padding:0}.ae-gallery-controls .gx-icon-btn{width:44px;height:44px}.ae-gallery{grid-auto-columns:76%;gap:20px;padding:8px 0 18px}.ae-preview-link>span{opacity:1;transform:none;padding:9px 14px}.ae-gallery-status{font-size:.65rem;gap:16px}.ae-audience{grid-template-columns:1fr;gap:34px}.ae-audience h2{max-width:17ch;font-size:2.1rem}.ae-profiles h3{font-size:1.1rem}.ae-profiles article{margin-bottom:24px;padding-bottom:24px}.ae-study h2{font-size:clamp(2.2rem,9.3vw,3.8rem)}.ae-study-bottom{grid-template-columns:1fr;gap:34px;margin-top:30px}.ae-facts{gap:26px 20px}.ae-facts dd{font-size:.875rem}.ae-offer{padding-block:52px}.ae-offer-grid{grid-template-columns:1fr;gap:34px}.ae-offer h2{font-size:clamp(2.2rem,9.6vw,3.8rem)}.ae-offer-grid>div>p{font-size:1.05rem;margin-block:20px}.ae-offer-purchase{justify-self:start;align-items:stretch;width:100%;border-top:1px solid rgb(9 9 9/.22);padding-top:30px}.ae-offer .ae-offer-price{font-size:3.3rem;margin:0}.ae-offer-purchase>p:nth-child(2){font-size:.875rem;margin:10px 0 24px}.ae-offer .ae-buy{min-height:54px}.ae-offer small{text-align:center;max-width:none;margin-top:14px}.ae-faq{grid-template-columns:1fr;gap:24px}.ae-faq h2{font-size:2rem}.ae-questions summary{padding-block:23px;line-height:1.5}.ae-questions details>p{font-size:.9rem}.ae-mobile-purchase:not([hidden]){display:flex;position:fixed;inset:auto 0 0;z-index:45;justify-content:space-between;align-items:center;gap:16px;padding:12px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-top:1px solid var(--gx-border-strong);background:rgb(20 20 20/.97);backdrop-filter:blur(16px)}.ae-mobile-purchase>div{display:grid;gap:1px}.ae-mobile-purchase strong{font:600 1.15rem/1.25 var(--gx-font-display);letter-spacing:-.035em}.ae-mobile-purchase>div>span{font-size:.65rem;color:var(--gx-muted)}.ae-mobile-purchase .ae-buy{min-height:46px}.ae-page.has-purchase-bar{padding-bottom:85px}}
@media(max-width:359px){.ae-wrap{width:calc(100% - 32px)}.ae-hero-purchase{gap:15px}.ae-buy{padding-inline:17px}.ae-art-caption{flex-direction:column;gap:0}.ae-book-stage{min-height:350px}.ae-page-composition{min-height:380px}.ae-mobile-purchase:not([hidden]){padding-inline:16px}.ae-gallery-status{flex-direction:column;gap:0}}
@media(max-width:640px){.ae-page.has-purchase-bar .gx-tuner-toggle{bottom:calc(max(20px,env(safe-area-inset-bottom)) + 80px)}}
@media(prefers-reduced-motion:no-preference){.ae-hero-copy{animation:ae-enter 650ms var(--gx-ease) both}.ae-hero-art{animation:ae-enter 800ms 100ms var(--gx-ease) both}@keyframes ae-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ae-page *,.ae-page *:before,.ae-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ae-book-stage:hover .ae-book{transform:none}}

/* Both real pages share one view timeline: aligned on entry, open at 55% of passage.
   Unsupported browsers and reduced-motion users retain the original composition. */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .ae-page-composition { view-timeline-name: --ae-pages; view-timeline-axis: block; }
    .ae-page-composition :is(.ae-sheet-back, .ae-sheet-front) {
      animation: ae-open-pages 1s linear both;
      animation-timeline: --ae-pages;
      animation-range: entry 0% cover 55%;
    }
    @keyframes ae-open-pages {
      from { transform: translate(0, 0) rotate(0deg); }
      to { transform: var(--ae-page-open); }
    }
  }
}

/* Scroll acts on the cover wrapper; the inner cover keeps its independent hover. */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .ae-book-stage { view-timeline-name: --ae-hero-pages; view-timeline-axis: block; }
    .ae-book-scroll, .ae-book-stage > .ae-back-page {
      animation: ae-hero-cover-open 1s linear both;
      animation-timeline: --ae-hero-pages;
      animation-range: cover 55% cover 85%;
    }
    .ae-book-stage > .ae-back-page { animation-name: ae-hero-back-open; }
    @keyframes ae-hero-cover-open {
      from { transform: rotate(-5deg) rotateY(-9deg); }
      to { transform: rotate(0deg) rotateY(0deg); }
    }
    @keyframes ae-hero-back-open {
      from { transform: var(--ae-hero-back-open); }
      to { transform: translate(0, 0) rotate(0deg); }
    }
  }
}

/* Mobile preview reaches the screen edges; its first/last pages keep the text gutter. */
@media (max-width: 640px) {
  .ae-preview { --ae-gallery-gutter: 20px; }
  .ae-preview .ae-gallery-controls { display: none; }
  .ae-preview .ae-gallery {
    width: calc(100% + 2 * var(--ae-gallery-gutter));
    margin-inline: calc(-1 * var(--ae-gallery-gutter));
    padding-inline: var(--ae-gallery-gutter);
    scroll-padding-inline: var(--ae-gallery-gutter);
  }
}
@media (max-width: 359px) {
  .ae-preview { --ae-gallery-gutter: 16px; }
}

/* Frosted preview actions and an image-only, viewport-sized lightbox. */
.ae-preview-link>span {
  inset: auto auto 12px 12px;
  min-height: 44px;
  justify-content: center;
  padding: 10px 18px;
  background: rgb(9 9 9 / .38);
  backdrop-filter: blur(14px) brightness(.7);
  -webkit-backdrop-filter: blur(14px) brightness(.7);
}
.ae-lightbox {
  position: fixed; inset: 0; margin: 0;
  width: 100%; height: 100dvh; max-width: none; max-height: none;
  padding: 16px 80px; border: 0; border-radius: 0;
  background: transparent; color: var(--gx-white); overflow: hidden;
}
.ae-lightbox[open] { display: block; }
.ae-lightbox::backdrop {
  background: rgb(0 0 0 / .4);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
}
.ae-dialog-viewport { display: grid; place-items: center; width: 100%; height: 100%; min-height: 0; }
.ae-dialog-image {
  display: block; width: auto; height: auto;
  max-width: 100%; max-height: calc(100dvh - 32px);
  object-fit: contain; background: var(--gx-reader-paper);
}
.ae-dialog-image.is-loading { opacity: .3; }
.ae-lightbox .gx-icon-btn {
  position: absolute; z-index: 1; width: 48px; height: 48px;
  border: 1px solid rgb(241 239 232 / .16);
  background: rgb(9 9 9 / .38); color: var(--gx-white);
  backdrop-filter: blur(14px) brightness(.7);
  -webkit-backdrop-filter: blur(14px) brightness(.7);
}
.ae-lightbox .gx-icon-btn:hover { background: rgb(9 9 9 / .62); }
.ae-lightbox .gx-icon-btn:disabled { opacity: .25; }
.ae-lightbox-close { top: max(16px,env(safe-area-inset-top)); right: max(20px,env(safe-area-inset-right)); }
.ae-lightbox-prev { left: max(20px,env(safe-area-inset-left)); top: 50%; transform: translateY(-50%); }
.ae-lightbox-next { right: max(20px,env(safe-area-inset-right)); top: 50%; transform: translateY(-50%); }
.ae-image-error { max-width: 32ch; text-align: center; color: var(--gx-muted); }
.ae-image-error button { display: flex; margin: 16px auto 0; }
@media(max-width:640px) {
  .ae-lightbox { padding: max(12px,env(safe-area-inset-top)) 8px max(12px,env(safe-area-inset-bottom)); }
  .ae-dialog-image { max-height: calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))); }
  .ae-lightbox-prev { left: max(12px,env(safe-area-inset-left)); }
  .ae-lightbox-next,.ae-lightbox-close { right: max(12px,env(safe-area-inset-right)); }
}

/* Hide only the floating tools launcher on this product page. */
.ae-page .gx-tuner-toggle { display: none; }

/* Musical references: original channel embeds, loaded only near the viewport. */
.ae-videos { border-bottom: 1px solid var(--gx-border); }
.ae-videos .ae-section-heading { align-items: end; }
.ae-videos .ae-section-heading .ae-eyebrow { margin-bottom: 22px; }
.ae-video-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; margin-top: 32px; padding: 4px 0 16px; }
.ae-video-example { margin: 0; min-width: 0; }
.ae-video-credit { margin: 12px 0 0; color: var(--ae-accent); font-size: .75rem; font-weight: 500; line-height: 1.5; }
.ae-video-player { aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid var(--gx-border); border-radius: var(--gx-radius-sm); background: var(--gx-surface-1); }
.ae-video-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.ae-video-example figcaption { padding-top: 16px; }
.ae-video-example h3 { font-size: 1rem; }
.ae-video-example figcaption>p:not(.ae-video-credit) { margin: 10px 0 0; color: var(--gx-muted); font-size: .8125rem; max-width: 50ch; }

.ae-video-note { margin: 36px 0 0; max-width: 85ch; color: var(--gx-muted); font-size: .75rem; }
@media(max-width:640px) {
  .ae-video-grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(82%,320px); gap: 20px; margin-top: 28px; }
  .ae-video-example figcaption { padding-top: 16px; }
  .ae-video-example h3 { font-size: 1rem; }
  .ae-video-note { margin-top: 28px; }
}

.ae-video-launch { position: relative; display: grid; place-items: center; width: 100%; height: 100%; }
.ae-video-launch>img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ae-video-play { position: relative; display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid rgb(241 239 232 / .3); border-radius: 50%; background: rgb(9 9 9 / .4); color: var(--gx-white); backdrop-filter: blur(12px); transition: transform var(--gx-duration), background var(--gx-duration); }
.ae-video-play .ph { font-size: 20px; margin-left: 2px; }
.ae-video-play .ph-play::before { content: "\e3d0"; }
.ae-video-launch:is(:hover,:focus-visible) .ae-video-play { transform: scale(1.08); background: rgb(9 9 9 / .7); }
.ae-video-launch:focus-visible { outline-offset: -4px; }
@media(min-width:641px) and (max-width:1100px) {
  .ae-video-grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(260px,calc((100% - 40px)/3)); }
}
@media(max-width:1100px) {
  .ae-video-grid { overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 0; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: var(--gx-border-strong) transparent; }
  .ae-video-example { scroll-snap-align: start; }
}

@media(max-width:640px) {
  .ae-videos { --ae-video-gutter: 20px; }
  .ae-video-grid { width: calc(100% + 2 * var(--ae-video-gutter)); margin-inline: calc(-1 * var(--ae-video-gutter)); padding-inline: var(--ae-video-gutter); scroll-padding-inline: var(--ae-video-gutter); }
}
@media(max-width:359px) { .ae-videos { --ae-video-gutter: 16px; } }