@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#243548;--paper:#fffdf9;--orange:#b84b28;--blue:#e4eff1;--yellow:#ffda85}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'DM Sans',sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b84b28;outline-offset:5px}.skip{position:absolute;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 6%;gap:20px}.brand{text-decoration:none;font:700 30px/1 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand>span:first-child{color:var(--orange)}.brand-caption{display:block;font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:1.2px;margin-top:7px}nav{display:flex;gap:24px;align-items:center;font-size:14px}nav a{text-decoration:none}.motion-toggle{font:inherit;background:transparent;color:inherit;border:1px solid #24354840;border-radius:30px;padding:7px 12px;cursor:pointer}.hero{background:var(--blue);margin:0 2%;padding:0 5%;border-radius:24px;position:relative;overflow:hidden}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.2px;padding:22px 0;position:relative;z-index:1}.hero-top{border-bottom:1px solid #24354820}.hero-bottom{border-top:1px solid #24354825}.hero-bottom a{font-size:13px;letter-spacing:0}.title-wrap{position:relative;z-index:2;text-align:center;padding:40px 0 0;animation:title-in .9s ease both}.kicker{font-size:12px;letter-spacing:2px;font-weight:600;margin:0 0 22px}h1{font:700 clamp(49px,7.5vw,105px)/.94 'Barlow Condensed',sans-serif;letter-spacing:-.02em;margin:0}h1>span{display:block;font-size:.42em;letter-spacing:.17em;margin-bottom:9px}h1 strong{font-weight:700}.gold{color:var(--ink)}.sequel-title{font:800 clamp(45px,8vw,114px)/1.02 'Barlow Condensed',sans-serif;color:var(--orange);letter-spacing:-.02em;margin-top:8px}.tagline{margin:16px 0 20px;font-size:18px}.button{display:inline-block;background:var(--ink);color:white;padding:14px 24px;border-radius:50px;text-decoration:none;font-weight:600;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#3e536c}.spy-stage{max-width:720px;position:relative;display:flex;justify-content:center;gap:0;margin:0 auto;padding:0 20px 70px;isolation:isolate}.stage-orbit{position:absolute;inset:15% 3% 10%;border:1px solid #24354817;border-radius:50%;z-index:-1;transform:rotate(-9deg)}.agent-wrap{width:50%;min-width:0;text-align:center;position:relative;transform-origin:50% 85%;animation:agent-a 6s ease-in-out infinite}.agent-b{animation-name:agent-b;animation-delay:-2s}.sprite{aspect-ratio:3/4;overflow:hidden;width:100%;filter:drop-shadow(0 15px 10px #24354814)}.sprite img{display:block;width:200%;max-width:none;height:100%;object-fit:contain}.agent-b .sprite img{transform:translateX(-50%)}.agent-label{display:inline-block;background:#fffdf9e8;border:1px solid #24354820;padding:10px 20px;border-radius:12px;font-size:12px;letter-spacing:1px;font-weight:700;margin-top:-17px;position:relative}.agent-label small{display:block;font-size:10px;letter-spacing:.5px;font-weight:500}.mission-note{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;white-space:nowrap}.premiere{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--yellow);border-radius:9px;padding:16px 24px;margin:0 auto 24px;max-width:850px}.premiere>span{font-size:10px;font-weight:700;letter-spacing:1px}.premiere p{font:600 20px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.8px;margin:0}.briefing{max-width:1400px;margin:auto;padding:75px 8%}.section-top{display:flex;justify-content:space-between;gap:20px}.label{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--orange)}.small{font-size:11px;letter-spacing:1px}.briefing-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;margin:35px 0}h2{font:600 clamp(36px,4.6vw,62px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:0}.briefing-intro p{margin:0}.info{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info article{border:1px solid #24354820;border-radius:14px;padding:25px;background:#f2f5f6}.info article:nth-child(2){background:#fff2d8}.info article:nth-child(3){background:#f9e9e1}h3{font:600 27px/1.17 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:18px 0}.info p{font-size:15px;margin:0 0 8px}.info small{font-size:14px;color:#566777}.update{font-size:14px;color:#566777;margin:24px 0 0}.registry{background:#edf1ea;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:70px 8%}.registry h2{margin:25px 0}.registry h2 em{color:var(--orange);font-style:normal}.registry p{max-width:490px}.fine{font-size:14px;color:#566777}.dossier{background:var(--paper);padding:28px 32px;border:1px solid #24354830;border-radius:15px;transform:rotate(2deg);max-width:380px;width:100%;justify-self:center;align-self:center;position:relative;box-shadow:6px 8px 0 #24354808}.dossier-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px}.stamp{position:absolute;right:20px;top:100px;border:1px solid #b84b2860;color:var(--orange);padding:7px 10px;font-size:10px;font-weight:700;transform:rotate(-12deg);border-radius:7px;background:#fff2d8}.twins-number{font:700 110px/1 'Barlow Condensed',sans-serif;margin-top:20px}.dossier p{font-size:15px}.dossier-foot{border-top:1px solid #24354825;padding-top:16px;font-size:10px;letter-spacing:1.5px}.rsvp{background:var(--ink);color:white;text-align:center;padding:70px 6%;margin:24px 2%;border-radius:24px}.rsvp .label{color:var(--yellow)}.rsvp h2{margin:28px 0}.rsvp>p{color:#e0e7ed}.signoff{font-size:14px;margin-top:30px}.signoff span{display:block;font:500 29px 'Space Grotesk',sans-serif;color:var(--yellow);margin-top:5px}.last-joke{font-size:13px;margin-top:35px}footer{display:flex;justify-content:space-between;gap:18px;padding:24px 6%;font-size:12px;flex-wrap:wrap}footer span{font-size:10px;letter-spacing:1px}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.motion-ready .reveal.visible{opacity:1;transform:none}.paused *, .paused *:before{animation-play-state:paused!important}.paused .reveal{opacity:1!important;transform:none!important}@keyframes title-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes agent-a{0%,100%{transform:translateY(0) rotate(-3deg)}40%{transform:translateY(-14px) rotate(1deg)}70%{transform:translateY(-4px) rotate(-1deg)}}@keyframes agent-b{0%,100%{transform:translateY(-8px) rotate(3deg)}45%{transform:translateY(2px) rotate(-2deg)}70%{transform:translateY(-12px) rotate(1deg)}}@media(min-width:1500px){.hero{padding-left:calc((100% - 1200px)/2);padding-right:calc((100% - 1200px)/2)}}@media(max-width:900px){nav{gap:15px}.brand-caption{font-size:9px}.info article{padding:20px}.info h3{font-size:23px}.registry{gap:40px}.edition{display:none}.premiere{max-width:650px}.premiere p{font-size:18px}.briefing-intro{gap:35px}}@media(max-width:600px){header{padding:20px 5%;gap:10px}.brand{font-size:25px}.brand-caption{font-size:8px;max-width:135px;letter-spacing:.7px}nav{font-size:12px;gap:10px}nav a[href='#briefing']{display:none}.motion-toggle{font-size:10px;padding:6px 9px}.hero{padding:0 5%;border-radius:18px}.hero-top{font-size:8px;letter-spacing:.8px;padding:16px 0}.hero-top span:last-child{text-align:right;max-width:130px}.title-wrap{padding-top:29px}.kicker{font-size:10px;letter-spacing:1px;margin-bottom:18px}h1{font-size:clamp(42px,11vw,66px)}.sequel-title{font-size:clamp(39px,10.5vw,63px)}.tagline{font-size:15px}.button{padding:13px 19px;font-size:13px}.spy-stage{padding:6px 0 64px;margin-top:5px}.agent-label{font-size:10px;padding:8px 10px;letter-spacing:.6px;margin-top:-10px}.agent-label small{font-size:8px;letter-spacing:.1px}.mission-note{font-size:9px;letter-spacing:1px}.premiere{display:block;text-align:center;padding:13px 10px}.premiere p{margin-top:6px;font-size:17px}.hero-bottom{font-size:9px;letter-spacing:.5px;align-items:center}.hero-bottom span:first-child{display:none}.hero-bottom a{font-size:11px}.briefing{padding:48px 7%}.small{display:none}.label{font-size:11px}.briefing-intro{display:block;margin:27px 0}.briefing-intro p{margin-top:24px}.info{grid-template-columns:1fr}.info article{padding:24px}.info h3{font-size:29px}.info h3 br{display:none}.registry{grid-template-columns:1fr;padding:50px 7%;gap:30px}.dossier{max-width:330px}.rsvp{padding:50px 7%}.rsvp h2{font-size:35px}footer{justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html:not(.motion-enabled) *,html:not(.motion-enabled) *:before{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}

