@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{
  --wine:#21050b;
  --wine-2:#3b0b16;
  --wine-3:#601626;
  --gold:#f0d79a;
  --gold-2:#d4a452;
  --gold-3:#9b6328;
  --cream:#fff1d6;
  --blue:#1667ff;
  --blue-dark:#0a376d;
  --text:#f2dfcd;
  --muted:#dcc2b1;
  --shadow:0 20px 45px rgba(0,0,0,.33);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font-family:'DM Sans',sans-serif;
  line-height:1.65;
  background:
    radial-gradient(circle at top, rgba(143,34,58,.55), transparent 35%),
    linear-gradient(180deg,#3e0d18 0%, #22070d 30%, #140307 100%);
}
a{color:inherit}
img{max-width:100%;display:block}
video{display:block;max-width:100%}
.skip{position:absolute;left:-1000px;top:0;background:white;color:black;padding:10px;z-index:100}
.skip:focus{left:0}
header{
  position:sticky;top:0;z-index:100;
  background:rgba(24,4,9,.94);
  border-bottom:1px solid rgba(220,174,94,.55);
  backdrop-filter:blur(12px);
}
.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:84px;padding:0 22px;gap:18px}
.brand{text-decoration:none;display:flex;gap:12px;align-items:center;color:var(--gold)}
.brand-mark{
  width:50px;height:50px;border-radius:50%;display:grid;place-items:center;
  border:2px solid var(--gold-2);
  background:radial-gradient(circle at 30% 30%,#fff0ca 0, #d7a652 20%, #7c4c1f 100%);
  color:#5e260e;font-size:29px;box-shadow:0 0 0 2px rgba(255,227,180,.25), inset 0 1px 2px rgba(255,255,255,.5)
}
.brand-title{display:block;font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;line-height:.9}
.brand small{display:block;margin-top:6px;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:#f4ddb0}
nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
nav a{text-decoration:none;color:#f4e3c5;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.35px;position:relative}
nav a::after{content:'';position:absolute;left:0;bottom:-8px;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .2s}
nav a:hover::after,nav a[aria-current=page]::after{transform:scaleX(1)}
nav a:hover,nav a[aria-current=page]{color:#ffd178}
button{font:inherit}
.menu-toggle{display:none;background:transparent;border:1px solid var(--gold);color:var(--gold);border-radius:4px;padding:9px 13px}
main{min-height:70vh}
.hero{
  position:relative;overflow:hidden;isolation:isolate;
  min-height:720px;display:grid;place-items:center;padding:84px 20px 96px;
  background:
    radial-gradient(circle at center top, rgba(170,44,74,.7), transparent 32%),
    linear-gradient(180deg, rgba(115,22,41,.28), rgba(17,2,6,.2)),
    linear-gradient(180deg,#671527 0%, #340813 50%, #19040a 100%);
}
.hero::before,.hero::after{
  content:'';position:absolute;top:0;bottom:0;width:24%;z-index:-1;
  background:repeating-linear-gradient(90deg,#500b1b 0,#7a1329 17%,#430818 34%,#7d1830 49%,#4f0b1b 67%);
  box-shadow:inset -24px 0 40px #20040b;
  clip-path:polygon(0 0,100% 0,85% 13%,94% 28%,77% 46%,92% 64%,78% 82%,100% 100%,0 100%);
}
.hero::before{left:0}.hero::after{right:0;transform:scaleX(-1)}
.hero-frame,.panel,.card,.event,.video-card,.contact-box,.placeholder,.illustration{
  position:relative;
}
.hero-frame{
  max-width:1040px;width:min(100%,1040px);padding:38px 42px 46px;text-align:center;
  background:linear-gradient(180deg, rgba(43,6,14,.58), rgba(21,3,8,.72));
  border:1px solid rgba(236,200,123,.85);
  box-shadow:0 0 0 5px rgba(136,72,25,.92),0 0 0 7px rgba(239,208,139,.7), var(--shadow);
}
.hero-frame::before,.hero-frame::after,.panel::before,.panel::after,.card::before,.card::after,.video-card::before,.video-card::after,.contact-box::before,.contact-box::after{
  content:'❦';position:absolute;color:var(--gold);font-size:28px;line-height:1
}
.hero-frame::before{top:10px;left:16px}.hero-frame::after{top:10px;right:16px}
.panel::before,.card::before,.video-card::before,.contact-box::before{top:10px;left:16px}
.panel::after,.card::after,.video-card::after,.contact-box::after{bottom:10px;right:16px;transform:rotate(180deg)}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:4px;font-size:12px;font-weight:700}
.logo-lockup{max-width:860px;margin:26px auto 18px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.34));border:1px solid rgba(235,206,135,.45);box-shadow:0 0 0 4px rgba(116,58,21,.9),0 0 0 6px rgba(237,196,112,.7)}
.hero h1,.page-title,h2,h3{font-family:'Cormorant Garamond',serif;line-height:1.08}
.hero h1{font-size:clamp(39px,4.3vw,58px);margin:20px 0 10px;color:var(--gold);text-wrap:balance}
.hero p{max-width:700px;margin:14px auto 0;color:#f7ead5;font-size:18px}
.title-blue{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:2px;color:#2d66ff;text-shadow:2px 2px 0 var(--blue-dark),4px 4px 0 #14050b;text-transform:uppercase}
.btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-block;border:1px solid #efd49d;padding:13px 24px;background:linear-gradient(#f2d189,#bd8540);color:#230911;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:1.35px;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s;box-shadow:0 12px 18px rgba(0,0,0,.15)}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn.secondary{background:transparent;color:var(--gold)}
.btn.ghost{background:transparent;color:var(--gold);border-color:rgba(240,215,154,.65)}
.wrap{max-width:1140px;margin:auto;padding:72px 24px}
.section-label{color:#ddb065;text-transform:uppercase;font-weight:700;letter-spacing:4px;font-size:11px}
.intro{text-align:center;max-width:820px;margin:0 auto 38px}
.intro h2,.page-title{font-size:clamp(42px,6vw,68px);color:var(--gold);margin:12px 0}
.intro p,.lead,.page-head p{font-size:18px;color:#ead6c7}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card,.panel,.contact-box,.video-card,.event,.placeholder,.illustration{
  background:linear-gradient(145deg, rgba(91,21,37,.95), rgba(38,8,15,.98));
  border:1px solid rgba(199,144,76,.92);
  box-shadow:var(--shadow);
}
.card{padding:28px 28px 26px;min-height:220px}
.card h3{font-size:33px;color:var(--gold);margin:8px 0}
.card p{color:#eeded2;margin:8px 0 10px}
.card a{color:#efc67b;text-decoration:none;font-weight:600}
.symbol{font-size:30px}
.band{background:linear-gradient(90deg,#2c0b14,#561523,#2c0b14);border-top:1px solid #8d5c2e;border-bottom:1px solid #8d5c2e}
.center{text-align:center}
.page-head{
  background:radial-gradient(circle at center top, rgba(140,37,60,.7), transparent 30%), linear-gradient(180deg,#561524,#250710 72%);
  text-align:center;padding:78px 20px 70px;border-bottom:1px solid #946332;position:relative;overflow:hidden;
}
.page-head::before,.page-head::after{content:'❦';position:absolute;top:50%;transform:translateY(-50%);font-size:60px;color:rgba(240,215,154,.25)}
.page-head::before{left:40px}.page-head::after{right:40px;transform:translateY(-50%) rotate(180deg)}
.page-title{margin-bottom:12px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.ornament{display:flex;align-items:center;gap:18px;justify-content:center;color:#eac680;margin:20px auto}.ornament:before,.ornament:after{content:"";height:1px;width:80px;background:#9e6d35}
.illustration{min-height:340px;padding:28px;display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 2px rgba(230,190,117,.58),var(--shadow)}
.illustration .big{font-family:'Cormorant Garamond',serif;font-size:65px;color:var(--gold);line-height:.95}
.illustration .sub{font-size:13px;text-transform:uppercase;letter-spacing:4px;color:#f4dbb2}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.panel{padding:28px}
.panel h3{font-size:30px;color:var(--gold);margin:5px 0 10px}
.event-list{display:grid;gap:15px}
.event{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;gap:15px}
.event strong{color:var(--gold);font-size:22px;font-family:'Cormorant Garamond',serif}.muted{color:#dbc2af}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.placeholder{aspect-ratio:4/3;display:grid;place-items:center;text-align:center;padding:20px;color:var(--gold);font-family:'Cormorant Garamond',serif;font-size:28px;box-shadow:inset 0 0 0 2px rgba(231,189,115,.48),var(--shadow)}
.note{padding:17px 20px;background:#38131c;border-left:3px solid #e6c07d;color:#ead5bf;margin:25px 0}
.contact-box{padding:35px}
.contact-box h2{font-size:42px;color:var(--gold);margin-top:0}
.text-link{color:#f4cb83}
.foot{border-top:1px solid #85572f;text-align:center;padding:34px 20px;color:#cdb5a5;font-size:12px;background:#140308}.foot a{margin:0 8px}
.editable{font-size:12px;color:#eec47f}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.video-card{padding:18px}
.video-card h3{font-size:30px;color:var(--gold);margin:6px 0 6px}
.video-card p{color:#ebdccc;margin:0 0 14px}
.video-card video{width:100%;border:1px solid rgba(236,200,123,.55);background:#000;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.highlight-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}
.logo-panel img{border:1px solid rgba(235,206,135,.45);box-shadow:0 0 0 4px rgba(116,58,21,.9),0 0 0 6px rgba(237,196,112,.68)}
.list{margin:0;padding-left:20px}.list li{margin:8px 0;color:#ecdccd}
.tagline{font-size:15px;color:#f6e6c8;letter-spacing:.4px}
.spaced{margin-top:28px}
@media(max-width:950px){
  .cards,.video-grid,.grid-2,.highlight-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
  .menu-toggle{display:block}
  nav ul{display:none;position:absolute;top:84px;left:0;right:0;background:#22070e;flex-direction:column;padding:24px;gap:18px;border-bottom:1px solid #c29253}
  nav ul.open{display:flex}
  .hero{min-height:640px}
  .hero-frame{padding:34px 20px 40px}
  .cards,.gallery,.video-grid,.grid-2,.split,.highlight-strip{grid-template-columns:1fr}
  .page-head::before,.page-head::after{display:none}
}
@media(max-width:560px){
  .hero::before,.hero::after{width:12%}
  .brand-title{font-size:23px}
  .brand-mark{width:41px;height:41px;font-size:24px}
  .wrap{padding:56px 18px}
  .btn-row{align-items:stretch}
  .btn{width:100%;text-align:center}
  .btn.secondary{margin-top:0}
  .event{align-items:flex-start;flex-direction:column}
}

/* Openingsanimatie op de homepage — eenmaal per browsersessie */
.opening-film[hidden]{display:none!important}
.opening-film{position:fixed;inset:0;z-index:1000;background:#080104;display:grid;place-items:center;overflow:hidden;opacity:1;transition:opacity .45s ease}
.opening-film.is-closing{opacity:0;pointer-events:none}
.opening-video{width:100%;height:100%;object-fit:contain;max-width:none;background:#080104}
.skip-opening{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:clamp(16px,4vw,50px);padding:12px 18px;background:rgba(30,5,12,.82);color:var(--gold);border:1px solid var(--gold-2);border-radius:4px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.6px}
.skip-opening:hover,.skip-opening:focus-visible{background:rgba(72,15,28,.98);outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:560px){.skip-opening{bottom:max(16px,env(safe-area-inset-bottom));right:16px}}
@media(prefers-reduced-motion:reduce){.opening-film{transition:none}}

/* Inhoudelijke versie 4 */
.price-heading{font-size:clamp(38px,6vw,62px);color:var(--gold);margin:12px 0}
.price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid rgba(225,178,95,.45)}
.price-row strong{font-family:'Cormorant Garamond',serif;font-size:29px;color:var(--gold)}
.single-video{max-width:900px;margin:0 auto}
.single-video video{aspect-ratio:16/9;object-fit:contain}

/* V5: echte foto's van Tante Poes & Sjon */
.duo-photo{max-width:790px;margin:0 auto 30px;text-align:center}.duo-photo img{display:block;width:100%;max-height:650px;object-fit:contain;background:#1d090e;border:4px solid #bc8543;box-shadow:0 0 0 2px #e9c987,0 18px 38px #0007}.photo-caption{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:22px;margin:12px 0 0}.photo-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photo-strip figure,.photo-gallery figure{padding:0;margin:0;overflow:hidden;border:2px solid #bd8a4f;background:#16060a;box-shadow:0 12px 22px #0006}.photo-strip img{width:100%;height:340px;object-fit:cover}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-gallery figure{display:flex;align-items:center;justify-content:center}.photo-gallery img{width:100%;height:380px;object-fit:contain}.photo-feature{padding-top:58px;padding-bottom:40px}.photo-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.photo-feature-grid h2{font-size:clamp(36px,4.7vw,58px);color:var(--gold);margin:12px 0}.photo-feature-grid p{font-size:18px;color:#ead6c7}.photo-feature-grid img{width:100%;max-height:470px;object-fit:cover;object-position:center 42%;border:4px solid #c2934f;box-shadow:0 0 0 2px #f3d89d,0 18px 40px #0007}@media(max-width:700px){.photo-feature-grid,.photo-strip,.photo-gallery{grid-template-columns:1fr}.photo-strip img{height:auto;max-height:480px;object-fit:contain}.photo-gallery img{height:auto;max-height:520px}}

/* V7: openingslogo hoger en visueel gecentreerd, ook op mobiele schermen. */
.opening-film{display:flex;align-items:center;justify-content:center;}
.opening-film[hidden]{display:none!important;}
.opening-video{width:100%;height:100%;object-fit:contain;object-position:center center;transform:translateY(-7vh);}
@media(max-width:700px){.opening-video{transform:translateY(-5vh);}}
@media(max-height:560px){.opening-video{transform:translateY(-3vh);}}

/* Videovoorbeeld filmquiz */
.quiz-video{max-width:880px;margin:52px auto;text-align:center;padding:30px 24px 36px;background:linear-gradient(145deg,#561523,#22070d);border:1px solid #c7904f;box-shadow:0 20px 40px #0005}
.quiz-video h2{font-size:clamp(34px,5vw,52px);color:var(--gold);margin:10px 0}
.quiz-video p{color:#f0dfce;margin:0 0 22px}
.quiz-video video{width:100%;height:auto;aspect-ratio:16/9;background:#050505;border:2px solid #b98949;box-shadow:0 12px 26px #0008}

/* V9: homepage-logo en titel passen volledig op smalle telefoons.
   Alleen de homepage-hero wordt op mobiel aangepast. */
@media (max-width: 600px) {
  .hero { padding: 45px 15px 62px; min-height: 0; }
  .hero-frame { width: 100%; max-width: 100%; min-width: 0; padding: 28px 12px 30px; }
  .hero .logo-lockup {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 18px auto 15px;
    object-fit: contain;
    box-sizing: border-box;
  }
  .hero h1 { font-size: clamp(25px, 7.3vw, 39px); overflow-wrap: anywhere; }
  .hero .title-blue { font-size: .95em; }
  .hero .eyebrow { letter-spacing: 2px; font-size: 10px; }
}

/* V11: uitnodiging met hoorbaar afspelen na gebruikersklik */
.opening-film [hidden]{display:none!important}
.opening-gate{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:26px;background:radial-gradient(ellipse at center,#5d1525 0%,#290611 62%,#080104 100%);text-align:center}
.opening-gate-inner{width:min(100%,680px);padding:42px 36px;border:1px solid #d4a452;outline:4px solid rgba(185,127,53,.4);background:rgba(27,4,12,.58);box-shadow:0 25px 70px #0009}
.opening-gate-kicker{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#f0d79a;font-weight:700}
.opening-gate h2{font-size:clamp(30px,5.4vw,58px);line-height:1.08;color:#f0d79a;margin:15px 0}
.opening-gate p{margin:0 0 26px;color:#f9e9d5}
.opening-start{border:1px solid #f2d89d;background:linear-gradient(#f4d58e,#bc8440);color:#260811;padding:17px 25px;font-size:14px;letter-spacing:.7px;font-weight:700;cursor:pointer;max-width:100%}
.opening-start:hover,.opening-start:focus-visible{filter:brightness(1.1);outline:2px solid #fff2ce;outline-offset:4px}
.opening-skip-text{display:block;margin:18px auto 0;border:0;background:transparent;color:#ead1a7;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:5px;padding:9px}
.opening-error{position:absolute;z-index:4;bottom:86px;left:20px;right:20px;text-align:center;color:#fff1d6;background:#310a18cc;padding:12px}
.opening-film .opening-video{position:relative;z-index:1}
.opening-film .skip-opening{z-index:3}
@media(max-width:600px){.opening-gate-inner{padding:34px 18px}.opening-gate-kicker{letter-spacing:2px}}


/* V12: subtiele panterprint-accenten, geïnspireerd op de outfit van Poes.
   Spaarzaam gebruikt op strategische plekken zodat de site chic en rustig blijft. */
:root{
  --leopard-dark: rgba(46,24,12,.92);
  --leopard-mid: rgba(101,63,28,.78);
  --leopard-warm: rgba(193,139,76,.32);
  --leopard-light: rgba(240,209,145,.18);
}
.hero-frame,
.opening-gate-inner,
.quiz-video,
.contact-box,
.band .panel{
  background-image:
    radial-gradient(circle at 12px 10px, var(--leopard-dark) 0 5px, transparent 5.5px),
    radial-gradient(circle at 37px 18px, var(--leopard-mid) 0 7px, transparent 7.5px),
    radial-gradient(circle at 23px 34px, var(--leopard-dark) 0 4px, transparent 4.5px),
    radial-gradient(circle at 52px 38px, var(--leopard-mid) 0 5px, transparent 5.5px),
    radial-gradient(circle at 42px 8px, var(--leopard-light) 0 12px, transparent 12.5px),
    linear-gradient(145deg, rgba(91,21,37,.95), rgba(38,8,15,.98));
  background-size: 74px 50px,74px 50px,74px 50px,74px 50px,74px 50px,auto;
  background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
  background-position: top right,top right,top right,top right,top right,center;
}
.hero-frame{
  background-size: 82px 56px,82px 56px,82px 56px,82px 56px,82px 56px,auto;
  background-position: right 24px top 22px,right 24px top 22px,right 24px top 22px,right 24px top 22px,right 24px top 22px,center;
}
.opening-gate-inner{
  background-size: 88px 58px,88px 58px,88px 58px,88px 58px,88px 58px,auto;
  background-position: right 20px top 18px,right 20px top 18px,right 20px top 18px,right 20px top 18px,right 20px top 18px,center;
}
.quiz-video,
.contact-box,
.band .panel{
  background-size: 76px 52px,76px 52px,76px 52px,76px 52px,76px 52px,auto;
  background-position: right 18px top 18px,right 18px top 18px,right 18px top 18px,right 18px top 18px,right 18px top 18px,center;
}
.photo-caption::before,
.section-label.leopard-tag::after{
  content:'✦';
  color:#d9b06d;
  margin-right:8px;
}
.price-heading::after,
.quiz-video h2::after,
.contact-box h2::after{
  content:'  ✦';
  color:#d9b06d;
  font-size:.62em;
  vertical-align:middle;
}
@media(max-width:700px){
  .hero-frame,
  .opening-gate-inner,
  .quiz-video,
  .contact-box,
  .band .panel{
    background-size: 58px 42px,58px 42px,58px 42px,58px 42px,58px 42px,auto;
  }
  .hero-frame{background-position:right 12px top 14px,right 12px top 14px,right 12px top 14px,right 12px top 14px,right 12px top 14px,center;}
  .opening-gate-inner,.quiz-video,.contact-box,.band .panel{background-position:right 12px top 14px,right 12px top 14px,right 12px top 14px,right 12px top 14px,right 12px top 14px,center;}
}

/* V13: herkenbare maar spaarzaam aangebrachte panterprint-sierstroken. */
.opening-gate-inner,.hero-frame,.band .panel,.quiz-video,.contact-box{position:relative}
.leopard-trim{
  display:block;
  height:24px;
  margin-top:22px;
  background:#cba16a url('images/panterprint-sierstrook.svg') repeat-x left center / 180px 34px;
  border:1px solid #eacb91;
  border-radius:2px;
  box-shadow:0 2px 8px #0006;
  opacity:.95;
}
.opening-gate-inner .leopard-trim{margin-top:26px}
.hero-frame .leopard-trim{max-width:680px;margin:28px auto 0}
.band .panel .leopard-trim{margin-top:25px}
.quiz-video .leopard-trim,.contact-box .leopard-trim{margin-top:26px}
@media(max-width:600px){.leopard-trim{height:18px;background-size:135px 26px;margin-top:20px}}


/* V14: echte panterprint op basis van het geüploade voorbeeld. */
.hero-frame,
.opening-gate-inner,
.quiz-video,
.contact-box,
.band .panel{
  background-image: linear-gradient(145deg, rgba(91,21,37,.95), rgba(38,8,15,.98));
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}
.opening-gate-inner{background-image: linear-gradient(180deg, rgba(27,4,12,.72), rgba(27,4,12,.72)), radial-gradient(ellipse at center,#5d1525 0%,#290611 62%,#080104 100%);}
.leopard-trim{
  display:block;
  height:30px;
  margin-top:22px;
  background-image: linear-gradient(rgba(255,255,255,.02), rgba(0,0,0,.08)), url('images/panterprint-voorbeeld.jpg');
  background-repeat: repeat-x, repeat-x;
  background-position: center, center;
  background-size: auto, 180px 30px;
  border:1px solid #eacb91;
  border-radius:2px;
  box-shadow:0 2px 8px #0006;
  opacity:.99;
}
.hero-frame .leopard-trim{max-width:680px;margin:28px auto 0}
.opening-gate-inner .leopard-trim,.band .panel .leopard-trim,.quiz-video .leopard-trim,.contact-box .leopard-trim{margin-top:26px}
@media(max-width:600px){
  .leopard-trim{height:22px;background-size:auto, 132px 22px;margin-top:20px}
}


/* V16: gebruik de door de gebruiker gemaakte herkenbare panterbalk. */
.leopard-trim{
  display:block;
  height:38px;
  margin-top:22px;
  background-image:url('images/panterbalk-poes-sjon.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
  border:1px solid #eacb91;
  border-radius:2px;
  box-shadow:0 2px 8px #0006;
  opacity:1;
}
.hero-frame .leopard-trim{max-width:680px;margin:28px auto 0}
.opening-gate-inner .leopard-trim,.band .panel .leopard-trim,.quiz-video .leopard-trim,.contact-box .leopard-trim{margin-top:26px}
@media(max-width:600px){
  .leopard-trim{height:28px;margin-top:20px}
}


/* V17: panterbalk verfijnd — langer, dunner en luxer met subtiele glans/3D-afwerking. */
.leopard-trim{
  display:block;
  width:min(100%, 860px);
  height:28px;
  margin:24px auto 0;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.10) 22%, rgba(255,255,255,0) 38%, rgba(0,0,0,.05) 72%, rgba(0,0,0,.18) 100%),
    linear-gradient(90deg, rgba(255,240,210,.22) 0%, rgba(255,240,210,0) 18%, rgba(255,255,255,.18) 52%, rgba(255,240,210,0) 82%, rgba(255,240,210,.18) 100%),
    url('images/panterbalk-poes-sjon.png');
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position:center,center,center;
  background-size:100% 100%,100% 100%,100% 100%;
  border:1px solid rgba(234,203,145,.95);
  border-radius:3px;
  box-shadow:
    inset 0 1px 0 rgba(255,248,227,.55),
    inset 0 -2px 5px rgba(38,15,7,.28),
    0 3px 10px rgba(0,0,0,.28);
  opacity:1;
}
.hero-frame .leopard-trim{max-width:760px; margin:28px auto 0;}
.opening-gate-inner .leopard-trim{max-width:520px; margin:28px auto 0;}
.band .panel .leopard-trim,
.quiz-video .leopard-trim,
.contact-box .leopard-trim{max-width:100%;}
@media(max-width:600px){
  .leopard-trim{
    width:min(100%, 100%);
    height:22px;
    margin-top:20px;
    background-size:100% 100%,100% 100%,100% 100%;
  }
  .hero-frame .leopard-trim{max-width:100%;}
  .opening-gate-inner .leopard-trim{max-width:100%;}
}


/* V22 — recensies op de homepage */
.testimonials{padding-top:74px;padding-bottom:70px}
.testimonials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.testimonial-card{position:relative;margin:0;padding:34px 34px 30px;background:linear-gradient(145deg,#4f1422,#270811);border:1px solid #c29454;box-shadow:0 14px 30px #0f020775;display:flex;flex-direction:column;min-width:0}
.testimonial-card:before,.testimonial-card:after{content:'❦';position:absolute;color:#d5a96a;font-size:27px;line-height:1}
.testimonial-card:before{top:10px;right:14px}.testimonial-card:after{bottom:10px;left:14px;transform:rotate(180deg)}
.testimonial-mark{font-family:Georgia,serif;color:#d7ad6b;font-size:72px;line-height:.65;opacity:.85;margin:8px 0 18px}
.testimonial-card blockquote{margin:0;flex:1}
.testimonial-card h3{font-family:'Cormorant Garamond',serif;font-size:clamp(29px,3vw,37px);font-weight:700;line-height:1.1;color:var(--gold);margin:0 0 17px}
.testimonial-card p{font-size:16px;line-height:1.8;color:#f3dfcd;margin:0 0 26px}
.testimonial-card figcaption{border-top:1px solid #c2945475;padding-top:17px;display:flex;flex-direction:column;gap:1px}
.testimonial-card figcaption strong{color:#f0d79a;font-size:14px}
.testimonial-card figcaption span{color:#d9bea8;font-size:12px}
@media(max-width:750px){.testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:28px 24px}.testimonials{padding-top:50px;padding-bottom:50px}}