/* =========================================
   1. 럭셔리 아날로그 컨셉
   ========================================= */
body { background: radial-gradient(circle at center, #1a1a1a, #000000); color: #d4af37; }

/* 럭셔리 시계 내부 요소들을 래핑해서 축소를 용이하게 함 */
.luxury-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s;
}

.clock-face { 
  width: 450px; height: 450px; border: 4px solid #4a3e14; border-radius: 50%; 
  position: relative; 
  box-shadow: inset 0 0 80px rgba(212, 175, 55, 0.1), 0 20px 50px rgba(0,0,0,0.8); 
  background: radial-gradient(circle, #222, #050505); 
}
.hand { position: absolute; bottom: 50%; left: 50%; transform-origin: bottom; background: #d4af37; border-radius: 10px; }
.hour { width: 8px; height: 110px; margin-left: -4px; }
.minute { width: 4px; height: 170px; margin-left: -2px; }
.second { width: 2px; height: 190px; margin-left: -1px; background: #ff4d4d; box-shadow: 0 0 10px rgba(255, 77, 77, 0.5); }
.center-dot { position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; background: #d4af37; border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 10px rgba(0,0,0,0.8); z-index: 10;}

.luxury-select {
  margin-top: 50px;
  font-size: 14px;
  letter-spacing: 4px;
  color: #887226;
  font-family: 'Cinzel', serif;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(136, 114, 38, 0.3);
  padding: 8px 15px;
  border-radius: 8px;
  outline: none;
  cursor: pointer;
  text-align: center;
  transition: 0.3s;
}
.luxury-select:hover { border: 1px solid rgba(136, 114, 38, 0.8); }
.luxury-select option { background: #050505; color: #d4af37; }

.luxury-digital {
  margin-top: 15px;
  font-size: 32px;
  letter-spacing: 4px;
  color: #d4af37;
  font-family: 'Montserrat', sans-serif;
  font-weight: 200;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 768px) {
  .luxury-wrapper {
    transform: scale(0.65); /* 전체 비율 65%로 축소 */
  }
}