/*
Theme Name: Gold-Schatz
Theme URI: https://gold-schatz.li/
Author: Gold-Schatz
Description: Reduziertes One-Page-WordPress-Theme für die Gold-Publikation Schatz mit drei Menüpunkten.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: gold-schatz
*/

:root {
  --gs-bg: #f5f1e8;
  --gs-paper: #fffdf8;
  --gs-ink: #171717;
  --gs-muted: #6a655c;
  --gs-gold: #b38737;
  --gs-gold-deep: #8a6422;
  --gs-line: rgba(23,23,23,.14);
  --gs-dark: #111211;
  --gs-max: 1240px;
  --gs-serif: Georgia, 'Times New Roman', serif;
  --gs-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--gs-bg);
  color: var(--gs-ink);
  font-family: var(--gs-sans);
  font-size: 16px;
  line-height: 1.65;
}
body.admin-bar .gs-site-header { top: 32px; }
a { color: inherit; }
img { max-width: 100%; height: auto; }

.gs-shell { width: min(calc(100% - 48px), var(--gs-max)); margin-inline: auto; }
.gs-eyebrow {
  display: inline-block;
  color: var(--gs-gold-deep);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.gs-display, .gs-section-title, .gs-card-title {
  font-family: var(--gs-serif);
  font-weight: 400;
  letter-spacing: -.035em;
}
.gs-display { font-size: clamp(3.45rem, 7.2vw, 7.6rem); line-height: .92; margin: 18px 0 28px; }
.gs-section-title { font-size: clamp(2.25rem, 4vw, 4.65rem); line-height: 1.02; margin: 14px 0 24px; }
.gs-lead { font-size: clamp(1.1rem, 1.7vw, 1.42rem); line-height: 1.45; max-width: 760px; }
.gs-button {
  display: inline-flex; align-items: center; gap: 12px;
  min-height: 48px; padding: 0 21px;
  border: 1px solid var(--gs-gold);
  background: var(--gs-gold); color: #fff;
  text-decoration: none; font-size: .92rem; font-weight: 800;
  transition: .2s ease;
}
.gs-button:hover, .gs-button:focus { background: var(--gs-ink); border-color: var(--gs-ink); }
.gs-button--outline { background: transparent; color: var(--gs-gold); }
.gs-button--outline:hover, .gs-button--outline:focus { color: #fff; border-color: var(--gs-gold); background: var(--gs-gold); }

/* Header */
.gs-site-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(17,18,17,.96); color: #fff;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.gs-nav { min-height: 76px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; }
.gs-brand { text-decoration: none; display: inline-block; line-height: 1.05; }
.gs-brand strong { color: #d8b56f; font-family: var(--gs-serif); font-size: 1.25rem; font-weight: 400; letter-spacing: .03em; }
.gs-brand small { display: block; color: #c9c9c9; font-size: .64rem; margin-top: 5px; }
.gs-menu { display: flex; gap: clamp(22px, 3vw, 46px); align-items: center; }
.gs-menu a { text-decoration: none; font-weight: 650; font-size: .93rem; }
.gs-menu a:hover { color: #d8b56f; }
.gs-nav-cta { justify-self: end; }
.gs-menu-toggle { display:none; border:0; background:transparent; color:#fff; font-size:1.4rem; cursor:pointer; }

/* Hero */
.gs-hero { min-height: 690px; display: grid; grid-template-columns: 1.08fr .92fr; background: var(--gs-paper); overflow: hidden; }
.gs-hero-copy { padding: clamp(70px,8vw,120px) max(24px, calc((100vw - var(--gs-max))/2 + 24px)); padding-right: clamp(36px,5vw,88px); align-self: center; }
.gs-hero-quote { color: var(--gs-gold-deep); font-size: clamp(1.22rem,2vw,1.7rem); max-width: 650px; margin: 0 0 24px; }
.gs-authors { font-weight: 750; margin: 0 0 30px; }
.gs-feature-row { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:42px; color:#4d493f; font-size:.84rem; }
.gs-feature-row span::before { content:'◈'; color:var(--gs-gold); margin-right:8px; }
.gs-hero-art {
  position: relative; min-height: 520px;
  background:
    radial-gradient(circle at 26% 16%, rgba(255,255,255,.9), transparent 34%),
    linear-gradient(135deg,#f4dfad 0%,#c3943f 35%,#765116 58%,#dfbc69 80%,#fff1be 100%);
}
.gs-goldbar {
  position:absolute; width:min(72%,520px); aspect-ratio:1.8/1; left:12%; top:24%;
  transform: rotate(-9deg) skewX(-4deg);
  border-radius:18px; border:1px solid rgba(255,255,255,.65);
  background: linear-gradient(145deg,#fff1b4 0%,#c58f2d 24%,#f0c865 48%,#9b691e 74%,#edc86c 100%);
  box-shadow: 0 42px 80px rgba(50,30,3,.38), inset 0 2px 1px rgba(255,255,255,.9), inset 0 -10px 22px rgba(104,67,12,.25);
}
.gs-goldbar::after {
  content:'FINE GOLD\A 999.9'; white-space:pre; position:absolute; inset:0;
  display:grid; place-content:center; text-align:center;
  color:rgba(98,59,8,.62); font-family:var(--gs-serif); font-weight:700; font-size:clamp(1.1rem,2.2vw,2.1rem); letter-spacing:.08em;
  text-shadow:0 1px rgba(255,255,255,.55);
}

/* Facts */
.gs-facts { background:var(--gs-dark); color:#fff; padding:38px 0 48px; }
.gs-facts .gs-eyebrow { color:#d5ad5c; }
.gs-fact-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:22px; }
.gs-fact { text-align:center; padding:8px 30px 6px; border-right:1px solid rgba(255,255,255,.17); }
.gs-fact:last-child { border-right:0; }
.gs-fact-year { font-size:.9rem; font-weight:750; }
.gs-fact-number { display:block; color:#ddb968; font-family:var(--gs-serif); font-size:clamp(3rem,5vw,5.7rem); line-height:1; margin:12px 0 10px; font-weight:400; }
.gs-fact p { margin:0; font-size:.88rem; line-height:1.45; }
.gs-source { display:block; color:#a9a9a9; text-align:center; margin-top:25px; font-size:.68rem; }

/* Forecast */
.gs-section { padding: clamp(74px,8vw,112px) 0; }
.gs-forecast-layout { display:grid; grid-template-columns:.72fr 1.8fr; gap:60px; align-items:end; }
.gs-forecast-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.gs-forecast-card { background:#fff; border:1px solid var(--gs-line); padding:30px 25px; text-align:center; min-height:170px; display:grid; place-content:center; }
.gs-forecast-card strong { font-family:var(--gs-serif); font-size:2rem; font-weight:400; }
.gs-forecast-card span { margin-top:10px; font-size:1.05rem; }
.gs-disclaimer { grid-column:2; font-size:.76rem; color:#545048; margin:18px 0 0; line-height:1.55; }

/* Reasons */
.gs-reasons { background:#fbf8f2; border-top:1px solid var(--gs-line); border-bottom:1px solid var(--gs-line); }
.gs-reasons-layout { display:grid; grid-template-columns:.62fr 1.6fr; gap:62px; }
.gs-reason-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:34px 28px; }
.gs-reason { position:relative; padding-left:52px; }
.gs-reason-num { position:absolute; left:0; top:0; width:36px; height:36px; border:1px solid var(--gs-gold); color:var(--gs-gold-deep); display:grid; place-items:center; border-radius:50%; font-weight:800; font-size:.78rem; }
.gs-reason h3 { font-size:.96rem; line-height:1.2; margin:0 0 8px; }
.gs-reason p { margin:0; font-size:.79rem; color:#605b52; line-height:1.5; }

/* Publication */
.gs-publication { background:var(--gs-dark); color:#fff; }
.gs-publication-layout { display:grid; grid-template-columns:.82fr 1.18fr; min-height:480px; }
.gs-publication-art { position:relative; background:linear-gradient(150deg,#5c3f22,#1d1711 72%); min-height:420px; overflow:hidden; }
.gs-book { position:absolute; width:52%; height:66%; left:24%; top:17%; background:#171512; border-radius:6px 14px 14px 6px; transform:rotate(-8deg); box-shadow:0 30px 50px rgba(0,0,0,.45); border-left:8px solid #3b2e1f; display:grid; place-items:center; color:#d1a552; text-align:center; font-family:var(--gs-serif); letter-spacing:.09em; line-height:1.5; }
.gs-publication-copy { padding:clamp(54px,6vw,88px); align-self:center; }
.gs-publication-copy .gs-eyebrow { color:#d5ad5c; }
.gs-publication-copy .gs-section-title { color:#fff; }
.gs-pub-metric { display:flex; align-items:baseline; gap:14px; margin:26px 0; }
.gs-pub-metric strong { color:#d9b35f; font-family:var(--gs-serif); font-size:3.5rem; font-weight:400; }
.gs-notice { border:1px solid #9d7831; padding:18px 20px; margin-top:24px; font-size:.8rem; color:#ddd; }

/* Article */
.gs-article-wrap { max-width:900px; margin-inline:auto; }
.gs-article-meta { color:var(--gs-gold-deep); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.gs-article-copy { font-family:var(--gs-serif); font-size:1.12rem; line-height:1.72; }
.gs-article-copy h3 { margin-top:38px; font-family:var(--gs-sans); font-size:1rem; letter-spacing:.02em; }
.gs-article-copy ul { padding-left:1.2em; }
.gs-article-copy li { margin:0 0 13px; }

/* Team */
.gs-team { background:#fffaf2; }
.gs-team-grid { display:grid; grid-template-columns:1fr 1fr 1.1fr; gap:42px; }
.gs-person { display:grid; grid-template-columns:130px 1fr; gap:22px; align-items:start; }
.gs-avatar { aspect-ratio:3/4; background:linear-gradient(150deg,#ddd7cd,#b7b0a4); display:grid; place-items:center; color:#6c665b; font-family:var(--gs-serif); font-size:2.2rem; }
.gs-person h3, .gs-motivation h3 { margin:0 0 8px; font-size:.9rem; text-transform:uppercase; letter-spacing:.04em; }
.gs-person p, .gs-motivation p { font-size:.82rem; line-height:1.55; margin:0 0 14px; }
.gs-quote { font-family:var(--gs-serif); font-size:1.28rem !important; color:#3d382f; }

/* CTA + Footer */
.gs-contact { background:linear-gradient(90deg,#d2ad63,#ead39d,#c79b4b); padding:45px 0; }
.gs-contact-grid { display:grid; grid-template-columns:1.25fr .8fr .9fr; gap:36px; align-items:center; }
.gs-contact h2 { font-family:var(--gs-serif); font-weight:400; font-size:2rem; line-height:1.1; margin:6px 0 10px; }
.gs-contact p { margin:0; font-size:.86rem; }
.gs-site-footer { background:#111; color:#c9c9c9; padding:34px 0; }
.gs-footer-grid { display:grid; grid-template-columns:1fr auto 1fr; gap:40px; align-items:start; }
.gs-footer-menu { display:flex; gap:25px; font-size:.78rem; }
.gs-footer-menu a { text-decoration:none; }
.gs-footer-legal { justify-self:end; max-width:430px; font-size:.7rem; line-height:1.55; }

@media (max-width: 980px) {
  body.admin-bar .gs-site-header { top:46px; }
  .gs-nav { grid-template-columns:1fr auto; }
  .gs-menu-toggle { display:block; justify-self:end; }
  .gs-menu { display:none; grid-column:1/-1; flex-direction:column; align-items:flex-start; padding:0 0 20px; }
  .gs-menu.is-open { display:flex; }
  .gs-nav-cta { display:none; }
  .gs-hero { grid-template-columns:1fr; }
  .gs-hero-copy { padding:70px 24px; }
  .gs-hero-art { min-height:420px; }
  .gs-forecast-layout, .gs-reasons-layout { grid-template-columns:1fr; gap:35px; }
  .gs-disclaimer { grid-column:1; }
  .gs-publication-layout { grid-template-columns:1fr; }
  .gs-team-grid { grid-template-columns:1fr; }
  .gs-contact-grid { grid-template-columns:1fr; }
  .gs-footer-grid { grid-template-columns:1fr; }
  .gs-footer-legal { justify-self:start; }
}
@media (max-width: 700px) {
  .gs-shell { width:min(calc(100% - 30px), var(--gs-max)); }
  .gs-display { font-size:clamp(3rem,15vw,4.6rem); }
  .gs-fact-grid, .gs-forecast-grid, .gs-reason-grid { grid-template-columns:1fr; }
  .gs-fact { border-right:0; border-bottom:1px solid rgba(255,255,255,.15); padding:28px 0; }
  .gs-fact:last-child { border-bottom:0; }
  .gs-reason-grid { gap:22px; }
  .gs-publication-copy { padding:50px 24px; }
  .gs-person { grid-template-columns:100px 1fr; }
}