/* ==========================================================================
   OMEGA Čačak — Design system
   Paleta: hladno valjani čelik + boja luka pri zavarivanju
   Tipografija: Archivo (display) / IBM Plex Sans (telo) / IBM Plex Mono (podaci)
   ========================================================================== */

:root{
  /* --- Boje --- */
  --void:        #0A0C10;
  --steel-900:   #10151B;
  --steel-800:   #161C24;
  --steel-700:   #1D2530;
  --hairline:    #28323F;
  --hairline-2:  #364253;

  --ink:         #E7EDF5;
  --ink-2:       #B4C0CF;
  --muted:       #7E8CA0;

  --arc:         #FF5A1F;   /* luk zavarivanja / užareni metal */
  --arc-hot:     #FFB27A;
  --arc-glow:    rgba(255, 90, 31, .38);
  --chill:       #64D2FF;   /* pobojenje šava / kaljeni čelik */

  --ok:          #46D39A;
  --err:         #FF6B6B;

  /* --- Tipografija --- */
  --display: "Archivo", "Arial Narrow", Impact, sans-serif;
  --body:    "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* --- Ritam --- */
  --gut: clamp(20px, 4vw, 56px);
  --maxw: 1360px;
  --rail: 96px;

  --r-sm: 3px;
  --r-md: 6px;
  --r-lg: 14px;

  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur: .55s;
}

