.cnote{padding-top:4rem}@media (min-width:1024px){.cnote{padding-top:6.5rem}}.cnote__box{background:var(--lale-night);color:var(--lale-white);border-radius:48px;gap:2.25rem;padding:2.5rem 1.25rem;display:grid;overflow:hidden}@media (min-width:1024px){.cnote__box{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:4.5rem 4rem}}.cnote__form{min-width:0}.cnote__eyebrow{--eyebrow-c:var(--lale-pink)}.cnote__title{margin-top:.75rem;font-size:clamp(2.3rem,5vw,4.2rem)}.cnote__title em{color:var(--lale-pink);font-style:normal}.cnote__lead{color:#d9c6db;max-width:30rem;margin:.875rem 0 0;font-size:1.08rem}.cnote__occs{flex-wrap:wrap;gap:.375rem;margin-top:1.375rem;display:flex}.cnote__occs button{color:var(--lale-white);font-family:var(--lale-font);cursor:pointer;background:#ffffff14;border:0;border-radius:999px;padding:.45rem .85rem;font-size:.85rem;font-weight:700}.cnote__occs button.is-on{background:var(--lale-pink);color:var(--lale-ink)}.cnote__sugg{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 .875rem;display:flex}.cnote__sugg button{background:var(--lale-night-2);color:#f3e7f4;font-family:var(--lale-font);text-align:left;cursor:pointer;border:0;border-radius:999px;padding:.55rem .9rem;font-size:.88rem;transition:background .25s}.cnote__sugg button:hover{background:var(--lale-blue)}.cnote__ta{display:block;position:relative}.cnote__ta textarea{background:var(--lale-night-2);width:100%;min-height:7.5rem;color:var(--lale-white);font-family:var(--lale-font);resize:vertical;border:0;border-radius:24px;outline:0;padding:1rem 1.125rem 1.875rem;font-size:1rem;display:block}.cnote__ta textarea:focus{box-shadow:0 0 0 2px var(--lale-pink)}.cnote__ta small{color:#bfa9c1;font-size:.78rem;position:absolute;bottom:.625rem;right:1rem}.cnote__sig{flex-wrap:wrap;gap:.5rem;margin-top:.625rem;display:flex}.cnote__sig input{background:var(--lale-night-2);min-width:10rem;color:var(--lale-white);font-family:var(--lale-font);border:0;border-radius:999px;outline:0;flex:1;padding:.8rem 1.1rem;font-size:1rem}.cnote__sig input:disabled{opacity:.5}.cnote__tg{background:var(--lale-night-2);color:var(--lale-white);font-family:var(--lale-font);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.9rem;font-weight:600;display:inline-flex}.cnote__tg i{background:#6c4f6f;border-radius:11px;width:2.375rem;height:1.375rem;transition:background .25s;position:relative}.cnote__tg i:after{content:"";background:var(--lale-white);width:1rem;height:1rem;transition:transform .3s var(--lale-ease);border-radius:50%;position:absolute;top:3px;left:3px}.cnote__tg.is-on i{background:var(--lale-blue)}.cnote__tg.is-on i:after{transform:translate(1rem)}.cnote__send{white-space:normal;text-align:left;max-width:100%;margin-top:1.25rem;padding:.875rem 1.5rem}.cnote__stage{perspective:1400px;touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-items:center;display:grid}.cnote__flip{aspect-ratio:4/5;width:min(100%,27rem);transform-style:preserve-3d;transition:transform .9s var(--lale-ease);cursor:grab;position:relative}.cnote__flip.is-drag{cursor:grabbing;transition:none}.cnote__face{backface-visibility:hidden;border-radius:26px;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 80px -30px #000000b3}.cnote__face--front{background:var(--lale-pink)}.cnote__face--front img{object-fit:cover;pointer-events:none;width:100%;height:100%}.cnote__logo{color:var(--lale-blue-deep);font-family:var(--lale-font-soft);align-items:center;gap:.5rem;font-size:1.8rem;display:inline-flex;position:absolute;bottom:1.25rem;left:1.375rem}.cnote__logo .lale-icon{width:1.5rem;height:1.8rem}.cnote__face--back{background:var(--lale-white);color:var(--lale-ink);flex-direction:column;padding:2.125rem 1.875rem;display:flex;transform:rotateY(180deg)}.cnote__face--back:before{content:"";background:var(--lale-blue);width:1.625rem;height:1.875rem;-webkit-mask:var(--lale-tulip-cup) center / 100% 100% no-repeat;-webkit-mask:var(--lale-tulip-cup) center / 100% 100% no-repeat;mask:var(--lale-tulip-cup) center / 100% 100% no-repeat;position:absolute;top:1.5rem;right:1.625rem}.cnote__lines{background:repeating-linear-gradient(#0000 0 2.625rem,#f1e6ef 2.625rem 2.75rem);position:absolute;inset:2rem 1.875rem 5rem}.cnote__face--back p{font-family:var(--lale-hand);white-space:pre-wrap;word-break:break-word;margin:0;font-size:clamp(1.2rem,2.8vw,1.55rem);line-height:2.75rem;position:relative}.cnote__face--back small{font-family:var(--lale-hand);align-self:flex-end;margin-top:auto;font-size:1.3rem;position:relative}.cnote__hint{color:#bfa9c1;text-align:center;margin:1rem 0 0;font-size:.88rem}.cnote__hint button{color:var(--lale-pink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.cnote__box :focus-visible{outline-color:var(--lale-pink)}.cnote__flip:focus-visible{outline:3px solid var(--lale-pink);outline-offset:6px;border-radius:28px}.cnote__ta textarea::placeholder,.cnote__sig input::placeholder{color:#bfa9c1;opacity:1}.cnote__sig input:focus-visible{box-shadow:0 0 0 2px var(--lale-pink)}.cnote__send:disabled{opacity:.6;cursor:not-allowed}.cnote__face--back p{padding-right:2.25rem}