:root{--hm-ink:#10382e;--hm-cream:#faf7ee;--hm-gold:#ac7a3f;--hm-line:#e9ddc7}
.hm-live-hero{position:relative}
.hm-motion-toggle{position:absolute;right:18px;bottom:18px;z-index:3;border:1px solid #b8c5b8;background:#fffdf8ed;color:#10382e;border-radius:30px;padding:11px 18px;font:600 .8rem/1.3 Arial,sans-serif;cursor:pointer;box-shadow:0 4px 18px #10382e15}
.hm-motion-toggle:focus-visible{outline:3px solid #ac7a3f;outline-offset:3px}
.home-motion-enhanced .hm-hero-copy>*{animation:hm-arrive .9s both cubic-bezier(.2,.7,.25,1)}
.home-motion-enhanced .hm-hero-copy>h1{animation-delay:.12s}
.home-motion-enhanced .hm-hero-copy>.hm-lead{animation-delay:.24s}
.home-motion-enhanced .hm-hero-copy>.hm-actions{animation-delay:.36s}
.home-motion-enhanced .hm-hero-copy>.hm-free-note{animation-delay:.48s}
.home-motion-enhanced .hm-motion-item{opacity:0;transform:translateY(24px);transition:opacity .7s var(--motion-delay,0ms),transform .7s var(--motion-delay,0ms)}
.home-motion-enhanced .hm-motion-item.hm-entered{opacity:1;transform:none}
.hm-button span,.hm-text-link span,.hm-secondary span{display:inline-block;transition:transform .25s}
.hm-button:hover span,.hm-text-link:hover span,.hm-secondary:hover span{transform:translateX(6px)}
.home-motion-enhanced .hm-demo-invite{animation:hm-invitation-float 6s ease-in-out infinite}
.home-motion-enhanced .hm-demo-yes{animation:hm-rsvp-confirm 6s ease-in-out infinite}
.home-motion-enhanced .hm-demo-replies>span{animation:hm-reply-arrive 6s ease-in-out infinite}
.home-motion-enhanced .hm-demo-replies>span:nth-of-type(2){animation-delay:.3s}
.home-motion-enhanced .hm-demo-replies>span:nth-of-type(3){animation-delay:.6s}
.home-motion-enhanced .hm-benefits-grid article>span{display:inline-block;animation:hm-icon-float 5s ease-in-out infinite}
.home-motion-enhanced .hm-closing{background-image:radial-gradient(ellipse at 15% 50%,#34644e 0,transparent 65%);background-size:180% 180%;animation:hm-closing-glow 12s ease-in-out infinite alternate}
.home-motion-enhanced .hm-motion-item:not(.hm-in-view) *{animation-play-state:paused}
.hm[data-motion-paused="true"] *,.hm.hm-background *{animation-play-state:paused!important}
.hm[data-motion-paused="true"] .hm-motion-item,.hm[data-motion-paused="true"] [data-home-reveal],.hm[data-motion-paused="true"] .hm-hero-copy>*{opacity:1!important;transform:none!important;transition:none!important}
@keyframes hm-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes hm-invitation-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes hm-rsvp-confirm{0%,30%,100%{box-shadow:0 0 0 0 #ac7a3f00;transform:scale(1)}45%,65%{box-shadow:0 0 0 5px #ac7a3f22;transform:scale(1.035)}}
@keyframes hm-reply-arrive{0%,10%{opacity:.4;transform:translateX(8px)}30%,85%{opacity:1;transform:translateX(0)}100%{opacity:.4;transform:translateX(8px)}}
@keyframes hm-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes hm-closing-glow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.home-motion-enhanced .hm-motion-item{opacity:1;transform:none}}
html{scroll-padding-top:88px}
.hm{background:#fbf9f3;color:var(--hm-ink);overflow:hidden}
.hm *{box-sizing:border-box}
.hm p{color:#4c5a52}
.hm a{text-decoration:none}
.hm-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5.5vw,28px);max-width:1760px;margin:auto;background:#fffdf8}
.hm-brand{font:600 clamp(1.75rem,2.3vw,2.25rem)/1 Georgia,serif;letter-spacing:-.045em;color:var(--hm-ink);white-space:nowrap}
.hm-brand-mark{display:inline-block;color:#b49359;font:1.8rem/1 Georgia,serif;margin-right:10px;transform:rotate(-15deg)}
.hm-desktop-nav{display:flex;align-items:center;gap:clamp(20px,2.3vw,42px);font-size:.96rem}
.hm-desktop-nav>a:not(.hm-nav-cta){padding:14px 0;border-bottom:2px solid transparent}
.hm-desktop-nav>a:not(.hm-nav-cta):hover,.hm-desktop-nav>a:not(.hm-nav-cta):focus-visible{border-bottom-color:var(--hm-gold)}
.hm-invitations-menu{position:relative}.hm-invitations-menu summary{list-style:none;cursor:pointer;padding:14px 0;border-bottom:2px solid transparent}.hm-invitations-menu summary::-webkit-details-marker{display:none}.hm-invitations-menu[open] summary,.hm-invitations-menu summary:hover{border-bottom-color:var(--hm-gold)}.hm-invitations-menu summary span{font-size:.8em;margin-left:5px}.hm-invitations-dropdown{position:absolute;z-index:20;top:48px;left:-16px;display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;width:390px;max-height:390px;overflow:auto;padding:14px 16px;background:#fffdf8;border:1px solid var(--hm-line);border-radius:10px;box-shadow:0 18px 38px #1538292b}.hm-invitations-dropdown a{padding:7px 0;font-size:.86rem}.hm-mobile-nav .hm-invitations-menu{display:block}.hm-mobile-nav .hm-invitations-menu summary{padding:10px 8px;border-bottom:1px solid #eee4d5}.hm-mobile-nav .hm-invitations-dropdown{position:static;display:flex;flex-direction:column;width:auto;max-height:none;overflow:visible;padding:4px 8px 8px;background:transparent;border:0;box-shadow:none}.hm-mobile-nav .hm-invitations-dropdown a{padding:7px 0;font-size:.86rem}
.hm-nav-cta,.hm-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#104534;color:white!important;border:1px solid #104534;border-radius:10px;min-height:54px;padding:13px 27px;font-weight:700;box-shadow:0 8px 22px #17472d1b;transition:transform .2s,background .2s}
.hm-nav-cta{min-height:42px;padding:8px 23px;border-radius:8px}
.hm-nav-cta:hover,.hm-button:hover{background:#1c6248;transform:translateY(-2px)}
.hm-mobile-nav{display:none}
.hm-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;min-height:560px;max-width:1760px;margin:auto;background:linear-gradient(100deg,#fbf9f3 0%,#fbf9f3 41%,#f4ead8 100%)}
.hm-hero-copy{z-index:1;padding:65px 0 65px max(5.5vw,28px);max-width:780px}
.hm-eyebrow{color:#9b723e!important;letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;font-weight:700;margin:0 0 18px}
.hm-hero h1{font:400 clamp(3.5rem,4.4vw,5.2rem)/1.04 Georgia,serif;letter-spacing:-.055em;margin:0 0 22px;color:#102e27}
.hm-lead{font:1.25rem/1.6 Georgia,serif;max-width:625px;margin:0 0 24px;color:#36483e!important}
.hm-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.hm-secondary,.hm-text-link{display:inline-flex;align-items:center;gap:10px;color:#173e32;font-weight:700;border-bottom:1px solid #8f9c8c;padding:7px 0}
.hm-secondary:hover,.hm-text-link:hover{border-bottom-color:#173e32}
.hm-free-note{font-size:.85rem;margin:18px 0 0}
.hm-hero-art{position:relative;height:560px;overflow:hidden}
.hm-hero-art:before{content:"";position:absolute;inset:0 auto 0 0;width:24%;background:linear-gradient(90deg,#fbf9f3,transparent);z-index:1}
.hm-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% center}
.hm-art-caption{position:absolute;left:43%;top:29%;width:42%;z-index:2;text-align:center;color:#705533;transform:rotate(3deg);pointer-events:none}
.hm-art-caption span,.hm-art-caption small{display:block;font:600 clamp(.36rem,.58vw,.62rem)/1.4 Georgia,serif;letter-spacing:.19em}
.hm-art-caption strong{display:block;font:400 clamp(1.1rem,2.3vw,2.8rem)/1.06 Georgia,serif;letter-spacing:.05em;margin:18px 0}
.hm-art-caption em{font-size:.6em}
.hm-occasions,.hm-flow,.hm-featured,.hm-benefits,.hm-faq{max-width:1540px;margin:auto;padding:80px max(5.5vw,28px)}
.hm-section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}
.hm-section-intro>div{max-width:860px}
.hm h2{font:400 clamp(2.4rem,3.9vw,4.2rem)/1.09 Georgia,serif;letter-spacing:-.04em;margin:0 0 14px;color:var(--hm-ink)}
.hm-section-intro p:not(.hm-eyebrow){font-size:1.05rem;margin:0}
.hm-occasion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hm-occasion{position:relative;min-height:290px;overflow:hidden;border-radius:13px;display:flex;align-items:end;color:#12382f;box-shadow:0 12px 35px #412d1514;isolation:isolate;transition:transform .25s,box-shadow .25s}
.hm-occasion:hover{transform:translateY(-5px);box-shadow:0 18px 40px #412d1526}
.hm-occasion-image{position:absolute;inset:0;z-index:-2;background-image:url('/assets/home-occasions-2026.png');background-size:300% 100%;background-repeat:no-repeat}
.hm-occasion-wedding .hm-occasion-image{background-position:left}
.hm-occasion-birthday .hm-occasion-image{background-position:center}
.hm-occasion-business .hm-occasion-image{background-position:right}
.hm-occasion-baby .hm-occasion-image,.hm-occasion-christening .hm-occasion-image,.hm-occasion-entertaining .hm-occasion-image,.hm-occasion-holidays .hm-occasion-image,.hm-occasion-graduation .hm-occasion-image,.hm-occasion-moving .hm-occasion-image,.hm-occasion-other .hm-occasion-image,.hm-occasion-corporate .hm-occasion-image{background-image:url('/assets/home-category-art-2026.png');background-size:400% 200%}
.hm-occasion-baby .hm-occasion-image{background-position:0 0}
.hm-occasion-christening .hm-occasion-image{background-position:33.333% 0}
.hm-occasion-entertaining .hm-occasion-image{background-position:66.667% 0}
.hm-occasion-holidays .hm-occasion-image{background-position:100% 0}
.hm-occasion-graduation .hm-occasion-image{background-position:0 100%}
.hm-occasion-moving .hm-occasion-image{background-position:33.333% 100%}
.hm-occasion-other .hm-occasion-image{background-position:66.667% 100%}
.hm-occasion-corporate .hm-occasion-image{background-position:100% 100%}
.hm-occasion:after{content:"";position:absolute;inset:30% 0 0;z-index:-1;background:linear-gradient(transparent,#fff9edea)}
.hm-occasion-business:after{background:linear-gradient(transparent,#0b2923e8)}
.hm-occasion-business{color:#fff8e9}
.hm-occasion-copy{display:flex;flex-direction:column;padding:24px;width:100%}
.hm-occasion-copy strong{font:400 clamp(2rem,2.4vw,2.8rem)/1 Georgia,serif}
.hm-occasion-copy small{font:1rem/1.3 Georgia,serif;margin-top:8px;color:inherit}
.hm-occasion-copy>span{align-self:start;border-bottom:1px solid currentColor;padding:8px 0 3px;margin-top:12px;font-size:.85rem;font-weight:700}
.hm-flow{background:#f4f0e7;max-width:none}
.hm-flow>.hm-section-intro,.hm-flow>.hm-flow-grid,.hm-flow>.hm-text-link{max-width:1370px;margin-left:auto;margin-right:auto}
.hm-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hm-flow-card{background:#fffdf8;border:1px solid var(--hm-line);border-radius:18px;padding:28px;min-height:450px;box-shadow:0 16px 32px #3f32110e}
.hm-flow-number{display:grid;place-items:center;background:#eedeBC;color:#554124;width:43px;height:43px;border-radius:50%;font:1.3rem Georgia,serif}
.hm-flow-card h3{font:400 1.75rem Georgia,serif;margin:18px 0 10px}
.hm-flow-card p{min-height:60px;max-width:285px;margin:0 0 24px}
.hm-demo{width:min(100%,245px);height:210px;margin:auto;background:#fff;box-shadow:0 10px 30px #1b3a291b;border-radius:13px;padding:18px;color:#17382e}
.hm-demo-invite{background:radial-gradient(circle at 15% 12%,#dce5d4,transparent 30%),radial-gradient(circle at 85% 95%,#e1d3b1,transparent 30%),#fffaf0;border:7px solid white;outline:1px solid #dbc9a3;text-align:center;display:flex;flex-direction:column;justify-content:center}
.hm-demo-invite span,.hm-demo-invite small{font-size:.55rem;letter-spacing:.13em}
.hm-demo-invite strong{font:400 1.65rem/1.1 Georgia,serif;margin:20px 0}
.hm-demo-rsvp{display:flex;flex-direction:column;gap:9px;font-size:.78rem}
.hm-demo-rsvp strong{font-size:.88rem;margin-bottom:5px}
.hm-demo-rsvp span,.hm-demo-rsvp small{display:block;border:1px solid #d9dfd5;border-radius:6px;padding:9px}
.hm-demo-rsvp .hm-demo-yes{background:#174c36;color:white}
.hm-demo-replies{font-size:.8rem}
.hm-demo-replies strong{display:block;border-bottom:1px solid #e1e6dc;padding-bottom:14px;margin-bottom:12px}
.hm-demo-replies span{display:flex;align-items:center;gap:9px;margin:13px 0}
.hm-demo-replies b{color:#3c9b69}.hm-demo-replies span:nth-of-type(2) b{color:#b66161}.hm-demo-replies span:nth-of-type(3) b{color:#d9ae56}
.hm-demo-replies em{margin-left:auto;font-style:normal}
.hm-flow>.hm-text-link{display:flex;width:max-content;margin-top:30px}
.hm-featured .template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hm-featured .template-card{min-width:0}
.hm-benefits{text-align:center;background:#fffdf8;max-width:none}
.hm-benefits>h2{max-width:760px;margin:0 auto 30px}
.hm-benefits-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;text-align:left}
.hm-benefits article{border:1px solid var(--hm-line);border-radius:15px;padding:26px;background:#fbf9f3}
.hm-benefits article>span{color:#9d7338;font-size:2rem}
.hm-benefits h3{font:400 1.5rem Georgia,serif;margin:16px 0 8px}
.hm-benefits p{margin:0}
.hm-faq{max-width:930px}
.hm-faq details{border-bottom:1px solid #d9d8ca;padding:20px 0}
.hm-faq summary{cursor:pointer;font-weight:700}
.hm-faq details p{margin:14px 0 0}
.hm-faq details a{text-decoration:underline}
.hm-closing{text-align:center;padding:95px 24px;background:radial-gradient(circle at 50% -10%,#3f7055,#0c3027 65%);color:white}
.hm-closing .hm-eyebrow{color:#d8b87d!important}
.hm-closing h2{color:white;margin:0 auto 28px;max-width:900px}
.hm-button-light{background:#fff8ea;color:#12382f!important;border-color:#fff8ea}
.hm-button-light:hover{background:#f1dfbb}
.hm-footer{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:34px max(5.5vw,28px);background:#fffdf8}
.hm-footer p{margin:0}
.hm-footer nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto;font-size:.85rem}
.hm.motion-ready [data-home-reveal]{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.hm.motion-ready [data-home-reveal].is-visible{opacity:1;transform:none}
.hm-featured .template-preview{position:relative;overflow:hidden}
.hm-featured .template-preview::after{content:"";position:absolute;inset:10%;border:1px solid currentColor;border-radius:inherit;opacity:.12;animation:hm-card-pulse 5s ease-in-out infinite}
.hm-featured .template-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:hm-card-drift 8s ease-in-out infinite}
.hm-featured .template-preview.creator-preview-fallback{display:grid;place-items:center;background:linear-gradient(145deg,#e9eee5,#f3e6d1);color:#17392f}
.hm-featured .creator-preview-fallback-title{display:none}
.hm-featured .creator-preview-fallback .creator-preview-fallback-title{display:block;font:400 1.7rem Georgia,serif;text-align:center}
@keyframes hm-card-pulse{50%{transform:scale(.96);opacity:.24}}
@keyframes hm-card-drift{50%{transform:scale(1.045) translateY(-3px)}}
@media(max-width:1080px){.hm-hero h1{font-size:clamp(3.3rem,5.9vw,5rem)}.hm-hero-art{height:500px}.hm-art-caption{top:30%}.hm-occasion{min-height:245px}}
@media(max-width:800px){
 .hm-header{height:74px;padding:0 5%}.hm-desktop-nav{display:none}.hm-mobile-nav{display:block;position:relative;z-index:10}.hm-mobile-nav summary{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;cursor:pointer}.hm-mobile-nav summary::-webkit-details-marker{display:none}.hm-mobile-nav summary span{display:block;height:2px;width:29px;background:var(--hm-ink);border-radius:2px}.hm-mobile-nav nav{position:absolute;right:0;top:55px;display:flex;flex-direction:column;width:min(82vw,290px);padding:16px;background:#fffdf8;border:1px solid var(--hm-line);border-radius:10px;box-shadow:0 20px 40px #1538292b}.hm-mobile-nav nav a{padding:10px 8px;border-bottom:1px solid #eee4d5}
 .hm-hero{display:flex;flex-direction:column;min-height:0;background:#fbf9f3}.hm-hero-copy{width:100%;padding:36px 5% 28px;text-align:center}.hm-hero h1{font-size:clamp(2.9rem,8.4vw,4.7rem)}.hm-lead{margin:0 auto 26px}.hm-actions{justify-content:center}.hm-free-note{margin-top:14px}.hm-hero-art{width:100%;height:clamp(355px,77vw,550px)}.hm-hero-art:before{display:none}.hm-hero-art img{object-position:64% center}.hm-art-caption{left:43%;top:28%;width:46%}
 .hm-occasions,.hm-flow,.hm-featured,.hm-benefits,.hm-faq{padding:65px 5%}.hm-section-intro{align-items:start;flex-direction:column;gap:15px}.hm-occasion-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:14px;padding-bottom:15px}.hm-occasion{flex:0 0 min(78vw,370px);min-height:290px;scroll-snap-align:start}.hm-flow-grid{grid-template-columns:1fr 1fr}.hm-featured .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-benefits-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
 .hm-brand{font-size:1.75rem}.hm-eyebrow{font-size:.67rem}.hm-hero-copy{padding-top:28px}.hm-hero h1{font-size:clamp(2.55rem,10.4vw,3.65rem);line-height:1.08}.hm-lead{font-size:1.07rem;line-height:1.5}.hm-actions{display:block}.hm-actions .hm-button{display:flex;width:100%;min-height:56px}.hm-secondary{margin-top:12px}.hm-hero-art{height:360px}.hm-art-caption{top:29%;left:39%;width:51%}.hm-art-caption strong{font-size:1.16rem;margin:8px 0}.hm-art-caption span,.hm-art-caption small{font-size:.33rem}
 .hm h2{font-size:clamp(2.1rem,8.6vw,3rem)}.hm-flow-grid{grid-template-columns:1fr}.hm-flow-card{min-height:0}.hm-flow-card p{min-height:0}.hm-demo{margin:12px auto 0}.hm-featured .template-grid{grid-template-columns:1fr}.hm-footer{display:block}.hm-footer p{margin:10px 0}.hm-footer nav{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.hm *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hm.motion-ready [data-home-reveal]{opacity:1!important;transform:none!important}}

/* Final responsive collection and hero motion corrections. */
.hm-hero-art img{animation:hm-hero-drift 12s ease-in-out infinite alternate}
.hm-occasion-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:20px;padding:4px 2px 16px;scrollbar-width:thin}
.hm-occasion-grid .hm-occasion{flex:0 0 min(31vw,430px);scroll-snap-align:start}
@keyframes hm-hero-drift{from{transform:scale(1)}to{transform:scale(1.045) translateX(-1.5%)}}
@media(max-width:800px){.hm-occasion-grid .hm-occasion{flex-basis:min(78vw,370px)}}

/* Every active occasion remains visible; decorative artwork is reserved for
   the three concepts that have dedicated imagery. */
.hm-occasion-simple{min-height:205px;background:linear-gradient(140deg,#e7eee6,#f7f3e7);border:1px solid #d8e3d7}
.hm-occasion-simple:nth-child(4n+1){background:linear-gradient(140deg,#ebedf0,#fbf8ec)}
.hm-occasion-simple:nth-child(4n+2){background:linear-gradient(140deg,#f4e5df,#fbf5eb)}
.hm-occasion-simple:nth-child(4n+3){background:linear-gradient(140deg,#e7eee6,#f7f3e7)}
.hm-occasion-simple:nth-child(4n){background:linear-gradient(140deg,#eee5d6,#faf7ed)}
.hm-occasion-simple:after{background:linear-gradient(transparent,#fffaf0a8)}
.hm-occasion-monogram{position:absolute;right:22px;top:3px;font:400 10rem/1 Georgia,serif;color:#154132;opacity:.11}
.hm-occasion-simple .hm-occasion-copy{position:relative}
.hm-occasion-simple .hm-occasion-copy strong{font-size:clamp(1.7rem,2.2vw,2.5rem)}
@media(max-width:800px){
 .hm-occasion-grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;gap:14px;padding-bottom:10px;scrollbar-width:thin}
 .hm-occasion{flex:0 0 min(78vw,370px);min-width:0;min-height:230px}
 .hm-occasion-simple{min-height:185px}
}
@media(max-width:560px){
 .hm-occasion-grid{grid-template-columns:1fr}
 .hm-occasion{min-height:235px}
 .hm-occasion-simple{min-height:150px}
 .hm-occasion-simple .hm-occasion-copy{padding:17px 21px}
}

/* Interactive 3D invitation on the public homepage. The real links and copy
   remain HTML, so the scene is usable without motion or canvas support. */
.hm-three-hero{isolation:isolate;background:radial-gradient(circle at 75% 24%,#fffdf5,#e9dfca 74%)}
.hm-three-hero::before{content:"";position:absolute;inset:-18px;width:auto;z-index:0;background:url('/assets/home-hero-2026.png') center/cover;filter:blur(18px);opacity:.46;transform:scale(1.06);pointer-events:none}
.hm-three-hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#fbf9f3a8,transparent 24%),radial-gradient(circle at 50% 54%,#fff5df2c,#5c57381d);pointer-events:none}
.hm-three-scene{position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center;perspective:950px;perspective-origin:50% 42%;overflow:hidden;touch-action:pan-y}
.hm-three-object{position:relative;width:min(72%,510px);height:355px;transform-style:preserve-3d;transform:rotateX(var(--hm-tilt-x,5deg)) rotateY(var(--hm-tilt-y,-14deg));transition:transform .35s ease;filter:drop-shadow(0 35px 24px #2b241e38)}
.hm-three-envelope-back{position:absolute;left:0;right:0;bottom:0;height:68%;background:linear-gradient(145deg,#fffdf5,#e7d8b9);border:1px solid #cdb68a;box-shadow:inset 0 0 0 10px #fffdf185,0 12px 25px #5945261c;transform:translateZ(1px)}
.hm-three-letter{position:absolute;z-index:5;top:calc(50% - 223px);left:0;right:0;width:min(54%,378px);height:295px;margin:auto;padding:10px;background:#fffaf0;border:1px solid #c4a66c;box-shadow:9px 11px 0 #c8ae81,20px 28px 40px #3327194d;transition:top 1s cubic-bezier(.18,.72,.2,1),box-shadow 1s,opacity .25s}
.hm-three-letter-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;height:100%;border:1px solid #d6bd87;background:radial-gradient(circle at 7% 8%,#dbe2d4,transparent 35%),radial-gradient(circle at 95% 93%,#eadbbd,transparent 40%),#fffaf0;text-align:center;color:#1b4437}
.hm-three-ornament{font:20px Georgia,serif;color:#ba945b}
.hm-three-kicker{font:700 10px/1.3 Arial,sans-serif!important;letter-spacing:.25em;color:#a4763b!important;margin:0!important}
.hm-three-letter strong{font:400 clamp(28px,3.3vw,46px)/1 Georgia,serif;letter-spacing:-.05em}
.hm-three-letter em{font-size:.75em;font-weight:400;color:#af7f47}
.hm-three-rule{height:1px;width:38%;background:#ba945b}
.hm-three-letter p:not(.hm-three-kicker){font:400 14px/1.4 Georgia,serif;margin:0;color:#435d4d}
.hm-three-link{display:inline-flex;align-items:center;gap:7px;margin-top:2px;padding:6px 0;border-bottom:1px solid #b8955f;font:700 11px/1.2 Arial,sans-serif;color:#194a37!important}
.hm-three-link:focus-visible,.hm-three-open:focus-visible{outline:3px solid #b48142;outline-offset:4px}
.hm-three-flap{position:absolute;z-index:2;left:0;right:0;bottom:0;height:68%;clip-path:polygon(0 0,100% 0,50% 72%);background:linear-gradient(155deg,#f4ead5,#dfcba6);border-top:1px solid #c9b184;transform-origin:50% 0;transform:translateZ(5px) rotateX(-180deg);backface-visibility:hidden;transition:transform .75s cubic-bezier(.2,.68,.3,1)}
.hm-three-pocket{position:absolute;z-index:4;left:0;right:0;bottom:0;height:68%;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);background:linear-gradient(120deg,#f9f1e1,#e6d3af 55%,#fff9e9);border:1px solid #c9b184;box-shadow:inset 0 -10px 22px #aa87501b;pointer-events:none}
.hm-three-seal{position:absolute;z-index:6;left:50%;bottom:24%;display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#e8cb85,#9b692b 75%);border:3px double #f5e4b4;color:#fff9e7;box-shadow:0 4px 11px #47331955;transform:translateX(-50%) translateZ(20px);opacity:0;transition:opacity .3s}
.hm-three-hero[data-state="closed"] .hm-three-letter{top:calc(50% + 28px);box-shadow:0 2px 8px #33271922;opacity:0}
.hm-three-hero[data-state="closed"] .hm-three-flap{z-index:5;transform:translateZ(12px) rotateX(0)}
.hm-three-hero[data-state="closed"] .hm-three-seal{opacity:1;transition-delay:.3s}
.hm-three-open{position:absolute;z-index:7;bottom:24px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:196px;min-height:43px;padding:9px 17px;border:1px solid #c0a271;border-radius:24px;background:#fffaf0;color:#194234;font:700 12px Arial,sans-serif;cursor:pointer;box-shadow:0 8px 20px #463e2630}
.hm-three-open:hover{background:#fff4dc}
.hm-three-hero .hm-motion-toggle{top:14px;right:14px;bottom:auto}
.hm-three-hint{position:absolute;top:20px;left:22px;z-index:2;color:#4d584a;font:700 10px/1.3 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.hm-three-hero[data-state="closed"] .hm-three-link{pointer-events:none}
@media(max-width:1080px){.hm-three-object{width:min(80%,460px);height:330px}.hm-three-letter{height:278px}}
@media(max-width:800px){.hm-three-hero{height:clamp(400px,100vw,540px)!important}.hm-three-hero::before{opacity:.35}.hm-three-object{width:min(78%,490px);height:320px}.hm-three-letter{height:270px}.hm-three-open{bottom:17px}}
@media(max-width:560px){.hm-hero-art.hm-three-hero{height:390px!important;min-height:0;flex:0 0 390px}.hm-three-object{width:83%;height:270px}.hm-three-letter{top:70px;width:62%;height:235px;padding:7px}.hm-three-hero[data-state="closed"] .hm-three-letter{top:calc(50% + 20px)}.hm-three-letter-inner{gap:6px}.hm-three-letter strong{font-size:27px}.hm-three-letter p:not(.hm-three-kicker){font-size:11px}.hm-three-ornament{font-size:15px}.hm-three-link{font-size:10px}.hm-three-open{bottom:15px}}
@media(prefers-reduced-motion:reduce){.hm-three-object,.hm-three-letter,.hm-three-flap,.hm-three-seal{transition:none!important}.hm-three-object{transform:none!important}}

/* Keep the public mobile navigation and occasion links inside one scrollable menu. */
@media(max-width:800px){
 .hm-hero-art.hm-three-hero{order:-1}
 .hm-mobile-nav>nav{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
 .hm-mobile-nav .invitation-menu>summary{display:block;width:auto;height:auto;padding:10px 8px;border-bottom:1px solid #eee4d5}
 .hm-mobile-nav .invitation-menu>summary span{display:inline;width:auto;height:auto;background:none;margin-left:5px}
 .hm-mobile-nav .invitation-menu[open]>.invitation-mega{position:static!important;inset:auto!important;width:100%!important;max-height:none;overflow:visible;padding:6px 8px 8px;border:0;border-radius:0;box-shadow:none;background:transparent}
 .hm-mobile-nav .invitation-mega .mega-columns{columns:1}
 .hm-mobile-nav .invitation-mega .mega-columns section{margin:10px 0}
}
@keyframes hm-three-mobile-depth{0%,100%{transform:rotateX(6deg) rotateY(-14deg) translateY(0)}50%{transform:rotateX(1deg) rotateY(14deg) translateY(-7px)}}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){.hm-three-object{animation:hm-three-mobile-depth 7s ease-in-out infinite}}
.hm-three-hero[data-interacting="true"] .hm-three-object{animation:none!important}
@media(prefers-reduced-motion:reduce){.hm-three-object{transform:none!important}}

/* Depth follows the visitor into the occasion, steps and benefits sections. */
.hm-occasion-grid,.hm-flow-grid,.hm-benefits-grid{perspective:1050px;perspective-origin:50% 38%}
.hm-depth-card{transform-style:preserve-3d;backface-visibility:hidden}
.hm.home-motion-enhanced:not([data-motion-paused="true"]) .hm-depth-card:not(.hm-depth-in){opacity:.62;transform:translate3d(0,32px,-68px) rotateX(9deg)}
.hm.home-motion-enhanced .hm-depth-card.hm-depth-in{opacity:1;transform:none;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .7s ease,box-shadow .3s ease;transition-delay:var(--hm-depth-delay,0ms)}
.hm-flow-card.hm-depth-in .hm-demo{box-shadow:0 18px 32px #1b3a292b}
.hm-benefits article.hm-depth-in>span{display:inline-block;transform:translateZ(18px)}
@media(hover:hover){.hm.home-motion-enhanced .hm-occasion.hm-depth-in:hover,.hm.home-motion-enhanced .hm-flow-card.hm-depth-in:hover,.hm.home-motion-enhanced .hm-benefits article.hm-depth-in:hover{transform:translateY(-6px);box-shadow:0 22px 42px #412d152a}}
.hm[data-motion-paused="true"] .hm-depth-card{opacity:1!important;transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.hm .hm-depth-card,.hm .hm-depth-card .hm-demo,.hm .hm-depth-card>span{opacity:1!important;transform:none!important;transition:none!important}}

/* The opening letter settles into a sample guests can turn and answer. */
.hm-story-handoff{--hm-handoff-progress:0;display:flex;align-items:center;justify-content:center;gap:22px;height:118px;padding:12px 5%;background:linear-gradient(#fbf9f3,#f4f0e7);perspective:850px;overflow:hidden}
.hm-story-thread{width:min(17vw,180px);height:1px;background:linear-gradient(90deg,transparent,#b99a65)}
.hm-story-thread:last-child{transform:rotate(180deg)}
.hm-story-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:88px;flex:none;border:1px solid #c4a66c;outline:5px solid #fffdf8;background:radial-gradient(circle at 10% 10%,#dce5d4,transparent 40%),#fffaf0;box-shadow:0 13px 24px #61452324;color:#1b4437;transform:translateY(calc(-34px + 34px * var(--hm-handoff-progress))) rotateX(calc(28deg - 28deg * var(--hm-handoff-progress))) scale(calc(.82 + .18 * var(--hm-handoff-progress)));opacity:calc(.35 + .65 * var(--hm-handoff-progress));will-change:transform}
.hm-story-card span{font:700 8px Arial,sans-serif;letter-spacing:.17em;color:#9b723e}
.hm-story-card strong{font:400 17px Georgia,serif;margin-top:7px}
.hm-flow-card-preview{text-align:left}
.hm-flip-scene{width:min(100%,262px);height:226px;margin:4px auto 0;perspective:950px}
.hm-flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.hm-flip-scene[data-side="back"] .hm-flip-card{transform:rotateY(180deg)}
.hm-flip-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:17px;border:7px solid #fff;outline:1px solid #dbc9a3;background:#fffaf0;box-shadow:0 13px 24px #1b3a2926;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:center;color:#17382e}
.hm-flip-scene[data-side="back"] .hm-flip-front,.hm-flip-scene[data-side="front"] .hm-flip-back{pointer-events:none}
.hm-flip-front{background:radial-gradient(circle at 15% 12%,#dce5d4,transparent 30%),radial-gradient(circle at 85% 95%,#e1d3b1,transparent 30%),#fffaf0}
.hm-flip-front span,.hm-flip-front small,.hm-flip-back>span:first-child{font:700 9px Arial,sans-serif;letter-spacing:.13em}
.hm-flip-front strong{font:400 1.65rem/1.1 Georgia,serif;margin:19px 0}
.hm-flip-back{transform:rotateY(180deg);gap:6px;background:radial-gradient(circle at 90% 8%,#e7ddc8,transparent 35%),#fffaf0}
.hm-flip-back strong{font:400 1.15rem Georgia,serif;margin-top:5px}
.hm-flip-back small{font:11px Georgia,serif}
.hm-flip-back .hm-flip-rsvp-label{font:700 11px Arial,sans-serif;margin-top:7px}
.hm-flip-back button{width:100%;min-height:27px;border:1px solid #b5c4b6;border-radius:4px;background:#fffdf8;color:#174c36;font:700 10px Arial,sans-serif;cursor:pointer}
.hm-flip-back button:hover,.hm-flip-back button[aria-pressed="true"]{background:#174c36;color:#fff}
.hm-flip-response{min-height:13px;font:10px Arial,sans-serif;color:#174c36}
.hm-flip-back .hm-flip-choice{display:block;width:100%;padding:7px;border:1px solid #b5c4b6;border-radius:4px;background:#fffdf8;font:700 10px Arial,sans-serif}
.hm-demo-rsvp{gap:7px;padding:16px}
.hm-demo-rsvp button{display:block;width:100%;min-height:30px;padding:7px 9px;border:1px solid #d9dfd5;border-radius:6px;background:#fff;color:#17382e;text-align:left;font:inherit;cursor:pointer}
.hm-demo-rsvp button.hm-demo-yes,.hm-demo-rsvp button[aria-pressed="true"]{background:#174c36;color:white}
.hm-demo-rsvp button:focus-visible{outline:3px solid #ac7a3f;outline-offset:2px}
.hm-demo-rsvp .hm-demo-rsvp-status{display:block;min-height:15px;border:0;padding:0;font:11px Arial,sans-serif;color:#174c36}
.hm-flip-control{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px auto 0;min-height:38px;padding:7px 14px;border:1px solid #a99167;border-radius:20px;background:#fffaf0;color:#174c36;font:700 12px Arial,sans-serif;cursor:pointer}
.hm-flip-control:hover{background:#f3e7cb}
.hm-flip-control:focus-visible,.hm-flip-back button:focus-visible{outline:3px solid #ac7a3f;outline-offset:3px}
.hm-flip-note{display:block;margin:7px auto 0;text-align:center;color:#5f695f;font:11px Arial,sans-serif}
.hm[data-motion-paused="true"] .hm-story-card,.hm[data-motion-paused="true"] .hm-flip-card{transition:none!important}
.hm[data-motion-paused="true"] .hm-story-card{transform:none!important;opacity:1!important}
@media(max-width:560px){.hm-story-handoff{height:95px}.hm-story-card{width:130px;height:75px}.hm-story-card strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hm-story-card{transform:none!important;opacity:1!important}.hm-flip-card{transition:none!important}}

/* Botanical Envelope uses the same aligned sealed/open artwork as its invitation. */
.hm-spotlight{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);min-height:430px;margin:0 0 30px;border:1px solid #d7d9c6;border-radius:20px;background:linear-gradient(145deg,#e9eee5,#f8f2e5 72%);box-shadow:0 18px 42px #3c452115;overflow:hidden}
.hm-spotlight-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,4vw,62px);z-index:1}
.hm-spotlight-copy h3{font:400 clamp(2.3rem,3.8vw,4rem)/1.05 Georgia,serif;letter-spacing:-.045em;margin:0 0 18px;color:#17382e}
.hm-spotlight-copy>p:not(.hm-eyebrow){max-width:410px;margin:0 0 18px;font:1.05rem/1.55 Georgia,serif}
.hm-spotlight-meta{display:block;margin:0 0 25px;color:#6c604b;font:700 .8rem/1.4 Arial,sans-serif;letter-spacing:.04em}
.hm-spotlight-copy .hm-button{min-height:48px;padding:10px 21px}
.hm-spotlight-scene{position:relative;display:block;width:100%;aspect-ratio:3/2;min-height:430px;background:#e6dfcf;overflow:hidden;isolation:isolate}
.hm-spotlight-scene:focus-visible{outline:4px solid #ad803d;outline-offset:-6px}
.hm-spotlight-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.hm-spotlight-open{opacity:1}.hm-spotlight-closed{opacity:0}
.hm-spotlight-card{position:absolute;z-index:1;top:9%;left:26%;width:48%;height:62%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:7px;padding:4px 8px;overflow:hidden;text-align:center;color:#334c3d;pointer-events:none}
.hm-spotlight-card small{font:700 .63rem/1.2 Arial,sans-serif;letter-spacing:.15em;color:#516a58}
.hm-spotlight-card strong{font:400 clamp(1.7rem,3vw,2.5rem)/1.02 Georgia,serif;letter-spacing:-.025em;color:#334c3d}
.hm-spotlight-card>span{font:400 .83rem/1.3 Arial,sans-serif;color:#405848}
.hm-spotlight-card .hm-spotlight-facts{border-top:1px solid #d8c5a3;border-bottom:1px solid #d8c5a3;padding:7px 0;width:100%;font-size:.73rem}
.hm-spotlight-card .hm-spotlight-reply{display:block;padding:9px 12px;border-radius:4px;background:#315f4a;color:white;font:700 .78rem/1.2 Arial,sans-serif}
.hm-spotlight-in .hm-spotlight-closed{animation:homeEnvelopeClose 1.25s .25s ease-in-out both}
.hm-spotlight-in .hm-spotlight-open{animation:homeEnvelopeOpen 1.25s .25s ease-in-out both}
.hm-spotlight-in .hm-spotlight-card{animation:homeEnvelopeCard 1s .95s cubic-bezier(.2,.8,.25,1) both}
@keyframes homeEnvelopeClose{0%,30%{opacity:1}100%{opacity:0}}
@keyframes homeEnvelopeOpen{0%,30%{opacity:0}100%{opacity:1}}
@keyframes homeEnvelopeCard{from{opacity:0;transform:translateY(75px)}to{opacity:1;transform:translateY(0)}}
.hm[data-motion-paused="true"] .hm-spotlight-art,.hm[data-motion-paused="true"] .hm-spotlight-card{animation:none!important;transform:none!important}
.hm[data-motion-paused="true"] .hm-spotlight-closed{opacity:0!important}.hm[data-motion-paused="true"] .hm-spotlight-open,.hm[data-motion-paused="true"] .hm-spotlight-card{opacity:1!important}
@media(max-width:980px){.hm-spotlight{grid-template-columns:1fr}.hm-spotlight-copy{padding:34px 6% 28px}.hm-spotlight-scene{min-height:0}}
@media(max-width:560px){.hm-spotlight{border-radius:14px}.hm-spotlight-copy h3{font-size:2.4rem}.hm-spotlight-scene{aspect-ratio:auto;height:350px}.hm-spotlight-card{top:8%;left:11%;width:78%;height:68%;gap:5px}.hm-spotlight-card strong{font-size:clamp(1.55rem,7vw,2rem)}.hm-spotlight-card>span{font-size:.75rem}.hm-spotlight-card .hm-spotlight-facts{font-size:.69rem}.hm-spotlight-card .hm-spotlight-reply{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.hm-spotlight-art,.hm-spotlight-card{animation:none!important;transform:none!important}.hm-spotlight-closed{opacity:0!important}.hm-spotlight-open,.hm-spotlight-card{opacity:1!important}}

/* Additional event features follow the existing invitation collection. */
.hm-feature-stories{max-width:1540px;margin:0 auto;padding:0 max(5.5vw,28px) 34px;display:grid;gap:24px}
.hm-feature-story{position:relative;isolation:isolate;min-height:440px;overflow:hidden;border-radius:20px;box-shadow:0 18px 42px #342c1916}
.hm-feature-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:min(44%,490px);min-height:440px;padding:clamp(32px,4.2vw,68px)}
.hm-feature-copy h2{font-size:clamp(2.7rem,4vw,4.5rem);max-width:410px;margin-bottom:17px}
.hm-feature-copy>p:not(.hm-eyebrow){max-width:380px;margin:0 0 26px;font:1.1rem/1.55 Georgia,serif}
.hm-feature-copy .hm-button{min-height:48px;padding:11px 20px;font-size:.9rem}
.hm-feature-websites{background:linear-gradient(105deg,#fbf9f3 0%,#f8f3e7 43%,#e0ded0 100%);border:1px solid #eee5d4}
.hm-website-scene{position:absolute;inset:0 0 0 43%;background:linear-gradient(90deg,#f8f3e7 0%,#f8f3e700 35%),url('/assets/website-catalog-wedding.webp') center/cover}
.hm-website-screen{position:absolute;overflow:hidden;background:#fffdf8;border:5px solid #192821;box-shadow:0 24px 42px #1e251e55}
.hm-website-desktop{right:11%;top:11%;width:min(76%,670px);height:72%;border-radius:13px 13px 7px 7px}
.hm-website-desktop::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-12px;height:12px;border-radius:0 0 18px 18px;background:linear-gradient(#414742,#161e19)}
.hm-website-browser-bar{display:flex;align-items:center;gap:5px;height:23px;padding:0 9px;background:#e9e7df;color:#738077;font:9px Arial,sans-serif}
.hm-website-browser-bar i{display:block;width:5px;height:5px;border-radius:50%;background:#bdbaae}
.hm-website-browser-bar span{margin:auto}
.hm-website-screen img{display:block;width:100%;height:calc(100% - 23px);object-fit:cover;object-position:top}
.hm-website-phone{right:4%;bottom:6%;width:18%;max-width:142px;height:54%;border:7px solid #17211b;border-radius:22px;z-index:1}
.hm-website-phone-speaker{position:absolute;z-index:2;top:4px;left:38%;width:24%;height:4px;border-radius:8px;background:#17211b}
.hm-website-phone img{height:100%}
.hm-feature-memories{background:#233426 url('/assets/home-qr-memories-2026.webp') center/cover}
.hm-feature-memories::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#182b21e8 0%,#213a2bc9 28%,#1c30253b 62%,transparent 100%)}
.hm-feature-memories .hm-eyebrow{color:#e3bf80!important}
.hm-feature-memories h2,.hm-feature-memories .hm-feature-copy>p:not(.hm-eyebrow){color:#fffdf5}
.hm-feature-memories .hm-button,.hm-feature-gifts .hm-button{background:#a7804b;border-color:#a7804b}
.hm-feature-memories .hm-button:hover,.hm-feature-gifts .hm-button:hover{background:#8d683a}
.hm-qr-preview{position:absolute;z-index:1;right:16%;top:14%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;width:210px;height:300px;padding:22px 17px;background:#fff9ed;border:8px solid #c3a06a;box-shadow:0 20px 32px #1f211e60;color:#17392f;text-align:center;transform:rotate(1deg)}
.hm-qr-preview-top,.hm-qr-preview-bottom{font:700 10px/1.3 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.hm-qr-preview-bottom{letter-spacing:.07em;text-transform:none}
.hm-qr-preview img{display:block;width:146px;height:146px;image-rendering:pixelated}
.hm-feature-gifts{background:#f8f2e7 url('/assets/home-event-gifts-2026.webp') center/cover}
.hm-feature-gifts::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fbf7ed 0%,#fbf7edea 23%,#fbf7ed5e 48%,transparent 68%)}
@media(max-width:900px){
 .hm-feature-stories{padding:0 5% 26px}.hm-feature-story{min-height:390px}.hm-feature-copy{width:49%;min-height:390px;padding:28px}.hm-feature-copy h2{font-size:clamp(2.4rem,5vw,3.5rem)}.hm-feature-copy>p:not(.hm-eyebrow){font-size:1rem}.hm-qr-preview{right:7%;width:180px;height:255px}.hm-qr-preview img{width:120px;height:120px}
}
@media(max-width:620px){
 .hm-feature-stories{gap:16px}.hm-feature-story{border-radius:15px}.hm-feature-copy{width:100%;min-height:0;justify-content:flex-start;padding:34px 25px}.hm-feature-copy h2{font-size:clamp(2.35rem,9vw,3.1rem);max-width:330px}.hm-feature-copy>p:not(.hm-eyebrow){max-width:350px}.hm-feature-copy .hm-button{width:100%;max-width:310px}
 .hm-feature-websites{min-height:670px}.hm-feature-websites .hm-feature-copy{padding-bottom:0}.hm-website-scene{inset:270px 0 0;background-position:center}.hm-website-desktop{width:83%;right:9%;top:13%;height:66%}.hm-website-phone{right:3%;bottom:5%;width:23%;height:48%}
 .hm-feature-memories{min-height:680px;background-position:60% center}.hm-feature-memories::before{background:linear-gradient(#14291fe8 0%,#1b3228d9 35%,#1b322826 76%)}.hm-feature-memories .hm-feature-copy{padding-bottom:0}.hm-qr-preview{top:auto;bottom:30px;right:calc(50% - 90px);transform:none}
 .hm-feature-gifts{min-height:580px;background-position:68% center}.hm-feature-gifts::before{background:linear-gradient(#fbf7ed 0%,#fbf7edf2 35%,#fbf7ed20 75%)}
}
@media(prefers-reduced-motion:reduce){.hm-feature-story{transform:none!important;opacity:1!important}}