/* sotmal.info — Mi-bone-pyan: fire-balloon festival programme on Shan mulberry paper */
:root{
 --paper:#f4eee1;--paper-2:#eae1ce;--sheet:#fbf8f1;--fibre:#d9ccb2;--ink:#1e1a2b;--ink-2:#3d3750;--muted:#5f576b;
 --night:#141735;--night-2:#0c0e24;--night-3:#1e2250;--verm:#c23a1c;--verm-d:#9a2b12;--saff:#efa21c;--glow:#ffd68c;
 --teal:#127c77;--mag:#a92d63;--moon:#fbf3e4;--haze:#c9c0d8;
 --f-disp:"Yeseva One","Noto Serif Myanmar",Georgia,serif;--f-body:"Kumbh Sans","Noto Sans Myanmar",system-ui,sans-serif;
 --font-head:var(--f-disp);--font-body:var(--f-body);
 --surface:var(--sheet);--surface-2:var(--paper-2);--border:var(--fibre);--text:var(--ink);--heading:var(--ink);--primary:var(--verm);--accent:var(--saff);
 --r:18px;--hd:68px
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hd) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;color:var(--ink);font:400 17px/1.68 var(--f-body);overflow-x:hidden;
 background-color:var(--paper);
 background-image:
  repeating-linear-gradient(103deg,rgba(120,98,60,.035) 0 1px,transparent 1px 23px),
  repeating-linear-gradient(-71deg,rgba(120,98,60,.03) 0 1px,transparent 1px 37px),
  radial-gradient(rgba(150,120,70,.07) 1px,transparent 1.5px);
 background-size:auto,auto,19px 23px}
