/* Dedicated persistent masthead and companion space; no ad or chat engine changes. */
@layer ma-reference {
html.ma-reference {--ma-jonas-launcher-size:84px;--ma-jonas-launcher-width:144px;}
html.ma-reference[data-ma-jonas-header] {scroll-padding-top:calc(var(--ma-reference-header-height,96px) + 8px)!important;}
/* The document owns header clearance for native anchor scrolling. Adding the
 * same margin on every destination doubled the offset and hid section starts. */
html.ma-reference[data-ma-jonas-header] :is([id],details) {scroll-margin-top:0;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header {
 position:fixed!important;z-index:30000!important;inset:0 0 auto!important;width:100%!important;max-width:none!important;
 margin:0!important;padding:env(safe-area-inset-top,0px) max(8px,env(safe-area-inset-right,0px)) 0 max(8px,env(safe-area-inset-left,0px))!important;
 box-sizing:border-box!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--cinema-gold,#dcaf57) 26%,transparent)!important;border-radius:0!important;
 background:linear-gradient(105deg,rgba(13,8,32,.72),rgba(13,8,32,.56) 60%,rgba(13,8,32,.76))!important;box-shadow:0 5px 20px #0003!important;
 -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);contain:none!important;overflow:visible!important;transform:none!important;
}
html.ma-reference #ma-reference-header-space {display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none;}
/* A generic page's old brand-only header duplicates the active fallback
 * masthead. Its independently scaled wordmark must not widen a mobile RTL
 * layout viewport. Keep original nodes; headers with any other action stay. */
html.ma-reference[data-ma-jonas-header] body:has(> #ma-reference-header .ma-reference-header-fallback) > header[data-ma-reference-brand-only='true']:has(> a.matchapp-brand-link:only-child) {display:none!important;}
html.ma-reference #ma-reference-header .ma-reference-header-bar {display:grid!important;grid-template-columns:minmax(0,1fr) var(--ma-jonas-launcher-width)!important;align-items:center!important;gap:8px!important;min-height:88px!important;max-width:1500px!important;margin-inline:auto!important;direction:ltr!important;}
html.ma-reference #ma-reference-header .ma-reference-header-chrome {min-width:0!important;max-width:100%!important;overflow:visible!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header .ma-reference-header-original {
 position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;
 width:100%!important;max-width:none!important;min-width:0!important;min-height:64px!important;height:auto!important;margin:0!important;padding:0!important;gap:8px!important;
 border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;opacity:1!important;contain:none!important;overflow:visible!important;
}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #mh-topbox#mh-topbox#mh-topbox.ma-cinema-header-compact {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto!important;gap:8px!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #mh-topbox#mh-topbox#mh-topbox {padding:0!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header :is(.mh-head,.header-brand-area,.ma-brand-lockup,.hub-brand,.ebook-hub-brand,.journey-brand) {min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header .mh-head {grid-area:auto!important;display:block!important;flex:1 1 auto!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header :is(.mh-tagline,.ma-brand-tagline,.ma-brand-security,#ma-jonas-header-slot) {display:none!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-home-link,.journey-brand,.hub-brand,.ebook-hub-brand,.ma-reference-header-brand) {display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;max-width:100%!important;min-height:44px!important;padding:0!important;text-decoration:none!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header .ma-brand-orb-stage {display:block!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex:0 0 34px!important;border-radius:10px!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header :is(.hub-brand,.journey-brand,.ma-reference-header-brand)>img:not(.matchapp-wordmark) {width:34px!important;height:34px!important;object-fit:contain!important;flex:0 0 34px!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-copy,.ebook-text-wordmark) {min-width:0!important;max-width:100%!important;padding:0!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.header-brand-area,.ma-brand-lockup,.ma-brand-copy) {width:max-content!important;max-width:100%!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-wordmark,.ma-word-ai,.ma-word-app,.ma-word-match,.ebook-brand-match,.ebook-brand-app,.ebook-brand-ai,.journey-brand strong,.ma-reference-header-brand span) {font-size:clamp(15px,3.7vw,26px)!important;line-height:1.1!important;letter-spacing:-.4px!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header .hub-brand .matchapp-wordmark {width:min(100%,180px)!important;min-width:0!important;height:auto!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ref-explore-header {display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px!important;gap:6px!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ref-explore-header>.ref-explore-tools {grid-column:3!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ref-explore-header>.ma-cinema-search {grid-column:2!important;}
html.ma-reference #ma-reference-header .ma-cinema-header-actions {flex-shrink:0!important;}
html.ma-reference #ma-reference-header :is(.ma-reference-header-tools,.ref-explore-tools,.ma-cinema-tools) {flex:0 0 auto!important;position:relative!important;margin:0!important;}
html.ma-reference #ma-reference-header .ma-reference-header-tools>summary {display:flex!important;align-items:center!important;justify-content:center!important;list-style:none!important;box-sizing:border-box!important;width:44px!important;height:44px!important;padding:10px!important;cursor:pointer;color:var(--cinema-gold,#dcaf57)!important;background:var(--cinema-surface,#100a16)!important;border:1px solid var(--cinema-line,#6b5539)!important;border-radius:22px!important;}
html.ma-reference #ma-reference-header .ma-reference-header-tools>summary::-webkit-details-marker {display:none!important;}
/* The reserved masthead keeps Explore tools as one icon-sized control at every
 * width. Its original translated label stays available to assistive technology. */
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ref-explore-header .ref-explore-tools>summary {width:44px!important;height:44px!important;min-width:44px!important;padding:10px!important;gap:0!important;border-radius:22px!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ref-explore-header .ref-explore-tools>summary>span {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;}
html.ma-reference #ma-reference-header .ma-reference-header-tools>summary svg {width:22px!important;height:22px!important;flex:none!important;}
html.ma-reference #ma-reference-header .ma-reference-header-tools:not([open])>.ma-reference-header-tools-panel {display:none!important;}
html.ma-reference #ma-reference-header .ma-reference-header-tools-panel {position:absolute!important;z-index:3!important;top:calc(100% + 8px)!important;right:0!important;width:min(360px,calc(100vw - 24px))!important;max-height:calc(100dvh - var(--ma-reference-header-height,96px) - 16px)!important;overflow:auto!important;box-sizing:border-box!important;padding:12px!important;background:var(--cinema-panel,#180f1e)!important;color:var(--cinema-text,#f4f0e9)!important;border:1px solid var(--cinema-line,#6b5539)!important;border-radius:16px!important;box-shadow:0 14px 44px #0009!important;}
html.ma-reference #ma-reference-header .ma-reference-header-tools-panel>nav {display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;position:static!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-reference-header-tools-panel,.ma-cinema-tools-content,.ref-explore-tools-panel) {position:fixed!important;top:calc(var(--ma-reference-header-height,96px) + 8px)!important;right:max(8px,env(safe-area-inset-right,0px))!important;left:auto!important;bottom:auto!important;width:min(360px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - var(--ma-reference-header-height,96px) - 16px)!important;overflow-y:auto!important;box-sizing:border-box!important;}
html.ma-reference #ma-reference-header .ma-reference-header-tools-panel :is(a,button,select) {min-height:44px!important;max-width:100%!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:anywhere!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-reference-header-tools-panel,.ma-cinema-tools-content,.ref-explore-tools-panel) #lang-switcher-host {height:auto!important;min-height:44px!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-reference-header-tools-panel,.ma-cinema-tools-content,.ref-explore-tools-panel) select {height:44px!important;min-height:44px!important;}
/* Optional support is a quiet labeled shortcut. The visible capsule is inset
 * within its touch area, so it stays easy to tap without competing with chat. */
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ma-donate-shortcut#ma-donate-shortcut {position:relative!important;isolation:isolate!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;flex:0 1 auto!important;align-self:center!important;justify-self:start!important;width:fit-content!important;min-width:48px!important;max-width:100%!important;min-height:48px!important;height:auto!important;margin:0!important;padding:12px 10px!important;gap:6px!important;border:0!important;border-radius:999px!important;background:none!important;color:var(--cinema-muted,#b4a7bc)!important;box-shadow:none!important;font:500 .75rem/1.35 var(--cinema-sans,system-ui,sans-serif)!important;letter-spacing:normal!important;text-decoration:none!important;animation:none!important;transform:none!important;white-space:normal!important;overflow-wrap:break-word!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ma-donate-shortcut#ma-donate-shortcut::after {content:""!important;position:absolute!important;inset:8px 0!important;z-index:-1!important;pointer-events:none!important;border:1px solid color-mix(in srgb,var(--cinema-gold,#dcaf57) 22%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--cinema-panel,#180f1e) 85%,transparent)!important;box-shadow:none!important;opacity:1!important;animation:none!important;transform:none!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ma-donate-shortcut#ma-donate-shortcut > span {position:static!important;display:block!important;width:auto!important;height:auto!important;min-width:0!important;max-width:100%!important;padding:0!important;margin:0!important;border:0!important;clip:auto!important;clip-path:none!important;overflow:visible!important;background:none!important;box-shadow:none!important;color:inherit!important;font:inherit!important;line-height:inherit!important;white-space:normal!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ma-donate-shortcut#ma-donate-shortcut > svg {display:block!important;flex:0 0 20px!important;margin:0 -3px!important;transform:scale(.7)!important;filter:none!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ma-donate-shortcut#ma-donate-shortcut:is(:hover,:focus-visible) {color:var(--cinema-text,#f4f0e9)!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ma-donate-shortcut#ma-donate-shortcut:focus-visible {outline:2px solid var(--cinema-gold,#dcaf57)!important;outline-offset:2px!important;}
html.ma-reference #ma-reference-header-slot {position:relative!important;display:grid!important;place-items:center!important;width:var(--ma-jonas-launcher-width)!important;height:auto!important;min-width:0!important;min-height:132px!important;padding-block:6px!important;isolation:isolate!important;}
html.ma-reference[data-ma-jonas-header='pending'] :is(#ma-ambient-jonas,#ma-jonas-home):not(.is-chat-stage) {visibility:hidden!important;}
html.ma-reference #ma-reference-header-slot :is(#ma-ambient-jonas,#ma-jonas-home) {position:relative!important;inset:auto!important;display:grid!important;justify-items:center!important;row-gap:4px!important;width:var(--ma-jonas-launcher-width)!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;transform:none!important;z-index:1!important;overflow:visible!important;}
html.ma-reference #ma-reference-header-slot :is(.jh-bubble,.ja-bubble) {display:block!important;position:relative!important;width:var(--ma-jonas-launcher-size)!important;height:var(--ma-jonas-launcher-size)!important;min-width:var(--ma-jonas-launcher-size)!important;min-height:var(--ma-jonas-launcher-size)!important;margin:0!important;padding:0!important;cursor:grab!important;touch-action:none!important;transform:none!important;}
html.ma-reference #ma-reference-header-slot #ma-jonas-home .jh-label {display:none!important;}
html.ma-reference body.ma-jonas-chat-open #ma-reference-header-slot {z-index:40000!important;}
html.ma-reference #ma-reference-header-slot :is(#ma-ambient-jonas,#ma-jonas-home)[hidden] {display:none!important;}
html.ma-reference[data-ma-jonas-header] #ma-jonas-home-panel.ma-header-jonas-conversation:not([hidden]) {position:fixed!important;inset:var(--ja-view-top,0px) auto auto var(--ja-view-left,0px)!important;width:var(--ja-view-width,100vw)!important;height:var(--ja-view-height,100dvh)!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important;margin:0!important;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;z-index:2147483200!important;transform:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;background:var(--cinema-panel,#180f1e)!important;overflow:hidden!important;}
html.ma-reference[data-ma-jonas-header] #ma-jonas-home-panel.ma-header-jonas-conversation .jh-content {min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;}
html.ma-reference[data-ma-jonas-header] #ma-jonas-home-panel.ma-header-jonas-conversation .jh-header {flex-shrink:0!important;}
html.ma-reference[data-ma-jonas-header] :is(#ma-ambient-jonas,#ma-jonas-home)[data-jonas-placement='dragged'] {position:fixed!important;display:grid!important;justify-items:center!important;row-gap:4px!important;width:var(--ma-jonas-launcher-width)!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:var(--ma-jonas-launcher-width)!important;max-height:none!important;margin:0!important;padding:0!important;transform:none!important;z-index:30001!important;}
html.ma-reference[data-ma-jonas-header] [data-jonas-placement='dragged'] :is(.ja-bubble,.jh-bubble) {display:block!important;width:var(--ma-jonas-launcher-size)!important;height:var(--ma-jonas-launcher-size)!important;min-width:var(--ma-jonas-launcher-size)!important;min-height:var(--ma-jonas-launcher-size)!important;padding:0!important;margin:0!important;cursor:grab!important;touch-action:none!important;transform:none!important;}
html.ma-reference[data-ma-jonas-header] [data-jonas-placement='dragged'] .jh-label {display:none!important;}
html.ma-reference[data-ma-jonas-header] body.ma-jonas-chat-open #ma-jonas-home[data-jonas-placement='dragged'] {z-index:2147483200!important;}
html.ma-reference[data-ma-jonas-header] :is(#ma-ambient-jonas,#ma-jonas-home)[data-jonas-placement='dragged'][hidden] {display:none!important;}
html.ma-reference #ma-reference-header .ma-reference-header-return {display:grid!important;place-items:center!important;box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border:1px solid var(--cinema-line,#6b5539)!important;border-radius:22px!important;background:var(--cinema-surface,#100a16)!important;color:var(--cinema-gold,#dcaf57)!important;cursor:pointer!important;}
html.ma-reference #ma-reference-header .ma-reference-header-return[hidden] {display:none!important;}
html.ma-reference #ma-reference-header .ma-reference-header-return svg {width:22px!important;height:22px!important;}
/* The invitation belongs to the existing button: its label activates that
 * button and travels within the same measured root when Jonas is dragged. */
html.ma-reference[data-ma-jonas-header] :is(#ma-ambient-jonas,#ma-jonas-home) > .ma-reference-jonas-caption {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;gap:2px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:36px!important;margin:0!important;padding:4px 5px!important;border:1px solid var(--cinema-line,#6b5539)!important;border-radius:12px!important;background:var(--cinema-panel,#180f1e)!important;color:var(--cinema-text,#f4f0e9)!important;text-align:center!important;font:500 max(12px,.75rem)/1.3 system-ui!important;letter-spacing:normal!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;text-transform:none!important;cursor:pointer!important;}
html.ma-reference[data-ma-jonas-header] .ma-reference-jonas-caption :is(strong,span) {display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;font:inherit!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:break-word!important;}
html.ma-reference[data-ma-jonas-header] .ma-reference-jonas-caption strong {font-weight:650!important;color:var(--cinema-gold,#dcaf57)!important;}
html.ma-reference[data-ma-jonas-header] #ma-jonas-home.is-chat-stage > .ma-reference-jonas-caption {display:none!important;}
html.ma-reference .ma-reference-header-move-help {position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important;}
html.ma-reference[dir='rtl'] #ma-reference-header .ma-reference-header-tools-panel {direction:rtl!important;}
/* Wide viewports have room for the invitation beside the face. Reserve the
 * entire pair, so translated copy does not make the masthead unnecessarily tall. */
@media(min-width:480px){
 html.ma-reference {--ma-jonas-launcher-width:252px;}
 html.ma-reference #ma-reference-header-slot {min-height:96px!important;}
 html.ma-reference #ma-reference-header-slot :is(#ma-ambient-jonas,#ma-jonas-home),
 html.ma-reference[data-ma-jonas-header] :is(#ma-ambient-jonas,#ma-jonas-home)[data-jonas-placement='dragged'] {grid-template-columns:var(--ma-jonas-launcher-size) minmax(0,1fr)!important;align-items:center!important;column-gap:8px!important;}
}
@media(min-width:1100px){html.ma-reference #ma-reference-header .ma-reference-header-bar {padding-inline:20px!important;}}
@media(max-width:359px){html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header .ma-brand-orb-stage {width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;flex-basis:28px!important;}html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header .hub-brand>img:not(.matchapp-wordmark){width:28px!important;height:28px!important;flex-basis:28px!important;}}
@media(max-width:599px){html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #mh-topbox#mh-topbox#mh-topbox.ma-cinema-header-compact {grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;row-gap:4px!important;}html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #mh-topbox .mh-head {grid-area:1 / 1!important;}html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #mh-topbox .ma-cinema-header-actions {grid-area:2 / 1!important;justify-self:end!important;}}
@media(max-width:599px){
 html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header .ma-reference-header-original:not(#mh-topbox):not(#ref-explore-header) {display:grid!important;grid-template-columns:minmax(0,1fr)!important;row-gap:4px!important;}
 html.ma-reference #ma-reference-header .ma-reference-header-original > :is(.ma-reference-header-tools,.ma-cinema-search) {justify-self:end!important;}
 html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ref-explore-header > .hub-brand {grid-column:1 / -1!important;grid-row:1!important;}
 html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #ref-explore-header > :is(.ref-explore-tools,.ma-cinema-search) {grid-row:2!important;}
}
/* The new masthead reserves more real flow space. Compact only Home's hero
 * chrome to keep its existing48px match action clear of the phone dock. Text
 * may naturally expand the hero for larger saved font sizes and long labels. */
@media(max-width:600px){html.ma-reference[data-ma-jonas-header='active'] body.page-home .home-hero.home-hero {min-height:154px!important;padding-block:4px!important;}html.ma-reference[data-ma-jonas-header='active'] body.page-home .home-hero.home-hero .home-h1.home-h1 {margin-bottom:4px!important;}html.ma-reference[data-ma-jonas-header='active'] body.page-home .ma-cinema-section-heading {margin-top:6px!important;}}
@media(max-width:359px){html.ma-reference {--ma-jonas-launcher-size:76px;--ma-jonas-launcher-width:136px;}}
@media print {html.ma-reference #ma-reference-header,html.ma-reference #ma-reference-header-space {display:none!important;}}

/* 2026-10-22 owner-approved Play + Ai mark with the unsplit Playfair wordmark,
   identical on Home and every adult route. Kids never carries html.ma-reference. */
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-home-link,.ma-reference-header-brand) {gap:12px!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header .ma-brand-orb-stage {width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;flex:0 0 44px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-orb,.ma-reference-header-brand>img) {width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;position:static!important;inset:auto!important;transform:none!important;margin:0!important;-webkit-mask:none!important;mask:none!important;flex:0 0 44px!important;object-fit:contain!important;border:0!important;border-radius:0!important;clip-path:none!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 0 10px rgba(230,195,106,.35))!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-copy,.ma-wordmark,.ma-reference-header-brand>span) {margin:0!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-wordmark,.ma-word-match,.ma-word-app,.ma-word-ai,.ma-reference-header-brand>span,.ma-reference-header-brand>span>span) {font-family:'Playfair Display',Georgia,'Times New Roman',serif!important;font-weight:700!important;font-style:normal!important;font-size:clamp(21px,4.4vw,28px)!important;line-height:1.05!important;letter-spacing:.03em!important;color:#E6C36A!important;-webkit-text-fill-color:#E6C36A!important;background:none!important;text-shadow:0 1px 12px rgba(230,195,106,.28)!important;white-space:nowrap!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-word-ai,.ma-reference-header-brand .ma-word-ai) {color:#f8f1e0!important;-webkit-text-fill-color:#f8f1e0!important;margin-left:.28em!important;padding:0!important;border:0!important;box-shadow:none!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-word-ai,.ma-wordmark,.ma-brand-orb-stage)::before,html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-word-ai,.ma-wordmark,.ma-brand-orb-stage)::after {content:none!important;display:none!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header .ma-reference-header-brand .ma-word-ai {margin-left:.28em!important;}
/* 2026-10-22 no capsule behind the brand: mark + wordmark sit directly on the midnight header. */
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.header-brand-area,.ma-brand-lockup,.ma-brand-home-link,.ma-reference-header-brand,.ma-brand-copy,.ma-brand-orb-stage,.matchapp-brand-link),
html.ma-reference:not(.kids-mode) .matchapp-brand-bar :is(.matchapp-brand-link,.ma-playai-wordmark) {background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.header-brand-area,.ma-brand-lockup,.ma-brand-home-link,.ma-reference-header-brand,.ma-brand-orb-stage)::before,html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.header-brand-area,.ma-brand-lockup,.ma-brand-home-link,.ma-reference-header-brand,.ma-brand-orb-stage)::after,
html.ma-reference:not(.kids-mode) .matchapp-brand-bar .matchapp-brand-link::before,html.ma-reference:not(.kids-mode) .matchapp-brand-bar .matchapp-brand-link::after {content:none!important;display:none!important;}
/* Balanced placement: optical midline, left gutter, breathing room before the nav. */
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-home-link,.ma-reference-header-brand) {align-self:center!important;align-items:center!important;gap:14px!important;padding:0 24px 0 4px!important;margin:0!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-copy,.ma-reference-header-brand>span) {display:inline-flex!important;align-items:center!important;transform:translateY(1px)!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.header-brand-area,.ma-brand-lockup,.mh-head) {align-self:center!important;}

@media (max-width:640px){html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-home-link,.ma-reference-header-brand) {padding-left:10px!important;padding-right:16px!important;}}
/* 2026-10-22 animated premium wordmark: gold-ivory-amber fill, slow diagonal light sweep
   (matches the sea-wave header shimmer), thin midnight outline, soft gold/violet glow.
   CSS only; animates background-position on a ~150px text box, no layout properties. */
@keyframes maWordmarkSweep {0%,62% {background-position:160% 0,0 0;} 100% {background-position:-60% 0,0 0;}}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-home-link,.ma-reference-header-brand) {gap:clamp(8px,calc(.8vw + 5.5px),14px)!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-wordmark,.ma-reference-header-brand>span),html.ma-reference:not(.kids-mode) body .matchapp-brand-bar.matchapp-brand-bar .matchapp-brand-link.matchapp-brand-link .ma-playai-wordmark {font-family:'Playfair Display',Georgia,'Times New Roman',serif!important;font-weight:800!important;font-size:clamp(16px,calc(2.3vw + 9px),28px)!important;letter-spacing:.022em!important;line-height:1.12!important;white-space:nowrap!important;
 background-image:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.98) 50%,transparent 60%),linear-gradient(100deg,#E6C36A 0%,#f8f1e0 46%,#E6C36A 66%,#b7832f 100%)!important;
 background-size:260% 100%,100% 100%!important;background-repeat:no-repeat!important;background-position:160% 0,0 0;
 -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;
 -webkit-text-stroke:0!important;text-shadow:none!important;
 filter:drop-shadow(0 1px 0 rgba(13,8,24,.95)) drop-shadow(0 0 1px rgba(13,8,24,.9)) drop-shadow(0 0 6px rgba(230,195,106,.38)) drop-shadow(0 0 14px rgba(140,92,255,.22))!important;
 animation:maWordmarkSweep 7.5s cubic-bezier(.45,.05,.35,1) infinite!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-word-match,.ma-word-app),html.ma-reference:not(.kids-mode) body .matchapp-brand-bar.matchapp-brand-bar .matchapp-brand-link.matchapp-brand-link .ma-playai-wordmark>span {background:none!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;filter:none!important;}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header .ma-word-ai,html.ma-reference:not(.kids-mode) body .matchapp-brand-bar.matchapp-brand-bar .matchapp-brand-link.matchapp-brand-link .ma-playai-wordmark>span {display:inline-block!important;margin-left:.26em!important;padding:0 .02em!important;font:inherit!important;font-family:'Playfair Display',Georgia,serif!important;font-weight:800!important;font-size:clamp(16px,calc(2.3vw + 9px),28px)!important;letter-spacing:.01em!important;
 background:linear-gradient(120deg,#c7b2ff 0%,#9d7bff 35%,#E6C36A 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;
 -webkit-text-stroke:0!important;text-shadow:none!important;filter:drop-shadow(0 1px 0 rgba(13,8,24,.95)) drop-shadow(0 0 1px rgba(13,8,24,.9)) drop-shadow(0 0 8px rgba(157,123,255,.45))!important;background-size:200% 100%!important;animation:maAiIntelligenceGlint 13s ease-in-out infinite!important;}
html.ma-reference:not(.kids-mode) body .matchapp-brand-bar.matchapp-brand-bar .matchapp-brand-link.matchapp-brand-link .ma-playai-wordmark>span {font-size:1em!important;}
html.ma-reference:not(.kids-mode) body .matchapp-brand-bar.matchapp-brand-bar .matchapp-brand-link.matchapp-brand-link .ma-playai-mark {width:clamp(40px,calc(1vw + 36px),48px)!important;height:auto!important;}
html.ma-reference:not(.kids-mode) body .matchapp-brand-bar.matchapp-brand-bar .matchapp-brand-link.matchapp-brand-link .ma-playai-wordmark {margin-left:clamp(10px,calc(.6vw + 7px),14px)!important;font-size:clamp(20px,calc(1.4vw + 15px),32px)!important;}
@media (prefers-reduced-motion:reduce) {html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header .ma-word-ai {animation:none!important;} html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-wordmark,.ma-reference-header-brand>span),html.ma-reference:not(.kids-mode) body .matchapp-brand-bar.matchapp-brand-bar .matchapp-brand-link.matchapp-brand-link .ma-playai-wordmark {animation:none!important;background-position:160% 0,0 0!important;}}

@media (max-width:374px){html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header #mh-topbox#mh-topbox {flex-shrink:0!important;max-width:none!important;min-width:max-content!important;} html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-wordmark,.ma-word-ai,.ma-reference-header-brand>span) {font-size:15px!important;letter-spacing:.012em!important;} html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-home-link,.ma-reference-header-brand) {padding-left:6px!important;padding-right:6px!important;} html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-orb-stage,.ma-brand-orb,.ma-reference-header-brand>img) {width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important;flex-basis:38px!important;}}
html.ma-reference:not(.kids-mode) #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.mh-head,.header-brand-area,.ma-brand-lockup,.ma-brand-home-link,.ma-reference-header-brand,.ma-brand-copy) {max-width:none!important;flex-shrink:0!important;overflow:visible!important;}
/* At narrow widths the unsplit wordmark may exceed its grid column. Keep the
   controls in that column so they cannot cover Jonas's caption. */
@media(max-width:374px){html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #mh-topbox .ma-cinema-header-actions {justify-self:start!important;width:calc(100vw - var(--ma-jonas-launcher-width) - 24px)!important;justify-content:flex-end!important;}}
}

/* 2026-10-25: owner-requested full-bleed masthead. Keep every original control. */
@layer ma-reference {
html.ma-reference #ma-reference-header .ma-reference-header-bar {padding-block:10px!important;gap:12px!important;}
html.ma-reference #ma-reference-header .ma-reference-header-chrome {display:grid!important;gap:7px!important;}
html.ma-reference #ma-reference-header .ma-masthead-intro {display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;margin:7px 0 0!important;padding:0 4px!important;border:0!important;background:none!important;box-shadow:none!important;text-align:start!important;}
html.ma-reference #ma-reference-header .ma-masthead-intro > span {display:block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;white-space:normal!important;overflow-wrap:break-word!important;}
html.ma-reference #ma-reference-header .ma-masthead-story {font:500 clamp(.75rem,1.1vw,.9375rem)/1.4 system-ui,sans-serif!important;letter-spacing:.015em!important;color:#f3eadc!important;text-shadow:0 1px 5px #0d0820!important;}
html.ma-reference #ma-reference-header .ma-masthead-formats {font:500 clamp(.625rem,.8vw,.6875rem)/1.4 system-ui,sans-serif!important;letter-spacing:.12em!important;color:#d9c4a3!important;}
/* One small, finite glint; no continuous backdrop/filter repaint. */
html.ma-reference #ma-reference-header::before {content:'';position:absolute;inset:auto 10% -1px;height:1px;background:linear-gradient(90deg,transparent,#e6c36a,#bda1ff,transparent);pointer-events:none;transform:scaleX(.35);opacity:.7;animation:maMastheadReveal 1.8s ease-out both;}
@keyframes maMastheadReveal {from{transform:scaleX(.05);opacity:0}to{transform:scaleX(1);opacity:.7}}
html.ma-reference #ma-reference-header::after {content:none!important;}
html.ma-reference #ma-reference-header .ma-reference-header-original::after {content:none!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-home-link,.ma-reference-header-brand) {padding-inline:4px!important;gap:9px!important;max-width:100%!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.mh-head,.header-brand-area,.ma-brand-lockup,.ma-brand-copy) {min-width:0!important;max-width:100%!important;}
html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-wordmark,.ma-word-match,.ma-word-app,.ma-word-ai,.ma-reference-header-brand>span) {font-size:clamp(17px,2.1vw + 9px,28px)!important;line-height:1.15!important;}
html.ma-reference #ma-reference-header-slot {padding-block:0!important;}
html.ma-reference #ma-reference-header-slot .ma-reference-jonas-caption {background:rgba(13,8,32,.58)!important;border-color:rgba(230,195,106,.25)!important;}
@media(max-width:699px){
 html.ma-reference {--ma-jonas-launcher-width:112px;--ma-jonas-launcher-size:72px;}
 html.ma-reference #ma-reference-header .ma-reference-header-bar {padding-block:9px!important;gap:8px!important;}
 html.ma-reference #ma-reference-header-slot {min-height:118px!important;align-self:center!important;}
 html.ma-reference #ma-reference-header-slot :is(#ma-ambient-jonas,#ma-jonas-home) {grid-template-columns:minmax(0,1fr)!important;row-gap:5px!important;}
 html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-brand-orb-stage,.ma-brand-orb,.ma-reference-header-brand>img) {width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;flex-basis:36px!important;}
 html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header :is(.ma-wordmark,.ma-word-match,.ma-word-app,.ma-word-ai,.ma-reference-header-brand>span) {font-size:clamp(18px,5.4vw,25px)!important;letter-spacing:0!important;}
 html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header#ma-reference-header #mh-topbox {min-width:0!important;max-width:100%!important;}
 html.ma-reference #ma-reference-header .ma-masthead-formats {letter-spacing:.06em!important;}
 html.ma-reference #ma-reference-header-slot .ma-reference-jonas-caption {padding:3px 4px!important;border:0!important;min-height:34px!important;font-size:max(11px,.6875rem)!important;}
 html.ma-reference #ma-reference-header#ma-reference-header#ma-reference-header #mh-topbox .ma-cinema-header-actions {justify-self:start!important;width:auto!important;justify-content:flex-start!important;}
}
@media(min-width:700px){
 html.ma-reference #ma-reference-header .ma-masthead-intro {flex-direction:row!important;align-items:baseline!important;flex-wrap:wrap!important;column-gap:16px!important;}
}
@media(prefers-reduced-motion:reduce){html.ma-reference #ma-reference-header::before{animation:none!important;transform:scaleX(1)}}
html.ma-reference.reduce-motion #ma-reference-header::before,html.ma-reference.reduce-motion #ma-reference-header :is(.ma-wordmark,.ma-word-ai){animation:none!important;}
}