/* Shared media proportions for both page templates. */
.site-refined.experience-pages .page-hero { isolation:isolate; }
.site-refined.experience-pages .page-hero :is(.editorial-hero-copy,.editorial-legacy-copy,.page-hero-grid>div:first-child) { min-width:0; }
.site-refined.experience-pages .page-hero:not([data-experience-layout="corporate"]) :is(.editorial-hero-grid,.page-hero-grid) { grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:clamp(32px,4.4vw,64px); align-items:center; }
.site-refined.experience-pages .page-hero h1 { text-transform:none; font-size:clamp(42px,4.45vw,64px); line-height:1.08; letter-spacing:-.045em; }
.site-refined.experience-pages .page-hero :is(.editorial-art,.page-hero-visual) { min-width:0; overflow:hidden; }
.site-refined.experience-pages .page-hero:is([data-experience-layout="object"],[data-experience-layout="platform"],[data-experience-layout="account"]) :is(.editorial-art,.page-hero-visual) { width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:3/2; padding:0; margin:0; align-self:center; background:#fff; border:0; border-radius:0; }
.site-refined.experience-pages .page-hero:is([data-experience-layout="object"],[data-experience-layout="platform"],[data-experience-layout="account"]) :is(.editorial-art,.page-hero-visual)>img { display:block; position:absolute; inset:0; width:100%; height:100%; max-width:100%; padding:0; object-fit:contain; object-position:center; mix-blend-mode:multiply; }
.site-refined.experience-pages .page-hero :is(.editorial-art,.page-hero-visual)[data-live-scene] { aspect-ratio:4/3; }
.site-refined.experience-pages .page-hero[data-experience-layout="photograph"] :is(.editorial-art,.page-hero-visual) { width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:4/3; padding:0; margin:0; border:0; border-radius:0; }
.site-refined.experience-pages .page-hero[data-experience-layout="photograph"] img { width:100%; height:100%; object-fit:cover; object-position:center; padding:0; }
.site-refined.experience-pages .page-hero[data-experience-layout="document"] { background:#fff; border-bottom:1px solid #e8ebed; padding-block:42px; }
.site-refined.experience-pages .page-hero[data-experience-layout="document"] :is(.editorial-hero-grid,.page-hero-grid) { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:64px; }
.site-refined.experience-pages .page-hero[data-experience-layout="document"] :is(.editorial-art,.page-hero-visual) { height:280px; min-height:0; max-height:280px; width:100%; background:#fff; border:0; aspect-ratio:auto; margin:0; }
.site-refined.experience-pages .page-hero[data-experience-layout="document"] img { object-fit:contain; width:100%; height:100%; padding:0; }
.site-refined.experience-pages .page-hero[data-experience-layout="document"] h1 { font-size:clamp(42px,4.3vw,62px); }
.site-refined.experience-pages .page-hero[data-experience-layout="document"] .hero-chips { gap:12px 20px; }
.site-refined.experience-pages .page-hero[data-experience-layout="document"] .hero-chip { font-size:12px; }
.site-refined.experience-pages.page-corporate-accounts .editorial-art>img { opacity:.88; }
.site-refined.experience-pages.page-corporate-accounts .editorial-hero-grid::before { background:linear-gradient(90deg,#101923e8 0%,#101923a6 42%,#10192326 78%,transparent); }
.site-refined.experience-pages.page-corporate-accounts .editorial-hero-grid { border-radius:0; }
.site-refined.experience-pages.page-kind-corporate .page-hero-visual { width:100%; min-height:560px; max-height:660px; }

/* Let supporting art set its own height instead of clipping it inside old fixed frames. */
.site-refined.experience-pages .experience-support-image { display:block; width:100%; height:auto; max-width:680px; max-height:none; object-fit:contain; aspect-ratio:3/2; border-radius:0; margin:0 auto; background:none; }
.site-refined.experience-pages .experience-support-image[data-experience-media="photo"] { object-fit:cover; aspect-ratio:5/4; }
.site-refined.experience-pages :is(.media-frame,.visual,.feature-media):has(>.experience-support-image) { width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:auto; padding:0; margin:0; background:#fff; border:0; border-radius:0; overflow:hidden; min-width:0; align-self:center; }
.site-refined.experience-pages :is(.media-frame,.visual,.feature-media)>.experience-support-image { margin:0; max-width:none; }
.site-refined.experience-pages :is(.media-frame,.visual,.feature-media)>.experience-support-image[data-experience-media="object"] { mix-blend-mode:multiply; }
.site-refined.experience-pages .media-frame:empty { display:none; }
.site-refined.experience-pages .media-split { align-items:center; }
.site-refined.experience-pages .media-split:not(:has(img)) { display:block; min-height:0; margin-block:0 32px; }
.site-refined.experience-pages .media-split:not(:has(img)) p { max-width:820px; }
.site-refined.experience-pages:has(.page-hero[data-experience-layout="account"]) .page-body>.container>.media-split:first-child { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:56px; }
.site-refined.experience-pages:has(.page-hero[data-experience-layout="account"]) .page-body>.container>.media-split:first-child .experience-support-image { max-height:300px; }
.site-refined.experience-pages .experience-support-image.banner { margin-block:0; }
.site-refined.experience-pages .funding-notes { gap:24px; margin-block:28px 42px; }
.site-refined.experience-pages .funding-note { padding:24px 28px; border-top:1px solid #dfe4e9; background:#f8f9fa; }
.site-refined.experience-pages .funding-note p { margin:0!important; font-size:15px!important; line-height:1.75; }

/* Each document has its own quiet illustration, paired with its existing title. */
.site-refined.experience-pages .doc-row:has(.document-thumbnail) { display: grid; grid-template-columns: 112px minmax(0,1fr) auto; gap: 28px; align-items: center; padding: 22px 26px 22px 16px; background: #fff; border: 1px solid #e2e6e9; border-radius: 0; min-height: 130px; }
.site-refined.experience-pages .doc-row:has(.document-thumbnail)>.doc-ic { display: none; }
.site-refined.experience-pages .doc-row>.document-thumbnail { width: 112px; height: 92px; object-fit: contain; }
.site-refined.experience-pages .doc-row:has(.document-thumbnail)>div { min-width: 0; }
.site-refined.experience-pages .doc-row:has(.document-thumbnail) h4 { font-size: 22px; line-height: 1.3; margin: 0 0 8px; }
.site-refined.experience-pages .doc-row:has(.document-thumbnail) p { font-size: 14px; line-height: 1.7; margin: 0; }
.site-refined.experience-pages .doc-row:has(.document-thumbnail) .btn { align-self: center; }
.site-refined.experience-pages .document-card:has(.document-thumbnail) { position: relative; padding: 0 26px 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 0; background: var(--surface); }
.site-refined.experience-pages .document-card>.document-thumbnail { width: calc(100% + 52px); max-width: none; height: 170px; object-fit: contain; margin: 0 -26px 24px; background: #fafafa; mix-blend-mode: normal; }
.site-refined.experience-pages .document-card:has(.document-thumbnail)>.icon-box, .site-refined.experience-pages .document-card:has(.document-thumbnail)>.doc-top>.icon-box { display: none; }
.site-refined.experience-pages .document-card:has(.document-thumbnail)>.doc-top { justify-content: flex-start; padding-bottom: 14px; margin-bottom: 18px; }
.site-refined.experience-pages .document-card:has(.document-thumbnail) h3 { font-size: 25px; line-height: 1.2; margin-bottom: 14px; }
.site-refined.experience-pages .document-card:has(.document-thumbnail) p { font-size: 15px; line-height: 1.7; }
.site-refined.experience-pages .document-card:has(.document-thumbnail):hover { transform: none; box-shadow: none; border-color: #b9bfc6; }
html[data-theme="dark"] .site-refined.experience-pages .page-hero[data-experience-layout="document"] { background: var(--bg); border-color: var(--line); }
html[data-theme="dark"] .site-refined.experience-pages .page-hero[data-experience-layout="document"] :is(.editorial-art,.page-hero-visual) { background: #fff; }


@media (max-width:1000px) {
 .site-refined.experience-pages .page-hero:not([data-experience-layout="corporate"]) :is(.editorial-hero-grid,.page-hero-grid) { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:30px; }
 .site-refined.experience-pages .page-hero h1 { font-size:clamp(38px,4.8vw,52px); }
 .site-refined.experience-pages .page-hero[data-experience-layout="document"] :is(.editorial-art,.page-hero-visual) { height:240px; }
 .site-refined.experience-pages.page-kind-corporate .page-hero-visual { min-height:480px; }
}
@media (max-width:800px) {
 .site-refined.experience-pages .page-hero:not([data-experience-layout="corporate"]) :is(.editorial-hero-grid,.page-hero-grid) { grid-template-columns:minmax(0,1fr); gap:30px; }
 .site-refined.experience-pages .page-hero :is(.editorial-art,.page-hero-visual):not(.editorial-art--corporate) { justify-self:center; }
 .site-refined.experience-pages .page-hero:is([data-experience-layout="object"],[data-experience-layout="platform"],[data-experience-layout="account"],[data-experience-layout="photograph"]) :is(.editorial-art,.page-hero-visual) { width:100%; max-width:620px; height:auto; min-height:0; max-height:none; aspect-ratio:3/2; }
 .site-refined.experience-pages .page-hero :is(.editorial-art,.page-hero-visual)[data-live-scene] { aspect-ratio:4/3; max-width:480px; }
 .site-refined.experience-pages .page-hero[data-experience-layout="document"] :is(.editorial-art,.page-hero-visual) { height:220px; max-width:390px; }
 .site-refined.experience-pages .page-hero[data-experience-layout="document"] { padding-block:28px; }
 .site-refined.experience-pages.page-kind-corporate .page-hero-visual { width:100%; min-height:0; height:auto; aspect-ratio:4/3; }
 .site-refined.experience-pages:has(.page-hero[data-experience-layout="account"]) .page-body>.container>.media-split:first-child { grid-template-columns:1fr; gap:28px; }
 .site-refined.experience-pages .media-split { gap:28px; }
 .site-refined.experience-pages .experience-support-image { max-width:620px; }
 .site-refined.experience-pages .experience-support-image[data-experience-media="photo"] { aspect-ratio:3/2; }
 .site-refined.experience-pages .document-card>.document-thumbnail { height:155px; }
}
@media (max-width:640px) {
 .site-refined.experience-pages .page-hero h1,.site-refined.experience-pages .page-hero[data-experience-layout="document"] h1 { font-size:38px; }
 .site-refined.experience-pages .page-hero[data-experience-layout="document"] :is(.editorial-art,.page-hero-visual) { height:190px; }
 .site-refined.experience-pages .doc-row:has(.document-thumbnail) { grid-template-columns:82px minmax(0,1fr); gap:14px 20px; padding:18px; }
 .site-refined.experience-pages .doc-row>.document-thumbnail { width:82px; height:82px; }
 .site-refined.experience-pages .doc-row:has(.document-thumbnail) h4 { font-size:20px; }
 .site-refined.experience-pages .doc-row:has(.document-thumbnail) p { font-size:13px; }
 .site-refined.experience-pages .doc-row:has(.document-thumbnail) .btn { grid-column:2; justify-self:start; min-height:44px; }
 .site-refined.experience-pages .document-card>.document-thumbnail { height:185px; }
}
@media print {
 .site-refined.experience-pages .document-thumbnail { display:none; }
 .site-refined.experience-pages .doc-row:has(.document-thumbnail) { display:block; }
}
.site-refined.experience-pages img.experience-support-image,.site-refined.experience-pages img.document-thumbnail { background:none; }

/* Full-width supporting art gets a deliberate, centered maximum size. */
.site-refined.experience-pages .page-body>.container>.media-frame:has(>.experience-support-image) { max-width:880px; margin:36px auto; }
.site-refined.experience-pages.page-payment-methods .page-hero .editorial-art { aspect-ratio:1; max-width:440px; justify-self:center; }
.site-refined.experience-pages.page-payment-methods .page-hero .editorial-art>img { padding:20px; animation:none; mix-blend-mode:normal; }
.site-refined.experience-pages .page-body .media-split img[src$="payment-methods.png"] { width:100%; height:auto; max-width:400px; max-height:420px; object-fit:contain; justify-self:center; padding:0; background:none; }
@media(max-width:800px) { .site-refined.experience-pages.page-payment-methods .page-hero .editorial-art { max-width:340px; } }

.site-refined.experience-pages:is(.page-payment-methods,.page-funding-withdrawal) .media-split>div>p { text-align:left!important; margin-inline:0!important; }