@charset "UTF-8";
@font-face{font-family:"Record Serif";font-style:normal;font-weight:500;font-display:swap;src:url("./assets/fonts/noto-serif-kr-quote-500.ttf") format("truetype")}
.record-page{background:#050505;color:#f4f0e9}
.record-scene{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:18px 0 24px}
.record-header{text-align:center;padding:0 24px}
.record-heading{text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;line-height:1.5;letter-spacing:.2em;font-weight:500;margin:0 0 26px;color:#b9b3aa}
.record-frame{width:100%;max-width:1440px;margin:0 auto;background:#050505}
.record-frame img{display:block;width:100%;height:auto;object-fit:contain;margin:0 auto}
.record-content{text-align:center;padding:22px 24px 0}
.record-copy{max-width:1000px;margin:0 auto}
.record-content blockquote{margin:0}
.record-content blockquote p{font-family:"Record Serif",serif;font-weight:500;font-size:clamp(19px,1.7vw,25px);line-height:1.7;letter-spacing:-.04em;word-break:keep-all;margin:0}
.record-content blockquote em{font-style:normal;color:inherit}
.record-connect{padding-top:40px}
.record-invitation{font-size:clamp(18px,1.6vw,23px);font-weight:400;letter-spacing:-.035em;line-height:1.6;color:#f4f0e9;margin:0 0 9px;word-break:keep-all}
.record-credit{color:#b9b3aa;margin:18px 0 0}
.record-credit cite{display:block;font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:400;font-style:italic;line-height:1.35;color:#e4ded5}
.record-content .actions{grid-template-columns:1fr 1fr;width:min(100%,440px);gap:12px;margin:0 auto}
.record-content .calendar{border-radius:8px;font-size:15px;font-weight:500;min-height:52px;padding:13px 16px;transition:background-color 160ms,border-color 160ms,transform 160ms,box-shadow 160ms}
.record-content .apple,.record-content .google{background:#fff;border-color:#fff;color:#24221f}
.record-content .calendar:hover{transform:translateY(-1px);box-shadow:0 3px 16px #ffffff14}
.record-content .apple:hover,.record-content .google:hover{background:#f7f9fc;border-color:#f7f9fc}
.record-content .calendar:active{transform:scale(.985)}
.record-content .calendar[aria-busy=true]{background:#49443e;color:#fff;border-color:#49443e}
.record-status{font-size:12px;color:#b9b3aa;line-height:1.5;min-height:18px;margin:9px 0 0}
.record-brand{display:block;width:140px;height:auto;margin:22px auto 0;filter:invert(1);opacity:1}
.phone-break{display:none}
@media(max-width:600px){
 .record-scene{padding:24px 0 28px}
 .record-heading{font-size:12px;letter-spacing:.17em;margin-bottom:32px}
 .record-frame img{max-height:none}
 .record-content{padding:27px 24px 0}
 .record-content blockquote p{font-size:20px;line-height:1.8;letter-spacing:-.045em}
 .phone-break{display:initial}
 .record-connect{padding-top:36px}
 .record-invitation{margin-bottom:9px}
 .record-content .actions{width:min(100%,340px);grid-template-columns:1fr;gap:10px}
 .record-content .calendar{min-height:52px;font-size:16px}
 .record-brand{margin-top:22px;width:140px}
}
@media(max-width:350px){.record-scene{padding-top:16px;padding-bottom:16px}.record-heading{margin-bottom:23px}.record-content{padding:19px 20px 0}.record-content blockquote p{font-size:18px;line-height:1.7}.record-connect{padding-top:32px}}
@media(max-height:500px) and (min-width:601px){.record-scene{padding-top:10px}.record-heading{margin-bottom:18px}.record-frame img{max-height:none}.record-content{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.record-page *{transition:none!important;animation:none!important}}