/* Peta — kertas peta: garis kontur, pin, rute putus-putus, kompas, huruf slab */
.fam-peta { --card: var(--bg); --contour: color-mix(in oklab, var(--primary) 9%, transparent); --sec-y: clamp(48px, 6vw, 96px); }
.fam-peta .display em, .fam-peta .h1 em, .fam-peta .h2 em { font-style: normal; color: var(--primary-text); text-decoration: underline; text-decoration-style: dashed; text-decoration-thickness: 2px; text-underline-offset: 8px; }
.fam-peta .eyebrow::before { content: ""; width: 10px; height: 10px; border-radius: 50% 50% 50% 0; background: var(--primary); transform: rotate(-45deg); }
.fam-peta .btn { font-weight: 700; }
.fam-peta .hdr { background: color-mix(in oklab, var(--bg) 94%, transparent); border-bottom: 2px solid var(--ink); }
.fam-peta .hdr.is-scrolled { border-bottom-color: var(--ink); }
.fam-peta .brand__mark { border-radius: 50%; background: var(--bg); color: var(--ink); border: 2px solid var(--ink); position: relative; }
.fam-peta .brand__mark::after { content: "N"; position: absolute; top: -14px; left: 50%; transform: translateX(-50%); font-size: .62rem; font-weight: 800; }
.fam-peta .nav__a.is-active::after { height: 0; border-bottom: 2px dashed var(--primary); background: none; }
.fam-peta .sec--contact { background: repeating-radial-gradient(circle at 85% 20%, transparent 0 24px, var(--contour) 24px 25px), var(--surface); }
.fam-peta .sec--gallery { background: repeating-radial-gradient(circle at 10% 70%, transparent 0 28px, var(--contour) 28px 29px); }
.fam-peta .feat, .fam-peta .tcard, .fam-peta .step, .fam-peta .cinfo { border: 2px solid var(--ink); border-radius: var(--r); background: var(--bg); box-shadow: 4px 4px 0 color-mix(in oklab, var(--primary) 35%, transparent); }
.fam-peta .step__n { border-radius: 50% 50% 50% 4px; }
.fam-peta .flist__i .feat__ic { border-radius: 50% 50% 50% 0; }
.fam-peta .map { border: 2px solid var(--ink); border-radius: var(--r); }
.fam-peta .cat, .fam-peta .gitem { border: 2px solid var(--ink); }
.fam-peta .faq__i { border-bottom: 1px dashed var(--line-strong); }
.fam-peta .ftr { border-top: 2px solid var(--ink); background: repeating-radial-gradient(circle at 90% 90%, transparent 0 24px, var(--contour) 24px 25px), var(--surface); }