body {
      background-color: #0c0a10;
      color: #c4b8aa;
      font-family: 'Noto Sans', system-ui, sans-serif;
      overflow-x: hidden;
      background-image:
        radial-gradient(ellipse 85% 50% at 50% -8%, rgba(245, 185, 120, 0.15), transparent 70%),
        radial-gradient(ellipse 65% 45% at 90% 18%, rgba(235, 145, 105, 0.10), transparent 60%),
        radial-gradient(ellipse 55% 40% at 10% 50%, rgba(226, 160, 95, 0.08), transparent 55%),
        radial-gradient(ellipse 80% 50% at 50% 100%, rgba(245, 180, 120, 0.08), transparent 65%);
      background-attachment: fixed;
    }
    h1, h2, h3, h4, .serif {
      font-family: 'Cormorant Garamond', serif;
      color: #F2ECE4;
      font-weight: 500;
    }
    .mono {
      font-family: 'JetBrains Mono', monospace;
      letter-spacing: 0.06em;
    }
    .hairline {
      border-color: rgba(226, 180, 120, 0.25);
    }
    .card {
      background: #14111b;
      border: 1px solid rgba(226, 180, 120, 0.22);
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    }
    .card-interactive {
      transition: border-color 0.25s ease, transform 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
    }
    .card-interactive:hover {
      border-color: rgba(226, 180, 120, 0.65);
      background-color: #1a1523;
      box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.7), 0 0 24px -2px rgba(226, 180, 120, 0.22);
    }
    .blueprint-box {
      background-color: #0E0D13;
      background-image:
        linear-gradient(rgba(226, 180, 120, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(226, 180, 120, 0.05) 1px, transparent 1px);
      background-size: 20px 20px;
    }
    .addon-pill input:checked + div {
      background-color: rgba(226, 180, 120, 0.16);
      color: #F2ECE4;
      border-color: #E2B478;
    }
    ::-webkit-scrollbar { width: 6px; height: 6px; }
    ::-webkit-scrollbar-track { background: #0B0A0E; }
    ::-webkit-scrollbar-thumb { background: #3A3633; }
    ::-webkit-scrollbar-thumb:hover { background: #E2B478; }
    :focus-visible { outline: 2px solid #E2B478; outline-offset: 3px; }
    img { max-width: 100%; }
    @media (max-width: 767px) {
      header.sticky { height: auto; min-height: 4rem; flex-wrap: wrap; padding-top: .65rem; padding-bottom: .45rem; }
      header.sticky > a:first-child { order: 1; }
      header.sticky > div:last-child { order: 2; margin-left: auto; }
      #nav-links { order: 3; flex: 0 0 100%; width: 100%; max-width: 100%; overflow-x: auto; justify-content: flex-start; padding: .35rem 0 .15rem; scrollbar-width: thin; }
      #nav-links .nav-link { flex: 0 0 auto; white-space: nowrap; }
      .ptab-btn { white-space: normal; line-height: 1.25; }
    }
    @media (max-width: 360px) {
      header.sticky { gap: .25rem; }
      #nav-links { gap: .25rem; }
      #nav-links .nav-link { padding-left: .35rem; padding-right: .35rem; font-size: .68rem; }
    }
    /* Handcrafted doodle sparkles & atmospheric details */
    .doodle-sparkle {
      position: absolute;
      color: #E2B478;
      user-select: none;
      pointer-events: none;
      z-index: 15;
      font-size: 14px;
      line-height: 1;
      animation: doodleTwinkle 4.5s ease-in-out infinite;
    }
    @keyframes doodleTwinkle {
      0%, 100% {
        opacity: 0.35;
        transform: scale(0.9) rotate(0deg);
        filter: drop-shadow(0 0 2px rgba(226, 180, 120, 0.3));
      }
      50% {
        opacity: 0.95;
        transform: scale(1.18) rotate(12deg);
        filter: drop-shadow(0 0 7px rgba(245, 205, 140, 0.8));
      }
    }
    .hero-corner-sparkle-1 {
      top: 14px;
      right: 14px;
      animation-delay: 0s;
    }
    .hero-corner-sparkle-2 {
      top: 28px;
      right: 28px;
      font-size: 9px;
      animation-delay: 2.1s;
    }
    /* Handcrafted artistic section divider */
    .section-divider-sparkle {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      margin: 2.2rem 0;
      color: rgba(226, 180, 120, 0.85);
      font-size: 12px;
      user-select: none;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      overflow: hidden;
      text-shadow: 0 0 10px rgba(226, 180, 120, 0.6);
    }
    .section-divider-sparkle::before,
    .section-divider-sparkle::after {
      content: '';
      flex: 1;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(226, 180, 120, 0.35), transparent);
    }
    /* Warm accent for artist credo */
    #contacts-credo {
      border-left: 2px solid rgba(226, 180, 120, 0.55);
      padding-left: 14px;
      color: #dfd4c6 !important;
    }
    /* Warm interactive glow for main CTAs */
    .quote-cta:hover, #calc-copy-btn:hover {
      box-shadow: 0 4px 22px rgba(226, 180, 120, 0.45);
    }
    /* Universal Image Hover System */
    .card-interactive img,
    .catalog-card img,
    .pricing-sample img,
    #gallery-cards-grid button img,
    #board-highlights-grid button img,
    #artwork-work-strip button img,
    #art-process .art img {
      transition: transform 0.48s cubic-bezier(0.16, 1, 0.3, 1),
                  filter 0.48s cubic-bezier(0.16, 1, 0.3, 1) !important;
      will-change: transform;
    }
    .card-interactive:hover img:not(.blur-2xl),
    .catalog-card:hover .catalog-art img:not(.catalog-blurred img),
    #gallery-cards-grid > button:hover img:not(.blur-2xl),
    #board-highlights-grid > button:hover img,
    .pricing-sample:hover .sample-thumb img:not(.is-blurred img),
    #art-process .art:hover img,
    #artwork-work-strip button:hover .strip-media img:not(.strip-adult img) {
      transform: scale(1.065) !important;
      filter: brightness(1.08) saturate(1.08) contrast(1.02) !important;
    }
    /* Utility CSS is generated locally and hosted with the site. */
    .hidden { display: none !important; }
  
img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}