@font-face{font-family:"Bitcount Grid Double";src:url("assets/figma/bitcount-grid-double.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}
:root{font-family:Arial,Helvetica,sans-serif;color:#101010;background:#f9f9f9;font-synthesis:none}
*{box-sizing:border-box}
html,body{min-width:320px;min-height:100%}
body{margin:0}
.welcome-shell{min-height:100svh;display:flex;flex-direction:column;padding:0 47px 34px;background:#f9f9f9;overflow:hidden}
.masthead{position:relative;min-height:150px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding-top:42px}
.masthead-note,.page-foot{margin:0;color:#7a8599;font-family:"Bitcount Grid Double","Courier New",monospace;font-size:22px;font-weight:300;line-height:24px;letter-spacing:.08em}
.masthead-note{grid-column:1;white-space:nowrap}
.moodboard-logo{grid-column:2;display:block;width:170px;height:42px;margin-top:13px;object-fit:contain}
.idea-sticker{grid-column:3;justify-self:end;display:block;width:76px;height:98px;overflow:hidden;transform:scale(.7) rotate(9deg);transform-origin:top right}
.idea-sticker img{position:absolute;top:-78px;left:-524px;display:block;width:621px;height:auto;max-width:none}
.welcome-main{flex:1;min-height:450px;display:grid;place-items:center}
.hero-content{width:100%;display:flex;flex-direction:column;align-items:center;transform:translateY(-16px)}
h1{width:100%;margin:0;text-align:center}
.words{--letter-gap:clamp(6px,1.45vw,22px);width:min(1840px,100%);height:clamp(68px,12vw,206px);margin-inline:auto;container-type:inline-size;display:flex;align-items:center;justify-content:center;gap:var(--letter-gap);touch-action:pan-y pinch-zoom}
.word-row{display:contents}
.letter{position:relative;display:block;flex:none;aspect-ratio:var(--letter-width);width:auto;height:min(164px,calc((100cqw - 10 * var(--letter-gap) - 52px) / 9.382142857));cursor:default;transform:scale(1.08)}
.intro-char{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:#101010;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10.4cqw;font-weight:700;line-height:1;letter-spacing:0;white-space:nowrap}
.intro-pending .intro-char{display:flex}
.intro-pending .letter.materialized .intro-char{animation:letter-materialize .34s cubic-bezier(.22,1,.36,1) forwards}
@keyframes letter-materialize{0%{opacity:1;transform:translateY(0) scale(1)}35%{opacity:1;transform:translateY(-3px) scale(1.55)}100%{opacity:0;transform:translateY(-10px) rotate(-5deg) scale(1.3)}}
.letter img{display:block;width:auto;height:100%;max-width:none;filter:drop-shadow(0 4px 3px #17191d1c);user-select:none}
.letter.active .base-image,.letter.pending .base-image{visibility:hidden}
.letter.active{z-index:3}
.letter.returning .base-image{animation:letter-soft-return .62s cubic-bezier(.22,1,.36,1) both}
@keyframes letter-soft-return{0%,20%{opacity:0}65%,100%{opacity:1}}
.sticker{position:absolute;inset:0;z-index:2;pointer-events:none;will-change:transform}
.letter[data-index="0"] .sticker,.letter[data-index="5"] .sticker{transform-origin:left center}
.letter[data-index="10"] .sticker{transform-origin:right center}
.start-button{min-width:179px;min-height:60px;margin-top:61px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:17px;background:#050505;color:#fff;font-size:21px;font-weight:500;line-height:1;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}
.start-button:hover{background:#262626;transform:translateY(-2px);box-shadow:0 9px 22px #0002}
.start-button:active{transform:translateY(0)}
.start-button:focus-visible{outline:2px solid #171717;outline-offset:5px}
.page-foot{text-align:center}
@media(max-width:1100px){.masthead-note,.page-foot{font-size:17px;line-height:19px}.moodboard-logo{width:140px;height:35px}}
@media(max-width:800px){.welcome-shell{padding:0 24px 28px}.masthead{min-height:116px;padding-top:26px}.masthead-note,.page-foot{font-size:12px;line-height:14px}.moodboard-logo{width:108px;height:27px;margin-top:2px}.idea-sticker{transform:scale(.406) rotate(9deg)}.start-button{min-width:150px;min-height:48px;margin-top:48px;border-radius:13px;font-size:16px}}
@media(max-width:650px){.words{gap:5px}.letter{height:max(20px,calc(10.657vw - 9px))}.intro-char{font-size:min(10cqw,50px)}}
@media(max-width:560px){.welcome-shell{padding:0 18px 24px}.masthead{min-height:90px;padding-top:23px}.masthead-note,.page-foot{font-size:9px;line-height:11px;letter-spacing:.05em}.moodboard-logo{width:84px;height:21px;margin-top:0}.idea-sticker{transform:scale(.28) rotate(9deg)}.welcome-main{min-height:400px}.hero-content{transform:translateY(-12px)}.start-button{min-width:134px;min-height:42px;margin-top:43px;border-radius:11px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.start-button,.letter{transition:none}.letter.returning .base-image,.intro-pending .letter.materialized .intro-char{animation:none}.intro-char{display:none!important}.letter.pending .base-image{visibility:visible}.sticker{display:none}}