/* Softer picture-book layer over the construction layout. */
body{font-family:'Trebuchet MS',Verdana,sans-serif}
.three-spark,.art-spark,.ticker-spark{display:block;overflow:visible;color:var(--ink)}
.three-spark{width:25px;height:25px}
.art-spark{width:1em;height:1em}
.ticker-spark{display:inline-block;width:15px;height:15px;vertical-align:-2px;color:var(--orange)}
.brand-mark{display:flex;align-items:center;justify-content:center;gap:1px;letter-spacing:0;flex:none}
.brand-mark span{font-size:15px;align-self:auto;letter-spacing:0;margin-top:0}
.hero{background:#f8cf5d}
.hero-art{display:flex;align-items:center;justify-content:center;min-height:670px;background:radial-gradient(circle at 50% 45%,#ffe69a 0 28%,transparent 70%)}
.hero-art:before{opacity:.08}
.art-sun{width:420px;height:420px;top:13%;left:21%;background:#ffe59b;box-shadow:0 0 0 28px rgba(255,244,190,.32)}
.birthday-trucks{position:relative;z-index:2;display:block;width:min(100%,760px);height:auto;max-height:640px;object-fit:contain;filter:drop-shadow(3px 15px 10px rgba(102,69,22,.18))}
.art-spark{position:absolute;z-index:3;color:#e98231;font-size:46px;line-height:1}
.spark-one{left:9%;top:13%;transform:rotate(-12deg)}
.spark-two{right:11%;top:12%;color:#70aec2;font-size:32px}
.art-caption{z-index:3}
.headline-top{text-shadow:3px 4px 0 var(--ink)}
.hero-details .detail,.plan-card{border-radius:17px;box-shadow:5px 6px 0 rgba(41,39,33,.72)}
.detail-icon,.plan-symbol{color:#dd7424}
.button,.nav-rsvp{border-radius:12px}
.hero-intro,.invite-copy p{font-family:'Trebuchet MS',Verdana,sans-serif}
.plan-symbol{border-radius:22px;transform:rotate(-7deg)}
.notes-board{border-radius:15px}
.mini-sign{border-radius:22px}
.rsvp-section .gift-note{font-size:15px;line-height:1.45;margin-top:28px;max-width:450px}
.gift-note a{font-weight:900;text-underline-offset:4px}
.rsvp-copy{position:relative;z-index:1;max-width:680px}
.rsvp-copy h2{font-size:clamp(70px,8vw,126px)}
.rsvp-section .rsvp-helper{font-size:14px;line-height:1.4;margin:12px 0 0;max-width:460px}
.rsvp-copy .gift-note{border-top:2px dashed rgba(41,39,33,.5);padding-top:22px;margin-top:34px}
@media(max-width:850px){.rsvp-copy h2{font-size:clamp(65px,13vw,110px)}}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1fr)}.hero-content,.hero-art{min-width:0}.hero-art{min-height:510px}.art-sun{left:30%;top:8%;width:390px;height:390px}.birthday-trucks{width:min(85%,700px);max-height:490px}}
@media(max-width:700px){
  .hero{display:flex;flex-direction:column}
  .hero-art{order:-1;min-height:245px;height:245px}
  .hero-content{order:1;padding-top:22px}
  .art-sun{left:28%;top:4%;width:210px;height:210px}
  .birthday-trucks{width:min(94%,390px);max-height:240px}
  .art-spark{font-size:30px}
  .spark-one{left:6%;top:8%}
  .spark-two{right:8%;top:9%;font-size:24px}
  .art-caption{display:none}
  .hero h1{margin:14px 0 16px}
}
@media(max-width:390px){.hero-art{min-height:225px;height:225px}.birthday-trucks{max-height:220px}}
