.nav-links a[aria-current="page"] { color: var(--ink); }

/* Hero */
.a-hero { padding: 72px 0 40px; overflow: hidden; }
.a-hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }
.a-hero h1 { font-size: clamp(2.8rem, 6.5vw, 4.8rem); font-weight: 800; margin-bottom: 20px; }
.a-collage { position: relative; height: 400px; }
.c { position: absolute; border-radius: 30px; overflow: hidden; box-shadow: 0 20px 50px rgba(31,27,22,.18); background: var(--surface-2); }
.c img { width: 100%; height: 100%; object-fit: cover; }
.c1 { width: 190px; height: 190px; left: 4%; top: 10px; transform: rotate(-6deg); }
.c2 { width: 230px; height: 230px; right: 4%; top: 60px; transform: rotate(4deg); z-index: 2; }
.c3 { width: 170px; height: 170px; left: 22%; bottom: 0; transform: rotate(3deg); }
.c-dot { position: absolute; border-radius: 50%; background: var(--accent); opacity: .9; }
.d1 { width: 22px; height: 22px; left: 0; bottom: 120px; }
.d2 { width: 12px; height: 12px; right: 18%; top: 20px; opacity: .5; }
@media (max-width: 860px) {
  .a-hero { padding: 40px 0 24px; }
  .a-hero-grid { grid-template-columns: 1fr; }
  .a-collage { height: 300px; max-width: 380px; width: 100%; margin: 0 auto; }
  .c1 { width: 140px; height: 140px; } .c2 { width: 170px; height: 170px; top: 40px; } .c3 { width: 125px; height: 125px; }
}

/* Numbers */
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; margin-top: 24px; }
.stat { background: var(--surface); padding: 24px; display: flex; flex-direction: column; gap: 4px; }
.stat strong { font: 800 2.4rem/1 "Bricolage Grotesque", sans-serif; color: var(--accent); }
.stat span { color: var(--muted); font-size: .92rem; }
@media (max-width: 700px) { .stats { grid-template-columns: 1fr 1fr; } .stat { padding: 18px; } .stat strong { font-size: 2rem; } }

/* Name story */
.a-story { display: flex; gap: 36px; align-items: center; margin-top: 88px; }
.story-mark { flex-shrink: 0; width: 140px; height: 140px; border-radius: 36px; background: var(--accent-soft); display: grid; place-items: center; }
.story-mark img { width: 84px; height: 84px; }
.a-story h2 { margin-bottom: 12px; }
.a-story p:not(.eyebrow) { color: var(--muted); font-size: 1.08rem; max-width: 720px; }
@media (max-width: 640px) { .a-story { flex-direction: column; align-items: flex-start; gap: 20px; margin-top: 64px; } .story-mark { width: 96px; height: 96px; border-radius: 26px; } .story-mark img { width: 56px; height: 56px; } }

/* Two crafts */
.crafts { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 72px; }
.craft { background: var(--surface); border: 1px solid var(--line); border-radius: 24px; overflow: hidden; display: flex; flex-direction: column; }
.craft-head { padding: 30px 30px 26px; color: #fff; }
.games-head { background: linear-gradient(135deg, #24324a, #13192a); }
.prints-head { background: linear-gradient(135deg, #c65a2a, #8c3412); }
.craft-head h2 { margin: 10px 0 8px; }
.craft-head p { opacity: .85; }
.craft-tag { display: inline-block; font-size: .75rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; background: rgba(255,255,255,.16); padding: 4px 10px; border-radius: 999px; }
.steps { list-style: none; padding: 26px 30px 6px; margin: 0; display: flex; flex-direction: column; gap: 0; flex: 1; }
.steps li { display: flex; gap: 16px; position: relative; padding-bottom: 22px; }
.steps li:not(:last-child)::after { content: ""; position: absolute; left: 15px; top: 34px; bottom: 2px; width: 2px; background: var(--line); }
.n { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-weight: 700; display: grid; place-items: center; font-size: .9rem; }
.steps h3 { font-size: 1.02rem; margin: 5px 0 3px; }
.steps p { color: var(--muted); font-size: .94rem; }
.craft-link { padding: 0 30px 28px; font-weight: 600; color: var(--accent); }
@media (max-width: 860px) { .crafts { grid-template-columns: 1fr; margin-top: 56px; } .craft-head { padding: 24px; } .steps { padding: 22px 24px 4px; } .craft-link { padding: 0 24px 24px; } }

/* Promises */
.promises { margin-top: 88px; padding: 80px 0; background: var(--surface-2); }
.promises .value a { color: var(--accent); font-weight: 600; }

.a-cta { padding-top: 88px; padding-bottom: 88px; }
@media (max-width: 600px) { .a-cta { padding-top: 56px; padding-bottom: 56px; } .a-cta .btn { width: 100%; } }

.explore-btn { gap: 10px; }
.explore-btn svg { animation: bob 1.8s ease-in-out infinite; }
#story { display: block; scroll-margin-top: 90px; }