:root{--paper:#f1ecd9;--ink:#3b5260;--sage:#8da5ad;--mauve:#b27e53}h1,h2,h3{font-family:Georgia,serif}.hero{background:#c5d6d8;height:1120px;max-height:none}.hero-copy{width:100%;padding:45px 24px 400px;text-align:center}.hero h1{font-size:12rem;letter-spacing:-.07em}.hero-line{margin:auto;max-width:540px;font-size:2.6rem}.hero-copy .date,.hero-copy .open-note{margin-left:auto;margin-right:auto}.hero-butterfly{width:630px;height:420px;top:auto;bottom:15px;right:calc(50% - 315px);transform:rotate(-4deg);z-index:2}.hero-garden{mask-image:none;opacity:.55}.hero-garden svg{width:100%;left:0;bottom:0}.hero-butterfly .propeller{transform-origin:502px 267px}.opening .hero-butterfly{animation:takeoff 2.6s ease-in-out both}.opening .propeller{animation:prop .09s linear infinite}.opening .bear-arm{animation:wave .4s ease-in-out 6 alternate;transform-origin:340px 225px}.entered .hero-butterfly{transform:translate(90px,-70px) rotate(-8deg)}.letter{background:#f5efdf}.letter-art{width:180px;height:130px;transform:rotate(calc(var(--p,1)*-8deg))}.journey{background:#8eacb6}.journey-stage{background:linear-gradient(#7599aa,#cadcda)}.journey-art{opacity:.75}.journey-art svg{bottom:0}.journey-copy{color:#243f51;background:#e7eee3cc;padding:30px;max-width:650px;border-left:3px solid #66828c}.journey-copy h2{font-size:3.3rem}.flying{width:400px;height:270px;left:calc(50% - 200px);top:10%}.journey.in-view .propeller{animation:prop .09s linear infinite;transform-origin:502px 267px}.journey.in-view .scarf{animation:scarf .7s alternate infinite;transform-origin:340px 220px}.journey:not(.in-view) *{animation-play-state:paused}.keepsake{background:#e6ddc3}.keepsake-picture{aspect-ratio:3/4;border-radius:5px;background:#f4edd8;border:2px solid #6c8792;box-shadow:12px 15px 0 #baaa8955;transform:rotate(calc(-7deg + var(--p,1)*7deg))}.keepsake-picture::before{content:'';position:absolute;left:0;right:0;bottom:23%;border-bottom:2px dashed #8ba1a5}.boarding-label{text-align:center;margin-top:30px;font-size:13px}.monogram{padding-top:10px;font:180px Georgia;color:#6e8994}.wreath{height:100%;opacity:.45;transform:translateY(15%)}.count-section{background:#3e5d6d;color:#f2e8ce;min-height:700px}.petals{width:560px;height:560px;border:1px solid #a1b4b366;border-radius:50%}.petals i{border-radius:0;width:3px;height:20px;background:#b7c6c0;left:278px;top:-10px;transform-origin:1px 290px;border:0}.clock strong{font-family:'Trebuchet MS';font-size:3.5rem;background:#294957;padding:14px 12px;border-radius:5px;box-shadow:inset 0 -2px #7f9b9c}.place{background:#d0dddb}.place-art{border-radius:50%;background:#e7ebdb;border:1px solid #96acaa;padding:25px}.place-art .gate{stroke:#7595a0}.place-art .vine{stroke:#b48c59}.programme{background:#f4ecd9}.programme li{border-top:2px dashed #acb9b3}.programme time{background:#dce3d6;padding:6px;height:40px;text-align:center}.care{background:#d5b88b}.care-art{width:220px;height:150px}.confirmation{background:#f5efde}footer{background:#2c4b5b;color:#eee4c9}.music{background:#e8d6ad}.primary{background:#3e5e6b}.primary:hover{background:#567682}.tab-hidden *{animation-play-state:paused!important}@keyframes takeoff{0%{transform:rotate(-4deg)}40%{transform:translate(25px,0) rotate(-2deg)}100%{transform:translate(90px,-70px) rotate(-8deg)}}@keyframes prop{50%{transform:scaleY(.1)}}@keyframes wave{to{transform:rotate(-24deg)}}@keyframes scarf{to{transform:skewY(9deg)}}
@media(max-width:700px){.hero{height:1060px}.hero-copy{padding:60px 24px 0}.hero h1{font-size:7.5rem}.hero-line{font-size:2rem;max-width:300px}.hero-butterfly{width:390px;height:260px;right:calc(50% - 195px);bottom:120px}.hero-garden svg{width:190%;left:-40%}.entered .hero-butterfly{transform:translate(12px,-50px) rotate(-8deg)}.hero .edition{bottom:35px;right:24px}.flying{width:320px;height:215px;left:calc(50% - 160px);top:14%}.journey-copy{left:20px;right:20px;padding:22px;bottom:65px}.journey-copy h2{font-size:2.6rem}.journey-copy p{font-size:14px}.clock{gap:10px}.clock strong{font-size:2rem;padding:12px 8px}.petals{width:450px;height:450px}.petals i{left:223px;transform-origin:1px 235px}.count-section h2{font-size:2.5rem}.keepsake-picture{max-width:300px}.monogram{font-size:160px}.care-art{width:180px;height:120px}@keyframes takeoff{0%{transform:rotate(-4deg)}40%{transform:translate(5px,0) rotate(-2deg)}100%{transform:translate(12px,-50px) rotate(-8deg)}}}
@media(prefers-reduced-motion:reduce){.hero-butterfly{transform:rotate(-4deg)!important}.journey-copy{background:#e7eee3}.flying{transform:none!important}}
@media(min-width:701px){.hero{height:950px}.hero-copy{width:54%;text-align:left;padding:90px 0 150px 8vw}.hero-line,.hero-copy .date,.hero-copy .open-note{margin-left:0}.hero-line{max-width:440px}.hero h1{font-size:10rem}.hero-butterfly{width:52%;height:440px;right:0;top:230px;bottom:auto}.hero-garden{opacity:.3}}
@media(max-width:700px){.hero{height:900px}.hero-copy{padding-top:35px}.hero h1{font-size:6.4rem;margin:12px 0 20px}.hero-line{font-size:1.8rem}.hero-copy .date{margin-top:22px;margin-bottom:22px}.hero-butterfly{bottom:70px}.hero-garden{opacity:.45}}