.offer{position:relative;isolation:isolate;background:#dcff30;color:#191919;overflow:clip}
.offer-scene{position:relative;container-type:inline-size;width:100%;max-width:2040px;margin:auto;height:max(880px,100svh,58vw);max-height:1240px}
.offer-title{position:absolute;left:17%;top:2.5%;margin:0;font:1000 10.8cqw/.78 var(--display);letter-spacing:-.085em;z-index:1;transform:rotate(-2deg)}
.offer-title>span{display:block;transform-origin:left center}.offer-title>span:nth-child(2){color:#f45340;margin-left:8%}.offer-title>span:nth-child(3){margin-left:-12%}
.offer-title-marker{position:absolute;left:10%;top:40%;width:22%;height:5%;z-index:2;color:#f45340;overflow:visible;transform:rotate(-5deg)}
.ticket-anchor{position:absolute;left:29%;top:39%;width:56%;aspect-ratio:2.3;z-index:3;perspective:1000px}
.ticket-hover{height:100%;transform:translateY(var(--ticket-y,0px)) rotateX(var(--ticket-rx,0deg)) rotateY(var(--ticket-ry,0deg));transition:transform .35s cubic-bezier(.2,.7,.25,1);transform-style:preserve-3d}
.ticket-body{position:relative;container-type:inline-size;width:100%;height:100%;transform:rotate(-4deg);transform-style:preserve-3d}
.ticket-half{position:absolute;top:0;height:100%;transform-origin:center;filter:drop-shadow(2px 5px 0 #8c785b)}
.ticket-half--one{left:0;width:80%}.ticket-half--two{left:80%;width:20%;transform-origin:left center}
.ticket-surface{position:absolute;inset:0;background:#ead9bb;clip-path:polygon(1% 3%,5% 0,13% 1%,18% 0,26% 1.5%,34% .5%,42% 2%,51% 0,62% 1%,75% 0,85% 1%,95% 0,100% 2%,100% 99%,91% 98%,82% 100%,73% 99%,60% 100%,47% 98.7%,36% 100%,25% 99%,13% 100%,4% 98%,0 96%,.8% 87%,0 80%,1% 71%,0 65%,1% 56%,0 49%,1% 38%,0 32%,1.3% 22%,.3% 13%)}
.ticket-half--one .ticket-surface{mask:radial-gradient(circle at 100% 50%,transparent 0 4.5px,#000 5px) 0 0/100% 11.111% repeat-y}
.ticket-half--two .ticket-surface{clip-path:polygon(0 2%,22% 0,40% 2%,55% 0,69% 2%,81% 1%,93% 5%,100% 12%,95% 19%,100% 27%,96% 37%,100% 47%,95% 58%,100% 68%,96% 79%,100% 88%,92% 99%,78% 100%,65% 98%,52% 100%,32% 98%,18% 100%,0 99%);mask:radial-gradient(circle at 0 50%,transparent 0 4.5px,#000 5px) 0 0/100% 11.111% repeat-y}
.ticket-surface:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23g)' opacity='.35' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.28}
.ticket-local-shadow{position:absolute;inset:8% -1% -6% 3%;background:#19191933;filter:blur(7px);opacity:0}
.ticket-unified-shadow{position:absolute;left:3%;right:0;bottom:-6%;height:50%;background:#19191940;filter:blur(10px);border-radius:35%}
.ticket-pass{display:none;position:absolute;inset:10%;text-align:center;z-index:2;font:800 clamp(12px,3cqw,30px)/1 var(--display)}
.ticket-pass>span,.ticket-pass>strong{display:block}.ticket-pass>strong{font-size:14cqw;letter-spacing:-.07em}
.ticket-pass svg,.ticket-pass img{display:block;width:20%;height:46%;object-fit:contain;margin:4% auto 0}
.ticket-half--two .ticket-pass{color:#f1ede3}.ticket-half--two .ticket-pass img{width:27%;height:45%;filter:grayscale(1)}
.ticket-barcode{position:absolute;left:27%;right:18%;top:12%;bottom:9%;background:repeating-linear-gradient(to bottom,#191919 0 2px,transparent 2px 4px,#191919 4px 5px,transparent 5px 8px,#191919 8px 11px,transparent 11px 13px);transform:rotate(7deg);opacity:.9}
.ticket-final-art{position:absolute;left:0;top:0;width:80%;height:100%;overflow:hidden;padding:4% 5%;pointer-events:none}
.ticket-heading{display:flex;justify-content:space-between;align-items:center;font:italic 1000 3cqw/1 var(--display);border-top:1px solid #9e8e77;border-bottom:1px solid #9e8e77;padding:2% 0;letter-spacing:-.04em}
.ticket-invitation{position:relative;margin-top:5%;font:italic 1000 6cqw/.9 var(--display);letter-spacing:-.065em;white-space:nowrap;z-index:2}
.ticket-motto{position:relative;display:inline-block;margin-top:3%;font:italic 3.7cqw/1.1 Georgia,serif;white-space:nowrap;z-index:2}
.ticket-motto>svg{position:absolute;inset:-30% -5%;width:110%;height:160%;color:#f45340;overflow:visible}
.ticket-building{position:absolute;left:3%;bottom:-5%;width:62%;height:45%;object-fit:cover;object-position:center 68%;filter:grayscale(1) contrast(1.5);mix-blend-mode:multiply;opacity:.9;transform:rotate(1deg)}
.ticket-players{position:absolute;right:8%;bottom:19%;width:13%;height:auto}
.ticket-stamp{position:absolute;right:4%;bottom:6%;padding:1.2% 2%;border:3px solid currentColor;border-radius:4px;color:#f45340;font:1000 4cqw/.95 var(--display);letter-spacing:-.06em;transform:rotate(-8deg);filter:url(#print-wear);white-space:nowrap}
.ticket-perforation{position:absolute;left:calc(80% - 10px);top:0;height:100%;width:20px;pointer-events:none}
.ticket-rays{position:absolute;right:-6%;top:-25%;width:17%;height:auto;color:#f45340;overflow:visible}
.offer-commerce{position:absolute;left:6%;right:6%;bottom:5%;display:grid;grid-template-columns:34% 39% 27%;align-items:center;border-top:1px solid #19191980;padding-top:2.5%}
.offer-price strong{display:block;font:1000 8.2cqw/.95 var(--display);letter-spacing:-.085em;white-space:nowrap}
.offer-price strong>span{font-size:.47em;letter-spacing:-.09em;margin-left:.1em}.offer-price p{margin:8px 0 0;font:700 clamp(12px,1cqw,19px)/1.2 var(--mono)}
.preorder-button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:80px;padding:5% 7%;margin:0 6% 0 0;border:2px solid #191919;border-radius:13px;background:#191919;color:#dcff30;box-shadow:0 6px 0 #19191925;font:1000 1.75cqw/1.05 var(--display);letter-spacing:-.045em;text-align:left;transition:transform .18s,box-shadow .18s}
.preorder-button>span+span{font:2.8cqw/1 Arial;transition:transform .18s}
.preorder-button:hover{transform:translateY(-4px);box-shadow:0 10px 0 #19191920}.preorder-button:hover>span+span{transform:translate(4px,-4px)}
.preorder-button:active{transform:translateY(2px) scale(.985);box-shadow:0 2px 0 #19191925}.preorder-button:focus-visible{outline:3px solid #f45340;outline-offset:5px}
.offer-description{border-left:1px solid #19191977;padding-left:8%;font-size:1.25cqw;line-height:1.25}
.offer-description p{margin:0}.offer-description .offer-terms{margin-top:10px;font-size:clamp(12px,1cqw,18px)}
.offer[data-phase="interactive"] .ticket-anchor:hover .ticket-half--two{transform:rotateY(-3deg)}
.preorder-dialog{max-width:530px;width:calc(100% - 36px);border:2px solid #191919;padding:38px;background:#f1ede3;color:#191919;box-shadow:8px 10px 0 #19191940;overflow:visible}
.preorder-dialog::backdrop{background:#141c19aa}.preorder-dialog-close{position:absolute;right:9px;top:8px;width:44px;height:44px;border:0;background:transparent;font:32px/1 Arial}
.preorder-dialog-price{margin:15px 0 20px;font:700 14px var(--mono)}
.preorder-dialog h2{margin:0;font:1000 clamp(33px,5vw,55px)/.9 var(--display);letter-spacing:-.07em}
.preorder-dialog #preorder-dialog-copy{font-size:18px;line-height:1.4;margin:25px 0}
.preorder-dialog-back{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:55px;border:0;background:#191919;color:#dcff30;padding:14px 18px;font-weight:800}
@media(min-width:768px) and (max-width:1100px){
  .offer-scene{height:1050px}.offer-title{font-size:13cqw;left:16%;top:5%}.ticket-anchor{left:16%;width:74%;top:40%}.offer-title-marker{left:5%;top:36%;width:26%}
  .offer-commerce{left:7%;right:7%;bottom:6%;grid-template-columns:40% 60%;row-gap:26px}.offer-price strong{font-size:11cqw}.preorder-button{font-size:2.1cqw;min-height:78px;margin:0}.preorder-button>span+span{font-size:3.7cqw}.offer-description{grid-column:1/-1;border:0;border-top:1px solid #19191955;padding:20px 0 0;display:flex;gap:5%;font-size:17px}.offer-description p{width:60%}.offer-description .offer-terms{width:35%;font-size:15px;margin:0}
}
@media(max-width:767px){
  .offer-scene{height:auto;max-height:none;padding:13% 7% 15%;min-height:100svh}
  .offer-title{position:relative;left:auto;top:auto;font-size:22cqw;line-height:.81;transform:rotate(-3deg);width:100%;margin:0 0 0 4%}.offer-title>span:nth-child(2){margin-left:4%}.offer-title>span:nth-child(3){margin-left:-5%;font-size:20.2cqw}
  .offer-title-marker{left:8%;top:30%;width:32%;height:25px}
  .ticket-anchor{position:relative;left:auto;top:auto;width:103%;margin:40px -1% 35px;aspect-ratio:2.15}
  .ticket-body{transform:rotate(-4deg)}.ticket-invitation{font-size:6.1cqw}.ticket-heading{font-size:clamp(10px,3cqw,19px)}.ticket-motto{font-size:clamp(12px,3.7cqw,22px)}.ticket-stamp{border-width:2px;font-size:4cqw}
  .ticket-half--one .ticket-surface{mask:radial-gradient(circle at 100% 50%,transparent 0 2.5px,#000 3px) 0 0/100% 11.111% repeat-y}.ticket-half--two .ticket-surface{mask:radial-gradient(circle at 0 50%,transparent 0 2.5px,#000 3px) 0 0/100% 11.111% repeat-y}
  .ticket-perforation{width:11px;left:calc(80% - 5.5px)}.ticket-rays{width:15%;right:-1%;top:-25%}.ticket-barcode{background-size:auto 100%}
  .offer-commerce{position:relative;left:auto;right:auto;bottom:auto;display:block;padding-top:25px}
  .offer-price strong{font-size:25cqw}.offer-price p{font-size:13px;margin-top:5px}
  .preorder-button{width:100%;margin:24px 0 0;min-height:66px;padding:16px 18px;font-size:clamp(15px,4.7cqw,25px);border-radius:9px;gap:7px}.preorder-button>span+span{font-size:30px}
  .offer-description{border:0;padding:0;margin-top:27px;font-size:16px;line-height:1.4}.offer-description .offer-terms{font-size:14px;margin-top:12px}
  .preorder-dialog{padding:28px 24px}.preorder-dialog #preorder-dialog-copy{font-size:17px}
  .ticket-hover{transform:none!important}.offer[data-phase="interactive"] .ticket-anchor:hover .ticket-half--two{transform:none}
}
@media(prefers-reduced-motion:reduce){.ticket-hover,.preorder-button,.preorder-button>span+span{transition:none}.ticket-hover{transform:none!important}}