:root{--ink:#11100f;--paper:#f4efe8;--paper2:#e9dfd2;--accent:#9e261f;--gold:#b98b52;--muted:#766d65;--line:rgba(17,16,15,.15);--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:var(--accent)}h1,h2,h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:520;line-height:1.06;margin:0;letter-spacing:-.025em}h2{font-size:clamp(2rem,4.2vw,3.9rem)}p.lead{font-size:clamp(1.05rem,2vw,1.3rem);max-width:760px;color:#403a35}.btn{display:inline-flex;align-items:center;gap:.7rem;padding:.85rem 1.05rem;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:750;transition:.25s}.btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.light:hover{background:white;color:#111;border-color:white}.btn.accent{background:var(--accent);border-color:var(--accent);color:white}.btn.accent:hover{background:#7f1d18;border-color:#7f1d18}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;color:white;transition:.25s;background:linear-gradient(to bottom,rgba(0,0,0,.62),rgba(0,0,0,0))}.site-header.scrolled,.subpage .site-header{background:rgba(15,14,13,.96);backdrop-filter:blur(12px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand-logo{display:flex;align-items:center;height:62px}.brand-logo img{height:54px;width:auto;max-width:170px;object-fit:contain;filter:invert(1);opacity:.96}.nav-links{display:flex;gap:23px;align-items:center;font-size:.78rem;text-transform:uppercase;letter-spacing:.11em}.nav-links a{opacity:.84}.nav-links a:hover,.nav-links a.active{opacity:1;color:#f3c8a1}.menu-btn{display:none;background:transparent;border:0;color:white;font-size:1.5rem}.hero{height:100svh;min-height:650px;position:relative;overflow:hidden;background:#111;color:white}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.slide:nth-child(1) img{object-position:50% 48%}.slide:nth-child(2) img{object-position:50% 42%}.slide:nth-child(3) img{object-position:50% 35%}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.28) 55%,rgba(0,0,0,.2) 100%),linear-gradient(to top,rgba(0,0,0,.62),transparent 48%)}.hero-content{position:absolute;z-index:5;left:0;right:0;bottom:9vh}.hero h1{font-size:clamp(3.5rem,8vw,6.8rem);letter-spacing:-.04em;font-weight:500}.hero .subtitle{font-size:clamp(1rem,2.3vw,1.55rem);letter-spacing:.16em;text-transform:uppercase;margin:1rem 0 2rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.dots{position:absolute;z-index:6;right:30px;bottom:32px;display:flex;gap:8px}.dot{width:38px;height:2px;background:rgba(255,255,255,.35);border:0;padding:0}.dot.active{background:white}.intro{padding:120px 0 100px;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end}.intro-copy{max-width:650px}.quote{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.7rem,3vw,3rem);line-height:1.12;font-weight:450;letter-spacing:-.025em}.split-cards{display:grid;grid-template-columns:1fr 1fr}.split-card{position:relative;min-height:620px;color:white;overflow:hidden}.split-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.split-card:hover img{transform:scale(1.025)}.split-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.05) 64%)}.split-card .content{position:absolute;z-index:2;left:8%;right:8%;bottom:8%}.split-card h3{font-size:clamp(2rem,3.8vw,3.5rem);margin:.25rem 0 1rem}.section{padding:110px 0}.section.dark{background:#151311;color:#f5eee5}.section-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.agenda-card{border-top:1px solid currentColor;padding:30px 0;display:grid;grid-template-columns:160px 1fr auto;gap:30px;align-items:center}.agenda-card:last-child{border-bottom:1px solid currentColor}.date{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.25rem;font-weight:650;letter-spacing:.03em}.agenda-card h3{font-size:2rem}.agenda-card p{margin:.4rem 0 0;color:#bcb0a5}.gallery-strip{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:12px;height:650px;background:#111;padding:12px}.gallery-strip img{width:100%;height:100%;object-fit:cover}.video-feature{display:grid;grid-template-columns:1.2fr .8fr;min-height:620px;background:#201b18;color:white}.video-image{position:relative;overflow:hidden}.video-image img{width:100%;height:100%;object-fit:cover}.video-image:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:3rem;background:rgba(0,0,0,.16)}.video-copy{padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center}.video-copy h2{margin:.4rem 0 1.2rem}.bios{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bio{background:#ebe2d7}.bio img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 30%}.bio .copy{padding:34px}.bio h3{font-size:2.05rem}.cta{padding:130px 0;background:var(--accent);color:white;text-align:center}.cta h2{max-width:900px;margin:auto}.cta p{max-width:660px;margin:25px auto 35px;color:#f4d8d2}.footer{background:#0d0c0b;color:#d7cbc0;padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:50px}.footer h3{font-size:1.7rem;color:white}.footer a{display:block;margin:.45rem 0}.footer-bottom{margin-top:55px;padding-top:25px;border-top:1px solid #302b27;color:#857b72;font-size:.8rem}.page-hero{padding:180px 0 80px;background:#181512;color:white}.page-hero h1{font-size:clamp(2.9rem,6vw,5.3rem);max-width:900px}.page-hero p{max-width:760px;color:#cfc2b6;font-size:1.2rem}.content-section{padding:90px 0}.text-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.prose{max-width:780px}.prose p{font-size:1.07rem;color:#413b36}.figure-wide{margin:70px 0 0}.figure-wide img{width:100%;max-height:720px;object-fit:cover}.lesson-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:50px}.lesson-card{min-height:520px;position:relative;color:white;overflow:hidden}.lesson-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lesson-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.08))}.lesson-card .content{position:absolute;z-index:2;bottom:0;padding:40px}.lesson-card h3{font-size:clamp(2rem,3.2vw,2.8rem)}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:45px}.video-card{background:#e9dfd2}.video-card .thumb{height:360px;position:relative;overflow:hidden;background:#222}.video-card img{width:100%;height:100%;object-fit:cover}.video-card .thumb:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:2.4rem;background:rgba(0,0,0,.18)}.video-card .copy{padding:28px}.video-card h3{font-size:1.9rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-list{font-size:1.12rem}.contact-list div{padding:20px 0;border-bottom:1px solid var(--line)}.note{font-size:.9rem;color:var(--muted)}
@media(max-width:800px){.wrap{width:min(calc(100% - 28px),var(--max))}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#111;padding:24px 28px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:block}.hero h1{font-size:clamp(3rem,14vw,5.7rem)}.hero-content{bottom:13vh}.intro,.section-grid,.text-grid,.video-feature,.contact-grid{grid-template-columns:1fr}.intro{padding:85px 0;gap:35px}.split-cards,.bios,.lesson-cards,.video-grid{grid-template-columns:1fr}.split-card{min-height:520px}.agenda-card{grid-template-columns:1fr;gap:6px}.agenda-card .btn{justify-self:start;margin-top:12px}.gallery-strip{height:auto;grid-template-columns:1fr;padding:8px}.gallery-strip img{height:420px}.video-image{min-height:420px}.footer-grid{grid-template-columns:1fr}.page-hero{padding-top:150px}.section,.content-section{padding:75px 0}.lesson-card{min-height:460px}.video-card .thumb{height:300px}}

.slide:nth-child(1) img{object-position:50% 43%}
.slide:nth-child(2) img{object-position:50% 48%}
.lesson-card img[src*="guitar-lessons"]{object-position:50% 42%}
@media(max-width:800px){
  .brand-logo{height:58px}
  .brand-logo img{height:48px;max-width:145px}
  .page-hero h1{font-size:clamp(2.65rem,13vw,4.4rem)}
}

.brand-combo{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand-combo>img{width:48px;height:48px;object-fit:contain;filter:invert(1);opacity:.96}.brand-words{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.13rem;letter-spacing:.18em;line-height:1}.brand-words small{display:block;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.53rem;letter-spacing:.24em;color:#d9c8b4;margin-top:6px;white-space:nowrap}.jessica-section .prose,.jessica-section .prose p{color:#fff}.jessica-section .prose p{opacity:.92}@media(max-width:800px){.brand-combo>img{width:42px;height:42px}.brand-words{font-size:.96rem;letter-spacing:.14em}.brand-words small{font-size:.46rem;letter-spacing:.18em}}

/* v4: supplied production artwork */
.video-card .thumb{height:520px;background:#151311}
.video-card .thumb img{object-fit:contain}
.intro{grid-template-columns:minmax(0,760px);justify-content:start}
@media(max-width:800px){.video-card .thumb{height:460px}}

.show-info{margin-top:1.15rem;border-top:1px solid rgba(255,255,255,.13);padding-top:.85rem}.show-info summary{cursor:pointer;color:#dca373;font-size:.82rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.show-info p{color:rgba(255,255,255,.88);line-height:1.7;margin:.85rem 0 .1rem}

/* v6 */
.person-profile{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.5fr);gap:clamp(30px,6vw,80px);align-items:center}
.person-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.show-info{background:#f2ece4;border:0;border-radius:2px;padding:.9rem 1rem;margin-top:1.1rem}
.show-info summary{color:#342b27}
.show-info p,.show-info div p{color:#211c19 !important;opacity:1 !important}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-logo{width:76px;height:76px;object-fit:contain;filter:invert(1);opacity:.9}
@media(max-width:800px){
  .person-profile{grid-template-columns:1fr}
  .person-photo{max-width:520px}
  .footer-logo{width:60px;height:60px}
}

/* Contactformulier */
.contact-form {
  display: grid;
  gap: 18px;
  margin-top: 32px;
  max-width: 680px;
}

.contact-form label {
  display: grid;
  gap: 8px;
  font-size: 14px;
  letter-spacing: .04em;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color: inherit;
  font: inherit;
  border-radius: 2px;
}

.contact-form textarea {
  resize: vertical;
  min-height: 150px;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  outline: 1px solid #dca373;
  border-color: #dca373;
}

.contact-form button {
  justify-self: start;
  cursor: pointer;
}

.form-status {
  min-height: 24px;
  margin: 0;
}

.hp-field {
  position: absolute !important;
  left: -9999px !important;
}


/* Duidelijk zichtbare contactvelden */
.contact-form input,
.contact-form select,
.contact-form textarea {
  background: #f2ece4;
  color: #211c19;
  border: 1px solid #c9b9aa;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  background: #fffaf5;
  color: #211c19;
  border-color: #dca373;
  outline: 2px solid rgba(220,163,115,.25);
}

.contact-form select option {
  background: #f2ece4;
  color: #211c19;
}

/* YouTube video's */
.video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #000;
}

.video-embed iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}


/* Video's in hetzelfde compacte formaat als de oorspronkelijke thumbnails */
.video-card .video-embed {
  aspect-ratio: auto;
  height: 280px;
}

.video-card .video-embed iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}