/* =============================================================================
   product-die-cut.css — PAGE-UNIQUE CSS for the Die Cut product page (FC-14, FC-rebuild).
   -----------------------------------------------------------------------------
   Loaded as $page_css (replaces henry_product.css). The shared FC component look +
   typography live in www/css/henry_fc.css (loaded AFTER this + henry_coolgray.css,
   so it wins). This sheet keeps ONLY die-cut-unique decoration:
     1) the "Keep Exploring" decorative card scenes (component owns the structure in
        henry_fc.css; the page owns the scene skin here) — Thick/Foil/Edge Finishes
        reuse the EXACT .raised-card/.foil-card/.uv-card skins foil.php established
        site-wide (verbatim from product-spot-uv.css; keeps the scene identical no
        matter which page's keep-exploring points at it).
     2) (REMOVED 2026-07-25, tier2-variant wave) the "Die Cut System" band — extracted
        to the shared component inc/page/cut-system.php, CSS now in henry_fc.css as
        .cut-system .dcs-* (class-keyed so DC2-05 square + DC2-06 slim inherit it under
        their own anchors). Do NOT restate those rules here: an id-scoped copy would
        outrank the component and re-open the per-page divergence this closed.

   NO shell-chrome / nav selectors here (topbar, site-nav, brand, page-menu, sticky-cta …)
   — the shared sheets own the site chrome; a stray bare-class rule would repaint the real
   nav on the plain URL (GOTCHAS #120b, §5B gate 15). Vars use fallbacks so this sheet is
   robust even before henry_fc.css defines them.

   The prior ~1,600-line copy (the cool-gray Mode-B mockup <style> block) is superseded
   by henry_fc.css + henry_coolgray.css.
   ============================================================================= */

/* ---- 1. Keep-Exploring: thick / foil / edge card scenes (page decoration) --- */
.keep-exploring .foil-card{background:linear-gradient(145deg,#0b0b0c,#25262a);border:1px solid rgba(255,255,255,.13)}
.keep-exploring .foil-mark{position:absolute;left:56px;top:47px;font-size:58px;font-weight:900;letter-spacing:-.07em;background:linear-gradient(115deg,#7a5315,#fbe7a2 30%,#ba8734 55%,#fff2b1 78%,#8c641f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 30px rgba(216,173,78,.25)}
.keep-exploring .foil-name{position:absolute;left:58px;bottom:52px;color:#fff;font-size:24px;font-weight:700}
.keep-exploring .foil-rule{position:absolute;left:58px;right:58px;bottom:36px;height:5px;border-radius:99px;background:linear-gradient(90deg,#8a611f,#ffe89f,#b57d29)}
.keep-exploring .uv-card{background:linear-gradient(145deg,#161a1e,#2c3339)}
.keep-exploring .uv-pattern{position:absolute;inset:28px;border-radius:16px;background:repeating-radial-gradient(circle at 30% 35%,rgba(255,255,255,.16) 0 2px,transparent 3px 16px);opacity:.55;filter:contrast(1.2)}
.keep-exploring .uv-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:58px;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.10);text-shadow:0 1px 0 rgba(255,255,255,.35),0 10px 28px rgba(0,0,0,.5)}
.keep-exploring .raised-card{background:linear-gradient(145deg,#f8f8f8,#dedede);box-shadow:0 30px 70px rgba(0,0,0,.18)}
.keep-exploring .raised-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:55px;font-weight:900;letter-spacing:-.075em;color:#e7e7e7;text-shadow:-2px -2px 2px rgba(255,255,255,.95),3px 4px 7px rgba(0,0,0,.26),0 18px 24px rgba(0,194,255,.13)}
@media(max-width:560px){.keep-exploring .foil-mark,.keep-exploring .uv-logo,.keep-exploring .raised-logo{font-size:38px}}

/* ---- 2. The Die Cut System — MOVED OUT 2026-07-25 (tier2-variant wave) -----------
   Extracted to the shared component inc/page/cut-system.php; its CSS now lives in
   www/css/henry_fc.css as .cut-system .dcs-* (class-keyed, so DC2-05 square and
   DC2-06 slim inherit it under their own anchors). Do NOT restate those rules here —
   an id-scoped copy would outrank the component and re-open per-page divergence. */

/* Photo WAITING state (no delivered asset; PHOTO run fills — no placeholder image, per doctrine) */