/* Live page content; shared header and footer remain in common.css. */
#main{--page:#b71f2d;--panel:#141414;--brand:#d82434;color:#fff;background:var(--page);padding-bottom:40px;}
#main .hero{position:relative;height:218px;overflow:hidden;}
#main .hero::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg, rgba(20, 20, 20, 0.05), rgba(20, 20, 20, 0.18));}
#main .backdrop{position:absolute;inset:0;background:#141414 url("../images/faq/background.webp") center / cover no-repeat;}
#main .inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;height:100%;padding:40px 38px 18px;}
#main .breadcrumb{display:flex;align-items:center;justify-content:center;gap:10px;color:#c7c7c7;font-size:14px;line-height:21px;}
#main .breadcrumb a, #main .breadcrumb b{color:inherit;font-weight:400;}
#main .breadcrumb a:hover, #main .breadcrumb a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:4px;}
#main .hero h1{margin:7px 0 0;color:#fff;font-size:37px;line-height:46px;letter-spacing:7px;}
#main .inner > p{margin:2px 0 0;color:#e4e4e4;font-size:16px;line-height:22px;}
#main .badges{display:flex;align-items:center;justify-content:center;margin-top:9px;}
#main .badges span{display:flex;align-items:center;justify-content:center;gap:9px;min-width:154px;min-height:31px;padding:0 22px;color:#fff;}
#main .badges span + span{border-left:1px solid rgba(255, 255, 255, 0.28);}
#main .badges img{display:block;width:28px;height:28px;object-fit:contain;}
#main .badges b{font-size:13px;line-height:20px;font-weight:700;}
#main .content{position:relative;z-index:2;display:grid;gap:32px;width:calc(100% - 76px);margin:32px auto 0;}
#main .layout{display:grid;grid-template-columns:minmax(0, 1.55fr) minmax(340px, 0.72fr);gap:24px;align-items:stretch;}
#main .venues{display:grid;grid-template-rows:auto minmax(0, 1fr);min-width:0;height:100%;}
#main .heading{display:grid;align-content:center;min-height:90px;padding:0 4px 20px;}
#main .heading > span{color:#f6d9dd;font-size:11px;line-height:18px;font-weight:800;letter-spacing:1px;}
#main .heading h2, #main .status h2, #main .benefits h2{margin:0;color:#fff;font-size:22px;line-height:30px;font-weight:900;}
#main .heading p{margin:2px 0 0;color:#f6d9dd;font-size:13px;line-height:20px;}
#main .rooms{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-template-rows:minmax(0, 1.18fr) minmax(0, 1fr);gap:16px;}
#main .venue{position:relative;min-height:176px;overflow:hidden;border:0;border-radius:14px;background:#151515;}
#main .featured{grid-column:1 / -1;min-height:210px;}
#main .image{position:absolute;inset:0;}
#main .image img{display:block;width:100%;height:100%;object-fit:cover;}
#main .copy{position:absolute;inset:0 auto 0 0;z-index:1;width:58%;padding:27px 20px 20px 28px;background:linear-gradient(90deg, rgba(21, 21, 21, 0.96), rgba(21, 21, 21, 0.76) 72%, transparent);}
#main .venue .image{inset:0 0 0 auto;width:auto;aspect-ratio:3;}
#main .venue .image img{object-fit:contain;mask-image:linear-gradient(90deg, transparent, #000 18%);}
#main .featured .image img{mask-image:linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.65) 34%, #000 52%);}
#main .featured .copy{width:46%;padding-top:35px;}
#main .copy h3{margin:0 0 4px;color:#fff;font-size:23px;line-height:30px;}
#main .copy strong, #main .copy p{display:block;margin:0;color:#e4e4e4;font-size:13px;line-height:21px;font-weight:500;}
#main .copy p{color:#c7c7c7;}
#main .copy a{display:inline-flex;align-items:center;justify-content:center;min-width:108px;min-height:42px;padding:0 18px;border-radius:10px;color:#fff;background:var(--brand);font-size:13px;font-weight:800;transition:background-color 160ms ease, color 160ms ease;margin-top:13px;}
#main .copy a:hover{color:#151515;background:#fff;transform:none;}
#main .side{display:grid;grid-template-rows:minmax(250px, 1fr) auto;gap:16px;min-width:0;padding-top:90px;}
#main .vip, #main .status, #main .benefits{border:0;border-radius:14px;background:var(--panel);}
#main .vip{position:relative;min-height:250px;overflow:hidden;background:#151515;}
#main .vip .image img{object-position:right center;}
#main .details{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:73%;height:100%;min-height:250px;padding-left:25px;background:linear-gradient(90deg, rgba(21, 21, 21, 0.96), rgba(21, 21, 21, 0.72) 72%, transparent);}
#main .title{display:flex;align-items:center;gap:11px;}
#main .title svg{display:block;width:38px;height:31px;color:#d82434;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
#main .details h2{margin:0;color:#fff;font-size:22px;line-height:31px;}
#main .privileges{display:flex;align-items:flex-start;gap:13px;margin-top:14px;}
#main .privileges span{display:grid;justify-items:center;gap:4px;min-width:58px;color:#e4e4e4;}
#main .privileges img{display:block;width:26px;height:26px;object-fit:contain;}
#main .privileges b{font-size:12px;line-height:18px;font-weight:500;white-space:nowrap;}
#main .status{min-height:166px;padding:24px;}
#main .status h2{font-size:20px;}
#main .stats{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));align-items:center;min-height:96px;margin-top:4px;}
#main .stats > span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:0 6px;text-align:center;}
#main .stats > span + span{border-left:1px solid #454545;}
#main .stats img{display:block;width:40px;height:40px;object-fit:contain;}
#main .metric{display:flex;flex-direction:column;align-items:center;}
#main .stats em{color:#c7c7c7;font-size:12px;line-height:18px;font-style:normal;}
#main .stats strong{color:#fff;font-size:22px;line-height:27px;font-weight:700;}
#main .stats small{margin-left:2px;font-size:11px;}
#main .benefits{display:grid;grid-template-columns:190px minmax(0, 1fr);align-items:center;min-height:96px;padding:12px 18px;}
#main .benefits > div{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));}
#main .benefits span{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;align-items:center;padding:0 16px;}
#main .benefits span + span{border-left:1px solid #454545;}
#main .benefits img{display:block;grid-row:1 / 3;width:42px;height:42px;object-fit:contain;}
#main .benefits b{color:#fff;font-size:13px;}
#main .benefits em{color:#c7c7c7;font-size:11px;font-style:normal;}
@media (max-width: 1280px){
#main .layout{grid-template-columns:minmax(0, 1.45fr) minmax(320px, 0.72fr);}
#main .copy{width:64%;}
#main .featured .copy{width:50%;}
#main .benefits{grid-template-columns:165px minmax(0, 1fr);}
#main .benefits span{padding:0 9px;}
}
@media (max-width: 980px){
#main .content{width:calc(100% - 76px);}
#main .layout{grid-template-columns:1fr;}
#main .venues{display:block;height:auto;}
#main .rooms{grid-template-rows:none;}
#main .side{grid-template-columns:1.25fr 0.75fr;grid-template-rows:auto;padding-top:0;}
#main .vip, #main .details{min-height:220px;}
#main .status{min-height:220px;}
#main .benefits{display:block;}
#main .benefits > div{margin-top:10px;}
}
@media (max-width: 768px){
#main{padding-bottom:24px;}
#main .hero{height:214px;}
#main .inner{padding:38px var(--site-gutter) 14px;}
#main .breadcrumb{gap:7px;font-size:11px;}
#main .hero h1{font-size:29px;line-height:38px;letter-spacing:4px;}
#main .inner > p{font-size:13px;text-align:center;}
#main .badges{width:100%;margin-top:7px;}
#main .badges span{min-width:0;flex:1 1 0;gap:4px;padding:0 3px;}
#main .badges b{font-size:10px;white-space:nowrap;}
#main .badges img{width:20px;height:20px;}
#main .content{width:calc(100% - var(--site-gutter) * 2);gap:24px;margin-top:24px;}
#main .layout{gap:20px;}
#main .heading{min-height:70px;padding:4px 2px 10px;}
#main .heading h2, #main .benefits h2{font-size:20px;}
#main .rooms{grid-template-columns:1fr;gap:16px;}
#main .featured{grid-column:auto;min-height:170px;}
#main .venue{min-height:170px;}
#main .copy, #main .featured .copy{width:76%;padding:24px 0 14px 16px;}
#main .copy h3{font-size:21px;}
#main .side{grid-template-columns:1fr;gap:16px;}
#main .vip, #main .details{min-height:174px;}
#main .details{width:78%;padding-left:16px;}
#main .status{min-height:152px;padding:20px 16px;}
#main .stats{min-height:92px;}
#main .stats img{width:38px;height:38px;}
#main .benefits{padding:20px 16px;}
#main .benefits > div{grid-template-columns:1fr;}
#main .benefits span{min-height:58px;padding:8px 4px;}
#main .benefits span + span{border-top:1px solid #454545;border-left:0;}
}
@media (max-width: 640px){
#main .venue .copy{background:linear-gradient(90deg, rgba(21, 21, 21, 0.96), rgba(21, 21, 21, 0.76) 42%, transparent 80%);}
}
@media (max-width: 420px){
#main .copy, #main .featured .copy{width:82%;}
#main .details{width:88%;}
#main .privileges{gap:9px;}
}