/*
Theme Name: The Black Element
Theme URI: https://theblackelement.com
Author: The Black Element
Description: Zwart WordPress-thema met crew, foto-hover, eigen artiestalbums en beperkte artiestlogins. Inrichting via The Black Element in het beheermenu.
Version: 1.3.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-black-element
*/
@font-face{font-family:Barlow;src:url(assets/fonts/barlow-3.ttf) format('truetype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:Barlow;src:url(assets/fonts/barlow-1.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--black:#080909;--panel:#111313;--line:#303332;--paper:#efede6;--muted:#aaaDa7;--soft:#c6c8bf;--font:Arial,Helvetica,sans-serif;--head:Barlow,'Arial Narrow',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--black);color:var(--paper);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--paper);outline-offset:6px}p{margin:0 0 22px}h1,h2,h3{font-family:var(--head);font-weight:900;line-height:1;text-transform:uppercase;margin:0 0 24px;letter-spacing:-.015em}h1{font-size:clamp(64px,8vw,122px)}h2{font-size:clamp(42px,5vw,70px)}h3{font-size:29px}address{font-style:normal}figure{margin:0}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font:700 11px/1.5 var(--font);letter-spacing:2.4px;text-transform:uppercase;color:var(--soft);margin-bottom:22px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;line-height:1.4;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;border-bottom:1px solid #858981;padding:0 0 10px}.text-link:hover{color:#fff;border-color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:18px 25px;min-height:56px;text-transform:uppercase;font-weight:700;font-size:11px;letter-spacing:1.5px;line-height:1.5;border:1px solid transparent;transition:background .2s,color .2s;white-space:normal}.button span{font-size:18px}.button.light{background:var(--paper);color:#141515}.button.light:hover{background:#fff}.button.outline{border-color:#666b65;background:transparent;color:var(--paper)}.button.outline:hover{background:var(--paper);color:var(--black)}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{clip:auto;white-space:normal;width:auto;height:auto;top:12px;left:12px;z-index:10000;padding:14px;background:#fff;color:#000}
.site-header{border-bottom:1px solid #292c2b;background:rgba(8,9,9,.97);position:relative;z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:106px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-mark{width:58px;height:58px;border-radius:50%;overflow:hidden;display:block}.brand-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.05)}.brand-text{font-family:var(--head);font-size:24px;font-weight:900;line-height:1.2;letter-spacing:.3px}.brand-text small{display:block;font:700 8px/1.6 var(--font);letter-spacing:2px;margin-top:5px;color:var(--muted)}.site-nav .menu{display:flex;list-style:none;gap:24px;padding:0;margin:0;align-items:center}.site-nav li{position:relative}.site-nav a{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;display:block;padding:18px 0;color:#c5c8c0}.site-nav a:hover,.site-nav .current-menu-item>a{color:#fff}.site-nav .current-menu-item>a:after{content:'';height:2px;background:var(--paper);position:absolute;bottom:8px;left:0;right:0}.site-nav li:last-child>a{padding:12px 16px;border:1px solid #5c615a;color:var(--paper)}.site-nav .sub-menu{position:absolute;display:none;background:var(--panel);padding:12px 22px;min-width:200px;list-style:none;border:1px solid var(--line);left:0;top:100%}.site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{display:block}.menu-toggle{display:none;border:1px solid #5c615a;background:transparent;color:var(--paper);padding:10px 14px;text-transform:uppercase;letter-spacing:1px;font-size:12px}
.hero{position:relative;min-height:700px;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.hero-content{position:relative;padding-block:98px 80px;z-index:2;pointer-events:none}.hero-content a{pointer-events:auto}.hero h1{font-size:clamp(85px,9.1vw,142px);max-width:760px;line-height:.91;margin-bottom:32px;letter-spacing:-.025em}.hero .eyebrow{font-size:10px;letter-spacing:2px}.hero-intro{max-width:390px;font-size:14px;line-height:1.9;color:#bbbeb6;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:28px}.hero-actions .text-link{font-size:10px}.hero-detail{display:flex;align-items:center;gap:18px;margin-top:56px;color:#8f958c;font-size:10px;line-height:1.7;letter-spacing:.5px}.tiny-star{font-size:35px;color:var(--paper)}.hero-art{position:absolute;inset:0 0 0 42%;z-index:-1;overflow:hidden;background:#181918}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--black) 0%,rgba(8,9,9,.2) 43%,rgba(8,9,9,.05) 76%),linear-gradient(0deg,var(--black),transparent 30%,transparent 85%,rgba(8,9,9,.4))}.hero-photo{width:77%;height:100%;position:absolute;right:0;top:0;object-fit:cover;object-position:48% center;filter:grayscale(1) brightness(.78);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.hero-photo-small{width:39%;height:65%;object-fit:cover;position:absolute;bottom:0;left:0;filter:grayscale(1) brightness(.55);clip-path:polygon(26% 0,100% 0,100% 100%,0 100%)}.hero-art-line{position:absolute;inset:0;background:linear-gradient(109deg,transparent 34%,rgba(240,238,231,.3) 34.05%,transparent 34.2%)}.hero-stamp{position:absolute;right:50px;bottom:50px;z-index:3;width:112px;height:112px;border-radius:50%;overflow:hidden;transform:rotate(12deg);opacity:.8}.hero-stamp img{width:100%;transform:scale(1.05)}.style-ribbon{display:flex;justify-content:center;gap:35px;align-items:center;overflow:hidden;white-space:nowrap;padding:26px;background:#171a18;border-bottom:1px solid var(--line);font-family:var(--head);font-size:25px;text-transform:uppercase;font-weight:700;color:#cdd0c6;letter-spacing:1px}.style-ribbon i{font-style:normal;font-size:15px;color:#646c60}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading .text-link{margin-bottom:5px}.section-aside{font-size:13px;line-height:1.8;color:var(--muted);max-width:320px}.section-aside p{margin-bottom:18px}.section-aside .text-link{color:var(--paper)}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.work-card[hidden]{display:none}.work-photo{display:block;position:relative;overflow:hidden;background:#1d201e;aspect-ratio:4/5}.work-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s}.work-photo:hover img{transform:scale(1.035)}.work-expand{position:absolute;bottom:18px;right:18px;background:rgba(8,9,9,.75);border:1px solid #72776c;width:42px;height:42px;display:grid;place-items:center;font-size:24px}.work-card figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:18px}.work-card figcaption span{font-family:var(--head);font-size:21px;line-height:1.1;text-transform:uppercase;font-weight:700}.work-card figcaption small{font-size:9px;letter-spacing:1px;color:var(--muted);text-align:right;line-height:1.5}.portfolio-filters{display:flex;gap:24px;align-items:flex-end;margin:36px 0}.portfolio-filters label{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;display:grid;gap:8px;min-width:220px}.portfolio-filters select{color:var(--paper);background:#141715;border:1px solid #454b42;border-radius:0;padding:12px;font-size:13px;letter-spacing:0;text-transform:none}.filter-count{margin-left:auto;font-size:12px;color:var(--muted);padding:10px}.no-results{padding:30px;background:var(--panel)}
.crew-section{background:#111313;border-block:1px solid #292d29}.crew-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}.crew-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.artist-media,.album-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:#1b1e1b}.artist-media>img,.artist-media button>img,.album-image>img{width:100%;height:100%;object-fit:cover}.is-poster .artist-portrait{transform:scale(1.65) rotate(-10deg);object-position:center 43%}.art-toggle{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:var(--paper);text-align:left;position:relative;overflow:hidden}.art-toggle .artist-portrait{transition:opacity .35s}.artist-tattoo{position:absolute;inset:0;opacity:0;transition:opacity .35s;object-fit:cover;z-index:2}.art-toggle[aria-pressed=true] .artist-tattoo{opacity:1}@media(hover:hover){.art-toggle:hover .artist-tattoo{opacity:1}}.toggle-label{position:absolute;bottom:13px;left:13px;right:13px;z-index:3;background:rgba(8,9,9,.75);border:1px solid #73796c;padding:9px 12px;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:1px}.artist-info{padding-top:22px}.artist-info .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:10px;color:#969d91}.artist-info h3{font-size:34px;margin-bottom:12px}.artist-info h3 a{display:flex;justify-content:space-between;gap:8px}.artist-info h3 a span{font:18px var(--font)}.artist-style{font-size:11px;color:var(--muted);line-height:1.8}.artist-bio{font-size:13px;color:#b7bcb2}.artist-info .text-link{font-size:10px}.compact .artist-info h3{font-size:26px}.compact .artist-style{font-size:10px}.compact .artist-info{padding-top:19px}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px;margin-top:45px}.album-card{display:block}.album-info{padding:22px 0}.album-info .eyebrow{font-size:9px;margin-bottom:10px}.album-info h2{font-size:38px;margin-bottom:14px}.album-info p{font-size:12px;color:var(--muted);line-height:1.7}.album-info .text-link{font-size:10px}.album-open{position:absolute;bottom:20px;right:20px;width:48px;height:48px;background:var(--paper);color:var(--black);font-size:26px;display:grid;place-items:center}.album-card:hover .album-open{background:#fff}.album-card:hover .album-info h2{color:#fff}.artist-detail{display:grid;grid-template-columns:.8fr 1fr;gap:80px;padding-bottom:60px;align-items:center}.artist-detail h2{font-size:55px}.artist-detail .prose p{max-width:570px;font-size:16px;color:#bec2b9}.artist-detail .artist-media{max-width:500px}
.home-shop{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.shop-visual{position:relative;height:590px;overflow:hidden}.shop-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.55)}.image-note{position:absolute;bottom:0;left:0;right:0;padding:16px 22px;background:#171a18;font-size:10px;text-transform:uppercase;letter-spacing:2px}.shop-intro p:not(.eyebrow){font-size:14px;color:#aeb4a8;line-height:1.9}.shop-intro .button{margin-top:8px}.process-section{border-top:1px solid var(--line);padding-top:70px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.process-grid>div{border-top:1px solid var(--line);padding-top:28px}.process-grid span{font-size:12px;color:#8e9887;letter-spacing:2px}.process-grid h3{font-size:29px;margin-top:24px;margin-bottom:14px}.process-grid p{font-size:13px;color:var(--muted);max-width:310px}.cta-strip{background:var(--paper);color:#121413;margin-top:30px}.cta-inner{display:flex;gap:40px;align-items:center;justify-content:space-between;padding-block:65px}.cta-inner .eyebrow{color:#5f6859;font-size:10px}.cta-inner h2{font-size:clamp(38px,4vw,58px);margin-bottom:15px}.cta-inner p:not(.eyebrow){font-size:13px;margin-bottom:0;color:#596052}.cta-inner .button.light{border-color:#20251e;background:#151a14;color:var(--paper);flex-shrink:0}.cta-inner .button.light:hover{background:#30382d}
.page-hero{padding-block:80px 45px}.page-hero .eyebrow{margin-bottom:20px}.page-hero h1{margin-bottom:0}.page-hero .intro{max-width:700px;font-size:18px;color:#b5bbb0;margin-top:28px}.page-content{padding-bottom:85px}.page-content>p,.prose>p{max-width:760px;font-size:16px;line-height:1.9;color:#b9bfb3}.page-content>h2{font-size:42px;max-width:800px;margin-top:50px}.page-content>h3{margin-top:35px}.page-content .crew-grid{margin-top:40px}.page-content ul{color:#b9bfb3}.page-content a:not([class]){text-decoration:underline;text-underline-offset:4px}.shop-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}.shop-gallery figure>img{width:100%;aspect-ratio:4/4.5;object-fit:cover}.shop-gallery figcaption{font-size:12px;color:#929c89;margin-top:14px}.faq-list{max-width:960px;margin:45px 0}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;padding:25px 0;font-family:var(--head);font-size:28px;font-weight:700;text-transform:uppercase;line-height:1.2}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-family:var(--font);font-size:25px;color:#99a28f;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:800px;color:#b5bdad;font-size:14px;line-height:1.9;padding:0 30px 12px 0}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:40px}.contact-panel{border:1px solid var(--line);background:#101310;padding:40px}.contact-panel h2{font-size:52px}.contact-panel h3{margin-top:40px;margin-bottom:20px;font-size:30px}.contact-email{font-family:var(--head);font-weight:700;font-size:clamp(20px,2.4vw,34px);line-height:1.4;display:block;margin-bottom:30px;overflow-wrap:anywhere}.contact-panel ul{font-size:13px;line-height:2;padding-left:18px;margin-block:0 30px}.contact-panel p{font-size:14px;color:#abb4a1}.contact-panel .small{font-size:11px;margin-top:15px}.contact-panel address{font-size:22px;line-height:1.6;margin-bottom:24px}.hours-list{margin:0 0 25px}.hours-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-block:10px;font-size:13px}.hours-list dd{margin:0}.social-inline{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.site-footer{padding-top:65px;background:#080909}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:50px;padding-bottom:55px}.footer-brand{display:flex;align-items:center;gap:22px}.footer-brand img{width:88px;height:88px;border-radius:50%}.footer-brand p{font-size:12px;color:#858f7f;line-height:1.8;margin:0}.site-footer h2{font-family:var(--font);font-size:10px;letter-spacing:2px;line-height:1.4;margin-bottom:22px;color:#ced2c6}.site-footer address,.footer-top>div>a{display:block;font-size:12px;line-height:2.2;color:#929d89;overflow-wrap:anywhere}.footer-top>div>a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);padding-block:23px;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#75826a}.footer-nav .menu{display:flex;flex-wrap:wrap;gap:25px;padding:0;list-style:none;font-size:12px}.lightbox{max-width:95vw;max-height:95vh;background:#101310;color:var(--paper);border:1px solid #555c4d;padding:55px 22px 16px}.lightbox::backdrop{background:rgba(0,0,0,.9)}.lightbox img{max-height:75vh;max-width:85vw;width:auto;object-fit:contain;margin:auto}.lightbox p{font-size:12px;margin:15px 0 0}.lightbox-close{position:absolute;top:12px;right:16px;background:transparent;border:1px solid #666;color:#fff;padding:5px 12px;font-size:12px}.post-list-item{border-top:1px solid var(--line);padding-block:30px}.post-list-item h2{font-size:35px}.wp-block-image img{height:auto}.alignwide{max-width:1100px}.alignfull{width:100%}.page-links{margin-block:30px}
@media(min-width:1500px){.hero h1{font-size:146px}.hero{min-height:740px}.hero-content{padding-top:115px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.brand-text{font-size:20px}.brand-text small{font-size:6px}.site-nav .menu{gap:17px}.site-nav a{font-size:9px}.brand-mark{width:48px;height:48px}.header-inner{gap:18px;min-height:90px}.hero h1{font-size:110px}.hero-actions{gap:20px}.hero-stamp{right:30px;bottom:30px;width:90px;height:90px}.home-shop{gap:50px}.shop-visual{height:530px}.compact .artist-info h3{font-size:23px}.footer-top{gap:30px}.footer-brand{display:block}.footer-brand img{margin-bottom:15px}}
@media(max-width:950px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#101310;border-bottom:1px solid #444;padding:20px 32px}.site-nav.is-open{display:block}.site-nav .menu{display:block}.site-nav a{font-size:13px;padding:13px 0}.site-nav li:last-child>a{display:inline-block;margin:10px 0}.site-nav .sub-menu{display:block;position:static;border:0;padding:0 0 0 20px}.site-nav .current-menu-item>a:after{display:none}.hero{min-height:650px}.hero-content{padding-top:85px}.hero h1{font-size:105px}.hero-art{left:32%;opacity:.7}.hero-intro{max-width:340px}.hero-stamp{display:none}.crew-grid.compact{grid-template-columns:repeat(3,1fr)}.crew-grid{grid-template-columns:repeat(2,1fr)}.album-grid{grid-template-columns:repeat(2,1fr)}.work-grid{gap:18px}.section{padding-block:75px}.artist-detail{gap:45px}.footer-top{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr 1fr;gap:22px}.contact-panel{padding:28px}.contact-panel h2{font-size:45px}.contact-panel address{font-size:20px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:82px}.brand-mark{width:45px;height:45px}.brand{gap:10px}.brand-text{font-size:20px}.brand-text small{font-size:6px;letter-spacing:1.4px}.menu-toggle{padding:8px 11px;font-size:10px}.hero{min-height:730px}.hero-content{padding-top:58px;padding-bottom:190px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;max-width:270px}.hero h1{font-size:clamp(72px,17vw,108px);line-height:.94;max-width:500px;margin-bottom:28px}.hero-intro{font-size:13px;max-width:290px;line-height:1.8}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:22px}.hero-actions .button{min-height:51px;padding:14px 20px}.hero-detail{margin-top:32px;font-size:9px;max-width:230px}.hero-art{inset:16% -14% 0 15%;opacity:.55}.hero-art:after{background:linear-gradient(90deg,#080909 0%,rgba(8,9,9,.2) 80%),linear-gradient(180deg,#080909,transparent 40%,transparent 70%,#080909)}.hero-photo{width:82%;object-position:40% center}.hero-photo-small{display:none}.hero-art-line{display:none}.style-ribbon{justify-content:flex-start;font-size:21px;gap:25px;padding:20px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:48px}.section-heading>.text-link,.section-aside{margin-top:25px}.section-aside{font-size:12px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.work-grid .work-card:nth-child(3):last-child{grid-column:auto}.work-card figcaption{display:block;padding-top:12px}.work-card figcaption span{font-size:20px;display:block}.work-card figcaption small{font-size:9px;display:block;text-align:left;margin-top:6px}.work-photo{aspect-ratio:3/4}.work-expand{width:33px;height:33px;bottom:10px;right:10px;font-size:20px}.crew-grid,.crew-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.artist-info h3,.compact .artist-info h3{font-size:27px}.artist-info h3 a{display:block}.artist-info h3 a span{display:none}.artist-info .eyebrow{font-size:7px}.artist-style,.compact .artist-style{font-size:10px;line-height:1.6}.artist-bio{font-size:12px}.artist-info .text-link{font-size:9px;letter-spacing:.5px}.toggle-label{font-size:8px;letter-spacing:.6px;left:8px;right:8px;bottom:8px;padding:7px}.home-shop{grid-template-columns:1fr;gap:35px}.shop-visual{height:440px}.shop-intro h2{font-size:54px}.shop-intro p:not(.eyebrow){font-size:13px}.process-grid{grid-template-columns:1fr;gap:12px;margin-top:32px}.process-grid>div{padding-top:22px}.process-grid h3{margin-top:14px;font-size:30px}.process-grid p{max-width:none}.cta-inner{display:block;padding-block:45px}.cta-inner h2{font-size:44px}.cta-inner .button{margin-top:30px}.footer-top{gap:35px 22px;padding-bottom:35px}.footer-brand img{width:65px;height:65px}.footer-brand p{font-size:11px}.footer-top>div>a,.site-footer address{font-size:11px}.site-footer h2{font-size:9px;letter-spacing:1px}.footer-bottom{font-size:8px;display:flex;flex-wrap:wrap;gap:15px}.footer-bottom a{width:100%}.page-hero{padding-block:55px 30px}.page-hero h1{font-size:64px;overflow-wrap:anywhere}.page-content{padding-bottom:55px}.page-content>p{font-size:14px}.page-content>h2{font-size:36px}.album-grid{gap:35px 16px}.album-info h2{font-size:28px}.album-info p{font-size:10px;line-height:1.6}.album-info .eyebrow{font-size:7px;letter-spacing:1.3px}.album-info .text-link{font-size:9px;letter-spacing:.6px}.album-open{width:33px;height:33px;right:10px;bottom:10px;font-size:21px}.artist-detail{grid-template-columns:1fr;gap:35px}.artist-detail .artist-media{max-width:100%}.artist-detail h2{font-size:45px}.artist-detail .prose p{font-size:14px}.shop-gallery{gap:20px;grid-template-columns:1fr}.shop-gallery figcaption{font-size:11px}.contact-grid{grid-template-columns:1fr}.contact-panel{padding:25px}.contact-panel h2{font-size:46px}.contact-email{font-size:30px}.portfolio-filters{flex-wrap:wrap;gap:16px}.portfolio-filters label{min-width:0;width:calc(50% - 8px)}.filter-count{width:100%;padding:0;margin:0}.faq-list summary{font-size:24px;padding-block:23px}.faq-list details p{font-size:13px}.eyebrow{font-size:9px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.page-content .artist-info h3 a{text-decoration:none}.crew-grid:not(.compact) .artist-info h3{margin-bottom:14px}
@media(max-width:680px){.crew-grid:not(.compact){grid-template-columns:1fr;gap:48px}.crew-grid:not(.compact) .artist-media{aspect-ratio:4/4.5}.crew-grid:not(.compact) .artist-info h3{font-size:36px}.crew-grid:not(.compact) .artist-bio{font-size:14px}.crew-grid:not(.compact) .artist-style{font-size:12px}}

/* Klassieke sierletters, in de richting van het aangeleverde merkvoorbeeld. */
@font-face{font-family:CinzelDecorative;src:url(assets/fonts/cinzel-decorative.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--head:CinzelDecorative,Georgia,serif}
h1,h2,h3,.brand-text,.style-ribbon,.work-card figcaption span,.album-info h2,.contact-email{font-weight:400;font-synthesis:none;letter-spacing:.025em}
h1,h2,h3{line-height:1.2}.hero h1{font-size:clamp(58px,6.4vw,92px);line-height:1.18;max-width:850px;letter-spacing:.015em}.brand-text{font-size:19px;letter-spacing:.02em}.hero-intro{max-width:430px}.hero-content{padding-block:95px 80px}.hero{min-height:730px}.section-heading h2,h2{font-size:clamp(30px,3.5vw,48px)}.page-hero h1{font-size:clamp(43px,6vw,82px)}.artist-info h3,.compact .artist-info h3{font-size:21px;line-height:1.35}.artist-info h3 a span{font-size:15px}.artist-detail h2{font-size:38px}.album-info h2{font-size:29px}.process-grid h3{font-size:24px;line-height:1.4}.style-ribbon{font-size:19px}.work-card figcaption span{font-size:18px;line-height:1.4}.cta-inner h2{font-size:clamp(28px,3.6vw,43px)}.faq-list summary{font-size:22px;line-height:1.5;font-weight:400}.contact-panel h2{font-size:39px}.contact-email{font-size:25px}.contact-panel h3{font-size:25px}.shop-intro h2{font-size:42px}.footer-top{gap:35px}.brand-text small{font-size:7px;letter-spacing:1.6px}
@media(max-width:1150px){.brand-text{font-size:15px}.brand-text small{font-size:6px}.site-nav .menu{gap:16px}.hero h1{font-size:72px}.hero-content{padding-top:80px}}
@media(max-width:680px){.brand-text{font-size:13px}.brand-text small{font-size:5px;letter-spacing:1.2px}.brand-mark{width:40px;height:40px}.hero h1{font-size:clamp(37px,10vw,58px);line-height:1.28;max-width:100%}.hero{min-height:740px}.hero-content{padding-top:65px;padding-bottom:180px}.hero-intro{max-width:290px}.section-heading h2,.shop-intro h2{font-size:34px}.compact .artist-info h3{font-size:17px}.crew-grid:not(.compact) .artist-info h3{font-size:29px}.album-info h2{font-size:21px;overflow-wrap:anywhere}.page-hero h1{font-size:clamp(31px,8vw,45px)}.faq-list summary{font-size:19px}.cta-inner h2{font-size:29px}.artist-detail h2{font-size:30px}.work-card figcaption span{font-size:15px}.contact-email{font-size:22px}.contact-panel h2{font-size:32px}.process-grid h3{font-size:23px}}

.home-practical{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;border-top:1px solid var(--line)}.home-practical h2{font-size:36px}.hours-panel{padding:35px;border:1px solid var(--line);background:var(--panel)}.hours-panel h2{font-size:30px}.hours-panel p{font-size:14px;color:var(--muted)}.hours-panel address{font-size:15px;margin:28px 0}.agenda-list{margin:30px 0}.agenda-empty{padding:25px;border:1px solid var(--line)}.agenda-empty h3{font-size:24px;line-height:1.5}.agenda-empty p{font-size:14px;color:var(--muted)}.agenda-card{display:grid;grid-template-columns:95px 1fr;gap:28px;padding:32px 0;border-top:1px solid var(--line)}.agenda-card h3{font-size:28px;line-height:1.4}.agenda-card p{font-size:14px;color:var(--muted)}.event-date{text-align:center;border:1px solid #42483e;padding:12px 5px;align-self:start}.event-date strong{display:block;font-size:38px;line-height:1.2;font-weight:400}.event-date span{font-size:11px;text-transform:uppercase}.agenda-card .event-time{color:var(--paper)}.home-questions{padding-top:30px}.home-questions .faq-list{margin-bottom:30px}.site-nav li.menu-item a{font-size:9px}
@media(max-width:950px){.home-practical{gap:30px}.home-practical h2{font-size:28px}.hours-panel{padding:25px}.site-nav li.menu-item a{font-size:13px}}
@media(max-width:680px){.home-practical{grid-template-columns:1fr;gap:40px}.agenda-card{grid-template-columns:65px 1fr;gap:18px}.agenda-card h3{font-size:22px}.event-date strong{font-size:30px}.event-date span{font-size:9px}.home-practical h2{font-size:29px}}

.artist-instagram{display:inline-block;margin:0 0 20px;font:700 10px/1.5 var(--font);letter-spacing:1.3px;text-transform:uppercase;color:var(--paper);border-bottom:1px solid #777f70;padding-bottom:6px}.artist-instagram:hover{color:#fff;border-color:#fff}.artist-profile-social{margin-top:24px}.site-credit{padding-block:0 24px;color:#929d89;font-size:10px;letter-spacing:.6px;text-align:right}.site-credit span{color:var(--paper)}@media(max-width:680px){.site-credit{text-align:left;font-size:10px}.artist-instagram{font-size:9px}}

.shop-tour{margin:45px 0 65px}.shop-tour>h2{font-size:clamp(29px,4vw,48px)}.shop-tour>p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:15px}.tour-viewer{width:100%;min-height:480px;background:radial-gradient(ellipse at 50% 30%,#293026,#101410 70%);border:1px solid var(--line);position:relative;display:grid;place-items:center}.tour-start{padding:45px 30px;text-align:center}.tour-start[hidden],.tour-unload[hidden]{display:none}.tour-symbol{font:400 72px/1.4 var(--head);color:#bfcab6}.tour-start h3{font-size:28px;line-height:1.5;margin-top:15px}.tour-start p{font-size:13px;color:var(--muted)}.tour-viewer iframe{width:100%;height:560px;display:block;border:0}.tour-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:25px;margin-top:20px}.tour-unload{border:0;border-bottom:1px solid #858981;background:transparent;color:var(--paper);cursor:pointer}.shop-tour .text-link{font-size:10px}@media(max-width:680px){.tour-viewer{min-height:400px}.tour-viewer iframe{height:440px}.tour-symbol{font-size:58px}.tour-start{padding:30px 20px}.tour-start h3{font-size:22px}.tour-actions{justify-content:flex-start;gap:18px}}