/* Events / a framed celebration cover, image journal and moodboard planning desk. */
.brand{font-family:var(--serif);font-style:italic;font-size:29px}.site-header{border:0}.hero{display:flex;flex-direction:column;margin:0;padding:45px 6% 55px;background:#ece1e7;text-align:center}.hero .hero-copy{max-width:900px}.hero h1{font-family:var(--serif);font-size:clamp(60px,6.9vw,98px);letter-spacing:-3px}.hero .intro{max-width:530px;margin:25px auto 0}.hero .hero-actions{justify-content:center}.hero .button{background:#814863;border-color:#814863;color:white;border-radius:2px}.hero .visual{width:100%;height:560px;border:10px solid #f8f2ef;margin-top:30px;background:#f8f2ef;outline:1px solid #cdb6c3;outline-offset:8px}.hero .slide img{object-position:50% 42%}.hero .visual-note{top:15px;left:15px}.hero .carousel-caption{bottom:90px}.event-journal{display:block}.event-journal .gallery-item{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;width:100%;align-items:center;margin-bottom:70px}.event-journal img{grid-row:1/3;aspect-ratio:1/1.15}.event-journal .project-caption{font-family:var(--serif);font-size:38px;border:0;padding:20px 0;align-self:end}.event-journal .project-description{align-self:start;font-size:15px;max-width:330px}.event-journal .gallery-item:nth-child(2) img{grid-column:2}.event-journal .gallery-item:nth-child(2) span{grid-column:1}.event-journal .gallery-item:last-child{margin-bottom:0}.gallery .section-head h2{font-family:var(--serif);font-size:56px}.gallery-filters button{border-radius:30px}.about{background:#814863;color:#f8f2ef;--muted:#f1dfe8;--line:#ffffff65}.about h2{font-family:var(--serif)}.event-planning{display:block;background:#ece1e7}.event-planning .interactive-intro{max-width:800px;margin:auto;text-align:center}.event-planning h2{font-family:var(--serif);max-width:none}.event-planning .interactive-intro>p:not(.kicker){max-width:550px;margin:25px auto 0}.event-planning .choices{flex-direction:row;gap:12px}.event-planning .choice{flex:1;background:#f8f2ef;text-align:center;justify-content:center;min-height:100px;padding:20px;border:1px solid #cdb6c3;font-family:var(--serif);font-size:24px}.event-planning .choice span{display:none}.event-planning .choice.active{background:#814863;color:#fff}.event-planning .choice-panel{min-height:0;text-align:center;padding-top:25px;margin:auto;max-width:550px}.event-planning .choice-panel p{max-width:none}.event-planning .brief-card{margin:35px auto 0;max-width:900px;background:#f8f2ef;border:1px solid #cdb6c3}.event-planning form{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.event-planning form>label:last-of-type,.event-planning form>.button,.event-planning form>.fine-print,.event-planning form>.form-status{grid-column:1/-1}.services{display:grid;grid-template-columns:1fr 1fr;gap:8%}.services .section-head{display:block}.services .section-head>p{margin-top:25px}.service-disclosure summary h3{font-family:var(--serif);font-size:28px}.faq h2{font-family:var(--serif)}
@media(max-width:760px){.hero{padding-top:35px}.hero h1{font-size:51px}.hero .visual{height:410px;border-width:6px;outline-offset:5px}.hero .text-link{display:none}.event-journal .gallery-item{display:block;margin-bottom:40px}.event-journal img,.event-journal .gallery-item:last-child img{aspect-ratio:1/1}.event-journal .project-caption{font-size:30px}.event-journal .project-description{font-size:13px;max-width:none}.gallery .section-head h2{font-size:38px}.event-planning .choices{flex-direction:column}.event-planning .choice{min-height:65px;font-size:25px}.event-planning form{display:block}.services{display:block}}
/* A framed image journal begins with an overlapping invitation card. */
.hero{display:block;position:relative;padding:65px 6% 70px;text-align:left}.hero .visual{width:74%;margin:0 0 0 auto;height:700px}.hero .hero-copy{position:absolute;left:6%;top:135px;width:44%;max-width:600px;z-index:4;background:#f8f2ef;padding:45px;border:1px solid #d0bdc7;box-shadow:0 12px 40px #56374b12}.hero h1{font-size:clamp(52px,4.5vw,66px);letter-spacing:-2px}.hero .intro{margin:24px 0 0;font-size:15px}.hero .hero-actions{justify-content:flex-start}.hero .hero-copy .kicker{font-size:10px}.hero .text-link{display:none}
@media(max-width:760px){.hero{padding-top:35px;padding-bottom:50px}.hero .hero-copy{position:static;left:auto;top:auto;width:100%;max-width:none;padding:0;background:transparent;border:0;box-shadow:none}.hero h1{font-size:49px}.hero .visual{width:100%;height:410px;margin:35px 0 0}.hero .intro{font-size:15px}}
