@charset "utf-8";
/* ===== Surya Group — site styles ===== */

  html { scroll-behavior: smooth; }
  body { margin: 0; background: #F7F5F1; }
  * { box-sizing: border-box; }
  a { color: #8A5F12; text-decoration: none; }
  a:hover { color: #C79A3C; }
  ::selection { background: rgba(242,194,48,0.32); }
  :focus-visible { outline: 2px solid #B8862B; outline-offset: 3px; }
  @keyframes sgRise { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes sgMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @keyframes sgGlow { 0%,100% { opacity: .35; transform: scale(1); } 50% { opacity: .6; transform: scale(1.08); } }
  @keyframes sgSheen { from { transform: translateX(-130%); } to { transform: translateX(260%); } }
  @keyframes sgShift { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
  @keyframes sgFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
  @media (prefers-reduced-motion: reduce) { [data-slide] { opacity: 1 !important; transform: none !important; } }
  @keyframes sgHero { 0% { opacity: 0; transform: scale(1); } 4% { opacity: 1; } 25% { opacity: 1; } 29% { opacity: 0; } 100% { opacity: 0; transform: scale(1.1); } }
  @keyframes sgKen { 0% { opacity: 0; transform: scale(1.04); } 4% { opacity: 1; } 33.33% { opacity: 1; } 37.33% { opacity: 0; } 100% { opacity: 0; transform: scale(1.16); } }
  @keyframes sgCap { 0% { opacity: 0; transform: translateY(14px); } 5% { opacity: 1; transform: translateY(0); } 33.33% { opacity: 1; transform: translateY(0); } 38.33% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 0; } }
  .sg-dd-menu { opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .25s ease, transform .25s ease, visibility .25s; }
  .sg-dd:hover .sg-dd-menu, .sg-dd:focus-within .sg-dd-menu { opacity: 1; visibility: visible; transform: translateY(0); }
  .sg-dd:hover .sg-dd-caret { transform: rotate(180deg); }
  @keyframes sgTick { 0% { transform: scaleX(0); } 33% { transform: scaleX(1); } 36%,100% { transform: scaleX(0); } }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { animation: none !important; transition: none !important; } }


/* ===== hover states ===== */
.hv0:hover { transform: scale(1.04) !important; }
.hv1:hover { color: #FFDD6B !important; border-color: #FFDD6B !important; }
.hv2:hover { background: rgba(255,255,255,0.1) !important; color: #FFDD6B !important; }
.hv3:hover { color: #10180D !important; transform: translateY(-2px) !important; }
.hv4:hover { color: #FFFFFF !important; border-color: rgba(242,194,48,0.6) !important; background: rgba(242,194,48,0.1) !important; }
.hv5:hover { transform: translateY(-4px) !important; border-color: rgba(160,112,26,0.81) !important; }
.hv6:hover { border-color: #F2C230 !important; background: rgba(242,194,48,0.16) !important; transform: translate(-50%, -50%) scale(1.06) !important; }
.hv7:hover { border-color: rgba(242,194,48,0.4) !important; transform: translateX(4px) !important; }
.hv8:hover { transform: translateY(-6px) !important; border-color: rgba(160,112,26,0.81) !important; }
.hv9:hover { transform: translateY(-8px) !important; border-color: rgba(242,194,48,0.45) !important; box-shadow: 0 40px 70px -40px rgba(0,0,0,0.95) !important; }
.hv10:hover { border-color: rgba(160,112,26,1.00) !important; color: #7E560F !important; }
.hv11:hover { border-color: rgba(160,112,26,0.81) !important; transform: translateX(6px) !important; }
.hv12:hover { transform: translateY(-6px) !important; border-color: rgba(242,194,48,0.45) !important; }
.hv13:hover { transform: translateY(-2px) !important; }
.hv14:hover { background: #E8AF1C !important; color: #10180D !important; border-color: #E8AF1C !important; }

#presence .hv11:hover { border-color: rgba(242,194,48,0.55) !important; transform: translateX(6px) !important; }