:root{--night:#07070a;--ink:#101017;--violet:#8d3dff;--violet2:#c06bff;--fuchsia:#ff34ad;--gold:#f1c765;--ivory:#f9f6fc;--muted:#c9bfda;--border:rgba(255,255,255,.12)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:#08070b;color:var(--ivory);font:400 16px/1.55 'Trebuchet MS',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,.display,.nav-title,.price{font-family:Impact,'Arial Black',sans-serif;letter-spacing:.018em;font-stretch:condensed}::selection{background:#a64cfd;color:white}.wrap{width:min(1220px,calc(100% - 40px));margin:auto}.eyebrow{font:800 11px/1.4 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.eyebrow::before{content:'✦';color:var(--fuchsia);margin-right:9px}.pink{color:var(--fuchsia)}.gold{color:var(--gold)}.glow{background:linear-gradient(165deg,#fff 2%,#f8df9e 28%,#edb740 50%,#ff5f9e 78%,#b069ff);-webkit-background-clip:text;background-clip:text;color:transparent}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:normal;padding:15px 24px;font:900 12px/1.1 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;border:1px solid transparent;border-radius:5px;min-height:50px;transition:transform .2s,filter .2s;background:linear-gradient(100deg,#ecc46a 0%,#ff83a3 51%,#a257ff 100%);color:#09060c;box-shadow:0 12px 32px #fb46b034}.button:hover{transform:translateY(-2px);filter:brightness(1.09)}.button.ghost{background:rgba(14,12,20,.62);border-color:#a87cc98c;color:white;box-shadow:none}.button:focus-visible,.nav-links a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.tile:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.topstrip{background:linear-gradient(90deg,#48155c,#2b124e 45%,#65322e);border-bottom:1px solid #b47861aa;text-align:center;font:800 10px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:10px}.topstrip b{color:#ffe38e}.head{position:sticky;top:0;z-index:50;background:rgba(7,6,10,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 9px #a24eff88)}.brand strong{font:900 18px/1 Impact,'Arial Black',sans-serif;letter-spacing:.055em}.brand small{display:block;font:700 9px/1.4 Arial,sans-serif;color:#e4c98b;letter-spacing:.2em;text-transform:uppercase;margin-top:4px}.nav-links{display:flex;align-items:center;gap:24px;font:800 11px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.nav-links a:hover{color:var(--gold)}.nav .button{min-height:40px;padding:12px 16px}.hamburger{display:none;color:#fff;background:#21182a;border:1px solid var(--border);border-radius:5px;padding:10px 12px}.mobile-nav{display:none;flex-direction:column;padding:10px 0 22px}.mobile-nav a{padding:10px 0;border-bottom:1px solid #ffffff1c;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.12em}
.hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #ffffff1c;background:radial-gradient(ellipse at 76% 24%,#6b248977,transparent 46%),radial-gradient(ellipse at 40% 80%,#dc673333,transparent 50%),#07060b}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07060bed 0%,#07060bb0 58%,#07060b88),url('assets/studio-backdrop.webp') center 37%/cover;opacity:.56}.hero::after{content:'';position:absolute;z-index:-1;width:480px;height:480px;right:-140px;top:-150px;border-radius:50%;border:1px solid #b053ff3f;box-shadow:0 0 0 32px #9900fc0b,0 0 0 84px #e055fd07}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:40px;align-items:center;padding:84px 0 86px}.hero h1{font-size:clamp(57px,6.8vw,108px);line-height:.87;text-transform:uppercase;margin:18px 0 24px;text-shadow:0 6px 18px #000b}.hero p{font-size:17px;max-width:570px;color:#e4dcf1;margin:0 0 24px}.hero .actionrow{display:flex;gap:12px;flex-wrap:wrap}.hero .stamps{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:28px;font:800 10px/1.45 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#f3d994}.hero .stamps span::before{content:'✦';color:var(--fuchsia);margin-right:7px}.hero-art{position:relative;background:linear-gradient(150deg,#240f27dd,#050508de);border:1px solid #eec16e70;padding:14px;border-radius:12px;box-shadow:0 30px 80px #0008,0 0 55px #8d3dff2a;transform:rotate(1.5deg)}.hero-art::after{content:'';position:absolute;inset:8px;border:1px solid #ffc76a22;border-radius:7px;pointer-events:none}.hero-art .top-poster{height:380px;overflow:hidden;position:relative}.hero-art .top-poster img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.hero-art .top-poster::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000b)}.hero-art .overlay-name{position:absolute;inset:auto 22px 22px;z-index:2;font:900 clamp(32px,3.9vw,66px)/.82 Impact,sans-serif;text-transform:uppercase;text-shadow:3px 3px 0 #000,0 0 22px #efb94b}.hero-art .poster-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.hero-art .poster-row img{height:142px;width:100%;object-fit:cover;object-position:top}.hero-art .art-caption{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font:800 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}
.section{padding:88px 0;position:relative}.section.dark{background:linear-gradient(160deg,#0c0910,#08080d 48%,#0d0913)}.section .section-title{font-size:clamp(40px,5.4vw,71px);line-height:.95;text-transform:uppercase;max-width:880px;margin:12px 0 16px}.lead{max-width:740px;color:var(--muted);font-size:16px}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.heading-row p{margin:0}.section hr{border:0;height:1px;background:linear-gradient(90deg,#d9aa5688,#a65dfa44,transparent);margin:22px 0}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service{background:linear-gradient(160deg,#19101e,#111017 75%);border:1px solid #856a8b47;border-radius:9px;padding:28px 22px 30px;min-height:250px;position:relative;overflow:hidden}.service::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--fuchsia),var(--violet))}.service .num{font:900 42px/1 Impact;color:#a55ffb33}.service h3{font-size:26px;line-height:1;text-transform:uppercase;margin:32px 0 11px}.service p{font-size:14px;color:var(--muted);margin:0}.service .more{display:inline-block;margin-top:16px;color:var(--gold);font:800 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em}
.filterbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.filterbar button{font:800 11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:#1d1428;color:#fff;border:1px solid #73548066;padding:11px 17px;border-radius:5px}.filterbar button[aria-pressed=true]{background:linear-gradient(100deg,#efc364,#b66bee);color:#0c0710;border-color:transparent}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tile{position:relative;overflow:hidden;background:#120c17;border:1px solid #ffdd9552;border-radius:9px;text-align:left;padding:0;color:white;box-shadow:0 10px 28px #0006;min-width:0}.tile img{display:block;width:100%;height:360px;object-fit:cover;object-position:top;transition:transform .35s}.tile:hover img{transform:scale(1.045)}.tile .tile-info{display:block;padding:16px 17px 18px;background:#150f1d}.tile strong{display:block;font:900 20px/1 Impact,'Arial Black',sans-serif;text-transform:uppercase;letter-spacing:.025em}.tile small{display:block;margin-top:6px;color:#e9be73;text-transform:uppercase;letter-spacing:.12em;font:800 10px Arial,sans-serif}.tile[hidden]{display:none!important}.portfolio-tail{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;color:#cabbd6;font-size:13px}
.web-section{background:radial-gradient(ellipse at 85% 15%,#6c26963a,transparent 45%),linear-gradient(180deg,#0f0918,#09070e)}.web-lead{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}.web-lead .visual{min-height:340px;padding:26px;border:1px solid #eab66468;background:linear-gradient(145deg,#2c173b,#0a0910);border-radius:9px;position:relative;overflow:hidden}.screen{border:6px solid #211b2b;border-radius:13px;overflow:hidden;box-shadow:0 14px 30px #0009,0 0 32px #9439fb33}.screen .bar{height:30px;background:#17111d;padding:8px;display:flex;gap:6px}.screen .bar span{height:7px;width:7px;border-radius:50%;background:#ec9d60}.screen .bar span:nth-child(2){background:#d679d9}.screen .bar span:nth-child(3){background:#56cbbf}.screen .mockhead{padding:24px 18px 22px;background:linear-gradient(120deg,#130f16cc,#150f1af0),url('assets/food.webp') center/cover}.screen .mockhead div{font:900 40px/.95 Impact,sans-serif;text-transform:uppercase}.screen .mockhead small{display:block;color:#ffc76e;letter-spacing:.2em;font-weight:800;margin-bottom:10px}.screen .mockfoot{background:#f6e7c6;color:#231321;padding:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;font-weight:900;font-size:10px;text-transform:uppercase}.web-stamp{position:absolute;right:8px;bottom:8px;background:var(--fuchsia);color:#150512;transform:rotate(-8deg);padding:12px 20px;font:900 16px Impact,sans-serif;text-transform:uppercase;box-shadow:4px 4px #070508}.web-lead h2{font-size:clamp(40px,5vw,68px);text-transform:uppercase;line-height:.96;margin:12px 0 20px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 28px}.checks span{font-weight:800;font-size:13px;display:flex;gap:8px}.checks span::before{content:'✓';font-weight:900;color:var(--gold)}
.packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.package{position:relative;border:1px solid #66526d80;background:linear-gradient(175deg,#17101f,#0c0b12);border-radius:9px;padding:27px 24px 25px;overflow:hidden}.package.pop{border-color:#f7cb75;box-shadow:0 0 45px #bf5aff20}.package::before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--gold),var(--fuchsia),var(--violet))}.package .ribbon{position:absolute;right:0;top:12px;background:var(--gold);color:#1a0716;font:900 10px Arial,sans-serif;letter-spacing:.08em;padding:8px 14px}.package h3{font-size:31px;text-transform:uppercase;margin:10px 0 5px}.package .desc{color:var(--muted);font-size:13px;min-height:60px;margin-bottom:15px}.package .price{font-size:58px;color:var(--gold);line-height:1}.package .rate{color:#cec4d8;font-size:12px;display:block;margin-top:5px}.package .promo{font-weight:900;font-size:15px;color:#ff74c1;margin-top:5px}.package ul{list-style:none;margin:20px 0 25px;padding:0;border-top:1px solid var(--border)}.package li{border-bottom:1px solid #ffffff12;padding:9px 0;color:#e8e0f1;font-size:13px}.package li:before{content:'✓';color:var(--gold);margin-right:8px}.package .button{width:100%}.transparent{padding:18px 22px;margin-top:20px;background:linear-gradient(90deg,#1e1323,#23142c);border:1px solid #ffc76c4a;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;border-radius:9px}.transparent h3{font-size:25px;text-transform:uppercase;margin:0 0 4px}.transparent p{margin:0;color:#d7cbdc;font-size:13px}.transparent .renew{font:900 32px Impact,sans-serif;color:var(--gold);white-space:nowrap}.fineprint{color:#c3b7cc;font-size:12px;margin-top:14px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:22px;border:1px solid #ffffff1b;background:#15101c;border-radius:8px}.step .circle{height:42px;width:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#7d30c1,#da6392);font:900 22px Impact,sans-serif}.step h3{font-size:25px;text-transform:uppercase;line-height:1.03;margin:22px 0 10px}.step p{color:var(--muted);font-size:13px;margin:0}
.contact{background:radial-gradient(ellipse at 24% 40%,#6d2cad35,transparent 55%),#0a0810}.contact-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:44px}.contact h2{font-size:clamp(46px,5vw,72px);line-height:.94;text-transform:uppercase;margin:14px 0 20px}.contact p{color:var(--muted)}.socials{display:grid;gap:12px;margin-top:30px;font-size:14px}.socials a{display:flex;gap:12px;align-items:center;color:#f0d58b}.form{background:#120e19;border:1px solid #e9bf6658;border-radius:10px;padding:26px}.form h3{font-size:28px;margin:0 0 15px;text-transform:uppercase}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font:800 11px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#e9dff0}.field input,.field select,.field textarea{background:#09080e;border:1px solid #765f85aa;border-radius:5px;padding:14px 13px;color:#fff;min-width:0;width:100%;font-size:14px}.field select option{color:#141118;background:white}.field textarea{min-height:116px;resize:vertical}.form .submit{margin-top:17px;width:100%}.form .hint{color:#b7a9c3;font-size:11px;margin:10px 0 0}.footer{padding:31px 0;border-top:1px solid #ffffff1c;background:#050508}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center;color:#beaecd;font-size:12px}.footer strong{color:#fff}.modal{border:0;background:transparent;padding:0;max-width:min(940px,95vw);max-height:94vh;color:white;box-shadow:0 20px 120px #000}.modal::backdrop{background:#050207ed}.modal-inner{background:#0b0710;padding:20px;border:1px solid #b88d5b;border-radius:10px}.modal img{max-height:77vh;max-width:100%;margin:auto;object-fit:contain}.modal-close{float:right;background:#3e1a38;color:white;border:1px solid #ffffff44;border-radius:5px;padding:8px 13px;margin:0 0 12px}.modal-title{margin:10px 0 0;font:900 18px Impact,sans-serif;text-transform:uppercase;color:#ecc56a}
@media(max-width:1040px){.nav-links{gap:13px}.hero-grid{gap:20px}.service-grid,.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,1fr)}.tile img{height:430px}.hero-art .top-poster{height:310px}}
@media(max-width:780px){.wrap{width:min(100% - 26px,1220px)}.nav-links,.nav>.button{display:none}.hamburger{display:block}.mobile-nav.open{display:flex}.hero-grid,.web-lead,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:55px 0 65px;gap:30px}.hero h1{font-size:clamp(55px,12vw,82px)}.hero-art{transform:none;max-width:600px;width:100%;margin:auto}.hero-art .top-poster{height:360px}.section{padding:66px 0}.section .section-title{font-size:clamp(42px,11vw,65px)}.service-grid,.gallery,.packages{grid-template-columns:repeat(2,minmax(0,1fr))}.heading-row{align-items:start;flex-direction:column}.tile img{height:330px}.packages .package:last-child{grid-column:span 2}.transparent{grid-template-columns:1fr}.web-lead .visual{order:2}.contact-grid{gap:24px}}
@media(max-width:520px){.brand img{width:49px;height:49px}.brand strong{font-size:15px}.brand small{font-size:8px}.hero h1{font-size:clamp(50px,12.9vw,69px)}.hero p{font-size:15px}.hero .actionrow{display:grid}.hero-art .top-poster{height:290px}.hero-art .poster-row img{height:100px}.hero-art .overlay-name{font-size:36px}.section{padding:55px 0}.service-grid,.packages,.gallery,.steps,.checks,.fields{grid-template-columns:1fr}.packages .package:last-child{grid-column:auto}.service{min-height:auto;padding:22px}.service h3{margin-top:18px}.tile img{height:400px}.transparent .renew{font-size:27px}.footer-inner{flex-direction:column;align-items:start}.form{padding:19px}.web-lead h2{font-size:clamp(40px,11vw,60px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Contact-form delivery feedback — matches the existing JsinZ look. */
.form .submit:disabled{opacity:.65;cursor:wait;filter:grayscale(.25);transform:none}
.form .form-status{display:none;margin:13px 0 0;padding:12px 14px;border:1px solid transparent;border-radius:5px;font-size:13px;line-height:1.5;font-weight:700}
.form .form-status:not(:empty){display:block}
.form .form-status.sending{border-color:#e0bb7355;color:#ffe6aa;background:#4f381433}
.form .form-status.success{border-color:#6fdba877;color:#baf7cf;background:#13432d70}
.form .form-status.error{border-color:#fb729266;color:#ffbed0;background:#5d182a66}
.form .hint a{color:#ecc56a;text-decoration:underline;text-underline-offset:2px}