@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Italiana&family=Montserrat:wght@300;400;500;600&family=Parisienne&display=swap";:root{color:#f7edd9;font-synthesis:none;text-rendering:optimizelegibility;--bg:#070402;--bg-soft:#0c0704;--cream:#f7edd9;--cream-soft:#eee3cf;--muted:#cbbda5;--gold:#cfa54e;--gold-light:#f0d79d;--gold-dark:#76511b;--red:#4a0706;background:#070402;font-family:Montserrat,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button{font:inherit}strong{color:var(--cream);font-weight:500}.invite-page{background:var(--bg);min-height:100vh;position:relative;overflow-x:hidden}.invite-page:after{content:"";z-index:100;pointer-events:none;opacity:.06;background-image:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px);position:fixed;inset:0}.hero{z-index:10;background-image:url(/cocktailawardshero.png);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:100svh;padding:clamp(65px,8vh,95px) clamp(24px,5vw,80px);display:flex;position:relative;overflow:hidden}.hero-shade{background:linear-gradient(90deg, #050201f0 0%, #050201d1 28%, #05020187 50%, #05020114 78%), linear-gradient(180deg, #0000000d 0%, #00000005 70%, #070402eb 96%, var(--bg) 100%);position:absolute;inset:0}.hero-fade{background:linear-gradient(180deg, transparent, var(--bg));pointer-events:none;height:170px;position:absolute;bottom:-1px;left:0;right:0}.hero-inner{z-index:2;text-align:center;width:min(680px,58vw);position:relative}.script-line{color:#fff9ed;text-shadow:0 3px 20px #000c;margin:0 0 7px;font-family:Parisienne,cursive;font-size:clamp(2rem,4vw,3.7rem);transform:rotate(-2deg)}.award-title{letter-spacing:-.04em;color:#fffaf0;text-shadow:0 8px 32px #000000b3,0 1px #ffffff1f;margin:0;font-family:Italiana,serif;font-size:clamp(4.5rem,10vw,9rem);font-weight:400;line-height:.79}.award-title span{display:block}.award-year{letter-spacing:.08em;color:#0000;-webkit-text-stroke:1px #f1d79c;filter:drop-shadow(0 4px 15px #000000a6);margin:29px 0 0;font-family:Italiana,serif;font-size:clamp(3rem,6vw,5rem)}.edition{letter-spacing:.12em;color:#fff3d9;text-shadow:0 3px 18px #000000e6;margin:0;font-family:Italiana,serif;font-size:clamp(1.35rem,3vw,2rem)}.event-details{margin-top:38px}.event-details p{color:#ead9b8;letter-spacing:.17em;text-shadow:0 2px 12px #000;margin:6px 0;font-size:.73rem}.invitee{flex-direction:column;gap:7px;margin-top:42px;display:flex}.invitee span{color:#b5a07a;letter-spacing:.3em;font-size:.55rem}.invitee strong{color:var(--gold-light);text-shadow:0 3px 16px #000;font-family:Italiana,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:400}.rule{justify-content:center;align-items:center;gap:13px;width:min(430px,82%);margin:25px auto;display:flex}.rule span{background:linear-gradient(90deg,#0000,#d3a84dd9,#0000);width:100%;height:1px}.rule b{color:var(--gold);font-size:.52rem}.content-stage{z-index:1;isolation:isolate;min-height:100vh;position:relative}.stage-background{z-index:-1;pointer-events:none;background:radial-gradient(at 55% 20%,#93591826,#0000 36rem),radial-gradient(at 25% 78%,#57080629,#0000 40rem),linear-gradient(135deg,#090503,#050302 54%,#0d0403);position:fixed;inset:0;overflow:hidden}.stage-background:after{content:"";background:linear-gradient(90deg,#050302a8,#05030238 50%,#0503029e),radial-gradient(#0000 0%,#0201017a 75%);position:absolute;inset:0}.stage-glow{filter:blur(110px);opacity:.17;border-radius:999px;position:absolute}.stage-glow-one{background:#a96c21;width:440px;height:440px;top:8vh;right:8vw}.stage-glow-two{background:#6f0706;width:500px;height:500px;bottom:-100px;left:-180px}.stage-reel{opacity:.13;filter:drop-shadow(0 25px 45px #000000bf);width:clamp(310px,31vw,520px);position:absolute;top:8vh;right:-120px;transform:rotate(13deg)}.stage-glass{opacity:.12;filter:drop-shadow(0 25px 45px #000000b3);width:clamp(190px,19vw,310px);position:absolute;bottom:5vh;left:-55px;transform:rotate(-4deg)}.stage-film{opacity:.065;filter:drop-shadow(0 25px 45px #00000080);width:clamp(620px,70vw,1100px);position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)rotate(-13deg)}.section{z-index:1;text-align:center;width:min(820px,100% - 40px);margin:0 auto;padding:clamp(95px,13vh,150px) 0;position:relative}.section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#040201bd 0%,#05030280 45%,#0000 73%);width:min(980px,110vw);height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eyebrow{color:#d9b978;letter-spacing:.29em;margin:0 0 15px;font-size:.64rem;font-weight:600}.section h2{color:#fbf2df;text-shadow:0 5px 24px #000000b8;max-width:760px;margin:0 auto 31px;font-family:Cormorant Garamond,serif;font-size:clamp(2.8rem,7vw,4.9rem);font-weight:600;line-height:1.03}.section p{max-width:620px;color:var(--cream-soft);text-shadow:0 2px 9px #000000b3;margin:18px auto;font-size:1rem;font-weight:400;line-height:1.8}.opening{padding-top:120px}.opening-lead,.theme-lead{font-family:Cormorant Garamond,serif;font-weight:600;color:#f0dfbd!important;font-size:clamp(1.45rem,3.8vw,2rem)!important;line-height:1.5!important}.legacy-line{font-family:Cormorant Garamond,serif;font-weight:600;color:var(--gold-light)!important;margin-top:37px!important;font-size:1.23rem!important}.criteria{letter-spacing:.14em;color:#efd49b;text-shadow:0 2px 10px #000;flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;margin:46px 0;font-family:Cormorant Garamond,serif;font-size:clamp(1.08rem,2.5vw,1.28rem);font-weight:600;display:flex}.criteria i{color:#8a672d;font-style:normal}.secret-copy{text-shadow:0 2px 12px #000000d9;font-family:Cormorant Garamond,serif;font-weight:600;color:#f0d8a3!important;margin-top:48px!important;font-size:1.14rem!important;line-height:1.55!important}.practical-layout{text-align:left;grid-template-columns:.82fr 1.18fr;align-items:start;gap:62px;display:grid}.practical-heading h2{text-align:left;margin-bottom:0}.practical-list{border-top:1px solid #dcb45c45}.practical-list>div{border-bottom:1px solid #dcb45c33;grid-template-columns:48px 1fr;align-items:baseline;gap:18px;padding:24px 0;display:grid}.practical-list span{color:#ddb866;font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:600}.practical-list p{color:var(--cream-soft);text-align:left;margin:0;font-size:.92rem;line-height:1.72}.rsvp-deadline{color:#efe4cf!important}.genre-footnote{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0402016e;border:1px solid #d5a94d29;max-width:610px;margin:35px auto 0;padding:19px 23px}.genre-footnote span{color:#c5a05f;letter-spacing:.25em;margin-bottom:10px;font-size:.54rem;font-weight:600;display:block}.genre-footnote p{text-shadow:none;margin:0;color:#d8ccb7!important;font-size:.82rem!important;line-height:1.72!important}.button-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:35px;display:flex}.primary-button,.secondary-button,.reveal-button{cursor:pointer;border:1px solid var(--gold-dark);letter-spacing:.15em;min-height:58px;padding:0 29px;font-size:.67rem;font-weight:600;transition:transform .17s,border-color .17s,box-shadow .17s,filter .17s}.primary-button{color:#160d04;background:linear-gradient(110deg,#96702e,#ebcc85 50%,#a07833)}.secondary-button{color:#dfc07d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04020180}.primary-button:hover,.secondary-button:hover,.reveal-button:hover:not(:disabled){border-color:var(--gold-light);filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 34px #ad7a2824}.primary-button.selected,.secondary-button.selected{outline:2px solid #e1bd6d29}.confirmation{text-shadow:0 2px 9px #000000a6;border-top:1px solid #deb86359;border-bottom:1px solid #deb86359;justify-content:center;align-items:center;gap:12px;max-width:650px;padding:14px 22px;font-family:Montserrat,sans-serif;display:inline-flex;color:#f4ead5!important;margin-top:38px!important;font-size:.9rem!important;line-height:1.55!important}.confirmation strong{color:#f4ead5;font-weight:400}.confirmation span{color:#d7b46b;flex:none;font-size:.62rem}.assignment{padding-bottom:150px}.assignment-inner{z-index:2;position:relative}.assignment-inner>p{max-width:520px}.envelope{aspect-ratio:1.55;perspective:1000px;filter:drop-shadow(0 25px 42px #000000a6);width:min(310px,78vw);margin:54px auto 44px;position:relative}.envelope-body{z-index:3;clip-path:polygon(0 42%,50% 80%,100% 42%,100% 100%,0 100%);background:linear-gradient(135deg,#8e6424,#d6b164 52%,#835b20);border:1px solid #9b702b;position:absolute;inset:0}.envelope-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 62%);transform-origin:top;background:linear-gradient(145deg,#c3994d,#e5c47c 52%,#906626);transition:transform .85s;position:absolute;inset:0}.envelope-card{z-index:1;color:#382713;background:#eadbb9;border:1px solid #9e7b3c;flex-direction:column;justify-content:center;align-items:center;transition:transform .9s .25s;display:flex;position:absolute;inset:15% 8% 9%}.envelope-card small{letter-spacing:.18em;font-size:.48rem}.envelope-card strong{color:#382713;margin-top:6px;font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:400}.seal{z-index:5;color:#dfbd78;background:radial-gradient(circle at 35% 30%,#b94035,#67100c 72%);border-radius:50%;place-items:center;width:50px;height:50px;font-family:Cormorant Garamond,serif;font-weight:700;transition:opacity .3s,transform .5s;display:grid;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 16px #00000080}.envelope.opening .envelope-flap{transform:rotateX(175deg)}.envelope.opening .envelope-card{transform:translateY(-46%)}.envelope.opening .seal{opacity:0;transform:translate(-50%,-50%)scale(.65)}.reveal-button{color:#150d04;background:linear-gradient(110deg,#9a702c,#efd38e 50%,#9a702c);min-width:235px}.reveal-button:disabled{cursor:wait;opacity:.65}.genre-reveal{z-index:2;padding:60px 0 30px;animation:1.3s both revealGenre;position:relative}.genre-reveal:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#c28e3226,#0000 64%);width:700px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.genre-name{text-transform:uppercase;text-shadow:0 0 35px #d0a14226,0 18px 60px #00000080;color:#f2d38b!important;margin:37px auto!important;font-size:clamp(4.4rem,12vw,8.5rem)!important;line-height:.9!important}.genre-copy{font-family:Cormorant Garamond,serif;font-weight:600;color:#f3e8d0!important;margin-top:40px!important;font-size:1.45rem!important}.genre-copy.muted{color:#bbaa90!important;margin-top:-6px!important;font-size:1.05rem!important}.keep-secret{letter-spacing:.35em;font-weight:600;color:var(--gold-light)!important;margin-top:50px!important;font-size:.68rem!important}.see-you{letter-spacing:.08em;font-family:Cormorant Garamond,serif;font-weight:600;color:#ddc698!important;margin-top:62px!important;font-size:clamp(1.4rem,4vw,2rem)!important}footer{flex-direction:column;justify-content:flex-end;align-items:center;min-height:330px;padding:70px 20px 78px;display:flex;position:relative;overflow:hidden}footer:before{content:"";background:radial-gradient(#b0792121,#0000 68%);width:470px;height:350px;position:absolute;bottom:-170px;left:50%;transform:translate(-50%)}.footer-mark{opacity:.24;position:absolute;bottom:-145px;left:50%;transform:translate(-50%)}.footer-mark img{width:210px}.footer-copy{z-index:2;color:#a98d60;align-items:center;gap:14px;display:flex;position:relative}.footer-copy span{letter-spacing:.2em;font-size:.55rem}.footer-copy b{color:#9b793e;font-size:.45rem}.status-page{text-align:center;min-height:100svh;color:var(--gold);background:radial-gradient(ellipse at center, #98621c1f, transparent 50%), var(--bg);place-content:center;padding:24px;display:grid}.status-page h1{font-family:Cormorant Garamond,serif;font-weight:600}.status-kicker{letter-spacing:.28em;font-size:.6rem}.status-code{margin:0;font-family:Cormorant Garamond,serif;font-size:4rem;font-weight:600}@keyframes revealGenre{0%{opacity:0;filter:blur(10px);transform:scale(.95)}to{opacity:1;filter:blur();transform:scale(1)}}@media (width<=900px){.hero{background-position:65%}.hero-shade{background:linear-gradient(90deg, #050201e6 0%, #050201ba 52%, #05020159 100%), linear-gradient(180deg, transparent, transparent 68%, var(--bg))}.hero-inner{width:min(650px,73vw)}.stage-reel{opacity:.09;right:-180px}.stage-glass{opacity:.09;left:-95px}}@media (width<=700px){.hero{background-position:68%;align-items:flex-end;min-height:100svh;padding:100px 18px 92px}.hero-shade{background:linear-gradient(180deg, #0402011f 0%, #0402013d 25%, #040201c7 62%, var(--bg) 100%)}.hero-inner{width:100%}.section{width:min(100% - 30px,820px);padding:82px 0}.section:before{width:140vw;height:115%}.opening{padding-top:95px}.stage-reel{opacity:.08;width:300px;top:12vh;right:-180px}.stage-glass{opacity:.075;width:190px;bottom:7vh;left:-105px}.stage-film{opacity:.045;width:700px}.practical-layout{text-align:center;grid-template-columns:1fr;gap:38px}.practical-heading h2{text-align:center}.practical-list p{text-align:left}.button-row{flex-direction:column}.primary-button,.secondary-button{width:100%}.confirmation{width:100%;display:flex}}@media (width<=430px){.script-line{font-size:2rem}.award-title{font-size:clamp(3.8rem,20vw,5.3rem)}.award-year{margin-top:25px}.event-details p{letter-spacing:.13em;font-size:.59rem}.invitee{margin-top:35px}.criteria{gap:8px 12px;font-size:.83rem}.criteria i{display:none}.criteria span{width:44%}.practical-list>div{grid-template-columns:37px 1fr}.genre-footnote{padding:17px 16px}.confirmation{gap:8px;padding:13px 10px;font-size:.82rem!important}.confirmation span{font-size:.5rem}}