/* ==========================================================================
   Reset
   ========================================================================== */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--void);
  color:var(--ink);
  font-family:var(--body);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img,svg,video{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button,input,select,textarea{ font:inherit; color:inherit; }
h1,h2,h3,h4,p,figure,ul,ol{ margin:0; }
ul,ol{ padding:0; list-style:none; }
::selection{ background:var(--arc); color:#0A0C10; }

:focus-visible{
  outline:2px solid var(--chill);
  outline-offset:3px;
  border-radius:2px;
}

/* ==========================================================================
   Tipografske klase
   ========================================================================== */
.h-xxl,.h-xl,.h-lg,.h-md,.h-sm{
  font-family:var(--display);
  font-weight:800;
  line-height:.94;
  letter-spacing:-.03em;
  text-transform:uppercase;
}
.h-xxl{ font-size:clamp(2.7rem, 7.6vw, 6.6rem); font-weight:900; }
.h-xl { font-size:clamp(2.2rem, 5.6vw, 4.6rem); }
.h-lg { font-size:clamp(1.7rem, 3.4vw, 2.9rem); }
.h-md { font-size:clamp(1.25rem, 2.1vw, 1.7rem); letter-spacing:-.02em; }
.h-sm { font-size:1.02rem; letter-spacing:.01em; }

.eyebrow{
  font-family:var(--mono);
  font-size:.7rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--muted);
  display:flex;
  align-items:center;
  gap:.7rem;
}
.eyebrow::before{
  content:"";
  width:26px; height:1px;
  background:var(--arc);
  flex:none;
}
.lead{
  font-size:clamp(1.02rem, 1.5vw, 1.22rem);
  color:var(--ink-2);
  max-width:62ch;
}
.muted{ color:var(--muted); }
.mono{ font-family:var(--mono); font-size:.8rem; letter-spacing:.06em; }
.arc{ color:var(--arc); }

/* ==========================================================================
   Layout
   ========================================================================== */
.wrap{
  width:100%;
  max-width:var(--maxw);
  margin-inline:auto;
  padding-inline:var(--gut);
}
.section{ position:relative; padding-block:clamp(72px, 11vw, 148px); }
.section--tight{ padding-block:clamp(52px, 7vw, 92px); }

/* Tehnička mreža u pozadini — list za mašinski crtež */
.blueprint{
  position:fixed; inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(ellipse 120% 90% at 50% 0%, #000 20%, transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 120% 90% at 50% 0%, #000 20%, transparent 78%);
}
.grain{
  position:fixed; inset:0; z-index:1;
  pointer-events:none; opacity:.05; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
main,header,footer{ position:relative; z-index:2; }

/* Kotni lanac — razdelnik sekcija sa stvarnim podatkom */
.dim{
  display:flex; align-items:center; gap:14px;
  font-family:var(--mono); font-size:.68rem;
  letter-spacing:.2em; text-transform:uppercase; color:var(--muted);
}
.dim::before,.dim::after{
  content:""; height:1px; background:var(--hairline); flex:1;
}
.dim span{
  white-space:nowrap; padding-inline:4px;
  position:relative;
}
.dim span::before,.dim span::after{
  content:""; position:absolute; top:50%; width:1px; height:9px;
  background:var(--hairline-2); transform:translateY(-50%);
}
.dim span::before{ left:-10px; }
.dim span::after{ right:-10px; }

/* ==========================================================================
   Prelouder
   ========================================================================== */
.preload{
  position:fixed; inset:0; z-index:9999;
  background:var(--void);
  display:grid; place-items:center;
  transition:opacity .6s var(--ease), visibility .6s;
}
.preload.done{ opacity:0; visibility:hidden; }
.preload__inner{ width:min(340px, 74vw); text-align:center; }
.preload__mark{
  font-family:var(--display); font-weight:900;
  font-size:2.6rem; letter-spacing:.28em; text-indent:.28em;
  margin-bottom:22px;
}
.preload__bar{
  height:2px; background:var(--hairline); position:relative; overflow:hidden;
}
.preload__fill{
  position:absolute; inset:0 100% 0 0;
  background:linear-gradient(90deg, var(--arc), var(--arc-hot));
  box-shadow:0 0 16px var(--arc-glow);
  transition:right .18s linear;
}
.preload__pct{
  margin-top:12px; font-family:var(--mono); font-size:.72rem;
  letter-spacing:.22em; color:var(--muted);
}

/* ==========================================================================
   Kursor — nišan / obeleživač centra
   ========================================================================== */
.cursor{
  position:fixed; top:0; left:0; z-index:9998;
  width:26px; height:26px; margin:-13px 0 0 -13px;
  pointer-events:none; mix-blend-mode:difference;
  transition:width .25s var(--ease), height .25s var(--ease), margin .25s var(--ease), opacity .25s;
}
.cursor::before,.cursor::after{
  content:""; position:absolute; background:#fff;
}
.cursor::before{ left:50%; top:0; width:1px; height:100%; transform:translateX(-50%); }
.cursor::after{ top:50%; left:0; height:1px; width:100%; transform:translateY(-50%); }
.cursor.is-hot{ width:52px; height:52px; margin:-26px 0 0 -26px; }
.cursor__ring{
  position:absolute; inset:0; border:1px solid #fff; border-radius:50%;
  opacity:.55;
}
@media (hover:none), (pointer:coarse){ .cursor{ display:none; } }

/* Traka napretka skrola */
.progress{
  position:fixed; top:0; left:0; height:2px; width:0;
  background:linear-gradient(90deg,var(--arc),var(--arc-hot));
  z-index:900; box-shadow:0 0 12px var(--arc-glow);
}

/* ==========================================================================
   Zaglavlje
   ========================================================================== */
.hdr{
  position:fixed; top:0; left:0; right:0; z-index:800;
  transition:transform .45s var(--ease), background .35s, border-color .35s, backdrop-filter .35s;
  border-bottom:1px solid transparent;
}
.hdr.is-stuck{
  background:rgba(10,12,16,.78);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  border-bottom-color:var(--hairline);
}
.hdr.is-hidden{ transform:translateY(-104%); }
.hdr__in{
  display:flex; align-items:center; justify-content:space-between;
  gap:20px; height:76px;
}
.logo{ display:flex; align-items:center; gap:11px; }
.logo__mark{ width:30px; height:30px; flex:none; }
.logo__txt{
  font-family:var(--display); font-weight:900; font-size:1.16rem;
  letter-spacing:.2em; text-indent:.2em; text-transform:uppercase;
}
.logo__sub{
  display:block; font-family:var(--mono); font-size:.55rem;
  letter-spacing:.2em; color:var(--muted); text-indent:0; margin-top:1px;
}

.nav{ display:flex; align-items:center; gap:6px; }
.nav a{
  position:relative; padding:9px 14px;
  font-size:.86rem; font-weight:500; color:var(--ink-2);
  transition:color .25s;
}
.nav a::after{
  content:""; position:absolute; left:14px; right:14px; bottom:4px;
  height:1px; background:var(--arc); transform:scaleX(0);
  transform-origin:left; transition:transform .32s var(--ease-out);
}
.nav a:hover{ color:var(--ink); }
.nav a:hover::after{ transform:scaleX(1); }
.nav a[aria-current="page"]{ color:var(--ink); }
.nav a[aria-current="page"]::after{ transform:scaleX(1); }

.hdr__side{ display:flex; align-items:center; gap:14px; }

/* Prekidač jezika */
.lang{
  display:flex; border:1px solid var(--hairline); border-radius:var(--r-sm);
  overflow:hidden;
}
.lang button{
  background:none; border:0; cursor:pointer;
  padding:6px 11px; font-family:var(--mono); font-size:.7rem;
  letter-spacing:.12em; color:var(--muted); transition:.25s;
}
.lang button:hover{ color:var(--ink); }
.lang button.is-on{ background:var(--arc); color:#0A0C10; font-weight:600; }

.burger{
  display:none; width:42px; height:42px; background:none;
  border:1px solid var(--hairline); border-radius:var(--r-sm);
  cursor:pointer; position:relative;
}
.burger i{
  position:absolute; left:11px; right:11px; height:1.5px; background:var(--ink);
  transition:.35s var(--ease);
}
.burger i:nth-child(1){ top:15px; }
.burger i:nth-child(2){ top:20px; }
.burger i:nth-child(3){ top:25px; }
.burger.is-on i:nth-child(1){ top:20px; transform:rotate(45deg); }
.burger.is-on i:nth-child(2){ opacity:0; }
.burger.is-on i:nth-child(3){ top:20px; transform:rotate(-45deg); }

/* Mobilni meni */
.mnav{
  position:fixed; inset:0; z-index:790;
  background:var(--void);
  display:flex; flex-direction:column; justify-content:center;
  padding:100px var(--gut) 44px;
  clip-path:inset(0 0 100% 0);
  transition:clip-path .6s var(--ease-out);
  visibility:hidden;
}
.mnav.is-open{ clip-path:inset(0 0 0 0); visibility:visible; }
.mnav a{
  font-family:var(--display); font-weight:800; text-transform:uppercase;
  font-size:clamp(1.9rem, 8vw, 3rem); letter-spacing:-.02em;
  padding:9px 0; border-bottom:1px solid var(--hairline);
  display:flex; align-items:baseline; gap:16px;
  opacity:0; transform:translateY(22px);
  transition:opacity .5s var(--ease), transform .5s var(--ease), color .25s;
}
.mnav.is-open a{ opacity:1; transform:none; }
.mnav a em{
  font-family:var(--mono); font-style:normal; font-size:.62rem;
  color:var(--arc); letter-spacing:.16em;
}
.mnav a:hover{ color:var(--arc); }
.mnav__foot{
  margin-top:34px; display:flex; flex-wrap:wrap; gap:8px 26px;
  font-family:var(--mono); font-size:.76rem; color:var(--muted);
}
.mnav__foot a:hover{ color:var(--arc); }

/* ==========================================================================
   Dugmad
   ========================================================================== */
.btn{
  --bg:var(--arc); --fg:#0A0C10;
  display:inline-flex; align-items:center; gap:11px;
  padding:14px 26px; border:1px solid transparent; border-radius:var(--r-sm);
  background:var(--bg); color:var(--fg);
  font-family:var(--mono); font-size:.76rem; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase;
  cursor:pointer; position:relative; overflow:hidden;
  transition:transform .3s var(--ease), box-shadow .3s;
  will-change:transform;
}
.btn span{ position:relative; z-index:2; }
.btn svg{ position:relative; z-index:2; transition:transform .32s var(--ease-out); }
.btn:hover{ box-shadow:0 8px 30px -8px var(--arc-glow); }
.btn:hover svg{ transform:translateX(5px); }
.btn::before{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.4) 50%, transparent 65%);
  transform:translateX(-120%);
  transition:transform .75s var(--ease-out);
}
.btn:hover::before{ transform:translateX(120%); }

.btn--ghost{
  --bg:transparent; --fg:var(--ink);
  border-color:var(--hairline-2);
}
.btn--ghost:hover{ border-color:var(--ink); box-shadow:none; }
.btn--ghost::before{ background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.12) 50%, transparent 65%); }

