:root{color-scheme:light;--white:#FFFDFC;--stone:#D9D1C7;--navy:#2F3A4A;--taupe:#B89F8A;--espresso:#4A3427;font-family:"Manrope",sans-serif;color:var(--espresso);background:var(--white)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-size:1rem;line-height:1.65}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--navy);outline-offset:5px}
.skip-link{position:absolute;top:-100px;left:16px;padding:10px 18px;background:var(--navy);color:var(--white);z-index:2}
.skip-link:focus{top:12px}
.page{max-width:1060px;margin:0 auto;padding:0 48px}
.masthead{text-align:center;font-size:.875rem;font-weight:600;letter-spacing:.23em;text-transform:uppercase;padding:30px 0 26px;border-bottom:1px solid var(--stone)}
main{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:start;padding:58px 0 52px}
.profile{padding-top:16px}
.portrait{display:block;width:168px;height:168px;object-fit:cover;border-radius:50%;padding:6px;border:1px solid var(--taupe);margin:0 0 28px}
.eyebrow{text-transform:uppercase;font-weight:500;font-size:.875rem;letter-spacing:.14em;color:var(--navy);margin:0 0 9px}
h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.3rem,3.7vw,3rem);font-weight:500;line-height:1.15;letter-spacing:-.02em;color:var(--navy);margin:0 0 22px}
.bio{font-size:1rem;line-height:1.9;margin:0 0 27px;max-width:390px}
.socials{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.social-link{display:inline-flex;align-items:center;gap:9px;font-size:.875rem;font-weight:500;min-height:44px;padding:4px 0;border-bottom:1px solid var(--taupe)}
.social-link:hover{border-color:var(--navy)}
.profile-email{display:inline-block;font-size:.875rem;margin-top:10px;min-height:44px;padding:8px 0;overflow-wrap:anywhere}
.profile-email:hover{text-decoration:underline;text-underline-offset:4px}
nav{min-width:0}
.link{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:18px;background:var(--white);border:1px solid var(--stone);border-radius:6px;padding:18px 22px;font-size:1rem;font-weight:500;line-height:1.45;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.link:hover{background:#f6f2ee;border-color:var(--taupe);transform:translateY(-1px)}
.link-list{display:grid;gap:12px}
.featured{display:block;background:var(--navy);color:var(--white);border-color:var(--navy);padding:25px 25px 29px;margin:0 0 20px}
.featured:hover{background:var(--espresso);border-color:var(--espresso)}
.link-kicker{display:block;font-size:.875rem;font-weight:400;letter-spacing:.025em;margin-bottom:6px}
.featured-title{display:block;font-family:"Playfair Display",Georgia,serif;font-size:1.9rem;font-weight:500;line-height:1.3}
.card-image{flex-shrink:0;object-fit:contain;width:62px;height:auto;border-radius:3px}
.amazon-image{flex-shrink:0;width:90px;height:auto;object-fit:contain}
.email{display:flex}
.email-copy{min-width:0}
.mail-icon{flex-shrink:0;margin:0 17px;color:var(--navy)}
.email-address{display:block;font-size:.875rem;font-weight:400;margin-top:3px;overflow-wrap:anywhere}
footer{text-align:center;border-top:1px solid var(--stone);font-size:.875rem;font-family:"Playfair Display",Georgia,serif;color:var(--navy);padding:22px 0 26px}
@media(max-width:780px){.page{max-width:540px;padding:0 24px}.masthead{padding:24px 0 21px;font-size:.8125rem;letter-spacing:.2em}main{display:block;padding:30px 0 34px}.profile{text-align:center;padding:0}.portrait{width:122px;height:122px;margin:0 auto 22px;padding:5px}.eyebrow{font-size:.8125rem}h1{font-size:2.4rem;margin-bottom:16px}.bio{line-height:1.75;max-width:390px;margin:0 auto 19px}.socials{justify-content:center}.profile-email{margin-top:8px;margin-bottom:25px}.link{padding:18px 20px}.featured{padding:22px 23px 26px}.featured-title{font-size:1.85rem}.card-image{width:55px}}
@media(max-width:360px){.page{padding:0 18px}.link{padding:17px}.card-image{width:43px}h1{font-size:2.1rem}.masthead{letter-spacing:.16em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.link{transition:none}.link:hover{transform:none}}
