:root{--ink:#19241a;--paper:#fbf7ec;--lime:#caff39}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,sans-serif}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #7968ff;outline-offset:4px}.bar,section,footer{padding-inline:max(6vw,calc((100vw - 1260px)/2))}.bar{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:20px;border-bottom:1px solid #494c43}.brand{text-decoration:none;font-weight:950;font-style:italic;font-size:22px;line-height:1}.brand span{color:var(--lime)}.brand small{display:block;font:700 9px/2 system-ui;letter-spacing:.16em}nav{display:flex;align-items:center;gap:24px}nav a{text-decoration:none;font-weight:750}.button{display:inline-block;background:var(--lime);color:var(--ink);padding:12px 17px;text-decoration:none;font-weight:850;border:2px solid var(--ink);box-shadow:4px 4px 0 #8baf38}.button:hover{background:white}section{padding-block:clamp(48px,8vw,105px)}.hero,#shop{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,6vw,85px);align-items:center}.hero{background:var(--ink);color:var(--paper)}.hero svg{width:100%;display:block}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.17em}h1,h2{margin:.18em 0 .3em;font-weight:950;line-height:.94;letter-spacing:-.065em}h1{font-size:clamp(58px,9vw,140px);transform:rotate(-3deg);transform-origin:left}h1 em{color:var(--lime)}h2{font-size:clamp(44px,6vw,84px)}p{max-width:58ch}.hero p{max-width:38ch}.sand{background:var(--lime);display:grid;grid-template-columns:1.15fr 1fr;column-gap:30px;align-items:end}.sand .eyebrow{grid-column:1/-1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.steps article{border:2px solid;padding:22px}.steps b{background:var(--lime);padding:4px 8px}h3{margin-bottom:0}#shop{background:#e6e3d6}.pack{background:var(--ink);color:var(--lime);padding:8%;border:5px solid var(--lime);box-shadow:10px 10px 0 var(--ink);transform:rotate(-3deg);line-height:1}.pack strong{display:block;font-style:italic;font-size:clamp(32px,5vw,74px);letter-spacing:-.07em;margin:24px 0}.pack span{font-size:11px;letter-spacing:.12em;font-weight:850}.price{font-size:42px;font-weight:950;margin:0}.price small{font-size:13px}.availability{font-weight:800}details{padding:15px 0;border-bottom:1px solid}summary{cursor:pointer;font-weight:800}footer{background:var(--ink);color:var(--paper);padding-block:23px}@media(max-width:680px){.hero,#shop,.sand,.steps{grid-template-columns:1fr}.hero svg{max-width:420px}.bar nav>a:first-child{display:none}.brand{font-size:18px}.bar .button{font-size:13px}.pack{margin:5px 12px 20px 4px}}

.hero{background:radial-gradient(ellipse at 78% 35%,#364632,var(--ink) 63%)}
.hero h1{font-size:clamp(58px,8.1vw,124px);line-height:.91}
.hero h1 em{display:inline-block;position:relative}
.hero h1 em::after{content:"";position:absolute;left:3%;right:-2%;bottom:-5px;height:7px;background:var(--lime);clip-path:polygon(0 45%,92% 0,100% 36%,91% 68%,2% 100%)}
.hero .hero-note{font-size:14px;color:#dde5d5;margin-top:20px}
.golfers{background:#f3ecdb}
.stories article{position:relative;overflow:hidden;border:0;background:#fffaf0;padding:26px;border-radius:4px;box-shadow:0 3px 0 #d5cbb5}
.stories article:nth-child(2){background:#eadfca}.stories article:nth-child(3){background:#e2e9d7}
.story-number{display:inline-block;font-weight:950;font-style:italic;font-size:36px;line-height:1;letter-spacing:-.09em;transform:rotate(-8deg)}
.stories h3{font-size:clamp(21px,2.3vw,32px);line-height:1.05;letter-spacing:-.035em}
.sand h2{font-style:italic}.sand{align-items:center}
#how h2{max-width:15ch}
#how article{border-color:#d2d5c8;border-radius:6px}
#shop{background:#efe5d1}
.kit-list{list-style:none;padding:0;display:grid;gap:7px}
.kit-list li::before{content:"✓";font-weight:900;margin-right:9px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-block:12px 22px;margin-bottom:16px;border-bottom:1px solid #50604e}
.footer-grid h2{font-size:18px;letter-spacing:0;line-height:1.2;margin:0 0 10px}
.footer-grid address{font-style:normal}
.footer-grid a{color:var(--lime);overflow-wrap:anywhere}
.footer-grid nav{flex-wrap:wrap;gap:8px 18px}
.footer-grid nav a:hover{text-decoration:underline}
@media(max-width:680px){.footer-grid{grid-template-columns:1fr}}

/* Dedicated storefront header, isolated from toolbar and theme selectors. */
body .hm-golf-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:0;
    padding:15px max(6vw,calc((100vw - 1260px)/2));
    background:#19241a;
    color:#fbf7ec;
    border-bottom:1px solid #50604e;
}
body .hm-golf-header a {text-decoration:none}
body .hm-golf-header .hm-golf-brand {color:#fbf7ec;line-height:1;white-space:nowrap}
.hm-golf-brand strong {display:block;font-size:clamp(16px,2.4vw,26px);font-weight:950;font-style:italic}
.hm-golf-brand span {color:#caff39}
.hm-golf-brand small {display:block;font-size:9px;font-weight:800;letter-spacing:.12em;margin-top:6px}
body .hm-golf-header .hm-golf-nav {display:flex;align-items:center;gap:clamp(12px,3vw,32px);margin:0}
body .hm-golf-header .hm-golf-how {color:#fbf7ec;white-space:nowrap}
body .hm-golf-header .hm-golf-shop {background:#caff39;color:#19241a;padding:9px 13px;font-weight:850;font-size:clamp(12px,1.5vw,16px);white-space:nowrap;border-radius:4px}
body .hm-golf-header .hm-golf-shop:hover {background:#fbf7ec}
@media(max-width:560px) {
    body .hm-golf-header {padding-inline:4vw;gap:8px}
    body .hm-golf-header .hm-golf-how {display:none}
    .hm-golf-brand small {font-size:8px;letter-spacing:.04em}
}

.hm-golf-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;background:#f3ecdb}
.hm-golf-examples figure{margin:0}
.hm-golf-photo{display:block;width:100%;height:auto;border-radius:10px}
.hm-golf-examples .hm-golf-photo{aspect-ratio:1;object-fit:contain;background:#19241a}
.hm-golf-examples figcaption{margin-top:12px}
@media(max-width:680px){.hm-golf-examples{grid-template-columns:1fr}}
