/*
Theme Name: DJ Casso — After Dark
Theme URI: https://djcasso.hu/
Author: DJ Casso
Description: Sötét, reszponzív WordPress arculat DJ Casso számára.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: djcasso-night
License: GPL-2.0-or-later
*/
:root{--bg:#090a0e;--panel:#111218;--line:#34343c;--ink:#f6f4f1;--muted:#aaa9b3;--accent:#b793f6;--violet:#c7aaff;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.wrap{width:min(calc(100% - 80px),var(--max));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:12px;z-index:99;padding:10px;background:var(--accent);color:var(--bg)}.skip-link:focus{top:12px}.site-header{height:96px;border-bottom:1px solid #ffffff20;background:#090a0ef2;position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:12px;min-width:183px}.brand img{width:55px;height:59px;object-fit:contain}.brand-word{font-size:15px;font-weight:900;letter-spacing:.1em;line-height:1.06}.brand-word small{display:block;margin-top:6px;font-size:9px;color:var(--muted);letter-spacing:.29em}.nav{display:flex;align-items:center;gap:29px;margin-left:auto}.nav a{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#dbdae0}.nav a:hover{color:var(--accent)}.header-book{border:1px solid var(--accent);padding:14px 19px;color:var(--accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;white-space:nowrap}.header-book:hover{color:var(--bg);background:var(--accent)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);padding:10px 13px;margin-left:auto}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;left:-23%;top:-34%;width:70%;height:100%;background:radial-gradient(ellipse,#62519a24,transparent 67%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:52% 48%;min-height:690px}.hero-copy{padding:85px 48px 70px 0;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.hero h1{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-stretch:condensed;font-weight:900;text-transform:uppercase;letter-spacing:-.018em;line-height:.91;font-size:clamp(80px,9.5vw,162px);margin:54px 0 25px;max-width:800px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-description{color:#c9c8d0;font-size:16px;line-height:1.8;max-width:460px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid var(--accent);background:var(--accent);color:#0b0b0b;padding:19px 25px;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;min-height:56px}.btn:hover{background:transparent;color:var(--accent)}.text-link{font-size:12px;letter-spacing:.13em;font-weight:900;text-transform:uppercase;border-bottom:1px solid #ffffff8c;padding-bottom:8px}.hero-foot{display:flex;gap:28px;align-items:center;margin-top:auto;padding-top:52px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero-foot span+span{border-left:1px solid var(--line);padding-left:28px}.hero-art{position:relative;min-height:690px;background:#0c1523}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 41%;filter:saturate(.7) contrast(1.07)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 29%),linear-gradient(0deg,#090a0e 0%,transparent 27%),linear-gradient(180deg,#090a0e33,transparent 35%)}.hero-stamp{position:absolute;right:25px;bottom:24px;z-index:1;border:1px solid #ffffff91;padding:9px 12px;color:white;font-size:10px;font-weight:800;letter-spacing:.2em}.marquee{border-bottom:1px solid var(--line);background:#101116;overflow:hidden}.marquee-inner{display:flex;justify-content:space-between;gap:30px;padding:20px 0;color:#bab9be;font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.marquee b{color:var(--accent);font-size:18px;line-height:9px}.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:40px}.section-heading h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(52px,7vw,100px);font-weight:900;line-height:.98;text-transform:uppercase;letter-spacing:-.012em;margin:15px 0 0}.section-no{color:var(--accent);font-size:12px;letter-spacing:.15em;font-weight:900}.section-side{color:var(--muted);max-width:290px;font-size:13px;line-height:1.6}.mix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mix-card{background:var(--panel);border:1px solid var(--line);padding:24px;min-height:250px;display:flex;flex-direction:column;position:relative;transition:transform .2s,border-color .2s}.mix-card:hover{transform:translateY(-4px);border-color:#b793f680}.mix-meta{display:flex;justify-content:space-between;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.17em}.mix-icon{margin-top:37px;font-size:28px;color:var(--violet)}.mix-card h3{font-size:24px;line-height:1.12;letter-spacing:-.035em;margin:16px 0 8px}.mix-card p{margin:0 0 24px;color:var(--muted);font-size:12px}.mix-card audio{width:100%;height:38px;margin-top:auto;filter:grayscale(1) invert(.88);color-scheme:light}.mix-card .mix-open{margin-top:auto;color:var(--accent);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.about{background:#14151b;border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:42% 1fr;gap:9%;align-items:center}.about-photo{position:relative;max-height:590px;overflow:hidden}.about-photo img{display:block;width:100%;height:570px;object-fit:cover;object-position:center}.about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#18151c55,transparent 65%)}.about-text h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(53px,6vw,90px);line-height:.98;text-transform:uppercase;letter-spacing:-.01em;margin:25px 0}.about-text p{font-size:16px;line-height:1.8;color:#c9c7cf;max-width:620px}.about-text .large{font-size:23px;line-height:1.4;color:var(--ink);font-weight:700;letter-spacing:-.02em}.about-text .text-link{display:inline-block;margin-top:27px}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reference-card{position:relative;min-height:280px;background:#191a23;overflow:hidden;border:1px solid var(--line)}.reference-card img{width:100%;height:280px;object-fit:cover;filter:saturate(.75) brightness(.65);transition:transform .35s}.reference-card:hover img{transform:scale(1.04)}.reference-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090a0eea,transparent 80%)}.reference-label{position:absolute;z-index:1;left:23px;bottom:20px;right:20px;font-size:20px;font-weight:900;line-height:1.2}.reference-label small{display:block;color:var(--accent);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.contact{background:var(--accent);color:#11120e;padding:80px 0}.contact-grid{display:flex;justify-content:space-between;align-items:end;gap:30px}.contact h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(62px,9vw,138px);line-height:.9;text-transform:uppercase;margin:17px 0 24px}.contact p{font-size:16px;line-height:1.6;max-width:510px}.contact .eyebrow{color:#241331}.contact a.contact-mail{font-weight:900;font-size:clamp(18px,2.5vw,35px);border-bottom:2px solid #11120e;white-space:nowrap}.contact a:hover{color:#4e2575}.contact-links{display:flex;gap:23px;flex-wrap:wrap;margin-top:23px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:900}.site-footer{padding:30px 0 40px;background:#090a0e;color:#aaaab1}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.footer-inner a{margin-left:18px}.page-shell{padding:70px 0 110px;min-height:60vh}.page-head{padding:0 0 35px;border-bottom:1px solid var(--line);margin-bottom:40px}.page-head h1{font-family:Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase;font-size:clamp(55px,8vw,110px);line-height:1;margin:20px 0 0}.entry-content{max-width:1000px;color:#d4d3d8;line-height:1.8;font-size:17px}.entry-content h2,.entry-content h3{color:var(--ink);line-height:1.2}.entry-content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.entry-content iframe{max-width:100%}.entry-content table{border-collapse:collapse;display:block;overflow:auto;font-size:14px}.entry-content th,.entry-content td{padding:12px 15px;border:1px solid var(--line);white-space:normal}.entry-content th{background:#252630}.entry-content figure{max-width:100%}.entry-content .wp-block-columns{gap:24px}.entry-content .wp-block-button__link{border-radius:0;background:var(--accent);color:#10110e}.entry-content input,.entry-content textarea{max-width:100%}.pagination{margin-top:40px}.pagination a{color:var(--accent);margin-right:18px}.error-title{font-size:55px}.screen-reader-text{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{clip-path:none;height:auto;width:auto;position:fixed;top:5px;left:5px;z-index:100;background:var(--accent);color:#000;padding:10px}
@media(max-width:1050px){.wrap{width:min(calc(100% - 48px),var(--max))}.nav{gap:15px}.header-book{display:none}.hero h1{font-size:clamp(73px,9vw,120px)}.hero-grid{min-height:610px}.hero-art{min-height:610px}}@media(max-width:760px){.site-header{height:75px}.brand img{width:45px;height:49px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#101116;border-bottom:1px solid var(--line);padding:24px;flex-direction:column;align-items:flex-start;gap:22px}.nav.is-open{display:flex}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:65px 0 45px}.hero h1{font-size:clamp(76px,15vw,130px);margin:37px 0 15px}.hero-art{height:450px;min-height:0;order:-1;margin:0 -24px}.hero-art:after{background:linear-gradient(0deg,var(--bg),transparent 48%)}.hero-art img{object-position:center 33%}.hero-stamp{bottom:18px}.hero-foot{padding-top:38px}.marquee-inner{min-width:650px}.section{padding:70px 0}.section-heading{align-items:start;flex-direction:column}.section-side{margin:0}.mix-grid,.reference-grid{grid-template-columns:1fr}.mix-card{min-height:220px}.mix-icon{margin-top:24px}.reference-card,.reference-card img{height:250px;min-height:0}.about-grid{grid-template-columns:1fr;gap:35px}.about-photo img{height:440px}.contact-grid{display:block}.contact-mail{display:inline-block;margin-top:22px}.footer-inner{flex-direction:column}.footer-inner a{margin-left:0;margin-right:16px}}@media(max-width:440px){.wrap{width:calc(100% - 36px)}.hero-art{margin:0 -18px}.hero h1{font-size:clamp(69px,16vw,90px)}.hero-foot{gap:14px;font-size:9px}.hero-foot span+span{padding-left:14px}.contact{padding:65px 0}.contact h2{font-size:66px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.nav ul{display:flex;align-items:center;gap:29px;list-style:none;margin:0;padding:0}.nav li{margin:0}.nav li a{display:block}@media(max-width:1050px){.nav ul{gap:15px}}@media(max-width:760px){.nav ul{display:flex;flex-direction:column;align-items:flex-start;gap:22px}}
.reference-card img{object-fit:contain;padding:36px 26% 74px;background:#20212b;filter:saturate(.75) brightness(.82)}.reference-card:hover img{transform:scale(1.035)}.reference-label{font-size:18px}