/*
Theme Name: Nomad Studio met video’s
Description: Studio-ontwerp met goud, zwart, wit en linkernavigatie.
Version: 1.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: nomad-studio
*/
*{box-sizing:border-box}body{margin:0;background:#faf8f3;color:#ffffff;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#080808;color:#faf8f3;padding:38px 28px;display:flex;flex-direction:column;border-right:1px solid #ffffff20;z-index:10}.brand{font-family:Georgia,serif;font-size:27px;letter-spacing:3px}.brand small{display:block;font:10px Arial;letter-spacing:4px;margin-top:9px;color:#c6a355}.symbol{font-size:48px;color:#c6a355;margin-bottom:16px}nav{display:flex;flex-direction:column;gap:8px;margin-top:64px}nav a{padding:14px 0;border-bottom:1px solid #ffffff20;font-size:14px;display:flex;justify-content:space-between}nav a:hover,nav a[aria-current]{color:#e4c477}aside .note{margin-top:auto;font-size:11px;line-height:1.8;color:#bdbbb5}main,footer{margin-left:240px}.hero{padding:70px 7% 64px;min-height:650px;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:bold;color:#c6a355}.hero h1{font-family:Georgia,serif;font-size:clamp(54px,6.7vw,102px);font-weight:normal;letter-spacing:-4px;line-height:1.02;max-width:850px;margin:35px 0}.hero h1 em{color:#c6a355}.lead{max-width:550px;font-size:17px;line-height:1.8;color:#c5c2bb}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{background:#c6a355;color:#fff;padding:17px 23px;display:inline-block;font-size:12px;border:1px solid #c6a355}.button.light{background:transparent;color:#c6a355}.button:hover{background:#e4c477;color:#fff;border-color:#e4c477}.stamp{position:absolute;right:6%;bottom:60px;width:120px;height:120px;border:1px solid #c6a35566;border-radius:50%;display:grid;place-content:center;text-align:center;font:12px Georgia;color:#c6a355;line-height:1.7;transform:rotate(-12deg)}.strip{background:#c6a355;padding:19px 7%;font-size:11px;letter-spacing:2px;display:flex;justify-content:space-between;gap:20px}.section{padding:68px 7%}.section h2{font:normal clamp(32px,4vw,51px) Georgia;margin:15px 0 32px}.shows{display:grid;grid-template-columns:1fr 1fr;gap:24px}.show{min-height:350px;padding:34px;display:flex;flex-direction:column;position:relative;overflow:hidden}.show.moral{background:#17140d;color:#ffffff}.show.grinta{background:#101010;color:#ffffff}.show .art{font:italic 100px Georgia;opacity:.2;position:absolute;right:5px;top:30px;transform:rotate(-15deg)}.show h3{font:normal 44px Georgia;margin:35px 0 12px}.show p{max-width:330px;line-height:1.7;font-size:14px}.show .link{margin-top:auto;padding-top:25px;font-size:12px;letter-spacing:1px}.show:hover .link{text-decoration:underline}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;border-top:1px solid #c6a35535}.split p,.prose p{font-size:16px;line-height:1.9;color:#c5c2bb}.quote{background:#15130e;padding:45px;font:italic 31px/1.4 Georgia}.contact{background:#101010}.contact a.email{font:normal clamp(20px,3vw,40px) Georgia;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:8px}footer{padding:30px 7%;background:#080808;color:#bdbbb5;font-size:11px;display:flex;justify-content:space-between;gap:20px}footer a{color:#e4c477}.prose{max-width:720px}.back{font-size:12px;text-decoration:underline}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.details div{border-top:1px solid #c6a35540;padding-top:20px;line-height:1.7;font-size:14px}details.mobile{display:none}@media(max-width:1000px){.stamp{display:none}.hero h1{letter-spacing:-2px}.shows,.split{gap:20px}.show{padding:25px}}@media(max-width:760px){aside{position:relative;width:100%;padding:20px 6%;display:block}.symbol{display:none}.brand{font-size:23px}.brand small{font-size:8px}.note,aside>nav{display:none}details.mobile{display:block;margin-top:18px}summary{cursor:pointer;font-size:13px}details nav{margin-top:12px}main,footer{margin-left:0}.hero{padding:45px 6%;min-height:0}.hero h1{font-size:57px;margin-top:26px}.lead{font-size:16px}.section{padding:45px 6%}.shows,.split,.details{grid-template-columns:1fr}.strip{font-size:9px;line-height:1.7;padding:16px 6%;flex-wrap:wrap}.show{min-height:310px}.quote{font-size:27px}footer{flex-direction:column}.actions .button{padding:15px 18px}}
/* Nomad's original gold, black and white identity. */
body{background:#080808;color:#fff}.original-logo{display:block;width:188px;max-width:100%;height:auto}.brand{display:block}aside{border-color:#c6a35540;background:linear-gradient(180deg,#10100f,#050505)}nav a{color:#e6e3dc}nav a[aria-current]{color:#e4c477;border-color:#c6a355}.hero{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.27)),linear-gradient(0deg,#080808,transparent 48%),url('assets/woestijn.avif') center 55%/cover;min-height:740px}.hero h1{text-shadow:0 2px 35px #0006}.hero .lead{color:#e5e0d5;text-shadow:0 1px 8px #000}.eyebrow{color:#d6b66d}.button{color:#080808;font-weight:bold}.button.light{color:#e4c477;background:#0005}.button:hover{color:#080808}.strip{color:#080808}.section{background:#080808}.contact{background:#11100d;border-top:1px solid #c6a35535}.show{border:1px solid #c6a35555;transition:border-color .2s,transform .2s}.show:hover{border-color:#e4c477;transform:translateY(-3px)}.show.moral{background:radial-gradient(ellipse at top right,#5a4328 0%,#18140d 65%)}.show.grinta{background:radial-gradient(ellipse at top right,#3c3526 0%,#101010 65%)}.show .art,.show .link{color:#d6b66d}.quote{color:#e4c477;border-left:2px solid #c6a355}.stamp{color:#e4c477;background:#08080880}a:focus-visible,summary:focus-visible{outline:2px solid #e4c477;outline-offset:5px}footer{border-top:1px solid #c6a35535}@media(max-width:760px){.original-logo{width:180px}.hero{min-height:640px;background-position:62% center}.hero h1{font-size:55px}.hero .lead{font-size:16px}.brand{max-width:190px}}@media(prefers-reduced-motion:reduce){.show{transition:none}.show:hover{transform:none}}

.listen-section{border-top:1px solid #c6a35535;padding-top:60px;padding-bottom:76px}.listen-heading h2{margin:16px 0 12px;font-size:clamp(34px,4vw,52px)}.listen-heading>p{font-size:15px;line-height:1.7;color:#b9b5ad;margin:0 0 32px}.listen-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.listen-card{display:flex;align-items:center;gap:18px;padding:28px 24px;background:linear-gradient(135deg,#1b1811,#101010);border:1px solid #c6a35555;border-radius:4px;text-decoration:none;transition:border-color .2s,background .2s}.listen-card:hover{border-color:#e4c477;background:#211c12}.listen-icon{width:46px;height:46px;flex-shrink:0;color:#d6b66d}.listen-icon svg{display:block;width:100%;height:100%}.listen-card-text{display:flex;flex-direction:column;gap:8px}.listen-label{font-size:23px;font-weight:600;letter-spacing:-.5px;color:#fff}.listen-desc{font-size:12px;color:#b9b5ad;line-height:1.6}.listen-action{margin-left:auto;color:#e4c477;font-size:11px;letter-spacing:.5px;border-bottom:1px solid #c6a35566;padding-bottom:4px}.listen-card:focus-visible{outline:2px solid #e4c477;outline-offset:5px}@media(max-width:1100px){.listen-grid{grid-template-columns:1fr}}@media(max-width:480px){.listen-card{padding:22px 16px;gap:14px}.listen-icon{width:36px;height:36px}.listen-action{display:none}}@media(prefers-reduced-motion:reduce){.listen-card{transition:none}}

.nomad-form{max-width:650px;display:grid;gap:12px}.nomad-form input,.nomad-form textarea{width:100%;padding:14px;background:#151515;color:white;border:1px solid #c6a35580;font:inherit}.nomad-form label{margin-top:10px;color:#e4c477}.nomad-form p{color:#c5c2bb;font-size:13px;line-height:1.7}.nomad-form button{justify-self:start;cursor:pointer}

/* Original podcast logos, softly blended into the dark cards. */
.show .podcast-watermark{position:absolute;right:-4%;top:-15%;width:77%;height:130%;object-fit:contain;opacity:.14;filter:grayscale(1) invert(1) sepia(.65);mix-blend-mode:screen;pointer-events:none;z-index:0}.show>:not(.podcast-watermark){position:relative;z-index:1}.podcast-hero .podcast-watermark{opacity:.09;filter:grayscale(1) invert(1) sepia(.65);mix-blend-mode:screen}.show{isolation:isolate}@media(max-width:760px){.show .podcast-watermark{width:80%;right:-8%;opacity:.12}}

.show .podcast-watermark,.podcast-hero .podcast-watermark{filter:none;mix-blend-mode:normal;opacity:.055;object-fit:contain;width:48%;height:105%;right:0;top:-2%;-webkit-mask-image:var(--podcast-cutout);mask-image:var(--podcast-cutout);-webkit-mask-size:100% 100%;mask-size:100% 100%}.show .podcast-watermark[src*="grinta"]{width:48%;right:-1%}.show h3{font-family:Arial,sans-serif;font-size:34px;font-weight:600;letter-spacing:-1.1px;margin:36px 0 16px}.show p{font-size:14px;line-height:1.75;max-width:310px}.show .link{font-size:10px;letter-spacing:1.6px}.podcast-hero{min-height:540px}.podcast-hero h1{font-family:Arial,sans-serif;font-weight:600;font-size:clamp(48px,6vw,86px);letter-spacing:-3px;line-height:1.1}.podcast-hero .podcast-watermark{opacity:.045;width:40%;right:5%;height:95%;top:0}.show.moral,.show.grinta{background:#11100d}@media(max-width:760px){.show .podcast-watermark{opacity:.045;width:50%}.show h3{font-size:31px}.podcast-hero{min-height:480px}.podcast-hero h1{font-size:48px;letter-spacing:-2px}}

.podcast-watermark[src*="moral"]{--podcast-cutout:url('assets/moral-mask.png')}.podcast-watermark[src*="grinta"]{--podcast-cutout:url('assets/grinta-mask.png')}

.podcast-watermark{-webkit-mask-size:contain!important;mask-size:contain!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}

.show .podcast-watermark,.show .podcast-watermark[src*="grinta"]{opacity:.16;width:58%;right:-2%}.podcast-hero .podcast-watermark{opacity:.12}.nomad-form input,.nomad-form textarea{display:block;min-height:50px;border-radius:3px}.nomad-form textarea{min-height:150px}.nomad-form{padding:28px;border:1px solid #c6a35555;background:#11100d}#contactformulier{scroll-margin-top:24px}@media(max-width:760px){.show .podcast-watermark{opacity:.14}.nomad-form{padding:20px}}

/* Quiet monochrome watermark, blended with the gold-black palette. */
.show .podcast-watermark,.show .podcast-watermark[src*="grinta"],.podcast-hero .podcast-watermark{opacity:.085;filter:grayscale(1) sepia(.5) saturate(.45);mix-blend-mode:luminosity}.show .podcast-watermark{width:55%;right:-1%}@media(max-width:760px){.show .podcast-watermark{opacity:.075}}

.hero.contact-hero{min-height:0;padding-top:48px;padding-bottom:36px}.contact-hero h1{font-size:54px;margin:20px 0}.contact-hero .actions{display:none}#contactformulier{padding-top:28px}.contact-hero+.section h2{margin-top:0}

/* Podcast introduction: text left, quiet logo right. */
.podcast-hero .podcast-watermark{position:absolute!important;left:auto;right:4%;top:12%;width:32%;height:76%;object-fit:contain;opacity:.13;filter:grayscale(1) sepia(.4) saturate(.35);mix-blend-mode:luminosity;z-index:0;pointer-events:none}.podcast-hero h1,.podcast-hero .lead{max-width:60%}.podcast-hero>.eyebrow{display:block;max-width:100%;text-align:left}.podcast-hero .actions{max-width:62%}@media(max-width:1000px){.podcast-hero h1{font-size:clamp(38px,5.8vw,70px)}.podcast-hero .podcast-watermark{right:2%;width:33%;opacity:.12}}@media(max-width:760px){.podcast-hero .podcast-watermark{right:0;top:7%;width:38%;height:80%;opacity:.08}.podcast-hero h1{max-width:100%;font-size:46px}.podcast-hero .lead{max-width:85%}.podcast-hero .actions{max-width:100%}}

/* Sharper source files with original filled lettering and no color inversion. */
.show .podcast-watermark,.show .podcast-watermark[src*="grinta"],.podcast-hero .podcast-watermark{filter:none;mix-blend-mode:normal;image-rendering:auto}.show .podcast-watermark{opacity:.15}.podcast-hero .podcast-watermark{opacity:.26;right:4%;width:32%;height:76%;top:12%}.podcast-watermark[src$="grinta-logo.svg"]{-webkit-mask-image:none!important;mask-image:none!important}.show .podcast-watermark[src$="grinta-logo.svg"]{width:45%;height:82%;top:9%;right:1%;opacity:.16}@media(max-width:760px){.podcast-hero .podcast-watermark{opacity:.14;width:36%;right:1%}.show .podcast-watermark{opacity:.12}}

/* Variant Studio */
aside{width:100%;height:94px;bottom:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:18px 5%;background:#080808;border-bottom:1px solid #c6a35544}.brand{width:170px}aside>nav{flex-direction:row;margin:0;gap:25px}aside>nav a{border:0;font-size:12px}.note{display:none}main,footer{margin-left:0}.hero{padding:150px 6% 60px;min-height:560px;background:linear-gradient(90deg,#080808f2,#08080877),url('assets/woestijn.avif') center 65%/cover}.hero h1{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(50px,6.8vw,100px);line-height:.98;letter-spacing:-5px;margin:28px 0}.hero h1 br:first-of-type{display:none}.hero h1 em{font-style:normal}.hero .lead{max-width:650px;font-size:16px}.section{padding:55px 6%}.section h2{font-family:Arial,sans-serif;font-weight:600;letter-spacing:-1.5px;font-size:36px}.strip{padding:17px 6%;background:#14120c;color:#d6b66d;border-block:1px solid #c6a35544}.shows{gap:20px}.show{min-height:330px;padding:30px;border-radius:16px}.show.moral{background:linear-gradient(135deg,#211710,#111)}.show.grinta{background:linear-gradient(135deg,#24210e,#111)}.show h3{font-size:42px}.show .podcast-watermark{right:0;opacity:.18;width:48%}.button{border-radius:100px;padding:16px 25px}.button.light{background:#08080888}.stamp{display:none}.listen-card{border-radius:14px}.quote{font-family:Arial,sans-serif;font-size:26px}.podcast-hero{min-height:620px}.hero.contact-hero{padding-top:140px}.nomad-form{border-radius:16px}.nomad-form input,.nomad-form textarea{border-radius:8px}@media(max-width:760px){aside{height:auto;position:relative;display:block;padding:22px 6%}aside>nav{display:none}.hero{padding:55px 6%;min-height:570px}.hero h1{font-size:57px;letter-spacing:-3px}.section h2{font-size:30px}.show h3{font-size:35px}.hero.contact-hero{padding-top:45px}}
/* Studio: left sidebar navigation. */
@media(min-width:761px){aside{position:fixed;inset:0 auto 0 0;width:240px;height:100vh;padding:38px 28px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:#080808;border-bottom:0;border-right:1px solid #c6a35544}.brand{width:184px}aside>nav{display:flex;flex-direction:column;align-items:stretch;margin-top:58px;gap:8px}aside>nav a{display:flex;padding:15px 0;border-bottom:1px solid #ffffff20;font-size:14px}aside .note{display:block;margin-top:auto;font-size:11px;line-height:1.8;color:#bdbbb5}main,footer{margin-left:240px}.hero{padding-top:75px;min-height:620px}.hero h1{font-size:clamp(48px,6vw,90px)}.hero.contact-hero{padding-top:48px;min-height:0}.podcast-hero{min-height:600px}}

/* Only the left sidebar, no horizontal navigation bar. */
@media(min-width:761px){body>aside{position:fixed!important;top:0!important;left:0!important;right:auto!important;bottom:0!important;width:240px!important;height:100vh!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;border-bottom:none!important}body>aside>nav{display:flex!important;flex-direction:column!important;margin-top:58px!important;width:100%!important}body>aside>details.mobile{display:none!important}body>main,body>footer{margin-left:240px!important}body>main{padding-top:0!important}}

body.admin-bar>aside{top:32px!important;height:calc(100vh - 32px)!important}@media(min-width:761px) and (max-width:782px){body.admin-bar>aside{top:46px!important;height:calc(100vh - 46px)!important}}@media(max-width:760px){body.admin-bar>aside{top:auto!important;height:auto!important}}.nomad-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* A playable programme excerpt alongside each podcast introduction. */
.podcast-hero{min-height:600px}.podcast-hero .podcast-video{position:absolute!important;right:4%;top:24%;width:36%;aspect-ratio:16/9;z-index:2;border:1px solid #c6a35566;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 18px 55px #0008}.podcast-video iframe{display:block;width:100%;height:100%;border:0}.podcast-hero h1,.podcast-hero .lead{max-width:55%}.podcast-hero .actions{max-width:55%}.video-note{font-size:11px;color:#bdbbb5}@media(max-width:1050px){.podcast-hero .podcast-video{width:36%;top:30%}.podcast-hero h1{font-size:clamp(36px,5vw,70px)}}@media(max-width:760px){.podcast-hero .podcast-video{position:relative!important;top:auto;right:auto;width:100%;margin:28px 0 0}.podcast-hero h1,.podcast-hero .lead,.podcast-hero .actions{max-width:100%}.podcast-hero{padding-bottom:40px}.podcast-hero .podcast-video{order:5}}

.podcast-hero{isolation:isolate}.hero-bg-video{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}.podcast-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.48));z-index:-1;pointer-events:none}.podcast-hero h1,.podcast-hero .lead,.podcast-hero .actions{max-width:75%}.video-toggle{position:absolute!important;right:24px;bottom:20px;z-index:4;background:#080808b8;color:#e4c477;border:1px solid #c6a35588;border-radius:30px;padding:10px 16px;cursor:pointer;font:12px Arial}@media(max-width:760px){.podcast-hero h1,.podcast-hero .lead,.podcast-hero .actions{max-width:100%}.podcast-hero{padding-bottom:85px}}@media(prefers-reduced-motion:reduce){.hero-bg-video{display:none}.video-toggle{display:none}}

.podcast-hero{isolation:isolate}.hero-bg-video{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}.podcast-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.48));z-index:-1;pointer-events:none}.podcast-hero h1,.podcast-hero .lead,.podcast-hero .actions{max-width:75%}.video-toggle{position:absolute!important;right:24px;bottom:20px;z-index:4;background:#080808b8;color:#e4c477;border:1px solid #c6a35588;border-radius:30px;padding:10px 16px;cursor:pointer;font:12px Arial}@media(max-width:760px){.podcast-hero h1,.podcast-hero .lead,.podcast-hero .actions{max-width:100%}.podcast-hero{padding-bottom:85px}}@media(prefers-reduced-motion:reduce){.hero-bg-video{display:none}.video-toggle{display:none}}

/* Mobile background video, with a visible control when autoplay is blocked. */
@media(max-width:760px){.hero-bg-video{display:block;width:100%;height:100%;object-fit:cover}.podcast-hero{min-height:620px}.video-toggle{display:block;min-height:44px;min-width:140px;bottom:18px;right:6%}}@media(prefers-reduced-motion:reduce){.hero-bg-video{display:block}.video-toggle{display:block}}

/* Mobile: visible horizontal navigation, without a disclosure menu. */
@media(max-width:760px){body>aside{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;display:block!important;padding:18px 5% 0!important;background:#080808!important;border-right:0!important;border-bottom:1px solid #c6a35544!important}.brand{width:160px!important;max-width:100%}.original-logo{width:160px!important}body>aside>nav{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:22px!important;margin:18px 0 0!important;width:100%!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c6a35566 transparent;-webkit-overflow-scrolling:touch;padding-bottom:2px}body>aside>nav a{display:block!important;flex:0 0 auto;white-space:nowrap;padding:13px 0!important;font-size:12px!important;line-height:1.5;border-bottom:2px solid transparent!important}body>aside>nav a[aria-current]{color:#e4c477;border-bottom-color:#c6a355!important}body>aside>details.mobile,body>aside>.note{display:none!important}body>main,body>footer{margin-left:0!important}body.admin-bar>aside{top:auto!important;height:auto!important}}@media(max-width:380px){body>aside>nav{gap:16px!important}body>aside>nav a{font-size:11px!important}}

.social-footer{display:block;padding:42px 7%;border-top:1px solid #c6a35544;background:#080808}.social-footer-heading{margin:0 0 22px;color:#e5dfd1;font-size:15px;font-weight:400}.social-links{display:flex;gap:14px;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid #c6a35555;border-radius:30px;color:#e4c477;font-size:12px;transition:background .2s,border-color .2s}.social-link:hover{background:#211b10;border-color:#e4c477}.social-link svg{width:19px;height:19px;flex-shrink:0}.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:32px;padding-top:22px;border-top:1px solid #ffffff18;color:#bdbbb5;font-size:11px}.partnership-panel{padding:44px;border:1px solid #c6a35555;border-radius:16px;background:linear-gradient(110deg,#211b0f,#0e0e0d);display:flex;align-items:center;justify-content:space-between;gap:35px}.partnership-panel h2{margin:14px 0;font-size:36px}.partnership-panel p{max-width:650px;margin:0;color:#c5c2bb;line-height:1.8;font-size:15px}.partnership-panel .button{flex-shrink:0}.partnership-topic{margin-top:10px}@media(max-width:760px){.partnership-panel{padding:26px;display:block}.partnership-panel h2{font-size:29px}.partnership-panel .button{margin-top:24px}.social-footer{padding:32px 6%}.footer-bottom{flex-direction:column}.social-links{gap:10px}.social-link{padding:12px 14px}}

.nomad-form select{width:100%;padding:14px;background:#151515;color:#fff;border:1px solid #c6a35580;border-radius:8px;font:inherit}