/*
Theme Name: Jack - 3D Creator
Theme URI: https://example.com/jack-3d-creator
Author: Jack
Author URI: https://example.com
Description: A dark, motion-driven one-page portfolio theme for a 3D creator. Built with Tailwind CSS, vanilla JavaScript (ES6) and GSAP (ScrollTrigger). No React, TypeScript, Framer Motion, Vite, or Next.js.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jack-3d-creator
*/

/* ==========================================================================
   Global reset
   ========================================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background: #0C0C0C;
}

body {
  font-family: 'Kanit', sans-serif;
  background: #0C0C0C;
  color: #D7E2EA;
}

main {
  background: #0C0C0C;
  overflow-x: clip;
}

img {
  max-width: 100%;
  display: block;
}

a {
  text-decoration: none;
}

/* ==========================================================================
   Gradient heading text
   ========================================================================== */
.hero-heading {
  background: linear-gradient(180deg, #646973 0%, #BBCCD7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.site-logo .custom-logo-link img,
.site-logo img.custom-logo {
  height: 50px !important;
  width: auto !important;
  max-width: none !important;
}