:root{--bg:#F7EFE2;--bg-2:#EEE2CE;--surface:#fff;--ink:#2B1A10;--muted:rgba(43,26,16,.7);--line:rgba(43,26,16,.14);--accent:#D9622B;--accent-ink:#fff;--accent-2:#D9A23A;--display:"Shrikhand",Georgia,serif;--display-weight:400;--radius:10px;--border:2px solid var(--ink);--shadow:4px 4px 0 var(--ink);--brown:#6B3A1E;--pink:#E3A08E}h2{color:var(--brown)}.hero{background:var(--accent);color:#fff;position:relative;overflow:hidden;border-bottom:var(--border)}.hero:before{content:"";position:absolute;right:-260px;bottom:-560px;width:1100px;height:1100px;border-radius:50%;background:radial-gradient(circle,transparent 0 40%,var(--brown) 40% 45%,var(--accent-2) 45% 50%,#0B8A2E 50% 55%,var(--pink) 55% 60%,transparent 60%)}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;min-height:500px;padding-top:44px;padding-bottom:44px;position:relative;z-index:1}.hero h1{font-size:clamp(52px,7.4vw,100px);text-shadow:4px 4px 0 var(--brown)}.hero p{font-size:18px;max-width:470px;margin:20px 0 26px;font-weight:500}.formats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.formats a{background:#fff;color:var(--ink);border:var(--border);border-radius:999px;padding:8px 14px;font-weight:800;font-size:14px;box-shadow:3px 3px 0 var(--ink)}.formats a b{font-family:var(--display);font-weight:400;color:var(--accent);margin-right:4px}.stack{position:relative;aspect-ratio:1;max-width:430px;width:100%;justify-self:center}.stack .s{position:absolute;width:56%;aspect-ratio:1;border:2px solid var(--ink);border-radius:4px;overflow:hidden;box-shadow:6px 6px 0 var(--ink);background:#fff}.stack .s img{width:100%;height:100%;object-fit:cover}.stack .s:nth-child(1){left:0;top:4%;transform:rotate(-8deg)}.stack .s:nth-child(2){left:22%;top:16%;transform:rotate(3deg);z-index:2}.stack .s:nth-child(3){right:0;top:34%;transform:rotate(9deg);z-index:3}.sticker{position:absolute;left:4%;bottom:0;z-index:4;width:112px;height:112px;border-radius:50%;background:var(--pink);border:2px solid var(--ink);display:grid;place-items:center;text-align:center;font-family:var(--hb-hand);font-size:17px;line-height:1.05;color:var(--ink);transform:rotate(-10deg);box-shadow:3px 3px 0 var(--ink)}.card:hover .pic{transform:rotate(-2deg)}.wall{background:var(--brown);color:var(--bg);border-top:var(--border);border-bottom:var(--border)}.wall .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.wall h2{color:var(--accent-2)}.wall p{opacity:.9;margin:14px 0 22px;font-size:17px;max-width:460px}.abc{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.abc a{aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;font-family:var(--display);font-size:22px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .15s;background:radial-gradient(circle,var(--ink) 0 8%,var(--c) 9% 38%,#1a120c 39%)}.abc a span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;color:#fff;text-shadow:0 1px 2px #000}.abc a:hover{transform:rotate(25deg) scale(1.08)}.genres{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.genre{border:var(--border);border-radius:var(--radius);padding:18px;background:#fff;box-shadow:var(--shadow);text-align:left;transition:transform .15s}.genre:hover{transform:translateY(-3px) rotate(-1deg)}.genre strong{display:block;font-family:var(--display);font-weight:400;font-size:21px;color:var(--brown)}.genre span{font-size:13px;color:var(--muted)}.states{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}.st{background:#fff;border:var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.st .f{font-size:34px}.st h3{font-family:var(--display);font-weight:400;font-size:23px;color:var(--brown);margin:10px 0 4px}.st code{font-size:12px;background:var(--accent-2);border:1.5px solid var(--ink);border-radius:4px;padding:1px 6px}.st p{color:var(--muted);font-size:15px;margin-top:8px}@media(max-width:1020px){.hero .wrap,.wall .wrap{grid-template-columns:minmax(0,1fr)}.hero:before{width:760px;height:760px;right:-300px;bottom:-420px}.stack{max-width:340px}.states{grid-template-columns:1fr}}@media(max-width:720px){.abc{grid-template-columns:repeat(6,1fr);gap:6px}.abc a{font-size:17px}.sticker{width:84px;height:84px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/winkel-muziek.css.map */