.reference-layout .cinema-header{justify-content:space-between}
.reference-layout .header-contact{min-width:104px}
.reference-layout .inquiry-section{position:relative}
/* Marketing copy only: keep native widget typography and layout intact. */
@font-face{font-family:XplayHeading;src:url('fonts/PretendardVariable-1.3.9.woff2');font-weight:100 900;font-style:normal;font-display:swap}
.reference-layout .cinema-hero h1,.reference-layout .cinema-services h2,.reference-layout .section-heading h2,.reference-layout .catalog-heading h2,.reference-layout .feature-title-row h3,.reference-layout .inquiry-copy h2{font-family:XplayHeading,Pretendard,sans-serif}
.reference-layout .cinema-hero h1{letter-spacing:-.018em;word-spacing:.04em;line-height:1.26}
.reference-layout .cinema-kicker{letter-spacing:-.018em}
.reference-layout .cinema-services h2,.reference-layout .section-heading h2,.reference-layout .catalog-heading h2,.reference-layout .inquiry-copy h2{letter-spacing:-.015em}
.reference-layout .feature-title-row h3{letter-spacing:-.012em}
.reference-layout .cinema-hero .hero-actions .button{letter-spacing:0}
.catalog-loop-paused *,.catalog-loop-paused *:before,.catalog-loop-paused *:after{animation-play-state:paused!important}
/* The catalog scales a desktop broadcast canvas; its contents must keep that layout. */
.reference-layout [data-widget-mount="donor-ranking"] [data-donor-mode="DETAIL"]{width:calc(1080px * var(--donor-width,1))}
.reference-layout [data-widget-mount="donor-ranking"] [data-donor-mode="DETAIL"]>div:has(>[data-source]){grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
[data-catalog-preview="donation-table"] [data-ranking-row]>[data-column]{position:relative;overflow:hidden}
[data-catalog-cell-cover]{position:absolute;inset:3px 2px;z-index:4;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #d3acff;border-radius:6px;background:linear-gradient(100deg,#4f238c,#8e51cd 52%,#56258e);color:#fff;box-shadow:inset 0 1px #eed8ff88,0 0 12px #b47aff44;animation:catalog-cell-cover 4s cubic-bezier(.2,.7,.2,1) both}
[data-catalog-cell-cover][data-direction="down"]{background:linear-gradient(100deg,#283a83,#526ed0 52%,#363287);border-color:#b4cbff}
[data-catalog-cell-cover]>strong{position:relative;z-index:1;font:900 1.05em/1 Preview,Pretendard,sans-serif;color:#fff!important;white-space:nowrap;text-shadow:0 1px 2px #25113f}
[data-catalog-cell-cover]>i{position:absolute;inset:-20% -50%;background:linear-gradient(110deg,transparent 42%,#ffffff55 50%,transparent 58%);animation:catalog-cell-shine 1.3s ease-out both;pointer-events:none}
@keyframes catalog-cell-cover{0%{opacity:0;scale:.88}10%,78%{opacity:1;scale:1}100%{opacity:0;scale:1.03}}
@keyframes catalog-cell-shine{from{translate:-70% 0}to{translate:70% 0}}
@media(max-width:760px){.reference-layout .cinema-header{flex-wrap:nowrap}.reference-layout .header-contact{min-width:88px}.reference-layout .cinema-hero .hero-actions .button{gap:0}}

.reference-layout .cinema-header .faq-header-actions .header-contact{font-size:15px}
@media(max-width:760px){.reference-layout .cinema-header .faq-header-actions .header-contact{font-size:13px}}

[data-experience-frame][hidden],.mobile-experience-gate[hidden]{display:none!important}
.mobile-experience-gate{padding:37px 24px;border:1px solid #8054b0;border-radius:20px;background:radial-gradient(ellipse at top,#4d28774d,transparent 75%),#130d20;text-align:center;color:#fff}
.mobile-experience-gate h3{font-family:XplayHeading,Pretendard,sans-serif;font-size:22px;line-height:1.5;word-break:keep-all}
.mobile-experience-gate p{margin:13px 0 24px;font-size:13px;line-height:1.8;color:#ddd1ed;word-break:keep-all}
.mobile-experience-gate button{min-height:48px;padding:13px 27px;border:1px solid #b280f6;border-radius:999px;background:linear-gradient(110deg,#9653ef,#653bea);color:#fff;font-size:14px;font-weight:750}
@media(max-width:760px),(hover:none) and (pointer:coarse){
 .reference-layout .cinema-header{padding-top:max(19px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
 .reference-layout .header-contact,.faq-header-actions .faq-nav-link{min-height:44px}
 .reference-layout .cinema-hero .cinema-background{filter:none}
 .reference-layout .cinema-services,.feature-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
 .reference-layout .cinema-services{background:linear-gradient(110deg,#100b18f5,#21142ef2,#100b18f5)}
 .feature-card{contain:layout paint;box-shadow:none}
 .feature-open{min-height:44px;min-width:92px}
 .feature-dialog-close{min-width:44px;min-height:44px}
 .feature-dialog{max-height:calc(100dvh - 24px)}
 .inquiry-aurora,.constellation .network-flow{filter:none}
 .reference-layout #site-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
 [data-intro-offscreen=true],[data-intro-offscreen=true] *,[data-intro-offscreen=true]::before,[data-intro-offscreen=true]::after,[data-intro-offscreen=true] *::before,[data-intro-offscreen=true] *::after{animation-play-state:paused!important}
}