:root{color-scheme:dark;--bg:#050505;--fg:#f7f7f5;--line:#333;--muted:#aaa;--mono:'DM Mono',monospace;--display:'Syne',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--display)}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid white;outline-offset:5px}header{min-height:82px;border-bottom:1px solid var(--line);padding:16px 3.2vw;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{font-weight:800;font-size:25px;display:flex;align-items:center;gap:12px}.logo img{width:42px;height:42px;object-fit:cover;filter:grayscale(1) contrast(1.55)}sup{font:9px var(--mono);align-self:flex-start}nav{display:flex;gap:30px;font:11px var(--mono)}nav a{padding:12px 0}nav a[aria-current]{border-bottom:1px solid white}#menu{display:none}main{max-width:1600px;margin:auto;padding:70px 5vw 100px;min-height:80vh}.eyebrow,.badge,.fine,.list-heading,.meta,.back,.mini-types,.quantity,.total,footer,small,.notice{font-family:var(--mono)}.eyebrow{font-size:11px;letter-spacing:.08em;margin:0 0 30px}.intro{margin-bottom:58px}h1{font-size:clamp(48px,9.5vw,146px);line-height:.9;letter-spacing:-.075em;margin:0 0 28px;font-weight:800;overflow-wrap:anywhere}h1 em{font-style:normal;color:#999}h2{font-size:clamp(25px,3.4vw,48px);letter-spacing:-.05em;line-height:1.04;margin:24px 0}p{line-height:1.7}.muted{color:var(--muted);font:13px/1.8 var(--mono);max-width:550px}.list-heading{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.event-card{border:1px solid var(--line);display:grid;grid-template-columns:1.15fr 1fr}.art,.detail-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 35% 30%,#414141 0%,#161616 40%,#050505 72%);min-height:550px}.orb{position:absolute;width:390px;height:390px;border:1px solid #aaa;border-radius:50%;top:18%;left:16%;box-shadow:0 0 70px #ffffff16,inset 0 0 60px #ffffff16;transform:rotate(-25deg) scaleX(.75)}.orb:before,.orb:after{content:'';position:absolute;inset:35px -45px;border:1px solid #777;border-radius:50%;transform:rotate(65deg)}.orb:after{transform:rotate(-35deg);inset:65px -55px}.art strong{position:absolute;left:7%;bottom:16%;font-size:clamp(60px,7.7vw,112px);font-weight:800;line-height:.82;letter-spacing:-.08em}.art strong span{font-size:70px;margin-left:30px}.art-top,.art-bottom{position:absolute;left:7%;font:10px var(--mono);letter-spacing:.08em}.art-top{top:32px}.art-bottom{bottom:30px}.art:hover .orb{filter:brightness(1.5)}.event-copy{padding:38px}.badge{display:inline-block;border:1px solid #555;padding:8px 10px;font-size:9px;letter-spacing:.05em}.meta{display:flex;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;font-size:11px;line-height:1.8}.meta small{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}.event-copy .meta{flex-wrap:wrap;gap:20px}.mini-types{font-size:11px;line-height:2.3;margin:22px 0}.mini-types span,.mini-types s{float:right}.mini-types s{color:#888}.button{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--fg);color:#050505;border:1px solid var(--fg);padding:20px 22px;font:12px var(--mono);cursor:pointer;gap:25px;min-height:55px}.button:hover{background:#ccc}.button:disabled{background:#171717;color:#888;border-color:#333;cursor:not-allowed}.fine{font-size:10px;color:#aaa;line-height:1.8}.bottom-note{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding:70px 0 40px}.bottom-note h2{margin:0}.back{font-size:10px;display:inline-block;margin-bottom:40px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding-top:45px}.detail-art{min-height:390px;margin-bottom:45px}.detail-art span{position:absolute;bottom:30px;left:30px;font-size:65px;line-height:.9;font-weight:800;letter-spacing:-.08em}.purchase{align-self:start;border:1px solid var(--line);padding:30px}.purchase h2{font-size:30px}.notice{font-size:10px;color:#ccc;border-left:2px solid #aaa;padding-left:12px;margin:25px 0}fieldset{padding:0;margin:0;border:0}.tier{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:24px 0;cursor:pointer}.tier:has(input:checked){background:#181818;margin:0 -12px;padding-left:12px;padding-right:12px}.tier input{accent-color:white;width:17px;height:17px;flex-shrink:0}.tier span{flex:1}.tier strong{font-size:19px}.tier small{display:block;font-size:9px;color:#aaa;line-height:1.6;margin-top:7px}.tier b{font:15px var(--mono)}.sold{opacity:.5;cursor:not-allowed}.quantity,.total{display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-size:11px}.quantity select{background:#141414;border:1px solid #555;padding:10px 15px;color:white}.total{border-top:1px solid var(--line)}.total strong{font-size:23px}details{border-top:1px solid var(--line);padding:20px 0;font:12px/1.8 var(--mono)}summary{cursor:pointer}.flyer{width:100%;margin-top:20px}.checkout-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.panel{border:1px solid var(--line);padding:35px}.panel>h2:first-child{margin-top:0}.panel .button{margin-top:35px}.empty{border:1px solid var(--line);padding:60px;text-align:center}.empty .muted{margin:20px auto}.empty .button{max-width:330px;margin:30px auto 0}.big-symbol{font-size:70px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:35px;border:1px solid var(--line)}.stats>div{padding:30px}.stats small{display:block;color:#aaa;font-size:10px}.stats strong{display:block;font-size:64px;margin-top:20px}.config{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.config p{border-bottom:1px solid var(--line);padding-bottom:15px;font:11px var(--mono);display:flex;justify-content:space-between;gap:15px}.config b{font-weight:400;color:#aaa}footer{border-top:1px solid var(--line);padding:30px 3.2vw;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#aaa}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{display:block;padding:20px}@media(min-width:1500px){.art strong{font-size:112px}}@media(max-width:800px){header{flex-wrap:wrap;padding:15px 5vw}.logo{font-size:21px}#menu{display:block;border:0;background:none;color:white;font:11px var(--mono);padding:12px}nav{display:none;width:100%;flex-wrap:wrap;gap:20px}nav.open{display:flex}main{padding:45px 5vw 65px}.intro{margin-bottom:35px}.event-card,.detail-grid,.checkout-grid{grid-template-columns:1fr}.art{min-height:440px}.art strong{font-size:86px}.event-copy,.purchase,.panel{padding:24px}.list-heading span:last-child{display:none}.bottom-note{display:block;padding:40px 0}.bottom-note .muted{margin-top:25px}.meta{gap:22px;flex-wrap:wrap}.detail-grid{gap:35px}.detail-art{min-height:320px}.orb{width:290px;height:290px}.empty{padding:35px 20px}.stats>div{padding:18px 12px}.stats strong{font-size:40px}.config{grid-template-columns:1fr}footer{flex-wrap:wrap;font-size:9px}h1{font-size:clamp(42px,12vw,90px)}}
/* Fit the wide Syne lettering inside the event artwork at every breakpoint. */
.art strong{font-size:clamp(48px,5.4vw,78px)}.art strong span{font-size:.7em;margin-left:16px}@media(max-width:800px){.art strong{font-size:clamp(39px,10.5vw,76px)}}
