*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#22030c;color:#fff;font-family:Arial,Helvetica,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.hidden{display:none!important}:root{--navy:#071322;--wine:#5d0018;--wine2:#30020d;--red:#a80027;--gold:#f5c957;--gold2:#ffdf83;--cream:#fff8e9;--ink:#172033}.landing{min-height:100svh;background:#21040b;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.landing-art{display:block;width:100%;line-height:0}.landing-art img{width:100%;height:auto}.landing-art-top{margin-top:auto}.landing-live{width:100%;background:linear-gradient(180deg,#6c0719,#3a030d);padding:14px 18px 16px;border-top:1px solid #d9942b;border-bottom:1px solid #d9942b;display:grid;place-items:center;gap:12px}.landing-art-steps{margin-bottom:auto;background:#170107}.countdown{display:flex;justify-content:center;gap:10px}.timebox{min-width:88px;background:#071522;border:1px solid var(--gold);border-radius:8px;padding:10px 8px;text-align:center;box-shadow:inset 0 0 18px rgba(0,0,0,.25)}.timebox b{display:block;font:700 1.8rem Georgia,serif;color:#fff4c8}.timebox small{font-size:.62rem;text-transform:uppercase;color:#fff;letter-spacing:.04em}.gold-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid #fff1a8;background:linear-gradient(#ffe89b,#e6a82f);color:#190d08;font-weight:800;border-radius:999px;padding:14px 30px;box-shadow:0 5px 18px rgba(255,181,45,.28);cursor:pointer}.gold-cta.small{padding:11px 22px;font-size:.82rem}.landing-cta{min-width:320px;font-size:1rem}.site-header{height:72px;background:var(--navy);display:flex;align-items:center;padding:0 clamp(18px,4vw,64px);gap:28px;position:sticky;top:0;z-index:50;border-bottom:1px solid #d9a62e}.brand-wrap{display:flex;align-items:center;gap:13px;min-width:max-content}.header-logo{width:112px;height:35px;object-fit:contain}.brand{font:700 1.16rem Georgia,serif;color:var(--gold2);letter-spacing:.01em}.desktop-nav{margin-left:auto;display:flex;align-items:center;height:100%;gap:28px}.desktop-nav a{font-size:.74rem;font-weight:800;padding:27px 0 22px;border-bottom:3px solid transparent}.desktop-nav a.active{color:var(--gold);border-color:var(--gold)}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:0;background:transparent;color:var(--gold);font-size:1.45rem;cursor:pointer}.hamburger{display:none;border:0;background:transparent;width:36px;padding:6px}.hamburger span{display:block;height:2px;background:var(--gold);margin:6px 0}.mobile-menu{display:none}.announcement{height:36px;background:#aa002a;border-bottom:1px solid #efb42a;overflow:hidden;white-space:nowrap}.ticker{display:flex;width:max-content;animation:ticker 26s linear infinite;line-height:36px;font-size:.72rem;font-weight:800;letter-spacing:.04em}.ticker span{padding-right:64px}@keyframes ticker{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.ticker{animation:none}}
main{min-height:70vh}.page{position:relative;min-height:calc(100vh - 108px)}.home-hero{background:#18030a;border-bottom:1px solid #d0922d}.home-hero>picture img{width:100%;height:auto}.home-countdown-wrap{padding:10px 16px 14px;background:linear-gradient(180deg,#6b0719,#39030e)}.compact-countdown .timebox{min-width:84px;padding:8px}.compact-countdown .timebox b{font-size:1.45rem}.about-band{display:grid;grid-template-columns:minmax(360px,44%) 1fr;background:linear-gradient(90deg,#710019 0 44%,#3b0611 44%);border-bottom:1px solid #b47628;min-height:410px}.about-copy{padding:clamp(34px,5vw,76px);align-self:center;max-width:700px}.eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.23em;color:#fff4df;margin:0 0 14px}.about-copy h2,.inner-heading h2,.theme-copy h3,.join-band h2,.section-title h2{font-family:Georgia,serif;color:var(--gold);margin:.12em 0 .55em}.about-copy h2{font-size:clamp(2.3rem,3.6vw,4.2rem);line-height:1.02}.about-copy p:last-child{font-size:clamp(.95rem,1.2vw,1.2rem);line-height:1.65;max-width:600px}.about-photo{margin:0;position:relative;overflow:hidden;min-height:410px}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center center}.about-photo figcaption{position:absolute;right:6%;bottom:11%;font:italic 1.3rem Georgia,serif;color:#ffd46b;text-align:right;text-shadow:0 2px 9px #000}.moments-section{padding:18px clamp(22px,3vw,54px) 24px;background:linear-gradient(180deg,#33010b,#4a0311)}.section-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:1100px;margin:0 auto 14px}.section-title span{height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.section-title span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.section-title h2{font-size:clamp(1.8rem,2.4vw,2.8rem);margin:0}.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1450px;margin:0 auto}.moment-card{display:grid;grid-template-columns:44% 56%;min-height:210px;border:1px solid #e5a92e;border-radius:11px;overflow:hidden;background:#5a071a}.moment-card img{width:100%;height:100%;object-fit:cover}.card-copy{padding:24px;position:relative}.card-copy h3{font:700 clamp(1.45rem,1.7vw,2.05rem)/1.02 Georgia,serif;color:var(--gold);margin:0 0 15px}.card-copy p{font-size:.88rem;line-height:1.5;margin:0;padding-right:16px}.card-copy a{position:absolute;right:16px;bottom:14px;border:1px solid var(--gold);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:var(--gold)}.theme-feature{display:grid;grid-template-columns:42% 58%;max-width:1500px;margin:0 auto;background:#20030a;border:1px solid #c28628;border-radius:12px;overflow:hidden}.theme-copy{padding:clamp(28px,4vw,60px);align-self:center}.theme-copy h2{font:600 1rem Georgia,serif;color:var(--gold2);letter-spacing:.1em;margin:0 0 7px}.theme-copy h3{font-size:clamp(2.2rem,3.2vw,4rem);line-height:.98;margin:0 0 22px}.theme-copy p{line-height:1.55;margin:0 0 25px}.theme-visual{background:#120109;display:grid;place-items:center}.theme-visual img{width:100%;height:auto;object-fit:contain}.join-band{text-align:center;background:linear-gradient(180deg,#630818,#43030d);padding:20px 20px 24px;border-top:1px solid #a87428}.join-band h2{font-style:italic;font-size:clamp(1.8rem,2.6vw,3rem);margin:0 0 12px}.join-meta{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;font-size:.82rem;font-weight:800}.meta-item{display:inline-flex;align-items:center;gap:9px}.svg-icon{width:20px;height:20px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}.calendar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5c957' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")}.clock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5c957' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}.pin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5c957' stroke-width='2'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.inner-bg{position:absolute;inset:0;background:url('assets/images/inner-stage.jpg') center/cover fixed;z-index:-2}.inner-bg:after{content:'';position:absolute;inset:0;background:rgba(25,2,9,.42)}.lsa-bg:after{background:rgba(35,0,8,.25)}.hall-bg:after{background:rgba(20,7,3,.52)}.faq-bg:after{background:rgba(20,7,3,.68)}.highlights-bg:after{background:rgba(25,0,8,.58)}.inner-shell{width:min(1280px,92vw);margin:0 auto;padding:48px clamp(24px,4vw,58px);border-radius:18px;position:relative;top:42px;margin-bottom:86px;border:1px solid #d6a038;box-shadow:0 15px 50px rgba(0,0,0,.28)}.cream-panel{background:rgba(255,249,236,.96);color:var(--ink)}.dark-panel{background:rgba(60,2,17,.91);color:#fff}.inner-heading{text-align:center;margin-bottom:30px}.inner-heading .eyebrow{color:#b27c25}.inner-heading h2{font-size:clamp(2.4rem,4vw,4.6rem);margin:.1em 0}.inner-heading h2 em{font-size:.45em;color:#b35417;font-weight:400}.inner-heading h3{font:italic 1.6rem Georgia,serif;color:#a84e12;margin:-10px 0 7px}.inner-heading p{margin:.4em auto;max-width:700px}.lead{max-width:1000px;margin:0 auto 28px;font-size:1.05rem;line-height:1.7}.theme-page-grid{display:grid;grid-template-columns:38% 62%;gap:28px;align-items:center}.theme-page-grid img{width:100%;height:auto;border:1px solid #d7a43d}.theme-guidance h3{font:700 2rem Georgia,serif;color:var(--gold);margin:.2em 0}.theme-guidance p{line-height:1.65}.style-tags{display:flex;gap:8px;flex-wrap:wrap}.style-tags span{border:1px solid #d29b33;padding:8px 11px;border-radius:999px;font-size:.78rem}.foyer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.foyer-grid article{background:#fff;border:1px solid #d8b36d;border-radius:12px;overflow:hidden;box-shadow:0 7px 18px rgba(0,0,0,.08)}.foyer-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.foyer-grid h3{font:700 1.35rem Georgia,serif;margin:15px 16px 5px;color:#172033}.foyer-grid p{margin:0 16px 18px;font-size:.9rem}.lsa-tabs{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;max-width:760px;margin:0 auto 22px}.lsa-tabs button{border:1px solid #d8c7a7;background:#f1e7d2;border-radius:8px;padding:13px 10px;font-weight:800}.lsa-tabs button.active{background:#c9003b;color:#fff;border-color:#e0ae36}.lsa-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.recipient-card{text-align:center;background:#fff;border:1px solid #d8b36d;border-radius:9px;padding:8px;min-width:0}.recipient-card img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 28%;border-radius:8px}.recipient-card h4{font:700 1rem Georgia,serif;margin:9px 0 2px}.recipient-card small{font-size:.72rem}.lsa-status{text-align:center;color:#8b6744;margin:18px 0 9px}.lsa-pagination{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.lsa-pagination button{border:1px solid #dec48e;background:#f7edd8;border-radius:7px;padding:8px 11px}.lsa-pagination button.active{background:#b90035;color:#fff}.lsa-pagination button:disabled{opacity:.45}.prototype-note{text-align:center;font-size:.75rem;color:#927a60}.hall-layout-img{width:100%;height:auto;border:1px solid #c89a3b;border-radius:8px}.hall-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:22px}.outline-gold{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c18b26;color:#7f4d0f;padding:11px 20px;border-radius:999px;font-weight:800;font-size:.82rem;background:#fff8e8}.faq-list{max-width:900px;margin:0 auto}.faq-list details{background:#fff;border:1px solid #ead7b1;border-radius:10px;margin:9px 0;overflow:hidden}.faq-list summary{padding:16px 18px;font-weight:800;cursor:pointer}.faq-list details p{padding:0 18px 17px;margin:0;line-height:1.55}.highlights-shell{text-align:center;max-width:900px}.highlights-shell h2{font:700 3rem Georgia,serif;color:var(--gold);margin:.2em}.coming-card{margin:28px auto 0;background:var(--cream);color:var(--ink);padding:38px;border-radius:14px;max-width:650px}.camera-icon{width:54px;height:44px;margin:0 auto 20px;border:3px solid #9b5b13;border-radius:8px;position:relative}.camera-icon:before{content:'';position:absolute;width:14px;height:14px;border:3px solid #9b5b13;border-radius:50%;left:17px;top:11px}.camera-icon:after{content:'';position:absolute;width:16px;height:6px;background:#9b5b13;left:7px;top:-8px;border-radius:3px}.site-footer{background:#06111f;border-top:1px solid #c49127;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(20px,4vw,60px);font-size:.72rem;color:#ddd}.site-footer span:first-child{color:var(--gold);font-weight:800}.bottom-nav{display:none}
@media(max-width:1050px){.desktop-nav{gap:15px}.desktop-nav a{font-size:.67rem}.header-logo{width:95px}.brand{font-size:1rem}.moment-card{grid-template-columns:42% 58%}.card-copy{padding:18px}.card-copy h3{font-size:1.45rem}.lsa-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){body{padding-bottom:62px}.landing{justify-content:flex-start;min-height:100svh}.landing-art-top{margin-top:0}.landing-live{padding:11px 10px 13px}.countdown{gap:5px;width:min(96vw,430px)}.timebox{min-width:0;flex:1;padding:8px 2px}.timebox b{font-size:1.35rem}.timebox small{font-size:.49rem}.landing-cta{width:min(90vw,420px);min-width:0;padding:13px 16px}.landing-art-steps{margin-bottom:0}.site-header{height:58px;padding:0 14px;gap:10px;position:sticky}.header-logo{width:86px;height:28px}.brand{font-size:.86rem;white-space:nowrap}.desktop-nav{display:none}.hamburger{display:block}.mobile-menu{display:none;position:fixed;top:58px;right:0;z-index:80;width:min(280px,78vw);background:#071322;border-left:1px solid #d2a039;border-bottom:1px solid #d2a039;padding:12px}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px;border-bottom:1px solid #25384d;font-weight:800;font-size:.8rem}.announcement{height:34px}.ticker{line-height:34px;font-size:.66rem}.home-hero>picture img{width:100%;height:auto}.home-countdown-wrap{padding:8px 10px 12px}.about-band{grid-template-columns:1fr;background:#650015;min-height:0}.about-copy{padding:38px 24px 30px}.about-copy h2{font-size:2.45rem}.about-photo{min-height:0}.about-photo img{height:auto;object-fit:contain}.about-photo figcaption{font-size:1.05rem;bottom:7%;right:5%}.moments-section{padding:20px 14px 24px}.section-title{gap:8px}.section-title h2{font-size:1.55rem;text-align:center}.moment-grid{grid-template-columns:1fr;gap:12px}.moment-card{grid-template-columns:45% 55%;min-height:180px}.card-copy{padding:17px}.card-copy h3{font-size:1.4rem}.card-copy p{font-size:.8rem}.theme-feature{grid-template-columns:1fr;margin:0 12px}.theme-copy{padding:30px 22px}.theme-copy h3{font-size:2.2rem}.theme-visual img{width:100%;height:auto}.join-band{padding:19px 14px}.join-band h2{font-size:1.6rem}.join-meta{display:grid;gap:8px;justify-content:center}.inner-bg{background-attachment:scroll}.inner-shell{width:94vw;top:20px;margin-bottom:48px;padding:28px 16px;border-radius:14px}.inner-heading{margin-bottom:20px}.inner-heading h2{font-size:2.25rem}.inner-heading h2 em{display:block;font-size:.55em;margin-top:8px}.theme-page-grid{grid-template-columns:1fr}.theme-page-grid img{order:-1}.foyer-grid{grid-template-columns:1fr}.lsa-tabs{grid-template-columns:repeat(2,1fr);gap:8px}.lsa-grid{grid-template-columns:repeat(2,1fr);gap:10px}.recipient-card h4{font-size:.9rem}.lsa-pagination{gap:5px}.hall-actions{display:grid}.faq-list summary{padding:14px}.highlights-shell h2{font-size:2.4rem}.site-footer{padding:16px 15px 78px;display:grid;text-align:center;justify-content:center}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:70;height:62px;background:#06111f;border-top:1px solid #d1a039;display:grid;grid-template-columns:repeat(7,1fr)}.bottom-nav a{display:grid;place-items:center;font-size:.57rem;font-weight:700;color:#fff;padding:4px 1px}.bottom-nav a.active{color:var(--gold);background:#102036}.icon-btn{font-size:1.25rem}}
@media(max-width:390px){.header-logo{width:74px}.brand{font-size:.76rem}.about-copy h2{font-size:2.12rem}.moment-card{grid-template-columns:44% 56%}.card-copy h3{font-size:1.2rem}.card-copy p{font-size:.74rem}.landing-live{gap:9px}}
/* Final clean v2 refinements */
.event-meta{display:flex;justify-content:center;align-items:center;gap:34px;flex-wrap:wrap;color:#fff;max-width:1180px;margin:0 auto}
.event-meta-item{display:flex;align-items:center;gap:12px;min-width:0}
.event-meta-item>span:last-child{display:grid;gap:2px;line-height:1.15}
.event-meta-item strong{font-size:.92rem;white-space:nowrap}
.event-meta-item small{font-size:.72rem;color:#ffe8bb}
.icon-circle{width:48px;height:48px;min-width:48px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:rgba(5,13,24,.52);box-shadow:0 0 14px rgba(245,201,87,.14)}
.icon-circle .svg-icon{width:22px;height:22px}
.landing-live{gap:14px;padding-top:16px}
.landing-meta{margin-bottom:2px}
.home-live{background:linear-gradient(180deg,#6b0719,#39030e);border-top:1px solid #d0922d;padding:12px 18px 14px;display:grid;gap:10px}
.home-countdown-wrap{padding:0;background:none}
.home-meta{gap:28px}
.home-meta .icon-circle{width:42px;height:42px;min-width:42px}
.home-meta .icon-circle .svg-icon{width:19px;height:19px}
.home-meta .event-meta-item strong{font-size:.82rem}
.home-meta .event-meta-item small{font-size:.65rem}
/* Keep the About copy and approved portrait visually connected at wide desktop sizes. */
.about-band{grid-template-columns:40% 60%;background:linear-gradient(90deg,#710019 0 40%,#3b0611 40%);min-height:0;align-items:stretch}
.about-copy{padding:clamp(34px,3.2vw,58px);max-width:none;align-self:center}
.about-copy p:last-child{max-width:660px}
.about-photo{min-height:0;display:flex;align-items:center;background:#3b0611}
.about-photo img{width:100%;height:auto;object-fit:contain;object-position:center}
/* Equal-width Moments cards with safer text wrapping at full-screen sizes. */
.moment-grid{max-width:1500px;gap:16px}
.moment-card{grid-template-columns:42% 58%;min-height:218px}
.card-copy{padding:22px;min-width:0}
.card-copy h3{font-size:clamp(1.3rem,1.35vw,1.75rem);line-height:1.06;overflow-wrap:normal;word-break:normal;hyphens:none;padding-right:2px}
.card-copy p{font-size:.86rem;padding-right:32px}
/* Four approved inclusive dress-inspiration cards, replacing the cropped group artwork. */
.inspiration-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:#120109;padding:12px;align-items:stretch}
.inspiration-card{margin:0;border:1px solid #d39a2d;border-radius:9px;overflow:hidden;background:#30020d;display:flex;flex-direction:column;min-width:0}
.inspiration-card img{width:100%;aspect-ratio:3/5;object-fit:cover;object-position:center top;display:block}
.inspiration-card span{display:block;padding:10px 6px;text-align:center;color:var(--gold);font:700 .86rem Georgia,serif;background:#420514;border-top:1px solid #b77e24}
.theme-feature{grid-template-columns:38% 62%;max-width:1500px}
.theme-visual.inspiration-panel{place-items:stretch}
.theme-page-grid{grid-template-columns:32% 68%;gap:24px}
.theme-page-inspirations{align-self:stretch}
@media(max-width:1200px){
.event-meta{gap:22px}.event-meta-item strong{font-size:.84rem}.icon-circle{width:44px;height:44px;min-width:44px}
.moment-card{grid-template-columns:40% 60%}.card-copy{padding:18px}.card-copy h3{font-size:1.35rem}
.theme-feature{grid-template-columns:40% 60%}
}
@media(max-width:700px){
.landing-live{padding:13px 12px 15px;gap:12px}
.event-meta{display:grid;grid-template-columns:1fr;gap:10px;width:min(92vw,430px);justify-items:start}
.event-meta-item{width:100%;gap:12px}
.icon-circle{width:42px;height:42px;min-width:42px}
.icon-circle .svg-icon{width:19px;height:19px}
.event-meta-item strong{font-size:.88rem;white-space:normal}.event-meta-item small{font-size:.7rem}
.home-live{padding:11px 13px 13px}.home-meta{width:min(92vw,430px)}
.about-band{grid-template-columns:1fr;background:#650015}.about-copy{padding:34px 24px 28px}.about-photo img{width:100%;height:auto}
.moment-card{grid-template-columns:43% 57%;min-height:178px}.card-copy{padding:15px}.card-copy h3{font-size:1.2rem;margin-bottom:10px}.card-copy p{font-size:.75rem;padding-right:25px}
.theme-feature{grid-template-columns:1fr;margin:0 12px}.inspiration-panel{grid-template-columns:repeat(2,1fr);padding:10px;gap:9px}.inspiration-card span{font-size:.78rem;padding:8px 4px}
.theme-page-grid{grid-template-columns:1fr}.theme-page-inspirations{order:-1}
}
@media(max-width:390px){
.event-meta{width:min(94vw,360px)}.icon-circle{width:40px;height:40px;min-width:40px}.event-meta-item strong{font-size:.82rem}
.moment-card{grid-template-columns:41% 59%}.card-copy h3{font-size:1.05rem}.card-copy p{font-size:.7rem}
}
/* Single theme image update */
.single-theme-visual{background:#120109;padding:12px;display:flex;align-items:center;justify-content:center}
.single-theme-visual img{width:100%;height:100%;display:block;object-fit:cover;border:1px solid #d39a2d;border-radius:10px;background:#20030a}
.theme-feature .single-theme-visual{min-height:100%}
.theme-feature .single-theme-visual img{min-height:420px}
.theme-page-visual.single-theme-visual{min-height:520px;padding:10px;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.22)}
.theme-page-visual.single-theme-visual img{min-height:500px;object-position:center center}
@media(max-width:980px){.theme-feature{grid-template-columns:1fr}.theme-feature .single-theme-visual img{min-height:320px}.theme-page-grid{grid-template-columns:1fr}.theme-page-visual.single-theme-visual{min-height:340px}.theme-page-visual.single-theme-visual img{min-height:320px}}
@media(max-width:700px){.single-theme-visual{padding:10px}.theme-feature .single-theme-visual img{min-height:260px}.theme-page-visual.single-theme-visual{min-height:260px}.theme-page-visual.single-theme-visual img{min-height:240px}}
/* Mobile refinement v3 */
.header-logo{image-rendering:auto}
.menu-backdrop{display:none}
.menu-close{display:none}
@media(max-width:700px){
body{padding-bottom:70px}
body.menu-open{overflow:hidden;touch-action:none}
/* Landing: one continuous invitation composition with less dead space. */
.landing{min-height:100dvh;height:100dvh;overflow:hidden;justify-content:flex-start;background:#21040b}
.landing-art-top{margin:0;flex:0 0 auto}
.landing-art-top img{width:100%;height:min(39dvh,285px);object-fit:cover;object-position:top center}
.landing-live{padding:8px 12px 9px;gap:7px;flex:0 0 auto}
.landing-meta{width:min(90vw,410px);gap:6px!important}
.landing-meta .event-meta-item{gap:10px}
.landing-meta .icon-circle{width:36px;height:36px;min-width:36px;border-width:1.5px}
.landing-meta .icon-circle .svg-icon{width:17px;height:17px}
.landing-meta .event-meta-item strong{font-size:.79rem;line-height:1.1}
.landing-meta .event-meta-item small{font-size:.62rem}
.landing .countdown{width:min(91vw,410px);gap:6px}
.landing .timebox{padding:6px 2px;border-radius:7px}
.landing .timebox b{font-size:1.16rem}
.landing .timebox small{font-size:.44rem}
.landing-cta{width:min(86vw,390px);padding:11px 14px;font-size:.9rem;min-width:0}
.landing-art-steps{margin:0;flex:1 1 auto;min-height:70px;overflow:hidden}
.landing-art-steps img{width:100%;height:100%;object-fit:cover;object-position:top center}
/* Compact, sharper app header after Explore. */
.site-header{height:64px;padding:0 12px;gap:8px;position:sticky;top:0;z-index:90;padding-top:env(safe-area-inset-top)}
.brand-wrap{gap:9px;min-width:0;flex:1}
.header-logo{width:108px;height:auto;object-fit:contain;flex:0 0 auto}
.brand{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-actions{gap:6px;flex:0 0 auto}
.icon-btn{font-size:1.12rem;padding:6px}
.hamburger{width:38px;padding:5px}
.hamburger span{height:2px;margin:5px 0}
.announcement{height:32px;position:relative;z-index:40}
.ticker{line-height:32px;font-size:.62rem;animation-duration:30s}
/* Right-side drawer with dimmed backdrop. */
.menu-backdrop{display:block;position:fixed;inset:0;background:rgba(2,7,13,.64);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:95}
.menu-backdrop.open{opacity:1;pointer-events:auto}
.mobile-menu{display:grid;position:fixed;top:0;right:0;bottom:0;width:min(82vw,340px);padding:calc(env(safe-area-inset-top) + 76px) 18px 24px;background:#071322;border-left:1px solid #d2a039;transform:translateX(105%);transition:transform .24s ease;z-index:100;align-content:start;box-shadow:-18px 0 45px rgba(0,0,0,.38)}
.mobile-menu.open{display:grid;transform:translateX(0)}
.mobile-menu a{padding:16px 16px;border-bottom:1px solid rgba(245,201,87,.2);font-size:.95rem;font-weight:800;letter-spacing:.02em;color:#fff}
.mobile-menu a.active{color:var(--gold);background:rgba(245,201,87,.08);border-left:3px solid var(--gold)}
.menu-close{display:grid;place-items:center;position:absolute;right:14px;top:calc(env(safe-area-inset-top) + 16px);width:40px;height:40px;border:1px solid rgba(245,201,87,.65);border-radius:50%;background:#0d1b2c;color:var(--gold);font-size:1.75rem;line-height:1;cursor:pointer}
body.menu-open .bottom-nav{transform:translateY(110%);pointer-events:none}
/* Home: compact identity banner after entry; no repeated large metadata block. */
.home-hero>picture{display:block;max-height:38dvh;overflow:hidden}
.home-hero>picture img{width:100%;height:min(38dvh,300px);object-fit:cover;object-position:top center}
.home-meta{display:none}
.home-live{padding:7px 12px 9px;gap:0}
.home-countdown-wrap{padding:0}
.compact-countdown{width:min(88vw,390px);gap:6px}
.compact-countdown .timebox{padding:6px 2px;min-width:0}
.compact-countdown .timebox b{font-size:1.1rem}
.compact-countdown .timebox small{font-size:.44rem}
/* Moments heading stays on one line. */
.section-title{grid-template-columns:1fr;margin-bottom:14px}
.section-title span{display:none}
.section-title h2{font-size:clamp(1.05rem,4.5vw,1.32rem);white-space:nowrap;text-align:center;line-height:1.1}
/* Slightly more breathing room in cards, without overflow. */
.moment-card{grid-template-columns:43% 57%;min-height:176px}
.card-copy{padding:14px 13px 16px}
.card-copy h3{font-size:clamp(1rem,4.2vw,1.22rem);line-height:1.05;margin-bottom:9px}
.card-copy p{font-size:.75rem;line-height:1.42;padding-right:20px}
/* Closing section: message only, no repeated date/time/venue. */
.join-band{padding:20px 14px 22px}
.join-band h2{margin:0;font-size:1.6rem}
.join-meta{display:none!important}
/* Footer is compact and deliberate. */
.site-footer{padding:16px 14px 88px;gap:10px}
/* Bottom nav with lightweight icons and subtle active state. */
.bottom-nav{height:70px;transition:transform .22s ease;grid-template-columns:repeat(7,1fr)}
.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.54rem;padding:5px 1px;background:transparent}
.bottom-nav a.active{color:var(--gold);background:transparent;box-shadow:inset 0 2px 0 var(--gold)}
.nav-ico{width:16px;height:16px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.95}
.home-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10.5V20h13v-9.5'/%3E%3C/svg%3E")}
.theme-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 8h.01M16 8h.01M8 16h.01M16 16h.01M12 12h.01'/%3E%3C/svg%3E")}
.foyer-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E")}
.lsa-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M8 4h8v4a4 4 0 0 1-8 0V4Z'/%3E%3Cpath d='M6 6H4a4 4 0 0 0 4 4M18 6h2a4 4 0 0 1-4 4M12 12v5M8 21h8M9 17h6'/%3E%3C/svg%3E")}
.hall-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M4 5h16v14H4zM9 5v14M15 5v14M4 10h16M4 15h16'/%3E%3C/svg%3E")}
.faq-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M9.5 9a2.5 2.5 0 1 1 4.4 1.6c-.9.8-1.9 1.2-1.9 2.4M12 16h.01'/%3E%3C/svg%3E")}
.highlights-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='m12 3 2.7 5.5 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.8 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E")}
.bottom-nav a.active .nav-ico{filter:sepia(1) saturate(6) hue-rotate(350deg) brightness(1.3)}
}
@media(max-width:390px){
.header-logo{width:96px}
.brand{font-size:.75rem}
.site-header{padding-left:10px;padding-right:8px}
.home-hero>picture img{height:min(36dvh,270px)}
.section-title h2{font-size:1.02rem}
.bottom-nav a{font-size:.5rem}
}
.home-mobile-summary{display:none}
/* 2026-10-22 mobile Home hero correction */
@media(max-width:700px){
.home-hero>picture{display:block;max-height:none;overflow:visible;background:#18030a}
.home-hero>picture img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain;object-position:center top}
.home-live{display:grid;place-items:center;gap:7px;padding:8px 10px 11px;background:linear-gradient(180deg,#660717,#3a030d)}
.home-meta{display:none!important}
.home-mobile-summary{display:flex;align-items:center;justify-content:center;gap:6px;width:min(96vw,470px);white-space:nowrap;color:#fff4df;font-size:clamp(.64rem,2.7vw,.78rem);font-weight:800;letter-spacing:.01em;text-align:center}
.home-mobile-summary span{color:var(--gold);font-size:.72em}
.compact-countdown{width:min(90vw,390px);gap:6px}
.compact-countdown .timebox{padding:6px 2px}
.compact-countdown .timebox b{font-size:1.08rem}
.compact-countdown .timebox small{font-size:.43rem}
.header-logo{width:104px;height:auto;object-fit:contain}
}
@media(max-width:390px){
.home-mobile-summary{font-size:.62rem;gap:4px}
.header-logo{width:98px;height:auto}
}
/* Live LSA gallery */
.lsa-shell{max-width:1180px;background:linear-gradient(180deg,rgba(255,250,239,.98),rgba(248,238,216,.97))}
.lsa-heading{margin-bottom:24px}
.lsa-heading h2{font-size:clamp(2.5rem,4vw,4.2rem);color:#bf8a20;margin:.06em 0 .12em}
.lsa-heading p:last-child{font-size:.98rem;color:#5d5960}
.lsa-tabs{max-width:820px}
.lsa-tabs button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease;cursor:pointer}
.lsa-tabs button:hover{transform:translateY(-1px);box-shadow:0 5px 13px rgba(111,69,14,.10)}
.lsa-grid{align-items:stretch}
.recipient-card{padding:10px;border-color:#d6ad58;box-shadow:0 7px 18px rgba(96,55,11,.07);background:linear-gradient(180deg,#fffefb,#fffaf0)}
.recipient-card h4{color:#10243b;margin-top:10px}
.recipient-card small{display:block;color:#6b6256;padding-bottom:3px}
.recipient-photo-placeholder{width:100%;aspect-ratio:4/5;border-radius:8px;background:linear-gradient(145deg,#f0e5ce,#fffaf0);display:grid;place-items:center;color:#947b55;font-size:.75rem}
.lsa-message{grid-column:1/-1;min-height:230px;display:grid;place-items:center;text-align:center;color:#7c6747;font-weight:700;padding:24px;border:1px dashed #d5b873;border-radius:12px;background:rgba(255,255,255,.55)}
.lsa-message.error{color:#8c2234;border-color:#d6a2ac;background:#fff7f8}
@media(max-width:700px){
.lsa-heading .eyebrow{font-size:.68rem;letter-spacing:.17em}
.lsa-heading h2{font-size:2.15rem;line-height:1.02}
.recipient-card{padding:7px}
.recipient-card h4{font-size:.88rem;line-height:1.15}
.recipient-card small{font-size:.68rem}
.lsa-message{min-height:170px}
}
/* 2026-10-26 polished live LSA gallery */
.lsa-shell{
padding:42px clamp(28px,4vw,54px) 34px;
transition:max-width .2s ease,padding .2s ease;
}
.lsa-shell.lsa-compact{max-width:980px;padding-bottom:28px}
.lsa-grid{
grid-template-columns:repeat(5,minmax(0,1fr));
gap:18px;
align-items:start;
justify-content:center;
margin:8px auto 0;
}
.lsa-grid.lsa-grid-small{justify-content:center}
.lsa-grid-1{grid-template-columns:minmax(185px,205px)}
.lsa-grid-2{grid-template-columns:repeat(2,minmax(185px,205px))}
.lsa-grid-3{grid-template-columns:repeat(3,minmax(185px,205px))}
.lsa-grid-4{grid-template-columns:repeat(4,minmax(185px,205px))}
.recipient-card{
border-radius:14px;
padding:10px 10px 12px;
border:1px solid #d4a84d;
box-shadow:0 10px 24px rgba(92,49,7,.10);
background:linear-gradient(180deg,#fffefb 0%,#fff9eb 100%);
transition:transform .16s ease,box-shadow .16s ease;
}
.recipient-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(92,49,7,.14)}
.recipient-photo-frame{
padding:6px;
border:1px solid #e2bd68;
border-radius:11px;
background:linear-gradient(145deg,#fff9e8,#f0ddb0);
}
.recipient-card img,
.recipient-photo-placeholder{
width:100%;
aspect-ratio:4/5;
border-radius:8px;
}
.recipient-card img{object-fit:cover;object-position:center 28%}
.recipient-card h4{
color:#10243b;
font-size:1.03rem;
line-height:1.15;
margin:11px 0 3px;
}
.recipient-card small{font-size:.74rem;color:#6b6256;padding-bottom:1px}
.lsa-status{margin:14px 0 4px;font-size:.84rem}
.lsa-pagination{margin-top:9px}
@media(max-width:1050px) and (min-width:701px){
.lsa-grid:not(.lsa-grid-small){grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
.lsa-shell{padding:26px 14px 24px}
.lsa-shell.lsa-compact{max-width:94vw;padding-bottom:22px}
.lsa-grid,
.lsa-grid.lsa-grid-small,
.lsa-grid-2,
.lsa-grid-3,
.lsa-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lsa-grid-1{grid-template-columns:minmax(145px,175px)}
.lsa-grid-3 .recipient-card:last-child{
grid-column:1/-1;
width:calc(50% - 5px);
justify-self:center;
}
.recipient-card{padding:7px 7px 9px;border-radius:11px}
.recipient-photo-frame{padding:4px;border-radius:9px}
.recipient-card h4{font-size:.9rem;margin-top:8px}
.recipient-card small{font-size:.67rem}
.lsa-status{margin:11px 0 2px;font-size:.74rem}
}
/* 2026-10-28 confirmed content refinements */
.foyer-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:940px;margin:0 auto}
.faq-group{margin:0 0 28px}
.faq-group:last-child{margin-bottom:0}
.faq-group>h3{font:700 1.45rem Georgia,serif;color:#9b5b13;margin:24px 4px 10px;padding-bottom:8px;border-bottom:1px solid #e2c792}
.faq-group:first-child>h3{margin-top:0}
@media(max-width:700px){.foyer-grid-three{grid-template-columns:1fr;max-width:none}.faq-group>h3{font-size:1.25rem;margin-top:22px}}
/* Coming Soon visual pages */
.coming-soon-shell{
max-width:1280px;
padding:14px;
background:rgba(49,0,13,.92);
overflow:hidden;
}
.coming-soon-visual{
display:block;
width:100%;
height:auto;
border-radius:12px;
border:1px solid #d6a038;
}
@media(max-width:700px){
.coming-soon-shell{width:96vw;padding:7px;top:14px;margin-bottom:38px}
.coming-soon-visual{border-radius:9px}
}
/* 2026-10-29 production refinements: official hero logo, mobile hero clearance, uniform LSA cards */
.lsa-grid{align-items:stretch}
.recipient-card{display:flex;flex-direction:column;height:100%}
.recipient-card h4{
height:3.5em;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
text-align:center;
}
.recipient-card small{
height:2.45em;
display:flex;
align-items:flex-start;
justify-content:center;
overflow:hidden;
text-align:center;
line-height:1.15;
}
@media(max-width:700px){
/* Show the complete Bollywood title before the burgundy details panel begins. */
.landing-art-top img{height:auto;object-fit:contain;object-position:top center}
.home-hero>picture{max-height:none;overflow:visible}
.home-hero>picture img{height:auto;object-fit:contain;object-position:top center}
.recipient-card h4{height:3.55em;line-height:1.15}
.recipient-card small{height:2.45em;line-height:1.15}
}
/* Event Highlights - post-event coming soon */
.highlights-coming-shell{text-align:center;max-width:980px}
.coming-kicker{font-size:.72rem;letter-spacing:.24em;font-weight:800;color:#f3c75d;margin-bottom:8px}
.highlights-coming-shell>h2{font:700 clamp(2.4rem,5vw,4.2rem) Georgia,serif;color:#f2c24f;margin:.05em 0 .35em}
.highlights-coming-card{max-width:720px;margin:24px auto 4px;background:rgba(255,249,236,.98);color:#182033;border:1px solid #e2b04d;border-radius:18px;padding:38px 34px;box-shadow:0 16px 40px rgba(0,0,0,.25)}
.highlights-coming-card h3{font:700 2rem Georgia,serif;color:#9c160f;margin:6px 0 18px}
.highlights-coming-card p{font-size:1rem;line-height:1.6;margin:11px auto;max-width:590px}
.highlights-thanks{font:italic 1.25rem Georgia,serif;color:#a86d10!important;margin-top:20px!important}
.highlights-camera{width:58px;height:46px;margin:0 auto 16px;border:3px solid #b06d12;border-radius:9px;position:relative}
.highlights-camera:before{content:'';position:absolute;width:15px;height:15px;border:3px solid #b06d12;border-radius:50%;left:18px;top:11px}
.highlights-camera:after{content:'';position:absolute;width:17px;height:7px;background:#b06d12;left:8px;top:-9px;border-radius:3px}
@media(max-width:700px){.highlights-coming-card{padding:28px 20px}.highlights-coming-card h3{font-size:1.65rem}.highlights-coming-card p{font-size:.92rem}.highlights-coming-shell>h2{font-size:2.3rem}}
/* 2026-10-29 production header branding: round Maybank tiger icon */
.header-logo{
width:42px;
height:42px;
object-fit:cover;
border-radius:50%;
flex:0 0 42px;
}
@media(max-width:700px){
.header-logo{width:40px;height:40px;flex-basis:40px}
}
@media(max-width:390px){
.header-logo{width:36px;height:36px;flex-basis:36px}
}
/* 2026-10-29 v11 clean landing: hero + intentional event panel, no red-carpet image. */
.landing{
min-height:100svh;
height:auto;
overflow:hidden;
justify-content:flex-start;
background:#2a020d;
}
.landing-art-top{
margin:0;
flex:0 0 auto;
width:100%;
background:#170107;
}
.landing-art-top img{
display:block;
width:100%;
height:auto;
object-fit:contain;
object-position:center top;
}
.landing-live{
position:relative;
flex:1 1 auto;
width:100%;
min-height:300px;
padding:34px 24px 38px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:22px;
overflow:hidden;
background:
radial-gradient(circle at 50% 0%,rgba(255,193,58,.14),transparent 28%),
radial-gradient(circle at 12% 78%,rgba(255,175,41,.08),transparent 23%),
radial-gradient(circle at 88% 78%,rgba(255,175,41,.08),transparent 23%),
linear-gradient(180deg,#71091d 0%,#4c0514 48%,#30020d 100%);
border-top:1px solid #e1ad3c;
border-bottom:0;
}
.landing-live::before,
.landing-live::after{
content:"";
position:absolute;
top:24px;
bottom:24px;
width:1px;
background:linear-gradient(transparent,rgba(245,201,87,.55),transparent);
pointer-events:none;
}
.landing-live::before{left:28px}
.landing-live::after{right:28px}
.landing-meta{
width:min(980px,92vw);
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
margin:0;
}
.landing-meta .event-meta-item{
min-height:86px;
padding:16px 18px;
border:1px solid rgba(245,201,87,.5);
border-radius:14px;
background:rgba(31,3,11,.30);
box-shadow:inset 0 0 24px rgba(0,0,0,.12);
}
.landing-meta .event-meta-item strong{font-size:.98rem;line-height:1.25}
.landing-meta .event-meta-item small{margin-top:4px;font-size:.72rem;color:#f4ddae}
.landing .countdown{gap:12px;width:min(620px,86vw)}
.landing .timebox{flex:1;min-width:0;padding:12px 8px}
.landing .timebox b{font-size:1.75rem}
.landing-cta{min-width:330px;padding:15px 34px;font-size:1rem}
@media(min-width:701px){
.landing{height:100vh;min-height:720px}
.landing-art-top img{max-height:56vh;object-fit:contain}
.landing-live{min-height:0}
}
@media(max-width:700px){
body:has(.landing:not(.hidden)){padding-bottom:0}
.landing{min-height:100svh;height:auto;overflow:auto;background:#2a020d}
.landing-art-top img{width:100%;height:auto!important;max-height:none;object-fit:contain;object-position:center top}
.landing-live{
flex:1 1 auto;
min-height:360px;
padding:24px 14px calc(28px + env(safe-area-inset-bottom));
gap:16px;
justify-content:flex-start;
}
.landing-live::before{left:10px;top:16px;bottom:16px}
.landing-live::after{right:10px;top:16px;bottom:16px}
.landing-meta{
width:min(92vw,440px);
grid-template-columns:1fr;
gap:9px!important;
}
.landing-meta .event-meta-item{
min-height:0;
padding:11px 13px;
border-radius:12px;
background:rgba(31,3,11,.24);
}
.landing-meta .event-meta-item strong{font-size:.83rem}
.landing-meta .event-meta-item small{font-size:.66rem}
.landing .countdown{width:min(92vw,430px);gap:6px}
.landing .timebox{padding:8px 2px}
.landing .timebox b{font-size:1.23rem}
.landing .timebox small{font-size:.46rem}
.landing-cta{width:min(88vw,410px);min-width:0;padding:13px 18px;font-size:.92rem}
}
/* 2026-10-29 FILM INTRO PROTOTYPE — cinematic countdown landing */
body:has(.cinema-landing:not(.hidden)){overflow:hidden;padding-bottom:0}
.cinema-landing{
position:relative;
display:block;
width:100%;
min-height:100svh;
height:100svh;
overflow:hidden;
background:#030303;
color:#f8e6ad;
isolation:isolate;
}
.cinema-intro{
position:absolute;
inset:0;
display:grid;
place-items:center;
align-content:center;
gap:22px;
padding:32px;
overflow:hidden;
background:
radial-gradient(circle at 50% 45%,rgba(112,22,35,.34),transparent 34%),
radial-gradient(circle at 50% 55%,rgba(215,165,57,.08),transparent 48%),
linear-gradient(180deg,#090706 0%,#16090c 48%,#050404 100%);
opacity:1;
transition:opacity .7s ease,visibility .7s ease;
z-index:3;
}
.cinema-intro::before{
content:"";
position:absolute;
inset:-40%;
pointer-events:none;
opacity:.2;
background-image:
repeating-radial-gradient(circle at 35% 42%,rgba(255,255,255,.22) 0 1px,transparent 1px 4px),
repeating-linear-gradient(90deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px);
mix-blend-mode:screen;
animation:filmJitter .16s steps(2,end) infinite;
}
.cinema-intro::after{
content:"";
position:absolute;
inset:0;
box-shadow:inset 0 0 130px 35px rgba(0,0,0,.92);
pointer-events:none;
}
.cinema-projector-beam{
position:absolute;
width:80vw;
height:80vw;
max-width:900px;
max-height:900px;
border-radius:50%;
left:50%;top:50%;
transform:translate(-50%,-50%);
background:radial-gradient(circle,rgba(255,224,146,.1),rgba(255,189,75,.02) 48%,transparent 70%);
filter:blur(2px);
animation:projectorPulse 1.6s ease-in-out infinite alternate;
}
.cinema-present{
position:relative;
z-index:5;
text-align:center;
letter-spacing:.12em;
text-transform:uppercase;
opacity:0;
transform:translateY(8px);
animation:presentIn .8s .15s ease forwards;
}
.cinema-present p{margin:0;color:#dcb853;font-size:clamp(.8rem,1.2vw,1.05rem);font-weight:800}
.cinema-present strong{display:block;margin-top:7px;color:#f4ead4;font-family:Georgia,serif;font-size:clamp(1.65rem,3.2vw,3rem);font-weight:500;letter-spacing:.02em;text-transform:none}
.cinema-present span{display:block;margin-top:8px;color:#b9923f;font-size:clamp(.58rem,.9vw,.82rem);letter-spacing:.2em}
.film-leader{
position:relative;
z-index:5;
width:min(36vw,310px);
aspect-ratio:1;
display:grid;
place-items:center;
opacity:0;
transform:scale(.96);
}
.cinema-intro.counting .film-leader{animation:leaderIn .35s ease forwards}
.leader-ring{
position:absolute;inset:8%;border:2px solid rgba(238,213,154,.64);border-radius:50%;
box-shadow:0 0 0 1px rgba(167,117,30,.32),inset 0 0 40px rgba(255,219,128,.03);
}
.leader-cross{position:absolute;background:rgba(238,213,154,.24)}
.leader-cross.horizontal{left:3%;right:3%;height:1px;top:50%}
.leader-cross.vertical{top:3%;bottom:3%;width:1px;left:50%}
.leader-sweep{
position:absolute;inset:8%;border-radius:50%;
background:conic-gradient(from -90deg,rgba(244,215,143,.28) 0deg,rgba(244,215,143,.03) 48deg,transparent 58deg 360deg);
animation:leaderSweep .9s linear infinite;
filter:blur(.2px);
}
.cinema-number{
position:relative;z-index:2;
font-family:Georgia,'Times New Roman',serif;
font-size:clamp(7rem,18vw,12.5rem);
line-height:.85;
color:#f7e4b3;
text-shadow:0 0 18px rgba(255,196,65,.18);
}
.cinema-number.bump{animation:numberBump .22s ease}
.cinema-caption{position:relative;z-index:5;margin:0;color:#9a7939;font-size:.64rem;font-weight:800;letter-spacing:.34em;opacity:0;transition:opacity .35s ease}
.cinema-intro.counting .cinema-caption{opacity:1}
.cinema-intro.counting .cinema-present{opacity:.24;transform:translateY(-18px) scale(.88);transition:opacity .5s ease,transform .5s ease}
.cinema-skip{
position:absolute;right:22px;top:calc(18px + env(safe-area-inset-top));z-index:10;
padding:9px 13px;border:1px solid rgba(214,176,78,.42);border-radius:999px;
color:#d7b85f;background:rgba(8,6,6,.36);font:700 .67rem/1 system-ui,sans-serif;letter-spacing:.13em;
cursor:pointer;backdrop-filter:blur(8px);transition:.2s ease;
}
.cinema-skip:hover{background:rgba(113,21,34,.5);border-color:#e2bd62;color:#fff1c5}
.cinema-flash{position:absolute;inset:0;z-index:7;background:#fff3cc;opacity:0;pointer-events:none}
.cinema-flash.fire{animation:cinemaFlash .48s ease-out}
.landing-reveal{
position:absolute;inset:0;z-index:2;
display:flex;flex-direction:column;
overflow:auto;background:#2a020d;
opacity:0;visibility:hidden;transform:scale(1.018);
transition:opacity .9s ease,transform 1.2s cubic-bezier(.2,.7,.2,1),visibility .9s;
}
.cinema-landing.revealed .landing-reveal{opacity:1;visibility:visible;transform:scale(1)}
.cinema-landing.revealed .cinema-intro{opacity:0;visibility:hidden}
.cinema-landing.revealed .cinema-skip{opacity:0;pointer-events:none}
.cinema-landing.revealed{overflow:auto}
.cinema-landing.revealed .landing-live{animation:revealDetails .75s .3s ease both}
.film-strip{position:absolute;z-index:2;top:-5%;bottom:-5%;width:64px;opacity:.2;background:
linear-gradient(90deg,#0b0705 0 13px,transparent 13px 51px,#0b0705 51px 64px),
repeating-linear-gradient(180deg,rgba(235,201,132,.55) 0 14px,transparent 14px 27px);
filter:sepia(.4);transform:rotate(1deg)}
.film-strip-left{left:4%}.film-strip-right{right:4%;transform:rotate(-1deg)}
.cinema-reel{position:absolute;z-index:1;width:150px;aspect-ratio:1;border:5px solid rgba(203,159,59,.18);border-radius:50%;opacity:.4;animation:reelSpin 8s linear infinite}
.cinema-reel::before{content:"";position:absolute;inset:43%;border-radius:50%;background:rgba(204,159,56,.24)}
.cinema-reel i{position:absolute;width:32%;aspect-ratio:1;border-radius:50%;background:#090707;border:3px solid rgba(203,159,59,.16);left:34%;top:4%;transform-origin:50% 144%}
.cinema-reel i:nth-child(2){transform:rotate(72deg)}.cinema-reel i:nth-child(3){transform:rotate(144deg)}.cinema-reel i:nth-child(4){transform:rotate(216deg)}.cinema-reel i:nth-child(5){transform:rotate(288deg)}
.reel-a{left:8%;bottom:8%}.reel-b{right:9%;top:12%;width:105px;animation-direction:reverse}
@keyframes presentIn{to{opacity:1;transform:translateY(0)}}
@keyframes leaderIn{to{opacity:1;transform:scale(1)}}
@keyframes leaderSweep{to{transform:rotate(360deg)}}
@keyframes numberBump{0%{transform:scale(.84);opacity:.35}100%{transform:scale(1);opacity:1}}
@keyframes cinemaFlash{0%{opacity:0}18%{opacity:.96}100%{opacity:0}}
@keyframes revealDetails{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes reelSpin{to{transform:rotate(360deg)}}
@keyframes projectorPulse{from{opacity:.55;transform:translate(-50%,-50%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes filmJitter{0%{transform:translate(0,0)}25%{transform:translate(.8px,-.4px)}50%{transform:translate(-.6px,.6px)}75%{transform:translate(.4px,.4px)}100%{transform:translate(0,0)}}
@media(max-width:700px){
.cinema-intro{padding:24px 16px;gap:17px}
.film-leader{width:min(66vw,260px)}
.cinema-number{font-size:clamp(6.2rem,31vw,9.2rem)}
.cinema-present strong{font-size:clamp(1.55rem,7vw,2.1rem)}
.cinema-present span{max-width:80vw;margin-left:auto;margin-right:auto;line-height:1.6}
.film-strip{width:42px;opacity:.13}.film-strip-left{left:-5px}.film-strip-right{right:-5px}
.cinema-reel{width:92px;opacity:.24}.reel-a{left:4%;bottom:7%}.reel-b{right:4%;top:9%;width:72px}
.cinema-skip{right:12px;top:calc(12px + env(safe-area-inset-top));font-size:.6rem;padding:8px 11px}
.landing-reveal{position:absolute;inset:0;min-height:100svh}
}
@media(prefers-reduced-motion:reduce){
.cinema-intro::before,.cinema-reel,.leader-sweep,.cinema-projector-beam{animation:none!important}
.landing-reveal,.cinema-intro{transition-duration:.01ms!important}
}
/* MGEE 2026 official event hashtag */
.event-hashtag{font-family:Georgia,serif;font-style:italic;font-weight:700;letter-spacing:.04em;color:#f5c957;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.home-hashtag{text-align:center;font-size:clamp(1rem,1.55vw,1.35rem);padding:8px 16px 4px;background:linear-gradient(180deg,#6b0719,#5a0617)}
.theme-hashtag{font-size:1.05rem;margin:-10px 0 18px}
.theme-page-hashtag{font-size:1.15rem;margin-top:-4px}
.highlights-hashtag{text-align:center;font-size:clamp(1.1rem,2vw,1.45rem);margin:18px 0 2px}
.footer-hashtag{font:italic 700 .74rem Georgia,serif;color:#f5c957;margin-left:10px;white-space:nowrap}
@media(max-width:700px){
.home-hashtag{font-size:.95rem;padding:7px 12px 3px}
.theme-hashtag{font-size:.98rem;margin:-8px 0 16px}
.theme-page-hashtag{font-size:1.02rem}
.highlights-hashtag{font-size:1.05rem;margin-top:14px}
.footer-brand{display:flex;flex-direction:column;align-items:center;gap:4px}
.footer-hashtag{margin-left:0;font-size:.72rem}
}