/*
Theme Name: HENRY SK Official
Theme URI: https://henrysk.com
Author: HENRY SK
Description: A high-intensity cobalt artist theme with music links, manageable shows and a built-in contact form.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: henry-sk
*/
:root{--ink:#05070b;--blue:#185cff;--blue2:#3b82ff;--silver:#c7ceda;--white:#f5f7fa;--muted:#7d8799;--line:rgba(199,206,218,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{width:min(1360px,calc(100% - 96px));margin:auto}
.hero{min-height:800px;height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 42%,rgba(24,92,255,.42),transparent 25%),linear-gradient(105deg,#020305 0%,#05070b 59%,#071126 100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.25),transparent 58%);pointer-events:none}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid var(--line)}.wordmark{font:700 31px/1 Arial;letter-spacing:.24em}.nav-links{display:flex;gap:42px}.nav-links a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--silver)}.menu-toggle{display:none}.hero-content{position:relative;z-index:5;padding-top:8vh}.eyebrow,.kicker{font-size:11px;letter-spacing:.28em;font-weight:700;color:#7fa8ff}.hero h1,.section h2{font-family:Impact,"Arial Narrow",sans-serif;margin:20px 0 10px;font-size:clamp(88px,10.5vw,165px);line-height:.77;letter-spacing:-.035em}.hero h1{max-width:760px;background:linear-gradient(180deg,#fff 4%,#aab2c1 68%,#667080);-webkit-background-clip:text;color:transparent}.hero-copy{font-size:20px;line-height:1.55;color:var(--silver);margin:24px 0}.hero-actions{display:flex;gap:18px}.button{min-height:58px;padding:0 28px;border-radius:40px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(118,166,255,.65);font-weight:700;background:rgba(8,15,30,.62);box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 26px rgba(24,92,255,.16);transition:.2s;cursor:pointer;color:#fff}.button:hover{transform:translateY(-2px);box-shadow:0 0 34px rgba(24,92,255,.38)}.button.primary{background:linear-gradient(135deg,#0b2d78,#185cff)}.platforms{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.platforms a{font-size:12px;color:var(--silver);border:1px solid var(--line);padding:12px 15px;border-radius:8px;background:rgba(3,8,18,.55)}.figure{position:absolute;right:4%;bottom:-2%;width:39vw;height:80%;z-index:3;filter:drop-shadow(0 0 48px rgba(24,92,255,.26))}.figure .body{position:absolute;width:80%;height:67%;bottom:0;left:10%;background:linear-gradient(90deg,#010204,#0a0e16 46%,#020307);clip-path:polygon(21% 10%,42% 0,67% 4%,88% 23%,100% 100%,0 100%,7% 30%)}.head{position:absolute;width:28%;aspect-ratio:1;border-radius:48%;background:#010204;left:36%;top:9%}.headphones{position:absolute;width:37%;height:24%;border:12px solid #020306;border-bottom:0;border-radius:50% 50% 0 0;left:31.5%;top:5%}.laser{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#56a0ff,#185cff,transparent);box-shadow:0 0 12px #3b82ff;z-index:2}.laser.one{width:70%;right:-5%;top:31%;transform:rotate(-26deg)}.laser.two{width:55%;right:-3%;top:56%;transform:rotate(22deg)}
.section{padding-block:120px}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.section h2{font-size:clamp(70px,8vw,118px)}.section h2 em{font-style:normal;color:var(--blue2)}.section-heading>p,.lead{color:var(--muted);font-size:17px;line-height:1.75}.release-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:65px}.release-art{aspect-ratio:1;position:relative;border:1px solid var(--line);background:radial-gradient(circle,#143a7e,#05070b 62%);overflow:hidden}.release-art:before{content:"";position:absolute;width:150%;height:2px;background:#3b82ff;box-shadow:0 0 22px #3b82ff;transform:rotate(-35deg);left:-25%;top:48%}.release-art strong{position:absolute;font:900 110px/.7 Impact;right:10%;bottom:10%;color:#070d18;text-shadow:0 0 2px #89a8e5}.release-meta{display:flex;justify-content:space-between;padding:17px 0}.release-meta h3{margin:0}.release-meta p{color:var(--muted);font-size:12px}.story{background:#080b11;border-block:1px solid var(--line)}.story-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.story-visual{height:650px;background:radial-gradient(circle at 48% 43%,#174894 0,#071126 29%,#040609 63%);position:relative;border:1px solid var(--line)}.story-visual p{position:absolute;left:8%;bottom:8%;font:900 clamp(62px,7vw,105px)/.82 Impact;margin:0}.story-visual b{color:#4887ff}.story-copy p{color:#929baa;font-size:17px;line-height:1.8}.story-copy blockquote{font:900 clamp(46px,5vw,75px)/.9 Impact;color:#dfe6f2;border-left:3px solid var(--blue);padding-left:25px;margin:45px 0}.shows-list{margin-top:55px}.show-row{display:grid;grid-template-columns:130px 1fr 1fr auto;gap:25px;align-items:center;border-top:1px solid var(--line);padding:28px 0}.show-row:last-child{border-bottom:1px solid var(--line)}.show-date{color:#7ea4f3;font-size:12px;letter-spacing:.12em}.show-row h3{margin:0 0 7px}.show-row p{margin:0;color:var(--muted)}.empty-show{border-block:1px solid var(--line);padding:40px 0;color:var(--silver)}.contact{background:linear-gradient(145deg,#071227,#030406 60%)}.social-list a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact label{font-size:10px;letter-spacing:.16em;color:#8b9bbc;text-transform:uppercase}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:10px;background:rgba(2,5,11,.65);border:1px solid var(--line);border-radius:6px;padding:16px;color:#fff;font:15px Arial}.contact label.full{grid-column:1/-1}.notice{grid-column:1/-1;padding:15px;border:1px solid #2c65d5;background:#091c42;color:#b9d0ff}.site-footer{padding:60px 0 25px;background:#020305}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:30px;align-items:center}.footer-grid p{color:#65718a;font-size:9px;letter-spacing:.2em}.copyright{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;font-size:9px;color:#4f596d}.entry{padding:150px 0 100px;max-width:850px}.entry h1{font:900 70px/.9 Impact}.entry-content{color:#a6afbe;line-height:1.8}
@media(max-width:850px){.shell{width:min(100% - 36px,720px)}.nav{height:82px}.menu-toggle{display:block;background:none;border:1px solid var(--line);color:#fff;border-radius:50%;width:43px;height:43px}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#050911;padding:22px;flex-direction:column}.nav-links.open{display:flex}.hero h1{font-size:clamp(68px,20vw,108px)}.figure{opacity:.38;width:75vw;right:-28%}.section-heading,.story-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.release-grid{grid-template-columns:1fr 1fr}.story-visual{height:480px}.show-row{grid-template-columns:1fr 2fr}.show-row .button{grid-column:1/-1;width:max-content}.contact form{grid-template-columns:1fr}.contact label.full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.hero-actions{flex-direction:column;align-items:flex-start}.release-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}

/* White Edition */
:root{--ink:#fff;--white:#071126;--silver:#26344b;--muted:#657186;--line:rgba(7,17,38,.13)}
body{background:var(--ink);color:var(--white)}
.hero{background:radial-gradient(circle at 78% 42%,rgba(24,92,255,.16),transparent 26%),linear-gradient(105deg,#fff 0%,#f8faff 58%,#eaf1ff 100%)}
.hero:after{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.28) 58%)}
.hero h1{background:linear-gradient(180deg,#071126 5%,#20314d 64%,#596982);-webkit-background-clip:text;color:transparent}
.nav-links a,.hero-copy,.platforms a{color:#26344b}.eyebrow,.kicker{color:#185cff}
.platforms a{background:#fff;border-color:#cfdaed;box-shadow:0 8px 25px rgba(17,53,111,.06)}
.button:not(.primary){background:#fff;color:#071126;border-color:#b8c9e8;box-shadow:0 8px 28px rgba(17,53,111,.09)}
.figure{filter:drop-shadow(0 24px 55px rgba(24,92,255,.18))}.figure .body{background:linear-gradient(90deg,#d9e4f7,#a9bfe4 46%,#dbe7fa)}.head,.headphones{background:#b8cbea}.headphones{border-color:#b8cbea}
.release-art{background:radial-gradient(circle,#8fb3ff,#e7efff 62%)}.release-art strong{color:#d8e4fa;text-shadow:0 0 2px #2e5aa9}
.story{background:#f5f8ff}.story-visual{background:radial-gradient(circle at 48% 43%,#7ea6f8 0,#d7e4ff 31%,#f8faff 68%)}.story-copy p{color:#5d687a}.story-copy blockquote{color:#14223a}
.contact{background:linear-gradient(145deg,#edf3ff,#fff 64%)}.contact input,.contact select,.contact textarea{background:#fff;color:#071126;border-color:#cbd7e9}.contact label{color:#50617e}
.site-footer{background:#f3f6fb}.notice{background:#edf3ff;color:#143b8d}.entry-content{color:#5d687a}
@media(max-width:850px){.menu-toggle{color:#071126;background:#fff}.nav-links{background:#fff;box-shadow:0 16px 40px rgba(17,53,111,.12)}}
.custom-logo{max-width:210px;max-height:70px;width:auto;height:auto}.nav-links-menu{display:flex;gap:42px;list-style:none;margin:0;padding:0}.nav-links-menu a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#26344b}
@media(max-width:850px){.nav-links-menu{flex-direction:column;gap:24px}.nav-links.open .nav-links-menu{display:flex}}