@font-face{font-family:Barlow;src:url('/assets/barlow.woff2') format('woff2');font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/barlow-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:DIN;src:url('/assets/din.woff2') format('woff2');font-display:swap}
@font-face{font-family:Cormorant;src:url('/assets/cormorant.woff2') format('woff2');font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/oswald.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--ink:#0b100e;--paper:#f5f2e9;--gold:#b28d50;--teal:#9bd9cb;--rule:rgba(142,112,61,.34);--text:#33332e}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{min-height:100vh;margin:0;display:flex;flex-direction:column;color:var(--text);background:radial-gradient(ellipse at 50% 0,#fffdf8 0,rgba(255,253,248,.78) 34rem,transparent 70rem),var(--paper);font-family:DIN,Arial,sans-serif}
a{color:inherit}
a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.skip{position:absolute;top:8px;left:8px;z-index:20;padding:10px 14px;background:#fff;color:var(--ink);transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
.masthead{position:relative;z-index:1;min-height:116px;padding:14px clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#f5f1e7;background:var(--ink);border-bottom:3px solid var(--gold)}
.brand-lockup{display:flex;align-items:center;gap:15px;min-width:0;color:inherit;text-decoration:none}
.brand-mark{display:block;flex:none;width:54px;height:62px;object-fit:contain;background:#000}
.brand-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.brand-initials{font:500 25px/1 Cormorant,Georgia,serif;letter-spacing:.22em;color:var(--teal)}
.brand-name{font:500 clamp(10px,1.2vw,15px)/1.35 Barlow,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.brand-meta{text-align:right}
.brand-domain{color:var(--gold);font:500 14px/1 DIN,Arial,sans-serif;letter-spacing:.2em;text-decoration:none}
.referral{margin:8px 0 0;color:#d5cec1;font:11px/1.35 Barlow,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
nav{position:relative;z-index:1;width:min(100% - 40px,960px);height:52px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;gap:28px;border-bottom:1px solid var(--rule)}
nav a{padding:8px 0;color:#545148;text-decoration:none;font:12px/1 Oswald,Arial,sans-serif;letter-spacing:.12em}
nav a[aria-current],nav a:hover{color:#8c6b34}
main{flex:1}
.home{display:flex;flex-direction:column;align-items:center;padding:clamp(24px,4vw,42px) 18px 42px}
.logo-frame{width:min(100%,650px);margin:0;background:#050706;border:1px solid var(--gold);box-shadow:0 18px 56px rgba(34,29,18,.16)}
.hero-logo{display:block;width:100%;height:auto;background:#000}
.logo-frame figcaption{min-height:48px;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:12px;color:#eee8dc;background:#0b100e;font:11px/1.3 Barlow,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.logo-frame figcaption span:first-child{color:var(--teal)}
.caption-divider{color:var(--gold)}
.policy{width:748px;max-width:calc(100% - 40px);margin:20px auto 76px}
.policy h1{text-align:center;color:#302c24;font:500 36px/1.15 Cormorant,Georgia,serif;margin:14px 0 30px}
.policy-copy{font:13px/1.65 DIN,Arial,sans-serif}
.policy-copy p{margin:0 0 12px}
.not-found{text-align:center;padding:100px 20px}
.not-found h1{font:500 38px/1.15 Cormorant,Georgia,serif}
.not-found a{color:#786039}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px clamp(18px,5vw,72px);color:#f1ede3;background:var(--ink);border-top:3px solid var(--gold)}
.footer-contact{min-width:0}
.address{margin:0 0 9px;color:#e2dbcf;font:16px/1.3 Cormorant,Georgia,serif}
.contact-details{display:flex;flex-wrap:wrap;gap:8px 20px;font:11px/1.45 Barlow,Arial,sans-serif;letter-spacing:.04em;font-style:normal}
.contact-details a{color:var(--teal);text-decoration:none}
.contact-details a:hover{text-decoration:underline}
.copyright{margin:0;color:#c9c1b4;font:12px/1.4 DIN,Arial,sans-serif;white-space:nowrap}
@media(max-width:760px){
 .masthead{min-height:92px;padding:11px 16px;gap:12px}
 .brand-lockup{gap:10px}
 .brand-mark{width:43px;height:50px}
 .brand-initials{font-size:21px}
 .brand-name{max-width:220px;font-size:9px;letter-spacing:.08em}
 .brand-domain{font-size:12px}
 .referral{max-width:150px;font-size:8px;letter-spacing:.08em}
 nav{width:calc(100% - 32px);height:46px;justify-content:center;gap:30px}
 .home{padding:24px 12px 34px}
 .logo-frame{width:min(100%,560px)}
 .logo-frame figcaption{flex-wrap:wrap;gap:8px;font-size:9px}
 footer{flex-direction:column;text-align:center;gap:14px;padding:18px 16px 22px}
 .address{font-size:15px}
 .contact-details{justify-content:center}
 .copyright{white-space:normal}
 .policy{max-width:calc(100% - 32px);margin:14px auto 42px}
 .policy h1{font-size:31px;margin-bottom:24px}
 .policy-copy{font-size:14px;line-height:1.65}
}
@media(max-width:390px){
 .brand-name{max-width:145px;font-size:8px}
 .brand-meta{max-width:115px}
 .referral{font-size:7px}
 .contact-details{column-gap:12px}
}