{"id":72,"date":"2026-06-04T04:58:05","date_gmt":"2026-06-04T04:58:05","guid":{"rendered":"https:\/\/conviction.golf\/?page_id=72"},"modified":"2026-06-04T04:58:05","modified_gmt":"2026-06-04T04:58:05","slug":"test","status":"publish","type":"page","link":"https:\/\/conviction.golf\/?page_id=72","title":{"rendered":"test"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ============================================================\n   CONVICTION GOLF \u2014 premium dark system\n   One luxury sans (Hanken Grotesk) + mono technical labels (IBM Plex Mono)\n   ============================================================ *\/\n\n:root {\n  --bg:        #050607;\n  --panel:     #0d1012;\n  --panel-2:   #15191c;\n  --ink:       #f4efe6;\n  --muted:     #9a9388;\n  --faint:     rgba(244, 239, 230, 0.46);\n  --line:      rgba(244, 239, 230, 0.10);\n  --line-2:    rgba(244, 239, 230, 0.17);\n\n  \/* accent (deep green default; switchable via [data-accent]) *\/\n  --accent:      #3f8a63;\n  --accent-ink:  #cfe6d8;\n\n  --sans: \"Schibsted Grotesk\", system-ui, -apple-system, sans-serif;\n  --serif: \"Instrument Serif\", Georgia, \"Times New Roman\", serif;\n  --mono: \"IBM Plex Mono\", ui-monospace, \"SF Mono\", monospace;\n\n  --maxw: 1320px;\n  --gut: clamp(20px, 5vw, 88px);\n  --ease: cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n[data-accent=\"gold\"]  { --accent:#c6a15b; --accent-ink:#ecdcb6; }\n[data-accent=\"steel\"] { --accent:#a9b0b4; --accent-ink:#dfe4e6; }\n[data-accent=\"green\"] { --accent:#3f8a63; --accent-ink:#cfe6d8; }\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\n\nbody {\n  font-family: var(--sans);\n  background: var(--bg);\n  color: var(--ink);\n  line-height: 1.5;\n  font-weight: 400;\n  letter-spacing: -0.006em;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n  overflow-x: hidden;\n}\n\n\/* film grain over everything *\/\nbody::after {\n  content: \"\";\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  z-index: 9000;\n  opacity: 0.035;\n  mix-blend-mode: overlay;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n\n::selection { background: var(--accent); color: #050607; }\n\na { color: inherit; text-decoration: none; }\nbutton { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }\nimg { display: block; max-width: 100%; }\n\n\/* ---------- shared layout ---------- *\/\n.wrap { max-width: var(--maxw); margin: 0 auto; padding-inline: var(--gut); }\n\n.eyebrow {\n  font-family: var(--mono);\n  font-size: 12px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--muted);\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n}\n.eyebrow .idx { color: var(--accent); }\n.eyebrow::before {\n  content: \"\";\n  width: 22px;\n  height: 1px;\n  background: var(--line-2);\n}\n\n.section { padding-block: clamp(88px, 13vw, 184px); position: relative; }\n.section--line { border-top: 1px solid var(--line); }\n\nh1, h2, h3 { font-weight: 600; letter-spacing: -0.03em; line-height: 0.98; }\n\n.display {\n  font-family: var(--serif);\n  font-size: clamp(52px, 8.4vw, 138px);\n  font-weight: 400;\n  letter-spacing: -0.018em;\n  line-height: 0.96;\n  text-wrap: pretty;\n}\n.h2 {\n  font-family: var(--serif);\n  font-size: clamp(38px, 5.4vw, 82px);\n  font-weight: 400;\n  letter-spacing: -0.012em;\n  line-height: 1.0;\n  text-wrap: pretty;\n}\n.lede {\n  font-size: clamp(17px, 1.5vw, 21px);\n  color: var(--muted);\n  line-height: 1.6;\n  max-width: 44ch;\n  letter-spacing: -0.004em;\n}\n\n\/* ---------- buttons ---------- *\/\n.btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  height: 52px;\n  padding: 0 28px;\n  border-radius: 100px;\n  font-size: 15px;\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  transition: transform .5s var(--ease), background .35s var(--ease), border-color .35s var(--ease), color .35s var(--ease);\n  will-change: transform;\n}\n.btn .arrow { transition: transform .5s var(--ease); }\n.btn:hover .arrow { transform: translateX(4px); }\n.btn--primary { background: var(--ink); color: #07090a; }\n.btn--primary:hover { transform: translateY(-2px); background: #fff; }\n.btn--ghost { color: var(--ink); border: 1px solid var(--line-2); }\n.btn--ghost:hover { border-color: var(--ink); transform: translateY(-2px); }\n.btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }\n\n\/* ============================================================\n   NAV\n   ============================================================ *\/\n.nav {\n  position: fixed;\n  top: 0; left: 0; right: 0;\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px var(--gut);\n  transition: background .4s var(--ease), border-color .4s var(--ease), backdrop-filter .4s var(--ease);\n  border-bottom: 1px solid transparent;\n}\n.nav[data-stuck=\"true\"] {\n  background: rgba(5, 6, 7, 0.72);\n  backdrop-filter: blur(18px) saturate(1.2);\n  -webkit-backdrop-filter: blur(18px) saturate(1.2);\n  border-bottom: 1px solid var(--line);\n}\n.brand { display: flex; align-items: baseline; gap: 11px; }\n.brand .mark {\n  font-weight: 600;\n  font-size: 17px;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n}\n.brand .mark b { color: var(--accent); font-weight: 600; }\n.brand .sub {\n  font-family: var(--mono);\n  font-size: 10px;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--muted);\n}\n.nav-links { display: flex; align-items: center; gap: 36px; }\n.nav-links a {\n  font-size: 14px;\n  color: var(--faint);\n  letter-spacing: -0.005em;\n  transition: color .3s var(--ease);\n  position: relative;\n}\n.nav-links a:hover { color: var(--ink); }\n.nav-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  height: 40px;\n  padding: 0 20px;\n  border-radius: 100px;\n  border: 1px solid var(--line-2);\n  font-size: 13.5px;\n  font-weight: 500;\n  transition: border-color .3s var(--ease), background .3s var(--ease);\n}\n.nav-cta:hover { border-color: var(--ink); background: rgba(244,239,230,0.04); }\n@media (max-width: 860px) { .nav-links { display: none; } }\n\n\/* ============================================================\n   HERO \u2014 shared\n   ============================================================ *\/\n.hero { position: relative; min-height: 100svh; display: flex; flex-direction: column; }\n.hero-spec {\n  font-family: var(--mono);\n  font-size: 11px;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--muted);\n}\n\n\/* studio light + grounding for product slots *\/\n.studio-glow {\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(120% 90% at 50% 8%, rgba(244,239,230,0.05), transparent 56%),\n    radial-gradient(70% 60% at 50% 64%, color-mix(in oklab, var(--accent) 16%, transparent), transparent 62%);\n  pointer-events: none;\n}\n\n\/* the drop-in product slot *\/\n.slot-frame { position: relative; }\n.slot-frame image-slot {\n  --is-bg: var(--panel);\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(180deg, var(--panel-2), var(--panel));\n}\n.slot-tag {\n  position: absolute;\n  left: 14px; bottom: 12px;\n  font-family: var(--mono);\n  font-size: 10px;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--faint);\n  z-index: 3;\n  pointer-events: none;\n}\n\/* alignment ring that orbits the studio product *\/\n.ring {\n  position: absolute;\n  border: 1px solid var(--line-2);\n  border-radius: 50%;\n  pointer-events: none;\n}\n.ring--spin { animation: spin 38s linear infinite; }\n.ring .pip {\n  position: absolute; top: -3px; left: 50%;\n  width: 5px; height: 5px; margin-left: -2.5px;\n  border-radius: 50%; background: var(--accent);\n}\n@keyframes spin { to { transform: rotate(360deg); } }\n\n\/* ---- HERO A : Studio ---- *\/\n.heroA { align-items: center; text-align: center; justify-content: center; padding-top: 88px; }\n.heroA .wrap { display: flex; flex-direction: column; align-items: center; gap: 22px; width: 100%; }\n.heroA .display { font-size: clamp(40px, 5.8vw, 92px); }\n.heroA .stage {\n  position: relative;\n  width: min(620px, 84vw);\n  aspect-ratio: 1 \/ 1;\n  display: grid;\n  place-items: center;\n}\n.putter3d { position:absolute; inset:0; z-index:2; }\n.putter3d canvas { display:block; }\n.drag-hint {\n  position:absolute; bottom:4%; left:50%; transform:translateX(-50%);\n  z-index:3; opacity:.55; pointer-events:none;\n}\n.heroA .stage .slot-frame { width: 64%; height: 64%; border-radius: 50%; overflow: hidden; box-shadow: 0 50px 120px -40px rgba(0,0,0,0.9); }\n.heroA .stage .slot-frame image-slot { border-radius: 50%; }\n.heroA .ground {\n  position: absolute; bottom: 8%; left: 50%; transform: translateX(-50%);\n  width: 64%; height: 48px; z-index:1;\n  background: radial-gradient(closest-side, rgba(0,0,0,0.7), transparent 80%);\n  filter: blur(10px);\n}\n.heroA .cta-row { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }\n.heroA .corner-specs {\n  position: absolute; inset: 92px var(--gut) 40px;\n  pointer-events: none;\n  display: flex; justify-content: space-between; align-items: flex-start;\n}\n.heroA .corner-specs .col.r { text-align: right; }\n.heroA .corner-specs span { display: block; line-height: 1.8; }\n@media (max-width: 720px){ .heroA .corner-specs{ display:none; } }\n\n\/* ---- HERO B : Blueprint split ---- *\/\n.heroB { padding-top: 96px; }\n.heroB .wrap { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(28px, 5vw, 80px); align-items: center; min-height: calc(100svh - 96px); }\n.heroB .copy { display: flex; flex-direction: column; gap: 30px; }\n.heroB .cta-row { display: flex; gap: 14px; flex-wrap: wrap; }\n.heroB .blueprint {\n  position: relative;\n  aspect-ratio: 4 \/ 5;\n  border: 1px solid var(--line-2);\n  background:\n    linear-gradient(180deg, rgba(63,138,99,0.05), transparent 40%),\n    var(--panel);\n  overflow: hidden;\n}\n\/* blueprint grid *\/\n.heroB .blueprint::before {\n  content: \"\";\n  position: absolute; inset: 0;\n  background-image:\n    linear-gradient(var(--line) 1px, transparent 1px),\n    linear-gradient(90deg, var(--line) 1px, transparent 1px);\n  background-size: 38px 38px;\n  mask-image: radial-gradient(120% 120% at 50% 50%, #000 50%, transparent 96%);\n}\n.heroB .blueprint .slot-frame { position:absolute; inset: 9%; display:grid; place-items:center; }\n.heroB .bp-render { width:100%; height:100%; object-fit:contain; filter: drop-shadow(0 30px 50px rgba(0,0,0,.6)); }\n\/* alignment line + crosshair *\/\n.heroB .axis-v, .heroB .axis-h { position:absolute; background: color-mix(in oklab, var(--accent) 60%, transparent); }\n.heroB .axis-v { top:0; bottom:0; left:50%; width:1px; }\n.heroB .axis-h { left:0; right:0; top:50%; height:1px; }\n.heroB .tick {\n  position:absolute; font-family:var(--mono); font-size:10px; letter-spacing:.12em;\n  color: var(--muted); text-transform:uppercase;\n}\n.heroB .tick.t1{ top:12px; left:14px; }\n.heroB .tick.t2{ top:12px; right:14px; }\n.heroB .tick.t3{ bottom:12px; left:14px; }\n.heroB .tick.t4{ bottom:12px; right:14px; color: var(--accent-ink); }\n@media (max-width: 900px){\n  .heroB .wrap { grid-template-columns: 1fr; gap: 40px; min-height: 0; padding-block: 24px 80px; }\n  .heroB .blueprint { aspect-ratio: 3\/4; }\n}\n\n\/* scroll cue *\/\n.scroll-cue {\n  position:absolute; bottom: 26px; left:50%; transform:translateX(-50%);\n  font-family:var(--mono); font-size:10px; letter-spacing:.24em; text-transform:uppercase;\n  color: var(--muted); display:flex; flex-direction:column; align-items:center; gap:10px;\n}\n.scroll-cue .bar { width:1px; height:34px; background: linear-gradient(var(--line-2), transparent); }\n\n\/* ============================================================\n   MARQUEE strip\n   ============================================================ *\/\n.strip { border-block: 1px solid var(--line); padding-block: 22px; overflow: hidden; }\n.strip .track { display:flex; gap:64px; white-space:nowrap; width:max-content; animation: marq 38s linear infinite; }\n.strip .track span { font-family:var(--mono); font-size:13px; letter-spacing:.18em; text-transform:uppercase; color: var(--muted); display:inline-flex; gap:64px; align-items:center; }\n.strip .track span::after { content:\"\u25e6\"; color: var(--accent); }\n@keyframes marq { to { transform: translateX(-50%); } }\n\n\/* ============================================================\n   SCROLL SHOWCASE (sticky 3D + steps)\n   ============================================================ *\/\n.scrolly { position: relative; }\n.scrolly-pin { position: sticky; top: 0; height: 100svh; z-index: 0; overflow: hidden; }\n.s3d { position: absolute; inset: 0; z-index: 0; }\n.s3d canvas { position: absolute; inset: 0; }\n.s3d-scrim {\n  position: absolute; inset: 0; z-index: 2; pointer-events: none;\n  background:\n    radial-gradient(125% 125% at 50% 48%, transparent 50%, rgba(0,0,0,0.55) 100%),\n    radial-gradient(120% 80% at 50% 50%, rgba(5,6,7,0) 30%, rgba(5,6,7,0.32) 72%, rgba(5,6,7,0.62) 100%),\n    radial-gradient(130% 70% at 50% 118%, rgba(5,6,7,0.7), transparent 56%),\n    radial-gradient(130% 60% at 50% -18%, rgba(5,6,7,0.55), transparent 58%);\n}\n.caps { position: absolute; inset: 0; z-index: 3; pointer-events: none; }\n\n\/* a caption is pinned to viewport center and pops in\/out by data-on *\/\n.cap {\n  position: absolute; top: 50%; max-width: 460px;\n  display: block;\n  opacity: 0; transform: translateY(calc(-50% + 30px)) scale(0.965);\n  transition: opacity 0.55s var(--ease), transform 0.65s cubic-bezier(0.22, 1.3, 0.36, 1);\n  pointer-events: none;\n}\n.cap > * + * { margin-top: 20px; }\n.cap[data-on=\"1\"] { opacity: 1; transform: translateY(-50%) scale(1); pointer-events: auto; }\n\n.cap--hero { left: var(--gut); max-width: 720px; }\n.cap--hero > * + * { margin-top: 26px; }\n.cap--hero .display { font-size: clamp(40px, 5.6vw, 96px); line-height: 1.02; max-width: 13ch; }\n.cap--hero .lede { max-width: 40ch; }\n.cap--hero .cta-row { display: flex; gap: 14px; flex-wrap: wrap; }\n\n.cap--left  { left: var(--gut); text-align: left; align-items: flex-start; }\n.cap--right { right: var(--gut); text-align: right; align-items: flex-end; }\n.cap--right .eyebrow { flex-direction: row-reverse; }\n.cap--right .lede { margin-left: auto; }\n\n.scroll-cue { z-index: 4; transition: opacity 0.5s var(--ease); }\n.scroll-cue[data-on=\"0\"] { opacity: 0; }\n\n.s3d-progress {\n  position: absolute; left: 50%; bottom: 26px; transform: translateX(-50%);\n  z-index: 4; display: flex; gap: 10px; pointer-events: none;\n}\n.s3d-progress span { width: 26px; height: 2px; background: var(--line-2); transition: background .4s var(--ease); }\n.s3d-progress span[data-on=\"1\"] { background: var(--accent); }\n\n.scrolly-track { position: relative; height: 400svh; z-index: 1; pointer-events: none; }\n.scrolly .anchor { position: absolute; left: 0; width: 1px; height: 1px; pointer-events: none; }\n\n@media (prefers-reduced-motion: reduce) { .cap { transition: opacity 0.3s linear; } .cap[data-on=\"0\"] { transform: translateY(-50%); } }\n@media (max-width: 760px) {\n  .cap, .cap--hero { max-width: min(86vw, 460px); }\n  .cap--right { text-align: left; align-items: flex-start; right: auto; left: var(--gut); }\n  .cap--right .eyebrow { flex-direction: row; }\n  .cap--right .lede { margin-left: 0; }\n  .s3d-scrim { background: linear-gradient(180deg, rgba(5,6,7,0.45), rgba(5,6,7,0.15) 38%, rgba(5,6,7,0.88)); }\n}\n\n\/* ============================================================\n   ENGINEERING STORY\n   ============================================================ *\/\n.story .grid { display:grid; grid-template-columns: 1fr 1fr; gap: clamp(32px,6vw,96px); align-items:center; }\n.story .copy { display:flex; flex-direction:column; gap:26px; max-width: 540px; }\n.story .copy .body { color: var(--muted); font-size: clamp(16px,1.3vw,18px); line-height:1.65; }\n.story .specs { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:6px; }\n.story .specs .cell { background: var(--bg); padding:18px 20px; }\n.story .specs .k { font-family:var(--mono); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }\n.story .specs .v { font-size:22px; font-weight:600; letter-spacing:-.02em; margin-top:8px; }\n.story .specs .v small { color: var(--faint); font-size:13px; font-weight:400; }\n.story .visual { position:relative; aspect-ratio: 4\/5; }\n.story .visual .slot-frame { position:absolute; inset:0; border:1px solid var(--line); overflow:hidden; background: radial-gradient(120% 100% at 50% 30%, rgba(244,239,230,0.04), transparent 60%), var(--panel); display:grid; place-items:center; }\n.story .visual .story-render { width:92%; height:92%; object-fit:contain; filter: drop-shadow(0 24px 44px rgba(0,0,0,.55)); }\n.story .visual .cap { position:absolute; top:14px; left:14px; z-index:3; }\n@media (max-width: 900px){ .story .grid { grid-template-columns:1fr; gap:48px; } }\n\n\/* ============================================================\n   FEATURES\n   ============================================================ *\/\n.features .head { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom: clamp(40px,6vw,72px); flex-wrap:wrap; }\n.feat-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:1px; background:var(--line); border:1px solid var(--line); }\n.feat {\n  background: var(--bg);\n  padding: clamp(26px,2.4vw,34px);\n  min-height: 360px;\n  display:flex; flex-direction:column;\n  transition: background .5s var(--ease);\n  position:relative;\n}\n.feat:hover { background: var(--panel); }\n.feat .no { font-family:var(--mono); font-size:11px; letter-spacing:.18em; color:var(--accent); }\n.feat .glyph {\n  width:46px; height:46px; margin: 30px 0 auto;\n  border:1px solid var(--line-2); border-radius:50%;\n  display:grid; place-items:center; color: var(--accent-ink);\n  transition: border-color .5s var(--ease);\n}\n.feat:hover .glyph { border-color: var(--accent); }\n.feat .glyph svg { width:20px; height:20px; }\n.feat h3 { font-size:21px; font-weight:600; letter-spacing:-.02em; margin-top: 28px; }\n.feat p { color: var(--muted); font-size:15px; line-height:1.6; margin-top:12px; max-width:30ch; }\n@media (max-width: 1100px){ .feat-grid { grid-template-columns:repeat(2,1fr); } }\n@media (max-width: 560px){ .feat-grid { grid-template-columns:1fr; } .feat{ min-height:0; } }\n\n\/* ============================================================\n   LAB \/ PROOF\n   ============================================================ *\/\n.lab { background:\n  radial-gradient(80% 60% at 50% 0%, color-mix(in oklab, var(--accent) 8%, transparent), transparent 60%),\n  var(--bg); }\n.lab .head { max-width: 720px; margin-bottom: clamp(44px,6vw,76px); display:flex; flex-direction:column; gap:24px; }\n.lab .metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }\n.lab .metric { background:var(--bg); padding: clamp(26px,3vw,40px) clamp(20px,2.4vw,32px); display:flex; flex-direction:column; gap:14px; }\n.lab .metric .k { font-family:var(--mono); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }\n.lab .metric .big { font-size: clamp(40px,4.6vw,60px); font-weight:600; letter-spacing:-.04em; line-height:1; }\n.lab .metric .big u { text-decoration:none; color:var(--accent); }\n.lab .metric .d { font-size:13.5px; color:var(--faint); line-height:1.5; }\n.lab .ph { margin-top:28px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--faint); display:inline-flex; gap:10px; align-items:center; }\n.lab .ph::before { content:\"\"; width:6px; height:6px; border-radius:50%; background:var(--accent); }\n@media (max-width: 900px){ .lab .metrics { grid-template-columns:repeat(2,1fr); } }\n@media (max-width: 520px){ .lab .metrics { grid-template-columns:1fr; } }\n\n\/* ============================================================\n   CTA\n   ============================================================ *\/\n.cta { text-align:center; position:relative; overflow:hidden; }\n.cta .studio-glow { opacity:.9; }\n.cta .wrap { position:relative; display:flex; flex-direction:column; align-items:center; gap:30px; }\n.cta .display { max-width: 16ch; }\n.cta .cta-row { display:flex; gap:14px; flex-wrap:wrap; justify-content:center; margin-top:6px; }\n.cta .micro { font-family:var(--mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-top:10px; }\n\n\/* ============================================================\n   FOOTER\n   ============================================================ *\/\n.foot { border-top:1px solid var(--line); padding-block: 56px; }\n.foot .row { display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; align-items:flex-start; }\n.foot .brand .mark { font-size:16px; }\n.foot .cols { display:flex; gap: clamp(40px,7vw,110px); flex-wrap:wrap; }\n.foot .col { display:flex; flex-direction:column; gap:13px; }\n.foot .col .t { font-family:var(--mono); font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--faint); margin-bottom:4px; }\n.foot .col a { font-size:14.5px; color:var(--muted); transition:color .3s var(--ease); }\n.foot .col a:hover { color:var(--ink); }\n.foot .legal { margin-top:48px; display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; font-family:var(--mono); font-size:11px; letter-spacing:.08em; color:var(--faint); }\n\n\/* ============================================================\n   PRODUCT \/ PRE-ORDER\n   ============================================================ *\/\n.product { position: relative; padding-block: clamp(84px, 12vw, 168px); overflow: hidden; }\n.product-grid { display: grid; grid-template-columns: 1.02fr 0.98fr; gap: clamp(36px, 6vw, 92px); align-items: center; }\n.product-visual { position: relative; aspect-ratio: 4\/5; border: 1px solid var(--line); background: radial-gradient(120% 100% at 50% 28%, rgba(244,239,230,0.05), transparent 60%), var(--panel); display: grid; place-items: center; }\n.product-visual img { width: 92%; height: 92%; object-fit: contain; filter: drop-shadow(0 30px 54px rgba(0,0,0,0.6)); }\n.product-visual .product-3d { position: absolute; inset: 0; width: 100%; height: 100%; }\n.product-info { display: flex; flex-direction: column; gap: 22px; }\n.product-info .h2 { line-height: 0.98; }\n.price-row { display: flex; align-items: baseline; gap: 16px; margin-top: 2px; }\n.price { font-family: var(--serif); font-size: clamp(42px, 5vw, 66px); color: var(--ink); letter-spacing: -0.02em; line-height: 1; }\n.price-note { font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); line-height: 1.5; }\n.product .cta-row { display: flex; gap: 14px; flex-wrap: wrap; }\n\/* premium pre-order button *\/\n.btn--preorder {\n  position: relative; overflow: hidden;\n  height: 58px; padding: 0 34px; border-radius: 100px;\n  font-size: 15px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;\n  color: #1c1407;\n  background: linear-gradient(177deg, #f4e0b4 0%, #d8b873 38%, #c6a15b 64%, #a8853f 100%);\n  border: 1px solid rgba(255,239,205,0.6);\n  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -1px 3px rgba(120,86,28,0.4), 0 16px 38px -14px rgba(198,161,91,0.7);\n  transition: transform .5s var(--ease), box-shadow .5s var(--ease);\n}\n.btn--preorder::after {\n  content: \"\"; position: absolute; top: 0; bottom: 0; width: 38%; left: -50%;\n  background: linear-gradient(100deg, transparent, rgba(255,255,255,0.7), transparent);\n  transform: skewX(-18deg); transition: left .7s var(--ease);\n}\n.btn--preorder:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 22px 50px -14px rgba(198,161,91,0.85); }\n.btn--preorder:hover::after { left: 130%; }\n.btn--preorder .arrow { stroke-width: 2; }\n.spec-list { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); margin-top: 12px; }\n.spec-list li { background: var(--bg); padding: 15px 18px; display: flex; flex-direction: column; gap: 7px; }\n.spec-list .k { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); }\n.spec-list .v { font-size: 15px; color: var(--ink); letter-spacing: -0.01em; }\n.product-foot { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; align-items: center; margin-top: clamp(48px, 7vw, 92px); padding-top: 28px; border-top: 1px solid var(--line); font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; color: var(--faint); }\n.product-foot .brand .mark { font-size: 15px; }\n@media (max-width: 900px) { .product-grid { grid-template-columns: 1fr; gap: 40px; } .spec-list { grid-template-columns: 1fr; } }\n\n\/* ============================================================\n   scroll reveal\n   ============================================================ *\/\n.reveal { opacity:0; transform: translateY(26px); transition: opacity 1s var(--ease), transform 1s var(--ease); }\n.reveal.in { opacity:1; transform:none; }\n.reveal.d1 { transition-delay:.08s; }\n.reveal.d2 { transition-delay:.16s; }\n.reveal.d3 { transition-delay:.24s; }\n\n@media (prefers-reduced-motion: reduce) {\n  * { animation: none !important; scroll-behavior: auto !important; }\n  .reveal { opacity:1 !important; transform:none !important; }\n}\n[data-motion=\"off\"] .ring--spin, [data-motion=\"off\"] .strip .track { animation: none !important; }\n[data-motion=\"off\"] .reveal { opacity:1 !important; transform:none !important; }\n\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"en\" data-accent=\"gold\" data-motion=\"on\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n<title>Conviction Golf \u2014 Radi-Eye Putter System<\/title>\n<meta name=\"description\" content=\"Precision you can feel before the stroke begins. Conviction Golf builds putters around measurable setup confidence, tuned weighting, and a roll you can trust.\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&#038;family=Schibsted+Grotesk:wght@400;500;600;700;800&#038;family=IBM+Plex+Mono:wght@400;500&#038;display=swap\" rel=\"stylesheet\" \/>\n<link rel=\"stylesheet\" href=\"styles.css\" \/>\n<link id=\"gfont-Oswald\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Merriweather\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Playfair-Display\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Source-Sans-3\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Libre-Baskerville\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Libre+Baskerville:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Josefin-Sans\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Pacifico\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Pacifico:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Bebas-Neue\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Abril-Fatface\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Abril+Fatface:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Righteous\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Righteous:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Dancing-Script\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Dancing+Script:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Caveat\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Architects-Daughter\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Architects+Daughter:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Permanent-Marker\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Permanent+Marker:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Comfortaa\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Cabin\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cabin:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Arvo\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Arvo:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Fira-Sans\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Fira+Sans:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Poppins\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Roboto\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Lora\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Quicksand\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Quicksand:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-PT-Sans\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=PT+Sans:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Ubuntu\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Ubuntu:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Montserrat\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&amp;display=swap\">\n<link id=\"gfont-Open-Sans\" rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;500;600;700&amp;display=swap\">\n<\/head>\n<body style=\"font-family: -apple-system\">\n<div id=\"root\"><\/div>\n\n<script type=\"importmap\">\n{\n  \"imports\": {\n    \"three\": \"https:\/\/unpkg.com\/three@0.160.0\/build\/three.module.js\",\n    \"three\/addons\/\": \"https:\/\/unpkg.com\/three@0.160.0\/examples\/jsm\/\"\n  }\n}\n<\/script>\n<script type=\"module\" src=\"putter3d.js\"><\/script>\n\n<script src=\"https:\/\/unpkg.com\/react@18.3.1\/umd\/react.development.js\" integrity=\"sha384-hD6\/rw4ppMLGNu3tX5cjIb+uRZ7UkRJ6BPkLpg4hAu\/6onKUg4lLsHAs9EBPT82L\" crossorigin=\"anonymous\"><\/script>\n<script src=\"https:\/\/unpkg.com\/react-dom@18.3.1\/umd\/react-dom.development.js\" integrity=\"sha384-u6aeetuaXnQ38mYT8rp6sbXaQe3NL9t+IBXmnYxwkUI2Hw4bsp2Wvmx4yRQF1uAm\" crossorigin=\"anonymous\"><\/script>\n<script src=\"https:\/\/unpkg.com\/@babel\/standalone@7.29.0\/babel.min.js\" integrity=\"sha384-m08KidiNqLdpJqLq95G\/LEi8Qvjl\/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y\" crossorigin=\"anonymous\"><\/script>\n\n<script src=\"image-slot.js\"><\/script>\n<script type=\"text\/babel\" src=\"tweaks-panel.jsx\"><\/script>\n<script type=\"text\/babel\" src=\"components.jsx\"><\/script>\n<script type=\"text\/babel\" src=\"showcase.jsx\"><\/script>\n<script type=\"text\/babel\" src=\"app.jsx\"><\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Conviction Golf \u2014 Radi-Eye Putter System<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>test - Conviction Golf<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/conviction.golf\/?page_id=72\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"test - Conviction Golf\" \/>\n<meta property=\"og:description\" content=\"Conviction Golf \u2014 Radi-Eye Putter System\" \/>\n<meta property=\"og:url\" content=\"https:\/\/conviction.golf\/?page_id=72\" \/>\n<meta property=\"og:site_name\" content=\"Conviction Golf\" \/>\n<meta property=\"og:image\" content=\"https:\/\/conviction.golf\/wp-content\/uploads\/2026\/06\/magnifics_upscale-precision-233OyNxVz1NUyzZBAwTH-ig_061cad3b859177c9016a2f337192b8819690970b48a70c48ed-1024x573.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"573\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/conviction.golf\\\/?page_id=72\",\"url\":\"https:\\\/\\\/conviction.golf\\\/?page_id=72\",\"name\":\"test - Conviction Golf\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/conviction.golf\\\/#website\"},\"datePublished\":\"2026-06-04T04:58:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/conviction.golf\\\/?page_id=72#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/conviction.golf\\\/?page_id=72\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/conviction.golf\\\/?page_id=72#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/conviction.golf\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"test\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/conviction.golf\\\/#website\",\"url\":\"https:\\\/\\\/conviction.golf\\\/\",\"name\":\"Conviction Golf\",\"description\":\"Putt With Conviction!\",\"publisher\":{\"@id\":\"https:\\\/\\\/conviction.golf\\\/#organization\"},\"alternateName\":\"Conviction Golf\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/conviction.golf\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/conviction.golf\\\/#organization\",\"name\":\"Conviction Golf\",\"url\":\"https:\\\/\\\/conviction.golf\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/conviction.golf\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/conviction.golf\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/web-logo-convi.png\",\"contentUrl\":\"https:\\\/\\\/conviction.golf\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/web-logo-convi.png\",\"width\":512,\"height\":512,\"caption\":\"Conviction Golf\"},\"image\":{\"@id\":\"https:\\\/\\\/conviction.golf\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"test - Conviction Golf","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/conviction.golf\/?page_id=72","og_locale":"en_US","og_type":"article","og_title":"test - Conviction Golf","og_description":"Conviction Golf \u2014 Radi-Eye Putter System","og_url":"https:\/\/conviction.golf\/?page_id=72","og_site_name":"Conviction Golf","og_image":[{"width":1024,"height":573,"url":"https:\/\/conviction.golf\/wp-content\/uploads\/2026\/06\/magnifics_upscale-precision-233OyNxVz1NUyzZBAwTH-ig_061cad3b859177c9016a2f337192b8819690970b48a70c48ed-1024x573.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/conviction.golf\/?page_id=72","url":"https:\/\/conviction.golf\/?page_id=72","name":"test - Conviction Golf","isPartOf":{"@id":"https:\/\/conviction.golf\/#website"},"datePublished":"2026-06-04T04:58:05+00:00","breadcrumb":{"@id":"https:\/\/conviction.golf\/?page_id=72#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/conviction.golf\/?page_id=72"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/conviction.golf\/?page_id=72#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/conviction.golf\/"},{"@type":"ListItem","position":2,"name":"test"}]},{"@type":"WebSite","@id":"https:\/\/conviction.golf\/#website","url":"https:\/\/conviction.golf\/","name":"Conviction Golf","description":"Putt With Conviction!","publisher":{"@id":"https:\/\/conviction.golf\/#organization"},"alternateName":"Conviction Golf","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/conviction.golf\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/conviction.golf\/#organization","name":"Conviction Golf","url":"https:\/\/conviction.golf\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/conviction.golf\/#\/schema\/logo\/image\/","url":"https:\/\/conviction.golf\/wp-content\/uploads\/2026\/06\/web-logo-convi.png","contentUrl":"https:\/\/conviction.golf\/wp-content\/uploads\/2026\/06\/web-logo-convi.png","width":512,"height":512,"caption":"Conviction Golf"},"image":{"@id":"https:\/\/conviction.golf\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/conviction.golf\/index.php?rest_route=\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/conviction.golf\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/conviction.golf\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/conviction.golf\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/conviction.golf\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=72"}],"version-history":[{"count":1,"href":"https:\/\/conviction.golf\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/conviction.golf\/index.php?rest_route=\/wp\/v2\/pages\/72\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/conviction.golf\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}