:root{--paper:#f0e4bd;--ink:#254e3d;--gold:#d5aa48}h1,h2,h3{font-family:Georgia,serif}.hero{height:950px;background:#1e4739;color:#f3e8c5;max-height:none}.hero-copy{padding-top:90px;width:60%}.hero h1{font-size:10rem;font-weight:700;letter-spacing:-.07em}.hero-line{font-size:2.8rem;max-width:490px}.hero .primary{background:#d8ad4c;color:#173d2e;border:0}.hero-garden{opacity:.32;mask-image:linear-gradient(90deg,transparent,#000)}.hero-garden svg{width:100%;height:100%;left:0;bottom:0}.hero-butterfly{width:340px;height:420px;right:10%;top:40%;transform:rotate(8deg)}.sign{position:absolute;top:110px;right:10%;width:280px;height:190px;border:5px double #ceb67b;color:#dfc993;display:grid;place-items:center;font:700 130px Georgia;border-radius:50%;transform:rotate(8deg);box-shadow:0 0 0 10px #173d32}.opening .sign{animation:light-sign .5s steps(2) 4}.entered .sign{color:#fff3bc;text-shadow:0 0 25px #e1b653}.beer{transform:translateY(200px);transition:transform 2s}.foam{opacity:0;transition:opacity .7s 1s}.opening .beer,.entered .beer{transform:translateY(0)}.opening .foam,.entered .foam{opacity:1}.opening .hero-butterfly{animation:cheers 2.6s ease both}.entered .hero-butterfly{transform:rotate(-4deg)}.letter{background:#eee2b9;color:#284b37}.letter-art{width:100px;height:110px}.letter h2{max-width:850px}.journey{background:#af7947;height:190svh}.journey-stage{background:repeating-linear-gradient(0deg,#966339 0,#a67548 4px,#c28b50 6px,#b8854f 110px,#7c542f 114px)}.table-art{position:absolute;inset:0}.coaster{position:absolute;display:grid;place-items:center;width:240px;height:240px;border-radius:50%;background:#e4cf96;border:12px double #2f5941;font:700 90px Georgia;color:#28523c;transform:rotate(calc(-15deg + var(--travel,0)*40deg));box-shadow:7px 12px 10px #4e321c44}.c1{top:12%;left:8%}.c2{right:8%;top:37%;font-size:60px}.plate{position:absolute;width:240px;height:240px;border:15px double #bdc4b3;border-radius:50%;background:#ede4c5;right:12%;top:4%;transform:rotate(calc(var(--travel,0)*-20deg))}.plate i{position:absolute;width:60px;height:45px;background:#b77b31;border-radius:45%;box-shadow:inset -5px -8px 0 #955a27;left:30px;top:60px}.plate i:nth-child(2){left:100px;top:30px;transform:rotate(30deg)}.plate i:nth-child(3){left:115px;top:105px;transform:rotate(70deg)}.plate i:nth-child(4){left:50px;top:125px}.plate i:nth-child(5){left:70px;top:80px;transform:rotate(-40deg)}.flying{width:180px;height:250px;left:calc(50% - 90px);top:10%}.journey .beer{transform:translateY(calc((1 - var(--travel,0))*200px));transition:none}.journey .foam{opacity:var(--travel,0);transition:none}.journey-copy{background:#234d3ded;color:#f5e7bf;padding:32px;max-width:710px;border:2px solid #d9c18a;box-shadow:0 0 0 8px #234d3d;bottom:65px}.journey-copy h2{font-size:3.2rem}.keepsake{background:#e6d6ac}.keepsake-picture{border:12px solid #f8eccb;border-radius:4px;aspect-ratio:4/5;box-shadow:10px 14px 0 #baa06e;transform:rotate(calc(-6deg + var(--p,1)*8deg))}.count-section{background:#203d30;color:#f3e6c1;min-height:690px}.count-copy{padding:60px 40px;border:5px double #aeab7d;max-width:800px}.count-copy h2{font-size:3.3rem}.petals{display:none}.clock strong{font-weight:700;font-style:italic;font-size:4.5rem}.place{background:#d9c28d}.place-art{color:#385b42;background:#eee2ba;border:5px double #4b694c;padding:20px}.programme{background:#eee4c6}.programme h2{font-weight:700}.programme ol{padding:32px;border:5px double #31563e}.programme li{border-top:1px dotted #31563e;grid-template-columns:70px 1fr}.programme li:first-child{border-top:0}.programme time{font-weight:bold}.care{background:#cf9f46}.care-art{width:100px;height:110px}.confirmation{background:#f3e8c7}.primary{background:#254f3c}.primary:hover{background:#3f684c}footer{background:#17392a;color:#e7d9ac}.music{background:#dcba69;color:#244a35}@keyframes light-sign{50%{color:#fff1aa;text-shadow:0 0 25px #e1b653;box-shadow:0 0 20px #ddba5255}}@keyframes cheers{0%{transform:rotate(8deg)}60%{transform:translateY(-25px) rotate(-10deg)}100%{transform:rotate(-4deg)}}
@media(max-width:700px){.hero{height:1050px}.hero-copy{width:100%;padding:60px 26px 0}.hero h1{font-size:6.6rem}.hero-line{font-size:2rem;max-width:300px}.hero .date{max-width:270px}.hero-butterfly{width:180px;height:230px;right:8%;top:auto;bottom:80px}.sign{width:130px;height:110px;font-size:70px;top:auto;bottom:160px;left:28px;right:auto}.hero-garden{opacity:.2;mask-image:none}.hero .edition{bottom:30px}.journey-copy{left:24px;right:24px;padding:22px;bottom:70px}.journey-copy h2{font-size:2.45rem}.journey-copy p{font-size:14px}.coaster{width:130px;height:130px;font-size:55px;border-width:7px}.c1{left:5%;top:8%}.c2{right:5%;top:28%;font-size:35px}.plate{width:150px;height:150px;right:6%;top:3%;border-width:10px}.plate i{width:34px;height:30px;left:15px;top:40px}.plate i:nth-child(2){left:70px;top:25px}.plate i:nth-child(3){left:75px;top:75px}.plate i:nth-child(4){left:28px;top:83px}.plate i:nth-child(5){left:48px;top:55px}.flying{width:120px;height:160px;left:calc(50% - 60px);top:22%}.count-copy{padding:35px 18px}.count-copy h2{font-size:2.5rem}.clock{gap:15px}.clock strong{font-size:2.5rem}.programme ol{padding:20px}.programme li{display:block}.programme time{display:block;margin-bottom:12px}.place-art{width:90%}}
@media(prefers-reduced-motion:reduce){.beer{transform:translateY(0)!important}.foam{opacity:1!important}.sign{text-shadow:none}.journey-copy{background:#234d3d}.flying{transform:none!important}}
@media(max-width:700px){.hero{height:900px}.hero-butterfly{bottom:55px}.sign{bottom:135px}.hero-garden svg{width:175%;height:100%;left:-35%;object-fit:cover}}
@media(prefers-reduced-motion:reduce){.journey{height:100svh}.journey-stage{position:relative}}