:root
{
    --navy:#062b50;
    --gold:#ffc14a;
    --teal:#0799ad;
    --muted:#bacbdc
}
*{box-sizing:border-box}
body{margin:0;background:var(--navy);color:#fff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.site-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 95% 85%,#0b4960 0,transparent 50%)}
.brand{color:#fff;text-decoration:none;letter-spacing:.13em;font-weight:700;font-size:1rem}
.brand span{display:block;font-size:.7rem;letter-spacing:.4em;color:var(--gold);margin-top:3px}
.brand:hover{color:var(--gold)}
.ownership{font-size:.8rem;color:var(--muted);border:1px solid #ffffff30;padding:.5rem .85rem;border-radius:30px}
.eyebrow{font-size:.72rem;letter-spacing:.18em;color:var(--gold);font-weight:600}
h1{font-size:clamp(3.5rem,7vw,6.6rem);letter-spacing:-.06em;line-height:1.05;font-weight:750;margin:1.5rem 0}
.gold{color:var(--gold)}
.tagline{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.3}
.intro{max-width:32rem;color:var(--muted);font-size:1.1rem;line-height:1.8;margin-top:1.5rem}
.btn-gold{background:var(--gold);color:#062b50;padding:.85rem 1.4rem;font-weight:700;border-radius:6px}
.btn-gold:hover{background:#ffd57b;color:#062b50}
.btn-gold span{margin-left:1.5rem}
.email{color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}
.logo-panel{background:white;border-radius:18px;padding:1.5rem;box-shadow:0 24px 65px #0003;transform:rotate(-2deg)}
.logo-panel img{display:block;width:100%;height:auto}
.panel-caption{font-size:.65rem;letter-spacing:.24em;text-align:center;color:var(--muted);margin-top:1.8rem}
footer{border-top:1px solid #ffffff20;color:var(--muted);font-size:.75rem;display:flex;justify-content:space-between;gap:1rem}
a:focus-visible{outline:3px solid var(--gold);outline-offset：5px}
@media(max-width:991px){
    .logo-panel{
        max-width:420px;
        margin:0 auto;
        transform:none
    }
    main{
        padding-top:2rem!important
    }
    footer{
        flex-direction:column
    }
    .eyebrow{
        line-height:1.8
    }
}
@media(prefers-reduced-motion:reduce){
    *{
        scroll-behavior:auto!important
    }
}

.profile-photo {
  width: 100%;
  max-width: 320px;
  height: auto;
}