/* ==========================================================================
   Hero
   ========================================================================== */
.hero{
  position:relative; min-height:100svh;
  display:flex; align-items:flex-end;
  /* donji razmak drži sadržaj iznad plutajućih dugmadi (24 + 54 px) */
  padding-top:130px; padding-bottom:104px;
  overflow:hidden;
}
#weld{
  position:absolute; inset:0; width:100%; height:100%;
  z-index:0; opacity:.9;
}

/* --- Slajder fotografija iza luka i teksta --------------------------------
   Sloj stoji na z-index:0 i prvi je u DOM-u, pa ga #weld i .hero__glow
   (takođe z-index:0, ali kasnije u dokumentu) prekrivaju, a .hero__in
   (z-index:2) ostaje iznad svega.                                          */
.hero__slider{
  position:absolute; inset:0; z-index:0;
  overflow:hidden; pointer-events:none;
}
.hero__slide{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  opacity:0;
  filter:grayscale(.4) contrast(1.08) brightness(.72);
  transition:opacity 1.2s var(--ease);
}
.hero__slide.is-on{ opacity:.55; }

/* 1. bočni zastor — štiti tipografiju sa leve strane */
.hero__slider::before{
  content:""; position:absolute; inset:0; z-index:2;
  background:linear-gradient(90deg,
    var(--void) 0%,
    rgba(10,12,16,.94) 38%,
    rgba(10,12,16,.62) 70%,
    rgba(10,12,16,.86) 100%);
}
/* 2. donje utapanje u sekciju ispod */
.hero__slider::after{
  content:""; position:absolute; inset:70% 0 0 0; z-index:2;
  background:linear-gradient(180deg, transparent 0%, var(--void) 100%);
}

/* Tačkice slajdera */
.hero__dots{
  display:flex; align-items:center; gap:10px;
  margin-top:26px;
}
.hero__dot{
  width:26px; height:26px; padding:0; flex:none;
  background:none; border:0; cursor:pointer;
  display:grid; place-items:center;
}
.hero__dot::before{
  content:""; width:9px; height:9px; border-radius:50%;
  background:var(--hairline);
  border:1px solid var(--hairline-2);
  transition:background .35s var(--ease), border-color .35s var(--ease), transform .35s var(--ease);
}
.hero__dot:hover::before{ border-color:var(--ink-2); }
.hero__dot[aria-current="true"]::before{
  background:var(--arc); border-color:var(--arc);
  box-shadow:0 0 12px var(--arc-glow);
  transform:scale(1.16);
}
.hero__glow{
  position:absolute; z-index:0; left:76%; top:26%;
  width:min(860px, 120vw); aspect-ratio:1; transform:translate(-50%,-50%);
  background:radial-gradient(circle, var(--arc-glow) 0%, transparent 62%);
  filter:blur(48px); opacity:.5; pointer-events:none;
}
.hero__in{ position:relative; z-index:2; width:100%; }
.hero__kicker{ margin-bottom:26px; }
.hero h1{ margin-bottom:26px; max-width:16ch; }
.hero h1 .ln{ display:block; overflow:hidden; }
.hero h1 .ln > span{ display:block; }
.hero h1 .thin{
  font-weight:300; letter-spacing:-.02em;
  font-family:var(--body); text-transform:none;
  font-size:.46em; color:var(--ink-2); line-height:1.2;
}
.hero__grid{
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(28px,5vw,72px); align-items:end;
}
.hero__stats{
  display:grid; grid-template-columns:repeat(2,1fr);
  gap:1px; background:var(--hairline);
  border:1px solid var(--hairline);
}
.stat{
  background:var(--void); padding:20px 18px;
}
.stat__n{
  font-family:var(--display); font-weight:900;
  font-size:clamp(1.8rem,3.4vw,2.7rem); line-height:1;
  letter-spacing:-.03em; color:var(--ink);
}
.stat__n em{ font-style:normal; color:var(--arc); }
.stat__l{
  font-family:var(--mono); font-size:.63rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--muted); margin-top:8px;
}
.hero__cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }

.scroller{
  position:absolute; bottom:18px; left:50%; transform:translateX(-50%); z-index:3;
  display:flex; align-items:center; gap:10px;
  font-family:var(--mono); font-size:.62rem; letter-spacing:.2em;
  color:var(--muted); text-transform:uppercase;
}
.scroller i{
  width:1px; height:44px; background:linear-gradient(var(--arc), transparent);
  animation:drop 2.1s var(--ease) infinite;
}
@keyframes drop{ 0%{transform:scaleY(0); transform-origin:top;} 50%{transform:scaleY(1); transform-origin:top;} 51%{transform-origin:bottom;} 100%{transform:scaleY(0); transform-origin:bottom;} }

/* ==========================================================================
   Traka industrija
   ========================================================================== */
