/* ARTREW — Landing Page */

/* HERO */
.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--nav-h) var(--gutter) var(--sp-16);gap:var(--sp-4)}
.hero__title{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--w-bold);letter-spacing:var(--ls-widest);color:var(--accent);text-shadow:var(--shadow-glow)}
.hero__tagline{font-family:var(--font-art);font-size:var(--text-h2);color:var(--text-2);font-style:italic}
.hero__sub{font-size:var(--text-small);color:var(--text-3);letter-spacing:var(--ls-wide)}

/* SECTIONS */
section{padding:var(--sp-16) var(--gutter)}
section>h2{font-family:var(--font-display);font-size:var(--text-h2);color:var(--accent);letter-spacing:var(--ls-wider);margin-bottom:var(--sp-8)}

/* CHANNELS GRID */
.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-4)}

/* CATALOG GRID */
#catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4);margin-top:var(--sp-6)}

/* GUILD */
.guild{background:var(--surface);border-radius:var(--r-xl);margin:0 var(--gutter);padding:var(--sp-12);text-align:center;border:1px solid var(--border)}
.guild h2{margin-bottom:var(--sp-4)}
.guild p{color:var(--text-2);margin-bottom:var(--sp-6)}

/* STATEMENT */
.statement{text-align:center;padding:var(--sp-24) var(--gutter)}
.statement blockquote{font-family:var(--font-display);font-size:var(--text-h1);color:var(--accent);letter-spacing:var(--ls-wider);margin-bottom:var(--sp-4)}
.statement p{color:var(--text-3);font-size:var(--text-small)}