*{box-sizing:border-box} :root{--bg:#111;--ink:#f8f5ef;--muted:#b4afa7;--orange:#ff6d2d;--lime:#d5f45b;--line:#353431;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.header{height:82px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#111;position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff12}.logo{display:flex;align-items:center;gap:11px}.logo-symbol{font:700 42px/.9 var(--display);letter-spacing:-.13em;transform:rotate(-5deg)}.logo-symbol span{color:var(--orange)}.logo-text{font:700 12px var(--display);letter-spacing:.1em;line-height:1.25}.logo-text small{display:block;font:600 8px var(--body);letter-spacing:.16em;color:#96918a;margin-top:5px}.nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.nav>a:not(.nav-button){color:#c8c3bb}.nav>a:hover{color:var(--orange)}.nav-button{background:var(--orange);color:#17120e;padding:12px 16px}.nav-button span{margin-left:15px}.menu-toggle{display:none;background:none;border:0}.hero{position:relative;min-height:650px;padding:74px 7% 60px;display:flex;align-items:center;overflow:hidden;isolation:isolate;background-image:linear-gradient(90deg,rgba(10,10,10,.08) 0%,rgba(10,10,10,.04) 48%,rgba(10,10,10,0) 100%),url("images/hero-banner.png");background-size:cover;background-position:center}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(12,12,12,.16),transparent 65%)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-copy{align-self:center;z-index:2;max-width:52%;padding:12px 0;text-shadow:0 2px 22px #0008}.pill{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #4b4038;border-radius:30px;font-size:9px;letter-spacing:.13em;color:#d5cec4;margin-bottom:24px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #d5f45b99}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.075em;line-height:.91}h1{font-size:clamp(62px,7.6vw,110px);margin-bottom:24px}h1 span{color:var(--orange);display:inline-block;transform:rotate(-2deg)}.hero-copy>p{max-width:440px;font-size:14px;color:#bcb6ae;line-height:1.85}.hero-copy>p strong{color:#fff}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 18px;border:0;font-size:11px;font-weight:800;transition:transform .2s,background .2s;cursor:pointer}.btn:hover{transform:translateY(-3px)}.btn-orange{background:var(--orange);color:#17110e}.btn-orange:hover{background:#ff8957}.btn-line{border:1px solid #55504a;color:#f5f1e9}.btn-line span{color:var(--lime)}.hero-mini{display:flex;align-items:center;gap:11px;margin-top:36px;font-size:11px;color:#a9a39a}.hero-mini b{color:#f4efe8}.mini-star{color:var(--lime);font-size:23px}.hero-art{display:none}.photo-frame{position:absolute;inset:10px 0 22px 18px;transform:rotate(2deg);border:1px solid #ff6d2d66;background:#25201b;overflow:hidden;clip-path:polygon(7% 0,100% 0,100% 89%,88% 100%,0 100%,0 12%)}.photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111b,transparent 50%),linear-gradient(90deg,#ff6d2d18,transparent 60%)}.photo-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.05)}.sticker{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50%;font-family:var(--display);font-weight:700;line-height:.9;box-shadow:0 10px 35px #0007}.sticker-top{width:112px;height:112px;right:-8px;top:-4px;background:var(--lime);color:#181a10;font-size:21px;transform:rotate(9deg)}.sticker-top b{color:#e34e1c}.sticker-bottom{width:104px;height:104px;left:-15px;bottom:4px;background:var(--orange);color:#17110e;transform:rotate(-12deg)}.sticker-bottom span{font-size:22px}.sticker-bottom small{font:700 7px var(--body);letter-spacing:.12em;margin-top:5px}.sound-bars{position:absolute;right:8%;bottom:65px;display:flex;align-items:center;gap:4px;height:35px;z-index:3}.sound-bars i{width:3px;height:var(--h,18px);background:var(--lime);border-radius:3px}.sound-bars i:nth-child(3n){--h:30px}.sound-bars i:nth-child(3n+1){--h:12px}.sound-bars i:nth-child(4n){--h:23px}.photo-note{position:absolute;right:5%;bottom:24px;font-size:8px;letter-spacing:.2em;color:#e9e2d8}.hero-bottom{position:absolute;bottom:17px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#8d877e}.hero-bottom b{color:var(--orange);font-size:13px;margin-left:6px}.proof{padding:78px 8%;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;background:#f1eee7;color:#171615}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.18em;color:var(--orange);display:block;margin-bottom:17px}.proof h2,.section-head h2{font-size:clamp(42px,5.2vw,68px);margin:0}.proof h2 span{color:var(--orange)}.proof-right>p{max-width:490px;color:#625e58;font-size:14px;margin:3px 0 24px}.venue-list{display:flex;flex-wrap:wrap;gap:8px}.venue-list span{padding:9px 12px;border:1px solid #c9c3b9;border-radius:30px;font:700 9px var(--display);letter-spacing:.06em}.venue-list span:nth-child(1),.venue-list span:nth-child(2){background:#171615;color:#f1eee7;border-color:#171615}.booking-strip{position:relative;padding:45px 8%;background:var(--orange);color:#16110e;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden}.booking-strip .eyebrow{color:#54210f;margin-bottom:10px}.booking-strip h2{font-size:clamp(29px,3.5vw,43px);margin:0}.booking-strip h2 em{font-style:normal;color:#fff5e9}.btn-dark{background:#171615;color:#fff}.strip-spark{font-size:130px;line-height:1;position:absolute;right:31%;top:-28px;color:#ff9b6f;opacity:.35;pointer-events:none}.projects{padding:94px 7% 105px;background:#141414}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2 span{color:var(--lime)}.section-head>p{max-width:330px;color:#a9a39b;font-size:13px;line-height:1.8;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.project-card{display:flex;flex-direction:column;min-width:0;background:#1d1d1b;border:1px solid #373531;transition:transform .22s,border-color .22s;overflow:hidden}.project-card:hover{transform:translateY(-5px);border-color:var(--orange)}.project-top{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#a8a197;font-size:8px;letter-spacing:.15em}.project-arrow{font-size:15px;color:var(--orange)}.project-art{height:230px;position:relative;overflow:hidden;padding:22px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.project-art:before{content:"";position:absolute;inset:0;z-index:-1}.project-art strong{font:700 clamp(32px,3.7vw,49px)/.85 var(--display);letter-spacing:-.09em}.project-art small{font-size:8px;letter-spacing:.17em}.xmas-art{background:linear-gradient(135deg,#542317,#1d1714 70%)}.xmas-art:before{background:radial-gradient(circle at 80% 25%,#ff8c363b,transparent 30%),repeating-linear-gradient(130deg,transparent 0 20px,#ffffff0a 21px 22px)}.xmas-art strong{color:#fff0df}.xmas-art small{color:#ffb77f}.xmas-spark{position:absolute;right:22px;top:16px;color:var(--orange);font-size:47px}.radio-art{background:linear-gradient(130deg,#3e271b,#181512)}.radio-art:before{background:repeating-radial-gradient(ellipse at 90% 50%,transparent 0 13px,#ff6d2d25 14px 16px)}.radio-art>small{color:#ffc096}.radio-art strong{font-size:42px}.radio-wave{position:absolute;right:15px;bottom:12px;font-size:45px;color:var(--orange);opacity:.65}.roy-art{background:linear-gradient(130deg,#3e4c1d,#171a12)}.roy-art:before{background:radial-gradient(circle at 75% 30%,#d5f45b30,transparent 34%)}.roy-label{font:700 10px var(--display);letter-spacing:.16em;color:var(--lime)}.roy-label b{color:var(--orange)}.roy-art strong{font-size:39px}.roy-art small{color:#d5f45b}.adem-art{background:linear-gradient(130deg,#23423f,#111c1b)}.adem-art:before{background:radial-gradient(ellipse at 80% 40%,#9ac7ae22,transparent 50%)}.adem-art>small{color:#b6d7c9}.adem-art strong{font-size:29px;line-height:.78;letter-spacing:-.1em}.breath-ring{position:absolute;width:155px;height:155px;border:1px solid #c5e2d344;border-radius:50%;right:24px;top:32px;box-shadow:0 0 0 15px #c5e2d30a,0 0 0 32px #c5e2d307}.adem-tag{position:absolute;right:17px;bottom:18px;font-size:8px;letter-spacing:.12em;color:#c4e0d5}.kitchen-art{background:linear-gradient(130deg,#5a311e,#211812)}.kitchen-art:before{background:repeating-linear-gradient(45deg,transparent 0 18px,#ffb77e0d 19px 20px)}.kitchen-art small{color:#ffc18d}.kitchen-art strong{font-size:39px}.kitchen-spark{position:absolute;right:18px;top:24px;font-size:50px;color:var(--orange)}.more-art{background:var(--lime);color:#171a10}.more-art:before{background:repeating-linear-gradient(-45deg,transparent 0 20px,#171a100d 21px 22px)}.more-art strong{font-size:39px}.more-art small{color:#4b551c}.more-art{padding:0;background:#111}.more-art:before{display:none}.more-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s}.project-more:hover .more-art img{transform:scale(1.035)}.more-plus{position:absolute;right:17px;top:14px;font-size:47px;font-weight:300}.project-bottom{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:17px 16px 19px;flex:1}.project-bottom h3{font:700 17px var(--display);letter-spacing:-.04em;margin:0 0 5px}.project-bottom p{font-size:10px;line-height:1.65;color:#a7a198;margin:0;max-width:260px}.round-arrow{width:30px;height:30px;flex:0 0 30px;border:1px solid #55504a;border-radius:50%;display:grid;place-items:center;color:var(--orange)}.booking{padding:95px 8%;background:#f1eee7;color:#171615;display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;position:relative;overflow:hidden}.booking-content{position:relative;z-index:1}.booking-content h2{font-size:clamp(46px,5.4vw,72px);margin:0 0 23px}.booking-content h2 em{font-style:normal;color:var(--orange)}.booking-content>p{font-size:13px;color:#625d56;max-width:390px;line-height:1.85}.booking-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.booking-tags span{border:1px solid #c8c1b6;border-radius:20px;padding:7px 10px;font-size:8px;letter-spacing:.1em;font-weight:800}.booking-doodle{position:absolute;left:-25px;bottom:-25px;font:700 58px/.8 var(--display);letter-spacing:-.1em;transform:rotate(-12deg);color:#e4ded3;pointer-events:none}.booking-doodle span{color:#e7b59d}.booking-form{position:relative;z-index:1;padding:28px;background:#fffdf8;border:1px solid #d6d0c6;box-shadow:10px 10px 0 #ded7ca}.form-title{display:flex;justify-content:space-between;align-items:center;font:700 13px var(--display);letter-spacing:.04em;margin-bottom:24px}.form-title span{color:var(--orange);font-size:23px}.booking-form label{display:block;font-size:10px;font-weight:700;margin-bottom:7px}.booking-form input,.booking-form select,.booking-form textarea{width:100%;border:1px solid #d9d2c8;background:#f8f5ef;color:#171615;padding:12px;font-size:11px;margin-bottom:15px;border-radius:0;outline:none}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{border-color:var(--orange)}.booking-form input::placeholder,.booking-form textarea::placeholder{color:#aaa196}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.booking-form textarea{resize:vertical}.form-submit{width:100%;margin-top:3px}.form-note{font-size:9px;color:#817a70;line-height:1.6;margin:12px 0 0}.form-status{font-size:10px;color:#a23d13;margin:8px 0 0}.footer{background:#0b0b0b;padding:36px 7% 20px;display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center}.footer>p{font-size:11px;color:#9c968d;margin:0}.footer>a:nth-of-type(2){font-size:11px;font-weight:700}.footer>a:nth-of-type(2) span{color:var(--orange);margin-left:10px}.footer-bottom{grid-column:1/-1;border-top:1px solid #2a2926;padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#777168;font-size:8px;letter-spacing:.13em}.footer-bottom a{color:#aaa49a}
@media(max-width:1000px){.hero{padding-left:5%;padding-right:5%;gap:2%;background-position:58% center}.hero-copy{max-width:55%}.hero-art{min-height:440px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof{padding-left:6%;padding-right:6%}.booking{padding-left:6%;padding-right:6%;gap:5%}}
@media(max-width:700px){.header{height:70px;padding:0 5%}.logo-symbol{font-size:36px}.logo-text{font-size:10px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:8px}.menu-toggle span{display:block;width:23px;height:2px;background:#fff}.nav{display:none;position:absolute;top:70px;left:0;right:0;padding:22px 5% 25px;background:#111;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid #333}.nav.open{display:flex}.nav-button{text-align:center}.hero{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:650px;padding:48px 6% 55px;gap:0;background-position:62% center}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,12,12,.88),rgba(12,12,12,.56) 58%,rgba(12,12,12,.08))}.hero-copy{max-width:100%;width:100%;padding-top:10px}.hero h1{font-size:clamp(64px,15vw,92px)}.pill{font-size:8px}.hero-copy>p{font-size:13px}.hero-art{min-height:370px;margin-top:36px}.photo-frame{inset:8px 5px 20px 12px}.sticker-top{width:90px;height:90px;font-size:17px;right:0}.sticker-bottom{width:85px;height:85px;left:-3px}.sticker-bottom span{font-size:18px}.hero-bottom{left:6%;right:6%;bottom:16px;font-size:7px}.proof{grid-template-columns:1fr;gap:25px;padding:60px 6%}.proof h2,.section-head h2{font-size:51px}.proof-right>p{font-size:13px}.venue-list span{font-size:8px}.booking-strip{padding:35px 6%;align-items:flex-start;flex-direction:column;gap:20px}.booking-strip h2{font-size:34px}.strip-spark{right:-10px;top:8px;font-size:100px}.projects{padding:65px 6%}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:20px}.project-grid{grid-template-columns:1fr;gap:15px}.project-art{height:245px}.project-art strong{font-size:50px}.radio-art strong,.kitchen-art strong,.roy-art strong,.more-art strong{font-size:46px}.booking{grid-template-columns:1fr;gap:35px;padding:65px 6%}.booking-content h2{font-size:54px}.booking-doodle{font-size:38px;left:auto;right:-12px;bottom:35%;opacity:.7}.booking-form{padding:21px 16px;box-shadow:6px 6px 0 #ded7ca}.form-row{grid-template-columns:1fr;gap:0}.footer{grid-template-columns:1fr auto;gap:17px;padding:30px 6% 18px}.footer>p{grid-column:1/-1;grid-row:2}.footer>a:nth-of-type(2){grid-column:1/-1;grid-row:3}.footer-bottom{flex-wrap:wrap;line-height:1.8}.footer-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.quiz-art{background:linear-gradient(135deg,#4a2418,#191512 75%);color:#fff2e5}
.quiz-art:before{background:repeating-radial-gradient(circle at 80% 35%,transparent 0 14px,#ff6d2d20 15px 16px)}
.quiz-art small{color:#ffb78d}
.quiz-art strong{font-size:clamp(29px,3.4vw,43px)}
.quiz-burst{position:absolute;right:19px;top:15px;width:58px;height:58px;display:grid;place-items:center;background:var(--lime);color:#191b12;border-radius:50%;font:700 38px var(--display);transform:rotate(10deg)}
.quiz-tag{font-size:7px;letter-spacing:.12em;color:#f4c6a8}

/* Echte projectvisuals aangeleverd door Barry */
.project-art{padding:0;background:#181818}
.project-art:before{content:none}
.project-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.project-card:hover .project-art img{transform:scale(1.035)}
@media(prefers-reduced-motion:reduce){.project-art img{transition:none}}

.social-media{padding:88px 7% 96px;background:#101010;border-top:1px solid #282725}.social-heading{margin-bottom:34px}.social-heading h2 span{color:var(--orange)}.social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:34px}.social-link{display:flex;align-items:center;gap:12px;padding:17px 14px;border:1px solid #34322e;background:#191918;transition:border-color .2s,transform .2s}.social-link:hover{border-color:var(--orange);transform:translateY(-3px)}.social-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;background:#292521;color:var(--orange);font-size:24px;font-weight:800;border-radius:50%}.social-link>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.social-link strong{font:700 13px var(--display)}.social-link small{font-size:9px;color:#a9a39b;margin-top:3px}.social-link>b{margin-left:auto;color:var(--orange)}.media-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.media-panel{padding:24px;background:#1a1a19;border:1px solid #35332f;min-width:0}.media-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.media-panel-heading .eyebrow{margin-bottom:7px}.media-panel h3{font:700 24px var(--display);letter-spacing:-.05em;margin:0}.text-link{font-size:10px;font-weight:700;color:var(--orange);white-space:nowrap}.instagram-panel>p{font-size:12px;color:#b5afa6;max-width:380px;margin:0 0 20px}.feed-note{display:block;margin-top:17px;font-size:9px;line-height:1.7;color:#888178}.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#050505}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:1000px){.social-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.social-media{padding:62px 6%}.social-links{grid-template-columns:1fr;gap:9px}.media-feature-grid{grid-template-columns:1fr}.media-panel{padding:18px}.media-panel-heading{align-items:flex-start;flex-direction:column}.footer-socials{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:15px}.footer-socials a{font-size:10px;color:#c7c0b6}}


/* Widescreen hero refinement: keep Barry's full portrait visible on large monitors */
@media (min-width: 1001px) {
  .hero {
    min-height: clamp(560px, 38vw, 760px);
    padding: clamp(48px, 5vw, 82px) 7% 64px;
    background-size: cover;
    background-position: center 24%;
  }
  .hero-copy {
    width: min(48%, 650px);
    max-width: 650px;
    margin-left: 0;
    flex: 0 0 48%;
  }
  .hero h1 {
    font-size: clamp(58px, 5.3vw, 96px);
  }
}
@media (min-width: 1600px) {
  .hero {
    min-height: min(68vh, 820px);
    background-position: center 22%;
  }
  .hero-copy {
    width: min(46%, 700px);
    flex-basis: 46%;
  }
}