.journal-guide-link{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:24px;padding:30px 32px;border:1px solid #cfded2;border-radius:24px;background:linear-gradient(115deg,#e6eee4,#f2f5ef);color:#193b2b;text-decoration:none}
.journal-guide-link>div{min-width:0}.journal-guide-link small{display:block;font:600 .75rem/1.5 "DM Sans",sans-serif;letter-spacing:.12em;color:#52715e}
.journal-guide-link h3{font:500 clamp(1.5rem,2.5vw,2rem)/1.2 "Manrope",sans-serif;letter-spacing:-.035em;margin:10px 0}
.journal-guide-link p{font:400 1rem/1.65 "DM Sans",sans-serif;color:#536858;margin:0;max-width:610px}
.journal-guide-link>span{display:inline-flex;align-items:center;justify-content:center;min-height:48px;flex-shrink:0;padding:12px 22px;border-radius:999px;background:#214b36;color:#fff;font:500 .9375rem/1.4 "DM Sans",sans-serif}
.journal-guide-link:hover{border-color:#8daa94}.journal-guide-link:focus-visible{outline:3px solid #648f77;outline-offset:5px}
.hub .journal-guide-link{margin-top:32px;padding:26px}.hub .journal-guide-link h2{font:500 clamp(1.5rem,3vw,2rem)/1.2 "Manrope",sans-serif;letter-spacing:-.035em;margin:10px 0}
@media(max-width:700px){.journal-guide-link,.hub .journal-guide-link{align-items:flex-start;flex-direction:column;gap:20px;padding:25px 23px;border-radius:22px}.journal-guide-link h3{font-size:1.7rem}.journal-guide-link>span{width:100%}}
/* The wedding website builder's place on the homepage: a dark card with three designs beside the invitation. */
.journal-website-link{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);margin-top:24px;border:1px solid #15261d;border-radius:24px;background:#15261d;color:#fff;text-decoration:none;overflow:hidden}
.journal-website-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:38px 20px 38px 36px}
.journal-website-link small{display:block;font:600 .75rem/1.5 "DM Sans",sans-serif;letter-spacing:.12em;color:#b7cdb9}
.journal-website-link h3{font:500 clamp(1.6rem,2.7vw,2.25rem)/1.15 "Manrope",sans-serif;letter-spacing:-.04em;margin:12px 0}
.journal-website-link p{font:400 1rem/1.65 "DM Sans",sans-serif;color:#d3dfd4;margin:0 0 26px;max-width:480px}
.journal-website-link span{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;background:#f7f7f4;color:#172019;font:600 .9375rem/1.4 "DM Sans",sans-serif}
.journal-website-link img{display:block;align-self:end;width:100%;height:auto;max-height:100%;object-fit:cover;object-position:center top;transition:transform .35s}
.journal-website-link:hover{border-color:#5d7f69}.journal-website-link:hover img{transform:translateY(-6px)}
.journal-website-link:focus-visible{outline:3px solid #648f77;outline-offset:5px}
@media(max-width:820px){.journal-website-link{grid-template-columns:minmax(0,1fr);border-radius:22px}.journal-website-copy{padding:27px 23px 8px}.journal-website-link span{width:100%}.journal-website-link img{max-height:250px}}
@media(prefers-reduced-motion:reduce){.journal-website-link img{transition:none}.journal-website-link:hover img{transform:none}}
/* Table cards on the homepage: a light card, with three designs fanned beside the invitation to make one. */
.journal-cards-link{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center;margin-top:24px;border:1px solid #d3ddd3;border-radius:24px;background:#e9eee8;color:#15261d;text-decoration:none;overflow:hidden}
.journal-cards-art{--cw:150px;--shift:104px;position:relative;height:calc(var(--cw)*1.5 + 84px);display:flex;align-items:center;justify-content:center}
.journal-cards-art img{position:absolute;width:var(--cw);height:auto;border-radius:5px;box-shadow:0 18px 38px #18262033,0 2px 8px #18262017;transition:transform .35s}
.journal-cards-art img:nth-child(1){transform:translateX(calc(var(--shift)*-1)) translateY(8px) rotate(-8deg) scale(.9)}
.journal-cards-art img:nth-child(2){z-index:1}
.journal-cards-art img:nth-child(3){transform:translateX(var(--shift)) translateY(8px) rotate(8deg) scale(.9)}
.journal-cards-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:38px 36px 38px 20px}
.journal-cards-link small{display:block;font:600 .75rem/1.5 "DM Sans",sans-serif;letter-spacing:.12em;color:#52715e}
.journal-cards-link h3{font:500 clamp(1.6rem,2.7vw,2.25rem)/1.15 "Manrope",sans-serif;letter-spacing:-.04em;margin:12px 0}
.journal-cards-link p{font:400 1rem/1.65 "DM Sans",sans-serif;color:#4c5f53;margin:0 0 26px;max-width:480px}
.journal-cards-link span{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;background:#15261d;color:#fff;font:600 .9375rem/1.4 "DM Sans",sans-serif}
.journal-cards-link:hover{border-color:#8daa94}
.journal-cards-link:hover .journal-cards-art img:nth-child(1){transform:translateX(calc(var(--shift)*-1 - 8px)) translateY(4px) rotate(-10deg) scale(.9)}
.journal-cards-link:hover .journal-cards-art img:nth-child(3){transform:translateX(calc(var(--shift) + 8px)) translateY(4px) rotate(10deg) scale(.9)}
.journal-cards-link:focus-visible{outline:3px solid #648f77;outline-offset:5px}
@media(max-width:820px){.journal-cards-link{grid-template-columns:minmax(0,1fr);border-radius:22px}.journal-cards-art{--cw:126px;--shift:88px;order:2;height:calc(var(--cw)*1.5 + 66px)}.journal-cards-copy{padding:27px 23px 4px}.journal-cards-link span{width:100%}}
@media(max-width:360px){.journal-cards-art{--cw:108px;--shift:74px}}
@media(prefers-reduced-motion:reduce){.journal-cards-art img{transition:none}.journal-cards-link:hover .journal-cards-art img:nth-child(1){transform:translateX(calc(var(--shift)*-1)) translateY(8px) rotate(-8deg) scale(.9)}.journal-cards-link:hover .journal-cards-art img:nth-child(3){transform:translateX(var(--shift)) translateY(8px) rotate(8deg) scale(.9)}}