/* Becquet Family Office — subpage styles */
/* Self-hosted fonts (no third-party requests) */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/cormorant-400.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-500.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('/assets/fonts/cormorant-400-italic.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/inter-300.woff2') format('woff2')}
:root{
  --navy:#16223b;--navy-deep:#0f1830;--gold:#b89a5e;--gold-soft:#d8c08c;
  --bone:#f1ece0;--bone-dim:rgba(243,239,231,.62);--bone-faint:rgba(243,239,231,.34);
  --hair:rgba(243,239,231,.16);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(40,58,96,.55) 0%, transparent 55%),
    radial-gradient(140% 100% at 50% 120%, var(--navy-deep) 0%, transparent 60%),
    var(--navy);
  color:var(--bone);font-family:'Inter',sans-serif;font-weight:300;
  -webkit-font-smoothing:antialiased;line-height:1.85;min-height:100vh;
  display:flex;flex-direction:column}
.frame{position:fixed;inset:22px;z-index:5;pointer-events:none;border:1px solid rgba(184,154,94,.30)}
.frame::before{content:"";position:absolute;inset:6px;border:1px solid rgba(184,154,94,.14)}
@media (max-width:680px){.frame{inset:12px}}
main{flex:1;width:100%;max-width:620px;margin:0 auto;padding:5.5rem 2rem 3rem;position:relative;z-index:10}
.wordmark-link{display:block;text-align:center;text-decoration:none;margin-bottom:2.8rem}
.wordmark{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:.34em;
  font-size:1.7rem;text-indent:.34em;
  background:linear-gradient(180deg,var(--gold-soft),var(--gold) 55%,#8c7038);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.wordmark-sub{font-size:.56rem;letter-spacing:.46em;color:var(--bone-dim);margin-top:.7rem;
  text-indent:.46em;text-align:center;text-transform:uppercase}
h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:2.1rem;line-height:1.25;
  text-align:center;margin-bottom:.6rem}
.rule{width:3.5rem;height:1px;background:var(--hair);border:none;margin:2.2rem auto}
p{font-size:.92rem;color:var(--bone-dim);margin-bottom:1.15rem}
strong{font-weight:400;color:var(--bone)}
a{color:var(--bone);text-decoration:none;border-bottom:1px solid rgba(184,154,94,.35);
  transition:border-color .3s ease}
a:hover{border-bottom-color:var(--gold)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:2px}
.updated{text-align:center;font-size:.72rem;letter-spacing:.14em;color:var(--bone-faint);text-transform:uppercase}
.back{text-align:center;margin-top:2.4rem}
.back a{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim)}
footer{position:relative;z-index:10;border-top:1px solid var(--hair);margin-top:3rem;
  padding:1.6rem 2rem 2rem;text-align:center}
.footer-line{font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--bone-dim)}
.footer-line a{color:inherit}
@media (min-width:768px){h1{font-size:2.5rem}p{font-size:.98rem}}
