/*
Theme Name: Jeffrey Tanis
Theme URI: https://jeffreytanis.nl/
Author: Websitebeheer
Description: Artiestenthema met één scrollende homepage en afzonderlijk bewerkbare WordPress-pagina's.
Version: 1.0.0
Text Domain: jeffrey-tanis
*/
:root{--gold:#c8a45d;--black:#090909;--cream:#f4f0e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--black);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:var(--gold)}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,8,8,.95);border-bottom:1px solid #6f592e;padding:0 5%;display:flex;align-items:center;justify-content:space-between;min-height:76px}.brand{font-size:20px;letter-spacing:.14em;font-weight:700;color:var(--gold);text-decoration:none}.main-nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.main-nav a{text-decoration:none;color:#f5f0e5;font-size:13px;letter-spacing:.07em;text-transform:uppercase}.main-nav a:hover{color:var(--gold)}.hero{min-height:82vh;display:flex;align-items:center;padding:8vw;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.18)),url('assets/hero.svg') center/cover}.hero-inner{max-width:700px}.eyebrow{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(44px,8vw,100px);line-height:.98;margin:14px 0;letter-spacing:.04em}.hero p{font-size:18px;max-width:540px}.button{display:inline-block;border:1px solid var(--gold);padding:12px 22px;color:var(--gold);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;margin:12px 10px 0 0}.button:hover{background:var(--gold);color:#000}.section{padding:80px max(7%,calc((100% - 1100px)/2));border-bottom:1px solid #29251d;scroll-margin-top:75px}.section:nth-of-type(even){background:#111}.section h2{font-size:clamp(30px,5vw,52px);line-height:1.1;margin:0 0 22px;color:var(--gold)}.section-content{max-width:900px}.section-content img{max-width:100%;height:auto}.section-content iframe{max-width:100%}.section-content a{overflow-wrap:anywhere}.section-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:42px;align-items:center}.section-grid img{width:100%;max-height:560px;object-fit:cover}.site-footer{text-align:center;padding:35px;color:#aaa;font-size:13px}.admin-note{background:#211b10;padding:12px 5%;color:#d8c28f;font-size:13px}@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column;padding:14px 5%;gap:10px}.main-nav{gap:10px 15px}.main-nav a{font-size:11px}.hero{min-height:70vh;padding:9vw 6vw}.section{padding:58px 7%}.section-grid{grid-template-columns:1fr;gap:20px}}
/* Achtergronden per sectie */
.section {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.76);
  pointer-events: none;
}

.section-content {
  position: relative;
  z-index: 1;
}

.section:nth-of-type(2) {
  background-image: url('assets/over-mij.svg');
}

.section:nth-of-type(3) {
  background-image: url('assets/boek-nu.svg');
}

.section:nth-of-type(4) {
  background-image: url('assets/apps.svg');
}

.section:nth-of-type(5) {
  background-image: url('assets/agenda.svg');
}

.section:nth-of-type(6) {
  background-image: url('assets/muziek.svg');
}

.section:nth-of-type(7) {
  background-image: url('assets/perskit.svg');
}