:root{--space:#1c2023;--starlight:#e7e5e1;--dust:#9aa2a6;--signal:#8fd3fe;--flame:#df662b;--rule:#ffffff1c;--font-sans:Helvetica, "Helvetica Neue", Arial, sans-serif;--space-unit:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--space);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-padding-top:40px}body{background:var(--space);color:var(--starlight);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-weight:400}::selection{background:var(--starlight);color:var(--space)}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--signal);outline-offset:6px}button:disabled{cursor:default}.skip-link{background:var(--starlight);color:var(--space);z-index:10;padding:14px 20px;position:absolute;top:-90px;left:24px}.skip-link:focus{top:20px}.landing{padding:0 max(40px, env(safe-area-inset-right)) 0 max(40px, env(safe-area-inset-left))}.site-header{justify-content:space-between;align-items:center;gap:24px;max-width:1440px;height:112px;margin:0 auto;display:flex}.brand{flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.brand .wordmark{color:var(--starlight);letter-spacing:-.05em;font-size:30px;font-weight:700;line-height:32px;display:block}.site-header nav a,.text-action,.asset-links a{align-items:center;gap:10px;min-height:44px;font-size:14px;display:inline-flex}.site-header nav a{color:var(--dust);transition:color .16s}.site-header nav a:hover,.text-action:hover,.asset-links a:hover{color:var(--starlight)}.site-header nav svg{width:13px;height:13px}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 194px);padding:4px 0 62px;display:flex}.signal-art{flex-shrink:0;width:min(600px,100%);height:clamp(220px,31vh,330px);margin-bottom:20px;position:relative}.signal-art canvas{touch-action:pan-y;width:100%;height:100%;display:block}.motion-toggle{width:28px;height:28px;color:var(--dust);cursor:pointer;background:0 0;border:1px solid #ffffff17;border-radius:50%;place-items:center;transition:border-color .16s,color .16s;display:grid;position:absolute;bottom:18px;right:32px}.motion-toggle:before{content:"";position:absolute;inset:-8px}.motion-toggle:hover{color:var(--starlight);border-color:#fff5}.hero-copy{text-align:center;flex-direction:column;align-items:center;display:flex}.hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(48px,5.2vw,74px);font-weight:400;line-height:1.04}.hero h1 span,.idea-title h2 span,.brand-intro h1 span,blockquote span{color:var(--dust)}.hero-copy>p{color:var(--dust);letter-spacing:-.018em;margin:26px 0 29px;font-size:16px;line-height:1.6}.mobile-break{display:none}.primary-action{background:var(--starlight);min-height:52px;color:var(--space);border-radius:40px;justify-content:center;align-items:center;gap:28px;padding:0 23px;font-size:14px;transition:background .16s,transform .16s;display:inline-flex}.primary-action:hover{background:#fff;transform:translateY(-1px)}.primary-action:active{transform:translateY(0)}.development-note{color:var(--dust);align-items:center;gap:7px;margin-top:19px;font-size:12px;line-height:20px;display:inline-flex}.status-dot{background:var(--signal);border-radius:50%;width:4px;height:4px}.site-footer{max-width:1440px;min-height:82px;color:var(--dust);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;font-size:12px;display:flex}.site-footer a{align-items:center;gap:24px;min-height:44px;display:inline-flex}.site-footer a:hover{color:var(--starlight)}.idea-section{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:128px 100px;max-width:1120px;margin:0 auto;padding:148px 0 40px;display:grid}.idea-title h2{letter-spacing:-.05em;margin:0;font-size:clamp(36px,4vw,54px);font-weight:400;line-height:1.08}.idea-body>p{letter-spacing:-.02em;margin:0 0 24px;font-size:19px;line-height:1.5}.idea-body>p+p{color:var(--dust)}.idea-note{color:var(--dust);margin-top:38px;font-size:12px;line-height:1.6}.idea-bottom{grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;display:flex}.idea-bottom .text-action{color:var(--dust);font-size:12px}.brand-page{padding:0 40px}.brand-main{width:min(1120px,100%);margin:0 auto}.brand-intro{padding:100px 0 120px}.brand-intro h1{letter-spacing:-.06em;margin:0 0 32px;font-size:clamp(42px,5.4vw,74px);font-weight:400;line-height:1.07}.brand-intro>p{color:var(--dust);max-width:400px;margin:0 0 36px;font-size:19px;line-height:1.5}.brand-version{color:var(--dust);margin-top:20px;font-size:12px;display:block}.brand-section{border-top:1px solid var(--rule);padding:64px 0 88px}.section-intro h2{letter-spacing:-.04em;margin:0 0 16px;font-size:30px;font-weight:400;line-height:1.2}.section-intro p{color:var(--dust);max-width:460px;margin:0 0 32px;font-size:16px;line-height:1.6}.identity-specimens{grid-template-columns:1.6fr 1fr;gap:16px;display:grid}.logo-specimen{justify-content:center;align-items:center;min-height:300px;display:flex}.logo-specimen .wordmark{color:var(--starlight);letter-spacing:-.05em;font-size:clamp(72px,9vw,120px);font-weight:700;line-height:1}.specimen-light .wordmark{color:var(--space)}.logo-specimen img{width:168px;height:168px}.specimen-light{background:var(--starlight)}.specimen-dark{border:1px solid var(--rule)}.asset-links{color:var(--dust);gap:32px;margin-top:16px;display:flex}.asset-links a{font-size:12px}.mascot-section{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.mascot-section .section-intro p{margin-bottom:16px}.mascot-section .text-action{color:var(--dust);font-size:12px}.cat-specimen{flex-direction:column;align-items:center;gap:30px;display:flex}.cat-specimen>img{width:220px;height:220px}.cat-specimen>span{color:var(--dust);font-size:12px}.palette{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.swatch{height:160px;margin-bottom:18px}.swatch-slate{background:var(--space);border:1px solid var(--rule)}.swatch-bone{background:var(--starlight)}.swatch-ice{background:var(--signal)}.swatch-flame{background:var(--flame)}.color-specimen>span{font-size:14px;display:block}.color-specimen>.color-value{color:var(--dust);margin-top:7px;font-size:12px}.type-specimen{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.type-large{letter-spacing:-.08em;font-size:230px;line-height:1}.font-name{letter-spacing:-.03em;margin:0 0 24px;font-size:25px}.type-specimen p:not(.font-name){overflow-wrap:anywhere;font-size:20px;line-height:1.7}.font-note{max-width:360px;color:var(--dust);margin-top:24px;font-size:12px;line-height:1.6;display:block}.voice-section{grid-template-columns:1fr 1fr;gap:80px;display:grid}blockquote{letter-spacing:-.05em;margin:0;font-size:40px;line-height:1.2}.brand-end{border-top:1px solid var(--rule);color:var(--dust);justify-content:space-between;align-items:center;gap:24px;padding:48px 0;font-size:14px;display:flex}@media (min-width:1600px){.hero{padding-bottom:80px}}@media (max-width:760px){.landing,.brand-page{padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right))}.site-header{height:92px}.site-header nav a{gap:7px;font-size:12px}.hero{min-height:calc(100svh - 170px);padding:4px 0 46px}.signal-art{width:min(490px,100vw - 20px);height:clamp(200px,29vh,290px);margin-bottom:24px}.motion-toggle{bottom:6px;right:30px}.hero h1{font-size:clamp(46px,10vw,62px)}.hero-copy>p{margin:23px 0 27px;font-size:15px}.mobile-break{display:inline}.site-footer{gap:16px;min-height:78px;font-size:11px}.site-footer a{gap:12px}.idea-section{grid-template-columns:1fr;gap:36px;padding:84px 0 28px}.idea-body>p{font-size:17px}.idea-note{margin-top:30px}.idea-bottom{flex-wrap:wrap;gap:20px;margin-top:40px}.idea-bottom>.brand{width:100%}.idea-bottom>a:last-child{margin-left:auto}.brand-intro{padding:64px 0 80px}.brand-intro h1{font-size:clamp(38px,8vw,56px)}.brand-intro>p{font-size:17px}.brand-section{padding:40px 0 56px}.section-intro h2{font-size:27px}.identity-specimens{grid-template-columns:1fr}.logo-specimen{min-height:240px}.specimen-dark{min-height:200px}.mascot-section,.type-specimen,.voice-section{grid-template-columns:1fr;gap:32px}.palette{grid-template-columns:1fr 1fr;gap:32px 16px}.swatch{height:130px}.type-large{font-size:180px}.brand-end{padding:30px 0;font-size:12px}}@media (max-width:370px){.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:14px 0}.hero h1{font-size:44px}}@media (max-height:760px) and (min-width:761px){.hero{padding-bottom:36px}.signal-art{height:210px;margin-bottom:12px}.hero h1{font-size:60px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.primary-action:hover{transform:none}}
