:root{--paper:#fffaf0;--ink:#14283c;--red:#df3829;--yellow:#ffcb33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ece8df;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.5}main{max-width:1100px;margin:48px auto;display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 24px}section.invitation,section.response{background:var(--paper);padding:32px;border-radius:20px;position:relative;border-top:8px solid var(--yellow)}section.response{border-color:var(--red);align-self:start;position:sticky;top:24px}h1,h2,.button{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed}h1{font-size:clamp(34px,4.1vw,49px);line-height:1.03;text-align:center;text-transform:uppercase;margin:0 0 24px;letter-spacing:-1.7px}h1 span{color:var(--red);font-size:.88em}h1 b{color:var(--red);font-size:1.65em;line-height:.8}h2{font-size:42px;line-height:1.1;margin:10px 0 12px;text-transform:uppercase;letter-spacing:-1px}h2+p{margin-top:0}.video-wrap{position:relative;border-radius:16px;overflow:hidden;background:var(--ink);aspect-ratio:9/12}video{width:100%;height:100%;display:block;object-fit:cover}.video-wrap button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:72px;width:72px;border-radius:50%;background:white;border:0;color:var(--red);box-shadow:0 4px 25px #0003;cursor:pointer}.video-wrap svg{width:40px;fill:currentColor}.watch{text-align:center;font-size:13px;margin:10px 0;color:#52606c}.details{padding:0 8px}.details p{padding-left:16px;border-left:4px solid var(--yellow);line-height:1.5}.button{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--red);border:2px solid var(--red);color:#fff;width:100%;padding:15px 18px;border-radius:10px;text-decoration:none;text-transform:uppercase;font-size:21px;letter-spacing:.4px;cursor:pointer;min-height:56px;transition:background .2s,transform .2s}.button:hover{background:#c6271a;border-color:#c6271a}.button:active{transform:translateY(1px)}.button:disabled{opacity:.6;cursor:wait}.secondary{background:transparent;color:var(--ink);border-color:var(--ink);margin:12px 0}.secondary:hover{background:#eee9de;border-color:var(--ink)}label{display:block;font-size:15px;font-weight:600;margin:17px 0 0}input,textarea{display:block;width:100%;border:1px solid #9ba2a8;border-radius:8px;padding:12px 13px;font:16px Arial,sans-serif;line-height:1.4;color:var(--ink);background:#fffdf9;margin:6px 0 0;min-height:48px}textarea{resize:vertical}input:focus,textarea:focus{outline:3px solid #ffcb3380;border-color:var(--ink)}:focus-visible{outline:3px solid #1467bb;outline-offset:4px}small{display:block;font-size:12px;font-weight:400;color:#56616c;margin-top:7px}.optional{font-weight:400}.counts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.counts input{text-align:center;font-size:23px;font-weight:600}fieldset{border:0;padding:0;margin:24px 0 0}legend{font-size:15px;font-weight:600}.choices{display:flex;gap:10px}.choices label{flex:1;position:relative;margin-top:8px}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid var(--ink);border-radius:9px;padding:8px;font-weight:700;cursor:pointer}.choices input:checked+span{background:var(--red);color:white;border-color:var(--red)}.choices input:focus-visible+span{outline:3px solid #1467bb;outline-offset:3px}.privacy{text-align:center;font-style:italic;margin:15px 0 0}.signature{text-align:center;font-style:italic;font-size:14px;margin:22px 0 0}#error{font-size:14px;color:#b42318;min-height:12px}.summary p{padding:14px 0;border-top:1px solid #d7d5ce;margin:0}.summary{margin:25px 0}.four{font:bold 150px/1 Impact,Arial,sans-serif;text-align:center;color:var(--yellow);text-shadow:3px 3px 0 var(--ink),-2px -2px 0 var(--ink);transform:rotate(-8deg);margin:18px 0 26px}#success{text-align:center}#confirmation{font-size:14px;color:#52606c}#link-message{font-size:16px;border-left:4px solid var(--yellow);padding:12px 16px;background:#ffcb3315}.trap{position:absolute;left:-9999px}[hidden]{display:none!important}footer{text-align:center;font-size:13px;padding:0 20px 28px;color:#52606c}@media(max-width:720px){main{display:block;margin:16px auto;padding:0 14px;max-width:480px}section.invitation,section.response{padding:24px;border-radius:16px}section.response{position:static;margin-top:24px;scroll-margin-top:16px}h1{font-size:41px}h2{font-size:37px}.video-wrap{aspect-ratio:9/11}.button{font-size:20px}footer{padding-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
h1{font-size:58px}h1 span{font-size:1em}.video-wrap.playing{aspect-ratio:9/16}.video-wrap.playing video{object-fit:contain}.count-control{display:flex;margin-top:6px}.count-control input{border-radius:0;margin:0;min-width:0}.count-control button{width:48px;flex:none;border:1px solid #9ba2a8;background:#eeeae2;color:var(--ink);font:24px Arial;cursor:pointer}.count-control button:first-child{border-radius:8px 0 0 8px;border-right:0}.count-control button:last-child{border-radius:0 8px 8px 0;border-left:0;background:var(--red);color:white}.count-control input::-webkit-inner-spin-button{appearance:none}section.invitation:before,section.response:before{content:'';position:absolute;top:-8px;left:0;border-top:24px solid var(--yellow);border-right:24px solid transparent;border-radius:12px 0 0 0}section.response:before{border-top-color:var(--red)}@media(max-width:720px){h1{font-size:48px}}@media(max-width:360px){h1{font-size:41px}.counts{gap:12px}.count-control button{width:38px}}