.ticker{
  border-block:1px solid var(--hairline);
  padding:16px 0; overflow:hidden; background:var(--steel-900);
}
.ticker__row{ display:flex; width:max-content; animation:slide 34s linear infinite; }
.ticker:hover .ticker__row{ animation-play-state:paused; }
.ticker__row > *{
  display:flex; align-items:center; gap:26px; padding-right:26px;
  font-family:var(--display); font-weight:800; text-transform:uppercase;
  font-size:clamp(.95rem,1.7vw,1.35rem); letter-spacing:-.01em; color:var(--ink-2);
  white-space:nowrap;
}
.ticker__row b::after{
  content:"◆"; color:var(--arc); font-size:.5em; vertical-align:middle;
  margin-left:26px; opacity:.8;
}
@keyframes slide{ to{ transform:translateX(-50%); } }

/* ==========================================================================
   Blokovi sadržaja
   ========================================================================== */
.split{
  display:grid; grid-template-columns:var(--rail) minmax(0,1fr);
  gap:clamp(18px,3vw,40px);
}
.split__rail{
  font-family:var(--mono); font-size:.64rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--muted);
  border-top:1px solid var(--arc); padding-top:12px;
}
.two{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:clamp(26px,5vw,76px); align-items:start;
}
/* Tekst + uža kolona sa fotografijom (o-nama, blok "Priča") */
.story{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,290px);
  gap:clamp(24px,4vw,52px); align-items:start;
}

/* Kartice */
.cards{
  display:grid; gap:1px; background:var(--hairline);
  border:1px solid var(--hairline);
  grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
}
/* Modifikatori mreže kartica — sprečavaju viseću praznu ćeliju.
   Osnovni `.cards` (auto-fit) ostaje nepromenjen jer se koristi i drugde.
   `--3` za redove od šest kartica: 3+3.  `--4` za redove od četiri: 4 ili 2+2.
   Prelomi su niže, u sekciji za responzivnost. */
.cards--3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
.cards--4{ grid-template-columns:repeat(4, minmax(0,1fr)); }
.card{
  background:var(--void); padding:clamp(24px,3vw,36px);
  position:relative; overflow:hidden;
  transition:background .4s var(--ease);
}
.card::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(135deg, rgba(255,90,31,.09), transparent 55%);
  opacity:0; transition:opacity .45s var(--ease);
}
.card:hover{ background:var(--steel-900); }
.card:hover::after{ opacity:1; }
.card__n{
  font-family:var(--mono); font-size:.66rem; letter-spacing:.2em;
  color:var(--arc); margin-bottom:18px; display:block;
}
.card h3{ margin-bottom:11px; }
.card p{ color:var(--muted); font-size:.93rem; }
.card__ico{
  width:34px; height:34px; margin-bottom:20px; stroke:var(--arc);
  fill:none; stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round;
}

/* ==========================================================================
   Katalog proizvoda
   ========================================================================== */
.filters{
  display:flex; flex-wrap:wrap; gap:8px; margin-bottom:34px;
}
.chip{
  padding:9px 17px; border:1px solid var(--hairline);
  border-radius:100px; background:none; cursor:pointer;
  font-family:var(--mono); font-size:.7rem; letter-spacing:.11em;
  text-transform:uppercase; color:var(--muted);
  transition:.28s var(--ease);
}
.chip:hover{ color:var(--ink); border-color:var(--hairline-2); }
.chip.is-on{ background:var(--arc); border-color:var(--arc); color:#0A0C10; font-weight:600; }

.grid-p{
  display:grid; gap:clamp(14px,2vw,22px);
  grid-template-columns:repeat(auto-fill, minmax(280px,1fr));
}
.pcard{
  border:1px solid var(--hairline); background:var(--steel-900);
  cursor:pointer; overflow:hidden; position:relative;
  display:flex; flex-direction:column;
  transition:border-color .35s, transform .45s var(--ease-out);
}
.pcard:hover{ border-color:var(--hairline-2); transform:translateY(-4px); }
.pcard.is-out{ display:none; }
.pcard__fig{
  aspect-ratio:4/3; background:var(--steel-800);
  position:relative; overflow:hidden;
  display:grid; place-items:center;
}
.pcard__fig svg{ width:64%; height:64%; opacity:.72; transition:transform .6s var(--ease-out), opacity .4s; }
.pcard:hover .pcard__fig svg{ transform:scale(1.07); opacity:1; }
/* Fotografija u okviru kartice — isti hover i isti prelaz sjaja kao za crtež */
.pcard__fig img{
  width:100%; height:100%; object-fit:cover; object-position:center;
  filter:grayscale(.35) contrast(1.06) brightness(.82);
  transition:transform .6s var(--ease-out), filter .4s;
}
.pcard:hover .pcard__fig img{ transform:scale(1.07); filter:grayscale(.1) contrast(1.06) brightness(.92); }
/* Tamna koprena da narandžasta oznaka kategorije ostane čitljiva */
.pcard__fig::before{
  content:""; position:absolute; inset:0; z-index:1;
  background:rgba(10,12,16,.35); pointer-events:none;
}
.pcard__fig::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.09) 50%,transparent 60%);
  transform:translateX(-110%); transition:transform .85s var(--ease-out);
}
.pcard:hover .pcard__fig::after{ transform:translateX(110%); }
.pcard__tag{
  position:absolute; top:12px; left:12px; z-index:2;
  font-family:var(--mono); font-size:.58rem; letter-spacing:.14em;
  text-transform:uppercase; padding:4px 9px;
  background:rgba(10,12,16,.82); border:1px solid var(--hairline);
  color:var(--ink-2);
}
.pcard__body{ padding:20px; flex:1; display:flex; flex-direction:column; }
.pcard__body h3{ margin-bottom:8px; }
.pcard__body p{ color:var(--muted); font-size:.88rem; flex:1; }
.pcard__more{
  margin-top:16px; display:flex; align-items:center; gap:8px;
  font-family:var(--mono); font-size:.66rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--arc);
}
.pcard__more svg{ transition:transform .3s var(--ease-out); }
.pcard:hover .pcard__more svg{ transform:translateX(4px); }

