/* Dear Beauty by Aida — landing page (self-hosted fonts, CSP-safe, single centered column) */

/* ---- Fonts (self-hosted, latin subset) ---- */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/cormorant-garamond-400.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/cormorant-garamond-500.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/cormorant-garamond-600.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/jost-300.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/jost-400.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/jost-500.woff2') format('woff2')}

/* ---- Base ---- */
*{box-sizing:border-box}
body{margin:0;background:#ffffff;color:#2a2a26;font-family:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid #726c60;outline-offset:3px}
@keyframes dbRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ---- Layout: one centered column, capped at 480px, never spreads ---- */
.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:64px 24px;background:#ffffff}
.wrap{width:100%;max-width:480px;margin-inline:auto;text-align:center;animation:dbRise .9s ease both}
@media (prefers-reduced-motion:reduce){.wrap{animation:none}}

/* ---- Logo ---- */
.logo{width:320px;max-width:82%;height:auto;margin:0 auto 40px}

/* ---- Portrait: fixed circle, cover, cropped above the watermark ---- */
.portrait{width:260px;height:260px;margin:0 auto 30px;border-radius:50%;overflow:hidden;box-shadow:0 20px 46px -26px rgba(42,42,38,.4)}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}

/* ---- Text blocks ---- */
.eyebrow{margin:0 0 12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#726c60}
.name{margin:0 0 12px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:34px;line-height:1.1;letter-spacing:.01em;color:#2a2a26}
.tagline{margin:0 auto 40px;max-width:44ch;font-size:15px;line-height:1.75;color:#6b675d}

/* ---- Buttons: same full-column width, block-level, no underline, min 52px ---- */
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:14px 18px;margin:0 0 14px;border-radius:2px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.btn-book{background:#2a2a26;color:#ffffff}
.btn-book:hover,.btn-book:focus-visible{background:#46453e;color:#ffffff}
.btn-call{background:transparent;color:#4a473f;border:1px solid rgba(42,42,38,.28);margin-bottom:0}
.btn-call:hover,.btn-call:focus-visible{border-color:#2a2a26;color:#2a2a26}

/* ---- Divider ---- */
.divider{width:40px;height:1px;margin:40px auto 28px;background:#d8d4c8}

/* ---- NAP ---- */
.nap{font-style:normal;margin:0 0 26px}
.nap a{font-size:13px;line-height:1.8;color:#6b675d}
.nap a:hover,.nap a:focus-visible{color:#2a2a26}

/* ---- Socials ---- */
.socials{display:flex;justify-content:center;flex-wrap:wrap;gap:26px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.socials a{color:#726c60}
.socials a:hover,.socials a:focus-visible{color:#2a2a26}