.confide-page{background:radial-gradient(ellipse at 15% 25%,#8d3e6820,transparent 42%),radial-gradient(ellipse at 90% 13%,#67513715,transparent 33%),#12101c}
.confide-page .reading-tools{padding-top:20px}
.confide-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:65px;align-items:start;padding:36px 0 68px}
.confide-welcome{padding-top:10px;min-width:0}.confide-welcome>.eyebrow{font-size:12px;letter-spacing:1.5px}
.confide-welcome h1{font-family:var(--serif);font-size:clamp(42px,4.6vw,64px);font-weight:500;line-height:1.6;margin:25px 0 16px;letter-spacing:-.6px}
.confide-welcome h1 span{font-family:'Kalam',var(--serif);font-size:1.12em;background:linear-gradient(100deg,#ffcd91,#ef9cc4 70%,#c593e5);background-clip:text;-webkit-background-clip:text;color:transparent}
.confide-deck{font-family:var(--serif);font-size:23px;line-height:1.95;color:#dccbdc;margin:0}
.confide-visual{max-width:365px;margin:23px 0 26px;text-align:center}.confide-visual svg{display:block;width:100%;height:auto}.confide-visual>span{font-family:'Kalam',var(--serif);font-size:21px;color:#e2b5ce;display:block;margin-top:-3px}
.confide-heart{transform-origin:178px 88px;transition:transform .35s}.confide-visual:hover .confide-heart{transform:scale(1.12)}
.confide-promises{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:21px}.confide-promises li{display:flex;align-items:start;gap:16px}.confide-promises li>span{font-size:12px;letter-spacing:1px;color:#d6a47e;margin-top:4px}.confide-promises strong{font-size:18px;font-weight:500;color:#eddae6}.confide-promises p{font-size:16px;line-height:1.85;color:#b9a9c4;margin:3px 0 0}.confide-direct-link{margin-top:28px;font-size:16px}
.letter-slot{min-width:0}.confide-page .letter-form{position:relative;overflow:hidden;background:linear-gradient(135deg,#302435,#241e2e);border:1px solid #dab1cb42;border-radius:7px 7px 18px 18px;padding:31px 30px;box-shadow:0 20px 45px #0003}
.letter-form:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(120deg,#deb286 0 18px,#433045 18px 33px,#c38aaa 33px 50px,#433045 50px 65px)}
.confide-page .letter-form h2{font-size:26px;font-weight:500;margin:5px 0 7px}.letter-intro{font-size:15px;line-height:1.9;color:#c9b9ce;margin:0 0 23px}
.letter-prompts{margin-bottom:21px}.letter-prompts>span{font-size:14px;color:#c9b4cc;display:block;margin-bottom:10px}.letter-prompts>div{display:flex;gap:8px;flex-wrap:wrap}.letter-prompts button{font-size:14px;line-height:1.8;padding:7px 12px;min-height:41px;background:#ffffff04;border:1px solid #c194b643;border-radius:30px;color:#dbc3d6;transition:background .2s,border-color .2s}.letter-prompts button:hover,.letter-prompts button[aria-pressed=true]{background:#e9b98c16;border-color:#deb08b8c;color:#ffdab1}
.confide-page .letter-form .field{margin-bottom:20px}.confide-page .letter-form .field label{font-size:16px}.confide-page .letter-form textarea{min-height:240px;background:repeating-linear-gradient(transparent 0 34px,#d7b3cf0c 34px 35px),#191520;font-size:18px;line-height:35px;padding:12px 14px;border-radius:9px;border-color:#b594b24d}.confide-page .letter-form input{background:#191520;border-color:#b594b24d;font-size:16px}.confide-page .letter-form .field label span{font-size:13px}.confide-page .letter-form .field-row{grid-template-columns:1fr 1fr;gap:16px}.confide-page .letter-form .check{font-size:16px;margin-bottom:17px}.confide-page .letter-form .form-note{font-size:14px;color:#c9bacf;line-height:1.95}.confide-page .letter-form .btn{width:100%;border-radius:10px;min-height:54px;margin-top:5px;box-shadow:inset 0 1px 0 #ffe1ec66,0 4px 0 #703555,0 9px 20px #0003}.confide-page .letter-form .btn:active{transform:translateY(3px);box-shadow:0 1px 0 #703555}.confide-page .letter-form .status{font-size:15px;margin-bottom:0}.confide-page .letter-form .status:empty{display:none}.confide-page .character-count{font-size:13px;margin-top:6px}
.confide-about{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding:53px 0 38px;border-top:1px solid #c6a3bb2b}.confide-about h2,.confide-contact h2{font-family:var(--serif);font-size:32px;font-weight:500;line-height:1.8;margin:18px 0}.confide-about h2 span{color:#e8afca}.confide-about .prose p{font-size:19px;line-height:2;color:#c8bcd1;margin-bottom:22px}
.confide-contact{display:grid;grid-template-columns:1fr 1.12fr;gap:65px;border-top:1px solid #c6a3bb2b;padding:42px 0 58px;scroll-margin-top:30px}.confide-contact h2{font-size:31px}.confide-contact>div>p{font-size:18px;line-height:1.95;color:#c9bbd0;max-width:440px}.confide-contact .contact-box{margin:0;padding:0;border:0;border-radius:0;background:none}.confide-contact .contact-box>.eyebrow{display:none}.confide-contact .contact-box a{display:flex;align-items:center;font-size:17px;min-height:50px;padding:10px 0;margin:0;border-bottom:1px solid #b79bb528;transition:color .2s,padding .2s}.confide-contact .contact-box a:hover{color:#ffe1ad;padding-left:5px}.confide-contact .contact-box small{font-size:15px;margin-top:18px;color:#c2adc8}
.reading-large .confide-about .prose p{font-size:24px}.reading-large .letter-form textarea{font-size:21px}
@media(max-width:1100px){.confide-layout{gap:35px;grid-template-columns:.9fr 1.1fr}.confide-welcome h1{font-size:49px}.confide-deck{font-size:21px}.confide-page .letter-form{padding:28px 22px}.confide-page .letter-form .field-row{grid-template-columns:1fr;gap:0}.confide-about,.confide-contact{gap:35px}.confide-about h2{font-size:29px}.confide-page .letter-form h2{font-size:24px}}
@media(max-width:760px){.confide-layout{grid-template-columns:1fr;gap:34px;padding:25px 0 40px}.confide-welcome{padding:0}.confide-welcome h1{font-size:clamp(44px,10vw,60px);margin-top:21px}.confide-deck{font-size:22px}.confide-visual{max-width:310px;margin:20px auto 23px}.confide-promises{gap:17px}.confide-promises strong{font-size:17px}.confide-promises p{font-size:16px}.confide-page .letter-form{padding:25px 20px}.confide-page .letter-form h2{font-size:24px}.confide-page .letter-form textarea{min-height:230px;font-size:18px}.letter-prompts button{font-size:14px}.confide-about,.confide-contact{grid-template-columns:1fr;gap:23px;padding:35px 0}.confide-about h2,.confide-contact h2{font-size:29px;margin:15px 0 0}.confide-about .prose p{font-size:19px}.confide-contact>div>p{font-size:18px;margin-bottom:0}.confide-contact .contact-box a{font-size:16px;overflow-wrap:anywhere;display:block}.reading-large .confide-about .prose p{font-size:22px}}
@media(prefers-reduced-motion:reduce){.confide-heart,.letter-prompts button,.confide-contact .contact-box a{transition:none}.confide-visual:hover .confide-heart{transform:none}}

/* About copy sits below the promises in the left column. */
.confide-welcome .confide-about{display:block;margin-top:28px;padding:26px 0 0}