/* Modal */
.modal{
  position:fixed; inset:0; z-index:950;
  display:grid; place-items:center; padding:var(--gut);
  background:rgba(6,8,11,.86);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  opacity:0; visibility:hidden; transition:opacity .4s, visibility .4s;
}
.modal.is-open{ opacity:1; visibility:visible; }
.modal__box{
  width:min(940px,100%); max-height:88vh; overflow:auto;
  background:var(--steel-900); border:1px solid var(--hairline-2);
  transform:translateY(26px) scale(.98);
  transition:transform .5s var(--ease-out);
}
.modal.is-open .modal__box{ transform:none; }
.modal__hd{
  display:flex; justify-content:space-between; align-items:flex-start;
  gap:20px; padding:26px 26px 0;
}
.modal__x{
  width:38px; height:38px; flex:none; background:none; cursor:pointer;
  border:1px solid var(--hairline); color:var(--ink-2);
  font-size:1.1rem; line-height:1; transition:.25s;
}
.modal__x:hover{ border-color:var(--arc); color:var(--arc); }
.modal__grid{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:26px; padding:22px 26px 30px;
}
.modal__fig{
  background:var(--steel-800); border:1px solid var(--hairline);
  aspect-ratio:4/3; display:grid; place-items:center;
  position:relative; overflow:hidden;
}
.modal__fig svg{ width:70%; height:70%; }
.modal__fig img{
  width:100%; height:100%; object-fit:cover; object-position:center;
  filter:grayscale(.28) contrast(1.06) brightness(.86);
}

/* ==========================================================================
   Traka / blok sa fotografijom (reference, usluge, o nama)
   ========================================================================== */
.media{
  position:relative; overflow:hidden;
  border:1px solid var(--hairline);
  background:var(--steel-900);
}
.media img{
  width:100%; height:100%; object-fit:cover; object-position:center;
  filter:grayscale(.42) contrast(1.08) brightness(.7);
}
.media::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(10,12,16,.28) 0%, rgba(10,12,16,.55) 100%);
}
.media--band{ aspect-ratio:21/6; }
.media--tall{ aspect-ratio:4/5; }

/* Fotografija kao pozadina CTA bloka */
.cta--photo{ border-color:var(--hairline-2); }
.cta--photo .cta__bg{
  position:absolute; inset:0; z-index:0; overflow:hidden;
}
.cta--photo .cta__bg img{
  width:100%; height:100%; object-fit:cover; object-position:center;
  filter:grayscale(.45) contrast(1.08) brightness(.62);
}
.cta--photo .cta__bg::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,
    rgba(10,12,16,.95) 0%,
    rgba(10,12,16,.88) 45%,
    rgba(10,12,16,.66) 100%);
}
.spec{ border-top:1px solid var(--hairline); }
.spec li{
  display:flex; justify-content:space-between; gap:16px;
  padding:11px 0; border-bottom:1px solid var(--hairline);
  font-size:.9rem;
}
.spec li b{ font-family:var(--mono); font-size:.72rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--muted); font-weight:400; }
.spec li span{ text-align:right; color:var(--ink); }

/* ==========================================================================
   Vremenska linija
   ========================================================================== */
.tl{ position:relative; padding-left:34px; }
.tl::before{
  content:""; position:absolute; left:0; top:6px; bottom:6px; width:1px;
  background:var(--hairline);
}
.tl__fill{
  position:absolute; left:0; top:6px; width:1px; height:0;
  background:linear-gradient(var(--arc), var(--arc-hot));
  box-shadow:0 0 10px var(--arc-glow);
  transition:height 1.1s var(--ease-out);
}
.tl li{ position:relative; padding-bottom:38px; }
.tl li::before{
  content:""; position:absolute; left:-38px; top:9px;
  width:9px; height:9px; border:1px solid var(--arc);
  background:var(--void); border-radius:50%;
}
.tl__y{
  font-family:var(--mono); font-size:.72rem; letter-spacing:.18em;
  color:var(--arc); display:block; margin-bottom:7px;
}
.tl li p{ color:var(--muted); font-size:.94rem; max-width:60ch; }

/* ==========================================================================
   Proces
   ========================================================================== */
.steps{ counter-reset:s; display:grid; gap:1px; background:var(--hairline);
  border:1px solid var(--hairline); }
.step{
  background:var(--void); padding:clamp(22px,3vw,32px);
  display:grid; grid-template-columns:74px minmax(0,1fr);
  gap:clamp(14px,2.5vw,32px); align-items:start;
  position:relative; transition:background .35s;
}
.step:hover{ background:var(--steel-900); }
.step__n{
  counter-increment:s;
  font-family:var(--display); font-weight:900; font-size:2.1rem;
  line-height:1; color:transparent;
  -webkit-text-stroke:1px var(--hairline-2);
  transition:-webkit-text-stroke-color .35s, color .35s;
}
.step:hover .step__n{ -webkit-text-stroke-color:var(--arc); }
.step__n::before{ content:counter(s,decimal-leading-zero); }
.step h3{ margin-bottom:9px; }
.step p{ color:var(--muted); font-size:.94rem; max-width:70ch; }

/* ==========================================================================
   Akordeon
   ========================================================================== */
