@font-face{font-family:Inter;src:url('assets/inter.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Bitter;src:url('assets/bitter.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;color:#fff;background:#141819;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
.holding-page{position:relative;isolation:isolate;min-height:780px;min-height:max(780px,100svh);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:48px 5vw 34px}
.scene,.shade{position:absolute;inset:0;z-index:-2}
.scene img{width:100%;height:100%;object-fit:cover;object-position:center}
.shade{z-index:-1;background:linear-gradient(90deg,rgba(9,15,17,.83) 0%,rgba(9,15,17,.67) 26%,rgba(9,15,17,.12) 52%,transparent 66%),linear-gradient(180deg,rgba(6,10,12,.30),transparent 24%,transparent 80%,rgba(6,10,12,.34))}
.masthead{position:absolute;top:40px;left:5vw}
.logo{display:block;width:clamp(270px,28vw,420px);height:auto}
.message{width:36%;max-width:490px;margin-bottom:68px}
.eyebrow{color:#dce9ee;font-size:12px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px}
h1{font-family:Bitter,Georgia,serif;font-size:clamp(36px,3.8vw,62px);font-weight:650;line-height:1.08;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}
.intro{font-size:clamp(16px,1.3vw,19px);line-height:1.65;margin:0 0 25px;max-width:360px}
.closing{font-size:14px;line-height:1.7;color:#e2e6e7;margin:0}
.footer{font-size:11px;line-height:1.5;letter-spacing:.025em;color:#dae1e3}
@media(max-width:600px),(max-width:1024px) and (orientation:portrait){
 .holding-page{min-height:max(830px,100svh);padding:0 7vw 25px}
 .masthead{top:25px;left:7vw;right:7vw}
 .logo{width:270px;max-width:100%}
 .scene img{height:auto;object-position:center top}
 .shade{background:linear-gradient(180deg,rgba(5,11,14,.65) 0%,rgba(5,11,14,.1) 15%,transparent 39%,rgba(5,11,14,.13) 51%,rgba(5,11,14,.85) 70%,rgba(5,11,14,.96) 100%)}
 .message{width:100%;max-width:580px;margin:0 0 26px;padding-top:clamp(440px,67svh,570px)}
 .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:14px}
 h1{font-size:clamp(32px,8.3vw,52px);line-height:1.09;margin-bottom:16px}
 .intro{font-size:15px;line-height:1.6;max-width:450px;margin-bottom:15px}
 .closing{font-size:12px;line-height:1.65}
 .footer{font-size:9px;letter-spacing:0}
}
@media(min-width:601px) and (max-width:1024px) and (orientation:portrait){
 .holding-page{min-height:max(1250px,100svh)}
 .message{padding-top:calc(100vw * 1.28)}
 .intro{font-size:18px}
 .closing{font-size:15px}
 .footer{font-size:12px}
}
@media(max-height:650px) and (min-width:601px) and (orientation:landscape){
 .holding-page{min-height:650px}.message{margin-bottom:35px}h1{font-size:38px}.intro{font-size:16px}
}