.landing-hero{--landing-black: #0c0b0a;--landing-cream: #f3ead9;--landing-cream-soft: rgb(243 234 217 / .74);position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100svh;overflow:hidden;color:var(--landing-cream);background-color:#294c45;background-image:radial-gradient(110% 95% at 50% 42%,#ffffff0f,#0003);animation:landing-colour-cycle 96s ease-in-out infinite}.landing-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.landing-stage canvas{display:block;width:100%;height:100%}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4%}.landing-actions{display:flex;gap:10px}.landing-mark{display:block;border-radius:50%}.landing-mark span{display:block;width:58px;height:58px;background:var(--landing-cream);-webkit-mask:url(/brand/idle-afternoon.svg) center / contain no-repeat;mask:url(/brand/idle-afternoon.svg) center / contain no-repeat}.landing-hero .landing-link,.landing-hero .landing-begin{display:inline-flex;align-items:center;gap:10px;color:var(--landing-cream);font:500 12px/1 var(--idle-font);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border:1px solid rgb(243 234 217 / .42);border-radius:2px;padding:12px 20px;transition:background .2s,color .2s,border-color .2s}.landing-hero .landing-link:hover,.landing-hero .landing-begin:hover{color:var(--landing-black);background:var(--landing-cream);border-color:var(--landing-cream)}.landing-hero a:focus-visible{outline:2px solid var(--landing-cream);outline-offset:4px}.landing-center{display:grid;place-items:center;align-content:center;gap:clamp(22px,3.4vh,40px);padding:0 4%;text-align:center;pointer-events:none}:root .landing-hero .landing-wordmark{margin:0;width:min(86vw,1500px);line-height:0}.landing-wordmark img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 22px rgb(0 0 0 / .35))}.landing-nav,.landing-meta{position:relative;z-index:2;pointer-events:none}.landing-nav a,.landing-nav button{pointer-events:auto}.landing-piece-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.landing-piece-key{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.landing-piece-key:focus-visible{width:auto;height:auto;left:50%;bottom:86px;transform:translate(-50%);margin:0;clip-path:none;padding:12px 16px;background:#171717;color:#fff;border:1px solid #fff;z-index:3}.landing-auth-dialog{border:0;width:min(540px,calc(100vw - 32px));max-height:calc(100svh - 40px);padding:34px;color:var(--idle-ink);background:#fff;overflow:auto}.landing-auth-dialog::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:root .landing-auth-dialog .registration-card{padding:12px 0 0;border:0;width:100%;max-width:none}:root .landing-auth-dialog .registration-card h2{font-size:30px;margin:12px 0}:root .landing-auth-close{position:absolute;right:12px;top:8px;width:38px;height:38px;font-size:28px;line-height:1}.landing-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0 4% 30px;color:var(--landing-cream-soft);font:500 11px/1.3 var(--idle-font);letter-spacing:.08em;text-transform:uppercase}.landing-meta p{margin:0}.landing-meta p:nth-child(2){justify-self:center}.landing-meta p:nth-child(3){justify-self:center}.landing-meta p:last-child{justify-self:end}.landing-steps{display:grid;gap:0;margin:34px 0 18px;padding:0;max-width:460px;list-style:none;border-top:1px solid var(--idle-line)}.landing-steps li{display:flex;align-items:baseline;gap:18px;padding:16px 0;border-bottom:1px solid var(--idle-line);color:var(--idle-ink);font-size:17px}.landing-steps span{min-width:2ch;font-variant-numeric:tabular-nums;color:var(--idle-blue);font-size:11px;letter-spacing:.14em}@media(max-width:760px){.landing-nav{padding:18px 20px}.landing-mark span{width:46px;height:46px}.landing-hero .landing-link{padding:10px 14px;font-size:11px}:root .landing-hero .landing-wordmark{width:92vw}.landing-auth-dialog{padding:28px 22px}.landing-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:0 20px 22px;font-size:10px}.landing-meta p:nth-child(n){justify-self:start}.landing-meta p:nth-child(2n){justify-self:end;text-align:right}}@media(prefers-reduced-motion:reduce){.landing-hero .landing-link,.landing-hero .landing-begin{transition:none}}@keyframes landing-colour-cycle{0%,to{background-color:#294c45}25%{background-color:#344b72}50%{background-color:#57405f}75%{background-color:#724b43}}@media(prefers-reduced-motion:reduce){.landing-hero{animation:none}}