:lang(my) body,body:lang(my){line-height:1.85;font-size:16.5px}
img,svg{max-width:100%}
a{color:var(--verm-d);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--verm)}
:focus-visible{outline:3px solid var(--saff);outline-offset:3px;border-radius:6px;box-shadow:0 0 0 6px rgba(30,26,43,.85)}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
@media (min-width:700px){.wrap{padding:0 28px}}
.w{display:inline-block}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--moon);padding:12px 18px;border-radius:0 0 12px 12px;font-weight:700}
.skip:focus{top:0;color:var(--moon)}
h1,h2,h3{font-family:var(--f-disp);font-weight:400;font-synthesis-weight:none;color:var(--ink);margin:0}
:lang(my) h1,:lang(my) h2,:lang(my) h3{font-weight:800;line-height:1.6}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 24px;border-radius:999px;font:700 16px/1.25 var(--f-body);text-decoration:none;text-align:center;border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.btn-sm{min-height:44px;padding:9px 18px;font-size:15px}
.btn-fire{background:var(--verm);color:var(--sheet);box-shadow:0 4px 0 var(--verm-d)}
.btn-fire:hover{color:var(--sheet);background:#cf4322;transform:translateY(-1px);box-shadow:0 5px 0 var(--verm-d)}
.btn-fire:active{transform:translateY(3px);box-shadow:0 1px 0 var(--verm-d)}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line:hover{background:var(--ink);color:var(--moon)}
.btn-glow{background:var(--glow);color:var(--ink);box-shadow:0 0 0 6px rgba(255,214,140,.14),0 10px 30px -8px rgba(239,162,28,.6)}
.btn-glow:hover{background:#ffe2a8;color:var(--ink)}

/* header */
.hd{position:sticky;top:0;z-index:40;background:rgba(244,238,225,.94);border-bottom:1.5px solid var(--ink)}
@supports (backdrop-filter:blur(8px)){.hd{background:rgba(244,238,225,.86);backdrop-filter:blur(8px) saturate(1.1)}}
.gores{height:12px;background:repeating-linear-gradient(90deg,var(--verm) 0 30px,var(--saff) 30px 60px,var(--teal) 60px 90px,var(--sheet) 90px 96px,var(--mag) 96px 126px,var(--saff) 126px 156px);
 -webkit-mask:radial-gradient(15px 12px at 50% 0,#000 97%,transparent 100%) 0 0/31px 12px repeat-x;mask:radial-gradient(15px 12px at 50% 0,#000 97%,transparent 100%) 0 0/31px 12px repeat-x}
.hd-in{max-width:1200px;margin:0 auto;padding:0 16px;min-height:var(--hd);display:flex;align-items:center;gap:12px}
@media (min-width:700px){.hd-in{padding:0 28px}}
.br{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-height:48px;flex:none}
.br:hover{color:var(--ink)}
.br-mk{width:30px;height:40px;flex:none;transform-origin:50% 90%}
.br-tx{display:flex;flex-direction:column;line-height:1}
.br-n{font:400 27px/1 var(--f-disp);letter-spacing:.005em}
.br-t{font:600 12.5px/1.3 var(--f-body);color:var(--muted);margin-top:3px}
.br-t:lang(en){letter-spacing:.14em;text-transform:uppercase;font-size:11px}
@media (prefers-reduced-motion:no-preference){.br:hover .br-mk{animation:sway 1.6s ease-in-out infinite}}
@keyframes sway{0%,100%{transform:rotate(0)}30%{transform:rotate(-5deg)}70%{transform:rotate(4deg)}}
.hd-tg{order:3;display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 14px 0 12px;border:1.5px solid var(--ink);border-radius:999px;background:var(--sheet);color:var(--ink);font:700 14.5px/1 var(--f-body);cursor:pointer}
.tg-ic{position:relative;width:18px;height:12px;flex:none}
.tg-l{white-space:nowrap}
@media (max-width:479px){.hd-tg{padding:0;justify-content:center;width:46px}.tg-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hd-in{gap:8px}.br-n{font-size:24px}.lsw a{padding:0 10px}}
@media (max-width:359px){.hd-in{padding:0 12px;gap:6px}.br{gap:6px}.br-n{font-size:21px}.br-t{display:none}.br-mk{width:22px;height:30px}.lsw a{min-width:40px;padding:0 7px;font-size:12.5px}.hd-tg{width:44px}}
.tg-ic i{position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,top .2s}
.tg-ic i:first-child{top:1px}.tg-ic i:last-child{top:9px}
[aria-expanded=true] .tg-ic i:first-child{top:5px;transform:rotate(45deg)}
[aria-expanded=true] .tg-ic i:last-child{top:5px;transform:rotate(-45deg)}
.hd-tools{order:2;margin-left:auto;display:flex;align-items:center;gap:10px}
.hd-cta{display:none}
.lsw{display:inline-flex;border:1.5px solid var(--ink);border-radius:999px;padding:2px;background:var(--sheet)}
.lsw a{display:inline-flex;align-items:center;min-height:40px;min-width:44px;justify-content:center;padding:0 12px;border-radius:999px;text-decoration:none;color:var(--ink);font:700 14px/1 var(--f-body)}
.lsw a[aria-current]{background:var(--ink);color:var(--moon)}
.lsw a:not([aria-current]):hover{background:var(--paper-2)}
.hd-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--sheet);border-bottom:1.5px solid var(--ink);box-shadow:0 24px 40px -24px rgba(30,26,43,.45);max-height:calc(100vh - 90px);overflow:auto}
.nav-open .hd-nav{display:block}
.hd-nav ul{list-style:none;margin:0;padding:8px 16px 16px}
.hd-nav li+li{border-top:1px dashed var(--fibre)}
.hd-nav a{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 4px;text-decoration:none;color:var(--ink);font-weight:600}
.hd-nav a::before{content:"";width:9px;height:11px;flex:none;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:var(--fibre)}
.hd-nav a[aria-current]::before{background:var(--verm);box-shadow:0 0 0 4px rgba(239,162,28,.3)}
@media (min-width:560px){.hd-cta{display:inline-flex}}
@media (min-width:980px){
 .hd-tg{display:none}
 .hd-nav{display:block;position:static;background:none;border:0;box-shadow:none;max-height:none;overflow:visible;margin-left:8px}
 .hd-nav ul{display:flex;flex-wrap:wrap;gap:0 2px;padding:0}
 .hd-nav li+li{border:0}
 .hd-nav a{min-height:44px;padding:6px 10px;font-size:15px;border-radius:999px;gap:7px}
 .hd-nav a::before{width:7px;height:9px}
 .hd-nav a:hover{background:var(--paper-2)}
 .hd-tools{margin-left:auto}
}
@media (min-width:980px) and (max-width:1180px){.hd-cta{display:none}}

/* home masthead */
.mast{padding:36px 0 26px;position:relative}
.mast-grid{display:grid;gap:24px;align-items:end}
.kick{margin:0 0 18px}
.kick span{display:inline-block;padding:6px 14px 6px 12px;border-left:6px solid var(--verm);background:rgba(239,162,28,.2);font:700 13.5px/1.5 var(--f-body);color:var(--ink-2)}
.kick span:lang(en){letter-spacing:.06em}
.mast h1{font-size:clamp(34px,3.2vw + 22px,66px);line-height:1.06;letter-spacing:-.01em;max-width:16ch;text-wrap:balance}
:lang(my) .mast h1{font-size:clamp(25px,2.2vw + 17px,44px);line-height:1.62;letter-spacing:0;max-width:22ch}
.lead{margin-top:18px;max-width:62ch}
.lead p{margin:0 0 .8em;font-size:18px;color:var(--ink-2)}
:lang(my) .lead p{font-size:17px}
.acts{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:22px}
.mast-art{display:none;position:relative;justify-self:center}
.big-bl{width:230px;height:auto;display:block;filter:drop-shadow(0 18px 24px rgba(30,26,43,.2))}
.far{position:absolute;width:28px;height:34px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:linear-gradient(90deg,var(--teal) 0 32%,var(--saff) 32% 68%,var(--teal) 68%)}
.far::after{content:"";position:absolute;left:40%;right:40%;bottom:-5px;height:4px;background:var(--ink);border-radius:1px}
.far1{left:-44px;top:40px;transform:scale(.8)}
.far2{right:-30px;top:120px;background:linear-gradient(90deg,var(--mag) 0 32%,var(--sheet) 32% 68%,var(--mag) 68%);transform:scale(.6)}
.far3{left:-10px;bottom:30px;background:linear-gradient(90deg,var(--saff) 0 32%,var(--verm) 32% 68%,var(--saff) 68%);transform:scale(.45)}
@media (prefers-reduced-motion:no-preference){
 .big-bl{animation:float 7s ease-in-out infinite}
 .big-bl .flame{animation:flick 1.3s ease-in-out infinite;transform-origin:120px 270px}
 .far1{animation:float 9s ease-in-out infinite reverse}.far2{animation:float 11s ease-in-out -3s infinite}
}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes flick{0%,100%{transform:scale(1,1)}50%{transform:scale(.85,1.12)}}
@media (min-width:760px){.mast-grid{grid-template-columns:minmax(0,1fr) 250px}.mast-art{display:block}}
@media (min-width:1100px){.mast{padding:56px 0 30px}.mast-grid{grid-template-columns:minmax(0,1fr) 320px}.big-bl{width:270px}}
.chips{list-style:none;margin:26px auto 0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border:1.5px solid var(--ink);border-radius:999px;font:600 14.5px/1.4 var(--f-body);background:var(--sheet)}
.chips li::before{content:"";width:8px;height:10px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:var(--verm);flex:none}
.chips li:nth-child(2)::before{background:var(--saff)}.chips li:nth-child(3)::before{background:var(--teal)}

/* night launch field */
.field{position:relative;margin-top:30px;color:var(--moon);background:linear-gradient(180deg,var(--night-2) 0,var(--night) 45%,#262a63 88%,#3a2f5c 100%);padding-top:44px;isolation:isolate}
.sky{position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:
  radial-gradient(1.5px 1.5px at 8% 14%,#fff 60%,transparent),radial-gradient(1px 1px at 22% 32%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 38% 8%,#ffe9c2 60%,transparent),
  radial-gradient(1px 1px at 55% 22%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 71% 11%,#fff 60%,transparent),radial-gradient(1px 1px at 86% 28%,#ffe9c2 60%,transparent),
  radial-gradient(1px 1px at 94% 6%,#fff 60%,transparent),radial-gradient(1px 1px at 14% 58%,#fff 60%,transparent),
  radial-gradient(3px 4px at 12% 44%,var(--glow) 55%,transparent),radial-gradient(2.5px 3.5px at 30% 62%,#ffb04a 55%,transparent),radial-gradient(2px 3px at 90% 48%,var(--glow) 55%,transparent),
  radial-gradient(60% 40% at 70% 70%,rgba(239,162,28,.16),transparent 70%)}
.field-grid{display:grid;gap:26px;align-items:center;padding-bottom:10px}
.field-game{order:-1;container-type:inline-size;min-width:0;background:rgba(12,14,36,.55);border:1px solid rgba(255,214,140,.22);border-radius:28px 28px 14px 14px;box-shadow:0 30px 80px -30px rgba(239,162,28,.35),inset 0 1px 0 rgba(255,255,255,.06)}
.field-k{margin:0;display:inline-flex;align-items:center;gap:10px;color:var(--glow);font:700 14px/1.4 var(--f-body)}
.field-k:lang(en){letter-spacing:.12em;text-transform:uppercase;font-size:12.5px}
.field-k::before{content:"";width:10px;height:13px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:var(--saff);box-shadow:0 0 12px var(--saff)}
.field-t{margin:10px 0 18px;font:400 clamp(26px,1.6vw + 18px,36px)/1.15 var(--f-disp);color:var(--moon)}
:lang(my) .field-t{font-weight:800;line-height:1.6;font-size:clamp(21px,1vw + 17px,27px)}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.steps li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;color:#e6ddcf}
.st-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,214,140,.55);color:var(--glow);font:800 14px/1 var(--f-body);font-variant-numeric:tabular-nums;background:radial-gradient(circle,rgba(239,162,28,.22),transparent 70%)}
.field-n{margin:20px 0 0;padding-top:14px;border-top:1px dashed rgba(255,214,140,.3);color:var(--haze);font-size:15px}
@media (min-width:980px){.field{padding-top:64px}.field-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.4fr);gap:56px}.field-game{order:0}}
.hills{display:block;width:100%;height:clamp(44px,7vw,96px)}

/* deckled paper edge: every paper band after a night band */
.doc{position:relative;padding:44px 0 56px}
.field + .doc::before,.phd::after{content:"";position:absolute;left:0;right:0;top:-12px;height:14px;background:var(--paper);
 -webkit-mask:radial-gradient(7px 7px at 50% 100%,#000 96%,transparent) 0 100%/11px 14px repeat-x,radial-gradient(14px 12px at 50% 100%,#000 96%,transparent) 5px 100%/27px 14px repeat-x,linear-gradient(#000,#000) 0 100%/100% 6px no-repeat;
 mask:radial-gradient(7px 7px at 50% 100%,#000 96%,transparent) 0 100%/11px 14px repeat-x,radial-gradient(14px 12px at 50% 100%,#000 96%,transparent) 5px 100%/27px 14px repeat-x,linear-gradient(#000,#000) 0 100%/100% 6px no-repeat}
.phd::after{display:none}
.doc-grid{display:grid;gap:30px}
@media (min-width:980px){.doc{padding:64px 0 80px}.doc-grid{grid-template-columns:250px minmax(0,1fr);gap:64px}}

/* tether contents */
.rail{min-width:0}
.tether-h{margin:0 0 8px;font:700 13.5px/1.4 var(--f-body);color:var(--muted)}
.tether-h:lang(en){letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.tether ol{list-style:none;margin:0;padding:2px 0 8px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
.tether li{flex:none;scroll-snap-align:start}
.tether a{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:250px;padding:6px 14px;border:1.5px solid var(--ink);border-radius:999px;background:var(--sheet);text-decoration:none;color:var(--ink);font-size:14.5px;line-height:1.35}
.tl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.knot{width:9px;height:9px;border-radius:50%;background:var(--fibre);flex:none;transition:background .2s,box-shadow .2s}
.tether a[aria-current] .knot{background:var(--verm);box-shadow:0 0 0 4px rgba(239,162,28,.35)}
.tether a[aria-current]{border-color:var(--verm)}
.tag-card{display:none}
@media (min-width:980px){
 .rail-st{position:sticky;top:calc(var(--hd) + 32px);max-height:calc(100vh - var(--hd) - 48px);overflow:auto;padding:4px 6px 12px 2px}
 .tether ol{display:block;overflow:visible;position:relative;padding:4px 0}
 .tether ol::before{content:"";position:absolute;left:10px;top:12px;bottom:12px;width:2px;background:repeating-linear-gradient(180deg,#8d7a57 0 5px,#c2ad86 5px 9px)}
 .tether a{display:grid;grid-template-columns:22px 1fr;gap:10px;max-width:none;border:0;background:none;border-radius:8px;padding:8px 6px 8px 0;font-size:14.5px;color:var(--ink-2)}
 .tether a:hover{color:var(--verm-d)}
 .tl{white-space:normal}
 .knot{position:relative;z-index:1;width:14px;height:14px;margin:5px 0 0 4px;border:2px solid var(--ink);background:var(--paper)}
 .tether a[aria-current]{color:var(--ink);font-weight:700}
 .tag-card{display:block;margin-top:28px;padding:18px;background:var(--sheet);border:1.5px solid var(--ink);border-radius:var(--r)}
 .tag-bl{width:40px;height:48px;display:block}
 .tag-t{margin:10px 0 4px;font:400 20px/1.25 var(--f-disp)}
 :lang(my) .tag-t{font-weight:800;font-size:17px;line-height:1.6}
 .tag-p{margin:0 0 14px;font-size:14.5px;color:var(--muted);line-height:1.6}
}

/* prose */
.prose{min-width:0;max-width:760px}
.prose p{margin:0 0 1em}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.3em}
.prose li{margin:.35em 0;padding-left:.2em}
.prose ul li::marker{content:"◆  ";color:var(--verm);font-size:.7em}
.prose strong{font-weight:700;color:var(--ink)}
.prose h3{font-size:22px;line-height:1.3;margin:1.4em 0 .5em}
:lang(my) .prose h3{font-size:19px}
.prose table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 1.2em;font-size:15.5px}
.prose th,.prose td{border:1px solid var(--fibre);padding:8px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--paper-2)}
.intro-x{font-size:17.5px;color:var(--ink-2)}
.sec{margin-top:52px}
.sec:first-child{margin-top:0}
.intro-x + .sec{margin-top:40px}
.sec-h{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;margin-bottom:16px}
.sec-h h2{font-size:clamp(25px,1.2vw + 20px,35px);line-height:1.18;padding-top:6px;text-wrap:balance}
:lang(my) .sec-h h2{font-size:clamp(21px,.8vw + 18px,27px);line-height:1.62;padding-top:2px}
.bn{position:relative;display:grid;place-items:center;width:44px;height:52px;border-radius:50% 50% 44% 44%/58% 58% 42% 42%;
 --a:var(--verm);background:linear-gradient(90deg,var(--a) 0 29%,var(--sheet) 29% 71%,var(--a) 71%);border:1.5px solid var(--ink);margin-bottom:8px}
.bn::after{content:"";position:absolute;left:36%;right:36%;bottom:-8px;height:6px;background:var(--ink);border-radius:1px 1px 3px 3px}
.bn span{font:800 13.5px/1 var(--f-body);font-variant-numeric:tabular-nums;color:var(--ink);margin-top:-4px}
.bn-s{--a:var(--saff)}.bn-t{--a:var(--teal)}.bn-m{--a:var(--mag)}
.bn-q{background:linear-gradient(90deg,var(--night) 0 29%,var(--glow) 29% 71%,var(--night) 71%)}
@media (min-width:700px){.sec-b,.lanterns{padding-left:60px}}

/* lantern FAQ */
.faq{margin-top:60px}
.lanterns{border-top:1.5px solid var(--ink)}
.lq{border-bottom:1.5px dashed var(--fibre)}
.lq summary{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:start;min-height:56px;padding:14px 4px;cursor:pointer;list-style:none;font-weight:700;line-height:1.5}
:lang(my) .lq summary{line-height:1.75}
.lq summary::-webkit-details-marker{display:none}
.lq summary:hover .lq-t{color:var(--verm-d)}
.lamp{position:relative;width:18px;height:24px;margin:2px 0 0 4px;border:2px solid var(--ink);border-radius:40% 40% 40% 40%/35% 35% 35% 35%;background:var(--paper-2);transition:background .2s,box-shadow .2s}
.lamp::before,.lamp::after{content:"";position:absolute;left:3px;right:3px;height:3px;background:var(--ink);border-radius:1px}
.lamp::before{top:-5px}.lamp::after{bottom:-5px}
.lq[open] .lamp{background:var(--glow);box-shadow:0 0 14px 2px rgba(239,162,28,.6)}
.lq-a{padding:0 4px 16px 44px;color:var(--ink-2)}
.lq-a p:last-child{margin-bottom:0}

/* inner-page CTA */
.cta-night{margin-top:56px;border-radius:26px 26px 12px 12px;background:linear-gradient(170deg,var(--night-2),var(--night) 60%,#2c2c66);color:var(--moon);overflow:hidden;position:relative}
.cta-night::before{content:"";position:absolute;right:22px;top:18px;width:40px;height:50px;border-radius:50% 50% 44% 44%/58% 58% 42% 42%;background:linear-gradient(90deg,var(--verm) 0 29%,var(--saff) 29% 71%,var(--verm) 71%);box-shadow:0 0 30px rgba(239,162,28,.45)}
.cta-in{padding:28px 24px 28px;display:grid;gap:18px;justify-items:start}
.cta-in p{margin:0;padding-right:56px;font:400 21px/1.35 var(--f-disp)}
:lang(my) .cta-in p{font-weight:800;font-size:18px;line-height:1.7}

/* inner page header */
.phd{position:relative;padding:22px 0 34px;border-bottom:1.5px solid var(--ink);background:linear-gradient(180deg,transparent,rgba(234,225,206,.6))}
.phd-grid{display:grid;gap:20px;align-items:end}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin-bottom:12px;font-size:14.5px;color:var(--muted)}
.crumbs a,.crumbs span[aria-current]{display:inline-flex;align-items:center;min-height:44px}
.crumbs a{color:var(--ink-2);padding:0 2px}
.crumbs span[aria-current]{max-width:100%}
.sep{width:6px;height:8px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:var(--verm)}
.phd h1{font-size:clamp(31px,2.4vw + 20px,54px);line-height:1.1;max-width:22ch;text-wrap:balance}
:lang(my) .phd h1{font-size:clamp(24px,1.6vw + 17px,38px);line-height:1.62}
.phd .lead{margin-top:14px}
.phd-art{display:none;position:relative;height:170px}
.pb{position:absolute;border-radius:50% 50% 44% 44%/58% 58% 42% 42%;border:1.5px solid var(--ink)}
.pb::after{content:"";position:absolute;left:37%;right:37%;bottom:-9px;height:6px;background:var(--ink);border-radius:1px}
.pb1{width:88px;height:106px;right:34px;top:6px;background:linear-gradient(90deg,var(--verm) 0 22%,var(--saff) 22% 50%,var(--teal) 50% 78%,var(--verm) 78%)}
.pb2{width:44px;height:54px;right:142px;top:62px;background:linear-gradient(90deg,var(--mag) 0 30%,var(--sheet) 30% 70%,var(--mag) 70%)}
.pb3{width:30px;height:36px;right:4px;top:118px;background:linear-gradient(90deg,var(--saff) 0 30%,var(--sheet) 30% 70%,var(--saff) 70%)}
@media (prefers-reduced-motion:no-preference){.pb1{animation:float 8s ease-in-out infinite}.pb2{animation:float 10s ease-in-out -4s infinite}.pb3{animation:float 6s ease-in-out -2s infinite}}
@media (min-width:860px){.phd{padding:30px 0 44px}.phd-grid{grid-template-columns:minmax(0,1fr) 220px}.phd-art{display:block}}

/* related tickets */
.rel{padding:52px 0 60px;background:var(--paper-2);border-top:1.5px solid var(--ink)}
.rel-h{font-size:clamp(26px,1.4vw + 20px,38px);line-height:1.2;margin-bottom:24px}
:lang(my) .rel-h{font-size:clamp(21px,1vw + 17px,28px);line-height:1.6}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:18px}
.tk{position:relative;display:flex;flex-direction:column;gap:6px;padding:34px 18px 20px;background:var(--sheet);border:1.5px solid var(--ink);border-radius:6px 6px 18px 18px;text-decoration:none;color:var(--ink);transition:transform .18s,box-shadow .18s;overflow:hidden}
.tk:hover{color:var(--ink);transform:translateY(-3px);box-shadow:0 12px 0 -4px var(--ink)}
.tk-top{position:absolute;left:0;right:0;top:0;height:14px;--a:var(--verm);--b:var(--saff);background:repeating-linear-gradient(90deg,var(--a) 0 22px,var(--b) 22px 44px);
 -webkit-mask:radial-gradient(11px 14px at 50% 0,#000 97%,transparent) 0 0/22px 14px repeat-x;mask:radial-gradient(11px 14px at 50% 0,#000 97%,transparent) 0 0/22px 14px repeat-x}
.tk-s .tk-top{--a:var(--saff);--b:var(--sheet)}.tk-t .tk-top{--a:var(--teal);--b:var(--saff)}.tk-m .tk-top{--a:var(--mag);--b:var(--paper-2)}
.tk-n{font:800 13px/1 var(--f-body);color:var(--muted);font-variant-numeric:tabular-nums}
.tk strong{font:700 18px/1.35 var(--f-body)}
:lang(my) .tk strong{font-size:17px;line-height:1.7}
.tk-d{font-size:15px;color:var(--muted);line-height:1.55}
:lang(my) .tk-d{line-height:1.75}
.notice{margin:28px 0 0;max-width:80ch;font-size:14.5px;color:var(--muted)}

/* footer */
.ft{margin-top:0;color:#e6ddcf}
.rel + .ft,.ft{background:transparent}
main:has(.rel) + .ft{background:var(--paper-2)}
.ft .hills{margin-bottom:-1px}
.ft-body{position:relative;background:var(--night-2);padding:26px 0 30px;isolation:isolate}
.ft-sky{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(3px 4px at 18% 30%,var(--glow) 55%,transparent),radial-gradient(2px 3px at 64% 12%,#ffb04a 55%,transparent),radial-gradient(2.5px 3.5px at 84% 42%,var(--glow) 55%,transparent),radial-gradient(1px 1px at 40% 20%,#fff 60%,transparent),radial-gradient(1px 1px at 92% 70%,#fff 60%,transparent)}
.ft-grid{display:grid;gap:26px}
@media (min-width:760px){.ft-grid{grid-template-columns:1.5fr 1fr 1fr;gap:40px}}
.ft .br{color:var(--moon)}
.ft .br-t{color:var(--haze)}
.ft-a p{margin:14px 0 0;font-size:14.5px;color:var(--haze);max-width:52ch}
.ft-h{font:700 14px/1.4 var(--f-body);color:var(--glow);margin:0 0 6px}
.ft-h:lang(en){letter-spacing:.12em;text-transform:uppercase;font-size:12.5px}
.ft-l{list-style:none;margin:0;padding:0}
.ft-l a{display:flex;align-items:center;min-height:44px;color:#efe7da;text-decoration:none;font-size:15.5px}
.ft-l a:hover{color:var(--glow);text-decoration:underline}
.ft-bot{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,214,140,.2);display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;font-size:14.5px;color:var(--haze)}
.age{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--verm);color:#fff;font:800 15px/1 var(--f-body)}
.ft .lsw{margin-left:auto;background:transparent;border-color:rgba(255,214,140,.45)}
.ft .lsw a{color:var(--moon)}
.ft .lsw a[aria-current]{background:var(--glow);color:var(--ink)}
.ft .lsw a:not([aria-current]):hover{background:rgba(255,255,255,.08)}
.ft :focus-visible{box-shadow:none}

/* 404 */
.nf{padding:70px 16px 90px;text-align:left;max-width:720px}
.nf-n{margin:0;font:400 96px/1 var(--f-disp);color:var(--verm)}
.nf h1{font-size:40px;margin:10px 0 12px}
.nf p{margin:0 0 22px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}