:root{--black:#101010;--white:#f4f3ef;--taupe:#b6aa9d;--steel:#7d90a8;--cobalt:#174cff;--citron:#d9ff37;--line:rgba(16,16,16,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);background:var(--white);font:15px/1.55 "DM Sans",sans-serif}button,a{color:inherit;font:inherit}a{text-decoration:none}button{border:0;cursor:pointer}.demo-bar{display:flex;justify-content:space-between;padding:10px 2.5vw;color:#fff;background:#101010;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.site-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 2.5vw;border-bottom:1px solid var(--line);background:rgba(244,243,239,.92);backdrop-filter:blur(15px)}.mark{font-family:"Archivo Black";font-size:21px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.site-header nav button,.hero-copy button{padding:10px 17px;color:#fff;background:var(--black)}.menu-button{display:none;background:none}.hero{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto 1fr auto;min-height:calc(100vh - 90px);border-bottom:1px solid var(--black)}.hero-name{position:relative;z-index:2;display:flex;grid-column:1/-1;justify-content:space-between;padding:2.8vw 2.5vw 0;font:clamp(60px,12vw,180px)/.82 "Archivo Black";letter-spacing:-.09em}.hero-name b{color:var(--cobalt);font-weight:400}.hero-photo{grid-row:2;grid-column:1;margin:2.5vw;background:linear-gradient(130deg,transparent,rgba(23,76,255,.25)),url("https://images.pexels.com/photos/28760484/pexels-photo-28760484.jpeg?auto=compress&cs=tinysrgb&w=1800") center 26%/cover;min-height:480px;filter:grayscale(.7) contrast(1.05)}.hero-meta{display:flex;grid-row:2;grid-column:2;align-self:start;justify-content:space-between;padding:3vw 3vw 0;font:clamp(25px,4vw,60px)/1 "Archivo Black"}.hero-copy{grid-row:2;grid-column:2;align-self:end;padding:3vw;font-size:clamp(20px,2.4vw,38px);letter-spacing:-.04em}.hero-copy>div{display:flex;gap:10px}.hero-copy a,.hero-copy button{padding:14px 18px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-copy a{border:1px solid}.countdown{display:flex;grid-column:1/-1;justify-content:flex-end;gap:1px;background:var(--black)}.countdown span{padding:18px 28px;color:#fff;background:#1d1d1d;text-transform:uppercase;font-size:9px;letter-spacing:.13em}.countdown b{display:block;color:var(--citron);font-size:22px}.section{padding:9vw 5vw}.section>header{display:grid;grid-template-columns:1fr 2fr;gap:4vw;margin-bottom:5vw}.section header p,.venue-copy>p:first-child,.dress>div p,.playlist>p,.booth>p{font-size:10px;font-weight:700;letter-spacing:.14em}.section h2,.venue h2,.dress h2,.play h2{margin:0;font:clamp(45px,7vw,105px)/.9 "Archivo Black";letter-spacing:-.07em;text-transform:uppercase}.contact-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.frame{position:relative;min-height:370px;margin:0;padding:14px;background:#ddd}.frame:nth-child(even){transform:translateY(55px)}.frame:before{position:absolute;inset:0;content:"";background-size:cover;background-position:center;filter:grayscale(1)}.f1:before,.f4:before{background-image:url("https://images.pexels.com/photos/28760484/pexels-photo-28760484.jpeg?auto=compress&cs=tinysrgb&w=900")}.f2:before,.f5:before{background-image:url("https://images.pexels.com/photos/32626510/pexels-photo-32626510.jpeg?auto=compress&cs=tinysrgb&w=900")}.f3:before,.f6:before{background-image:url("https://upload.wikimedia.org/wikipedia/commons/thumb/c/c4/Chicago_Skyline_%28Unsplash%29.jpg/1280px-Chicago_Skyline_%28Unsplash%29.jpg")}.frame span,.frame figcaption{position:absolute;z-index:2;padding:7px 9px;background:var(--citron);font-weight:700}.frame span{top:12px;left:12px}.frame figcaption{right:12px;bottom:12px;max-width:80%;background:var(--white)}.schedule{color:#fff;background:var(--black)}.schedule header{position:relative}.calendar{position:absolute;right:0;bottom:0;border-bottom:1px solid var(--citron);color:var(--citron);font-size:11px;text-transform:uppercase}.timeline article{display:grid;grid-template-columns:1fr 2fr;padding:30px 0;border-top:1px solid #555}.timeline time{color:var(--citron);font:clamp(42px,7vw,100px)/.9 "Archivo Black"}.timeline h3{margin:0;font-size:clamp(28px,4vw,56px);letter-spacing:-.04em}.venue{display:grid;grid-template-columns:1.3fr .7fr;min-height:850px}.venue-image{background:linear-gradient(rgba(23,76,255,.13),rgba(0,0,0,.2)),url("https://upload.wikimedia.org/wikipedia/commons/thumb/c/c4/Chicago_Skyline_%28Unsplash%29.jpg/1920px-Chicago_Skyline_%28Unsplash%29.jpg") center/cover}.venue-copy{display:flex;flex-direction:column;justify-content:center;padding:6vw;background:var(--taupe)}.venue h2{font-size:clamp(46px,6vw,90px)}.venue-copy a{align-self:flex-start;margin-top:30px;border-bottom:2px solid;font-weight:700}.dress{display:grid;grid-template-columns:1fr 1fr;gap:6vw;background:var(--citron)}.dress>p{align-self:end;max-width:540px;font-size:20px}.swatches{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.swatches span{display:flex;align-items:end;min-height:170px;padding:16px;color:#fff;background:#111;font-size:10px}.swatches span:nth-child(2){background:var(--steel)}.swatches span:nth-child(3){background:var(--cobalt)}.swatches span:nth-child(4){color:#111;background:var(--citron);border:1px solid}.cast{overflow:hidden}.cast-track{display:flex;gap:12px;overflow-x:auto;padding-bottom:20px}.cast-track article{flex:0 0 300px;min-height:390px;padding:22px;border:1px solid;display:flex;flex-direction:column;justify-content:end}.cast-track article:nth-child(2n){color:white;background:var(--cobalt)}.cast-track h3{margin:auto 0 0;font:38px/1 "Archivo Black";letter-spacing:-.05em}.city{color:#fff;background:var(--cobalt)}.city-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1px;background:#fff}.skyline-map{position:relative;min-height:600px;overflow:hidden;background:linear-gradient(#aec2d4 0 53%,#1731aa 53%)}.building{position:absolute;bottom:0;width:15%;background:#1a1a1a}.b1{left:4%;height:45%}.b2{left:23%;height:66%}.b3{left:42%;height:53%}.b4{left:61%;height:75%}.b5{left:81%;height:48%}.map-pin{position:absolute;z-index:3;top:var(--y);left:var(--x);display:grid;width:48px;height:48px;place-items:center;border:3px solid #fff;border-radius:50%;color:#111;background:var(--citron);font-weight:800;transform:translate(-50%,-50%)}.map-pin.active{color:#fff;background:var(--cobalt)}.place-card{display:flex;flex-direction:column;justify-content:center;padding:5vw;color:#111;background:var(--white)}.place-card span{font-size:10px;font-weight:700}.place-card h3{margin:20px 0 5px;font:45px/1 "Archivo Black";text-transform:uppercase}.place-card a{align-self:flex-start;margin-top:20px;border-bottom:1px solid}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid}.guide-grid article{min-height:300px;padding:22px;border-right:1px solid}.guide-grid article:last-child{border:0}.guide-grid b{color:var(--cobalt);font-size:10px}.guide-grid h3{margin-top:120px;font-size:28px;line-height:1}.play{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0;background:var(--black)}.playlist,.booth{min-height:700px;padding:6vw}.playlist{color:#fff}.play-button{margin:30px 0;padding:18px 24px;color:#111;background:var(--citron);font-weight:700}.equalizer{display:flex;height:150px;align-items:end;gap:8px}.equalizer i{width:10%;height:20%;background:var(--cobalt)}.playlist.playing .equalizer i{animation:pulse .65s ease-in-out infinite alternate}.playlist.playing .equalizer i:nth-child(2n){animation-delay:.2s}.playlist.playing .equalizer i:nth-child(3n){animation-delay:.4s}@keyframes pulse{to{height:95%}}.playlist small{color:#888}.booth{background:var(--taupe)}.booth-preview{width:min(340px,100%);margin:30px auto;padding:14px;background:#eee;box-shadow:8px 8px 0 #111}.booth-photo{aspect-ratio:1;background:url("https://images.pexels.com/photos/28760484/pexels-photo-28760484.jpeg?auto=compress&cs=tinysrgb&w=900") center/cover;filter:grayscale(1)}.booth-preview span{display:block;padding:12px 0 3px;font-weight:700}.booth-preview.cobalt{background:var(--cobalt);color:white}.booth-preview.mono{border:12px solid #111;box-shadow:none}.frame-controls{display:flex;justify-content:center;gap:8px}.frame-controls button{padding:10px;background:transparent;border:1px solid}.faq-list{max-width:900px;margin-left:auto}.faq details{border-top:1px solid}.faq summary{padding:25px 0;font:25px "Archivo Black";cursor:pointer}.faq details p{max-width:650px;padding-bottom:20px}footer{display:flex;justify-content:space-between;padding:35px 3vw;color:white;background:var(--black);font-size:11px;font-weight:700}footer button{color:var(--citron);background:none}.rsvp-dialog{width:min(640px,92vw);padding:50px;border:0;color:white;background:var(--cobalt)}.rsvp-dialog::backdrop{background:rgba(0,0,0,.75)}.dialog-close{position:absolute;top:15px;right:20px;color:white;background:none;font-size:28px}.rsvp-dialog form{display:grid;gap:18px}.rsvp-dialog h2{font:55px/.9 "Archivo Black";text-transform:uppercase}.rsvp-dialog label{display:grid;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase}.rsvp-dialog input,.rsvp-dialog select,.rsvp-dialog textarea{padding:12px;border:1px solid white;color:white;background:transparent}.rsvp-dialog .submit{padding:15px;background:var(--citron);font-weight:800}.rsvp-dialog output{font-weight:700}
@media(max-width:800px){.site-header nav{position:fixed;inset:99px 0 auto;display:none;flex-direction:column;padding:35px;background:var(--white)}.site-header.open nav{display:flex}.menu-button{display:block}.hero{display:block;min-height:0}.hero-name{font-size:18vw}.hero-photo{min-height:70vh;margin:20px}.hero-meta{padding:20px}.hero-copy{padding:20px}.countdown{display:grid;grid-template-columns:repeat(3,1fr)}.countdown span{padding:12px}.section{padding:90px 20px}.section>header{display:block}.contact-sheet{grid-template-columns:1fr 1fr}.frame{min-height:260px}.frame:nth-child(even){transform:none}.venue{grid-template-columns:1fr;min-height:0}.venue-image{min-height:65vh}.venue-copy{padding:70px 22px}.dress,.city-grid,.play{grid-template-columns:1fr}.swatches{grid-template-columns:1fr 1fr}.swatches span{min-height:110px}.guide-grid{grid-template-columns:1fr 1fr}.guide-grid article{min-height:230px}.skyline-map{min-height:450px}.playlist,.booth{min-height:0;padding:80px 22px}.calendar{position:static;display:inline-block;margin-top:20px}footer{gap:20px;flex-direction:column}.rsvp-dialog{padding:40px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.playlist.playing .equalizer i{animation:none}}