/*
Theme Name: Eyekonik Final Exact Eye 2026
Theme URI: https://eyekonik.com/
Author: ChatGPT for Eyekonik Music
Description: Final approved Eyekonik Music artist homepage using the exact approved black/gold/purple visual with the correct eye symbol. Includes clickable nav/buttons/cards and editable links.
Version: 3.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: eyekonik-final-exact-eye-2026
*/

:root{--gold:#d6a83a;--gold2:#f4d878;--purple:#8e2cff;--bg:#000;--white:#fff8ed;--muted:#cfc8bd;--line:rgba(214,168,58,.18);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#000;color:var(--white);font-family:var(--sans);overflow-x:hidden} a{color:inherit;text-decoration:none}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ek-page{background:#000;min-height:100vh}.ek-exact-hero{width:100%;background:#000;display:flex;justify-content:center}.ek-frame{position:relative;width:min(100%,1536px);line-height:0;background:#000}.ek-frame img{width:100%;height:auto;display:block}.ek-hotspot{position:absolute;display:block;z-index:5;border-radius:8px;outline:none}.ek-hotspot:focus-visible{box-shadow:0 0 0 3px rgba(244,216,120,.85),0 0 32px rgba(142,44,255,.6);background:rgba(244,216,120,.08)}
/* Hotspots match the final approved 1536x1024 layout. */
.hs-logo{left:2.4%;top:2.4%;width:17.5%;height:5.4%}.hs-home{left:29.6%;top:3.1%;width:4.6%;height:5.1%}.hs-bio{left:35.0%;top:3.1%;width:4.0%;height:5.1%}.hs-music{left:40.4%;top:3.1%;width:5.4%;height:5.1%}.hs-videos{left:47.0%;top:3.1%;width:6.2%;height:5.1%}.hs-gallery{left:54.1%;top:3.1%;width:6.3%;height:5.1%}.hs-fan{left:61.6%;top:3.1%;width:8.4%;height:5.1%}.hs-merch{left:70.4%;top:3.1%;width:5.5%;height:5.1%}.hs-epk{left:76.9%;top:3.1%;width:4.4%;height:5.1%}.hs-contact{left:82.2%;top:3.1%;width:7.9%;height:5.1%}.hs-listen-top{left:91.0%;top:3.1%;width:6.8%;height:5.1%}.hs-listen{left:5.3%;top:57.5%;width:11.5%;height:6.0%}.hs-watch{left:17.8%;top:57.5%;width:11.0%;height:6.0%}.hs-booking{left:29.5%;top:57.5%;width:11.7%;height:6.0%}.hs-bio-card{left:2.8%;top:72.3%;width:29.6%;height:23.5%}.hs-music-card{left:33.6%;top:72.3%;width:29.0%;height:23.5%}.hs-epk-card{left:64.0%;top:72.3%;width:30.7%;height:23.5%}

.ek-section{padding:clamp(70px,9vw,125px) clamp(24px,5vw,78px);border-top:1px solid var(--line);background:radial-gradient(circle at 80% 10%,rgba(142,44,255,.11),transparent 32rem),#000}.ek-container{max-width:1220px;margin:0 auto}.ek-kicker{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2);margin:0 0 15px}.ek-section h2{font-family:var(--serif);font-weight:400;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(38px,6vw,76px);line-height:.95;margin:0 0 22px;background:linear-gradient(90deg,#d6a83a,#fff,#a7843b);-webkit-background-clip:text;background-clip:text;color:transparent}.ek-section p{font-size:clamp(18px,2vw,23px);line-height:1.55;color:#eee7dd;max-width:820px}.ek-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.ek-panel{border:1px solid rgba(214,168,58,.22);background:linear-gradient(180deg,rgba(10,8,12,.88),rgba(3,3,4,.94));padding:30px;min-height:210px}.ek-panel h3{margin:0 0 14px;color:var(--gold);font-size:25px;letter-spacing:.08em;text-transform:uppercase;font-weight:400}.ek-panel p{font-size:18px;line-height:1.45}.ek-link{display:inline-flex;align-items:center;gap:12px;margin-top:20px;color:var(--gold2);text-transform:uppercase;letter-spacing:.1em;font-size:13px}.ek-link:after{content:'→';font-size:22px}.ek-video{aspect-ratio:16/9;border:1px solid rgba(214,168,58,.25);background:#08080a;margin-top:32px}.ek-video iframe{width:100%;height:100%;border:0;display:block}.ek-footer{padding:50px clamp(24px,5vw,78px);border-top:1px solid var(--line);background:#000;color:#aaa}.ek-social{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.ek-pill{border:1px solid rgba(214,168,58,.42);color:var(--gold2);padding:12px 15px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.ek-pill:hover{background:rgba(214,168,58,.12)}
@media(max-width:900px){.ek-exact-hero{overflow-x:auto;justify-content:flex-start}.ek-frame{min-width:1050px}.ek-section{padding-top:72px}.ek-grid{grid-template-columns:1fr}.ek-footer{padding-bottom:80px}}