/*
Theme Name: Grinders Scorecard
Theme URI: https://grinders.golf/
Author: Pixlwrk
Description: Bespoke WordPress theme based on the Grinders Golf Society Scorecard design.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: grinders
*/

:root{--black:#10130f;--panel:#191d18;--lime:#d9ff4f;--cream:#f5f1e7;--line:#30362f;--muted:#96a095;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--black);color:white;font-family:"DM Sans",system-ui,sans-serif}a{color:inherit;text-decoration:none}
.shell{max-width:1340px;margin:auto;padding:0 28px}
header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center}.nav{display:flex;align-items:center;width:100%;gap:34px}.brand{font-family:"Archivo Black";font-size:22px;letter-spacing:-.04em;margin-right:auto}.brand span{color:var(--lime)}.links{display:flex;gap:28px;font-size:12px;font-weight:700;color:#b8c0b8}.login{background:var(--lime);color:#0e110d;padding:12px 16px;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.hero{padding:70px 0 32px}.heroGrid{display:grid;grid-template-columns:1.13fr .87fr;gap:22px}.heroCopy{background:var(--cream);color:#121611;padding:56px;min-height:570px;display:flex;flex-direction:column;justify-content:space-between}.micro{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.hero h1{font-family:"Archivo Black";font-size:clamp(56px,7.7vw,112px);line-height:.82;letter-spacing:-.065em;text-transform:uppercase;margin:20px 0}.hero h1 em{font-style:normal;color:#587044}.heroCopy p{max-width:560px;font-size:17px;line-height:1.55;color:#5d665c}.heroAction{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cdd0c7;padding-top:20px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.heroVisual{position:relative;min-height:570px;overflow:hidden}.heroVisual img{width:100%;height:100%;position:absolute;object-fit:cover;filter:saturate(.86) contrast(1.05)}.scoreChip{position:absolute;right:18px;top:18px;background:var(--lime);color:#10130f;padding:18px 20px;width:160px}.scoreChip small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.scoreChip strong{display:block;font-family:"Archivo Black";font-size:52px;line-height:1;margin-top:8px}.scoreChip span{font-size:10px;font-weight:700}
.ticker{display:grid;grid-template-columns:1.5fr repeat(4,1fr);margin-top:22px;border:1px solid var(--line)}.ticker>div{padding:19px 22px;border-right:1px solid var(--line)}.ticker>div:last-child{border:0}.ticker small{display:block;color:#7f897e;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.13em;margin-bottom:6px}.ticker b{font-size:14px}.ticker .next{background:var(--lime);color:#0e110d}.ticker .next small{color:#4e5f19}
.section{padding:92px 0}.sectionHeader{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.sectionHeader h2{font-family:"Archivo Black";font-size:clamp(40px,5vw,72px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:0}.sectionHeader p{max-width:460px;color:#899488;line-height:1.6;font-size:13px}.accent{color:var(--lime)}
.eventCards{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:12px}.event{background:var(--panel);border:1px solid var(--line);padding:26px;min-height:340px;display:flex;flex-direction:column}.event.primary{background:var(--lime);color:#0f120e}.event .number{font-family:"Archivo Black";font-size:82px;line-height:.8;letter-spacing:-.06em}.event .month{font-size:9px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;margin-top:6px}.event h3{font-family:"Archivo Black";font-size:28px;line-height:1;letter-spacing:-.04em;text-transform:uppercase;margin:auto 0 10px}.event p{font-size:12px;line-height:1.55;color:#8f998e;margin:0}.event.primary p{color:#516022}.eventFoot{margin-top:22px;padding-top:16px;border-top:1px solid currentColor;display:flex;justify-content:space-between;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.board{background:#131712}.boardGrid{display:grid;grid-template-columns:1fr 340px;gap:22px}.leaderboard{border:1px solid var(--line)}.tr{display:grid;grid-template-columns:64px 1fr 90px 110px;align-items:center;border-bottom:1px solid var(--line);min-height:74px}.tr:last-child{border:0}.tr.head{min-height:42px;color:#7f897e;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.tr>*{padding:0 18px}.rank{font-family:"Archivo Black";font-size:28px;color:#cbd2ca}.who{display:flex;align-items:center;gap:14px}.initial{width:38px;height:38px;border-radius:50%;background:#252b24;display:grid;place-items:center;font-size:10px;color:#a8b1a7}.who b{font-size:13px}.who small{font-size:10px;color:#768176;display:block;margin-top:2px}.rounds{font-size:11px;color:#8c978b}.points{font-family:"Archivo Black";font-size:27px;color:var(--lime)}
.sideStat{background:var(--lime);color:#10130f;padding:28px;display:flex;flex-direction:column}.sideStat .big{font-family:"Archivo Black";font-size:104px;letter-spacing:-.08em;line-height:.85;margin-top:60px}.sideStat h3{font-family:"Archivo Black";font-size:25px;text-transform:uppercase;line-height:1;margin:12px 0}.sideStat p{font-size:12px;line-height:1.55;color:#546019}.sideStat .tiny{margin-top:auto;font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}
.media{display:grid;grid-template-columns:.78fr 1.22fr;min-height:520px}.mediaImage{position:relative}.mediaImage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mediaCopy{background:var(--cream);color:#10130f;padding:62px;display:flex;flex-direction:column;justify-content:center}.mediaCopy .micro{color:#5d675c}.mediaCopy h2{font-family:"Archivo Black";font-size:clamp(38px,4.6vw,68px);line-height:.92;text-transform:uppercase;letter-spacing:-.05em;margin:22px 0}.mediaCopy p{color:#626b61;line-height:1.65;font-size:14px}.mediaCopy a{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:20px}
.os{background:var(--cream);color:#11150f;padding:90px 0}.osGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.os h2{font-family:"Archivo Black";font-size:clamp(44px,5vw,76px);line-height:.88;text-transform:uppercase;letter-spacing:-.055em;margin:10px 0 20px}.os p{color:#626b61;line-height:1.65;font-size:14px}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature{background:#fff;border:1px solid #d9ddd5;padding:22px}.feature span{font-family:"Archivo Black";font-size:32px;color:#75912c}.feature b{display:block;text-transform:uppercase;font-size:12px;margin:18px 0 7px}.feature p{font-size:11px;line-height:1.45;margin:0}
footer{padding:48px 0;border-top:1px solid var(--line)}.foot{display:flex;justify-content:space-between;color:#7f897e;font-size:11px}.foot strong{font-family:"Archivo Black";color:#fff;text-transform:uppercase}
.back{position:fixed;z-index:20;right:18px;bottom:18px;background:var(--lime);color:#111;border-radius:0;padding:12px 14px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 8px 30px rgba(0,0,0,.25)}
@media(max-width:900px){.shell{padding:0 16px}.links{display:none}.heroGrid,.boardGrid,.media,.osGrid{grid-template-columns:1fr}.heroCopy{padding:34px;min-height:480px}.heroVisual{min-height:480px}.ticker{grid-template-columns:1fr 1fr}.ticker .next{grid-column:1/-1}.ticker>div:nth-child(odd){border-right:0}.eventCards{grid-template-columns:1fr}.event{min-height:260px}.sectionHeader{flex-direction:column;align-items:start;gap:18px}.mediaImage{min-height:420px}.mediaCopy{padding:38px 26px}.features{grid-template-columns:1fr 1fr}.tr{grid-template-columns:50px 1fr 68px 76px}.tr>*{padding:0 10px}.section{padding:68px 0}}