.acc{ border-top:1px solid var(--hairline); }
.acc__it{ border-bottom:1px solid var(--hairline); }
.acc__q{
  width:100%; background:none; border:0; cursor:pointer; text-align:left;
  padding:22px 44px 22px 0; position:relative;
  font-family:var(--display); font-weight:700; text-transform:uppercase;
  font-size:clamp(.98rem,1.6vw,1.16rem); letter-spacing:-.01em;
  transition:color .25s;
}
.acc__q:hover{ color:var(--arc); }
.acc__q::after,.acc__q::before{
  content:""; position:absolute; right:8px; top:50%; background:var(--arc);
  transition:transform .4s var(--ease);
}
.acc__q::before{ width:13px; height:1px; transform:translateY(-50%); }
.acc__q::after{ width:1px; height:13px; right:14px; transform:translateY(-50%); }
.acc__it.is-on .acc__q::after{ transform:translateY(-50%) rotate(90deg); }
.acc__a{ max-height:0; overflow:hidden; transition:max-height .5s var(--ease-out); }
.acc__a p{ padding:0 0 24px; color:var(--muted); max-width:74ch; font-size:.94rem; }

/* ==========================================================================
   CTA blok
   ========================================================================== */
.cta{
  border:1px solid var(--hairline); background:var(--steel-900);
  padding:clamp(34px,6vw,72px); position:relative; overflow:hidden;
}
.cta::before{
  content:""; position:absolute; right:-14%; top:-46%;
  width:520px; aspect-ratio:1;
  background:radial-gradient(circle,var(--arc-glow),transparent 66%);
  filter:blur(30px); pointer-events:none;
}
.cta__in{ position:relative; z-index:2; max-width:72ch; }
.cta h2{ margin-bottom:16px; }
.cta .btn{ margin-top:28px; }

/* ==========================================================================
   Formular
   ========================================================================== */
.form{ display:grid; gap:18px; }
.row2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.field{ position:relative; }
.field label{
  display:block; font-family:var(--mono); font-size:.64rem;
  letter-spacing:.16em; text-transform:uppercase; color:var(--muted);
  margin-bottom:8px;
}
.field input,.field select,.field textarea{
  width:100%; padding:13px 14px;
  background:var(--steel-900); border:1px solid var(--hairline);
  border-radius:var(--r-sm); font-size:.94rem;
  transition:border-color .3s, box-shadow .3s, background .3s;
}
.field textarea{ min-height:142px; resize:vertical; }
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none; border-color:var(--arc);
  box-shadow:0 0 0 3px rgba(255,90,31,.14);
  background:var(--steel-800);
}
.field.is-bad input,.field.is-bad textarea{ border-color:var(--err); }
.field__err{
  font-family:var(--mono); font-size:.66rem; color:var(--err);
  margin-top:6px; display:none;
}
.field.is-bad .field__err{ display:block; }
.form__note{ font-size:.78rem; color:var(--muted); }
.form__msg{
  padding:14px 16px; border:1px solid var(--ok); color:var(--ok);
  font-family:var(--mono); font-size:.78rem; display:none;
}
.form__msg.is-on{ display:block; }
.form__msg.is-bad{ border-color:var(--err); color:var(--err); }

/* Kontakt podaci */
.cinfo li{
  display:grid; grid-template-columns:110px minmax(0,1fr); gap:16px;
  padding:15px 0; border-bottom:1px solid var(--hairline); align-items:baseline;
}
.cinfo li b{
  font-family:var(--mono); font-size:.65rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--muted); font-weight:400;
}
.cinfo li a:hover{ color:var(--arc); }
.map{
  border:1px solid var(--hairline); overflow:hidden;
  filter:grayscale(1) invert(.92) contrast(.86) hue-rotate(180deg);
  aspect-ratio:16/10;
}
.map iframe{ width:100%; height:100%; border:0; display:block; }

/* ==========================================================================
   Podnožje
   ========================================================================== */
.ftr{ border-top:1px solid var(--hairline); background:var(--steel-900); }
.ftr__top{
  display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr;
  gap:clamp(24px,4vw,52px); padding-block:clamp(46px,6vw,72px);
}
.ftr h4{
  font-family:var(--mono); font-size:.66rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--muted); margin-bottom:18px; font-weight:400;
}
.ftr li{ margin-bottom:9px; }
.ftr li a{ font-size:.9rem; color:var(--ink-2); transition:color .25s; }
.ftr li a:hover{ color:var(--arc); }
.ftr__bot{
  border-top:1px solid var(--hairline); padding-block:20px;
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px;
  font-family:var(--mono); font-size:.68rem; color:var(--muted);
}
.ftr__bot a:hover{ color:var(--arc); }

/* ==========================================================================
   Plutajuća dugmad — pomoćnik (dole levo) i povratak na vrh (dole desno)
   Zajednički vizuelni jezik: krug, čelična pozadina, luk kao boja ikone.
   ========================================================================== */
.fab{
  position:fixed; bottom:24px; z-index:750;
  width:54px; height:54px;
  display:grid; place-items:center;
  background:var(--steel-800);
  border:1px solid var(--hairline);
  border-radius:50%;
  color:var(--arc);
  cursor:pointer;
  box-shadow:0 10px 30px -12px rgba(0,0,0,.8);
  transition:border-color .3s var(--ease), background .3s var(--ease),
             transform .35s var(--ease), opacity .35s var(--ease), visibility .35s;
}
.fab:hover{ border-color:var(--arc); background:var(--steel-700); }
.fab svg{ width:21px; height:21px; }

/* --- pokretač pomoćnika --- */
.assist__btn{ left:24px; }
.assist__btn span{
  font-family:var(--display); font-weight:900; font-size:1.32rem;
  line-height:1; color:var(--arc);
}
.assist__btn::after{
  content:""; position:absolute; inset:-1px; border-radius:50%;
  border:1px solid var(--arc);
  box-shadow:0 0 18px var(--arc-glow);
  opacity:0; pointer-events:none;
  animation:fabpulse 3s var(--ease-out) infinite;
}
.assist__btn[aria-expanded="true"]::after{ animation:none; opacity:0; }
.assist__btn[aria-expanded="true"]{ border-color:var(--arc); }
@keyframes fabpulse{
  0%   { transform:scale(1);    opacity:.5; }
  70%  { transform:scale(1.48); opacity:0; }
  100% { transform:scale(1.48); opacity:0; }
}

