@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--paper:#fffaf5;--ink:#424a3e;--muted:#727064;--sage:#b2bca7;--sage-light:#ebece3;--deep:#526348;--blush:#f2d9dc;--gold:#ad8950;--line:#e0d1c7;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
:root[data-palette=champagne]{--ink:#433a31;--muted:#766959;--sage:#bfb09a;--sage-light:#ebe4d9;--deep:#4a4136;--blush:#e9d9cb}
:root[data-palette=rose]{--ink:#603f46;--muted:#84666b;--sage:#cba9ab;--sage-light:#f0e2de;--deep:#734651;--blush:#ead3ce}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.06}h2{font-size:clamp(43px,5vw,70px);letter-spacing:-1.5px}em{font-weight:400}button[hidden],a[hidden],[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:2.6px;line-height:1.6;font-weight:500}.preview-bar{min-height:35px;padding:6px 25px;display:flex;justify-content:center;align-items:center;gap:16px;background:var(--sage-light);color:var(--ink);font-size:9px;letter-spacing:1.5px;position:relative;z-index:30}.preview-bar>span{letter-spacing:.4px;opacity:.8}.themes{display:flex;gap:7px;align-items:center}.themes button{width:19px;height:19px;border-radius:50%;border:2px solid var(--paper);background:#9aa88e;padding:0}.themes button[data-theme=champagne]{background:#bcab91}.themes button[data-theme=rose]{background:#ba9298}.themes button[aria-pressed=true]{outline:1px solid var(--ink);outline-offset:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:52px;padding:14px 25px;text-decoration:none;background:var(--deep);color:var(--paper);font-size:12px;letter-spacing:.8px;border:1px solid var(--deep);transition:background .2s,transform .2s}.button:hover{background:var(--ink);transform:translateY(-2px)}.text-button{border:0;background:none;font-size:11px;letter-spacing:1px;padding:13px}.underlined-link{display:inline-flex;gap:32px;text-decoration:none;border-bottom:1px solid var(--gold);padding:7px 0;font-size:12px;letter-spacing:.5px}.fine-rule{display:block;width:53px;height:1px;background:var(--gold);margin:24px auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:12px}.skip-link:focus{top:10px}
/* A folded envelope, with separate paper layers and an opening flap. */
.invitation-page{min-height:100vh;background:radial-gradient(ellipse at 7% 45%,#efdcd55c,transparent 45%),radial-gradient(ellipse at 97% 75%,#d4ddca88,transparent 50%),var(--paper)}.invitation-stage{min-height:calc(100svh - 94px);display:flex;align-items:center;flex-direction:column;justify-content:center;padding:52px 20px 30px;overflow:hidden}.invite-heading{text-align:center;transition:opacity .45s,transform .5s;max-width:700px}.invite-heading h1{font-size:clamp(40px,5vw,64px);letter-spacing:-1.2px;margin:18px 0}.intro{font-size:13px;color:var(--muted)}.envelope-scene{position:relative;width:min(490px,86vw);height:285px;margin-top:68px;perspective:1400px;transition:opacity .55s,transform .75s}.envelope{position:absolute;inset:0 0 15px;filter:drop-shadow(0 12px 17px #35433618)}.envelope-lining{position:absolute;inset:0;background:var(--sage);border-radius:3px;box-shadow:inset 0 0 0 1px #35433612}.envelope-lining::after{content:'';position:absolute;inset:10px;background:url('assets/sprig.svg') center/150px no-repeat;opacity:.28}.envelope-pocket{position:absolute;inset:0;background:linear-gradient(165deg,var(--sage-light),var(--sage));clip-path:polygon(0 0,50% 61%,100% 0,100% 100%,0 100%);z-index:4}.envelope-pocket::after{content:'';position:absolute;inset:0;background:linear-gradient(30deg,#ffffff30,transparent);clip-path:polygon(0 100%,50% 48%,100% 100%)}.envelope-fold{position:absolute;inset:0;z-index:5;background:#f8f5e61c}.envelope-fold.left{clip-path:polygon(0 0,50% 60%,0 100%)}.envelope-fold.right{clip-path:polygon(100% 0,50% 60%,100% 100%);background:#35433605}.envelope-flap{position:absolute;inset:0;background:linear-gradient(160deg,var(--sage-light),var(--sage));clip-path:polygon(0 0,100% 0,50% 62%);transform-origin:top;z-index:6;transition:transform 1.05s ease-in-out}.letter-peek{position:absolute;inset:13px 22px 18px;background:var(--paper);border:1px solid #d7d5c6;text-align:center;padding:30px 15px;z-index:3;transition:transform 1.1s ease-in-out .65s}.peek-names{display:block;font:30px/1.2 var(--serif);padding-top:22px}.wax-seal{position:absolute;left:50%;top:calc(56% - 42px);transform:translateX(-50%);width:76px;height:76px;border-radius:47% 51% 45% 49%;background:radial-gradient(circle at 32% 24%,#debf81,#ad8950 60%,#8b683b);border:2px solid #ba9459;box-shadow:0 4px 7px #3c372c35,inset 0 0 3px #f7e0a0;z-index:7;transition:transform .5s,opacity .4s}.wax-seal:hover{transform:translateX(-50%) scale(1.05)}.seal-ring{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid #84673680;box-shadow:inset 0 1px 2px #f9df9d88,0 1px 2px #f9df9d66;border-radius:50%;margin:auto;font:23px var(--serif);color:#6c512f;text-shadow:0 1px 0 #e7ca95}.envelope-caption{position:absolute;bottom:44px;z-index:6;width:100%;text-align:center;font:italic 21px var(--serif);color:var(--ink);pointer-events:none}.envelope-shadow{position:absolute;bottom:0;left:8%;right:8%;height:25px;background:#33462e24;filter:blur(18px);border-radius:50%}.open-hint{margin-top:29px;font-size:9px;letter-spacing:2.1px;transition:opacity .3s}.open-hint span{display:block;text-align:center;font-size:20px;margin-top:5px}.invitation-footer{min-height:59px;margin:0 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:8px;letter-spacing:2px}.invitation-footer>span:first-child{font:20px var(--serif);letter-spacing:0}.opening .wax-seal{opacity:0;transform:translateX(-50%) scale(1.2);pointer-events:none}.opening .envelope-flap{transform:rotateX(-180deg);z-index:2}.opening .letter-peek{transform:translateY(-165px)}.opening .open-hint{opacity:0}.opening .invite-heading{opacity:0;transform:translateY(-15px)}.departing .envelope-scene{opacity:0;transform:translateY(110px) scale(.96)}.opened .invite-heading,.opened .envelope-scene,.opened .open-hint{display:none}.invitation-card{width:min(520px,100%);text-align:center;animation:card-arrive .9s ease both;background:var(--paper);box-shadow:0 15px 80px #35433612;padding:14px}.card-border{border:1px solid var(--line);outline:1px solid #d7d5c677;outline-offset:-6px;padding:28px 30px 24px;position:relative}.card-sprig{height:69px;width:50px;object-fit:contain;transform:rotate(20deg);margin-bottom:15px}.invitation-line{font:18px/1.5 var(--serif);max-width:295px;margin:15px auto 22px}.invitation-names{font-size:clamp(40px,8vw,59px);line-height:.98}.invitation-names span{display:block}.invitation-names em{font-size:30px;display:block;margin:8px;color:var(--gold)}.invite-date{font:22px/1.4 var(--serif)}.invite-time{font:17px var(--serif);margin-top:5px}.invite-location{margin-top:20px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.invite-city{font:16px var(--serif);margin-top:3px}.reception-note{font:italic 17px/1.5 var(--serif);margin:21px 0}.card-footnote{font-size:9px;letter-spacing:.2px;margin-top:12px;color:var(--muted)}.invitation-card>.text-button{margin-top:8px;color:var(--muted)}.opened .invitation-stage{padding-top:30px;padding-bottom:36px}@keyframes card-arrive{from{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:none}}
/* The companion wedding website. */
.site-header{height:86px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.monogram{font:30px var(--serif);text-decoration:none;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:30px;font-size:11px}.site-header nav a{text-decoration:none;padding:10px 0}.site-header nav a:hover{border-bottom:1px solid var(--gold)}.site-header nav .nav-rsvp{border:1px solid var(--line);padding:10px 20px}.menu-toggle{display:none}.hero{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;padding:90px 20px 110px;overflow:hidden}.hero-inner{position:relative;text-align:center;z-index:1}.hero h1{font-size:clamp(65px,9.5vw,130px);letter-spacing:-3px;margin:34px 0}.hero h1>span{display:block}.hero h1 em{font-size:.42em;color:var(--gold);display:block;line-height:1.05;margin:7px}.hero-details{display:flex;justify-content:center;gap:20px;align-items:center;margin-bottom:26px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.tiny-star{color:var(--gold);font-size:14px}.hero-sprig{position:absolute;width:300px;height:560px;opacity:.65;bottom:30px;pointer-events:none}.sprig-left{left:-45px;transform:rotate(-28deg)}.sprig-right{right:-30px;transform:rotate(153deg)}.hero::before{content:'';position:absolute;width:440px;height:440px;border-radius:50%;background:var(--blush);filter:blur(100px);opacity:.35;top:60px;left:calc(50% - 220px)}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px}.section{padding:100px max(7%,calc((100vw - 1160px)/2));scroll-margin-top:30px}.welcome{text-align:center;background:var(--sage-light);padding-top:90px;padding-bottom:65px}.welcome h2{max-width:700px;margin:23px auto}.body-copy{font-size:14px;line-height:1.9;max-width:560px;margin:22px auto;color:var(--muted)}.small-sprig{height:83px;width:55px;object-fit:contain;transform:rotate(28deg);margin-top:12px}.section-heading h2{margin-top:18px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.story-item{border-top:1px solid var(--line);padding-top:26px}.story-number{font:italic 27px var(--serif);color:var(--gold);margin-bottom:33px}.story-item .eyebrow{font-size:8px;letter-spacing:1.7px}.story-item h3{font-size:31px;margin:14px 0}.story-item>p:last-child{font-size:12px;line-height:1.9;color:var(--muted)}.people{background:linear-gradient(120deg,#efdcd544,transparent),#f1eee6}.centered{text-align:center}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;text-align:center;margin-top:50px}.people-item{padding:15px 8px}.family-emblem{width:94px;height:115px;margin:0 auto 27px;border:1px solid var(--gold);border-radius:50% 50% 0 0;display:flex;align-items:center;justify-content:center;background:var(--paper)}.family-emblem img{height:80px;transform:rotate(20deg)}.people-item h3{font-size:29px;min-height:62px;display:flex;align-items:center;justify-content:center}.people-item .eyebrow{font-size:8px;margin:16px 0;letter-spacing:1.5px}.people-item>p:last-child{font-size:12px;color:var(--muted);line-height:1.9}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.gallery-heading>p{font-size:12px;color:var(--muted);padding-bottom:5px}.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr 1.15fr .85fr;gap:20px;align-items:start}.gallery-item{margin:0}.gallery-item:nth-child(even){margin-top:42px}.gallery-image{display:block;width:100%;aspect-ratio:3/4;background:var(--sage-light);object-fit:cover;border:0;padding:0;overflow:hidden;position:relative}.gallery-image.photo-button{cursor:zoom-in}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.photo-button:hover img{transform:scale(1.04)}.gallery-item figcaption{font:italic 21px var(--serif);padding:16px 0}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--sage-light),#c8cfba)}.gallery-item:nth-child(2) .photo-placeholder{background:linear-gradient(145deg,#f2e4da,#e1c8ba)}.gallery-item:nth-child(3) .photo-placeholder{background:linear-gradient(145deg,#e1dbc9,#babdae)}.gallery-item:nth-child(4) .photo-placeholder{background:linear-gradient(145deg,#eddde0,#cdb9b9)}.photo-placeholder::before{content:'';position:absolute;inset:12px;border:1px solid #ffffff60;border-radius:100px 100px 0 0}.photo-placeholder .placeholder-number{font:italic 58px var(--serif);opacity:.55}.photo-placeholder span:last-child{font-size:8px;letter-spacing:1.3px;margin-top:15px}.celebration{background:var(--deep);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:100px}.celebration h2{margin:22px 0 35px}.celebration-title>p:not(.eyebrow){font:20px/1.7 var(--serif)}.celebration-title>p.venue-name{font:12px/1.7 var(--sans);text-transform:uppercase;letter-spacing:1.4px;margin-top:15px}.celebration .underlined-link{margin-top:30px}.timeline{padding-top:20px}.event{padding:8px 0 35px 30px;border-left:1px solid #aeb89b70;position:relative}.event:last-child{padding-bottom:10px}.event::before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;left:-4px;top:15px;background:#c3ac77}.event-time{font-size:9px;letter-spacing:2px;color:#e2d6bc}.event h3{font-size:32px;margin:13px 0}.event>p{font-size:12px;line-height:1.9;opacity:.84;max-width:340px}.event .event-place{font:italic 18px var(--serif);margin-top:13px;opacity:1}.travel{text-align:center;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at center,var(--blush),transparent 70%)}.travel h2{margin-top:23px;font-size:clamp(40px,4.6vw,63px)}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq h2{margin-top:20px}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{padding:23px 28px 23px 0;cursor:pointer;font-size:13px;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:0;font-size:20px;top:16px;color:var(--gold)}details[open] summary::after{content:'−'}details p{font-size:12px;color:var(--muted);line-height:1.9;padding:0 25px 23px 0}.rsvp{text-align:center;background:var(--sage-light)}.rsvp .eyebrow{margin:20px 0}.rsvp h2{margin-bottom:28px}.rsvp>p:not(.eyebrow){font-size:13px}.rsvp .button{margin-top:22px}.rsvp .rsvp-note{font-size:11px!important;color:var(--muted);margin-top:14px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:40px 7%}.site-footer p{font:italic 22px var(--serif)}dialog{border:0;padding:16px;background:var(--paper);max-width:min(900px,92vw);max-height:90svh;color:var(--ink)}dialog::backdrop{background:#1d241edb}dialog img{display:block;max-width:100%;max-height:72svh;margin:auto;object-fit:contain}dialog p{text-align:center;font:italic 23px var(--serif);margin:14px 0 5px}.photo-close{position:absolute;right:20px;top:20px;border:0;background:var(--paper);border-radius:50%;width:44px;height:44px;font-size:28px;z-index:1}
@media(min-width:1600px){.hero-sprig{width:390px;height:650px}.sprig-left{left:4%}.sprig-right{right:4%}}
@media(max-width:760px){.site-header{height:72px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:107px;padding:23px 7%;background:var(--paper);z-index:15;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:5px}.site-header nav.open{display:flex}body:not(:has(.preview-bar:not([hidden]))) .site-header nav{top:72px}.site-header nav a{padding:12px 0}.hero{min-height:620px;padding-top:80px}.hero h1{font-size:clamp(59px,13vw,94px);letter-spacing:-2px}.hero-sprig{width:175px;height:360px;opacity:.42;bottom:12px}.sprig-left{left:-80px}.sprig-right{right:-75px}.hero-details{flex-direction:column;gap:8px}.hero-details .tiny-star{display:none}.hero .eyebrow{font-size:8px;letter-spacing:2px}.section{padding:70px 7%}.story-grid{grid-template-columns:1fr;gap:34px;margin-top:40px}.story-number{margin-bottom:18px}.story-item{padding-top:20px}.story-item>p:last-child{font-size:13px}.people-grid{grid-template-columns:1fr;gap:30px}.people-item{max-width:360px;margin:auto}.people-item h3{min-height:0}.people-item>p:last-child{font-size:13px}.family-emblem{margin-bottom:20px}.gallery-heading{display:block}.gallery-heading>p{margin-top:22px}.gallery-grid{grid-template-columns:1fr 1fr;gap:15px}.gallery-item:nth-child(even){margin-top:30px}.gallery-item figcaption{font-size:19px}.celebration{grid-template-columns:1fr;gap:35px}.faq{grid-template-columns:1fr;gap:40px}.site-footer{flex-direction:column;padding:35px 20px;gap:18px}.hero-bottom{font-size:6px;letter-spacing:1.1px}.preview-bar{padding:7px 10px;gap:10px;font-size:8px;letter-spacing:.8px}.themes button{width:20px;height:20px}.invitation-stage{padding-top:40px}.invite-heading h1{font-size:43px}.invite-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.envelope-scene{height:220px;margin-top:63px}.envelope-caption{bottom:32px;font-size:19px}.wax-seal{width:68px;height:68px;top:calc(57% - 42px)}.seal-ring{width:52px;height:52px;font-size:21px}.opening .letter-peek{transform:translateY(-120px)}.letter-peek{inset:12px 17px 15px;padding-top:25px}.peek-names{font-size:24px}.open-hint{margin-top:20px}.card-border{padding:22px 18px}.invitation-stage.opened{padding-top:20px}.invitation-card .button{gap:18px;padding:14px 17px}.invitation-footer{font-size:7px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.motion-enabled) *,body:not(.motion-enabled) *::before,body:not(.motion-enabled) *::after{animation:none!important;transition:none!important}}
/* Blush garden suite: roses, hydrangeas, ivy, and a quiet expression of faith. */
.invitation-page{background:radial-gradient(ellipse at 8% 40%,#f3ccd780,transparent 50%),radial-gradient(ellipse at 92% 75%,#eed8dc99,transparent 55%),var(--paper)}
.invitation-stage{position:relative;isolation:isolate}.invite-heading,.envelope-scene,.open-hint,.invitation-card{z-index:2}.invite-floral{position:absolute;width:320px;height:540px;object-fit:contain;pointer-events:none;z-index:-1;opacity:.8}.floral-left{left:-110px;top:115px;transform:rotate(-13deg)}.floral-right{right:-105px;bottom:0;transform:scaleX(-1) rotate(-13deg)}
.envelope-lining{background:#dbb6bc}.envelope-pocket{background:linear-gradient(155deg,#f6e2e3,#dab4bc)}.envelope-flap{background:linear-gradient(160deg,#f8e8e6,#e4bcc4)}.envelope-fold.right{background:#ac687509}.envelope-lining::after{background-image:url('assets/pink-florals.png');background-size:180px;opacity:.55}.envelope-caption{color:#684c51}.wax-seal{box-shadow:0 4px 7px #6e384035,inset 0 0 3px #f7e0a0}
.faith-cross{display:block;position:relative;width:23px;height:34px;margin:0 auto 23px;color:var(--gold)}.faith-cross::before{content:'';position:absolute;left:10px;width:2px;top:0;bottom:0;background:currentColor}.faith-cross::after{content:'';position:absolute;left:0;right:0;height:2px;top:10px;background:currentColor}
.hero{min-height:770px;background:radial-gradient(ellipse at 50% 43%,#f4dce054,transparent 65%)}.hero-sprig{width:370px;height:665px;object-fit:contain;opacity:.95;bottom:0}.sprig-left{left:-62px;transform:rotate(-13deg)}.sprig-right{right:-62px;transform:scaleX(-1) rotate(-13deg)}.hero h1{margin-top:25px}.hero .faith-cross{margin-bottom:22px}.hero::before{background:#f4dce0;opacity:.32}
.card-border{padding-top:34px;overflow:hidden;isolation:isolate}.card-floral{position:absolute;width:130px;height:230px;object-fit:contain;z-index:-1;opacity:.82;pointer-events:none}.card-floral-left{left:-43px;top:0;transform:rotate(-10deg)}.card-floral-right{right:-44px;top:0;transform:scaleX(-1) rotate(-10deg)}.card-verse{font:italic 16px/1.5 var(--serif);margin-top:24px;color:var(--muted)}.card-verse span{display:block;font:7px/2 var(--sans);letter-spacing:1.5px;margin-top:7px}.invitation-line{font-size:17px}.invitation-names{font-size:clamp(40px,8vw,57px)}
.welcome{background:linear-gradient(120deg,#f7e6e7,#f1dce0)}.scripture{font:italic 28px/1.4 var(--serif);margin:35px auto 0}.scripture cite{display:block;font:9px/1.7 var(--sans);letter-spacing:2px;margin-top:13px}.scripture a{text-decoration:none}.people{background:linear-gradient(120deg,#f9eeee,#f5e5e5)}.family-emblem{border-color:#c8ac90;background:#fffaf588;overflow:hidden}.family-emblem img{height:110px;width:85px;object-fit:contain;transform:rotate(-12deg)}.travel{background:radial-gradient(ellipse at center,#f3d7de99,transparent 90%)}.rsvp{background:#f3e0e3;position:relative;overflow:hidden;isolation:isolate}.rsvp-floral{position:absolute;height:430px;width:290px;object-fit:contain;left:-65px;bottom:-70px;z-index:-1;opacity:.68;transform:rotate(-24deg)}.rsvp .faith-cross{margin-bottom:15px}
@media(min-width:1600px){.hero-sprig{width:450px;height:750px}.sprig-left{left:4%}.sprig-right{right:4%}.invite-floral{width:380px;height:610px}.floral-left{left:0}.floral-right{right:0}}
@media(max-width:760px){.hero{min-height:700px}.hero .eyebrow{max-width:270px;margin:auto;line-height:1.8}.hero-sprig{width:200px;height:375px;opacity:.9;bottom:5px}.sprig-left{left:-100px;transform:rotate(-10deg)}.sprig-right{right:-105px;transform:scaleX(-1) rotate(-10deg)}.hero-inner{max-width:100%}.hero-details{max-width:240px;margin-left:auto;margin-right:auto}.hero h1{font-size:clamp(55px,13vw,94px)}.invite-floral{width:145px;height:290px;opacity:.55}.floral-left{left:-82px;top:100px}.floral-right{right:-85px;bottom:0}.opened .invite-floral{display:none}.invite-heading .eyebrow{max-width:260px;margin:auto}.card-floral{width:100px;height:160px;opacity:.64}.card-floral-left{left:-45px}.card-floral-right{right:-45px}.invitation-line{font-size:16px}.rsvp-floral{height:250px;width:165px;left:-75px;opacity:.5}}
/* Full formal names on the letter, familiar first names on the website. */
.invitation-names{font-size:clamp(34px,5vw,45px);line-height:1.08;overflow-wrap:normal}.invitation-names span{max-width:100%}.invite-location{letter-spacing:1px}.preview-bar{flex-wrap:wrap}
@media(max-width:400px){.invitation-names{font-size:33px}.preview-bar{gap:8px;font-size:7px}.preview-bar>span{letter-spacing:0}.themes{gap:5px}}