:root{color-scheme:dark;--navy:#07111d;--gold:#dfb94f;--cream:#fff8e9}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#fff}
body{background:var(--navy)}.holding-page{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;background:url('assets/hope-sunset.png') center center/cover no-repeat}
.holding-page:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,14,.82) 0%,rgba(4,11,18,.7) 44%,rgba(4,10,17,.42) 72%,rgba(2,7,12,.58) 100%);z-index:-1}.holding-page:after{content:"";position:absolute;inset:auto 0 0;height:175px;background:linear-gradient(transparent,rgba(2,7,12,.96));z-index:-1}
header{padding:24px 6vw 0;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:block;width:260px;height:130px;flex-shrink:0}.brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.brand-purpose{text-transform:uppercase;font-size:12px;letter-spacing:2.3px;line-height:1.8;font-weight:600;text-align:right;color:rgba(255,255,255,.9)}.brand-purpose span{margin:0 9px;color:var(--gold)}
main{flex:1;display:flex;align-items:center;padding:45px 8vw 85px}.content{max-width:780px}.eyebrow{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:600;margin:0 0 25px;color:var(--gold)}.eyebrow span{width:34px;height:1px;background:var(--gold)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5.2vw,80px);font-weight:400;letter-spacing:-2.7px;line-height:1.08;margin:0 0 25px;text-shadow:0 3px 24px rgba(0,0,0,.3)}h1 em{font-weight:400;color:var(--gold)}.reassurance{font-size:clamp(18px,1.55vw,23px);line-height:1.55;margin:0 0 38px;color:rgba(255,255,255,.9)}.launch{border-left:2px solid var(--gold);padding-left:23px}.launch p:first-child{text-transform:uppercase;font-size:12px;letter-spacing:3px;margin:0 0 11px;color:var(--gold)}.launch time{display:block;font-family:Georgia,'Times New Roman',serif;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(35px,3.2vw,49px);letter-spacing:1px;line-height:1.1}.launch time span{color:var(--gold);margin:0 8px;font-size:.7em}.launch .date-written{font-size:14px;letter-spacing:1px;margin:10px 0 0;color:rgba(255,255,255,.76)}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 6vw;color:#fff4dd}footer p{display:flex;align-items:center;gap:23px;font-size:12px;text-transform:uppercase;letter-spacing:3px;line-height:1.6;margin:0}footer p span{width:1px;height:17px;background:#d8a447}footer .footer-brand{font-family:Georgia,serif;letter-spacing:2px}
@media(min-width:1500px){main{padding-left:10vw}.content{max-width:900px}}
@media(max-width:760px){
  .holding-page{min-height:100svh;background-image:url('assets/hope-sunset.png');background-position:66% center}
  .holding-page:before{background:linear-gradient(180deg,rgba(2,7,12,.82) 0%,rgba(3,9,15,.7) 54%,rgba(2,7,12,.42) 76%,rgba(2,7,12,.78) 100%)}
  .holding-page:after{height:120px}
  header{padding:10px 20px 0;display:flex;flex-direction:column;align-items:center;gap:0}
  .brand{width:226px;height:112px}
  .brand-purpose{max-width:340px;margin:-3px auto 0;text-align:center;font-size:10px;letter-spacing:1.35px;line-height:1.65}
  .brand-purpose span{margin:0 4px}
  main{align-items:flex-start;justify-content:center;padding:25px 18px 170px}
  .content{width:min(100%,460px);padding:24px 22px 25px;border:1px solid rgba(223,185,79,.34);border-radius:2px;background:rgba(3,9,15,.46);box-shadow:0 18px 50px rgba(0,0,0,.16);backdrop-filter:blur(5px)}
  .eyebrow{justify-content:center;margin-bottom:16px;font-size:10px;letter-spacing:1.7px}
  .eyebrow span{width:24px}
  h1{text-align:center;font-size:clamp(36px,10.5vw,50px);letter-spacing:-1.4px;line-height:1.04;margin-bottom:18px}
  .reassurance{text-align:center;font-size:17px;line-height:1.45;margin-bottom:22px}
  .launch{width:max-content;max-width:100%;margin:0 auto;padding-left:15px}
  .launch p:first-child{font-size:11px;letter-spacing:2.5px;margin-bottom:8px}
  .launch time{font-size:clamp(32px,9.5vw,40px);white-space:nowrap}
  .launch time span{margin:0 4px}
  .launch .date-written{font-size:13px;margin-top:7px}
  footer{padding:22px 18px;justify-content:center}
  footer p{font-size:10px;letter-spacing:1.8px;gap:13px}
  footer .footer-brand{display:none}
}
@media(max-width:380px){
  .brand{width:196px;height:98px}
  .brand-purpose{font-size:9px;letter-spacing:1.05px}
  main{padding-top:18px}
  .content{padding:21px 16px 23px}
  h1{font-size:34px}
  .reassurance{font-size:16px}
  .launch time{font-size:31px}
}
@media(prefers-reduced-motion:no-preference){.content{animation:arrive .9s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}