/*
Theme Name: TLBG Clubhouse
Version: 0.2.0
Description: Official TLBG black, gold and white preview.
Text Domain: tlbg-clubhouse
*/
:root{--black:#090909;--white:#f8f8f5;--gold:#ffcb24;--muted:#9a9a96;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding:24px}body{margin:0;min-height:100svh;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{display:block;max-width:100%;height:auto}.skip{position:absolute;top:-80px;z-index:10;padding:12px;background:var(--gold);color:#090909}.skip:focus{top:5px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 4.5vw;min-height:92px;border-bottom:1px solid var(--line);gap:35px;background:#090909}.brand{flex:0 0 auto}.brand img{width:111px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:10px;font-weight:700;letter-spacing:.09em}.site-header nav a{position:relative;min-height:44px;padding:15px 0;display:inline-flex;align-items:center}.site-header nav a:hover{color:var(--gold)}.site-header nav a[aria-current]{color:var(--gold)}.site-header nav a[aria-current]:after{content:'';width:15px;height:2px;background:var(--gold);position:absolute;bottom:5px;left:0}.site-header nav span{margin-left:8px;color:var(--gold)}main{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:1600px;padding:24px 4.5vw 0;margin:auto}.landing{display:grid;grid-template-columns:.86fr 1.14fr;gap:2%;align-items:center;flex:1;min-height:450px;max-height:670px}.statement{padding:15px 0;position:relative;z-index:1}.eyebrow{margin:0 0 23px;font-size:9px;line-height:1.5;font-weight:700;letter-spacing:.2em;color:#adada7}h1{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(76px,8.7vw,137px);font-weight:900;line-height:.88;letter-spacing:-.065em}h1>span{display:inline-block}h1 .gold-type{color:var(--gold);margin-top:10px}.tagline{font-size:15px;font-weight:400;line-height:1.6;margin:27px 0 30px;color:#c0c0bb}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid var(--gold);border-radius:3px;background:var(--gold);color:#080808;padding:16px 20px;min-height:49px;font-size:10px;letter-spacing:.08em;font-weight:800}.button:hover{background:#ffe16e;border-color:#ffe16e}.button span{font-size:16px}.drop{align-self:center;min-width:0;padding-top:14px}.hat-image{width:100%;height:clamp(280px,34vw,500px);object-fit:contain;object-position:center;filter:none}.drop-caption{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font-size:8px;line-height:1.6;letter-spacing:.09em;color:var(--muted)}.drop-label{color:var(--white);font-weight:700;white-space:nowrap}.colourways{display:flex;align-items:center;gap:7px;white-space:nowrap}.colourways i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-left:10px}.colourways i:first-child{margin-left:0}.gold-dot{background:var(--gold)}.white-dot{background:var(--white)}.release-bar{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:20px;padding:23px 0 25px}.release-bar>div{display:flex;align-items:center;gap:24px}.release-kicker{font-size:8px;letter-spacing:.17em;color:var(--gold);font-weight:700}.release-bar strong{font-size:23px;font-weight:800;line-height:1.1;letter-spacing:-.04em}.release-bar p{font-size:11px;color:#b5b5af;line-height:1.5;margin:0}.release-bar p>span{margin-left:9px;color:#72726f}footer{display:flex;justify-content:space-between;gap:20px;padding:15px 4.5vw;border-top:1px solid #ffffff0c;font-size:7px;line-height:1.5;letter-spacing:.08em;color:#60605e}section[id],div[id]{scroll-margin-top:24px}
@media(min-width:901px) and (max-height:780px){.site-header{min-height:77px;padding-block:7px}.brand img{width:100px}main{padding-top:10px}.landing{min-height:405px;max-height:550px}h1{font-size:clamp(76px,8.1vw,112px)}.eyebrow{margin-bottom:20px}.tagline{margin:22px 0 25px}.hat-image{height:clamp(280px,29vw,370px)}.drop-caption{padding:17px 0}.release-bar{margin-top:12px;padding:18px 0 20px}}
@media(max-width:1000px) and (min-width:701px){.site-header nav{gap:23px}.landing{grid-template-columns:.9fr 1.1fr}.drop-caption{display:block}.colourways{margin-top:8px}.tagline{font-size:13px}.release-bar strong{font-size:21px}}
@media(max-width:700px){.site-header{flex-direction:column;gap:3px;padding:10px 20px 6px;min-height:0}.brand img{width:83px}.site-header nav{width:100%;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:.05em}.site-header nav a{min-height:40px;padding:11px 0}.site-header nav a[aria-current]:after{bottom:3px;width:12px}.site-header nav span{margin-left:3px}main{padding:32px 20px 0;display:block}.landing{display:flex;flex-direction:column;gap:17px;min-height:0;max-height:none;align-items:stretch}.statement{padding:0}.eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:19px}h1{font-size:77px;line-height:.88;letter-spacing:-.065em}h1 .gold-type{margin-top:8px}.tagline{font-size:13px;margin:19px 0 20px}.button{padding:13px 16px;min-height:44px;font-size:9px;gap:28px}.drop{width:100%;padding-top:0}.hat-image{height:270px}.drop-caption{padding:14px 0;font-size:7px;gap:14px;align-items:flex-start}.colourways{font-size:6px;letter-spacing:.025em;gap:4px}.colourways i{width:4px;height:4px;margin-left:4px}.release-bar{margin-top:14px;padding:19px 0 22px;gap:17px;align-items:flex-end}.release-bar>div{display:block}.release-kicker{display:block;font-size:7px;margin-bottom:9px}.release-bar strong{font-size:24px}.release-bar p{font-size:10px;text-align:right}.release-bar p>span{display:block;margin:3px 0 0}footer{padding:13px 20px;font-size:6px;letter-spacing:.03em}}
@media(max-width:360px){h1{font-size:68px}.hat-image{height:240px}.drop-caption{gap:10px}.drop-label{font-size:6px}.colourways{font-size:5.5px}.release-bar strong{font-size:21px}.release-bar p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Approved header name and Expo announcement refinement — preview only. */
.site-header .brand{display:inline-flex;align-items:center;gap:15px}.brand-name{display:flex;flex-direction:column;gap:3px;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:900;line-height:1.05;letter-spacing:-.025em}.brand-full{color:#fdc101;font-size:13px;white-space:nowrap}.brand-gang{color:#fff;font-size:23px;letter-spacing:.015em}
.hero-expo{border-left:3px solid var(--gold);padding:0 0 0 15px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}.hero-expo-kicker{color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.17em;line-height:1.4}.hero-expo strong{font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--white)}.hero-expo-date{color:#e1e1dc;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.075em}.hat-detail-link{display:inline-flex;align-items:center;gap:12px;margin-top:15px;padding:4px 0;font-size:10px;line-height:1.5;color:#92928c}.hat-detail-link span{color:var(--gold)}.hat-detail-link:hover{color:var(--white)}
@media(max-width:1000px) and (min-width:701px){.site-header{gap:24px}.site-header nav{gap:20px}.brand-full{font-size:11px}.brand-gang{font-size:20px}.site-header .brand{gap:12px}.brand img{width:95px}}
@media(max-width:700px){.site-header .brand{gap:11px}.brand-full{font-size:11px}.brand-gang{font-size:20px}.brand-name{gap:3px}.hero-expo{padding-left:13px;gap:6px}.hero-expo strong{font-size:27px}.hero-expo-kicker{font-size:7px}.hero-expo-date{font-size:10px}.hat-detail-link{margin-top:10px;font-size:9px}}
@media(max-width:360px){.brand-full{font-size:10px}.brand-gang{font-size:19px}.site-header .brand{gap:10px}.hero-expo strong{font-size:25px}}
/* Final approved-layout typography refinement — preview only. */
.brand-name{flex-direction:row;align-items:baseline;gap:.3em;white-space:nowrap;letter-spacing:-.015em}.brand-full,.brand-gang{font-size:12px;line-height:1.15;font-weight:900;letter-spacing:inherit}.hero-expo{border-left:0;padding-left:0}.tagline{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:1.45;letter-spacing:-.015em}
@media(max-width:1000px) and (min-width:701px){.brand-full,.brand-gang{font-size:10px}.site-header .brand{gap:10px}}
@media(max-width:700px){.brand-name{gap:.3em}.brand-full,.brand-gang{font-size:10px;line-height:1.15}.site-header .brand{gap:10px}.hero-expo{padding-left:0}.tagline{font-size:14px;line-height:1.45}}
@media(max-width:360px){.brand-full,.brand-gang{font-size:9px}.site-header .brand{gap:8px}}
/* Header lockup optical baseline refinement — preview only. */
.site-header .brand{gap:12px}
.brand-name{transform:translateY(12px)}
.brand-full,.brand-gang{font-size:15px}
@media(max-width:1000px) and (min-width:701px){.brand-full,.brand-gang{font-size:12.5px}.site-header .brand{gap:9px}.brand-name{transform:translateY(10px)}}
@media(max-width:700px){.brand-full,.brand-gang{font-size:12.5px}.site-header .brand{gap:9px}.brand-name{transform:translateY(10px)}}
@media(max-width:360px){.brand-full,.brand-gang{font-size:11.25px}.site-header .brand{gap:8px}}