.site-guide{max-width:1320px;margin:auto;padding:0 5% 90px;color:#183b31}.guide-hero{max-width:850px;padding:100px 0 75px}.guide-kicker{font:700 .72rem/1.5 Arial,sans-serif;letter-spacing:.18em;color:#aa8050;text-transform:uppercase}.site-guide h1,.site-guide h2{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}.site-guide h1{font-size:clamp(3rem,7vw,6.2rem);margin:16px 0 22px}.site-guide h2{font-size:clamp(2.2rem,4vw,4rem);margin:14px 0 24px}.site-guide p{line-height:1.7}.guide-hero>p:not(.guide-kicker){font-size:1.2rem;max-width:650px}.guide-hero .button{margin-top:20px}.guide-jump{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0 35px;border-top:1px solid #d8ddcf}.guide-jump a{padding:11px 17px;border:1px solid #cbd5ca;border-radius:99px;text-decoration:none;font:700 .8rem Arial,sans-serif;color:#183b31}.guide-jump a:hover,.guide-jump a:focus-visible{background:#183b31;color:white}.guide-feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;min-height:520px;padding:68px 0;border-top:1px solid #d8ddcf}.guide-feature>div:first-child{max-width:550px}.guide-feature-reverse>div:first-child{grid-column:2;grid-row:1}.guide-feature-reverse>.guide-art{grid-column:1;grid-row:1}.guide-feature p:not(.guide-kicker){max-width:510px}.guide-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:26px}.guide-links a,.guide-end>a:not(.button){font-weight:700;text-underline-offset:6px;color:#183b31}.guide-art{min-height:390px;padding:42px;display:grid;place-items:center;overflow:hidden;border-radius:180px 180px 12px 12px;background:#e9e6d9}.guide-art-invite{background:radial-gradient(circle at 80% 25%,#f5dec6,#e0dbca 62%,#b9cbb7)}.guide-envelope{width:min(100%,360px);aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;text-align:center;border:13px solid #fff9ec;outline:1px solid #b18c58;box-shadow:18px 25px 45px #3e403033;background:linear-gradient(135deg,#fbf7ef,#e9dfc7);transform:rotate(-5deg)}.guide-envelope span,.guide-envelope small,.guide-qr-card small{font:700 .7rem Arial,sans-serif;letter-spacing:.16em}.guide-envelope strong{font:normal clamp(2rem,4vw,3.5rem) Georgia,serif}.guide-envelope em{color:#a77e48}.guide-art-web{border-radius:12px;background:linear-gradient(145deg,#b7caba,#6f9184)}.guide-browser{width:100%;min-height:300px;padding:20px 28px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;color:#fbf8ee;text-align:center;background:linear-gradient(#1b393190,#1b393180),url('/assets/wedding-envelope-open-card-v1.png') center/cover;border:12px solid #fff;box-shadow:0 24px 50px #1b39313a}.guide-browser small{font-size:.6rem;letter-spacing:.13em}.guide-browser strong{font:normal clamp(2rem,4vw,3.6rem) Georgia,serif}.guide-browser span{font:italic 1rem Georgia,serif}.guide-art-guests{border-radius:12px;background:#e3e9df}.guide-list{width:min(100%,350px);padding:35px;background:#fff;border:1px solid #dae0d7;border-radius:12px;box-shadow:0 20px 45px #16392f20}.guide-list strong{display:block;font:normal 2rem Georgia,serif;margin-bottom:25px}.guide-list span{display:block;padding:15px 0;border-top:1px solid #e6e9e4;font:1rem Arial,sans-serif}.guide-list b{float:right}.guide-art-qr{background:radial-gradient(circle at 20% 80%,#a9bda5,#e5e8dc);border-radius:12px}.guide-qr-card{width:275px;min-height:345px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;background:#fdf9ee;border:2px solid #aa8754;border-radius:135px 135px 6px 6px;box-shadow:0 22px 50px #15332630}.guide-qr-pattern{width:140px;height:140px;background:repeating-conic-gradient(#183b31 0 25%,#fff 0 50%) 0/18px 18px;border:12px solid #fff}.guide-qr-card strong{font:normal 1.35rem Georgia,serif}.guide-art-gifts{background:#e7ddcb;border-radius:12px}.guide-gift{width:270px;height:270px;display:grid;place-items:center;background:#f5eee1;border:15px solid #fff;box-shadow:0 25px 50px #3e403030;font:5rem Georgia,serif;color:#b1905c}.guide-gift span{display:block;font:italic 1rem Georgia,serif;margin-top:-70px}.guide-end{padding:75px 30px;text-align:center;background:#e8eee6;border-radius:18px;margin-top:40px}.guide-end p{max-width:540px;margin:0 auto 25px}.guide-end>a:not(.button){display:inline-block;margin-left:25px}.guide-faq{max-width:1030px}.guide-faq .guide-hero{padding-bottom:45px}.guide-faq section{padding:45px 0 30px;border-top:1px solid #d8ddcf;scroll-margin-top:30px}.guide-faq details{border-bottom:1px solid #d8ddcf;padding:18px 0}.guide-faq summary{cursor:pointer;font:normal 1.3rem/1.4 Georgia,serif;list-style:none;padding-right:40px;position:relative}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary:after{content:'+';position:absolute;right:7px;top:0;font:1.5rem Arial,sans-serif}.guide-faq details[open] summary:after{content:'−'}.guide-faq details p{max-width:720px;margin:15px 0 4px;color:#445b51}.creator-invitation-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;position:relative;z-index:2;padding:20px 12px 28px}.creator-invitation-actions .button{min-width:175px;text-align:center}@media(max-width:700px){.site-guide{padding:0 6% 65px}.guide-hero{padding:70px 0 50px}.guide-feature{grid-template-columns:1fr;gap:25px;padding:45px 0;min-height:0}.guide-feature-reverse>div:first-child,.guide-feature-reverse>.guide-art{grid-column:auto;grid-row:auto}.guide-art{min-height:320px;padding:25px}.guide-end>a:not(.button){display:block;margin:20px auto 0}.guide-faq summary{font-size:1.15rem}.creator-invitation-actions .button{flex:1 1 175px}}
