:root{color-scheme:dark;--ink:#28262c;--plum:#211e25;--teal:#77b9b5;--mustard:#e5b954;--white:#faf8f4;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{min-width:280px;background:var(--ink)}
body{min-height:100svh;margin:0;background:linear-gradient(150deg,var(--ink) 32%,var(--plum) 100%);color:var(--white);display:flex;flex-direction:column;border-top:5px solid var(--mustard)}
main{width:100%;flex:1;display:grid;place-items:center;padding:64px 24px 52px}
.holding-page{width:min(100%,1000px);display:flex;align-items:center;justify-content:center;gap:clamp(48px,6.8vw,104px)}
.brand{display:block;flex:0 0 auto;width:172px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%}
.message{min-width:0}
.accent{display:block;width:45px;height:3px;background:var(--mustard);margin-bottom:30px}
h1{font-size:clamp(3rem,5.6vw,5.65rem);font-weight:750;line-height:1.03;letter-spacing:-.055em;margin:0 0 25px;text-wrap:balance}
.full-stop{color:var(--mustard)}
p{font-size:clamp(1.4rem,2.5vw,1.85rem);line-height:1.5;letter-spacing:-.022em;color:#f2efef;margin:0}
p span{color:var(--teal)}
footer{text-align:center;padding:22px 24px 33px;font-size:.875rem;line-height:1.6;letter-spacing:.105em;color:#c2bec5}
@media(max-width:740px){main{padding:42px 22px 36px}.holding-page{flex-direction:column;gap:36px;text-align:center}.brand{width:160px}.accent{margin:0 auto 24px;width:34px}h1{font-size:clamp(2.75rem,11vw,4.5rem);margin-bottom:22px;white-space:normal}p{font-size:clamp(1.28rem,5vw,1.65rem)}footer{padding-bottom:25px;letter-spacing:.06em}}
@media(max-height:650px) and (min-width:741px){main{padding:30px 24px}.brand{width:160px}h1{font-size:3.6rem}p{font-size:1.5rem}}
@media(prefers-contrast:more){p span{color:#a3dedb}footer{color:#efebf0}}
