/* vipclubmm.info — Picture palace, VIP box. Yangon Art Deco cinema: pink lime-wash facade, lit marquee letter-board,
   teal canopy + blade sign, velvet proscenium, silver screen, seat-plan contents, ticket stubs, poster wall. */
:root{
 --plaster:#f3e7dc;--plaster-2:#eadbcd;--paper:#fcf7f1;--ink:#1f1519;--ink-2:#4b3a40;--muted:#5d4a50;
 --facade:#e8a58b;--facade-d:#d98d71;--salmon:#e58b6b;--salmon-t:#a3401f;
 --teal:#0e4744;--teal-d:#0a2e2c;--teal-dd:#061f1e;--teal-l:#9ed3c6;--teal-t:#0d5a55;
 --velvet:#7c1d33;--velvet-d:#4f0f1f;--velvet-l:#a8324d;
 --brass:#c9953f;--brass-l:#ebc77f;--brass-d:#8a6021;--bulb:#ffe9ae;--screen:#f5eee0;
 --line:rgba(31,21,25,.14);--line-b:rgba(201,149,63,.45);
 --f-disp:"Limelight","Noto Serif Myanmar",Georgia,serif;
 --f-head:"Epilogue","Noto Serif Myanmar",system-ui,sans-serif;
 --f-body:"Epilogue","Noto Sans Myanmar",system-ui,sans-serif;
 --font-head:var(--f-head);--font-body:var(--f-body);
 --primary:var(--velvet);--accent:var(--bulb);--surface:var(--paper);--text:var(--ink);--muted-c:var(--muted);
 --wrap:1200px;--gut:16px;
 color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--plaster);color:var(--ink);font:400 1.0625rem/1.7 var(--f-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}
.lang-my body,body.lang-my{line-height:1.85}
img,svg{max-width:100%}
a{color:var(--velvet);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--velvet-l)}
:focus-visible{outline:3px solid var(--salmon-t);outline-offset:3px;border-radius:2px}
.cn :focus-visible,.hall :focus-visible,.ft :focus-visible,.wall :focus-visible,.curtain :focus-visible{outline-color:var(--bulb)}
h1,h2,h3{margin:0;font-family:var(--f-head);color:var(--ink);text-wrap:balance}
p{margin:0 0 1em}
.w{display:inline-block;max-width:100%}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
@media (min-width:600px){:root{--gut:24px}}
@media (min-width:1000px){:root{--gut:36px}}
.skip{position:absolute;left:12px;top:-80px;z-index:50;background:var(--bulb);color:var(--ink);padding:12px 18px;font-weight:700;border-radius:2px;text-decoration:none}
.skip:focus{top:12px}
:lang(en) .sc,:lang(en) .plan-h,:lang(en) .ft-h,:lang(en) .mq-k,:lang(en) .stage-t,:lang(en) .bill-k,:lang(en) .steps-t,:lang(en) .plan-scr span{letter-spacing:.08em;text-transform:uppercase}

/* ticket button: notched ends like a torn admission ticket */
.tk{--tk:var(--velvet);--tk-c:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:10px 26px;background:var(--tk);color:var(--tk-c);font:700 1rem/1.25 var(--f-head);text-decoration:none;text-align:center;
 -webkit-mask:radial-gradient(circle 8px at 0 50%,#0000 97%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle 8px at 100% 50%,#0000 97%,#000) 100% 0/51% 100% no-repeat;
 mask:radial-gradient(circle 8px at 0 50%,#0000 97%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle 8px at 100% 50%,#0000 97%,#000) 100% 0/51% 100% no-repeat;
 box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brass-l) 70%,transparent);transition:background .2s,transform .15s}
.tk:hover{background:var(--velvet-l);color:var(--paper)}
.tk:active{transform:translateY(1px)}
.tk:focus-visible{-webkit-mask:none;mask:none}
.tk-sm{min-height:44px;padding:8px 20px;font-size:.95rem}
.gh{display:inline-flex;align-items:center;min-height:48px;padding:10px 20px;border:2px solid var(--ink);color:var(--ink);font:700 1rem/1.25 var(--f-head);text-decoration:none;border-radius:2px;background:transparent;transition:background .2s,color .2s}
.gh:hover{background:var(--ink);color:var(--bulb)}

