/*
Theme Name: Tinkerd
Description: Lightweight block theme for Tinkerd – sports branding meets technology.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: tinkerd
*/
:root{--ink:#151515;--paper:#F8F7F3;--violet:#3D348B;--gold:#F7B801;--grad:linear-gradient(135deg,#3D348B 0%,#FE865B 50%,#FF1493 100%)}
html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);overflow-x:hidden}
.t-hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--ink);color:var(--paper)}
.t-hero::before{content:"";position:absolute;inset:0;background:var(--grad);opacity:.55;background-size:200% 200%;animation:t-shift 14s ease infinite}
.t-hero>*{position:relative;z-index:1}
.t-hero h1{font-size:clamp(3rem,11vw,9.5rem);line-height:.92;letter-spacing:-.04em;margin:0}
.t-hero h1 span{display:block;overflow:hidden}.t-hero h1 em{display:inline-block;font-style:normal}
.t-tink{position:absolute!important;right:4vw;bottom:6vh;width:min(36vw,380px);z-index:1}
@keyframes t-shift{50%{background-position:100% 100%}}
.t-marquee{overflow:hidden;white-space:nowrap;border-block:1px solid #15151522;padding:1.2rem 0}
.t-marquee div{display:inline-block;animation:t-run 28s linear infinite;font:700 1.4rem var(--wp--preset--font-family--heading);opacity:.6}
.t-marquee span{margin:0 2.5rem}@keyframes t-run{to{transform:translateX(-50%)}}
.t-card{border-radius:24px;padding:2rem;min-height:340px;background:#fff;border:1px solid #15151514;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s,color .4s;display:flex;flex-direction:column;justify-content:space-between}
.t-card:hover{transform:translateY(-8px);background:var(--violet);color:var(--paper)}
.t-card h3{font-size:clamp(1.6rem,3vw,2.4rem);margin:0}
.t-cta{background:var(--grad);color:#fff;border-radius:32px;padding:clamp(2rem,6vw,5rem)}
.wp-block-button__link{border-radius:999px;transition:transform .25s}.wp-block-button__link:hover{transform:scale(1.05)}
.t-cursor{position:fixed;width:14px;height:14px;border-radius:50%;background:var(--gold);pointer-events:none;z-index:99;mix-blend-mode:difference;transform:translate(-50%,-50%)}
@media(max-width:781px){.t-tink{width:42vw;opacity:.9}.t-cursor{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* v1.1 */
:root{--pad:clamp(1.25rem,5vw,4rem)}
.wp-site-blocks{min-height:100vh;display:flex;flex-direction:column}.wp-site-blocks>*{margin-block:0!important}.wp-site-blocks>main,.wp-site-blocks>.wp-block-pattern{flex:1}
footer.wp-block-template-part{margin-top:auto!important}
.t-sec{padding:clamp(4rem,9vw,8rem) var(--pad)}.t-hero{padding-inline:var(--pad)!important}
.t-dark{background:var(--ink);color:var(--paper)}.t-violet{background:var(--violet);color:var(--paper)}
.t-dark .t-card{background:#1f1f1f;color:var(--paper);border-color:#ffffff22}
.t-card a{color:inherit;font-weight:600}
.t-phero{padding-top:clamp(5rem,12vw,10rem)}.t-phero h1{font-size:clamp(2.6rem,8vw,7rem);letter-spacing:-.03em;margin:0}
.t-eyebrow{color:var(--gold);font-weight:700;letter-spacing:.12em}.t-lead{font-size:clamp(1.1rem,2vw,1.5rem);max-width:40ch;opacity:.85}
.t-num{font:700 3rem var(--wp--preset--font-family--heading);color:var(--gold);margin:0}
.t-visual{aspect-ratio:16/9;border-radius:24px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;margin-block:1.5rem}
.t-cta{max-width:1300px;margin-inline:auto}
.t-header{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;background:var(--violet);color:var(--paper);padding:.9rem var(--pad);position:sticky;top:0;z-index:50}
.t-header .wp-block-buttons{justify-self:end}.t-header .wp-block-button__link{background:var(--gold);color:var(--ink);padding:.6rem 1.2rem;font-weight:600}
.t-header a{color:var(--paper);text-decoration:none}.t-header .wp-block-navigation a:hover{color:var(--gold)}
.t-logo img{display:block;height:44px;width:auto}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--violet)!important;color:var(--paper)!important}
@media(max-width:781px){.t-header .wp-block-button{display:none}.t-header{grid-template-columns:1fr auto 1fr}.t-logo{grid-column:2;grid-row:1}.t-header .wp-block-navigation{grid-column:1;grid-row:1}}
.t-footer{background:var(--ink);color:var(--paper);padding:4rem var(--pad) 3rem;margin:0}.t-footer a{color:var(--gold)}
.t-cursor{top:0;left:0;transform:none}
.wp-block-details{border-bottom:1px solid #15151522;padding:1rem 0}.wp-block-details summary{font-weight:600;cursor:pointer}