@media(min-width:760px){.hero{display:grid;grid-template-columns:1.05fr 1fr;column-gap:15px}.hero-top,.hero-bottom,.premiere{grid-column:1 / -1;width:100%}.title-wrap{text-align:left;align-self:center;padding:28px 0 35px}.kicker{font-size:10px;letter-spacing:1.4px}h1{font-size:clamp(50px,5.5vw,78px)}.sequel-title{font-size:clamp(50px,5.7vw,82px)}.tagline{font-size:16px}.spy-stage{width:100%;align-self:center;padding:24px 0 57px;margin:8px auto}.agent-label{padding:8px 10px;font-size:10px}.agent-label small{font-size:8px}.mission-note{font-size:9px;letter-spacing:1px}.premiere{margin-top:14px}.stage-orbit{inset:20% 0 20%}}

.hero-top{justify-content:flex-end}

/* Spacing after removal of the introductory and character captions. */
.spy-stage{padding-bottom:30px}
@media(min-width:760px){.title-wrap{padding-top:38px}.spy-stage{padding-top:30px;padding-bottom:30px}}

/* Keep the registry copy and mission card on a shared vertical center. */
.registry{align-items:center}
.registry>div{min-width:0}
.registry>div>.label{display:block}
.registry .dossier{transform:none;align-self:center;justify-self:end;margin:0;box-shadow:0 6px 0 #24354808}
.registry .fine{margin-bottom:0}
@media(max-width:600px){.registry .dossier{justify-self:center}}

/* Compact, balanced spacing for the registry columns. */
@media(min-width:601px){.registry{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:24px}.registry .dossier{justify-self:start;padding-left:24px;padding-right:24px}.registry>div>p{max-width:100%}}

/* Match the centered content width of the invitation on large monitors. */
.registry{display:block;padding:0}
.registry-inner{max-width:1400px;margin:0 auto;padding:70px min(8vw,112px);display:grid;grid-template-columns:minmax(0,490px) minmax(0,380px);justify-content:center;gap:48px;align-items:center}
.registry>.registry-inner{min-width:0}
.registry-inner>div{min-width:0;max-width:490px}
.registry-inner>div>.label{display:block}
.registry .registry-inner .dossier{width:100%;max-width:380px;justify-self:end}
@media(max-width:900px){.registry-inner{gap:28px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}}
@media(max-width:600px){.registry-inner{padding:50px 7%;grid-template-columns:1fr;gap:28px}.registry .registry-inner .dossier{max-width:330px;justify-self:center}}
