/*
Theme Name: DVCSTUDIO Luxe
Author: DVCSTUDIO
Description: Creative Media Studio — tema portofolio hitam emas, tanpa plugin wajib.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: dvcstudio-luxe
*/
:root{--gold:#d9b66f;--cream:#f5f0e6;--muted:#a49f94;--line:#ffffff1c;--bg:#090a0b;--panel:#131415;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.65 Arial,Helvetica,sans-serif}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button,input,select,textarea,summary{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}img,video{max-width:100%;display:block}button{color:inherit}.wrap{width:min(1260px,calc(100% - 64px));margin:auto}.progress{position:fixed;inset:0 auto auto 0;height:2px;background:var(--gold);width:0;z-index:100}header{position:sticky;top:0;z-index:40;background:#090a0beF;border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.nav{display:flex;align-items:center;justify-content:space-between;height:86px;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:56px;height:56px;object-fit:contain}.brand b{letter-spacing:2px;font-size:16px}.brand small{display:block;color:var(--gold);font-size:8px;letter-spacing:2px}.navlinks{display:flex;align-items:center;gap:30px;font-size:12px;color:#bcb6a9}.navlinks a:hover{color:var(--gold)}.navcta{border:1px solid #867044;padding:10px 18px;color:var(--cream)!important}.menu{display:none;background:none;border:1px solid var(--line);padding:8px 13px}.eyebrow{font:10px/1.5 monospace;letter-spacing:3px;color:var(--gold);text-transform:uppercase}.hero{min-height:760px;padding:70px 0 44px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#9a703c22,transparent 48%)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:72px 72px;pointer-events:none;mask-image:linear-gradient(#000,transparent)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;position:relative}.hero h1{font-size:clamp(58px,7.5vw,108px);line-height:.99;font-weight:500;letter-spacing:-6px;margin:28px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.intro{max-width:440px;color:var(--muted);font-size:15px}.buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 23px;border:1px solid #76613b;background:transparent;color:var(--cream);font-size:12px;text-align:center}.btn.gold{background:var(--gold);color:#18150e;border-color:var(--gold)}.btn:hover{transform:translateY(-2px);transition:.2s}.hero-art{position:relative;min-height:540px;display:grid;place-items:center}.orbit{width:460px;height:460px;border:1px solid #b9944e33;border-radius:50%;position:absolute;box-shadow:0 0 110px #c0933710}.orbit:after{content:'';position:absolute;inset:22px;border:1px dashed #c0933733;border-radius:50%;animation:orbit 80s linear infinite}.hero-logo{width:88%;max-height:470px;object-fit:contain;filter:drop-shadow(0 20px 30px #000);animation:float 7s ease-in-out infinite}.artnote{position:absolute;bottom:0;left:10px;right:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;font:10px monospace;color:var(--muted)}.live{color:var(--gold)}.live:before{content:'';display:inline-block;background:var(--gold);width:5px;height:5px;border-radius:50%;margin-right:7px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:58px;padding-top:22px;font:10px monospace;letter-spacing:1px;color:var(--muted)}.ribbon{padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101112}.ribbon .wrap{display:flex;justify-content:space-between;gap:18px;color:#d7c7a4;font-size:11px;letter-spacing:2px}.ribbon i{font-style:normal;color:#6a552e}section.block{padding:110px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.heading h2{font-size:clamp(36px,4.8vw,62px);line-height:1.1;font-weight:400;letter-spacing:-2px;margin:18px 0 0}.heading h2 em{font-family:Georgia,serif;color:var(--gold);font-weight:400}.heading p{color:var(--muted);max-width:330px;font-size:13px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filter{background:transparent;border:1px solid #393630;color:#a9a295;padding:8px 17px;border-radius:30px;font-size:11px}.filter.active{background:var(--gold);border-color:var(--gold);color:#17140d}.works{display:grid;grid-template-columns:1.25fr 1fr;gap:30px}.work{min-width:0}.work[hidden]{display:none}.work:nth-child(even){padding-top:65px}.work-media{height:470px;overflow:hidden;position:relative;background:#1b1b1a;display:block;width:100%;border:0;text-align:left;padding:0}.work-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.work-media:hover img{transform:scale(1.04)}.work:nth-child(1) img{object-position:center 53%}.work:nth-child(2) img{object-position:center 55%}.work-media:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.tag{position:absolute;top:20px;left:20px;font:9px monospace;letter-spacing:1px;background:#101010cc;color:var(--cream);padding:7px 12px;z-index:2;border:1px solid #d9b66f44}.play{position:absolute;bottom:25px;right:25px;display:grid;place-items:center;width:55px;height:55px;border:1px solid #ffffff88;border-radius:50%;z-index:2;font-size:20px;background:#0004}.workline{display:flex;justify-content:space-between;gap:20px;margin:16px 0 0}.workline h3{font-size:18px;font-weight:400;margin:0}.workline span{font:10px monospace;color:var(--gold)}.work p{font-size:12px;color:var(--muted);margin:5px 0}.services{background:#111213;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{display:grid;grid-template-columns:60px 1fr 1fr 40px;gap:20px;align-items:center;border-top:1px solid var(--line);padding:30px 0;transition:.3s}.service:hover{padding-left:12px;color:var(--gold)}.num{font:11px monospace;color:var(--gold)}.service h3{font-weight:400;font-size:27px;margin:0}.service p{font-size:13px;color:var(--muted);max-width:350px;margin:0}.service .arrow{color:var(--gold);font-size:24px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.step{border-top:1px solid #8a6c35;padding-top:22px}.step h3{font-weight:400;font-size:21px}.step p{font-size:13px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.quote{font:clamp(30px,3.8vw,49px)/1.3 Georgia,serif;letter-spacing:-1px}.quote em{color:var(--gold)}.about p{color:var(--muted);font-size:14px}.principles{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font:10px monospace;color:var(--gold)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:16px}details p{max-width:820px;color:var(--muted);font-size:14px}.contact{border:1px solid #5b4929;background:radial-gradient(ellipse at 90% 0,#72502522,transparent 55%),#121313;padding:60px;border-radius:4px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:clamp(38px,5vw,68px);line-height:1.1;font-weight:400;letter-spacing:-2px;margin:20px 0}.contact h2 em{font-family:Georgia,serif;color:var(--gold)}.contact p{color:var(--muted);font-size:13px}label{display:block;color:#c1b69f;font-size:11px;margin:16px 0 6px}input,select,textarea{width:100%;border:1px solid #504634;color:var(--cream);background:#0c0d0e;padding:12px;outline-color:var(--gold);border-radius:0}textarea{min-height:86px;resize:vertical}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.brief-result{margin-top:20px}#brieftext{min-height:200px;font-size:12px}#formstatus{color:var(--gold);min-height:22px;font-size:12px}.socials{display:flex;gap:20px;font-size:12px;color:var(--gold);margin-top:25px}.footer{border-top:1px solid var(--line);margin-top:80px;padding:25px 0}.footer .wrap{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:30px;background:#000e;backdrop-filter:blur(15px)}.modal[hidden]{display:none}.modalbox{max-width:1000px;width:100%;max-height:90vh;overflow:auto;background:#111;border:1px solid #544127;padding:24px;position:relative}.modalclose{position:sticky;top:0;float:right;z-index:2;background:#29241a;border:1px solid #806638;padding:8px 14px}.modal video,.modal img{max-height:65vh;margin:auto;object-fit:contain}.modal h3{font-weight:400;color:var(--gold);margin-bottom:5px}.modal p{font-size:13px;color:var(--muted)}.pagecontent{padding:80px 0;min-height:60vh}.pagecontent a{color:var(--gold)}.skip{position:fixed;left:10px;top:-100px;background:var(--gold);color:#000;padding:10px;z-index:200}.skip:focus{top:10px}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:1000px){.navlinks{gap:16px}.hero h1{font-size:76px}.hero-grid{gap:10px}.orbit{width:330px;height:330px}.hero-art{min-height:430px}.work-media{height:380px}.contact{padding:35px}.contact-grid{gap:35px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:74px}.brand img{width:44px;height:44px}.brand b{font-size:13px}.menu{display:block}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;background:#101112;padding:24px;border-bottom:1px solid #665331}.navlinks.open{display:flex}.hero{padding-top:50px;min-height:auto}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:70px;letter-spacing:-4px}.hero-art{min-height:400px}.hero-logo{max-height:340px;width:80%}.orbit{width:320px;height:320px}.hero-bottom{margin-top:28px;font-size:8px;gap:15px}.ribbon .wrap{font-size:8px;letter-spacing:0;flex-wrap:wrap}.heading{display:block}.heading h2{font-size:43px}.heading p{margin-top:20px}section.block{padding:75px 0}.works{grid-template-columns:1fr;gap:32px}.work:nth-child(even){padding-top:0}.work-media{height:470px}.service{grid-template-columns:30px 1fr 25px;gap:14px}.service h3{font-size:22px}.service p{grid-column:2;grid-row:2}.service .arrow{grid-column:3;grid-row:1}.process{grid-template-columns:1fr 1fr;gap:25px}.about{grid-template-columns:1fr;gap:25px}.contact{padding:25px}.contact-grid{grid-template-columns:1fr;gap:20px}.footer .wrap{flex-direction:column}.modal{padding:12px}.modalbox{padding:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}