/*
Theme Name: Line Garage
Theme URI: https://linegarage.com/
Author: Line Garage
Description: A clean, fast WordPress theme for Line Garage with reusable block patterns, a 9-post home grid, and two text sections.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: line-garage
*/

:root{--lg-bg:#0f0f10;--lg-fg:#f5f5f5;--lg-muted:#a1a1a1;--lg-accent:#e63946;--lg-card:#1a1a1c;--lg-border:#2a2a2d;--lg-max:1200px;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--lg-bg);color:var(--lg-fg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:var(--lg-fg);text-decoration:none}
a:hover{color:var(--lg-accent)}
img{max-width:100%;height:auto;display:block}
.lg-container{max-width:var(--lg-max);margin:0 auto;padding:0 20px}
.lg-header{position:sticky;top:0;z-index:50;background:rgba(15,15,16,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--lg-border)}
.lg-header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}
.lg-logo{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:1.15rem}
.lg-logo span{color:var(--lg-accent)}
.lg-nav ul{list-style:none;display:flex;gap:24px;margin:0;padding:0;flex-wrap:wrap}
.lg-nav a{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}
.lg-hero{position:relative;min-height:62vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.75)),url('assets/images/iStock-1402667955-1024x441.jpg') center/cover no-repeat}
.lg-hero h1{font-size:clamp(2rem,5vw,3.6rem);margin:0 0 14px;letter-spacing:.02em}
.lg-hero p{color:#ddd;max-width:640px;margin:0 auto 24px}
.lg-btn{display:inline-block;padding:12px 26px;background:var(--lg-accent);color:#fff;border-radius:2px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.85rem;transition:transform .2s,background .2s}
.lg-btn:hover{background:#c92a37;color:#fff;transform:translateY(-2px)}
.lg-section{padding:70px 0}
.lg-section-title{font-size:1.9rem;margin:0 0 8px}
.lg-section-sub{color:var(--lg-muted);margin:0 0 36px}
.lg-text-block{max-width:780px;margin:0 auto;text-align:center}
.lg-text-block h2{font-size:2rem;margin:0 0 16px}
.lg-text-block p{color:#cfcfcf;font-size:1.05rem}
.lg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.lg-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.lg-grid{grid-template-columns:1fr}}
.lg-card{background:var(--lg-card);border:1px solid var(--lg-border);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.lg-card:hover{transform:translateY(-4px);border-color:var(--lg-accent)}
.lg-card-thumb{aspect-ratio:16/10;overflow:hidden;background:#222}
.lg-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.lg-card:hover .lg-card-thumb img{transform:scale(1.05)}
.lg-card-body{padding:18px 20px 22px}
.lg-card-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--lg-muted);margin-bottom:8px}
.lg-card h3{font-size:1.15rem;margin:0 0 8px;line-height:1.35}
.lg-card p{color:#bdbdbd;font-size:.92rem;margin:0}
.lg-cta{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.85)),url('assets/images/iStock-1569280321-1024x681.jpg') center/cover no-repeat;text-align:center;padding:90px 20px}
.lg-cta h2{font-size:2.2rem;margin:0 0 12px}
.lg-cta p{color:#ddd;max-width:600px;margin:0 auto 24px}
.lg-footer{border-top:1px solid var(--lg-border);padding:30px 0;text-align:center;color:var(--lg-muted);font-size:.85rem}
.lg-pagination{display:flex;gap:10px;justify-content:center;margin-top:40px}
.lg-pagination a,.lg-pagination span{padding:8px 14px;border:1px solid var(--lg-border);border-radius:2px}
.lg-pagination .current{background:var(--lg-accent);border-color:var(--lg-accent)}
.lg-post{max-width:800px;margin:0 auto;padding:50px 20px}
.lg-post h1{font-size:2.4rem;margin:0 0 12px}
.lg-post .lg-card-meta{margin-bottom:24px}