/* Approved Callaway editorial design, scoped to the brand hub, stories and PDF library.
   Typography inherits the storefront font; no page-wide reset or font import. */
.callaway-hub,.callaway-stories,.callaway-downloads{--ca-ink:#182334;--ca-muted:#566272;--ca-green:#31772b;--ca-line:#dfe4e9;--ca-paper:#f4f6f7;--ca-radius:12px;font-family:inherit;color:var(--ca-ink)}
.callaway-hub *,.callaway-stories *,.callaway-downloads *{box-sizing:border-box}
.callaway-hub :is(p,a),.callaway-stories :is(p,a),.callaway-downloads :is(p,a,input,select,button){font-family:inherit}
.callaway-hub :is(a,button),.callaway-stories a,.callaway-downloads :is(a,button){touch-action:manipulation}
.callaway-hub a:focus-visible,.callaway-stories a:focus-visible,.callaway-downloads :is(a,input,select,button):focus-visible{outline:3px solid #0968ed;outline-offset:4px}
.callaway-hub{margin:18px 0 24px}
.callaway-hub__hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:340px;border-radius:var(--ca-radius);overflow:hidden;background:var(--v3-navy,#0b2a55);color:#fff;isolation:isolate}
.callaway-hub__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--v3-navy,#0b2a55) 0%,var(--v3-navy,#0b2a55) 42%,rgba(11,42,85,.58) 60%,rgba(11,42,85,0) 85%);z-index:-1}
/* Reuse the emblem tile from gb4.css, also used by the footer and club-service banner. */
.callaway-hub__hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:rgb(255 255 255 / .05);-webkit-mask:var(--v4-raster) 0 0 / var(--v4-raster-w,40px) var(--v4-raster-h,44px) repeat,linear-gradient(90deg,#000 0%,#000 42%,transparent 85%) 0 0 / 100% 100% no-repeat;mask:var(--v4-raster) 0 0 / var(--v4-raster-w,40px) var(--v4-raster-h,44px) repeat,linear-gradient(90deg,#000 0%,#000 42%,transparent 85%) 0 0 / 100% 100% no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}
.callaway-hub__image{position:absolute;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover;object-position:50% 70%;z-index:-2}
.callaway-hub__copy{position:relative;z-index:1;padding:40px;max-width:640px;grid-column:1 / 3}
.callaway-hub .callaway-hub__eyebrow{margin:0 0 14px;text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:2px;color:#c2e2bb;line-height:1.4}
.callaway-hub .callaway-hub__title{margin:0 0 18px;max-width:530px;font-size:clamp(32px,3.5vw,48px);font-weight:750;line-height:1.08;letter-spacing:-1.3px;color:#fff;text-wrap:balance}
.callaway-hub .callaway-hub__intro{max-width:440px;margin:0 0 20px;font-size:16px;line-height:1.55;color:#dfe6ef}
.callaway-hub__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.callaway-hub .callaway-button,.callaway-stories .callaway-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 21px;border:1px solid transparent;border-radius:6px;background:var(--ca-green);color:#fff;font-size:14px;line-height:1.4;font-weight:700;text-decoration:none}
.callaway-hub .callaway-button--light{background:#fff;color:var(--ca-ink)}
.callaway-hub .callaway-button--outline{background:transparent;border-color:#c9d3e2;color:#fff}
.callaway-hub .callaway-button:hover,.callaway-stories .callaway-button:hover{filter:brightness(.94)}
.callaway-hub__links{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 20px;border-bottom:1px solid var(--ca-line)}
.callaway-hub__links a{display:flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:6px;font-size:14px;line-height:1.4;font-weight:700;text-decoration:none;color:var(--ca-ink);white-space:nowrap}
.callaway-hub__links a:hover{background:#edf1f4;color:#182334}
/* The real product catalogue sits between the hero and these editorial sections. */
.callaway-stories{padding-top:20px;padding-bottom:44px}
.callaway-stories__section{padding:36px 0}
.callaway-stories h2{margin:0 0 24px;font-size:clamp(24px,2.6vw,34px);line-height:1.2;font-weight:750;letter-spacing:-.7px;color:var(--ca-ink)}
.callaway-stories__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.callaway-stories__card{min-width:0;border:1px solid var(--ca-line);border-radius:var(--ca-radius);overflow:hidden;background:#fff}
.callaway-stories__card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.callaway-stories__card>a:focus-visible{outline-offset:-4px}
.callaway-stories__card img{display:block;width:100%;height:235px;object-fit:cover}
.callaway-stories__card:nth-child(1) img[src*="quantum-driver-detail"]{object-fit:contain;background:#f6f7f7;padding:12px}
.callaway-stories__copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:24px}
.callaway-stories__tag,.callaway-downloads .callaway-downloads__tag{display:inline-block;margin:0 0 12px;padding:5px 8px;border-radius:4px;background:#edf2ee;color:#31572f;font-size:11px;font-weight:700;line-height:1.3}
.callaway-stories h3{margin:0 0 10px;font-size:21px;line-height:1.25;font-weight:700;color:var(--ca-ink)}
.callaway-stories__copy p{margin:0 0 18px;font-size:14px;line-height:1.65;color:var(--ca-muted)}
.callaway-stories__cta{margin-top:auto;font-size:14px;font-weight:700;color:var(--ca-green)}
.callaway-stories__card>a:hover .callaway-stories__cta{text-decoration:underline;text-underline-offset:4px}
.callaway-stories__fitting{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;overflow:hidden;border-radius:var(--ca-radius);background:#eef2f4}
.callaway-stories__feature-copy{padding:40px}
.callaway-stories .callaway-stories__eyebrow{margin:0 0 12px;text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:750;color:var(--ca-green)}
.callaway-stories__feature-copy h2{max-width:450px;margin-bottom:18px}
.callaway-stories__feature-copy>p{max-width:480px;font-size:16px;line-height:1.65;color:var(--ca-muted)}
.callaway-stories__fitting>img{display:block;width:100%;height:340px;min-height:0;object-fit:cover}
.callaway-stories .callaway-stories__small{font-size:13px;line-height:1.5;margin:15px 0 0}
/* Searchable download cards. Covers use contain so landscape first pages are never cropped. */
.callaway-downloads{margin:28px 0 44px}
.callaway-downloads h2{margin:0 0 14px;font-size:clamp(25px,2.8vw,34px);line-height:1.2;letter-spacing:-.7px;font-weight:750;color:var(--ca-ink)}
.callaway-downloads__intro{max-width:85ch;font-size:16px;line-height:1.65;color:var(--ca-muted)}
.callaway-downloads__filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(180px,1fr) auto;gap:16px;align-items:end;padding:22px;background:var(--ca-paper);border:0;border-radius:8px;margin:24px 0}
.callaway-downloads__filters label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;font-weight:700;color:var(--ca-ink)}
.callaway-downloads__filters :is(input,select,button){width:100%;max-width:100%;min-height:46px;padding:12px;border:1px solid #aab6c3;border-radius:6px;background:#fff;color:var(--ca-ink);font:inherit;font-weight:400;line-height:1.3}
.callaway-downloads__filters button{font-size:13px;font-weight:700;cursor:pointer}
.callaway-downloads__filters button:hover{background:#e5ece5}
.callaway-downloads .callaway-downloads__count{margin:0 0 18px;font-size:13px;line-height:1.5;color:var(--ca-muted)}
.callaway-downloads__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.callaway-downloads__card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--ca-line);border-radius:10px;overflow:hidden;background:#fff}
.callaway-downloads__cover{display:flex;justify-content:center;align-items:center;height:230px;padding:18px;background:#f3f5f7;border-bottom:1px solid var(--ca-line)}
.callaway-downloads__cover img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px #0002)}
.callaway-downloads__pdf{display:flex;align-items:center;justify-content:center;width:62px;height:80px;border:1px solid #b9c6d2;border-radius:5px;background:#fff;color:#34485f;font-size:16px;font-weight:750}
.callaway-downloads__body{display:flex;align-items:flex-start;flex-direction:column;flex:1;padding:24px}
.callaway-downloads .callaway-downloads__card h3{margin:0 0 14px;font-size:20px;line-height:1.35;letter-spacing:-.3px;font-weight:700;overflow-wrap:anywhere;color:var(--ca-ink)}
.callaway-downloads .callaway-downloads__meta{margin:0 0 20px;font-size:12px;line-height:1.65;color:var(--ca-muted)}
.callaway-downloads .callaway-downloads__body .callaway-downloads__open{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;margin-top:auto;padding:12px 18px;border:1px solid transparent;border-radius:6px;background:var(--ca-green);color:#fff;font-size:14px;line-height:1.4;font-weight:700;text-decoration:none}
.callaway-downloads .callaway-downloads__body .callaway-downloads__open:hover{background:#246020;color:#fff}
.callaway-downloads .callaway-downloads__body .callaway-downloads__source{display:flex;align-items:center;justify-content:center;gap:6px;align-self:stretch;min-height:44px;margin-top:6px;font-size:12px;color:var(--ca-muted);text-decoration:underline;text-underline-offset:4px}
.callaway-downloads__empty{padding:30px;text-align:center;background:var(--ca-paper);border:1px solid var(--ca-line);border-radius:8px;color:var(--ca-muted)}
.callaway-downloads [hidden]{display:none!important}
@media(max-width:1000px){.callaway-hub__copy{max-width:600px;padding:32px}.callaway-hub__image{width:65%;object-position:60% 50%}.callaway-hub__hero::after{background:linear-gradient(90deg,var(--v3-navy,#0b2a55) 0%,var(--v3-navy,#0b2a55) 39%,rgba(11,42,85,.7) 58%,rgba(11,42,85,.15) 88%)}.callaway-stories__grid,.callaway-downloads__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.callaway-stories__feature-copy{padding:30px}}
@media(max-width:680px){.callaway-hub{margin:12px 0 20px}.callaway-hub__hero{min-height:310px;align-items:end}.callaway-hub__copy{padding:26px 22px;width:100%;max-width:none}.callaway-hub__image{width:100%;object-position:50% 70%}.callaway-hub__hero::after{background:linear-gradient(0deg,rgba(11,42,85,.98),rgba(11,42,85,.79) 70%,rgba(11,42,85,.2))}.callaway-hub .callaway-hub__title{font-size:36px;max-width:340px;letter-spacing:-1px}.callaway-hub .callaway-hub__intro{font-size:14px;max-width:340px}.callaway-hub .callaway-button{font-size:12px;padding:12px 14px}.callaway-hub__links{flex-wrap:nowrap;overflow-x:auto;padding:14px 0 18px;gap:4px}.callaway-hub__links a{font-size:12px;padding:11px 13px;flex:none}.callaway-stories{padding-top:12px;padding-bottom:28px}.callaway-stories__section{padding:28px 0}.callaway-stories__grid,.callaway-downloads__grid{grid-template-columns:1fr}.callaway-stories__card img{height:230px}.callaway-stories__copy{padding:22px}.callaway-stories__fitting{grid-template-columns:1fr}.callaway-stories__feature-copy{padding:26px}.callaway-stories__fitting>img{height:220px;min-height:0}.callaway-downloads__intro{font-size:14px}.callaway-downloads__filters{grid-template-columns:1fr;padding:16px;gap:12px;margin:20px 0}.callaway-downloads__body{padding:22px}.callaway-downloads__cover{height:230px}}
@media(prefers-reduced-motion:no-preference){.callaway-hub a,.callaway-stories a,.callaway-downloads :is(a,button){transition:background .15s,border-color .15s,color .15s}}
@media print{.callaway-hub__hero{background:#fff;min-height:0}.callaway-hub__image,.callaway-hub__hero::before,.callaway-hub__hero::after,.callaway-hub__links,.callaway-hub__actions,.callaway-downloads__filters{display:none}.callaway-hub .callaway-hub__title,.callaway-hub .callaway-hub__intro,.callaway-hub .callaway-hub__eyebrow{color:#000}.callaway-stories__card,.callaway-downloads__card{break-inside:avoid}.callaway-downloads__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
