/* Invitation written directly on the same board as the wishes. */
main .celebration-board .board-writing{max-width:none;margin:0 0 14px;background:none;border:0;box-shadow:none}
main .board-writing.postcard .invitation-copy{padding:14px 12px 8px}
main .board-writing.postcard .postcard-heading{margin-bottom:14px}
main .board-writing.postcard .postcard-kicker{font:23px/1.4 Notebook,cursive;margin-bottom:7px;color:#69735e}
main .board-writing.postcard .invitation-copy h1,main .board-writing.postcard .invitation-copy h2.hand{font:52px/1.15 Notebook,cursive;overflow-wrap:anywhere}
main .board-writing.postcard .invitation-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,30%);align-items:start;gap:30px}
main .board-writing.postcard .invitation-message{padding:0;min-width:0}
main .board-writing.postcard .invitation-message>p{font:28px/1.45 Notebook,cursive;margin:0 0 20px;white-space:normal;overflow-wrap:anywhere;max-width:620px}
main .board-writing.postcard .invitation-details{border:0;padding:0;gap:16px 30px;font:24px/1.35 Notebook,cursive;color:#46594d}
main .board-writing.postcard .detail-label{font:20px/1.3 Notebook,cursive;color:#747868;margin-bottom:3px}
main .board-writing.postcard .invitation-keepsakes{display:flex;align-items:center;flex-direction:column;gap:16px;min-width:0}
main .board-writing.postcard .celebrant-photo{width:100%;max-width:185px;flex:none;margin:0;padding:6px 6px 18px;transform:rotate(-2deg)}
main .board-writing.postcard .celebrant-photo img{max-height:195px;object-fit:contain}
main .board-writing.postcard .theme-sketch-slip{position:relative;width:150px;max-width:100%;margin:0;align-self:flex-end;padding:8px 10px 10px;background:#faf8ed;box-shadow:1px 3px 5px #62543e20;transform:rotate(3deg);border-radius:1px 4px 2px 3px}
main .board-writing.postcard .theme-sketch-slip:before{content:'';position:absolute;width:36px;height:14px;background:#c6c0ad80;top:-6px;left:16px;transform:rotate(-12deg)}
main .board-writing.postcard .theme-sketch-slip .postcard-art{display:block;width:100%;max-width:none;height:85px;max-height:none;filter:none}
main .board-writing.postcard .theme-sketch-slip figcaption{font:15px/1.2 Notebook,cursive;color:#75786d;text-align:center}
main .board-writing.postcard .invitation-copy>p.postcard-signoff{font:24px/1.35 Notebook,cursive;margin:13px 0 0;color:#66725c}
main .board-writing.postcard .postcard-signoff:after{content:none}
main .celebration-board .wall-transition{margin:10px 9px 20px}
main .board-writing.postcard.theme-live-preview{padding:16px;border:5px solid #d8c6a4;background:radial-gradient(#b9b19b26 .6px,transparent .8px) 0 0/5px 5px,#eeebdf;box-shadow:inset 0 0 0 2px #faf5e8}
@media(max-width:700px){
 main .board-writing.postcard .invitation-copy{padding:12px 4px 6px}
 main .board-writing.postcard .invitation-copy h1,main .board-writing.postcard .invitation-copy h2.hand{font-size:40px}
 main .board-writing.postcard .postcard-kicker{font-size:21px}
 main .board-writing.postcard .invitation-composition{grid-template-columns:minmax(0,1fr) 110px;gap:14px}
 main .board-writing.postcard .invitation-message>p{font-size:25px;line-height:1.4;margin-bottom:17px}
 main .board-writing.postcard .invitation-details{font-size:23px;gap:12px;flex-direction:column}
 main .board-writing.postcard .detail-label{font-size:19px}
 main .board-writing.postcard .celebrant-photo{width:105px;padding:4px 4px 13px;transform:rotate(-2deg)}
 main .board-writing.postcard .celebrant-photo img{max-height:145px}
 main .board-writing.postcard .theme-sketch-slip{width:100px;padding:5px 6px 8px;transform:rotate(3deg)}
 main .board-writing.postcard .theme-sketch-slip .postcard-art{height:65px}
 main .board-writing.postcard .theme-sketch-slip figcaption{font-size:13px}
 main .board-writing.postcard .invitation-copy>p.postcard-signoff{font-size:22px;margin-top:12px}
 main .board-writing.postcard.theme-live-preview{padding:8px}
 main .board-writing.postcard.theme-live-preview .invitation-composition{grid-template-columns:minmax(0,1fr) 90px;gap:10px}
 main .board-writing.postcard.theme-live-preview .celebrant-photo{width:85px}
 main .board-writing.postcard.theme-live-preview .invitation-message>p{font-size:23px}
}
@media(max-width:350px){main .board-writing.postcard .invitation-composition{grid-template-columns:minmax(0,1fr) 85px;gap:10px}main .board-writing.postcard .celebrant-photo{width:80px}main .board-writing.postcard .theme-sketch-slip{width:80px}main .board-writing.postcard .invitation-message>p{font-size:23px}}

main .celebration-board .invitation-hero.board-writing{max-width:none}
@media(min-width:701px){main .board-writing.postcard .invitation-composition{grid-template-columns:minmax(0,1fr) minmax(240px,38%)}main .board-writing.postcard .invitation-keepsakes{flex-direction:row;align-items:center;gap:16px}main .board-writing.postcard .celebrant-photo{width:55%;flex:0 1 55%}main .board-writing.postcard .theme-sketch-slip{width:42%;flex:0 1 42%;align-self:center}main .board-writing.postcard .invitation-copy>p.postcard-signoff{margin-top:8px}}

/* Colored corner illustration, separate graphite doodles on the board itself. */
main .board-writing.postcard .postcard-heading{align-items:flex-start;gap:16px}
main .board-writing.postcard .theme-corner-art{width:180px;flex:0 0 180px;height:110px;max-width:32%;object-fit:contain;transform:rotate(3deg);opacity:.92;filter:none;margin:-3px 0 0}
main .board-writing.postcard .board-pencil{display:block;fill:none;stroke:#7c7e71;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;opacity:.72;pointer-events:none;overflow:visible;width:74px;height:44px}
main .board-writing.postcard .board-pencil-between{margin:-8px 12% 7px auto;transform:rotate(-8deg)}
main .board-writing.postcard .board-pencil-place{width:62px;height:38px;margin:7px 0 0 35%;transform:rotate(9deg)}
main .board-writing.postcard .invitation-keepsakes{justify-content:center}
main .board-writing.postcard .celebrant-photo{width:100%;max-width:185px;flex:0 1 185px}
main .board-writing.postcard .invitation-composition:not(:has(.celebrant-photo)),main .board-writing.postcard .invitation-composition:has(.celebrant-photo[hidden]){grid-template-columns:1fr}
main .board-writing.postcard .invitation-keepsakes:empty,main .board-writing.postcard .invitation-keepsakes:has(>.celebrant-photo[hidden]){display:none}
@media(max-width:700px){main .board-writing.postcard .theme-corner-art{width:110px;flex-basis:110px;height:85px;max-width:38%;margin-top:0}main .board-writing.postcard .postcard-heading{gap:8px}main .board-writing.postcard .celebrant-photo{width:105px;flex:none}main .board-writing.postcard .board-pencil-between{width:59px;height:35px;margin:-5px 3px 5px auto}main .board-writing.postcard .board-pencil-place{width:51px;height:31px;margin:4px 0 0 22%}main .board-writing.postcard.theme-live-preview .celebrant-photo{width:85px}}

/* Keep the desktop invitation together, like a small composition on the board. */
main .board-writing.postcard .invitation-details time{position:relative;display:inline-block;padding-bottom:8px;font-weight:600}
main .board-writing.postcard .invitation-details time:after{content:'';position:absolute;left:-2px;right:-3px;bottom:0;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 8' preserveAspectRatio='none'%3E%3Cpath d='M3 4Q46 2 79 4T155 3M11 7Q67 5 138 6' fill='none' stroke='%238f9a7c' stroke-opacity='.7' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}
main .board-writing.postcard .invitation-details p:last-child:not(:first-child){position:relative;padding:5px 12px 10px;max-width:100%}
main .board-writing.postcard .invitation-details p:last-child:not(:first-child):after{content:'';position:absolute;inset:0 -2px -1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 85' preserveAspectRatio='none'%3E%3Cpath d='M4 16Q1 37 5 76Q73 82 174 77L177 14M7 5Q36 2 50 5M150 5L173 7M11 80L69 82' fill='none' stroke='%2399907b' stroke-opacity='.62' stroke-width='.85' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}
@media(min-width:701px){
 main .board-writing.postcard .invitation-message{display:grid;grid-template-columns:minmax(0,1fr) 68px;align-items:center;column-gap:12px}
 main .board-writing.postcard .invitation-message>p{grid-column:1/-1;margin:0 0 15px}
 main .board-writing.postcard .invitation-details{grid-column:1;grid-row:2;gap:16px 30px;align-items:center}
 main .board-writing.postcard .board-pencil-between{grid-column:2;grid-row:2;margin:0;width:60px;height:38px}
 main .board-writing.postcard .board-pencil-place{grid-column:1;grid-row:3;margin:6px 20% 0 auto;width:48px;height:29px}
 main .board-writing.postcard .postcard-signoff{margin-top:4px}
}
@media(min-width:950px){
 main .celebration-board .board-writing.postcard .invitation-copy{display:grid;grid-template-columns:minmax(0,1fr) 180px 140px;column-gap:26px;row-gap:4px;padding:15px 14px 5px;align-items:start}
 main .celebration-board .board-writing.postcard .postcard-heading{display:contents}
 main .celebration-board .board-writing.postcard .postcard-heading>div{grid-column:1;grid-row:1}
 main .celebration-board .board-writing.postcard .theme-corner-art{grid-column:3;grid-row:1/3;align-self:start;width:140px;max-width:100%;height:100px;margin-top:4px}
 main .celebration-board .board-writing.postcard .invitation-composition{display:contents}
 main .celebration-board .board-writing.postcard .invitation-message{grid-column:1;grid-row:2}
 main .celebration-board .board-writing.postcard .invitation-keepsakes{grid-column:2;grid-row:1/4;align-self:center;padding:10px 0}
 main .celebration-board .board-writing.postcard .celebrant-photo{max-width:175px}
 main .celebration-board .board-writing.postcard .celebrant-photo img{max-height:180px}
 main .celebration-board .board-writing.postcard .invitation-copy>p.postcard-signoff{grid-column:1;grid-row:3;margin:2px 0 0;font-size:23px}
 main .celebration-board .board-writing.postcard .invitation-copy h1{font-size:47px;margin-bottom:13px}
 main .celebration-board .board-writing.postcard .invitation-message>p{font-size:27px;line-height:1.4}
 main .celebration-board .board-writing.postcard .invitation-copy:not(:has(.celebrant-photo)){grid-template-columns:minmax(0,650px) 160px;justify-content:space-between}
 main .celebration-board .board-writing.postcard .invitation-copy:not(:has(.celebrant-photo)) .theme-corner-art{grid-column:2}
 main .celebration-board .wall-transition{margin-top:18px}
}

@media(min-width:950px){main .celebration-board .board-writing.postcard .invitation-copy{max-width:820px;margin-inline:auto;grid-template-columns:minmax(0,1fr) 175px 125px;column-gap:22px}main .celebration-board .board-writing.postcard .theme-corner-art{width:125px;height:95px}main .celebration-board .board-writing.postcard .invitation-copy:not(:has(.celebrant-photo)){max-width:750px;grid-template-columns:minmax(0,1fr) 140px}}
