/*
Theme Name: HIDD.IT
Author: in1klik
Description: Minimal artist theme with full-screen photography and editable socials.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: hidd-it
*/
:root{color-scheme:dark;--ink:#101715;--white:#fff;--line:#ffffff30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--white);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:7px}.skip{position:absolute;top:-100px;left:20px;z-index:100}.skip:focus{top:15px;background:#000;padding:8px}.hero{position:relative;min-height:640px;height:100svh;overflow:hidden;background:#151c19}.hero-photo{position:absolute;right:0;top:0;width:73%;height:100%;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#00000008 4%,#00000022 10%,#00000055 18%,#00000099 26%,#000000d9 34%,#000 43%);mask-image:linear-gradient(90deg,transparent 0%,#00000008 4%,#00000022 10%,#00000055 18%,#00000099 26%,#000000d9 34%,#000 43%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 22%,transparent 85%,#0003);pointer-events:none}.topbar{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:38px 48px}.brand{font-family:Arial Black,Arial,sans-serif;font-weight:900;font-style:normal;letter-spacing:-.085em;font-size:42px;line-height:1}.brand img{width:auto;max-width:180px;max-height:60px}.menu-toggle{border:0;background:none;padding:10px 0;width:36px;height:36px;display:grid;align-content:center;gap:6px;cursor:pointer}.menu-toggle span{display:block;width:32px;height:3px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(9px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-9px) rotate(-45deg)}.hero-bottom{position:absolute;z-index:2;bottom:40px;left:48px;right:48px;display:flex;align-items:end;justify-content:space-between;gap:24px}.caption{text-transform:uppercase;letter-spacing:.22em;font-size:12px;opacity:.65}.scroll{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);z-index:3;display:grid;justify-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.12em}.chevron{width:12px;height:12px;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg)}.socials{display:flex;gap:23px;flex-wrap:wrap;align-items:center;font-size:14px;font-weight:700}.socials a{border-bottom:1px solid transparent}.socials a:hover{border-color:white}.nav-panel{position:absolute;inset:0;z-index:4;background:#0d1211f7;padding:150px 48px 90px;display:flex;flex-direction:column;justify-content:center;gap:20px}.nav-panel[hidden]{display:none}.nav-panel>a{font-size:clamp(35px,7vw,80px);font-weight:800;line-height:1.1;letter-spacing:-.05em;width:fit-content}.section{padding:100px 8vw;max-width:1600px;margin:auto}.section h1,.section h2{font-size:clamp(36px,6vw,80px);line-height:1;letter-spacing:-.055em;margin:0 0 45px;text-transform:uppercase}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.photo-grid img{width:100%;height:auto;display:block}.contact{border-top:1px solid var(--line)}.contact p{max-width:800px;font-size:clamp(18px,1.7vw,24px);line-height:1.6}.contact a{font-size:inherit;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;overflow-wrap:anywhere}.footer{padding:28px 8vw;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:12px;color:#b4bbb7}.content{max-width:900px}.content img{max-width:100%;height:auto}.content a{text-decoration:underline}.admin-bar .hero{height:calc(100svh - 32px)}.sub-header{display:flex;justify-content:space-between;padding:35px 8vw;border-bottom:1px solid var(--line)}
@media(max-width:700px){.hero{min-height:560px}.hero-photo{width:100%;object-position:center top;-webkit-mask-image:none;mask-image:none}.hero:after{background:linear-gradient(0deg,#000a,transparent 40%,#0004)}.topbar{padding:26px 24px}.brand{font-size:34px}.hero-bottom{left:24px;right:24px;bottom:28px;justify-content:center}.caption{display:none}.socials{justify-content:center;gap:18px;font-size:13px}.scroll{bottom:90px}.section{padding:65px 24px}.photo-grid{gap:16px}.nav-panel{padding:120px 24px}.footer{padding:24px}.admin-bar .hero{height:calc(100svh - 46px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.artist-info{position:absolute;z-index:2;left:6vw;top:52%;transform:translateY(-50%);max-width:44vw}.artist-info p{margin:0}.artist-info .genre,.artist-info .allround{font-size:clamp(24px,2.8vw,42px);font-weight:800;line-height:1.2;letter-spacing:-.04em;color:#fff}.artist-info .allround{margin-top:10px}.artist-info .artist-booking{font-size:16px;margin-top:28px;line-height:1.8}.artist-booking a{border-bottom:1px solid #ffffff80}.artist-booking a:hover{border-color:white}.artist-booking span{margin:0 5px;color:#a7b0aa}@media(max-width:700px){.artist-info{left:24px;right:24px;top:auto;bottom:175px;max-width:none;transform:none}.artist-info .genre,.artist-info .allround{font-size:26px}.artist-info .allround{margin-top:10px}.artist-info .artist-booking{font-size:14px;margin-top:16px}.hero:after{background:linear-gradient(0deg,#000d 0%,#0009 25%,transparent 65%,#0004)}}

.contact h2{margin-bottom:28px}.contact>p{margin:0 0 24px;color:#d8dedb}.booking-methods{display:grid;gap:12px}.contact .booking-methods p{margin:0}

.section h1.artist-logo{font-family:Arial Black,Arial,sans-serif;font-weight:900;font-style:normal;letter-spacing:-.085em}

.footer a:hover{text-decoration:underline;text-underline-offset:3px}

.header-right{display:flex;align-items:center;gap:32px}.language-switch{display:flex;gap:12px;font-size:13px;letter-spacing:.08em;font-weight:700}.language-switch a{opacity:.5;padding:7px 0}.language-switch a[aria-current=page]{opacity:1;border-bottom:1px solid #fff}.language-switch a:hover{opacity:1}
.contact-form{max-width:850px;margin-top:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form label{display:block;font-size:15px;font-weight:600;letter-spacing:.01em}.contact-form>label{margin-top:24px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:9px;border:1px solid #ffffff40;border-radius:0;background:#ffffff05;color:#fff;padding:14px 16px;font:18px/1.5 Arial,Helvetica,sans-serif}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #fff;outline-offset:2px}.contact-form textarea{resize:vertical;min-height:140px}.contact .form-note{font-size:13px;color:#b4bbb7;margin:20px 0}.submit-button{border:1px solid #fff;background:#fff;color:#101715;font-weight:700;padding:15px 24px;cursor:pointer}.submit-button:hover{background:#d8dedb}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.contact .form-notice{padding:16px 20px;border:1px solid #ffffff60;font-size:17px}.form-notice.error{border-color:#f1b3a4}.form-notice.success{border-color:#a6d9bb}
@media(max-width:700px){.header-right{gap:18px}.language-switch{gap:10px;font-size:12px}.form-grid{grid-template-columns:1fr;gap:20px}.contact-form{margin-top:28px}.contact-form input,.contact-form textarea{font-size:16px}.submit-button{width:100%}}