@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:700;font-display:swap;src:url('/assets/fonts/cormorant-garamond-700-italic.woff2') format('woff2');}

:root{
  --cream:#F4EFE3; --ivory:#FBF8F0; --ink:#0F0F0F; --ink-muted:#5C5A53;
  --teal-deep:#0E3936; --teal-mid:#1F5F5B; --jade:#2A8B6E; --sage:#B8D4C9;
  --gold:#A8651C; --divider:#D8D0BE;
  --font-sans:'Inter',system-ui,-apple-system,sans-serif;
  --font-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
body{font-family:var(--font-sans);background:var(--ivory);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;}
.wrap{max-width:460px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;}

.hero{background:linear-gradient(135deg,#0A2825 0%,#0E3936 50%,#1F5F5B 100%);color:#fff;text-align:center;padding:2.4rem 1.5rem 2rem;border-radius:0 0 28px 28px;}
.hero-mark{width:72px;height:72px;border-radius:50%;background:var(--ivory);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 6px 20px rgba(0,0,0,.18);}
.hero-mark img{width:46px;height:46px;}
.wordmark{font-weight:600;letter-spacing:.14em;font-size:1.18rem;}
.tagline{font-family:var(--font-serif);font-style:italic;color:var(--sage);letter-spacing:.16em;font-size:.95rem;margin-top:.3rem;}

.profile{text-align:center;margin-top:-46px;padding:0 1.5rem;}
.avatar{width:96px;height:96px;border-radius:50%;border:4px solid var(--ivory);object-fit:cover;box-shadow:0 6px 18px rgba(0,0,0,.16);background:var(--sage);}
.name{font-size:1.4rem;font-weight:600;margin-top:.7rem;letter-spacing:-.01em;}
.title{color:var(--jade);font-weight:500;font-size:.96rem;margin-top:.15rem;}
.bio{color:var(--ink-muted);font-size:.86rem;margin-top:.55rem;max-width:34ch;margin-left:auto;margin-right:auto;}

.content{padding:1.4rem 1.5rem 0;flex:1;}
.lede{text-align:center;color:var(--ink-muted);font-size:.9rem;max-width:32ch;margin:.2rem auto 0;}
.section-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);margin:1.6rem 0 .8rem;display:flex;align-items:center;gap:.7rem;}
.section-label::after{content:'';flex:1;height:1px;background:var(--divider);}
.actions{display:flex;flex-direction:column;gap:.6rem;}

.btn{display:flex;align-items:center;gap:.85rem;width:100%;padding:.9rem 1.1rem;border-radius:14px;background:#fff;border:1px solid var(--divider);color:var(--ink);text-decoration:none;font-size:.96rem;font-weight:500;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;}
.btn:hover,.btn:focus-visible{transform:translateY(-1px);box-shadow:0 6px 16px rgba(14,57,54,.1);border-color:var(--sage);outline:none;}
.btn:active{transform:translateY(0);}
.btn .ico{width:22px;height:22px;flex:0 0 22px;color:var(--teal-mid);display:inline-flex;}
.btn .ico svg{width:100%;height:100%;}
.btn .chev{margin-left:auto;color:var(--divider);font-size:1.2rem;line-height:1;}
.btn--primary{background:var(--jade);color:#fff;border-color:var(--jade);}
.btn--primary .ico{color:#fff;}
.btn--primary:hover{box-shadow:0 8px 20px rgba(42,139,110,.32);border-color:var(--jade);}
.btn--primary .chev{color:rgba(255,255,255,.65);}

.foot{text-align:center;color:var(--ink-muted);font-size:.76rem;margin:2.2rem 0 2.4rem;padding:0 1.5rem;}
.foot .biz{font-weight:500;color:var(--ink);display:block;}
.foot a{color:var(--teal-mid);text-decoration:none;}
