/* Wedding website service and the reusable Summer in Green demonstration. */
.ws-intro{max-width:1250px;padding-bottom:65px}.ws-intro h1{max-width:850px}.ws-intro .link-pair{margin-top:35px}
.ws-showcase{padding:0 var(--inset) 100px}.ws-preview{display:block;max-width:1120px;margin:auto;box-shadow:0 22px 65px #201f1c15;background:#f4f1e9}.ws-preview:hover{text-decoration:none}.ws-preview-bar{display:flex;justify-content:space-between;padding:16px 25px;font-size:12px;letter-spacing:.12em}.ws-preview-image{position:relative;isolation:isolate;overflow:hidden}.ws-preview-image picture{opacity:1!important}.ws-preview-image img{aspect-ratio:16/8;object-fit:cover}.ws-preview-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#152a2199);pointer-events:none}.ws-preview-image>div{position:absolute;bottom:15%;width:100%;text-align:center;color:#fffaf0;z-index:1}.ws-preview-image h2{font-size:clamp(45px,7vw,95px)}.ws-preview-image p{margin:auto}.ws-caption{max-width:1120px;margin:18px auto 0;font-size:13px;color:var(--muted)}
.ws-details{padding:90px var(--inset);display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid var(--rule)}.ws-details>div>p:not(.eyebrow){margin-top:25px}.ws-feature-list article{display:grid;grid-template-columns:35px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--rule)}.ws-feature-list article>span{font-size:12px;padding-top:8px}.ws-feature-list p{margin-top:12px}.ws-personal{padding:100px var(--inset);background:#344b40;color:#f6f1e7;text-align:center}.ws-personal h2{max-width:800px;margin:auto}.ws-personal p:not(.eyebrow){max-width:660px;margin:25px auto}.ws-personal .ws-price{font-family:EN Serif,Georgia,serif;font-size:36px;margin-top:45px}.ws-demo-disclaimer{padding:45px var(--inset);border-top:1px solid var(--rule)}.ws-demo-disclaimer p{font-size:14px;color:var(--muted)}.ws-demo-disclaimer a{margin-top:15px}
.ws-teaser{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:center;padding:100px var(--inset);border-top:1px solid var(--rule)}.ws-teaser>div>p:not(.eyebrow){margin-top:25px}.ws-mini{display:block;background:#e0e5db;text-align:center;padding:60px 25px;color:#304b40;border:1px solid #c4cbbb}.ws-mini:hover{text-decoration:none;background:#d8e0d1}.ws-mini p{margin-left:auto;margin-right:auto}.ws-mini .ws-mini-names{font:300 clamp(36px,4vw,60px)/1.2 EN Serif,Georgia,serif;margin-bottom:18px}.ws-mini .eyebrow{font-size:10px}.ws-mini-rule{display:block;height:45px;width:1px;background:#899884;margin:25px auto}.ws-mini>span:last-child{font-size:13px}.ws-mini{transition:background .4s}
.page-wedding-demo{--paper:#f5f2ea;--ink:#30483c;--muted:#58675b;--rule:#c9cebf;background:var(--paper);color:var(--ink)}.page-wedding-demo h1,.page-wedding-demo h2,.page-wedding-demo h3{font-weight:300}.page-wedding-demo section[id]{scroll-margin-top:50px}.page-wedding-demo .demo-banner{display:flex;justify-content:space-between;gap:12px;padding:10px 4%;background:#e0e5da;font-size:12px;color:#30483c}.demo-banner a{text-decoration:underline;text-underline-offset:4px}.page-wedding-demo .demo-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:22px 4%;gap:25px}.page-wedding-demo .demo-monogram{font:300 36px/1.2 EN Serif,Georgia,serif;letter-spacing:.03em;white-space:nowrap}.page-wedding-demo .demo-header nav{width:auto;gap:25px;border:0;padding:0;flex-wrap:wrap}.page-wedding-demo .demo-header nav a{font-size:11px;letter-spacing:.06em}.page-wedding-demo .demo-header nav a:last-child{border-bottom:1px solid;padding-bottom:3px}
.demo-hero{position:relative;isolation:isolate}.demo-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10291ed9 0%,#10291e16 85%);pointer-events:none;z-index:1}.demo-hero>picture{opacity:1!important}.demo-hero img{height:78svh;min-height:540px;max-height:880px;object-fit:cover;object-position:center 45%}.demo-hero-copy{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;text-align:center;padding:50px 24px 90px;color:#fffaf0}.demo-hero-copy h1{font-size:clamp(65px,9vw,135px);line-height:1.1;margin-bottom:25px}.demo-hero-copy>p:not(.eyebrow){letter-spacing:.13em;font-size:15px}.demo-hero-copy>p>span{padding:0 12px}.demo-hero-copy .eyebrow{letter-spacing:.23em}.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:15px 24px;border:1px solid currentColor;font:400 15px EN Sans,Arial,sans-serif;background:transparent;color:inherit;cursor:pointer;text-decoration:none}.demo-button:hover{background:#ffffff12;text-decoration:none}.demo-hero-copy .demo-button{margin-top:30px}.demo-scroll{position:absolute;z-index:3;bottom:20px;left:calc(50% - 15px);color:#fffaf0;font-size:25px;padding:0 10px}
.demo-welcome{padding:120px 10%;display:grid;grid-template-columns:1.1fr .8fr;gap:13%;align-items:center}.demo-welcome h2{font-size:clamp(40px,4.4vw,65px)}.demo-welcome p:not(.eyebrow){margin-top:25px}.demo-welcome .demo-script{font:italic 300 34px EN Serif,Georgia,serif;margin-top:40px}.demo-welcome figure img{aspect-ratio:3/4;object-fit:cover;border-radius:48% 48% 0 0}.demo-welcome figcaption{font-size:11px;line-height:1.5}.demo-program{padding:100px 10%;display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#344b40;color:#f7f3e9}.demo-program>div>p:last-child{margin-top:28px}.demo-program ol{list-style:none;padding:0;margin:0}.demo-program li{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:24px 0;border-top:1px solid #718274}.demo-program time{font-size:14px;letter-spacing:.05em;padding-top:8px}.demo-program li h3{font-size:30px}.demo-program li p{font-size:16px;line-height:1.7;margin-top:10px}.demo-practical{padding:110px 10%}.demo-practical>h2{max-width:650px}.demo-info-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:55px;row-gap:45px;margin-top:60px}.demo-info-grid article{border-top:1px solid var(--rule);padding-top:24px}.demo-info-grid h3{font-size:29px}.demo-info-grid p{margin-top:18px;font-size:16px}.demo-location{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:0 10% 110px;align-items:center}.demo-location h3{font-size:25px;margin-top:26px}.demo-location p:not(.eyebrow){margin-top:20px}.demo-location a{margin-top:20px}.demo-map{position:relative;border:1px solid #c9cebf}.demo-map svg{display:block;width:100%;height:auto}.demo-map>span{position:absolute;bottom:20px;left:20px;font-size:11px;letter-spacing:.12em;background:#f5f2eae6;padding:8px 12px}.demo-gifts{background:#e4e7dc;display:grid;grid-template-columns:1fr 1fr;align-items:center}.demo-gifts>figure{height:100%}.demo-gifts picture{height:100%}.demo-gifts img{height:100%;min-height:630px;object-fit:cover}.demo-gifts>div{padding:70px 12%}.demo-gifts p{margin-top:25px}.demo-gifts details{margin-top:35px;border-top:1px solid #bbc4b1;border-bottom:1px solid #bbc4b1}.demo-gifts summary{font-size:17px}.demo-gifts details ul{padding-left:22px}.demo-gifts details p{font-size:14px;margin:20px 0}
.demo-rsvp{padding:110px 10%;display:grid;grid-template-columns:.85fr 1.15fr;gap:12%}.demo-rsvp h2{font-size:clamp(55px,5.5vw,80px)}.demo-rsvp p:not(.eyebrow){margin-top:25px}.demo-rsvp .demo-form-note{font-size:14px;color:var(--muted)}.demo-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.demo-rsvp input:not([type=radio]),.demo-rsvp select{width:100%;border:1px solid #bac3b5;background:#faf8f1;padding:13px 12px;color:var(--ink);border-radius:0;font:400 16px EN Sans,Arial,sans-serif}.demo-rsvp fieldset{border:0;margin:28px 0;padding:0;min-width:0}.demo-rsvp fieldset[hidden]{display:none}.demo-rsvp legend{font-size:15px;margin-bottom:14px}.demo-rsvp .demo-radio{display:flex;align-items:center;gap:10px;font-size:16px;padding:6px 0}.demo-radio input{accent-color:#304b40;width:18px;height:18px}.demo-rsvp .demo-button{background:#344b40;color:#fffaf0;border-color:#344b40;margin-top:10px}.demo-rsvp .demo-button:hover{background:#496351}.demo-rsvp #demo-confirmation{padding:18px;border-left:2px solid #344b40;background:#e4e7dc}.page-wedding-demo .demo-footer{display:flex;flex-direction:column;gap:24px;text-align:center;align-items:center;background:#344b40;color:#f5f2ea;padding:65px 8%}.demo-footer>p:last-child{font-size:12px;max-width:620px;opacity:.75}.demo-footer>a{font-size:13px}
@media(max-width:900px){.demo-info-grid{grid-template-columns:1fr 1fr;gap:35px}.page-wedding-demo .demo-header{flex-direction:column;gap:18px}.page-wedding-demo .demo-header nav{justify-content:center;gap:18px}.demo-rsvp{gap:7%}.demo-form-pair{grid-template-columns:1fr}}
@media(max-width:700px){.ws-showcase{padding-bottom:60px}.ws-preview-image img{aspect-ratio:4/5}.ws-preview-image>div{bottom:15%;padding:0 15px}.ws-preview-bar{font-size:10px;padding:12px}.ws-preview-image .eyebrow{font-size:10px}.ws-preview-image h2{font-size:48px}.ws-details,.ws-teaser{grid-template-columns:1fr;gap:40px;padding:65px var(--inset)}.ws-personal{padding:65px var(--inset)}.ws-mini{padding:40px 20px}.ws-mini .ws-mini-names{font-size:48px}.demo-hero img{height:72svh;min-height:540px;object-position:48% center}.demo-hero-copy{padding-bottom:85px}.demo-hero-copy h1{font-size:clamp(55px,12vw,75px)}.demo-hero-copy>p:not(.eyebrow){font-size:12px;letter-spacing:.06em}.demo-hero-copy>p>span{padding:0 6px}.demo-welcome,.demo-program,.demo-location,.demo-rsvp{grid-template-columns:1fr;gap:45px;padding:65px 7%}.demo-welcome figure{width:83%;margin-left:auto}.demo-practical{padding:65px 7%}.demo-info-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.demo-location{padding-top:0}.demo-location .demo-map{order:2}.demo-gifts{grid-template-columns:1fr}.demo-gifts img{min-height:0;height:auto;aspect-ratio:5/4}.demo-gifts>div{padding:50px 7%}.demo-rsvp{gap:35px}.demo-form-pair{grid-template-columns:1fr;gap:20px}.demo-program li{grid-template-columns:55px 1fr}.page-wedding-demo .demo-banner{font-size:11px}.page-wedding-demo .demo-header nav{gap:12px 18px}.page-wedding-demo .demo-header nav a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ws-mini{transition:none}}
.ws-teaser .ws-teaser-price{font:300 32px EN Serif,Georgia,serif}

.website-choice{margin:28px 0 36px;padding:22px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.website-choice .checkbox{margin:0;font-size:17px;line-height:1.5;align-items:flex-start;cursor:pointer}
.website-choice .checkbox input{flex:none;margin-top:4px}
.website-choice .form-note{margin:9px 0 0 26px}

.website-choice .checkbox span{font-size:inherit;color:inherit}