/*
Theme Name: Don 3ple-ig Prolific
Theme URI: https://example.com/
Author: TDC Ventures
Description: A bold editorial WordPress artist theme with music releases, blog posts, filmography and booking details.
Version: 1.0.1
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: don3ple
*/
:root{--ink:#10100e;--paper:#f1eadc;--acid:#d8ff3e;--orange:#f04e2f;--muted:#948e83}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.nav{height:82px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:3;width:100%;border-bottom:1px solid #ffffff26;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.brand{font-weight:800;font-size:14px}.brand b{background:var(--acid);color:var(--ink);padding:9px 7px;margin-right:8px}.navlinks{display:flex;gap:30px}.navlinks a:hover{color:var(--acid)}.booking{border-bottom:1px solid var(--acid);padding-bottom:5px}.hero{min-height:780px;display:grid;grid-template-columns:55% 45%;padding-top:82px;background:radial-gradient(circle at 25% 30%,#302b18,transparent 36%)}.hero-copy{padding:9vh 4.5vw;display:flex;flex-direction:column;justify-content:center}.tag{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:800;color:var(--acid)}h1,h2{font:400 clamp(58px,7vw,112px)/.9 Georgia,serif;letter-spacing:-.055em;margin:0}h1 em,.site-footer h2 em{display:block;color:var(--acid);font-weight:400}.lead{max-width:580px;color:#c6c0b5;font-size:18px;line-height:1.65;margin:32px 0}.button,.ghost{display:inline-block;padding:16px 21px;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.13em}.button{background:var(--acid);color:var(--ink)}.ghost{border:1px solid #ffffff45;margin-left:12px}.hero-image{overflow:hidden;position:relative}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 28%)}.hero-image img{width:100%;height:100%;object-fit:cover}.ticker{background:var(--acid);color:var(--ink);font-weight:900;font-size:17px;padding:16px;text-align:center}.section{padding:110px 4.5vw}.section-head{display:grid;grid-template-columns:1fr 2fr 1.15fr;gap:35px;align-items:end}.section-head>p:last-child{color:#aaa399;line-height:1.7}.release-grid,.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff2b;margin-top:60px}.release,.post-card{background:var(--ink);min-height:330px;padding:28px;position:relative}.release img,.post-card img{height:210px;width:100%;object-fit:cover;margin-bottom:25px}.release h3,.post-card h3{font:400 34px/1.05 Georgia;margin:18px 0}.release p,.post-card p{color:#aaa399;line-height:1.6;font-size:13px}.release small,.post-card small{color:var(--acid);text-transform:uppercase;letter-spacing:.12em}.story{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:44% 46%;gap:8%}.story img{height:720px;width:100%;object-fit:cover}.story h2{margin:18px 0 40px}.story p{color:#514c44;line-height:1.75}.story .intro{font:24px/1.45 Georgia;color:var(--ink)}.dark{color:#be321c}.film{display:grid;grid-template-columns:42% 1fr;gap:8%;background:#181817}.film h2{margin-top:20px}.film article{border-top:1px solid #ffffff2d;padding:26px 0}.film article h3{font:400 30px Georgia;margin:0 0 10px}.film article p{color:#aaa399}.blog{background:#161614}.empty{color:#aaa399;border:1px dashed #ffffff40;padding:30px;margin-top:50px}.site-footer{background:var(--paper);color:var(--ink);padding:100px 4.5vw 30px}.site-footer h2{font-size:clamp(66px,10vw,145px);margin:22px 0 32px}.site-footer h2 em{color:var(--orange)}.foot{border-top:1px solid #0003;margin-top:80px;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.content{max-width:900px;margin:auto;padding:140px 25px 90px}.content h1{font-size:clamp(50px,7vw,90px);margin-bottom:30px}.content-body{font:18px/1.8 Georgia;color:#d8d1c5}.content-body img{margin:35px 0}@media(max-width:850px){.navlinks{display:none}.hero,.story,.film,.section-head{grid-template-columns:1fr}.hero-image{height:620px}.section{padding:80px 6vw}.release-grid,.post-grid{grid-template-columns:1fr}.story img{height:520px}.nav,.hero-copy{padding-left:6vw;padding-right:6vw}}@media(max-width:520px){h1,h2{font-size:54px}.ghost{margin:12px 0 0}.hero-image{height:500px}.foot{flex-direction:column;gap:14px}}
