:root{--gold:#e6bd58;--cream:#fff8e7;--ink:#080808}
*{box-sizing:border-box}
html{min-height:100%;background:var(--ink)}
body{min-height:100vh;margin:0;color:#fff;font-family:Montserrat,Arial,sans-serif;background:#090909 url("assets/s3.jpg") center/cover fixed no-repeat;isolation:isolate}
.video-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.82;filter:brightness(.82) contrast(1.06) saturate(.72)}
.shade{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,16,16,.24),rgba(2,13,13,.48)),radial-gradient(circle at 50% 8%,rgba(230,189,88,.1),transparent 38%)}
.video-bg+.shade{z-index:1;overflow:hidden;pointer-events:none}
.video-bg+.shade::after{content:"";position:absolute;inset:-25%;background:radial-gradient(ellipse at 30% 30%,rgba(153,225,218,.12),transparent 28%),radial-gradient(ellipse at 72% 60%,rgba(255,224,143,.08),transparent 30%);filter:blur(24px);animation:underwaterLight 14s ease-in-out infinite alternate}
.page-shell{position:relative;z-index:2;width:min(860px,100%);margin:auto;padding:48px 24px 32px}
.profile{text-align:center;margin-bottom:30px}
.portrait{width:154px;height:154px;padding:4px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#fff0a2,#a56812);box-shadow:0 15px 45px #0009}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:50%;border:4px solid #151515}
.brand-mark{width:52px;margin:18px auto 2px;filter:drop-shadow(0 5px 12px #000)}
h1{margin:0;font:600 clamp(2rem,7vw,3.8rem)/1.05 Cinzel,serif;color:var(--cream);text-shadow:0 2px 0 #6d4618,0 8px 20px #000}
.profile p{margin:12px 0 0;color:#f4e5bd;font-size:.95rem;letter-spacing:.03em}
.links{display:grid;gap:22px}
.link-card{display:block;border-radius:34px;transition:transform .22s ease,filter .22s ease;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45));outline:none}
.link-card img{display:block;width:100%;height:auto}
.link-card:hover,.link-card:focus-visible{transform:translateY(-5px) scale(1.012);filter:drop-shadow(0 18px 28px rgba(0,0,0,.65)) brightness(1.08)}
.link-card:focus-visible{box-shadow:0 0 0 4px var(--gold)}
footer{display:flex;justify-content:center;gap:9px;margin-top:32px;color:#d8cba8;font-size:.8rem}
footer a{color:var(--gold);text-decoration:none}
@media(max-width:560px){.page-shell{padding:28px 12px 24px}.portrait{width:118px;height:118px}.brand-mark{width:40px;margin-top:12px}.profile{margin-bottom:22px}.profile p{font-size:.78rem}.links{gap:13px}.link-card{border-radius:18px}footer{margin-top:24px}}
@keyframes underwaterLight{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.video-bg+.shade::after{animation:none}.link-card{transition:none}}