/* Outfit (SIL Open Font License 1.1, see assets/fonts/OFL.txt), hosted on this site. */
@font-face{font-family:"Outfit";src:url("assets/fonts/outfit-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
html,body{margin:0;background:#07070a;overflow-x:clip;font-family:ui-monospace,"SF Mono",Menlo,monospace}
a{color:#e8e6e1}a:hover{color:#ffffff}
.stage{--s:min(28vmin,260px);position:relative;width:var(--s);aspect-ratio:1/1;transition:transform .6s cubic-bezier(.2,.7,.3,1);will-change:transform}
.stage:hover,.stage:focus-within{transform:scale(1.05)}
.logo-btn{position:absolute;inset:0;padding:0;margin:0;border:0;background:transparent;cursor:pointer;border-radius:50%}
.logo-btn:focus-visible{outline:2px solid #e8e6e1;outline-offset:8px}
.logo-btn svg{display:block;width:100%;height:100%}
.eyes{transform-box:fill-box;transform-origin:50% 40%;transition:transform 90ms ease-in}
.footer-text{margin:0;font-family:"Outfit",ui-sans-serif,system-ui,sans-serif;font-size:12px;letter-spacing:.08em;color:#8a8780}
.socials{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px 56px;position:relative;z-index:1}
.social{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:160px;padding:22px 20px;
  text-decoration:none;color:#ffffff;font-family:"Outfit",ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:15px;letter-spacing:.05em;text-transform:uppercase;
  transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.social::before{content:"";position:absolute;inset:-28px -36px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,255,255,.1),rgba(255,255,255,.04) 55%,transparent);transition:opacity .4s ease;opacity:.8}
.social:hover,.social:focus-visible{color:#ffffff;transform:translateY(-3px)}
.social:hover::before,.social:focus-visible::before{opacity:1;background:radial-gradient(closest-side,rgba(255,255,255,.16),rgba(255,255,255,.06) 55%,transparent)}
.social:focus-visible{outline:2px solid #e8e6e1;outline-offset:4px;border-radius:14px}
.social-icon{height:44px;width:auto;max-width:58px;display:block;position:relative}
.social span{position:relative}
.social.mid{margin-top:-18px}
@media (max-width:600px){.social.mid{margin-top:0}.social{min-width:120px}}
@keyframes bob{from{translate:0 -3%}to{translate:0 3%}}
@keyframes gaze{from{translate:0 0}to{translate:0 80px}}
.logo-btn{animation:bob 2s cubic-bezier(.45,0,.55,1) infinite alternate}
.eyes{animation:gaze 2s cubic-bezier(.45,0,.55,1) infinite alternate}
@media (prefers-reduced-motion:reduce){.logo-btn,.eyes{animation:none}.eyes,.stage{transition:none}}
.eyes.closed{transform:scaleY(0.06)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ask{width:min(760px,100%);display:flex;flex-direction:column;position:relative;z-index:1;font-family:"Outfit",ui-sans-serif,system-ui,sans-serif}
.ask-form[hidden]{display:none}
.ask-form{position:relative;display:flex;flex-direction:column;gap:14px;padding-bottom:40px}
.ask-title{margin:0;color:#fff;font-weight:800;font-size:clamp(26px,2.4vw,34px);line-height:1.1;letter-spacing:.04em;text-transform:uppercase}
.ask-form textarea{width:100%;box-sizing:border-box;resize:none;field-sizing:content;min-height:72px;max-height:320px;padding:8px 0;margin:0;border:0;border-bottom:1px solid rgba(255,255,255,.22);border-radius:0;
  background:transparent;color:#f2f0ec;font:inherit;font-weight:400;font-size:16px;line-height:1.5;outline:none;transition:border-color .2s ease}
.ask-form textarea::placeholder{color:#77746e}
.ask-form textarea:focus{border-bottom-color:#fff}
.ask-row{display:flex;align-items:center;gap:16px}
.ask-note{margin:0;flex-grow:1;color:#8a8780;font-size:13px}
.ask-human{display:inline-block;margin-left:6px;color:#77746e}
.ask-human.ok{color:#9be7b0}
.captcha-box{min-height:65px}
.captcha-box[hidden]{display:none}
.ask-count{color:#8a8780;font-size:13px;font-variant-numeric:tabular-nums}
.ask-count.near{color:#ffb36b}
.ask-send{min-height:44px;padding:0 4px;border:0;border-radius:0;background:transparent;color:#fff;font:inherit;font-weight:800;font-size:14px;
  letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}
.ask-send:hover{text-decoration:underline;text-underline-offset:5px}
.ask-send:disabled{opacity:.35;cursor:default;text-decoration:none}
.ask-send:focus-visible{outline:1px solid #e8e6e1;outline-offset:2px}
.ask-status:empty{display:none}
.ask-status{margin:0;font-size:14px;color:#b9b6af}
.ask-status.ok{color:#9be7b0}
.ask-status.err{color:#ff9a8a}
.qa{border-top:1px solid rgba(255,255,255,.14);padding-top:40px}
.qa-title{margin:0 0 32px;color:#8a8780;font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase}
.qa-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:80px}
.qa-item{position:relative}
/* Divider between answers: brightest in the middle, fading out at both sides */
.qa-item + .qa-item::before{content:"";position:absolute;left:0;right:0;top:-40px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.1) 80%,rgba(255,255,255,0) 100%)}
.qa-q{margin:0 0 12px;color:#9d9a93;font-size:19px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.qa-a{margin:0;color:#fff;font-size:20px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.qa-img,.qa-video{display:block;max-width:100%;height:auto;max-height:720px;margin-top:18px}
.qa-video{width:100%;background:#000}
.qa-pin{display:inline-block;margin:0 0 14px;padding:5px 10px 4px;background:#fff;color:#07070a;font-size:13px;font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}
.qa-pin + .qa-q{margin-top:0}
.qa-q-label{font-weight:700;color:#d6d3cc}
.qa-date{display:block;margin-top:12px;color:#6f6c66;font-size:14px}
@media (max-width:480px){.ask-row{flex-wrap:wrap}.ask-note{flex-basis:100%}.ask-send{margin-left:auto}}
.sticker{display:none}
.ask-form.is-closed .sticker{display:flex;flex-direction:column;align-items:center;gap:2px;position:absolute;z-index:2;right:-6px;top:-14px;margin:0;
  padding:12px 18px 10px;background:#e3261f;color:#fff;transform:rotate(-7deg);transform-origin:center;
  box-shadow:0 6px 18px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.25) inset;
  font-family:"Outfit",ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;text-align:center;pointer-events:none;
  border:2px dashed rgba(255,255,255,.55);outline:3px solid #e3261f}
.sticker-main{font-weight:800;font-size:16px;letter-spacing:.08em;line-height:1.1}
.sticker-sub{font-weight:700;font-size:11px;letter-spacing:.16em;opacity:.9;text-transform:lowercase}
.ask-form.is-closed .ask-title{color:#ff4b42}
.ask-form.is-closed textarea{border-bottom-color:#e3261f;color:#ff8a83;cursor:not-allowed;resize:none}
.ask-form.is-closed textarea::placeholder{color:#a8433e}
.ask-form.is-closed .ask-note,.ask-form.is-closed .ask-count{color:#a8433e}
.ask-form.is-closed .ask-send:disabled{color:#e3261f;opacity:.7;cursor:not-allowed}
.ask-form.is-closed .ask-note{visibility:hidden}
@media (max-width:560px){.ask-form.is-closed .sticker{right:auto;left:50%;top:62px;transform:translateX(-50%) rotate(-6deg);white-space:nowrap}.sticker-main{font-size:14px}.ask-form.is-closed textarea{min-height:110px}}
.year{display:inline-block;transition:transform .26s ease,opacity .26s ease}
.year.year-out{transform:translateY(-10px);opacity:0}
.year.year-in{transform:translateY(10px);opacity:0;transition:none}
.confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:20;perspective:400px}
.confetti span{position:absolute;left:-4px;top:-3px;display:block;will-change:transform;backface-visibility:visible}
.qa-pager{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:80px;padding-top:32px;
  font-family:"Outfit",ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.qa-pager::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.1) 80%,rgba(255,255,255,0) 100%)}
.qa-pager a{color:#fff;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.qa-pager a:hover{text-decoration:underline;text-underline-offset:5px}
.qa-pager a:focus-visible{outline:1px solid #e8e6e1;outline-offset:4px}
.qa-pager-off{color:#3d3b37;min-height:44px;display:inline-flex;align-items:center}
.qa-pager-pos{color:#8a8780;font-weight:400;letter-spacing:.04em;text-transform:none}
.page{width:100%;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;background:#07070a;overflow:clip}
.layout{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:96px;padding:96px 16px 48px}
.hero{display:flex;flex-direction:column;align-items:center;gap:96px}
.site-footer{display:flex;justify-content:center;padding:24px 16px 32px}
@media (min-width:1100px){
  .layout{display:grid;grid-template-columns:minmax(420px,1fr) minmax(0,720px);column-gap:64px;align-items:start;justify-content:center;
    width:100%;max-width:1680px;margin:0 auto;box-sizing:border-box;padding:0 48px}
  .hero{position:sticky;top:0;height:100vh;justify-content:center;gap:72px;padding:24px 0;box-sizing:border-box}
  .hero{width:100%}
  .hero .socials{width:100%;max-width:640px;justify-content:space-between;gap:16px;flex-wrap:nowrap}
  .hero .social{flex:1 1 auto;min-width:0;padding:18px 8px;white-space:nowrap}
  .hero .social::before{inset:-20px -12px}
  .ask{width:100%;padding:clamp(96px,14vh,168px) 0 96px}
}