.reminder-section{position:relative;overflow:hidden;padding:100px 0;background:#eee8de;color:#392e29}
.reminder-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.reminder-intro>.eyebrow{font-size:11px;letter-spacing:2px;color:#897153;margin-bottom:23px}
.reminder-intro h2{font-size:clamp(38px,4.2vw,62px);line-height:1.15;letter-spacing:-2.2px;margin-bottom:26px}
.reminder-intro h2 em{color:#8e7357;font-style:normal}
.reminder-intro>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#786b5f;margin-bottom:0}
.reminder-keepsake{position:relative;margin:37px 0 0 24px;height:235px;display:flex;align-items:center;gap:30px}
.reminder-date-card{position:relative;flex-shrink:0;width:178px;height:211px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fcfaf5;border:1px solid #d6c7b3;box-shadow:0 14px 36px #604b3310;rotate:-7deg;transition:rotate .7s,translate .7s}
.reminder-keepsake:hover .reminder-date-card{rotate:0deg;translate:0 -5px}
.reminder-date-card>span:first-child{font-size:7px;letter-spacing:1.4px;margin-bottom:8px;color:#927c61}
.reminder-date-number{font-size:75px;line-height:1.15;font-weight:400;letter-spacing:-4px;color:#4a1525;font-variant-numeric:tabular-nums}
.reminder-date-month{font-size:10px;letter-spacing:3px;margin-top:5px}
.reminder-date-card i{font-size:23px;font-style:normal;color:#a78a60;line-height:1.5;margin-top:10px}
.reminder-orbit{position:absolute;width:275px;height:200px;border:1px solid #bda58166;border-radius:50%;rotate:-25deg;left:-48px;top:13px;animation:keepsake-orbit 16s ease-in-out infinite alternate}
.reminder-orbit:after{content:'✧';position:absolute;color:#a7895d;font-size:23px;top:1px;right:31px}
.reminder-handnote{font-size:12px;line-height:1.9;color:#96826b;rotate:-4deg;max-width:175px}
.reminder-panel{background:#fcfaf6;padding:40px;border:1px solid #ded3c3;position:relative;box-shadow:0 20px 60px #59432905}
.reminder-panel:before{content:'';position:absolute;top:-1px;left:40px;width:45px;height:2px;background:#9c7950}
@keyframes keepsake-orbit{from{rotate:-25deg}to{rotate:12deg}}
@media(max-width:1100px){.reminder-layout{gap:5%}.reminder-panel{padding:32px}.reminder-keepsake{margin-left:10px;gap:22px}.reminder-handnote{font-size:11px}.reminder-date-card{width:150px;height:185px}.reminder-orbit{width:230px;height:180px;left:-32px}.reminder-date-number{font-size:65px}.reminder-intro h2{font-size:44px}}
@media(max-width:700px){.reminder-section{padding:60px 0}.reminder-layout{grid-template-columns:1fr;gap:32px}.reminder-intro h2{font-size:40px;letter-spacing:-1.5px}.reminder-intro>.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:17px}.reminder-intro>p:not(.eyebrow){font-size:14px}.reminder-intro>p br{display:none}.reminder-keepsake{height:190px;margin-top:25px;margin-left:18px}.reminder-panel{padding:30px 23px}.reminder-handnote{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reminder-orbit{animation:none}.reminder-date-card{transition:none}}

.reminder-entry{display:block;margin-top:15px;font-size:11px;color:#8b7357}.reminder-entry>span{display:inline-block;border-bottom:1px solid #b29d80;margin-left:7px;transition:color .2s}.reminder-entry:hover>span{color:#4a1525}

.reminder-form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:27px}
.reminder-form-heading .eyebrow{font-size:9px;letter-spacing:1.7px;color:#987b58;margin-bottom:7px}
.reminder-form-heading h3{font-size:29px;line-height:1.35;letter-spacing:-1px;font-weight:500;margin:0}
.reminder-member-badge{display:inline-block;white-space:nowrap;border:1px solid #d9cbb8;padding:5px 8px;font-size:7px;letter-spacing:1px;color:#94744e;margin-top:2px}
.reminder-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 22px}
.reminder-fields>label{position:relative;display:block;font-size:11px;line-height:1.7;color:#6c5b49;min-width:0}
.reminder-fields label small{font-size:8px;color:#9e907d;display:inline;margin-left:6px}
.reminder-fields input,.reminder-fields select{display:block;width:100%;min-width:0;max-width:100%;min-height:47px;border:0;border-bottom:1px solid #cdbda7;border-radius:0;background:transparent;color:#45382d;font:inherit;font-size:12px;padding:8px 0;margin-top:8px;box-shadow:none;color-scheme:light}
.reminder-fields select{cursor:pointer}
.reminder-fields input::placeholder{color:#a49786;font-size:10px}
.reminder-date-fields{min-width:0;border:0;padding:0;margin:0;font-size:11px;color:#6c5b49}
.reminder-date-fields legend{padding:0;line-height:1.7}
.reminder-date-fields>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px}
.reminder-repeat{display:flex;align-items:center;gap:9px;margin:24px 0 23px;font-size:11px;color:#8d7b67;cursor:pointer;line-height:1.8}
.reminder-repeat input{accent-color:#4a1525;width:15px;height:15px;margin:0;flex-shrink:0}
.reminder-submit{width:100%;font-size:11px;letter-spacing:1.1px;padding:17px 20px;min-height:52px}
.reminder-account-note{display:flex;align-items:flex-start;gap:8px;margin:17px 0 0;font-size:10px;line-height:1.9;color:#948572}
.reminder-account-note svg{width:15px;height:17px;stroke-width:1.1;margin-top:2px}
.reminder-form-status{font-size:12px;line-height:1.9;color:#6d604f;margin:0}
.reminder-form-status:not(:empty){margin-top:15px;padding-top:14px;border-top:1px solid #e2d7c6}
.reminder-form-status.is-error{color:#8d3045}
.reminder-leap-note{font-size:10px;line-height:1.7;margin-top:-10px;color:#94734c}
@media(min-width:701px) and (max-width:1100px){.reminder-fields{grid-template-columns:1fr;gap:18px}.reminder-fields label small{position:static;display:inline;margin-left:6px}.reminder-member-badge{font-size:6px;padding:5px}.reminder-form-heading h3{font-size:26px}}
@media(max-width:700px){.reminder-fields{grid-template-columns:1fr;gap:19px}.reminder-fields>label,.reminder-date-fields{font-size:12px}.reminder-fields input,.reminder-fields select{font-size:16px;min-height:47px}.reminder-fields input::placeholder{font-size:12px}.reminder-fields label small{position:static;display:inline;margin-left:7px;font-size:9px}.reminder-form-heading{gap:10px}.reminder-form-heading h3{font-size:27px}.reminder-member-badge{font-size:6px;padding:5px 6px}.reminder-account-note{font-size:10px}.reminder-repeat{font-size:12px}}