:root { color-scheme: dark; }
html { scroll-padding-top: 88px; }
#hero { min-height: 760px; min-height: max(720px, 100svh); padding: 112px 0 110px; }
#hero > .relative.z-10 { max-width: 820px; }
#h-greet { font-size: 11px; letter-spacing: .24em; color: #a1a1aa; margin-bottom: 18px; }
#h-name { font-size: clamp(72px, 12vw, 144px); letter-spacing: -.075em; }
#h-name span { color: #e7fff5; text-shadow: 0 0 65px #10b98128; }
#h-avatar { margin-bottom: 28px; }
#h-avatar img { width: 94px; height: 94px; }
#h-sub { max-width: 510px; font-size: clamp(16px, 2vw, 19px); line-height: 1.8; margin: 0 auto 30px; color: #a1a1aa; }
.btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:22px; background:#34d399; color:#04271d; font-weight:700; font-size:14px; padding:15px 25px; border-radius:100px; transition:background .2s,transform .2s; }
.btn-primary:hover { background:#6ee7b7; transform:translateY(-2px); }
#h-ctas .btn-ghost { justify-content:center; }
.hero-community { display:inline-block; color:#a1a1aa; margin-top:24px; padding:8px; font-size:12px; }
.hero-community:hover { color:#6ee7b7; }
#youtube, #chi-sono, #canali, main > section.py-36 { padding-top:100px; padding-bottom:100px; }
#youtube { border-top:1px solid #ffffff0d; background:linear-gradient(180deg,#0d1110, #09090b 550px); }
#youtube > div > .text-center { text-align:left; margin-bottom:40px; }
#youtube .divider-em { margin-left:0; }
#youtube h2 { max-width:650px; font-size:clamp(30px,4vw,46px); letter-spacing:-.045em; }
.catalogue-link { text-align:center; margin-top:34px; }
.catalogue-link a { display:inline-block; padding:12px 20px; color:#a7f3d0; border-bottom:1px solid #34d39940; font-size:14px; }
.ch-card:hover, .vid-card:hover { transform:translateY(-4px); }
#chi-sono .about-wrap { max-width:280px; }
.vid-featured-play { opacity:1; transform:translate(-50%,-50%) scale(.88); }
.vid-featured-meta { pointer-events:none; }
.modal-box { overflow:visible; }
#modal-iframe-wrap { overflow:hidden; border-radius:16px; }
.modal-close-btn { top:-46px; }
#vid-modal:not(.open) { visibility:hidden; }
a:focus-visible, button:focus-visible, [role=button]:focus-visible { outline:2px solid #6ee7b7; outline-offset:5px; }
footer .text-zinc-700, footer .text-zinc-600 { color:#a1a1aa; }
@media(max-width:767px) {
  #hero { min-height: max(680px,100svh); padding-top:104px; }
  #hero .orb { display:none; }
  #h-ctas { max-width:320px; margin:auto; }
  #youtube, #chi-sono, #canali, main > section.py-36 { padding-top:64px; padding-bottom:64px; }
  .vid-featured-meta { position:relative; padding:20px; background:#18181b; }
  .vid-featured-overlay { display:none; }
  .vid-featured-play { top:100px; }
  .vid-featured-meta h3 { font-size:19px; }
  .vid-featured-meta p { display:none; }
  .ch-card { padding:25px; }
  .modal-box { max-height:calc(100svh - 100px); }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }