.safra-home{--home-ink:oklch(27% .057 145);--home-muted:oklch(43% .046 81);--home-line:oklch(89% .039 93);min-height:100dvh;color:var(--home-ink);background:radial-gradient(at 0 0,oklch(96% .046 96),#0000 50%),oklch(98.7% .017 94);padding-inline:clamp(16px,5vw,64px)}.safra-home-content{width:min(100%,1120px);margin-inline:auto}.safra-home-nav{border-bottom:1px solid var(--home-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 14px;padding-block:8px;display:flex}.safra-home-nav img{width:clamp(84px,10vw,112px);height:auto}.safra-home-nav>a{border-radius:8px;display:inline-flex}.safra-home-nav nav{flex-wrap:wrap;align-items:center;gap:4px clamp(8px,2vw,24px);display:flex}.safra-home-nav nav a{text-underline-offset:4px;border-radius:8px;align-items:center;gap:6px;min-height:44px;padding-inline:8px;font-size:.875rem;font-weight:800;display:inline-flex}.safra-home-nav nav a:hover{text-decoration:underline}.safra-home-nav nav a[aria-current=page]{background:oklch(94% .043 132)}.safra-home a:focus-visible{outline-offset:3px;outline:2px solid}.safra-home-hero{grid-template-columns:minmax(0,.84fr) minmax(0,1.2fr);align-items:center;gap:clamp(20px,5vw,68px);padding-block:clamp(26px,3vw,36px);display:grid}.safra-home-intro h1,.safra-home-activities h2,.safra-home-activities h3,.safra-about-neighbors h2,.safra-home-footer p{font-family:var(--font-display);text-wrap:balance;font-weight:700;line-height:1.08}.safra-home-intro h1{margin-top:9px;font-size:clamp(2.5rem,5.35vw,4.45rem)}.safra-home-intro h1+p{max-width:34ch;color:var(--home-muted);margin-block:16px 22px;font-size:clamp(1rem,1.6vw,1.1875rem);line-height:1.55}.safra-home-play{width:fit-content;max-width:100%;min-height:48px;padding-inline:22px}.safra-home-intro .safra-home-play:focus-visible{outline-color:var(--home-ink)}.safra-home-scene{position:relative}.safra-home-scene img{aspect-ratio:16/10;object-fit:cover;object-position:center 35%;border:1px solid var(--home-line);border-radius:clamp(18px,3vw,32px);width:100%;height:auto;box-shadow:0 16px 36px oklch(27% .057 145/.17)}.safra-home-scene figcaption{color:oklch(98% .02 94);background:oklch(26% .056 146/.95);border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:.75rem;font-weight:800;display:inline-flex;position:absolute;inset-block-end:clamp(10px,2vw,20px);inset-inline-start:clamp(10px,2vw,20px)}.safra-home-activities{padding-block:clamp(12px,2.4vw,24px) clamp(32px,5vw,60px);scroll-margin-top:20px}.safra-home-activities h2{font-size:clamp(1.75rem,3.3vw,2.65rem)}.safra-home-activities :is(ul,ol){grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 22px;margin-top:20px;display:grid}.safra-home-activities li{border-top:1px solid var(--home-line);grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px;padding-top:15px;display:grid}.safra-home-activities img{aspect-ratio:1;object-fit:contain;background:oklch(94% .043 132);border-radius:15px;width:100%;height:auto;padding:4px}.safra-home-activities h3{font-size:clamp(1.125rem,1.7vw,1.375rem)}.safra-home-activities li p{color:var(--home-muted);margin-top:5px;font-size:.9375rem;line-height:1.45}.safra-home-footer{color:oklch(98% .028 95);background:oklch(28% .067 146);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(24px,5vw,56px);padding:clamp(18px,4vw,30px);display:flex}.safra-home-footer p{font-size:clamp(1.375rem,3vw,2rem)}.safra-home-footer .safra-home-play{color:var(--home-ink);background:oklch(90% .117 92)}.safra-home-footer .safra-home-play:hover{background:oklch(94% .09 94)}.safra-home-footer .safra-home-play:focus-visible{outline-color:oklch(98% .028 95)}.safra-about-guide ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.safra-about-guide li{grid-template-columns:36px minmax(0,1fr)}.safra-about-step{aspect-ratio:1;background:oklch(94% .043 132);border-radius:50%;place-items:center;width:36px;font-weight:800;display:grid}.safra-about-neighbors{background:oklch(95% .032 128);border:1px solid oklch(87% .04 129);border-radius:20px;grid-template-columns:clamp(48px,8vw,64px) minmax(0,1fr);align-items:center;gap:clamp(12px,3vw,22px);margin-bottom:clamp(24px,5vw,56px);padding:clamp(16px,3vw,28px);display:grid}.safra-about-neighbors h2{font-size:clamp(1.375rem,3vw,2rem)}.safra-about-neighbors p{max-width:68ch;color:var(--home-muted);margin-top:6px;line-height:1.5}@media (width<=960px){.safra-home-activities ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.safra-home-hero{grid-template-columns:minmax(0,1fr)}.safra-home-intro h1{text-wrap:wrap}.safra-home-intro .safra-home-play{width:100%}.safra-home-scene img{aspect-ratio:3/2}}@media (width<=520px){.safra-home-activities ul{grid-template-columns:minmax(0,1fr)}}