/* --- povratak na vrh --- */
.totop{
  right:24px;
  opacity:0; visibility:hidden; transform:translateY(14px); pointer-events:none;
}
.totop.is-on{ opacity:1; visibility:visible; transform:none; pointer-events:auto; }

/* ==========================================================================
   Panel pomoćnika
   ========================================================================== */
.assist__panel{
  position:fixed; left:24px; bottom:92px; z-index:750;
  width:360px; max-width:calc(100vw - 48px);
  max-height:70vh;
  display:flex; flex-direction:column;
  background:var(--steel-900);
  border:1px solid var(--hairline-2);
  border-radius:var(--r-md);
  box-shadow:0 26px 64px -22px rgba(0,0,0,.86);
  opacity:0; visibility:hidden; transform:translateY(12px) scale(.985);
  transform-origin:bottom left;
  transition:opacity .32s var(--ease), transform .32s var(--ease-out), visibility .32s;
}
.assist__panel.is-open{ opacity:1; visibility:visible; transform:none; }

.assist__hd{
  display:flex; align-items:flex-start; justify-content:space-between; gap:14px;
  padding:16px 16px 14px;
  border-bottom:1px solid var(--hairline);
  flex:none;
}
.assist__ttl{
  font-family:var(--display); font-weight:800; text-transform:uppercase;
  font-size:.98rem; letter-spacing:.01em; line-height:1.1;
}
.assist__sub{
  font-family:var(--mono); font-size:.62rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted); margin-top:6px;
}
.assist__note{
  font-size:.7rem; line-height:1.5; color:var(--muted);
  margin-top:9px; padding-top:9px; border-top:1px dashed var(--hairline);
}
.assist__x{
  width:30px; height:30px; flex:none; background:none; cursor:pointer;
  border:1px solid var(--hairline); border-radius:var(--r-sm);
  color:var(--ink-2); font-size:.9rem; line-height:1;
  display:grid; place-items:center; transition:.25s var(--ease);
}
.assist__x:hover{ border-color:var(--arc); color:var(--arc); }

.assist__log{
  flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain;
  padding:16px; display:flex; flex-direction:column; gap:14px;
}
.as-msg{ max-width:92%; }
.as-msg--me{ align-self:flex-end; text-align:right; }
.as-msg__who{
  font-family:var(--mono); font-size:.58rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--muted); display:block; margin-bottom:5px;
}
.as-msg--me .as-msg__who{ color:var(--hairline-2); }
.as-msg__txt{
  font-size:.86rem; line-height:1.6; color:var(--ink-2);
  background:var(--steel-800); border:1px solid var(--hairline);
  border-radius:var(--r-sm); padding:10px 12px;
}
.as-msg--me .as-msg__txt{
  background:var(--steel-700); border-color:var(--hairline-2); color:var(--ink);
}
.as-msg__lnk{
  display:inline-flex; align-items:center; gap:7px; margin-top:9px;
  font-family:var(--mono); font-size:.64rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--arc);
  border-bottom:1px solid transparent; transition:border-color .25s;
}
.as-msg__lnk:hover{ border-bottom-color:var(--arc); }

.assist__chips{ padding:0 16px 4px; flex:none; }
.assist__chipsh{
  font-family:var(--mono); font-size:.58rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--muted); margin-bottom:9px;
}
.assist__chiprow{ display:flex; flex-wrap:wrap; gap:7px; }
.as-chip{
  padding:7px 12px; border:1px solid var(--hairline); border-radius:100px;
  background:none; cursor:pointer; text-align:left;
  font-family:var(--mono); font-size:.64rem; letter-spacing:.06em;
  color:var(--ink-2); transition:.26s var(--ease);
}
.as-chip:hover{ border-color:var(--arc); color:var(--arc); }

.assist__form{
  display:flex; gap:8px; align-items:center; flex:none;
  padding:14px 16px; border-top:1px solid var(--hairline);
}
.assist__in{
  flex:1 1 auto; min-width:0; padding:10px 12px;
  background:var(--steel-800); border:1px solid var(--hairline);
  border-radius:var(--r-sm); font-size:.86rem;
  transition:border-color .3s, box-shadow .3s;
}
.assist__in::placeholder{ color:var(--muted); }
.assist__in:focus{
  outline:none; border-color:var(--arc);
  box-shadow:0 0 0 3px rgba(255,90,31,.14);
}
.assist__go{
  width:38px; height:38px; flex:none; display:grid; place-items:center;
  background:var(--arc); border:1px solid var(--arc); border-radius:var(--r-sm);
  color:#0A0C10; cursor:pointer; transition:.26s var(--ease);
}
.assist__go:hover{ box-shadow:0 6px 20px -6px var(--arc-glow); }
.assist__go svg{ width:16px; height:16px; }

/* Vidljiv fokusni prsten na svemu u panelu i na plutajućoj dugmadi.
   Mora da stoji POSLE .assist__in:focus (ista specifičnost) da bi
   nadjačalo outline:none koje polje koristi za mišem izazvan fokus. */
.assist__panel :focus-visible,
.fab:focus-visible{
  outline:2px solid var(--chill);
  outline-offset:2px;
}

/* ==========================================================================
   Otkrivanje pri skrolu
   ========================================================================== */
.rv{ opacity:0; transform:translateY(26px); }
.rv.in{
  opacity:1; transform:none;
  transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);
}
.rv[data-d="1"].in{ transition-delay:.09s; }
.rv[data-d="2"].in{ transition-delay:.18s; }
.rv[data-d="3"].in{ transition-delay:.27s; }
.rv[data-d="4"].in{ transition-delay:.36s; }

