/* Selected A1 / S4 / L2 / N3 identities. Existing artwork and motion are unchanged.
   Optical frames hide only transparent outer space; complete ink bounds remain visible. */
.apps-page .ab-lockup{--ab-width:180px;--ab-height:42px;--ab-center:50%;display:inline-block;position:relative;width:var(--ab-width);max-width:100%;height:var(--ab-height);flex:0 1 var(--ab-width);vertical-align:middle;overflow:hidden;min-width:0;margin:0;padding:0;border:0;border-radius:0;opacity:1;letter-spacing:normal}
.apps-page .ab-lockup .ab-logo{display:block;position:absolute;left:0;top:50%;width:100%;max-width:none;height:auto;margin:0;padding:0;border:0;transform:translateY(calc(-1 * var(--ab-center)));object-fit:contain}
.apps-page .ab-audiopedia{--ab-center:48.14%}
.apps-page .ab-systemcraft{--ab-center:50.07%}
.apps-page .ab-listenweave{--ab-center:48.96%}
.apps-page .ab-notefarer{--ab-center:50.69%}
.apps-page .ab-reverse .ab-logo{filter:brightness(0) invert(1)}
/* Keep the hero label row at its established height, making its original padding
   available to the identity instead of increasing the artwork containers. */
.apps-page .ab-world-copy{display:block;min-width:0;flex:1}
.apps-page .a2-world-label{padding-bottom:13px}
.apps-page .a2-world-label .ab-lockup{display:block;--ab-height:42px;--ab-width:144px}
.apps-page .a2-world-label small{white-space:nowrap}
/* Retain each section's existing combined kicker-and-margin budget. */
.apps-page .a2-main .ab-product-kicker{display:flex;align-items:center;gap:16px;letter-spacing:normal}
.apps-page .ab-product-kicker .ab-lockup{--ab-height:42px;--ab-width:220px;flex-shrink:1}
.apps-page .ab-product-kicker .ab-listenweave,.apps-page .ab-product-kicker .ab-notefarer{--ab-width:184px}
.apps-page .ab-product-kicker>span:not(.ab-lockup){flex:none;margin-inline:0}
.apps-page .a2-reference .ab-product-kicker{height:42px;margin-bottom:5.6px}
.apps-page .a2-system .ab-product-kicker{height:36px;margin-bottom:5.2px}
.apps-page .a2-system .ab-product-kicker .ab-lockup{--ab-height:36px}
.apps-page .a2-music-intro .ab-product-kicker{height:42px;margin-bottom:11.6px}
/* Compact app chrome: keep the familiar study labels alongside each identity. */
.apps-page .ab-panel-brand{display:flex;align-items:center;gap:15px;min-width:0;flex:none}
.apps-page .ab-panel-brand .ab-lockup{--ab-width:155px;--ab-height:36px;flex:none}
.apps-page .ab-panel-caption{font-size:10px;letter-spacing:.08em;line-height:1.5;white-space:nowrap}
.apps-page .a2-reference .ref-atlas-bar{padding-top:10px;padding-bottom:10px}
.apps-page .a2-system .sc-workbench-top{padding-top:9.5px;padding-bottom:9.5px}
.apps-page .a2-desk-top{padding-bottom:13.6px}
.apps-page .a2-desk-top .ab-lockup{--ab-width:155px;--ab-height:36px}
.apps-page .a2-finder-top .ab-lockup{--ab-width:155px;--ab-height:36px}
.apps-page .a2-finder-studio{padding-top:7.2px}
/* The checkbox remains the control; the image supplies its accessible app name. */
.apps-page .apps-choices .apps-choice{padding-block:0;min-height:48px}
.apps-page .apps-choices .ab-lockup{--ab-width:150px;--ab-height:40px;flex:0 1 150px}
/* Reverse only on actual dark surfaces. The system and edition studies stay light. */
html[data-theme=dark] .apps-page .a2-hero .ab-logo,
html[data-theme=dark] .apps-page .ref-heading .ab-logo,
html[data-theme=dark] .apps-page .apps-choices .ab-logo{filter:brightness(0) invert(1)}
@media(max-width:1000px){
 .apps-page .a2-world-label{padding-bottom:14.35px}
 .apps-page .a2-world-label .ab-lockup{--ab-height:36px}
}
@media(max-width:700px){
 .apps-page .a2-world-label .ab-lockup{--ab-width:128px}
 .apps-page .a2-world-label{padding-bottom:3.35px}
 .apps-page .a2-system .ab-product-kicker{margin-bottom:1.6px}
 .apps-page .ab-panel-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .apps-page .ab-panel-brand{gap:0}
 .apps-page .a2-reference .ref-atlas-bar{padding-top:13.4px;padding-bottom:13.4px;gap:10px}
 .apps-page .a2-system .sc-workbench-top{padding-top:4px;padding-bottom:4px;gap:15px}
 .apps-page .sc-workbench-top .sc-local-label{max-width:140px;line-height:1.6;text-align:right}
 .apps-page .ab-panel-brand .ab-lockup{--ab-width:145px;--ab-height:36px}
}
@media(max-width:580px){
 .apps-page .a2-music-intro .ab-product-kicker{margin-bottom:6.6px}
 .apps-page .a2-desk-top{align-items:center;padding-bottom:9.8px;gap:12px}
 .apps-page .a2-desk-top .a2-concept-note{max-width:135px}
 .apps-page .a2-finder-top{align-items:center;gap:12px}
 .apps-page .a2-finder-studio{padding-top:12px}
 .apps-page .a2-finder-top .a2-concept-note{max-width:135px}
 .apps-page .apps-choices .apps-choice{gap:9px}
}
@media(max-width:360px){
 .apps-page .a2-world-label{padding-bottom:6.25px}
 .apps-page .a2-world-label .ab-lockup{--ab-height:30px}
 .apps-page .ab-product-kicker .ab-lockup{--ab-width:170px}
 .apps-page .ab-panel-brand .ab-lockup{--ab-width:130px;--ab-height:32px}
 .apps-page .a2-reference .ref-atlas-bar{padding-top:16.5px;padding-bottom:16.5px}
 .apps-page .a2-system .sc-workbench-top{padding-top:12.95px;padding-bottom:12.95px}
 .apps-page .a2-desk-top{padding-bottom:13.8px}
 .apps-page .a2-finder-studio{padding-top:16px}
 .apps-page .a2-desk-top .a2-concept-note,.apps-page .a2-finder-top .a2-concept-note{max-width:119px}
}
.apps-page .a2-music-intro .ab-product-kicker>.ab-lockup{margin:0;padding:0;border:0;border-radius:0;opacity:1}
/* Let the existing form grid shrink around the optical lockups on narrow phones. */
.apps-page .apps-interest-form-wrap,.apps-page .apps-choices .apps-choice{min-width:0}