/*
Theme Name: HKstudios
Author: Hambel Kurti
Description: Studio photo, vidéo et création digitale avec portfolio WordPress.
Version: 1.3.0
Requires PHP: 7.4
Text Domain: hkstudios
*/

:root{--bg:#111210;--ink:#eeeee6;--muted:#a5a69d;--accent:#e63946}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:15px Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#111210ed;position:sticky;top:0;z-index:5;border-bottom:1px solid #ffffff1a}.logo{font-size:30px;letter-spacing:-2px;font-weight:800}.logo span{font-weight:400;color:var(--muted)}nav{display:flex;gap:28px;font-size:12px}nav a:hover{color:var(--accent)}.contactlink{border:1px solid #66685e;padding:12px 18px}.hero{min-height:720px;position:relative;display:flex;align-items:flex-end;padding:70px 6%;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0009,transparent),linear-gradient(0deg,#111210,transparent 55%),url('https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=2200&q=85') center 38%/cover}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:10px;color:var(--accent);font-weight:700}h1{font-size:clamp(65px,8.8vw,138px);line-height:.95;letter-spacing:-7px;margin:25px 0}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}h1 em{color:#e8d6bb}.hero p{color:#d0d0c7;line-height:1.7;max-width:400px}.button{display:inline-block;border:1px solid #77786e;padding:16px 24px;margin:16px 10px 0 0;background:transparent;color:var(--ink);font-size:12px}.button.primary{background:var(--accent);border-color:var(--accent);color:#141410}.hero-note{position:absolute;right:5%;bottom:70px;font-size:10px;line-height:1.8;color:#b7b7ae;writing-mode:vertical-rl}.strip{padding:23px 6%;border-bottom:1px solid #383a32;display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#a4a69c}section{padding:95px 6%}.sectiontop{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:38px}h2{font-size:clamp(42px,5vw,76px);letter-spacing:-3px;line-height:1.05;margin:18px 0 0}p{line-height:1.7}.intro{max-width:360px;color:var(--muted);font-size:13px}.universes{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #494b41;border-bottom:1px solid #494b41}.universe{padding:30px 22px;min-height:230px;border-right:1px solid #494b41;transition:background .2s}.universe:first-child{padding-left:0}.universe:last-child{border-right:0}.universe:hover{background:#ffffff08}.num{font-size:10px;color:var(--muted)}h3{font-size:24px;letter-spacing:-1px}.universe p{color:var(--muted);font-size:12px;min-height:58px}.arrow{color:var(--accent)}.art{background:#e8e6dd;color:#181a16}.art .intro{color:#686b60}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.filter{border:1px solid #aaa99e;color:#56584e;background:transparent;border-radius:30px;padding:9px 16px;font-size:11px}.filter.active{background:#20231c;color:white;border-color:#20231c}.gallery{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.work{border:0;padding:0;background:transparent;text-align:left;color:inherit}.work img{width:100%;height:350px;object-fit:cover;display:block;filter:saturate(.65);transition:filter .3s}.work:hover img{filter:saturate(1)}.work:first-child img{height:440px}.work[hidden]{display:none}.caption{display:flex;justify-content:space-between;padding:15px 0;font-size:12px}.caption span{font-size:10px;color:#686b60}.demo{font-size:10px;color:#73766a;margin-top:25px}.services{display:grid;grid-template-columns:1fr 1fr;gap:8%}.service-row{padding:24px 0;border-bottom:1px solid #45473e}.service-row h3{margin:0 0 10px;font-size:22px}.service-row p{margin:0;color:var(--muted);font-size:13px}.private{background:#1e211b;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.private img{width:100%;height:510px;object-fit:cover}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tags span{border-bottom:1px solid #6a6d60;padding:9px 0;margin-right:15px;font-size:12px}.rental{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.booth{min-height:350px;background:#25291f;display:grid;place-items:center;position:relative}.machine{width:135px;height:190px;background:#ded5bd;border-radius:30px 30px 12px 12px;box-shadow:18px 18px 0 #0002;display:flex;flex-direction:column;align-items:center;padding:25px}.lens{width:36px;height:36px;background:#111;border:7px solid #565b4b;border-radius:50%}.screen{margin-top:18px;background:#262c23;width:95px;height:66px;display:grid;place-items:center;font-size:17px;color:#d2b995}.stand{position:absolute;width:16px;height:85px;background:#b5ac97;top:270px}.booth small{position:absolute;bottom:16px;color:#9fa48f;font-size:10px}.about{border-top:1px solid #44473c;display:grid;grid-template-columns:1fr 2fr;gap:6%}.about p{font-size:26px;line-height:1.5;margin:0}.contact{background:var(--accent);color:#191b15;display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact .eyebrow{color:#45151a}.contact p{max-width:360px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:11px;margin-bottom:8px}input,select,textarea{width:100%;border:0;border-bottom:1px solid #752832;background:transparent;padding:12px 0;color:#191b15;border-radius:0}textarea{min-height:90px}.full{grid-column:1/-1}.contact .button{background:#191b15;color:#fff;border:0}.formnote{font-size:11px!important;margin:12px 0}.result{font-size:13px;line-height:1.5}footer{padding:35px 6%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}dialog{padding:0;background:#141510;border:1px solid #555;color:white;max-width:90vw;width:900px}dialog::backdrop{background:#000d}dialog img{width:100%;max-height:75vh;object-fit:contain}dialog .close{position:absolute;right:10px;top:10px;background:#fff;color:#111;border:0;border-radius:50%;width:36px;height:36px}dialog p{padding:0 22px}.menu{display:none}@media(max-width:800px){header{height:auto;min-height:70px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px}nav{width:100%;justify-content:space-between;gap:5px}nav{gap:13px;font-size:10px}header>.contactlink{display:none}.hero{min-height:620px;padding:50px 6%}h1{letter-spacing:-4px}.hero-note{display:none}.strip{gap:20px;line-height:1.8}.strip span:last-child{display:none}section{padding:65px 6%}.sectiontop{display:block}.universes{grid-template-columns:1fr 1fr}.universe:nth-child(2){border-right:0}.universe:first-child{padding-left:22px}.universe{border-bottom:1px solid #494b41}.gallery{grid-template-columns:1fr 1fr}.work img,.work:first-child img{height:300px}.services,.private,.rental,.about,.contact{grid-template-columns:1fr;gap:35px}.private img{height:360px}.about p{font-size:22px}footer{gap:25px;align-items:flex-start}.hero:before{background-position:60% center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
nav a:hover, nav a[aria-current="page"]{color:#ff394b}nav a{transition:color .2s} .camera-scene{position:relative;height:320px;overflow:hidden;background:#0b0c0b;display:flex;align-items:center;justify-content:center}.camera-scene img{height:115%;max-width:80%;object-fit:cover;filter:drop-shadow(0 24px 30px #000);animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.camera-scene img{animation:none}}@media(max-width:800px){nav{flex-wrap:wrap;justify-content:center} .camera-scene{height:230px}}.hk-home-visual{width:100%;max-width:1280px;margin:0 auto;background:#0d0d0d;overflow:hidden}.hk-home-visual picture,.hk-home-visual img{display:block;width:100%}.hk-home-visual img{height:auto;object-fit:contain}
.hk-home-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0d0d0d}.hk-photobooth{margin:0}.hk-photobooth img{display:block;width:100%;height:auto}.hk-photobooth figcaption{font-size:10px;color:var(--muted);margin-top:12px}nav{gap:20px}@media(min-width:801px) and (max-width:1150px){header{flex-wrap:wrap;height:auto;min-height:88px;gap:16px;padding-top:16px;padding-bottom:16px}nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}}.hero{overflow:hidden}.hero:before{background:linear-gradient(90deg,#0009,transparent),linear-gradient(0deg,#111210,transparent 55%);z-index:-1;pointer-events:none}.hero-portraits{position:absolute;inset:0;z-index:-2;pointer-events:none}.portrait-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%}.portrait-woman{opacity:0;animation:portrait-fade 12s infinite}.portrait-toggle{position:absolute;right:6%;top:24px;border:1px solid #ffffff50;border-radius:30px;background:#1119;color:#eeeee6;font-size:11px;padding:9px 14px;z-index:2}.portraits-paused .portrait-woman{animation-play-state:paused}@keyframes portrait-fade{0%,40%,100%{opacity:0}50%,90%{opacity:1}}@media(max-width:800px){.portrait-slide{object-position:center 20%}}@media(prefers-reduced-motion:reduce){.portrait-woman{animation:none}.portrait-toggle{display:none}}
.contact label{color:#fff}.contact input,.contact textarea,.contact select{color:#fff;border-bottom-color:#ffffff90}.contact input::placeholder,.contact textarea::placeholder{color:#fff;opacity:1}.contact select option{background:#fff;color:#191b15}.contact input:focus,.contact textarea:focus,.contact select:focus{outline:2px solid #fff;outline-offset:5px}.contact input::-webkit-calendar-picker-indicator{filter:invert(1)}.hero{min-height:clamp(900px,72vw,1100px);padding-bottom:75px}.portrait-slide{object-position:center 18%}.hero:before{background:linear-gradient(90deg,#000b,transparent 75%),linear-gradient(0deg,#111210,transparent 28%)}@media(max-width:800px){.hero{min-height:800px;padding-bottom:55px}.portrait-slide{object-position:center 24%}}
.equipment{padding:70px 0;background:#0d0e0c;border-top:1px solid #ffffff15}.equipment-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 6%;margin-bottom:32px}.equipment h2{font-size:clamp(36px,4vw,58px);letter-spacing:-2px}.equipment-heading p{color:var(--muted);max-width:620px}.equipment-pause{background:transparent;color:var(--ink);border:1px solid #66685e;border-radius:25px;padding:11px 18px;font-size:12px;white-space:nowrap}.equipment-window{overflow:hidden;width:100%}.equipment-track{display:flex;width:max-content;animation:equipment-left 100s linear infinite}.equipment-group{display:flex;gap:16px;padding-right:16px;flex-shrink:0}.equipment-card{width:210px;flex:0 0 210px;background:#151612;border:1px solid #34362f;padding:12px}.equipment-card img{display:block;width:100%;height:155px;object-fit:contain;background:#10110f}.equipment-card span{display:block;font-size:10px;color:#e63946;text-transform:uppercase;letter-spacing:1.5px;margin-top:14px}.equipment-card h3{font-size:14px;font-weight:400;letter-spacing:0;line-height:1.45;margin:9px 0 5px;min-height:41px}.equipment-window:hover .equipment-track,.equipment-window:focus-within .equipment-track,.equipment.is-paused .equipment-track{animation-play-state:paused}.equipment-note{font-size:10px;color:var(--muted);padding:0 6%;margin-top:18px}@keyframes equipment-left{to{transform:translateX(-50%)}}@media(max-width:800px){.equipment{padding:50px 0}.equipment-heading{align-items:flex-start;flex-direction:column}.equipment-card{width:180px;flex-basis:180px}.equipment-card img{height:130px}}@media(prefers-reduced-motion:reduce){.equipment-track{animation:none}.equipment-window{overflow-x:auto}.equipment-group[aria-hidden]{display:none}.equipment-pause{display:none}}
.wp-content{max-width:1250px;margin:auto}.wp-content img{max-width:100%;height:auto}.hk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hk-card{border:1px solid #333;padding:18px}.hk-card img{width:100%;height:320px;object-fit:cover}.hk-card video{width:100%;max-height:450px}.hk-card h2{font-size:25px;letter-spacing:-1px}.hk-filter{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hk-filter button{background:transparent;color:#eee;border:1px solid #777;padding:12px 18px}.hk-filter button[aria-pressed=true]{background:#e63946}.hk-nav{display:flex;list-style:none;gap:18px;padding:0}.current-menu-item>a{color:#e63946}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:10px;top:10px;z-index:99;background:#111;padding:15px}.hk-card[hidden]{display:none}header{flex-wrap:wrap;height:auto;min-height:88px;gap:15px}nav a:hover,nav a:focus{color:#e63946}@media(max-width:800px){.hk-grid{grid-template-columns:1fr}.hk-nav{flex-wrap:wrap}.universes{display:flex;flex-wrap:wrap}.universe{flex:1 1 230px}h1{letter-spacing:-2px}}