/* Podnaslov stranice */
.phead{
  padding-top:calc(76px + clamp(48px,7vw,96px));
  padding-bottom:clamp(34px,5vw,58px);
  border-bottom:1px solid var(--hairline);
}
.phead h1{ margin:18px 0 20px; }

/* --- Zaglavlje stranice sa fotografijom ---------------------------------
   Jedan blok pravila za svih pet strana; koja je slika govori atribut
   data-phead-img="1|2|3" na sekciji, a src postavlja js/main.js.
   Fotografija je atmosfera, ne tema — otuda filter i dva zastora.       */
.phead--img{ position:relative; overflow:hidden; }
.phead--img > .wrap{ position:relative; z-index:2; }

.phead__bg{
  position:absolute; inset:0; z-index:0;
  overflow:hidden; pointer-events:none;
}
.phead__bg img{
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  filter:grayscale(.45) contrast(1.08) brightness(.66);
  opacity:.5;
}
/* 1. bočni zastor — čuva čitljivost naslova i putanje sa leve strane */
.phead__bg::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,
    var(--void) 0%,
    rgba(10,12,16,.93) 40%,
    rgba(10,12,16,.66) 72%,
    rgba(10,12,16,.88) 100%);
}
/* 2. vertikalno utapanje — vrh ide pod zaglavlje, dno u sekciju ispod */
.phead__bg::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,
    rgba(10,12,16,.88) 0%,
    rgba(10,12,16,.34) 36%,
    rgba(10,12,16,.74) 80%,
    var(--void) 100%);
}
.crumb{
  font-family:var(--mono); font-size:.66rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--muted);
}
.crumb a:hover{ color:var(--arc); }

/* ==========================================================================
   Responzivnost
   ========================================================================== */
@media (max-width:1080px){
  .ftr__top{ grid-template-columns:1fr 1fr; }
}
@media (max-width:900px){
  .nav{ display:none; }
  .burger{ display:block; }
  .hero__grid{ grid-template-columns:1fr; }
  .two{ grid-template-columns:1fr; }
  .story{ grid-template-columns:1fr; }
  .split{ grid-template-columns:1fr; }
  .split__rail{ border-top:0; padding-top:0; }
  .modal__grid{ grid-template-columns:1fr; }
}
@media (max-width:900px){
  #weld{ opacity:.24; }

  /* Tri kartice -> dve; četiri -> dva reda po dve */
  .cards--3,
  .cards--4{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  /* Red od TAČNO tri kartice ide na jednu kolonu — dve bi ostavile praznu
     ćeliju. Bez :has() ostaje dve kolone, što je samo kozmetički. */
  .cards--3:has(> .card:nth-child(3):last-child){ grid-template-columns:1fr; }

  /* Jači zastor da naslov ostane potpuno čitljiv preko fotografije */
  .hero__slide.is-on{ opacity:.4; }
  .hero__slider::before{
    background:linear-gradient(90deg,
      var(--void) 0%,
      rgba(10,12,16,.97) 42%,
      rgba(10,12,16,.86) 72%,
      rgba(10,12,16,.94) 100%);
  }
  .hero__slider::after{ inset:56% 0 0 0; }

  /* Jači zastor i na zaglavlju strane, iz istog razloga */
  .phead__bg img{ opacity:.38; }
  .phead__bg::before{
    background:linear-gradient(90deg,
      var(--void) 0%,
      rgba(10,12,16,.96) 44%,
      rgba(10,12,16,.86) 74%,
      rgba(10,12,16,.94) 100%);
  }

  .media--band{ aspect-ratio:16/9; }
}
@media (max-width:640px){
  .hero{ min-height:92svh; padding-bottom:86px; }   /* dugmad su 16 + 46 px */
  .hero__stats{ grid-template-columns:1fr 1fr; }
  .step{ grid-template-columns:1fr; gap:12px; }
  .ftr__top{ grid-template-columns:1fr; }
  .cinfo li{ grid-template-columns:1fr; gap:4px; }
  .row2{ grid-template-columns:1fr; }
  .scroller{ display:none; }

  /* Jedna kartica u redu */
  .cards--3,
  .cards--4{ grid-template-columns:1fr; }

  /* Manja plutajuća dugmad i manji odmak od ivice */
  .fab{ width:46px; height:46px; bottom:16px; }
  .fab svg{ width:19px; height:19px; }
  .assist__btn{ left:16px; }
  .assist__btn span{ font-size:1.14rem; }
  .totop{ right:16px; }

  /* Panel preko cele širine minus 32px; donja ivica je iznad oba dugmeta
     (16 + 46 + 12 = 74px), pa se ne preklapa sa dugmetom za vrh strane. */
  .assist__panel{
    left:16px; right:16px; bottom:74px;
    width:auto; max-width:none;
  }
}

/* ==========================================================================
   Smanjeno kretanje
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  .rv{ opacity:1; transform:none; }
  .cursor{ display:none; }
  #weld{ opacity:.35; }

  /* Slajder: samo prva fotografija, bez smenjivanja */
  .hero__slide{ transition:none; }
  .hero__slide:first-of-type{ opacity:.55; }
  .hero__slide:not(:first-of-type){ opacity:0 !important; }
  .hero__dots{ display:none; }

  /* Bez pulsiranja na pokretaču pomoćnika */
  .assist__btn::after{ display:none; }
}

/* Štampa */
@media print{
  .hdr,.mnav,.cursor,.progress,.preload,.blueprint,.grain,#weld,.scroller,
  .hero__slider,.hero__dots,.fab,.assist__panel,.phead__bg{ display:none !important; }
  body{ background:#fff; color:#000; }
}