.deck-home .deck-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;max-width:1536px;width:calc(100% - 96px);padding:55px 0 65px}
.deck-hero .hero-copy{min-width:0}.deck-hero h1{font-size:clamp(2.8rem,5.1vw,5.7rem);line-height:1.08;letter-spacing:-.055em}.deck-hero h1 em:after{display:none}.deck-hero .hero-promise{margin-top:42px!important;font-size:clamp(1.6rem,2.5vw,2.65rem)!important}.deck-hero .hero-description{font-size:clamp(1rem,1.5vw,1.6rem)!important;line-height:1.5;margin-bottom:24px}.deck-hero .hero-tagline{font-size:clamp(1.6rem,2.25vw,2.6rem);line-height:1.3;color:#fff8ed;letter-spacing:-.03em;margin:25px 0}.hero-tagline em{font-family:Newsreader,serif;color:#f7e37c;font-size:1.2em}.deck-hero .actions{margin-top:26px}
.deck-demo{min-width:0}.deck-stage{position:relative;display:grid;align-items:center;min-height:620px}.deck-collage,.deck-examples{grid-area:1/1}.deck-collage{position:relative}.deck-collage img{display:block;width:112%;max-width:none;height:auto;margin-left:-6%}.basketball-invite{position:absolute;bottom:1%;left:3%;padding:18px 23px;border:1px solid #ac923b;border-radius:20px;background:#f7e37c;color:#20112e;box-shadow:6px 7px 0 #25103966;transform:rotate(-5deg);font-size:clamp(1.2rem,1.8vw,2rem);font-weight:700;line-height:1.15}.deck-examples{display:flex;flex-direction:column;gap:26px;padding:12px 4px}.deck-example{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center}.deck-example[hidden]{display:none}.deck-ask{background:#f7e37c;color:#241731;padding:20px;border-radius:21px;box-shadow:6px 7px 0 #21112e77;transform:rotate(-2deg);min-height:155px;display:flex;flex-direction:column;justify-content:center}.event-example .deck-ask{background:#d9eeb3;transform:rotate(1.5deg)}.contest-example .deck-ask{background:#d7befb;transform:rotate(-1deg)}.ticket-example .deck-ask{background:#ffd1ad}.deck-label{font-size:.875rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px}.deck-ask h3{font-size:clamp(1.1rem,1.55vw,1.65rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 10px}.deck-ask p,.deck-reply p{font-size:clamp(1rem,1.17vw,1.3rem);line-height:1.3;margin:0;color:inherit}.team-choices{display:grid;gap:5px;font-size:.9rem}.upload-chip{font-size:.875rem;margin-top:12px;padding:7px 10px;border:1px dashed #695083;border-radius:8px;align-self:flex-start}.deck-reply{position:relative;background:#fffaf0;color:#2c193e;padding:18px;border-radius:20px;box-shadow:5px 7px 0 #21112e66;transform:rotate(2deg)}.deck-reply:before{content:'';position:absolute;left:-9px;top:45%;width:18px;height:18px;background:#fffaf0;transform:rotate(45deg)}.reply-brand{display:flex;align-items:center;gap:7px;font-size:1.2rem;font-weight:700;letter-spacing:-.04em;margin-bottom:12px}.reply-brand .brand-mark{width:20px;height:20px;border-radius:6px;background:#c4adff}.reply-brand .brand-mark:after{left:8px;top:4px;width:5px;height:12px}.deck-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;font-size:.875rem;color:#e4d9f0;margin-top:22px;min-height:34px}.deck-controls button{font:inherit;color:#fff;background:#ffffff0a;border:1px solid #c5addd;border-radius:20px;padding:7px 13px;cursor:pointer}.deck-controls button:hover{background:#ffffff20}.deck-controls [hidden]{display:none}
.deck-collage{display:none}.deck-demo.is-animated .deck-collage{display:block}.deck-demo.is-animated .deck-examples{visibility:hidden}.deck-demo.show-examples .deck-examples{visibility:visible}.deck-demo.show-examples .deck-collage{visibility:hidden}
@media(min-width:1600px){.deck-stage{min-height:690px}.deck-ask{padding:25px;min-height:185px}.team-choices{grid-template-columns:1fr 1fr}.deck-reply{padding:24px}}
@media(max-width:1100px){.deck-home .deck-hero{gap:30px;width:calc(100% - 56px);grid-template-columns:.85fr 1.15fr}.deck-ask,.deck-reply{padding:16px}.deck-example{gap:14px}.deck-label{font-size:.8rem}.deck-stage{min-height:650px}}
@media(max-width:760px){.deck-home .deck-hero{grid-template-columns:1fr;width:calc(100% - 40px);padding:38px 0 45px;gap:25px}.deck-hero h1{font-size:clamp(2.8rem,10.7vw,5rem)}.deck-hero .hero-description{max-width:100%;font-size:1.125rem!important}.deck-hero .hero-promise{margin-top:28px!important;font-size:1.8rem!important}.deck-hero .hero-tagline{font-size:1.8rem}.deck-stage{min-height:680px}.deck-examples{gap:24px}.deck-ask{padding:15px;min-height:190px}.deck-reply{padding:14px}.deck-ask h3{font-size:1.18rem}.deck-example{grid-template-columns:1.05fr 1fr;gap:14px}.deck-label{font-size:.8rem;letter-spacing:.04em}.deck-controls{justify-content:center;flex-wrap:wrap}.deck-collage img{width:108%;margin-left:-4%}.basketball-invite{font-size:1.35rem}.team-choices{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.deck-demo.is-animated .deck-collage{display:none}.deck-demo.is-animated .deck-examples{visibility:visible}}
.photo-invite{position:absolute;padding:18px 22px;color:#20112e;background:#f7e37c;border:1px solid #24173155;border-radius:20px;box-shadow:6px 7px 0 #25103966;font-size:clamp(1.1rem,1.8vw,2rem);font-weight:700;line-height:1.13;letter-spacing:-.035em}.study-invite{left:0;top:12%;transform:rotate(-12deg)}.coffee-invite{right:0;top:16%;background:#d9eeb3;transform:rotate(8deg)}.hike-invite{right:7%;bottom:5%;background:#d7befb;transform:rotate(6deg)}.photo-invite.basketball-invite{left:2%;bottom:0;transform:rotate(-5deg)}.news-example .deck-ask{background:#c9e6ff}.baking-example .deck-ask{background:#bfead4}.deck-example-slot{display:grid}.deck-example-slot>.deck-example{grid-area:1/1}.deck-collage img{width:100%;margin:0}.deck-stage{min-height:690px}
@media(max-width:760px){.photo-invite{padding:12px 14px;font-size:clamp(.875rem,3.9vw,1.3rem);border-radius:14px;box-shadow:4px 5px 0 #25103966}.study-invite{left:0;top:7%}.coffee-invite{right:0;top:11%}.hike-invite{right:0;bottom:3%}.deck-stage{min-height:790px}}
.deck-demo.is-looping .deck-collage{visibility:visible}.deck-demo.is-looping .deck-collage,.deck-demo.is-looping .deck-examples{pointer-events:none}
.deck-hero .hero-copy{align-self:center;padding-bottom:30px}.deck-hero .hero-copy>p.hero-description{margin:32px 0 0;max-width:480px;font-size:clamp(1.1rem,1.5vw,1.5rem)!important;line-height:1.55;color:#e7dcf1}.hero-invitation{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:44px;padding-top:52px;border-top:1px solid #d8c4eb1c}.deck-hero .hero-invitation .hero-promise{margin:0!important;font-size:clamp(1.4rem,2vw,2rem)!important;line-height:1.2;color:#fff}.deck-hero .hero-invitation .actions{margin:0}.hero-signoff{width:min(1536px,calc(100% - 96px));margin:0 auto 44px;padding:26px 0;text-align:center;border-top:1px solid #d8c4eb1c;border-bottom:1px solid #d8c4eb1c}.hero-signoff .hero-tagline{font-size:clamp(1.5rem,2.7vw,2.7rem);line-height:1.3;letter-spacing:-.03em;color:#fff8ed;margin:0}.deck-home .deck-hero{padding-bottom:10px}.deck-home .band{border-top:0}
@media(max-width:1100px){.hero-signoff{width:calc(100% - 56px)}}
@media(max-width:760px){.deck-hero .hero-copy{padding-bottom:0}.deck-hero .hero-copy>p.hero-description{margin-top:25px}.hero-invitation{margin-top:28px;padding-top:42px;gap:16px}.deck-hero .hero-invitation .hero-promise{font-size:1.5rem!important}.hero-invitation .btn{padding:12px 18px}.hero-signoff{width:calc(100% - 40px);margin-bottom:22px;padding:23px 15px}.hero-signoff .hero-tagline{font-size:1.65rem}.deck-home .deck-hero{padding-bottom:16px}}
.hero-signoff .hero-tagline em{margin-right:.14em}@media(max-width:760px){.hero-invitation{column-gap:12px}.hero-invitation .btn{padding:12px 15px;font-size:.875rem}}
/* Give the invitation the full space down to the signoff divider. */
@media(min-width:761px){
.deck-hero .hero-copy{align-self:stretch;display:flex;flex-direction:column;padding:45px 0 0}
.hero-invitation{flex:1;align-content:center;min-height:160px;padding:28px 0;margin-bottom:-10px}
.deck-hero .hero-invitation .hero-promise{font-size:clamp(1.7rem,2.25vw,2.4rem)!important}
.hero-invitation .btn{font-size:1.0625rem;padding:17px 29px}
}
@media(max-width:760px){.hero-invitation{padding:36px 0;justify-content:center}.deck-hero .hero-invitation .hero-promise{font-size:1.65rem!important}.hero-invitation .btn{font-size:.9375rem;padding:14px 18px}}
.deck-collage img{width:86%;margin:0 auto}.photo-invite .invite-logo{display:inline-block;position:relative;width:19px;height:21px;border-radius:6px;background:#9b70e4;margin:0 9px 0 0;vertical-align:baseline;transform:rotate(-8deg)}.photo-invite .invite-logo:after{content:'';position:absolute;width:5px;height:13px;left:7px;top:4px;border-radius:2px;background:#38204f;transform:rotate(13deg)}
@media(max-width:760px){.deck-collage img{width:88%}.photo-invite .invite-logo{width:14px;height:16px;border-radius:4px;margin-right:6px}.photo-invite .invite-logo:after{width:4px;height:10px;left:5px;top:3px}}
.deck-demo{position:relative}.deck-demo .deck-controls{position:absolute;right:0;bottom:-34px;margin:0;min-height:28px}.deck-controls .deck-pause{font-size:.75rem;padding:5px 12px;background:#ffffff0a}.deck-controls .deck-pause:focus-visible{outline:2px solid #e5c9ff;outline-offset:3px}.study-invite{top:auto;bottom:24%;left:0;transform:rotate(-8deg)}
@media(max-width:760px){.study-invite{top:auto;bottom:23%;left:0}.deck-demo .deck-controls{bottom:-15px}}
.deck-demo .deck-controls{position:static;margin-top:12px;min-height:28px}
/* Compact desktop hero, with the invitation centered above the signoff. */
@media(min-width:761px){
.deck-home .deck-hero{padding-top:28px}.deck-stage{min-height:550px}.deck-examples{gap:19px;padding:10px 12px}.deck-example{gap:18px}.deck-ask{min-height:135px;padding:18px}.deck-reply{padding:17px}.deck-label{font-size:.75rem;margin-bottom:9px}.deck-ask h3{font-size:clamp(1.05rem,1.35vw,1.4rem);margin-bottom:8px}.deck-ask p,.deck-reply p{font-size:clamp(.9rem,1.06vw,1.12rem)}.reply-brand{font-size:1.05rem;margin-bottom:9px}.team-choices{font-size:.8rem}.upload-chip{font-size:.75rem;margin-top:8px;padding:6px 9px}.deck-hero .hero-copy{padding-top:18px}.deck-hero h1{font-size:clamp(2.8rem,4.8vw,5rem);line-height:1.06;margin:18px 0 0}.deck-hero .hero-copy>p.hero-description{margin-top:24px}.hero-invitation{margin-top:28px;min-height:120px;padding:24px 0}.hero-signoff{padding:20px 0}.deck-demo .deck-controls{margin-top:6px}
}
.deck-hero .rotating-headline{display:grid}.rotating-headline>span{grid-area:1/1;transition:opacity .35s ease,transform .35s ease}.rotating-headline .headline-true{opacity:1;transform:translateY(0)}.rotating-headline .headline-living{opacity:0;transform:translateY(8px);pointer-events:none}.rotating-headline.show-living .headline-true{opacity:0;transform:translateY(-8px);pointer-events:none}.rotating-headline.show-living .headline-living{opacity:1;transform:translateY(0)}.rotating-headline .headline-true em{letter-spacing:-.04em}
@media(prefers-reduced-motion:reduce){.rotating-headline>span{transition:none}}
/* A compact movie-title treatment, isolated from the original headline. */
.rotating-headline .headline-true{align-self:center;line-height:1;transform:rotate(-3deg);transform-origin:left center}.rotating-headline .true-title{display:block;font-family:Impact,Haettenschweiler,'Arial Narrow',sans-serif;font-size:1.6em;font-weight:900;line-height:.86;letter-spacing:-.025em;color:#fff7e9;text-shadow:2px 2px 0 #b69ac645;transform:scaleX(.88);transform-origin:left center}.rotating-headline .headline-true .social-title{display:block;font-family:Newsreader,serif;font-size:.83em;line-height:.95;font-weight:600;letter-spacing:-.045em;color:#f7e37c;margin:7px 0 0 4px}.rotating-headline.show-living .headline-true{transform:rotate(-3deg) translateY(-8px)}
/* One light typographic voice for TRUE / social. */
.rotating-headline .headline-true{transform:translateY(0)}.rotating-headline.show-living .headline-true{transform:translateY(-8px)}.rotating-headline .true-title,.rotating-headline .headline-true .social-title{font-family:inherit;font-weight:400;font-style:normal;color:#fff7e9;text-shadow:none;transform:none;letter-spacing:-.055em}.rotating-headline .true-title{font-size:1.38em;line-height:.9}.rotating-headline .headline-true .social-title{font-size:1em;line-height:.95;margin:3px 0 0}
/* Selected option 07: A Personal Touch. */
.rotating-headline .headline-true{display:flex;flex-direction:column;align-items:center;justify-content:center;width:max-content;max-width:100%;color:#fff5e6}.rotating-headline .true-title{font-size:1.3em;font-weight:500;line-height:.85;letter-spacing:-.045em;color:inherit}.rotating-headline .headline-true .social-title{position:relative;font-size:.85em;font-weight:400;line-height:.95;letter-spacing:-.04em;color:inherit;margin:7px 0 0;padding-bottom:12px}.rotating-headline .headline-true .social-title:after{content:'';position:absolute;left:-9px;right:-9px;bottom:0;height:3px;border-radius:50%;background:currentColor;transform:rotate(-4deg)}
.deck-hero .hero-copy>p.hero-description{margin-top:42px}
@media(max-width:760px){.deck-hero .hero-copy>p.hero-description{margin-top:39px}}
.rotating-headline .headline-true .social-title{font-size:.92em;margin-top:12px}
/* Align both mobile animation phases to the same top edge. */
@media(max-width:760px){.deck-stage{align-items:start}.deck-collage{transform:none;margin-top:12px}}
.hero-description-lead{display:inline-block;max-width:100%}.rotating-headline .headline-true{width:min(100%,var(--headline-anchor-width,480px));text-align:center}
.rotating-headline .true-title{font-size:1.4em}.rotating-headline .headline-true .social-title{font-size:.99em}
.rotating-headline .true-title{color:#fff}.rotating-headline .headline-true .social-title{color:#eed487}
.rotating-headline .true-title{font-size:1.36em}.rotating-headline .headline-true .social-title{font-size:1.4em}

/* Center the living message within the shared headline area. */
.rotating-headline .headline-living{align-self:center;font-size:1.08em;line-height:1.08}

/* Selected typography: both words italic. */
.rotating-headline .true-title,.rotating-headline .headline-true .social-title{font-style:italic}
/* Match Actual Social to the alternate headline font size. */
.rotating-headline .true-title,.rotating-headline .headline-true .social-title{font-size:1.08em}
.rotating-headline .headline-true{align-items:flex-start;text-align:left}
.rotating-headline .headline-true .social-title{margin-left:.6em}
.rotating-headline .headline-connection{align-self:center;font-size:1.08em;line-height:1.08;opacity:0;transform:translateY(8px);pointer-events:none}.rotating-headline.show-connection .headline-true{opacity:0;transform:translateY(-8px);pointer-events:none}.rotating-headline.show-connection .headline-connection{opacity:1;transform:translateY(0)}

/* Align Actual Social with the description below, keeping it on one line. */
.rotating-headline .headline-true{flex-direction:row;align-items:baseline;justify-content:flex-start;width:100%;gap:.22em;white-space:nowrap;text-align:left}
.rotating-headline .headline-true .social-title{margin:0;padding-bottom:12px}
.rotating-headline .headline-true .true-title{position:relative;color:#d9eeb3;text-decoration:none;padding-bottom:12px}
.rotating-headline .headline-true .true-title:after{content:'';position:absolute;left:-9px;right:-9px;bottom:0;height:3px;border-radius:50%;background:currentColor;transform:rotate(-4deg)}
.rotating-headline .headline-true .social-title{color:#fff}
.rotating-headline .headline-true .social-title:after{display:none}

/* Shared home/deck layout: stable invitation and higher, stationary signoff. */
.hero-signoff{border:0}
.deck-home .band{display:none}
@media(min-width:761px){.deck-hero .hero-copy>*{flex-shrink:0}.hero-invitation{flex:none;position:relative;min-height:0;margin:54px 0 0;padding:42px 0 0;align-content:normal;border-top:1px solid #d8c4eb1c}}
@media(min-width:1101px){.deck-home{position:relative;min-height:720px;border-radius:0}.hero-signoff{position:absolute;left:0;right:0;bottom:16px;margin:0 auto;transform:none}}
@media(min-width:1600px){.deck-home{min-height:820px}}
/* Selected stacked treatment: white Actual, gently offset green Social. */
.rotating-headline .headline-true{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;width:100%;white-space:normal}
.rotating-headline .headline-true .true-title,.rotating-headline .headline-true .social-title{display:table;font-size:1.08em;font-weight:500;font-style:italic;line-height:.94;letter-spacing:-.05em}
.rotating-headline .headline-true .true-title{color:#fff;padding-bottom:0}
.rotating-headline .headline-true .true-title:after{display:none}
.rotating-headline .headline-true .social-title{color:#d9eeb3;margin:.13em 0 0 .3125em;padding-bottom:.14em}
.rotating-headline .headline-true .social-title:after{display:block;content:'';position:absolute;left:-.075em;right:-.0875em;bottom:.04em;height:3px;border-radius:50%;background:currentColor;transform:rotate(-4deg)}
/* Shift only the stacked headline toward the center of its supporting copy. */
.rotating-headline .headline-true{padding-left:calc(clamp(32px,5vw,80px) - 4px)}
/* Fine-tune Actual independently; Social and its underline retain their position. */
.rotating-headline .headline-true .true-title{left:-14px}
/* Approved two-line message, fitted to the same rotating headline area. */
.rotating-headline .headline-true{padding-left:0}
.rotating-headline .headline-true .true-title,.rotating-headline .headline-true .social-title{font-size:.94em;line-height:1.13;white-space:nowrap}
.rotating-headline .headline-true .true-title{left:0}
.rotating-headline .headline-true .social-title{margin-top:.14em;margin-left:.36em;padding-bottom:.16em}
.rotating-headline .headline-true .social-title:after{transform:rotate(-3deg)}
@media(min-width:761px) and (max-width:1100px){.rotating-headline .headline-true .true-title,.rotating-headline .headline-true .social-title{font-size:clamp(1.8rem,4.2vw,2.7rem)}}
@media(max-width:760px){.rotating-headline .headline-true .true-title,.rotating-headline .headline-true .social-title{font-size:clamp(1.7rem,8.5vw,3rem)}}

/* Match the sans-serif headline and serif emphasis used by the other rotations. */
.rotating-headline .headline-true .true-title{font-family:inherit;font-style:normal;font-weight:600;letter-spacing:-.055em}
.rotating-headline .headline-true .social-title{font-family:Newsreader,Georgia,serif;font-style:italic;font-weight:450;letter-spacing:-.055em}


/* Clean headline emphasis, without an underline. */
.rotating-headline .headline-true .social-title:after{display:none}


/* The decorative signoff must never intercept animation controls. */
.hero-signoff{pointer-events:none}
.deck-demo .deck-controls{z-index:5}


/* One shared size and left edge for every rotating message. */
.deck-hero .rotating-headline{font-size:clamp(2rem,4.2vw,4.5rem);line-height:1.08}
.rotating-headline .headline-true,.rotating-headline .headline-living,.rotating-headline .headline-connection{font-size:1em;line-height:1.08;text-align:left}
.rotating-headline .headline-true{display:block;padding:0;align-self:center}
.rotating-headline .headline-true .true-title,.rotating-headline .headline-true .social-title{display:block;font-size:1em;line-height:1.08;margin:0;padding:0;left:0}
.deck-hero .rotating-headline em{font-size:1em;line-height:1.08}
@media(min-width:761px) and (max-width:1100px){.deck-hero .rotating-headline{font-size:clamp(1.8rem,3.7vw,2.7rem)}}
@media(max-width:760px){.deck-hero .rotating-headline{font-size:clamp(1.7rem,8.5vw,3rem)}}