:root{--navy:#0B1D33;--gold:#D4AF37;--cream:#F3E9D2}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--navy);color:var(--cream)}
body{font:400 15px/1.75 "Montserrat",system-ui,sans-serif;-webkit-font-smoothing:antialiased;
 background:linear-gradient(rgba(5,12,22,.84),rgba(5,12,22,.9)),url(/img/square.webp) center/cover fixed;
 display:flex;flex-direction:column;align-items:center;padding:64px 22px 40px;min-height:100vh}
h1{font:500 clamp(1.6rem,4vw,2.6rem)/1.15 "Cormorant Garamond",Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);margin:0;text-align:center}
.rule{width:min(46%,14rem);height:1px;margin:1.4rem auto 2rem;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
main{max-width:640px;width:100%}
h2{font:500 1.25rem "Cormorant Garamond",Georgia,serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:2rem 0 .4rem}
p{margin:0 0 .8rem;color:rgba(243,233,210,.86)}
a{color:var(--gold)}
.small{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;opacity:.6;text-align:center}
nav{margin-top:auto;padding-top:3rem;display:flex;gap:1.6rem;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase}
nav a{color:var(--cream);text-decoration:none;opacity:.5}nav a:hover{opacity:1;color:var(--gold)}
@media (min-aspect-ratio:13/10){body{background-image:linear-gradient(rgba(5,12,22,.84),rgba(5,12,22,.9)),url(/img/landscape.webp)}}
@media (max-aspect-ratio:4/5){body{background-image:linear-gradient(rgba(5,12,22,.8),rgba(5,12,22,.9)),url(/img/portrait.webp)}}