/*
Theme Name: Jason Mansell
Author: Jason Mansell
Description: A dark personal portfolio for DJ Manse, woodworking and getting in touch.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: jason-mansell
*/
:root{--bg:#101211;--panel:#191c19;--ink:#f2efe7;--muted:#b5b6ae;--gold:#d7bc80;--line:#343a33}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.75 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;z-index:99;background:#101211;padding:10px}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:108px;gap:25px}.brand{text-decoration:none;font-size:25px;font-weight:650;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:500;text-transform:uppercase}.menu{list-style:none;display:flex;gap:30px;margin:0;padding:0;align-items:center}.menu a{font-size:14px;text-decoration:none;color:var(--muted)}.menu .current-menu-item>a,.menu a[aria-current],.menu a:hover{color:var(--gold)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding:85px 0 75px}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin:0 0 25px}h1,h2,h3{font-weight:450;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(48px,6.8vw,88px);margin:0 0 30px}h2{font-size:clamp(32px,4vw,48px);margin:0 0 24px}h3{font-size:28px;margin:15px 0}.lead{font-size:19px;color:var(--muted);max-width:550px}.button,button[type=submit]{display:inline-block;background:var(--gold);color:#161a15;padding:13px 25px;text-decoration:none;border:1px solid var(--gold);border-radius:0;font:600 13px/1.5 system-ui;cursor:pointer}.button:hover,button[type=submit]:hover{background:#f0d9a6;color:#111}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.visual{height:440px;position:relative;overflow:hidden;background:#1a221c;isolation:isolate}.record{position:absolute;width:350px;height:350px;left:16%;top:9%;border-radius:50%;background:repeating-radial-gradient(circle,#121513 0,#121513 2px,#2c302a 3px,#121513 4px);box-shadow:0 20px 60px #000a}.record:before{content:'';position:absolute;inset:34%;border-radius:50%;background:var(--gold);border:12px solid #a38a55}.record:after{content:'';position:absolute;inset:48.5%;border-radius:50%;background:#171d18}.visual .grain{position:absolute;width:70%;height:76%;bottom:-32%;right:-7%;transform:rotate(-21deg);background:repeating-linear-gradient(91deg,#695038 0,#695038 3px,#95704c 4px,#795a3d 7px,#b28c5d 9px,#795a3d 13px);box-shadow:0 -8px 25px #0006}.visual.dj .grain{display:none}.visual.wood .record{display:none}.visual.wood .grain{width:130%;height:120%;bottom:-15%;right:-12%;transform:rotate(-18deg);opacity:.85}.visual.contact .record{opacity:.25}.visual-label{position:absolute;left:25px;bottom:22px;color:#fff;font:10px system-ui;letter-spacing:3px;z-index:2;background:#101211bf;padding:8px 12px}.ribbon{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:3px;color:var(--muted);word-spacing:6px}.content{padding:75px 0}.intro{max-width:790px;margin-bottom:55px}.intro p{color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.card{background:var(--panel);padding:38px;border:1px solid var(--line)}.card p{color:var(--muted)}.number{font-size:11px;letter-spacing:2px;color:var(--gold)}.text-link{font-size:13px;color:var(--gold)}.note{margin-top:50px;padding:35px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.note p{margin:0;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner a{color:var(--gold)}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:65px}label{display:block;margin:0 0 20px;font-size:13px}input,select,textarea{display:block;width:100%;padding:13px;margin-top:8px;background:#191c19;color:var(--ink);border:1px solid #495144;border-radius:0;font:16px system-ui}textarea{min-height:160px;resize:vertical}.form-note{font-size:12px;color:var(--muted)}.notice{border:1px solid var(--gold);padding:20px;margin-bottom:25px}.hp{position:absolute;left:-9999px}.entry-content img{max-width:100%;height:auto}.entry-content>.wp-block-image{margin:35px 0}.alignwide{max-width:100%}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.header-inner{flex-wrap:wrap;min-height:90px;padding:20px 0}.brand{font-size:23px}.menu-toggle{display:block;border:1px solid var(--line);color:var(--ink);background:none;padding:10px}.site-nav{width:100%}.js .site-nav{display:none}.js .site-nav.open{display:block}.menu{gap:20px;flex-wrap:wrap;padding:10px 0}.hero{grid-template-columns:1fr;padding:50px 0;gap:35px}.visual{height:330px}.record{width:290px;height:290px;left:20%;top:6%}.grid,.note,.contact-grid{grid-template-columns:1fr}.content{padding:45px 0}.card{padding:25px}.ribbon{font-size:9px;letter-spacing:2px}.footer-inner{flex-direction:column}.contact-grid{gap:25px}}@media(prefers-reduced-motion:no-preference){a,button{transition:color .2s,background .2s}}

/* DJ Manse page */
.dj-logo-panel{margin:0;display:flex;align-items:center;justify-content:center;background:#000;border:1px solid #55452b;box-shadow:0 20px 70px #0005}.dj-logo{display:block;width:100%;height:auto;max-height:540px;object-fit:contain}.dj-booth{border-top:1px solid var(--line);padding-top:48px;margin-top:25px;display:grid;grid-template-columns:1fr 1.5fr;gap:45px}.dj-booth p{color:var(--muted);margin-top:0}.dj-booth .eyebrow{color:var(--gold)}.dj-enquiry{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:42px;margin-top:45px;background:#1c211b;border:1px solid #665837}.dj-enquiry h2{font-size:36px}.dj-enquiry p{color:var(--muted);max-width:550px}.dj-enquiry .eyebrow{color:var(--gold)}.dj-enquiry .button{flex-shrink:0}@media(max-width:800px){.dj-logo-panel{max-width:520px;width:100%;margin:auto}.dj-booth{grid-template-columns:1fr;gap:10px}.dj-enquiry{display:block;padding:26px}.dj-enquiry .button{margin-top:15px}.dj-logo{max-height:500px}}