:root{
  --bg:#09090a;--panel:#111114;--text:#f5f2ee;--muted:#aaa39b;
  --line:rgba(255,255,255,.12);--red:#ff5b61;--max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(9,9,10,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.navin{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.nav img{width:min(290px,46vw)}
.navlinks{display:flex;gap:28px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#d7d2cc}
.navlinks a{white-space:nowrap}
.hero{border-bottom:1px solid var(--line)}
.hero-grid{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);align-items:stretch}
.hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:80px 4vw 80px max(20px,calc((100vw - var(--max))/2))}
.eyebrow{color:var(--red);font-size:10px;letter-spacing:.32em;text-transform:uppercase;margin-bottom:24px}
h1,h2,h3{font-weight:400;line-height:.96;margin:0;text-transform:uppercase}
h1{font-size:clamp(52px,6.1vw,108px);letter-spacing:-.025em;max-width:10.5ch;overflow-wrap:normal;word-break:normal}
h2{font-size:clamp(42px,5vw,78px);letter-spacing:-.02em}
h3{font-size:clamp(26px,3vw,40px)}
.deck{max-width:620px;color:#cbc5be;font-size:clamp(17px,1.65vw,23px);margin:30px 0}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 19px;border:1px solid var(--line);text-transform:uppercase;font-size:10px;letter-spacing:.23em;transition:.2s}
.btn:hover{transform:translateY(-2px);border-color:var(--red)}
.btn.primary{background:var(--red);border-color:var(--red);color:#09090a}
.hero-art{min-width:0;min-height:520px;background:url('hero-lines.svg') center/cover no-repeat;border-left:1px solid var(--line)}
.section{padding:96px 0;border-bottom:1px solid var(--line)}
.sectionhead{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:end;margin-bottom:42px}
.sectionhead p{color:var(--muted);font-size:16px;max-width:710px}
.rule{width:78px;height:4px;background:var(--red);margin:22px 0}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service{border:1px solid var(--line);padding:34px;min-height:330px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,91,97,.025))}
.service p,.empty p{color:var(--muted)}
.meta{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--red);margin-bottom:16px}
.commissions{min-height:520px;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid var(--line);background:linear-gradient(135deg,#111115,#0a0a0c);overflow:hidden}
.commission-copy{padding:52px;display:flex;flex-direction:column;justify-content:center}
.commission-art{position:relative;background:url('hero-lines.svg') center/cover no-repeat}
.commission-art:after{content:"PORTFOLIO / IN DEVELOPMENT";position:absolute;left:34px;bottom:30px;color:#cfc9c2;font-size:10px;letter-spacing:.28em}
.empty{border:1px solid var(--line);padding:42px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,91,97,.035))}
.shop{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);background:linear-gradient(135deg,#f1ece5,#d6cdc2);color:#0b0b0c}
.shopcopy{padding:52px}.shopcopy p{color:#4d4944}.shopart{background:url('hero-lines.svg') center/cover no-repeat;min-height:400px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.full{grid-column:1/-1}
input,textarea{width:100%;padding:15px;background:#0e0e10;color:var(--text);border:1px solid var(--line);border-radius:0}
textarea{min-height:160px}
.login-card{width:min(620px,calc(100% - 40px));margin:90px auto;border:1px solid var(--line);padding:42px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,91,97,.025))}
.login-card img{width:300px;margin-bottom:42px}
.status{min-height:24px;color:var(--red);font-size:13px;margin-top:12px}
.client-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.client-card{border:1px solid var(--line);padding:30px;background:rgba(255,255,255,.025)}
.footer{padding:42px 0;color:#918b84;font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.footerin{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer img{width:220px}
.reveal{opacity:0;transform:translateY(22px);transition:.75s ease}.reveal.on{opacity:1;transform:none}

@media(max-width:1180px){
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{padding:72px max(20px,calc((100vw - var(--max))/2));min-height:620px}
  h1{font-size:clamp(58px,9vw,100px);max-width:12ch}
  .hero-art{border-left:0;border-top:1px solid var(--line);min-height:480px}
}
@media(max-width:900px){
  .navlinks{display:none}
  .sectionhead,.services,.commissions,.empty,.shop,.form,.client-grid{grid-template-columns:1fr}
  .section{padding:68px 0}
  .commission-art{min-height:360px}
  .footerin{flex-direction:column;text-align:center}
}
@media(max-width:560px){
  .wrap{width:min(var(--max),calc(100% - 26px))}
  .nav img{width:225px}
  .hero-copy{padding:54px 16px;min-height:auto}
  h1{font-size:clamp(47px,14vw,68px);max-width:none}
  .hero-art{min-height:340px}
  .commission-copy,.shopcopy{padding:30px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}