:root{color-scheme:dark;--ink:#102a34;--paper:#f6f3ec;--gold:#f0c774}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);font:18px/1.75 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}
.offline-shell{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:28px clamp(24px,6vw,100px) 24px;overflow:hidden}
.offline-background,.offline-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.offline-background{object-fit:cover;object-position:60% center}
.offline-shade{background:linear-gradient(180deg,#081c247a,#081c2499 30%,#081c24c9 100%),linear-gradient(90deg,#081c2470,#081c2440 50%,#081c2470)}
.offline-header{display:flex;justify-content:flex-end;min-height:30px}
.offline-header nav{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.12em}.offline-header nav a{text-decoration:none}.offline-header nav [aria-current]{color:var(--gold);border-bottom:1px solid var(--gold)}
main{flex:1;display:flex;justify-content:center;align-items:center;padding:34px 0 54px}
.offline-content{width:min(100%,960px);text-align:center}
.offline-brand{display:flex;flex-direction:column;align-items:center;gap:13px;font-size:26px;font-weight:650;letter-spacing:.025em;line-height:1.2;margin-bottom:35px}
.offline-brand img{display:block;width:78px;height:100px;object-fit:contain}
.offline-brand small{display:block;margin-top:9px;font-size:10px;font-weight:500;letter-spacing:.32em;text-transform:uppercase}
.offline-eyebrow{display:flex;justify-content:center;align-items:center;gap:15px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:11px;font-weight:650;margin:0 0 22px}
.offline-eyebrow:before,.offline-eyebrow:after{content:'';height:1px;width:28px;background:var(--gold)}
h1{font:400 clamp(50px,7vw,98px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:var(--gold);margin:0 0 25px;overflow-wrap:anywhere;text-wrap:balance}
.offline-message{max-width:680px;color:#ecf0ee;font-size:19px;line-height:1.85;margin:0 auto 28px;overflow-wrap:anywhere;text-wrap:pretty}
.offline-contact{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #f0c77499;padding:0 0 9px;text-decoration:none;font-size:16px;overflow-wrap:anywhere;max-width:100%}.offline-contact span{color:var(--gold);font-size:24px}.offline-contact:hover{color:var(--gold)}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff30;padding-top:18px;font-size:12px;color:#e2e8e6}footer a{text-decoration:none}footer a:hover{color:var(--gold)}.offline-legal{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.offline-legal a{border-bottom:1px solid #ffffff35;padding-bottom:2px}
.offline-preview{font-size:13px;margin:26px auto 0;border:1px solid #ffffff40;background:#102a3470;padding:12px 18px;max-width:650px}
@media(max-width:600px){.offline-shell{padding:20px 24px}.offline-header{min-height:28px}.offline-header nav{font-size:12px}main{padding:35px 0 42px}.offline-brand{font-size:23px;margin-bottom:32px}.offline-brand img{width:63px;height:81px}.offline-brand small{font-size:9px}.offline-eyebrow{font-size:10px;letter-spacing:.12em;gap:10px}.offline-eyebrow:before,.offline-eyebrow:after{width:18px}h1{font-size:clamp(44px,12vw,65px);margin-bottom:23px}.offline-message{font-size:17px;line-height:1.8}.offline-contact{font-size:15px;gap:22px}footer{font-size:11px;flex-wrap:wrap;justify-content:center;text-align:center;gap:8px 24px}}
@media(max-height:700px) and (min-width:601px){main{padding:16px 0 28px}.offline-brand{flex-direction:row;justify-content:center;text-align:left;font-size:23px;margin-bottom:22px}.offline-brand img{width:51px;height:66px}h1{font-size:64px;margin-bottom:18px}.offline-message{font-size:17px;margin-bottom:20px}}