/* ============ canopy header ============ */
.cn{position:relative;z-index:10;background:var(--teal);color:var(--paper)}
.cn::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--brass-d),var(--brass-l) 30%,var(--brass) 70%,var(--brass-d))}
.cn-in{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"br tg" "lsw cta" "nav nav";align-items:center;column-gap:12px}
.br{grid-area:br;display:inline-flex;align-items:center;gap:12px;min-height:64px;color:var(--bulb);text-decoration:none;min-width:0}
.br:hover{color:#fff}
.br-sign{width:26px;height:46px;flex:none;filter:drop-shadow(0 0 6px rgba(255,233,174,.25))}
.br-tx{display:flex;flex-direction:column;min-width:0;line-height:1.1}
.br-n{font:400 1.45rem/1.05 var(--f-disp);white-space:nowrap}
.br-t{font:500 .78rem/1.5 var(--f-body);color:var(--teal-l);margin-top:3px}
.cn-tg{grid-area:tg;justify-self:end;display:inline-flex;align-items:center;gap:10px;min-height:46px;min-width:46px;padding:8px 14px;border:1px solid var(--line-b);background:var(--teal-d);color:var(--bulb);font:600 .95rem/1.2 var(--f-body);border-radius:2px;cursor:pointer}
.tg-ic{display:grid;gap:4px;width:18px}.tg-ic i{display:block;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
.nav-open .tg-ic i:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-open .tg-ic i:nth-child(2){opacity:0}.nav-open .tg-ic i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.lsw{grid-area:lsw;display:flex;gap:4px;padding:6px 0}
.lsw a{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;color:var(--teal-l);text-decoration:none;font:600 .9rem/1.2 var(--f-body);border:1px solid transparent;border-radius:2px}
.lsw a[aria-current]{color:var(--ink);background:var(--bulb);border-color:var(--bulb)}
.lsw a:not([aria-current]):hover{border-color:var(--line-b);color:#fff}
.cn-cta{grid-area:cta;justify-self:end;--tk:var(--velvet);min-height:44px;padding:8px 20px;font-size:.92rem;margin:6px 0}
.cn-nav{grid-area:nav;display:none}
.nav-open .cn-nav{display:block}
.cn-nav ol{list-style:none;margin:0;padding:6px 0 14px;display:grid;gap:2px;border-top:1px solid var(--line-b)}
.cn-nav a{display:flex;align-items:center;gap:12px;min-height:50px;padding:6px 4px;color:var(--paper);text-decoration:none;font:600 1rem/1.4 var(--f-head)}
.cn-nav a:hover{color:var(--bulb)}
.cn-nav a[aria-current]{color:var(--bulb)}
.cn-nav a[aria-current] .sc{background:var(--bulb);color:var(--ink)}
.sc{flex:none;display:inline-grid;place-items:center;min-width:38px;height:28px;padding:0 6px;border-radius:8px 8px 3px 3px;background:var(--teal-dd);color:var(--brass-l);font:600 .78rem/1 var(--f-body);box-shadow:inset 0 -5px 0 rgba(0,0,0,.28)}
.lang-my .sc{font-size:.85rem}
.cn-edge{height:22px;background:
 radial-gradient(circle,var(--bulb) 0 2.2px,rgba(255,233,174,.35) 3.2px,transparent 4.5px) 0 0/18px 12px space no-repeat,
 linear-gradient(var(--teal-d) 0 0) 0 0/100% 12px no-repeat,
 linear-gradient(var(--teal-d) 0 0) 10px 12px/36px 10px repeat-x}
@media (min-width:980px){
 .cn-in{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"br . lsw cta" "nav nav nav nav"}
 .cn-tg{display:none}
 .cn-nav{display:block;box-shadow:0 0 0 100vmax var(--teal-d);clip-path:inset(0 -100vmax);background:var(--teal-d)}
 .cn-nav ol{display:flex;flex-wrap:wrap;gap:0;padding:0;border:0}
 .cn-nav li{display:flex}
 .cn-nav li+li::before{content:"";width:7px;height:7px;align-self:center;background:var(--brass);transform:rotate(45deg);margin-inline:14px}
 .cn-nav a{min-height:52px;padding:6px 2px;font-size:.98rem}
 .cn-cta{margin-left:10px}
}

/* ============ home: marquee on the facade ============ */
.mq{position:relative;background:
 repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0 2px,transparent 2px 26px,rgba(120,40,20,.06) 26px 28px,transparent 28px 52px),
 linear-gradient(180deg,var(--facade-d),var(--facade) 30%,#eeb39b);padding:34px 0 40px;margin-top:-10px}
.mq-in{display:grid;gap:22px;grid-template-areas:"frame" "act" "stubs"}
.mq-frame{grid-area:frame;position:relative;padding:16px;background:radial-gradient(circle,var(--bulb) 0 3px,rgba(255,233,174,.4) 4.2px,transparent 6px) 0 0/18px 18px space,var(--teal-dd);
 box-shadow:0 18px 40px -18px rgba(60,15,20,.55),0 0 0 3px var(--brass)}
.mq-frame::before{content:"";position:absolute;left:50%;bottom:100%;width:min(46%,240px);height:22px;transform:translateX(-50%);background:var(--teal-dd);
 clip-path:polygon(0 100%,12% 100%,12% 55%,28% 55%,28% 10%,72% 10%,72% 55%,88% 55%,88% 100%,100% 100%);border-bottom:0}
.mq-board{background:linear-gradient(180deg,#fffaf0,#fff3d9 60%,#fbe8c0);padding:clamp(20px,4vw,44px) clamp(18px,4vw,48px) clamp(18px,3vw,34px);box-shadow:inset 0 0 0 1px rgba(138,96,33,.35),inset 0 0 40px rgba(235,199,127,.45);position:relative}
.mq-board::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 46px,rgba(31,21,25,.07) 46px 47px)}
.mq-k{display:inline-block;margin:0 0 16px;padding:5px 12px;background:var(--teal);color:var(--bulb);font:600 .8rem/1.5 var(--f-body);border-radius:2px}
.mq h1{font:400 clamp(2rem,6.2vw,4.4rem)/1.04 var(--f-disp);color:var(--ink);margin:0 0 18px;position:relative;z-index:1}
.lang-my .mq h1{font:800 clamp(1.45rem,4.6vw,2.7rem)/1.7 var(--f-disp)}
.lang-my .mq h1 .w:first-child{font-family:"Limelight","Noto Serif Myanmar",serif;font-weight:400}
.mq .lead{position:relative;z-index:1;max-width:62ch;color:var(--ink-2);font-size:1.06rem}
.mq .lead p:last-child{margin:0}
.mq-act{grid-area:act;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mq-act .gh{border-color:var(--ink);background:rgba(252,247,241,.35)}
.stubs{grid-area:stubs;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.stubs li{position:relative;display:flex;align-items:center;min-height:40px;padding:6px 16px 6px 30px;background:var(--paper);color:var(--ink);font:600 .9rem/1.45 var(--f-body);
 -webkit-mask:radial-gradient(circle 6px at 0 50%,#0000 96%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle 6px at 100% 50%,#0000 96%,#000) 100% 0/51% 100% no-repeat;
 mask:radial-gradient(circle 6px at 0 50%,#0000 96%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle 6px at 100% 50%,#0000 96%,#000) 100% 0/51% 100% no-repeat}
.stubs li::before{content:"";position:absolute;left:14px;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--velvet);transform:rotate(45deg)}
.stubs li::after{content:"";position:absolute;left:22px;top:6px;bottom:6px;border-left:1.5px dashed rgba(31,21,25,.28)}
.blade{display:none}
@media (max-width:599px){.mq-frame{padding:12px;background-size:14px 14px,auto}.mq-board{padding:18px 16px 16px}.lsw a{padding:6px 10px}}
@media (min-width:900px){
 .mq{padding:52px 0 56px}
 .mq-in{grid-template-columns:minmax(0,1fr) 92px;grid-template-areas:"frame blade" "act blade" "stubs blade";column-gap:34px}
 .blade{grid-area:blade;display:flex;flex-direction:column;align-items:center;align-self:stretch;position:relative}
 .blade-crest{width:64px;height:40px;background:var(--brass);clip-path:polygon(0 100%,0 60%,18% 60%,18% 28%,36% 28%,36% 0,64% 0,64% 28%,82% 28%,82% 60%,100% 60%,100% 100%)}
 .blade-l{flex:1;width:92px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:20px 0;background:
  radial-gradient(circle,var(--bulb) 0 2.4px,transparent 3.6px) 0 0/14px 16px no-repeat space,
  radial-gradient(circle,var(--bulb) 0 2.4px,transparent 3.6px) 100% 0/14px 16px no-repeat space,var(--teal-dd);
  box-shadow:0 0 0 3px var(--brass),0 20px 36px -16px rgba(60,15,20,.6)}
 .blade-l span{font:400 3.1rem/1 var(--f-disp);color:var(--bulb);text-shadow:0 0 14px rgba(255,233,174,.55)}
 .blade::after{content:"";width:6px;height:26px;background:var(--brass-d)}
}

/* ============ auditorium band ============ */
.hall{position:relative;background:linear-gradient(180deg,var(--teal-dd),#081716 70%,#140a0d);color:var(--paper);padding:48px 0 0;overflow:hidden}
.hall-sky{position:absolute;inset:0 0 auto;height:420px;pointer-events:none;background:repeating-conic-gradient(from -90deg at 50% -12%,rgba(201,149,63,.16) 0 .7deg,transparent .7deg 6deg);
 -webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}
.hall-in{position:relative;display:grid;gap:26px;padding-bottom:30px}
.prosc{position:relative;padding:10px;background:linear-gradient(135deg,var(--velvet-d),var(--velvet) 50%,var(--velvet-d));box-shadow:0 0 0 3px var(--brass),0 0 0 7px var(--teal-dd),0 0 0 8px var(--brass-d),0 30px 60px -20px #000}
.prosc::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);width:180px;height:26px;transform:translateX(-50%);background:var(--brass);
 clip-path:polygon(0 100%,10% 100%,10% 60%,26% 60%,26% 24%,40% 24%,40% 0,60% 0,60% 24%,74% 24%,74% 60%,90% 60%,90% 100%,100% 100%)}
.stage{container:st/inline-size;background:var(--teal-dd);border:1px solid var(--brass-l);scroll-margin-top:24px}
.stage-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line-b)}
.stage-t{font:600 .85rem/1.5 var(--f-body);color:var(--brass-l)}
.stage-r{display:inline-flex;align-items:center;gap:7px;font:600 .78rem/1 var(--f-body);color:var(--paper);letter-spacing:.1em;text-transform:uppercase}
.stage-r::before{content:"";width:8px;height:8px;border-radius:50%;background:#e2583f;box-shadow:0 0 8px #e2583f}
.steps{align-self:start}
.steps-t{font:400 1.3rem/1.3 var(--f-disp);color:var(--bulb);margin:0 0 12px}
.lang-my .steps-t{font:700 1.15rem/1.7 var(--f-head)}
.steps ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.steps li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:12px 14px;background:rgba(10,46,44,.7);border:1px solid var(--line-b);color:#efe6d8;font-size:.98rem;line-height:1.6}
.lang-my .steps li{line-height:1.8}
.st-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--brass);color:var(--brass-l);font:400 1.2rem/1 var(--f-disp)}
.seats{height:64px;background:
 radial-gradient(ellipse 13px 14px at 50% 100%,#3b0f1b 96%,transparent) 0 8px/32px 26px repeat-x,
 radial-gradient(ellipse 13px 14px at 50% 100%,#2a0912 96%,transparent) 16px 34px/32px 30px repeat-x,#140a0d}
@media (min-width:760px){.steps ol{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1180px){
 .hall-in{grid-template-columns:minmax(0,1fr) 250px;column-gap:40px;align-items:start}
 .steps{padding-top:40px;position:sticky;top:20px}
 .steps ol{grid-template-columns:1fr}
}
@media (min-width:1400px){
 .hall::before,.hall::after{content:"";position:absolute;top:0;bottom:64px;width:calc((100vw - var(--wrap))/2 - 10px);max-width:180px;pointer-events:none;
  background:repeating-linear-gradient(90deg,#3d0b17 0 6px,#7c1d33 14px,#521020 22px,#3d0b17 28px);-webkit-mask:linear-gradient(90deg,#000 60%,transparent);mask:linear-gradient(90deg,#000 60%,transparent)}
 .hall::before{left:0}
 .hall::after{right:0;transform:scaleX(-1)}
}

/* ============ inner: one-sheet poster head ============ */
.bill{background:linear-gradient(180deg,var(--plaster-2),var(--plaster));padding:18px 0 30px;margin-top:-10px}
.bill-in{display:grid;gap:16px;padding-top:16px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;font:500 .9rem/1.4 var(--f-body);color:var(--muted)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--teal-t);padding-inline:2px}
.crumbs .sep{width:6px;height:6px;background:var(--brass);transform:rotate(45deg);margin-inline:8px}
.bill-sheet{position:relative;background:var(--paper);padding:clamp(22px,4vw,48px);border:6px double var(--brass);box-shadow:0 0 0 1px var(--brass-d),0 22px 40px -26px rgba(60,15,20,.45)}
.bill-sheet::before,.bill-sheet::after{content:"";position:absolute;width:22px;height:22px;border:3px solid var(--velvet);pointer-events:none}.bill-sheet::before{left:8px;top:8px;border-right:0;border-bottom:0}.bill-sheet::after{right:8px;bottom:8px;border-left:0;border-top:0}
.bill-k{font:600 .8rem/1.5 var(--f-body);color:var(--teal-t);margin:0 0 14px}
.bill h1{font:400 clamp(1.9rem,5vw,3.5rem)/1.08 var(--f-disp);margin:0 0 18px}
.lang-my .bill h1{font:800 clamp(1.4rem,4vw,2.3rem)/1.7 var(--f-disp)}
.bill .lead{max-width:66ch;color:var(--ink-2);font-size:1.06rem}
.bill .lead p:last-child{margin:0}
.bill-art{display:none}
@media (min-width:880px){
 .bill-in{grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:"cr cr" "sh art";column-gap:28px}
 .crumbs{grid-area:cr}.bill-sheet{grid-area:sh}
 .bill-art{grid-area:art;display:block;align-self:end}
 .bill-art svg{display:block;width:100%;height:auto}
}

/* ============ programme ============ */
.prog{padding:34px 0 60px}
.prog-home{padding-top:48px}
.prog-in{display:grid;gap:26px}
.side{min-width:0}
.plan{position:relative;background:var(--paper);border:1px solid var(--line-b);padding:14px 14px 10px}
.plan-scr{height:22px;margin:0 6px 8px;border-top:4px solid var(--brass);border-radius:50% 50% 0 0/100% 100% 0 0;display:grid;place-items:center}
.plan-scr span{font:600 .7rem/1 var(--f-body);color:var(--brass-d)}
.plan-h{font:600 .8rem/1.5 var(--f-body);color:var(--muted);margin:0 0 8px}
.plan ol{list-style:none;margin:0;padding:0 0 6px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.plan li{flex:0 0 min(62vw,230px);scroll-snap-align:start}
.plan a{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-height:52px;height:100%;padding:6px 10px 6px 6px;color:var(--ink);text-decoration:none;font:500 .9rem/1.4 var(--f-body);border:1px solid var(--line);background:var(--plaster)}
.lang-my .plan a{line-height:1.7}
.plan a:hover{border-color:var(--brass)}
.plan .pl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.seat{display:grid;place-items:center;width:40px;height:34px;border-radius:10px 10px 4px 4px;background:var(--teal);color:var(--bulb);font:600 .8rem/1 var(--f-body);box-shadow:inset 0 -7px 0 rgba(0,0,0,.26),-3px 4px 0 -1px var(--teal-d),3px 4px 0 -1px var(--teal-d)}
.plan a[aria-current] .seat{background:var(--velvet);box-shadow:inset 0 -7px 0 rgba(0,0,0,.26),-3px 4px 0 -1px var(--velvet-d),3px 4px 0 -1px var(--velvet-d)}
.plan a[aria-current]{border-color:var(--velvet);background:var(--paper)}
.slip{display:none}
.ct{min-width:0;max-width:760px;container:ct/inline-size}
@media (min-width:1060px){
 .prog-in{grid-template-columns:270px minmax(0,1fr);column-gap:56px;align-items:start}
 .side-st{position:sticky;top:18px;display:grid;gap:18px;max-height:calc(100vh - 36px);overflow:auto;scrollbar-width:thin}
 .plan ol{display:grid;overflow:visible;gap:6px}
 .plan li{flex:none}
 .plan a{background:transparent;border-color:transparent;min-height:48px}
 .plan a:hover{background:var(--plaster);border-color:var(--line)}
 .slip{display:block;background:var(--teal-d);color:#efe6d8;padding:16px;border:1px solid var(--brass)}
 .slip-scr{background:var(--screen);padding:8px;margin-bottom:12px;box-shadow:inset 0 0 0 3px var(--velvet-d)}
 .slip-scr svg{display:block;width:100%;height:auto}
 .slip-t{font:700 1.02rem/1.4 var(--f-head);color:var(--bulb);margin:0 0 6px}
 .slip-p{font-size:.92rem;line-height:1.6;margin:0 0 14px;color:#e2d8ca}
 .lang-my .slip-p,.lang-my .slip-t{line-height:1.8}
}

/* article */
.intro-x{margin-bottom:28px;font-size:1.05rem}
.rl{margin:0 0 44px}
.rl-plain{margin:0 0 28px}
.rl-h{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding-top:22px;margin-bottom:18px;
 background:linear-gradient(var(--brass) 0 0) 0 0/100% 1px no-repeat,linear-gradient(var(--brass) 0 0) 0 4px/100% 1px no-repeat}
.rl-h::after{content:"";position:absolute;top:-3px;left:22px;width:10px;height:10px;background:var(--plaster);border:1.5px solid var(--brass);transform:rotate(45deg)}
.rl-n{display:grid;place-items:center;min-width:56px;height:56px;padding:0 8px;background:var(--teal);color:var(--bulb);font:400 1.7rem/1 var(--f-disp);clip-path:polygon(0 100%,0 22%,14% 22%,14% 0,86% 0,86% 22%,100% 22%,100% 100%)}
.lang-my .rl-n{font:800 1.4rem/1 "Noto Serif Myanmar",serif;padding-top:6px}
.rl h2,.faq h2{font:800 clamp(1.4rem,3.2vw,1.95rem)/1.2 var(--f-head);letter-spacing:-.01em;padding-top:6px;scroll-margin-top:20px}
.lang-my .rl h2,.lang-my .faq h2{font-weight:800;font-size:clamp(1.2rem,2.8vw,1.6rem);line-height:1.7;letter-spacing:0;padding-top:2px}
.rl h3,.intro-x h3{font:700 1.2rem/1.35 var(--f-head);color:var(--teal-t);margin:1.5em 0 .6em}
.lang-my .rl h3{line-height:1.7}
.ct ul,.ct ol{margin:0 0 1.2em;padding:0}
.ct ul>li{list-style:none;position:relative;padding-left:26px;margin-bottom:.55em}
.ct ul>li::before{content:"";position:absolute;left:4px;top:.72em;width:7px;height:7px;background:var(--brass);transform:rotate(45deg);box-shadow:0 0 0 2px var(--plaster),0 0 0 3px var(--brass-d)}
.lang-my .ct ul>li::before{top:.8em}
.ct ol{counter-reset:o}
.ct ol>li{list-style:none;counter-increment:o;position:relative;padding-left:44px;margin-bottom:.7em;min-height:32px}
.ct ol>li::before{content:counter(o);position:absolute;left:0;top:.1em;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--velvet);color:var(--bulb);font:400 .95rem/1 var(--f-disp)}
.lang-my .ct ol>li::before{content:counter(o,myanmar);font:700 .95rem/1 "Noto Sans Myanmar",sans-serif}
.ct strong{font-weight:700;color:var(--ink)}
.ct code{font-size:.9em;background:var(--plaster-2);padding:1px 5px;border-radius:2px}
.ct a{overflow-wrap:anywhere}

/* FAQ: ticket stubs */
.stubs-q{display:grid;gap:10px}
.q{position:relative;background:var(--paper);border:1px solid var(--line-b);
 background-image:radial-gradient(circle 7px at 64px 0,var(--plaster) 96%,transparent),radial-gradient(circle 7px at 64px 100%,var(--plaster) 96%,transparent);background-repeat:no-repeat}
.q summary{display:grid;grid-template-columns:64px minmax(0,1fr) 28px;align-items:center;min-height:58px;cursor:pointer;list-style:none;font:700 1.02rem/1.45 var(--f-head);padding-right:12px}
.lang-my .q summary{line-height:1.75}
.q summary::-webkit-details-marker{display:none}
.q-n{align-self:stretch;display:grid;place-items:center;border-right:2px dashed rgba(138,96,33,.45);color:var(--velvet);font:400 1.15rem/1 var(--f-disp)}
.lang-my .q-n{font:800 1.05rem/1 "Noto Serif Myanmar",serif}
.q-t{padding:12px 12px 12px 16px}
.q-i{position:relative;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--brass-d)}
.q-i::before,.q-i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;margin:-.75px 0 0 -5px;background:var(--ink);transition:transform .2s}
.q-i::after{transform:rotate(90deg)}
.q[open] .q-i::after{transform:rotate(0)}
.q[open]{border-color:var(--brass)}
.q[open] .q-i{background:var(--bulb)}
.q summary:hover .q-t{color:var(--velvet)}
.q-a{padding:0 18px 6px 80px;color:var(--ink-2)}
@container ct (max-width:460px){.q-a{padding-left:18px}.q summary{grid-template-columns:48px minmax(0,1fr) 28px}.q{background-image:radial-gradient(circle 7px at 48px 0,var(--plaster) 96%,transparent),radial-gradient(circle 7px at 48px 100%,var(--plaster) 96%,transparent)}}

/* CTA: velvet curtain */
.curtain{margin-top:48px;padding:34px 16px 30px;background:
 radial-gradient(circle 16px at 16px 0,var(--brass) 94%,transparent) 0 0/32px 14px repeat-x,
 repeating-linear-gradient(90deg,#4a0e1c 0 8px,#7c1d33 18px,#5c1526 26px,#4a0e1c 32px);box-shadow:0 0 0 3px var(--brass-d)}
.curtain-in{background:linear-gradient(180deg,#fffaf0,#fbe8c0);padding:22px clamp(16px,4vw,32px);text-align:center;box-shadow:0 0 0 4px var(--teal-dd),0 0 0 6px var(--brass)}
.curtain p{font:700 1.12rem/1.5 var(--f-head);color:var(--ink);margin:0 0 16px}
.lang-my .curtain p{line-height:1.8}

/* ============ poster wall ============ */
.wall{background:var(--plaster-2);padding:52px 0 56px;border-top:1px solid var(--line-b)}
.wall-h{font:400 clamp(1.7rem,4vw,2.5rem)/1.15 var(--f-disp);margin:0 0 24px}
.lang-my .wall-h{font:800 clamp(1.3rem,3vw,1.8rem)/1.7 var(--f-head)}
.wall-g{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.poster{--pb:var(--teal);--pc:var(--paper);--pa:var(--bulb);position:relative;display:flex;flex-direction:column;gap:10px;height:100%;min-height:230px;padding:30px 24px 24px;background:var(--pb);color:var(--pc);text-decoration:none;
 clip-path:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% 100%,0 100%);transition:transform .2s}
.poster::before{content:"";position:absolute;inset:18px 8px 8px;border:1px solid color-mix(in srgb,var(--pa) 55%,transparent);pointer-events:none}
.wall-g li:nth-child(4n+2) .poster{--pb:var(--velvet)}
.wall-g li:nth-child(4n+3) .poster{--pb:#2a1c22}
.wall-g li:nth-child(4n+4) .poster{--pb:var(--salmon);--pc:var(--ink);--pa:var(--velvet-d)}
.poster:hover{transform:translateY(-3px);color:var(--pc)}
.po-n{font:400 2.4rem/1 var(--f-disp);color:var(--pa)}
.lang-my .po-n{font:800 1.9rem/1.2 "Noto Serif Myanmar",serif}
.poster strong{font:800 1.18rem/1.3 var(--f-head)}
.lang-my .poster strong{line-height:1.7}
.po-d{font-size:.92rem;line-height:1.55;opacity:.9;flex:1}
.lang-my .po-d{line-height:1.8}
.po-go{align-self:flex-end;width:40px;height:40px;border-radius:50%;border:1.5px solid currentColor;position:relative}
.po-go::before{content:"";position:absolute;left:12px;top:15px;width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.notice{margin:28px 0 0;font-size:.9rem;color:var(--muted);max-width:80ch}

/* ============ footer: teal lobby ============ */
.ft{background:var(--teal-dd);color:#d9cfc1;padding:0 0 26px}
.ft-crest{height:20px;background:linear-gradient(var(--plaster-2) 0 0) 0 0/100% 8px no-repeat,linear-gradient(var(--plaster-2) 0 0) 0 8px/36px 8px repeat-x;border-bottom:3px solid var(--brass)}
.ft-g{display:grid;gap:26px;padding-top:36px;padding-bottom:26px}
.ft .br{min-height:56px}
.ft-b p{font-size:.92rem;line-height:1.7;margin:12px 0 0;max-width:52ch}
.lang-my .ft-b p{line-height:1.85}
.ft-h{font:600 .8rem/1.5 var(--f-body);color:var(--brass-l);margin:0 0 6px}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:inline-flex;align-items:center;min-height:44px;color:#f1e8da;text-decoration:none;font-size:.96rem}
.ft li a:hover{color:var(--bulb);text-decoration:underline}
.ft-bt{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:18px;border-top:1px solid rgba(201,149,63,.3);font-size:.9rem}
.seal{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--brass);box-shadow:inset 0 0 0 3px var(--teal-dd),inset 0 0 0 4px var(--brass-d);color:var(--bulb);font:400 1.05rem/1 "Limelight",serif}
@media (min-width:760px){.ft-g{grid-template-columns:1.4fr 1fr 1fr;column-gap:40px}}

/* 404 */
.nf{padding-top:60px;padding-bottom:80px}
.nf-n{font:400 clamp(4rem,14vw,8rem)/1 var(--f-disp);color:var(--velvet);margin:0}
.nf h1{font:800 1.8rem/1.4 var(--f-head);margin:10px 0 12px}

/* motion (never hides content) */
@media (prefers-reduced-motion:no-preference){
 .mq-frame{animation:glow 3.2s ease-in-out infinite alternate}
 .blade-l span{animation:flick 7s steps(1) infinite}
 .blade-l span:nth-child(2){animation-delay:1.3s}.blade-l span:nth-child(3){animation-delay:2.9s}
 @keyframes glow{from{box-shadow:0 18px 40px -18px rgba(60,15,20,.55),0 0 0 3px var(--brass)}to{box-shadow:0 18px 50px -14px rgba(255,200,120,.55),0 0 0 3px var(--brass-l)}}
 @keyframes flick{0%,96%,100%{opacity:1}97%{opacity:.55}98%{opacity:1}99%{opacity:.7}}
 html{scroll-behavior:smooth}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{.cn,.hall,.wall,.ft,.side{display:none}}