@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&family=Noto+Kufi+Arabic:wght@600;700;800;900&display=swap";:root{color:#fff;font-synthesis:none;--red:#d4141e;--ivory:#f2e9da;background:#050505;font-family:Alexandria,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#050505;min-width:320px;margin:0}a{color:inherit;text-decoration:none}.announcement{isolation:isolate;background:#050505;width:100%;height:100dvh;position:relative;overflow:hidden}.backdrop{z-index:-3;background:url(/lord-hamo-hero-v2.png) 42%/cover no-repeat;animation:16s cubic-bezier(.16,.65,.2,1) both arrive;position:absolute;inset:-2%}.announcement:before{content:"";z-index:-2;background:linear-gradient(90deg,#0000 0%,#0404040f 36%,#040404c7 68%,#050505 100%),linear-gradient(#00000040 0%,#0000 66%,#050505 100%);position:absolute;inset:0}.announcement:after{content:"";z-index:4;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 190px 30px #000c}.grain{z-index:3;pointer-events:none;opacity:.045;background-image:radial-gradient(circle at 20% 30%,#fff 0 .55px,#0000 .7px),radial-gradient(circle at 70% 65%,#fff 0 .45px,#0000 .65px);background-size:8px 10px,12px 9px;animation:.35s steps(2,end) infinite grain;position:absolute;inset:-30%}.message{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;width:min(1320px,100% - 80px);height:100%;margin-inline:auto;padding:70px 0 100px;display:flex;position:relative}.message>*{width:min(640px,52vw)}.eyebrow{text-align:right;color:#ffffff6b;letter-spacing:.22em;direction:ltr;margin:0 0 24px;font-size:.64rem;font-weight:600}.eyebrow span{color:var(--red)}h1{letter-spacing:-.06em;text-shadow:0 12px 45px #000;margin:0;font-family:Noto Kufi Arabic;font-size:clamp(2.65rem,4.7vw,4.7rem);font-weight:900;line-height:1.24}h1 em{color:var(--ivory);font-style:normal;font-weight:700}.rotating-slot{vertical-align:bottom;display:inline-grid;overflow:hidden}.rotating-word{grid-area:1/1;animation:.65s cubic-bezier(.2,.75,.2,1) both wordIn}.launch-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(100deg,#1c1c1cad,#0808086b);border:1px solid #ffffff21;align-items:center;gap:13px;width:auto;margin-top:30px;padding:14px 18px;display:inline-flex;position:relative;box-shadow:0 16px 35px #0003}.launch-status:after{content:"";background:var(--red);width:42px;height:1px;position:absolute;top:-1px;right:18px;box-shadow:0 0 12px #d4141ebf}.status-dot{background:var(--red);border-radius:50%;flex:none;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 14px #d4141ed9}.launch-copy{align-items:center;gap:13px;display:flex}.launch-copy strong{color:var(--ivory);font-size:.76rem;font-weight:600}.launch-copy i{background:#ffffff2e;width:1px;height:15px}.launch-copy small{color:#ffffff75;letter-spacing:.13em;white-space:nowrap;direction:ltr;font-size:.56rem;font-weight:600}@keyframes arrive{0%{filter:brightness(.72);transform:scale(1.06)}to{filter:brightness();transform:scale(1)}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-2%)}50%{transform:translate(-2%,2%)}75%{transform:translate(3%,2%)}to{transform:translate(-2%,-3%)}}@keyframes wordIn{0%{opacity:0;filter:blur(7px);transform:translateY(55%)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes pulse{50%{opacity:.35;transform:scale(.78)}}@media (width<=780px){.backdrop{background-position:20% 0;background-repeat:no-repeat;background-size:auto 64dvh;inset:0}.announcement:before{background:linear-gradient(#0000003d 0%,#0505052e 31%,#050505f2 52%,#050505 69% 100%)}.announcement:after{box-shadow:inset 0 0 90px #000000a6}.message{inset:46dvh 18px calc(18px + env(safe-area-inset-bottom)) 18px;justify-content:center;width:auto;height:auto;min-height:0;padding:0;display:flex;position:absolute}.message>*{width:100%}.eyebrow{margin-bottom:8px;font-size:.55rem}h1{letter-spacing:-.045em;max-width:390px;font-size:clamp(2rem,8.8vw,2.65rem);line-height:1.24}.launch-status{justify-content:flex-start;width:100%;margin-top:17px;padding:11px 14px}.launch-copy{justify-content:space-between;gap:9px;width:100%}.launch-copy strong{font-size:.7rem}.launch-copy small{letter-spacing:.09em;font-size:.5rem}}@media (width>=781px) and (width<=1100px){.backdrop{background-position:34%}.message{width:calc(100% - 54px)}.message>*{width:min(520px,54vw)}h1{font-size:clamp(2.8rem,5.8vw,4.25rem)}}@media (width<=780px) and (orientation:landscape){.backdrop{background-position:34%;background-size:cover}.announcement:before{background:linear-gradient(90deg,#0000 0%,#0505056b 44%,#050505 100%)}.message{width:54vw;padding:0;inset:50% 24px auto auto;transform:translateY(-50%)}.message>*{width:54vw}.eyebrow{margin-bottom:8px}h1{font-size:clamp(2rem,5.5vw,3rem);line-height:1.2}.launch-status{width:auto;margin-top:12px}}@media (width<=380px){.backdrop{background-position:20% 0}h1{font-size:1.95rem}.launch-status{margin-top:12px}}@media (width<=780px) and (height<=680px) and (orientation:portrait){.backdrop{background-size:auto 61dvh}.message{top:43dvh;bottom:calc(10px + env(safe-area-inset-bottom))}.eyebrow{margin-bottom:5px}h1{font-size:clamp(1.75rem,8vw,2.2rem)}.launch-status{margin-top:9px;padding-block:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
