@font-face{font-family:Offstage;src:url('assets/CormorantGaramond.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
:root{color-scheme:dark;--navy:#07101a;--ivory:#f3e5cc;--brass:#b48a47}
*{box-sizing:border-box}
html{min-width:280px;background:var(--navy)}
body{margin:0;min-height:100svh;color:var(--ivory);font-family:Offstage,Georgia,serif;isolation:isolate}
.backdrop{position:fixed;inset:0;z-index:-2;background:var(--navy) url('assets/offstage-curtains-v1.0.png') center center/cover no-repeat}
.masthead{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 3.4vw}
.wordmark{font-size:clamp(30px,3vw,46px);font-weight:500;line-height:1.2;white-space:nowrap;letter-spacing:-.025em}
.sign-in{color:var(--ivory);background:rgba(6,13,21,.38);border:1px solid #c9bda9;border-radius:3px;font:500 24px/1.1 Offstage,Georgia,serif;cursor:not-allowed}
.sign-in:disabled{opacity:1}
.top-sign-in{padding:11px 30px}
main{display:flex;align-items:center;min-height:calc(100svh - 110px);padding:52px 5.6vw 13vh}
.intro{max-width:720px}
h1{font-size:clamp(66px,7.05vw,110px);font-weight:400;line-height:.98;letter-spacing:-.035em;margin:0;text-wrap:balance}
.accent{width:116px;height:3px;background:var(--brass);margin:52px 0 48px}
.main-sign-in{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 35px;font-size:31px;min-width:222px}
.main-sign-in span{font-family:Georgia,serif;font-size:35px;line-height:.8;font-weight:400}
.status{font:12px/1.5 Arial,sans-serif;letter-spacing:.035em;color:#b8b5ae;margin:17px 0 0}
@media(min-aspect-ratio:18/10){.backdrop{background-position:center 69%}main{padding-bottom:7vh}h1{font-size:clamp(65px,6vw,100px)}.accent{margin:30px 0}}
@media(max-width:700px){.backdrop{background-position:68% center}.backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,22,.72),rgba(5,12,22,.3) 58%,transparent)}.masthead{padding:25px 24px;gap:14px}.wordmark{font-size:32px}.top-sign-in{font-size:19px;padding:9px 16px}main{min-height:calc(100svh - 88px);align-items:flex-start;padding:88px 26px 70px}h1{font-size:clamp(53px,12vw,80px);letter-spacing:-.035em;line-height:1.03}.accent{width:77px;margin:36px 0}.main-sign-in{font-size:27px;min-width:186px;padding:13px 25px;gap:23px}.status{font-size:11px;margin-top:16px}}
@media(max-width:340px){.masthead{padding-left:18px;padding-right:18px}.wordmark{font-size:28px}.top-sign-in{font-size:17px;padding:8px 12px}main{padding:72px 20px 50px}h1{font-size:48px}}
@media(max-height:560px) and (min-width:701px){main{min-height:0;padding:25px 5.6vw 35px}h1{font-size:58px}.accent{margin:25px 0}.main-sign-in{font-size:24px;padding:12px 22px}.status{margin-top:12px}}