@font-face{font-family:Nunito;src:url(nunito.ttf) format('truetype');font-weight:200 1000;font-display:swap}
@font-face{font-family:'Patrick Hand';src:url(patrick-hand.ttf) format('truetype');font-display:swap}
:root{color-scheme:light;--paper:#f7efe1;--card:#fffaf0;--ink:#3b342e;--muted:#736558;--sage:#bcd6b5;--peach:#f4c09f;--butter:#f3dd8e;--line:#d8c7b0}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:700 16px/1.5 Nunito,ui-rounded,system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{touch-action:manipulation}:focus-visible{outline:3px solid #5f99be;outline-offset:5px}[hidden]{display:none!important}
.shell{width:min(100%,1080px);margin:auto;padding:24px 32px 20px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.logo{display:block;position:relative;width:180px;aspect-ratio:14/5;flex:none;border:0;background:none;padding:0}.logo img,.logo video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.logo video{pointer-events:none}.logo:enabled{cursor:pointer}.topbar nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:14px}.topbar a{text-decoration:none;padding-block:10px}.topbar a:hover{text-decoration:underline}
.skip{position:absolute;left:12px;top:0;transform:translateY(-150%);z-index:10;padding:10px;background:var(--card)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{position:relative;min-width:0;isolation:isolate}.nimo{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr;background:var(--paper);border-radius:26px;min-height:300px;padding:32px;gap:24px}.nimo::before{content:'';position:absolute;inset:-2px;z-index:-1;border:48px solid transparent;border-image:url(nimo-frame.svg) 48 round;animation:nimo-boil .84s steps(1,end) infinite paused;pointer-events:none}.nimo-info{align-self:center;min-width:0}.wordmark{display:block;width:min(190px,100%);height:auto}.genre{margin:12px 0 20px;font-size:16px;font-weight:700}.art{display:grid;place-items:center;position:relative;min-height:200px}.nimo .art::before{content:'';position:absolute;width:220px;height:220px;max-width:100%;border-radius:50%;background:var(--sage);z-index:-1}.owl{display:block;width:min(158px,78%);height:auto;border-radius:30px}
.stores{display:flex;flex-wrap:wrap;gap:10px}.store{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:124px;min-height:54px;padding:9px 15px;border:1px solid #c7c1b8;border-radius:12px;background:#e5e1da;color:#6d685f;font:800 14px/1.3 Nunito,ui-rounded,system-ui,sans-serif;cursor:not-allowed;opacity:1}.store small{font-size:11px;font-weight:700}.visit{display:inline-flex;gap:8px;align-items:center;margin-top:20px;font-size:14px;font-weight:900;min-height:34px}
.idle{display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;padding:28px 24px 26px}.brand-stage{display:grid;place-items:center;min-height:204px;width:100%}.idle-logo{display:block;width:min(280px,100%);height:auto;max-height:224px;object-fit:contain}.idle .genre{font-family:'Patrick Hand',cursive;font-size:24px;font-weight:400;margin:6px 0 14px}.idle .store{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;color:#756b5e}.idle .visit{margin-top:16px}
.unseen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0c0912;color:#ece6f7;border:2px solid #8e86a4;border-radius:0;box-shadow:5px 5px 0 #b9a2ff;outline:1px solid #07060a;outline-offset:-6px;padding:28px 24px 26px;font-family:system-ui,sans-serif;font-weight:600;letter-spacing:.03em}.blade-logo{width:min(324px,100%);height:auto;display:block;image-rendering:pixelated}.unseen .genre{font:600 14px/1.5 system-ui,sans-serif;color:#c4bcd7;margin:6px 0 22px}.unseen .store{background:#24202e;color:#b7afc6;border:1px solid #5e566d;border-radius:0;font-family:system-ui,sans-serif;font-weight:600}.unseen .visit{color:#ece6f7;font-size:13px;font-weight:600;letter-spacing:.03em}
.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:32px;padding:16px 0;color:var(--muted);font-size:12px}
.landing{max-width:900px}.landing .nimo{min-height:370px;margin:24px 0 28px}.landing .wordmark{width:min(216px,100%)}.landing .genre{font:400 30px/1.3 'Patrick Hand',cursive}.landing .owl{width:min(190px,85%)}.landing .art::before{width:260px;height:260px}.back{display:inline-flex;align-items:center;gap:7px;font-size:14px;min-height:44px}
@media(max-width:650px){.shell{padding:18px 20px}.topbar{gap:14px;margin-bottom:22px}.logo{width:150px}.topbar nav{font-size:13px;gap:12px}.showcase{grid-template-columns:1fr;gap:20px}.nimo{grid-template-columns:1fr;padding:26px;gap:18px}.nimo .art{grid-row:1;min-height:178px}.nimo .art::before{width:178px;height:178px}.owl{width:126px}.wordmark{width:153px}.nimo-info{text-align:center}.nimo-info .wordmark{margin:auto}.stores{justify-content:center}.store{min-width:0;flex:1 1 115px;padding:9px 12px}.idle,.unseen{padding:24px 20px}.idle .stores,.unseen .stores{width:100%}.brand-stage{min-height:190px}.footer{margin-top:24px}.landing .nimo{margin:16px 0 26px}.landing .genre{font-size:27px}.landing .art::before{width:190px;height:190px}.landing .owl{width:140px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.owl{transform:none}}

.idle::before{content:"";position:absolute;inset:-12px;z-index:-1;pointer-events:none;border:40px solid transparent;border-image:url(paper-card.png?v=2) 80 fill stretch}
.idle .store::before{content:"";position:absolute;inset:-8px;z-index:-1;pointer-events:none;border:24px solid transparent;border-image:url(paper-disabled.png) 80 fill stretch}

.nimo.motion-running::before{animation-play-state:running}
@media(prefers-reduced-motion:reduce){.nimo::before{animation:none}}


.brand-play{display:block;position:relative;border:0;padding:0;background:transparent;color:inherit;flex:none;max-width:100%}.brand-play:enabled{cursor:pointer}.brand-play video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.brand-play.idle-logo{aspect-ratio:4/3}.brand-play.idle-logo img{display:block;width:100%;height:auto}.brand-play:disabled{opacity:1}

.brand-play.wordmark img{display:block;width:100%;height:auto}

.wordmark .nimo-writing{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
