/* NOVA SCALE — case pages · «АРТЕФАКТ» */
:root{--paper:#EFEBE3;--ink:#12100E;--verm:#E0341C;--graph:#4A473F;--bone:#DFD9CC;
--screen:#0A0A09;--m:clamp(20px,4.6vw,84px);--hair:rgba(18,16,14,.14);
--hair-d:rgba(239,235,227,.16);--e:cubic-bezier(.16,1,.3,1)}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:'Inter',system-ui,sans-serif;
font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
::selection{background:var(--verm);color:var(--paper)}
.mono{font-family:'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase}
.grain{position:fixed;inset:-100%;z-index:60;pointer-events:none;opacity:.32;mix-blend-mode:multiply;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}
.wrap{padding-left:var(--m);padding-right:var(--m)}

nav.top{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;
align-items:center;padding:20px var(--m);background:rgba(239,235,227,.97);
backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
nav.top a{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
nav.top a:hover{color:var(--verm)}
nav.top .wm{font-family:'Unbounded',sans-serif;font-weight:700;font-size:16px;letter-spacing:.02em;
display:flex;align-items:center;gap:10px;text-transform:none}
nav.top .wm i{width:10px;height:10px;background:var(--verm);display:block}

header.hero{padding:clamp(48px,8vw,110px) var(--m) clamp(32px,4.5vw,64px)}
.kicker{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;
font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.18em;
text-transform:uppercase;color:var(--graph)}
.kicker b{color:var(--verm);font-weight:600}
.kicker .tag{border:1px solid var(--verm);color:var(--verm);border-radius:100px;padding:4px 12px;
font-size:10.5px;letter-spacing:.16em}
h1.name{font-family:'Unbounded',sans-serif;font-weight:900;text-transform:uppercase;
font-size:clamp(38px,8.6vw,126px);line-height:.95;letter-spacing:-.045em;margin:clamp(18px,2.4vw,32px) 0}
p.lead{font-size:clamp(19px,2.15vw,31px);line-height:1.45;max-width:24ch;
font-family:'Unbounded',sans-serif;font-weight:400;letter-spacing:-.02em}

.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);
padding:22px 0;margin-top:clamp(30px,4vw,52px)}
.meta div span{display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;
letter-spacing:.18em;text-transform:uppercase;color:var(--graph);opacity:.75;margin-bottom:7px}
.meta div b{font-weight:600;font-size:15.5px}
.meta a:hover{color:var(--verm)}
@media(max-width:820px){.meta{grid-template-columns:1fr 1fr;gap:20px}}

figure.plate{margin:0;background:var(--screen)}
figure.plate img{width:100%;height:auto}
figure.plate.pad{padding:clamp(14px,2.4vw,40px)}

.two{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(26px,5vw,90px);
padding:clamp(56px,8vw,120px) var(--m)}
@media(max-width:900px){.two{grid-template-columns:1fr;gap:22px}}
.two h2{font-family:'Unbounded',sans-serif;font-weight:700;text-transform:uppercase;
font-size:clamp(22px,2.6vw,34px);letter-spacing:-.03em;line-height:1.05}
.two p{font-size:clamp(17px,1.55vw,22px);line-height:1.62;color:var(--graph)}

section.mech{padding:0 var(--m) clamp(56px,8vw,120px)}
section.mech h2{font-family:'Unbounded',sans-serif;font-weight:700;text-transform:uppercase;
font-size:clamp(22px,2.6vw,34px);letter-spacing:-.03em;margin-bottom:clamp(22px,3vw,42px)}
.mrow{display:grid;grid-template-columns:64px minmax(200px,1fr) 1.6fr;gap:20px 26px;
padding:clamp(20px,2.6vw,32px) 0;border-top:1px solid var(--hair);align-items:start}
.mrow:last-child{border-bottom:1px solid var(--hair)}
.mrow .n{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.18em;color:var(--verm);padding-top:6px}
.mrow h3{font-family:'Unbounded',sans-serif;font-weight:700;font-size:clamp(17px,1.75vw,23px);
text-transform:uppercase;letter-spacing:-.02em;line-height:1.15}
.mrow p{color:var(--graph);font-size:16.5px}
@media(max-width:900px){.mrow{grid-template-columns:48px 1fr}.mrow p{grid-column:2}}

.gal{display:grid;gap:clamp(12px,1.6vw,22px);padding:0 var(--m) clamp(56px,8vw,120px)}
.gal .g2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,22px)}
@media(max-width:820px){.gal .g2{grid-template-columns:1fr}}
.gal img{width:100%;height:auto;background:var(--screen)}
.gal .mob{background:var(--bone);display:grid;place-items:center;padding:clamp(22px,3.4vw,54px)}
.gal .mob img{max-width:330px;border-radius:18px;box-shadow:0 30px 70px rgba(18,16,14,.22)}

.chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 var(--m) clamp(56px,8vw,110px)}
.chips i{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.14em;
text-transform:uppercase;font-style:normal;border:1px solid var(--hair);
border-radius:100px;padding:9px 17px;color:var(--graph)}

.nextband{background:var(--screen);color:var(--paper);padding:clamp(46px,6.5vw,92px) var(--m);
display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.nextband span{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.2em;
text-transform:uppercase;opacity:.55;display:block;margin-bottom:12px}
.nextband strong{font-family:'Unbounded',sans-serif;font-weight:900;text-transform:uppercase;
font-size:clamp(28px,5.4vw,74px);letter-spacing:-.045em;line-height:.98;display:block}
.nextband a:hover strong{color:var(--verm)}

.ctaband{background:var(--verm);color:var(--ink);padding:clamp(50px,7vw,104px) var(--m)}
.ctaband h2{font-family:'Unbounded',sans-serif;font-weight:900;text-transform:uppercase;
font-size:clamp(30px,6.4vw,88px);line-height:.98;letter-spacing:-.045em}
.ctaband p{max-width:44ch;margin:22px 0 30px;font-size:clamp(16px,1.5vw,21px);font-weight:500}
.btn{display:inline-flex;align-items:center;gap:12px;padding:18px 32px;border-radius:100px;
font-family:'Unbounded',sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;
background:var(--ink);color:var(--paper);transition:background .4s var(--e)}
.btn:hover{background:var(--paper);color:var(--ink)}

footer{background:var(--ink);color:var(--paper);padding:clamp(30px,4vw,50px) var(--m)}
footer .fbot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.55}
footer a:hover{color:var(--verm);opacity:1}