/* VIP salon: complete photographic scenes, existing membership and receipt contract. */
.vip-art-page { color-scheme: dark; }
.vip-art-page ::selection { background: #f7d47b; color: #241727; }
.vip-art-page :is(h1,h2,h3) { text-wrap: balance; }
.vip-art-page p { text-wrap: pretty; }
.vip-art-page a { text-underline-offset: 4px; }
.vip-art-page :is(a,button,summary):focus-visible { outline: 3px solid #f7d47b; outline-offset: 5px; }
.vip-art-page .upgrade-receipt { background: #211827; }
.vip-art-page .upgrade-hero { overflow: clip; }
.vip-art-page .upgrade-hero-grid { display: block; min-height: 720px; padding-block: 64px 60px; }
.vip-art-page .upgrade-hero-art { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; z-index: -1; }
.vip-art-page .upgrade-hero-art picture { width: 100%; height: 100%; max-width: 1600px; margin: 0 auto; }
.vip-art-page .upgrade-hero-art img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center top; }
.vip-art-page .upgrade-hero-art picture::after { background: linear-gradient(90deg,#100a19d9 0%,#100a1988 33%,#100a1900 57%),linear-gradient(0deg,#100a19,transparent 19%,transparent 92%,#100a1966); }
.vip-art-page .upgrade-hero-copy { width: 45%; max-width: 500px; }
.vip-art-page .upgrade-hero h1 { font-size: clamp(52px,5vw,72px); line-height: 1.01; max-width: 14ch; }
.vip-art-page .upgrade-lede { max-width: 39ch; color: #f3e4e9; font-size: 16px; line-height: 1.7; }
.vip-art-page .upgrade-hero .upgrade-checkout { margin-top: 26px; }
.vip-art-page .upgrade-pillars { margin-top: 25px; gap: 12px; }
.vip-art-page .upgrade-pillars svg { width: 27px; height: 27px; }
.vip-art-page .upgrade-already { margin-top: 20px; }
.vip-art-page .upgrade-priority { padding-top: 38px; border-top-color: #74553580; }
.vip-art-page .upgrade-priority-copy { margin-bottom: 24px; }
.vip-art-page .vip-priority-demo { background: transparent; }
.vip-art-page .vip-queue-scene { background: #211627; }
.vip-art-page .upgrade-benefits { padding-block: 64px; }
.vip-art-page .upgrade-section-intro { text-align: left; margin-bottom: 32px; }
.vip-art-page .upgrade-section-intro h2 { font-size: clamp(42px,4vw,56px); }
.vip-art-page .upgrade-section-intro h2 br { display: none; }
.vip-art-page .upgrade-section-intro > p { margin-top: 12px; }
.vip-benefits-story { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 44px; align-items: center; }
.vip-practice-art { margin: 0; min-width: 0; }
.vip-practice-art img { display: block; width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; border-radius: 12px; }
.vip-art-page .upgrade-benefits-grid { grid-template-columns: 1fr; gap: 0; }
.vip-art-page .upgrade-benefits-grid > li { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 17px; padding: 18px 0; border: 0; border-bottom: 1px solid #594355; border-radius: 0; background: none; }
.vip-art-page .upgrade-benefits-grid > li:first-child { padding-top: 0; }
.vip-art-page .upgrade-benefits-grid > li:last-child { border-bottom: 0; padding-bottom: 0; }
.vip-art-page .upgrade-benefit-icon { width: 32px; height: 36px; background: none; color: #eed091; border-radius: 0; }
.vip-art-page .upgrade-benefits-grid > li:first-child .upgrade-benefit-icon { background: none; }
.vip-art-page .upgrade-benefit-icon svg { width: 29px; height: 29px; }
.vip-art-page .upgrade-benefits-grid h3 { font-size: 27px; line-height: 1.14; margin-bottom: 7px; max-width: none; }
.vip-art-page .upgrade-benefits-grid p { font-size: 14px; line-height: 1.65; color: #e0ccdc; max-width: 52ch; }
.vip-art-page .upgrade-inside { padding: 48px; gap: 46px; background: #fff6e7; border-radius: 16px; color: #352437; }
.vip-art-page .upgrade-inside h2 { font-size: 46px; color: #352437; }
.vip-art-page .upgrade-inside h2 em { color: #79513a; }
.vip-art-page .upgrade-inside p { color: #59445b; }
.vip-art-page .upgrade-inside p.upgrade-inside-note { color: #665066; }
.vip-art-page .upgrade-inside-emblem { margin-bottom: 18px; }
.vip-art-page .upgrade-text-action { color: #4f344f; border-color: #84603b; }
.vip-art-page .upgrade-classroom-window { aspect-ratio: auto; background: #fff; }
.vip-art-page .upgrade-classroom-window img { width: 100%; margin: 0; }
.vip-art-page .upgrade-classroom-caption { color: #5e3f56; }
.vip-art-page .upgrade-classroom:hover .upgrade-classroom-caption { color: #352437; }
.vip-art-page .upgrade-inside :is(a,button):focus-visible { outline-color: #6d3a77; }
.vip-art-page .upgrade-proof { margin-top: 64px; padding-block: 0 64px; border-top: 0; }
.vip-art-page .upgrade-proof h2 { font-size: 51px; }
.vip-art-page .upgrade-proof .vip-reading-film { max-width: 440px; }
.vip-art-page .upgrade-invitation { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 60px; align-items: center; padding-block: 32px; border-block: 1px solid #74553580; }
.vip-art-page .upgrade-invitation-art { background: none; min-height: 0; padding: 0; text-align: left; justify-items: start; border-radius: 0; }
.vip-art-page .upgrade-invitation-art h2 { font: 600 46px/1.07 var(--vip-serif); color: #fff6e7; max-width: 19ch; }
.vip-art-page .upgrade-invitation > .upgrade-checkout { margin: 0; width: 100%; }
.vip-art-page .upgrade-optional { grid-column: 1/-1; margin: 0; }
.vip-art-page .upgrade-faq { padding-block: 64px; }
.vip-art-page .upgrade-faq details { border: 0; border-bottom: 1px solid #594355; border-radius: 0; background: none; margin-bottom: 0; }
.vip-art-page .upgrade-faq summary { padding: 19px 0; font-size: 15px; }
.vip-art-page .upgrade-faq details > p { padding: 0 28px 23px 0; }
.vip-art-page .upgrade-closing { background: linear-gradient(#100a19 0%,#100a1999 22%,#100a19b3 66%,#100a19 100%),url(vip-dusk-terrace-v1.287eb8d83a.webp) center 65%/cover; padding: 85px 0 105px; }
.vip-art-page .upgrade-closing .vip-wrap > p { color: #f2e3ee; }
.vip-art-page .upgrade-closing .upgrade-renewal,.vip-art-page .upgrade-closing .vip-qualification { color: #eee0e7; }
@media (min-width:1600px) {
 .vip-art-page .upgrade-hero-grid { max-width: 1180px; min-height: 770px; }
 .vip-art-page .upgrade-hero-art picture::after { background: linear-gradient(90deg,#100a19,#100a1980 23%,transparent 55%,transparent 95%,#100a19),linear-gradient(0deg,#100a19,transparent 20%,transparent 92%,#100a1966); }
}
@media (min-width:700px) and (max-width:1099px) {
 .vip-art-page .upgrade-hero-grid { min-height: 670px; padding-block: 38px; }
 .vip-art-page .upgrade-hero-copy { width: 46%; }
 .vip-art-page .upgrade-hero h1 { font-size: 51px; }
 .vip-art-page .upgrade-lede { font-size: 15px; }
 .vip-art-page .upgrade-hero-art img { object-position: 54% top; }
 .vip-benefits-story { gap: 28px; grid-template-columns: .8fr 1.2fr; }
 .vip-practice-art img { aspect-ratio: 3/5; }
 .vip-art-page .upgrade-benefits-grid h3 { font-size: 25px; }
 .vip-art-page .upgrade-inside { padding: 32px; gap: 30px; }
 .vip-art-page .upgrade-inside h2 { font-size: 38px; }
 .vip-art-page .upgrade-invitation { gap: 28px; }
 .vip-art-page .upgrade-invitation-art h2 { font-size: 39px; }
}
@media (max-width:699px) {
 .vip-art-page .upgrade-hero-grid { display: flex; min-height: 0; padding: 0 0 34px; }
 .vip-art-page .upgrade-hero-art { position: relative; inset: auto; height: auto; z-index: 0; }
 .vip-art-page .upgrade-hero-art picture { height: auto; }
 .vip-art-page .upgrade-hero-art img { height: auto; aspect-ratio: 4/3; object-fit: cover; object-position: center; }
 .vip-art-page .upgrade-hero-art picture::after { background: linear-gradient(0deg,#100a19,transparent 24%,transparent 94%,#100a1933); }
 .vip-art-page .upgrade-hero-copy { width: calc(100% - 40px); margin-top: -9px; padding-top: 0; }
 .vip-art-page .upgrade-hero h1 { font-size: clamp(42px,11.5vw,64px); line-height: 1.02; }
 .vip-art-page .upgrade-lede { font-size: 15px; margin-top: 16px; }
 .vip-art-page .upgrade-hero .upgrade-checkout { margin-top: 22px; }
 .vip-art-page .upgrade-priority { padding-top: 30px; }
 .vip-art-page .upgrade-priority-copy h2 { font-size: 36px; }
 .vip-art-page .upgrade-benefits { padding-block: 38px; }
 .vip-art-page .upgrade-section-intro { margin-bottom: 24px; }
 .vip-art-page .upgrade-section-intro h2 { font-size: 40px; max-width: 17ch; }
 .vip-benefits-story { grid-template-columns: 1fr; gap: 27px; }
 .vip-practice-art img { aspect-ratio: 5/4; object-position: center 66%; }
 .vip-art-page .upgrade-benefits-grid > li { padding: 18px 0; gap: 14px; grid-template-columns: 32px minmax(0,1fr); }
 .vip-art-page .upgrade-benefits-grid h3 { font-size: 27px; }
 .vip-art-page .upgrade-benefits-grid p { font-size: 14px; }
 .vip-art-page .upgrade-inside { padding: 28px 22px 20px; gap: 25px; }
 .vip-art-page .upgrade-inside h2 { font-size: 36px; }
 .vip-art-page .upgrade-inside p { font-size: 14px; }
 .vip-art-page .upgrade-proof { margin-top: 38px; padding-block: 0 35px; }
 .vip-art-page .upgrade-proof h2 { font-size: 40px; }
 .vip-art-page .upgrade-invitation { grid-template-columns: 1fr; gap: 23px; padding-block: 30px; }
 .vip-art-page .upgrade-invitation-art h2 { font-size: 39px; }
 .vip-art-page .upgrade-faq { padding-block: 35px; }
 .vip-art-page .upgrade-faq summary { font-size: 14px; padding-block: 17px; }
 .vip-art-page .upgrade-faq details > p { font-size: 14px; }
 .vip-art-page .upgrade-closing { padding: 50px 0 72px; background-position: center bottom; }
 .vip-art-page .upgrade-closing h2 { font-size: 43px; }
}
@media (max-width:359px) {
 .vip-art-page .vip-brand small { font-size: 11px; }
 .vip-art-page .upgrade-hero-copy { width: calc(100% - 32px); }
 .vip-art-page .upgrade-hero h1 { font-size: 40px; }
 .vip-art-page .upgrade-inside { padding-inline: 18px; }
 .vip-art-page .upgrade-inside h2 { font-size: 32px; }
}