@font-face{font-family:Manrope;src:url('/assets/manrope-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-medium.woff') format('woff');font-weight:500;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;color:#1c2532;background:#fff;--burgundy:#8c203c;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:#fff}main{position:relative;min-height:100svh;display:grid;place-items:center;padding:80px 7%}.holding{width:100%;padding:26px 0;text-align:center;display:flex;flex-direction:column;align-items:center;background:#fff;animation:arrive 1s ease-out both}.brand{width:min(780px,100%);aspect-ratio:4.35;overflow:hidden;margin:0}.brand img{display:block;width:120.65%;height:auto;max-width:none;margin-left:-10.5%;margin-top:-12.16%}.tagline{font-size:clamp(18px,2vw,26px);font-weight:500;color:var(--burgundy);line-height:1.7;letter-spacing:-.025em;margin:35px 0 0}.hairline{width:40px;height:1px;background:#8c203c;margin:38px 0 23px}.status{font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:1.8;margin:0;color:#765760}::selection{background:#8c203c;color:#fff}
.atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#fff}
.holding{max-width:780px}.brand-copy{width:100%;margin:0;display:flex;flex-direction:column;align-items:center;text-align:center}.tagline{text-wrap:balance}.status{padding-left:.2em}
.rule{position:absolute;left:0;right:0;height:1px;background:#8c203c;box-shadow:0 9px 0 #8c203c32,0 18px 0 #8c203c14}
.rule-top{top:15%}.rule-bottom{bottom:15%;box-shadow:0 -9px 0 #8c203c32,0 -18px 0 #8c203c14}
.rule:after{content:'';position:absolute;top:-1px;left:-18%;width:18%;height:3px;background:linear-gradient(90deg,transparent,#8c203c,transparent);animation:traverse var(--drift-duration,24s) linear infinite}
.rule-bottom:after{animation-direction:reverse;animation-delay:-12s}
.atmosphere.is-still .rule:after,.motion-off .holding{animation:none}
@keyframes traverse{from{transform:translateX(0)}to{transform:translateX(660%)}}
@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){main{padding:80px 6%}.tagline{margin-top:25px;font-size:18px}.hairline{margin-top:32px}.status{letter-spacing:.16em}.brand{width:100%}.rule-top{top:13%}.rule-bottom{bottom:13%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}
