:root{--gold:#c89a52;--card:#0b0b0bf0;--line:rgba(235,229,218,.42);--white:#f8f6f1}*{box-sizing:border-box}html{min-height:100%;background:#111}body{min-height:100svh;margin:0;color:var(--white);font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,rgba(0,0,0,.43),rgba(0,0,0,.68)),url('../images/hero.webp') center top/cover fixed}.bio-page{min-height:100svh;display:grid;place-items:center;padding:28px}.bio-card{width:min(100%,560px);padding:43px 34px 32px;background:linear-gradient(130deg,rgba(13,13,13,.97),rgba(8,8,8,.91));border:1px solid rgba(200,154,82,.62);border-radius:28px;box-shadow:0 28px 80px rgba(0,0,0,.5);backdrop-filter:blur(5px)}.bio-header{text-align:center}.bio-logo-frame{display:block;width:217px;height:52px;max-width:70%;overflow:hidden;margin:0 auto 19px}.bio-logo{display:block;width:217px;max-width:none;height:106px;transform:translateY(-30px)}.location{margin:0;color:var(--gold);font-size:.69rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.bio-header h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:3rem;line-height:.95;font-weight:600;margin:16px 0 28px}.link-list{display:grid;gap:10px}.main-link{width:100%;min-height:59px;border:1px solid var(--line);border-radius:13px;background:rgba(9,9,9,.44);color:var(--white);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;text-decoration:none;font:700 .88rem/1.15 Inter,Arial,sans-serif;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.main-link:hover{background:rgba(200,154,82,.13);border-color:var(--gold);transform:translateY(-2px)}.link-arrow{font-size:1.25rem;font-weight:400;line-height:1;transition:transform .2s,opacity .2s}.menu-trigger[aria-expanded="true"] .link-arrow{opacity:0}.menu-options[hidden]{display:none}.menu-options{display:grid;gap:7px;padding:9px 0 0 0;margin-left:10px}.menu-options a,.menu-option-unavailable{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 17px;border:1px solid var(--line);border-radius:10px;background:rgba(9,9,9,.42);color:var(--white);text-decoration:none;font-size:.83rem;font-weight:700}.menu-options a:hover{background:rgba(200,154,82,.13);border-color:var(--gold)}.menu-option-unavailable{color:#e0ddd6;opacity:.78}.menu-option-unavailable small{display:none}.secondary-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.secondary-links a{min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(200,154,82,.75);border-radius:9px;color:var(--gold);text-align:center;text-decoration:none;font-size:.7rem;font-weight:700;line-height:1.25;transition:background .2s,transform .2s}.secondary-links a:hover{background:rgba(200,154,82,.14);transform:translateY(-2px)}.social-icon{width:16px;height:16px;flex:0 0 16px}.copyright{text-align:center;color:#aaa;font-size:.7rem;margin:15px 0 0}.skip-link{position:fixed;top:12px;left:12px;z-index:10;transform:translateY(-200%);padding:12px;background:#fff;color:#111}.skip-link:focus{transform:translateY(0)}a:focus-visible,button:focus-visible{outline:3px solid #f1cf8d;outline-offset:4px}@media(max-width:600px){body{background-attachment:scroll}.bio-page{padding:12px}.bio-card{padding:34px 18px 25px;border-radius:24px}.bio-logo-frame{width:217px;height:52px;margin-bottom:18px}.bio-logo{width:217px;height:106px;transform:translateY(-30px)}.location{font-size:.72rem}.bio-header h1{font-size:clamp(2.7rem,12vw,3.5rem);margin:17px 0 32px}.link-list{gap:12px}.main-link{min-height:70px;padding:18px;border-radius:14px;font-size:1rem}.menu-options{gap:8px;padding-top:10px;margin-left:8px}.menu-options a,.menu-option-unavailable{min-height:54px;padding:15px 17px;border-radius:11px;font-size:.88rem}.secondary-links{gap:10px;margin-top:25px}.secondary-links a{min-height:58px;padding:10px 6px;font-size:.73rem}.social-icon{width:18px;height:18px;flex-basis:18px}.copyright{margin-top:22px;font-size:.78rem}}@media(max-width:360px){.bio-card{padding-inline:14px}.secondary-links a{font-size:.65rem}.main-link{font-size:.94rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}






@media(max-width:600px){body{background-position:center top}}

@media(max-width:768px){body{background-image:linear-gradient(180deg,rgba(0,0,0,.43),rgba(0,0,0,.68)),url('../images/hero-mobile.webp')}}