/*
Theme Name: Gitaarraad Studio
Description: Het eigen goedgekeurde ontwerp voor Gitaarraad.nl.
Version: 1.0.0
Author: Gitaarraad
Text Domain: gitaarraad-studio
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e76c3c;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p{line-height:1.7}button{border:0}button:disabled{cursor:default}a{text-decoration:none}.wrap{width:min(1280px,90%);margin:auto}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand svg{width:42px;height:42px}.brand strong{font-size:25px;letter-spacing:-1.2px}.brand small{font-weight:400}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px}.navlinks{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.menu{display:none;background:transparent;color:inherit;border:1px solid currentColor;border-radius:5px;padding:8px 12px}.kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 23px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.arrow{font-size:20px;line-height:1}.section{padding:85px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.sectionhead h2{margin:10px 0 0;font-size:42px;letter-spacing:-1.8px;line-height:1.1}.textlink{font-size:12px;font-weight:700;border-bottom:1px solid;padding:0 0 6px;background:transparent;color:inherit}.muted{opacity:.65}.bottom{display:flex;justify-content:space-between;gap:25px;padding:22px 0;border-top:1px solid #ffffff25;font-size:11px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding:52px 0}.footgrid h3{font-size:12px;margin-bottom:18px}.footgrid a:not(.brand),.footgrid button{display:block;margin:11px 0;background:transparent;color:inherit;padding:0;font-size:12px;text-align:left}.footgrid p{font-size:12px;max-width:320px;margin:16px 0}.filter{display:flex;gap:8px;flex-wrap:wrap}.filter button{padding:10px 16px;border:1px solid currentColor;background:transparent;color:inherit;font-size:11px;border-radius:30px}.filter button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cards article[hidden]{display:none}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;font-weight:bold}select,input[type=number]{display:block;width:100%;padding:13px;margin-top:9px;border:1px solid #bbb9af;background:#fffdf7;border-radius:3px;color:#252724}.result{margin-top:22px;line-height:1.6;padding:18px;border-left:3px solid currentColor;background:#ffffff60;font-size:14px}.result:empty{display:none}dialog{padding:0;border:0;border-radius:12px;width:min(720px,90vw);max-height:85vh;color:#1c302d;background:#fffcf6;box-shadow:0 35px 130px #0005}dialog::backdrop{background:#142c2bcc;backdrop-filter:blur(5px)}.dialoghead{padding:22px 30px;border-bottom:1px solid #d8d4ca;display:flex;align-items:center;justify-content:space-between}.dialoghead span{font-size:10px;letter-spacing:1px}.close{background:none;padding:5px 10px;font-size:25px;color:inherit}.dialogbody{padding:35px}.dialogbody h2{font:36px/1.15 Georgia,serif}.dialogbody h3{font-size:18px;margin:28px 0 10px}.dialogbody p,.dialogbody li{font-size:15px;line-height:1.8}.dialogbody ul{padding-left:22px}.demo{font-size:11px;opacity:.65;margin-top:26px}.skip{position:fixed;left:15px;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}@media(max-width:800px){.wrap{width:90%}.menu{display:block}.nav{position:relative}.navlinks{display:none;position:absolute;top:65px;right:0;padding:23px;background:var(--paper);color:var(--ink);box-shadow:0 10px 30px #0002;z-index:20;min-width:220px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.section{padding:55px 0}.sectionhead{align-items:start;flex-direction:column;gap:20px}.sectionhead h2{font-size:35px}.footgrid{grid-template-columns:1fr 1fr;gap:25px}.footgrid>div:first-child{grid-column:1/-1}.bottom{flex-wrap:wrap;line-height:1.7}.formgrid{grid-template-columns:1fr}dialog .dialogbody{padding:25px}.brand strong{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
:root{--paper:#fffdfb;--ink:#4b2031;--yellow:#d8956b;--logo-ink:#fffdfb}body{background:var(--paper);color:var(--ink)}header{padding:24px 0;border-bottom:1px solid #64223a22}.navcta{padding:12px 17px;background:var(--yellow);border-radius:3px}.brand strong{font-weight:800}.hero{display:grid;grid-template-columns:48% 52%;min-height:620px;position:relative}.herocopy{padding:80px 45px 70px max(5vw,calc((100vw - 1280px)/2));position:relative}.herocopy .kicker{display:flex;align-items:center;gap:9px}.herocopy .kicker:before{content:'';width:7px;height:7px;background:#cb582d;border-radius:50%}.hero h1{font-size:clamp(58px,6.8vw,104px);line-height:.97;letter-spacing:-6px;margin:29px 0}.hero h1 em{font:italic .95em Georgia,serif;letter-spacing:-6px;position:relative}.herocopy p{font-size:14px;max-width:330px;color:#6b515a}.hero .btn{background:var(--ink);color:var(--paper);border-radius:3px}.heroimg{position:relative;min-height:560px}.heroimg img{object-position:40% center}.photolabel{position:absolute;left:25px;bottom:23px;color:white;font-size:9px;letter-spacing:2px}.stamp{position:absolute;right:-42px;top:35px;width:110px;height:110px;background:var(--yellow);border-radius:50%;z-index:2;transform:rotate(12deg);display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;font-weight:bold;line-height:1.35;border:7px solid var(--paper)}.finenote{display:flex;gap:18px;margin-top:24px;font-size:10px;align-items:center}.finenote span{border-left:1px solid #64223a50;padding-left:15px}.soundstrip{background:var(--ink);color:var(--paper);padding:23px 0}.soundstrip .wrap{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px}.soundstrip b{color:var(--yellow);font-size:23px}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.featurestory{border-radius:4px;background:#f6ece8;overflow:hidden}.featurestory .copy{padding:35px}.featurestory h3{font:36px/1.1 Georgia,serif;letter-spacing:-1px;margin:14px 0}.featurestory p{font-size:13px;max-width:390px}.featureart{height:270px;position:relative;overflow:hidden}.featureart img{object-position:center 36%}.featureart .label{position:absolute;left:25px;top:23px;background:var(--yellow);font-size:9px;letter-spacing:1px;padding:8px 12px}.storylist{display:flex;flex-direction:column;gap:0}.storylist article{padding:24px 0;border-bottom:1px solid #4b203130;display:grid;grid-template-columns:48px 1fr 25px;gap:10px;align-items:start}.storylist article:first-child{padding-top:30px}.storylist .num{font:italic 32px Georgia;color:#ba652f}.storylist h3{font-size:22px;letter-spacing:-.7px;margin:7px 0 10px}.storylist p{font-size:12px;margin:0 0 8px}.storylist .open{background:none;color:inherit;text-align:left;padding:0}.storylist .kicker{font-size:9px;letter-spacing:1px}.chooser{background:var(--yellow);padding:55px;border-radius:5px;display:grid;grid-template-columns:1fr 1.2fr;gap:65px;align-items:center}.chooser h2{font-size:50px;letter-spacing:-2px;line-height:1.03;margin:15px 0}.chooser p{font-size:13px}.chooser .btn{margin-top:18px;background:var(--ink);color:var(--paper)}.tuning{background:var(--ink);color:var(--paper)}.tuneline{display:flex;align-items:center;gap:25px}.notes{display:flex;gap:12px}.notes button{color:var(--ink);background:var(--paper);border-radius:50%;width:58px;height:58px;font:bold 22px Georgia}.notes button.active{background:var(--yellow)}.tuneline h2{font-size:35px;margin:8px 0}.tuneline p{font-size:12px;max-width:300px}.tuning .kicker{color:var(--yellow)}.tunecopy{flex:1}footer{background:#321624;color:var(--paper)}@media(min-width:1500px){.herocopy{padding-left:max(5vw,calc((100vw - 1280px)/2))}}@media(max-width:1000px){.hero h1{font-size:72px}.herocopy{padding-top:65px}.navlinks{gap:17px}.split{gap:35px}.chooser{gap:35px;padding:35px}.notes{gap:6px}.notes button{width:45px;height:45px}}@media(max-width:800px){header{padding:17px 0}.hero{grid-template-columns:1fr}.herocopy{padding:48px 5% 45px}.hero h1{font-size:clamp(48px,14vw,66px);letter-spacing:-3px}.heroimg{height:400px;min-height:0}.stamp{display:none}.soundstrip .wrap{gap:18px;flex-wrap:wrap;font-size:9px}.split,.chooser{grid-template-columns:1fr}.chooser{padding:30px;gap:20px}.chooser h2{font-size:41px}.tuneline{flex-direction:column;align-items:start}.notes{flex-wrap:wrap}.notes button{width:48px;height:48px}.herocopy p{max-width:90%}}
 .hero{background:#64223a;color:#fffdfb;grid-template-columns:47% 53%;min-height:630px}.herocopy{padding-top:85px;padding-bottom:70px}.hero h1{font-size:clamp(60px,6.7vw,100px)}.hero h1 em{color:#edbd9c}.herocopy p{color:#f4dfe8}.hero .btn{background:#e3ae88;color:#3a1827}.herocopy .kicker{color:#f1d5e0}.herocopy .kicker:before{background:#e3ae88}.finenote span{border-color:#ffffff50}.stamp{display:none}.heroimg img{object-position:60% center}.soundstrip{background:#321624}.navcta{background:#edd0ba;color:#3a1827}.featurestory{background:#fff;border:1px solid #dac4c9}.featurestory h3{font-size:39px}.chooser{background:#edd1bf}.tuning{background:#64223a}.notes button{color:#4b2031}.sectionhead h2{font-family:Georgia,serif;letter-spacing:-1.5px}@media(max-width:800px){.hero{grid-template-columns:1fr}.herocopy{padding:45px 5%}.hero h1{font-size:clamp(48px,14vw,66px);letter-spacing:-3px}.heroimg{height:420px;min-height:0}.featurestory h3{font-size:33px}}
body.admin-bar{padding-top:0}.entry-content{font-size:18px;line-height:1.85}.entry-content img{height:auto}.entry-content a{text-decoration:underline}