@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#f5ead9;background:#230506;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #f5ead9;outline-offset:7px}#atmosphere,.vignette{position:fixed;inset:0;pointer-events:none}#atmosphere{background:radial-gradient(ellipse at 50% 30%,#a7221b 0%,#4e0b0c 43%,#160606 100%)}#atmosphere canvas{width:100%;height:100%}.vignette{background:radial-gradient(ellipse at 50% 40%,transparent 15%,#100204b0 100%);z-index:1}.page{position:relative;z-index:2;max-width:1800px;margin:auto;padding:0 4.1vw}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9c8b62c}.brand{font-family:Georgia,serif;font-size:37px;letter-spacing:-7px;font-weight:bold;display:flex;align-items:center;gap:22px}.brand span{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:2px}.header-location{font-size:12px;letter-spacing:2.4px;color:#e5c5b6}.header-ticket{font-size:14px;display:flex;align-items:center;gap:29px}.header-ticket span{font-size:23px}.eyebrow{padding-top:34px;text-align:center;font-size:12px;letter-spacing:3px;display:flex;align-items:center;justify-content:center;gap:12px;color:#e2bfae}.little-star{font-size:19px}.hero{height:clamp(410px,53vh,650px);position:relative;display:grid;place-items:center}.art{position:absolute;top:50%;left:50%;width:min(690px,70vw);aspect-ratio:1;transform:translate(-50%,-51%);transition:transform .35s ease-out;pointer-events:none}.fallback,#metal,#wordmark{position:absolute;inset:0;width:100%;height:100%}.fallback{object-fit:contain;mix-blend-mode:lighten;opacity:.75}#metal{filter:drop-shadow(0 20px 28px #13000090)}#wordmark{z-index:2;filter:drop-shadow(0 2px 9px #23000066)}.art.ready .fallback{display:none}.side-label{position:absolute;font-size:11px;letter-spacing:2.7px;color:#d7a99e;writing-mode:vertical-rl;top:50%;transform:translateY(-50%)}.left-label{left:0;transform:translateY(-50%) rotate(180deg)}.right-label{right:0}.night-label{position:absolute;bottom:0;font-size:13px;letter-spacing:8px;margin-left:8px}.invitation{max-width:1160px;margin:36px auto 0;border-top:1px solid #e9c8b640;padding:27px 0 37px;display:flex;align-items:center;justify-content:space-between;gap:30px}.event{display:flex;flex-direction:column;gap:9px}.event-date{font-family:Manrope,sans-serif;font-size:42px;font-weight:500;line-height:1.1;letter-spacing:-1.8px}.event-place{font-size:12px;letter-spacing:2.5px;color:#e8beb1}.event-place span{color:#bd7b73;margin:0 8px}.callout{display:flex;align-items:center;gap:54px}.callout p{font-size:16px;line-height:1.6;color:#e0bdb1;margin:0}.callout em{font-family:Georgia,serif;font-size:23px;color:#f5ead9}.main-ticket{width:218px;min-height:66px;background:#f3eadc;color:#2b0c0b;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:13px;font-weight:700;letter-spacing:1.6px;transition:background .2s,transform .2s,box-shadow .2s}.main-ticket:hover{background:#fff9ee;transform:translateY(-3px);box-shadow:0 8px 40px #ffbda31b}.arrow{font-size:29px;font-weight:400;letter-spacing:0}footer{min-height:66px;border-top:1px solid #e9c8b62c;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:10px;letter-spacing:1.8px;color:#c0978e}.footer-divider{padding:0 10px;opacity:.6}#motion{border:0;background:none;color:inherit;cursor:pointer;padding:14px 0;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-height:950px) and (min-width:800px){.hero{height:58vh}.art{width:min(820px,70vw)}}
@media(max-width:700px){.page{padding:0 24px}header{height:78px}.brand{font-size:32px}.brand span{font-size:10px;letter-spacing:1.4px;gap:18px}.header-location{display:none}.header-ticket{font-size:13px;gap:17px}.eyebrow{padding-top:29px;font-size:10px;letter-spacing:1.8px;gap:9px}.hero{height:420px}.art{width:calc(100vw + 14px);max-width:560px;transform:translate(-50%,-53%)}.side-label{font-size:8px;letter-spacing:1.6px}.left-label{left:-9px}.right-label{right:-9px}.night-label{font-size:11px;letter-spacing:5px;bottom:12px}.invitation{margin-top:19px;padding:24px 0 28px;display:block}.event{flex-direction:row;align-items:center;justify-content:space-between}.event-date{font-size:34px}.event-place{font-size:10px;letter-spacing:1.5px}.callout{margin-top:28px;gap:20px;justify-content:space-between}.callout p{font-size:12px}.callout em{font-size:20px}.main-ticket{width:160px;min-height:60px;padding:0 19px;font-size:12px}footer{font-size:9px;gap:8px;flex-wrap:wrap;padding:10px 0}footer>span:nth-child(2){display:none}#motion{font-size:9px}.little-star{font-size:16px}}
.page{overflow-x:clip}
.brand{gap:18px}
.brand .brand-symbol{
position:relative;display:block;width:45px;height:50px;flex:none;
background:#f5ead9 url('assets/bb-header-white.png') -29.5px -26.3px/104px 104px no-repeat;
mask-image:linear-gradient(#fff,#fff),url('assets/bb-header-mask.png');
mask-mode:luminance,luminance;
mask-size:100% 100%,104px 104px;
mask-position:0 0,-29.5px -26.3px;
mask-repeat:no-repeat;
mask-composite:subtract;
}

.art{container-type:inline-size}
.edition{position:absolute;top:59.15%;left:50%;transform:translateX(-50%);font-size:3.5cqw;font-weight:400;letter-spacing:.8cqw;padding-left:.8cqw;color:#f9f0e2;line-height:1.25;z-index:3}
.fallback{clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,42.5% 58.33%,42.5% 63.33%,57.5% 63.33%,57.5% 58.33%,42.5% 58.33%)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

/* Vector icons stay monochrome on iOS and never use emoji fonts. */
.icon{display:block;width:1em;height:1em;flex:none}
.header-ticket .icon-arrow{width:23px;height:23px}
.main-ticket .icon-arrow{width:29px;height:29px}
.little-star{width:19px;height:19px}
.icon-motion{width:12px;height:12px}
@media(max-width:700px){.little-star{width:16px;height:16px}}