/*
Theme Name: DEUSPIX Brutalist
Theme URI: https://deuspix.com
Author: Nenad De Luxe
Description: Ultra-light custom brutalist WordPress theme for DEUSPIX with maintenance home, Nenad CV portfolio, full HR/EN/DE routing, Google/Web/Graphic/YT service pages, portfolio, legal/privacy layer and production AI/SEO metadata.
Version: 1.0.72
Text Domain: deuspix
*/

:root{
  --bg:#0a0a0a;
  --bg-alt:#111111;
  --white:#f0f0f0;
  --acid:#49bff5;
  --acid-dim:#167ead;
  --gray:#707070;
  --gray-mid:#9b9b9b;
  --gray-dark:#2a2a2a;
  --display:'Montserrat',Arial Black,sans-serif;
  --body:'Inter',Arial,sans-serif;
  --mono:'JetBrains Mono','Courier New',monospace;
  --dxp-scene-01:none;
  --dxp-scene-02:none;
  --dxp-scene-03:none;
  --dxp-scene-04:none;
}

*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--white);
  font-family:var(--body);
  line-height:1.5;
  overflow-x:hidden;
  cursor:crosshair;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9998;
  opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}
::selection{background:var(--acid);color:#000}
a{color:inherit}

.dxp-cursor{
  position:fixed;
  width:250px;
  height:250px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(73,191,245,.08) 0%,transparent 70%);
  pointer-events:none;
  z-index:9997;
  transform:translate(-50%,-50%);
  mix-blend-mode:screen;
}

.dxp-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  height:72px;
  padding:0 2rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--gray-dark);
  backdrop-filter:blur(10px);
}
.dxp-logo{
  font-family:var(--display);
  font-weight:900;
  font-size:1.15rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  text-decoration:none;
}
.dxp-logo span{color:var(--acid)}
.dxp-logo-img{
  display:block;
  width:190px;
  max-width:42vw;
  height:auto;
}
.dxp-custom-logo-link{display:flex;align-items:center;text-decoration:none}
.dxp-custom-logo-link img{display:block;width:auto;max-width:190px;max-height:46px;height:auto}
.dxp-status{
  display:flex;
  align-items:center;
  gap:.55rem;
  font-family:var(--mono);
  font-size:.73rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--acid);
}
.dxp-status i{
  width:7px;
  height:7px;
  background:var(--acid);
  border-radius:50%;
  box-shadow:0 0 18px rgba(73,191,245,.6);
  animation:dxpBlink 2s infinite;
}

.dxp-maintenance{
  min-height:100svh;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  padding-top:72px;
}
.dxp-left{
  min-height:calc(100svh - 72px);
  padding:clamp(3rem,7vw,7rem) clamp(1.5rem,5vw,5rem);
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  z-index:3;
}
.dxp-right{
  min-height:calc(100svh - 72px);
  position:relative;
  overflow:hidden;
  border-left:1px solid var(--gray-dark);
  background:var(--bg-alt);
}

.dxp-kicker{
  font-family:var(--mono);
  color:var(--acid);
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:.74rem;
  margin-bottom:1.4rem;
}
.dxp-title{
  font-family:var(--display);
  font-weight:900;
  font-size:clamp(2.7rem,6.4vw,7.8rem);
  line-height:.94;
  letter-spacing:-.055em;
  text-transform:uppercase;
  max-width:9ch;
  margin-bottom:1.8rem;
  position:relative;
}
.dxp-title .acid{color:var(--acid)}
.dxp-title:hover{animation:dxpGlitch .35s ease-in-out}
.dxp-copy{
  max-width:640px;
  color:#c9c9c9;
  font-size:clamp(1rem,1.45vw,1.18rem);
  line-height:1.75;
  margin-bottom:2rem;
}
.dxp-copy strong{color:var(--white)}
.dxp-copy .acid{color:var(--acid);font-weight:700}

.dxp-service-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border:1px solid var(--gray-dark);
  max-width:820px;
  margin-top:.5rem;
}
.dxp-service{
  min-height:88px;
  padding:.95rem .8rem;
  border-right:1px solid var(--gray-dark);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:rgba(255,255,255,.01);
  transition:.25s ease;
}
.dxp-service:last-child{border-right:0}
.dxp-service small{
  font-family:var(--mono);
  color:var(--acid);
  font-size:.62rem;
  letter-spacing:.14em;
}
.dxp-service b{
  font-family:var(--display);
  font-size:.73rem;
  text-transform:uppercase;
  line-height:1.3;
}
.dxp-service:hover{background:var(--acid);color:#000;transform:translateY(-3px)}
.dxp-service:hover small{color:#000}

.dxp-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem;
  margin-top:2rem;
}
.dxp-mail{
  display:inline-flex;
  align-items:center;
  gap:.8rem;
  min-height:52px;
  padding:0 1.15rem;
  border:1px solid var(--acid);
  background:var(--acid);
  color:#000;
  font-family:var(--display);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-decoration:none;
  transition:.25s ease;
}
.dxp-mail:hover{background:transparent;color:var(--acid);transform:translateY(-2px)}
.dxp-meta{
  font-family:var(--mono);
  color:var(--gray-mid);
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.dxp-wordwall{position:absolute;inset:0;overflow:hidden}
.dxp-wordrow{
  position:absolute;
  display:flex;
  width:max-content;
  white-space:nowrap;
  animation:dxpScroll 30s linear infinite;
}
.dxp-wordrow.reverse{animation-direction:reverse;animation-duration:36s}
.dxp-wordrow.slow{animation-duration:43s}
.dxp-wordrow.fast{animation-duration:25s}
.dxp-word{
  font-family:var(--display);
  font-weight:900;
  text-transform:uppercase;
  line-height:.9;
  padding:0 1.5rem;
  letter-spacing:-.05em;
}
.dxp-outline{
  font-size:clamp(3.2rem,6vw,6.7rem);
  color:transparent;
  -webkit-text-stroke:1.5px var(--acid);
}
.dxp-solid{font-size:clamp(2.8rem,5vw,5.5rem);color:var(--white)}
.dxp-acid{font-size:clamp(3rem,5.5vw,6rem);color:var(--acid)}
.dxp-muted{font-size:clamp(2.8rem,5vw,5.5rem);color:#272727}

.dxp-center-mark{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) rotate(-2deg);
  z-index:5;
  width:min(76%,540px);
  border:1px solid var(--gray-dark);
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(8px);
  padding:2rem;
  box-shadow:18px 18px 0 rgba(0,0,0,.65);
}
.dxp-center-mark .num{
  font-family:var(--display);
  font-size:clamp(5rem,10vw,10rem);
  font-weight:900;
  line-height:.8;
  color:var(--acid);
  letter-spacing:-.08em;
}
.dxp-center-mark .label{
  margin-top:1.3rem;
  font-family:var(--mono);
  color:var(--white);
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height:1.65;
}
.dxp-center-mark::after{
  content:"BUILDING";
  position:absolute;
  top:-14px;
  right:-14px;
  background:var(--acid);
  color:#000;
  padding:.48rem .7rem;
  font-family:var(--mono);
  font-weight:700;
  font-size:.62rem;
  letter-spacing:.14em;
}

.dxp-corner{
  position:absolute;
  z-index:7;
  font-family:var(--mono);
  font-size:.6rem;
  color:var(--gray-mid);
  text-transform:uppercase;
  letter-spacing:.16em;
}
.dxp-tl{top:1.5rem;left:1.5rem}
.dxp-tr{top:1.5rem;right:1.5rem}
.dxp-bl{bottom:1.5rem;left:1.5rem}
.dxp-br{bottom:1.5rem;right:1.5rem;color:var(--acid)}

.dxp-strip{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  overflow:hidden;
  border-top:1px solid var(--gray-dark);
  background:var(--acid);
  padding:.7rem 0;
  z-index:8;
}
.dxp-strip-track{
  display:flex;
  width:max-content;
  animation:dxpStrip 22s linear infinite;
}
.dxp-strip-item{
  font-family:var(--display);
  font-weight:800;
  font-size:.72rem;
  color:#000;
  text-transform:uppercase;
  letter-spacing:.06em;
  padding:0 1.2rem;
  white-space:nowrap;
}
.dxp-strip-item::after{content:" / ";opacity:.45;margin-left:1.2rem}

.dxp-page{
  min-height:100svh;
  padding:7rem 2rem 4rem;
  max-width:1200px;
  margin:auto;
}
.dxp-page h1{
  font-family:var(--display);
  font-size:clamp(2.5rem,6vw,6rem);
  line-height:.95;
  text-transform:uppercase;
  letter-spacing:-.05em;
  margin-bottom:2rem;
}
.dxp-page-content{max-width:850px;color:#d0d0d0;font-size:1.05rem;line-height:1.8}
.dxp-page-content h2,.dxp-page-content h3{font-family:var(--display);color:var(--white);margin:2rem 0 1rem}
.dxp-page-content a{color:var(--acid)}
.dxp-page-content p{margin-bottom:1rem}

@keyframes dxpBlink{0%,100%{opacity:1}50%{opacity:.18}}
@keyframes dxpScroll{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@keyframes dxpStrip{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes dxpGlitch{
  0%,100%{clip-path:none;transform:none}
  20%{clip-path:inset(20% 0 60% 0);transform:translateX(-3px)}
  40%{clip-path:inset(60% 0 20% 0);transform:translateX(3px)}
  60%{clip-path:inset(40% 0 40% 0);transform:translateX(-2px)}
  80%{clip-path:inset(10% 0 70% 0);transform:translateX(2px)}
}

@media(max-width:1000px){
  .dxp-maintenance{grid-template-columns:1fr}
  .dxp-left{min-height:auto;padding-top:5rem;padding-bottom:5rem}
  .dxp-right{min-height:55svh;border-left:0;border-top:1px solid var(--gray-dark)}
  .dxp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dxp-service{border-bottom:1px solid var(--gray-dark)}
  .dxp-service:nth-child(2n){border-right:0}
  .dxp-service:last-child{grid-column:1/-1;border-bottom:0}
}
@media(max-width:620px){
  .dxp-nav{height:64px;padding:0 1rem}
  .dxp-maintenance{padding-top:64px}
  .dxp-left{padding:3rem 1.15rem 4rem}
  .dxp-title{font-size:clamp(2.3rem,13vw,4.5rem)}
  .dxp-service-grid{grid-template-columns:1fr}
  .dxp-service,.dxp-service:nth-child(2n){border-right:0;border-bottom:1px solid var(--gray-dark)}
  .dxp-service:last-child{border-bottom:0}
  .dxp-status{font-size:.58rem;letter-spacing:.08em}
  .dxp-center-mark{width:82%;padding:1.5rem}
  .dxp-right{min-height:50svh}
  .dxp-cursor{display:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .dxp-cursor{display:none}
}

/* --------------------------------------------------------------------------
   MAIN DEUSPIX HOME
   -------------------------------------------------------------------------- */
.dxp-site-links{display:flex;align-items:center;gap:clamp(.8rem,2vw,2rem);margin-left:auto;margin-right:1.4rem}
.dxp-site-links a{font-family:var(--mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;color:#b7b7b7;transition:.2s ease}
.dxp-site-links a:hover{color:var(--acid)}
.dxp-nav-contact{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 1rem;border:1px solid var(--acid);background:var(--acid);color:#000;text-decoration:none;font-family:var(--display);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;transition:.2s ease}
.dxp-nav-contact:hover{background:transparent;color:var(--acid)}
.dxp-ghost-link{display:inline-flex;align-items:center;min-height:52px;padding:0 1.15rem;border:1px solid var(--gray-dark);font-family:var(--display);font-size:.74rem;font-weight:700;text-transform:uppercase;text-decoration:none;color:var(--white);transition:.2s ease}
.dxp-ghost-link:hover{border-color:var(--acid);color:var(--acid)}

.dxp-home{padding-top:72px;background:var(--bg)}
.dxp-home-hero{min-height:calc(100svh - 72px);display:grid;grid-template-columns:1.02fr .98fr;border-bottom:1px solid var(--gray-dark)}
.dxp-home-hero-left{padding:clamp(4rem,7vw,8rem) clamp(1.5rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:3}
.dxp-home-title{font-family:var(--display);font-size:clamp(3rem,6.4vw,7.2rem);font-weight:900;line-height:.91;letter-spacing:-.06em;text-transform:uppercase;max-width:10ch}
.dxp-home-title span{color:var(--acid)}
.dxp-home-lead{max-width:760px;margin-top:2rem;color:#c9c9c9;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.75}
.dxp-home-lead strong{color:var(--white)}
.dxp-home-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.dxp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 1.4rem;font-family:var(--display);font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border:1px solid var(--acid);transition:.2s ease}
.dxp-btn-primary{background:var(--acid);color:#000}.dxp-btn-primary:hover{background:transparent;color:var(--acid);transform:translateY(-2px)}
.dxp-btn-outline{background:transparent;color:var(--white);border-color:var(--gray-dark)}.dxp-btn-outline:hover{border-color:var(--acid);color:var(--acid);transform:translateY(-2px)}
.dxp-home-micro{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}.dxp-home-micro span{font-family:var(--mono);font-size:.62rem;color:#818181;text-transform:uppercase;letter-spacing:.1em;border-left:1px solid var(--acid);padding-left:.7rem}
.dxp-home-hero-right{position:relative;overflow:hidden;border-left:1px solid var(--gray-dark);background:#f3f7f9;min-height:720px}
.dxp-home-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(var(--gray-dark) 1px,transparent 1px),linear-gradient(90deg,var(--gray-dark) 1px,transparent 1px);background-size:70px 70px}
.dxp-home-stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);z-index:6;width:min(70%,520px);padding:2.2rem;background:rgba(255,255,255,.9);border:1px solid var(--gray-dark);box-shadow:18px 18px 0 #050505}
.dxp-home-stamp-num{display:block;font-family:var(--display);font-size:clamp(5.5rem,10vw,10rem);font-weight:900;color:var(--acid);line-height:.8;letter-spacing:-.08em}
.dxp-home-stamp-copy{display:block;margin-top:1.5rem;font-family:var(--mono);font-size:.7rem;font-weight:700;line-height:1.7;text-transform:uppercase;letter-spacing:.16em}

.dxp-home-marquee{overflow:hidden;border-bottom:1px solid var(--gray-dark);background:var(--acid);padding:.9rem 0}
.dxp-home-marquee-track{display:flex;width:max-content;animation:dxpStrip 28s linear infinite}.dxp-home-marquee-track span{font-family:var(--display);font-size:.76rem;font-weight:900;color:#000;letter-spacing:.04em;white-space:nowrap;padding-right:1.5rem}
.dxp-home-section,.dxp-home-proof,.dxp-home-method{padding:clamp(5rem,9vw,9rem) clamp(1.5rem,4vw,4rem);border-bottom:1px solid var(--gray-dark)}
.dxp-home-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:3rem}
.dxp-section-label{font-family:var(--mono);font-size:.7rem;font-weight:700;color:var(--acid);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem}
.dxp-section-title{font-family:var(--display);font-size:clamp(2.8rem,6vw,6.4rem);font-weight:900;line-height:.92;letter-spacing:-.055em;text-transform:uppercase}.dxp-section-title em{font-style:normal;color:var(--acid)}
.dxp-section-intro{max-width:420px;color:#8f8f8f;font-size:.95rem;line-height:1.8}
.dxp-home-services{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--gray-dark);border-left:1px solid var(--gray-dark)}
.dxp-home-service{min-height:360px;padding:1.6rem;display:flex;flex-direction:column;border-right:1px solid var(--gray-dark);border-bottom:1px solid var(--gray-dark);background:var(--bg);transition:.25s ease;color:inherit;text-decoration:none}
.dxp-home-service:hover{background:var(--acid);color:#000;transform:translateY(-5px)}
.dxp-home-service-num{font-family:var(--mono);font-size:.67rem;color:var(--acid);letter-spacing:.12em}.dxp-home-service:hover .dxp-home-service-num{color:#000}
.dxp-home-service h3{font-family:var(--display);font-size:clamp(1.4rem,2vw,2.1rem);font-weight:900;margin-top:auto;margin-bottom:1rem;letter-spacing:-.04em}
.dxp-home-service p{font-size:.84rem;line-height:1.7;color:#8f8f8f}.dxp-home-service:hover p{color:#1b1b1b}
.dxp-home-service-tag{margin-top:1.5rem;font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:#767676}.dxp-home-service:hover .dxp-home-service-tag{color:#000}
.dxp-home-service-link{cursor:pointer}
.dxp-text-link{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--acid);text-decoration:none}.dxp-text-link:hover{text-decoration:underline}
.dxp-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-dark);border:1px solid var(--gray-dark)}
.dxp-proof-card{display:block;background:var(--bg);color:inherit;text-decoration:none;overflow:hidden}.dxp-proof-img{aspect-ratio:3/2;overflow:hidden;background:#f3f7f9}.dxp-proof-img img{width:100%;height:100%;object-fit:cover;transition:.45s ease;filter:grayscale(.2) contrast(1.05)}.dxp-proof-card:hover img{transform:scale(1.04);filter:grayscale(0)}
.dxp-proof-copy{padding:1.25rem 1.35rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.dxp-proof-copy small{font-family:var(--mono);font-size:.58rem;color:var(--acid);letter-spacing:.1em}.dxp-proof-copy strong{font-family:var(--display);font-size:.85rem;text-align:right}
.dxp-method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--gray-dark);border-left:1px solid var(--gray-dark);margin-top:2rem}.dxp-method-grid>div{padding:1.6rem;min-height:220px;border-right:1px solid var(--gray-dark);border-bottom:1px solid var(--gray-dark)}.dxp-method-grid span{font-family:var(--mono);color:var(--acid);font-size:.62rem}.dxp-method-grid strong{display:block;margin-top:3rem;font-family:var(--display);font-size:1rem;line-height:1.4}.dxp-method-grid p{margin-top:.8rem;font-size:.8rem;line-height:1.7;color:#7c7c7c}
.dxp-home-contact{padding:clamp(6rem,10vw,10rem) 1.5rem;text-align:center}.dxp-home-contact h2{font-family:var(--display);font-size:clamp(3rem,8vw,8rem);font-weight:900;line-height:.9;letter-spacing:-.06em;text-transform:uppercase}.dxp-home-contact h2 em{font-style:normal;color:var(--acid)}.dxp-home-contact>p:not(.dxp-section-label){max-width:700px;margin:1.6rem auto 0;color:#8b8b8b;line-height:1.7}.dxp-home-contact-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-top:2rem}

@media(max-width:1100px){.dxp-home-services{grid-template-columns:repeat(2,1fr)}.dxp-home-service:last-child{grid-column:1/-1}.dxp-method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.dxp-site-links{display:none}.dxp-home-hero{grid-template-columns:1fr}.dxp-home-hero-right{min-height:58svh;border-left:0;border-top:1px solid var(--gray-dark)}.dxp-home-section-head{align-items:flex-start;flex-direction:column}.dxp-proof-grid{grid-template-columns:1fr}}
@media(max-width:620px){.dxp-home{padding-top:64px}.dxp-nav-contact{min-height:34px;padding:0 .7rem;font-size:.58rem}.dxp-home-hero-left{padding:3.5rem 1.15rem}.dxp-home-title{font-size:clamp(2.6rem,14vw,4.8rem)}.dxp-home-services{grid-template-columns:1fr}.dxp-home-service:last-child{grid-column:auto}.dxp-home-service{min-height:260px}.dxp-method-grid{grid-template-columns:1fr}.dxp-proof-copy{align-items:flex-start;flex-direction:column}.dxp-proof-copy strong{text-align:left}}


/* --------------------------------------------------------------------------
   UNIFIED TITLE EFFECT / all DEUSPIX titles use the same brutalist glitch
   -------------------------------------------------------------------------- */
.dxp-unified-title-fx{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  will-change:transform,clip-path;
}
.dxp-unified-title-fx::before{
  content:"";
  position:absolute;
  inset:0;
  left:-120%;
  width:100%;
  background:linear-gradient(90deg,transparent 0%,rgba(73,191,245,.04) 35%,rgba(73,191,245,.22) 50%,rgba(73,191,245,.04) 65%,transparent 100%);
  pointer-events:none;
  z-index:2;
  transition:left .62s cubic-bezier(.16,1,.3,1);
}
.dxp-unified-title-fx:hover::before,
.dxp-unified-title-fx:focus-within::before{
  left:120%;
}
.dxp-unified-title-fx:hover,
.dxp-unified-title-fx:focus-within{
  animation:dxpUnifiedTitleGlitch .42s ease-in-out;
}
@keyframes dxpUnifiedTitleGlitch{
  0%,100%{clip-path:inset(0 0 0 0);transform:translate3d(0,0,0)}
  18%{clip-path:inset(12% 0 62% 0);transform:translate3d(-3px,0,0)}
  36%{clip-path:inset(58% 0 16% 0);transform:translate3d(3px,0,0)}
  54%{clip-path:inset(33% 0 41% 0);transform:translate3d(-2px,0,0)}
  72%{clip-path:inset(72% 0 8% 0);transform:translate3d(2px,0,0)}
  86%{clip-path:inset(8% 0 74% 0);transform:translate3d(-1px,0,0)}
}
@media (prefers-reduced-motion:reduce){
  .dxp-unified-title-fx:hover,
  .dxp-unified-title-fx:focus-within{animation:none}
  .dxp-unified-title-fx::before{transition:none}
}


/* ---------- DEUSPIX LEGAL / BUSINESS FOOTER ---------- */
.dxp-business-footer{
  border-top:1px solid var(--gray-dark);background:#fff;padding:1.35rem 2rem 1.55rem;
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:1.5rem;align-items:end;
}
.dxp-business-footer-info{font-family:var(--mono);font-size:.62rem;line-height:1.8;color:#777;letter-spacing:.02em}
.dxp-business-footer-info strong{color:var(--white);font-weight:700}
.dxp-business-footer-info a{color:var(--acid);text-decoration:none}
.dxp-business-footer-links{display:flex;justify-content:flex-end;gap:.85rem;flex-wrap:wrap}
.dxp-business-footer-links a{font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#888;text-decoration:none;border-bottom:1px solid #333;padding-bottom:.2rem}
.dxp-business-footer-links a:hover{color:var(--acid);border-color:var(--acid)}
@media(max-width:820px){.dxp-business-footer{grid-template-columns:1fr;padding:1.25rem}.dxp-business-footer-links{justify-content:flex-start}}


/* --------------------------------------------------------------------------
 * Accessibility + WhatsApp contact layer
 * -------------------------------------------------------------------------- */
.dxp-skip-link{
  position:fixed;left:1rem;top:-100px;z-index:10050;
  background:var(--acid);color:#000;padding:.75rem 1rem;
  font:800 .72rem/1 var(--display);text-transform:uppercase;text-decoration:none;
  border:2px solid #000;transition:top .2s ease;
}
.dxp-skip-link:focus{top:1rem;outline:3px solid #fff;outline-offset:2px}
.dxp-whatsapp-float{
  position:fixed;right:1.15rem;bottom:1.15rem;z-index:9996;
  display:inline-flex;align-items:center;gap:.62rem;
  min-height:46px;padding:.62rem .88rem;
  background:var(--acid);color:#000;border:2px solid #000;
  font:900 .68rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none;box-shadow:5px 5px 0 #000;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.dxp-whatsapp-float:hover,.dxp-whatsapp-float:focus-visible{
  transform:translate(-2px,-2px);box-shadow:8px 8px 0 #000;background:#fff;outline:none;
}
.dxp-whatsapp-float .dxp-wa-mark{
  display:grid;place-items:center;width:25px;height:25px;border:2px solid #000;border-radius:50%;
  font:900 .58rem/1 var(--mono);
}
@media(max-width:700px){
  .dxp-whatsapp-float{right:.75rem;bottom:.75rem;padding:.58rem .68rem;min-height:42px}
  .dxp-whatsapp-float .dxp-wa-label{display:none}
}

/* Smart multilingual language suggestion. No hard geo redirect on first visit. */
.dxp-language-suggest{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:12000;width:min(720px,calc(100vw - 28px));display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:#fff;border:1px solid #49bff5;box-shadow:0 18px 60px rgba(0,0,0,.55);font-family:var(--body);color:var(--white)}
.dxp-language-suggest span{font-size:.88rem;line-height:1.5}.dxp-language-suggest div{display:flex;gap:.5rem;flex-shrink:0}.dxp-language-suggest a,.dxp-language-suggest button{font-family:var(--mono);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;padding:.65rem .8rem;border:1px solid var(--acid);cursor:pointer;text-decoration:none}.dxp-language-suggest a{background:var(--acid);color:#000}.dxp-language-suggest button{background:transparent;color:var(--acid)}
.dxp-home-lang{display:flex;border:1px solid var(--gray-dark);background:#fff;flex-shrink:0}.dxp-home-lang a{min-width:34px;padding:.48rem .55rem;text-align:center;text-decoration:none;color:var(--gray-mid);font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;border-right:1px solid var(--gray-dark)}.dxp-home-lang a:last-child{border-right:0}.dxp-home-lang a.active{background:var(--acid);color:#000}.dxp-home-lang a:hover{color:var(--acid)}.dxp-home-lang a.active:hover{color:#000}
@media(max-width:700px){.dxp-language-suggest{align-items:flex-start;flex-direction:column}.dxp-language-suggest div{width:100%}.dxp-language-suggest a,.dxp-language-suggest button{flex:1;text-align:center}.dxp-home-lang a{min-width:30px;padding:.4rem .4rem;font-size:.62rem}}
/* Prevent multilingual home navigation collisions on medium desktop widths. */
@media(max-width:1180px){.dxp-site-links{display:none}.dxp-nav{gap:.7rem}.dxp-home-lang{margin-left:auto}}


/* --------------------------------------------------------------------------
 * v1.0.36 — site-wide brutalist scene implementation
 * -------------------------------------------------------------------------- */
body[data-dxp-page="home"] .dxp-home-hero-right,
body[data-dxp-page="home"] .dxp-home-section,
body[data-dxp-page="home"] .dxp-home-proof,
body[data-dxp-page="home"] .dxp-home-method,
body[data-dxp-page="home"] .dxp-home-contact,
.dxp-business-footer{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
body[data-dxp-page="home"] .dxp-home-section > *,
body[data-dxp-page="home"] .dxp-home-proof > *,
body[data-dxp-page="home"] .dxp-home-method > *,
body[data-dxp-page="home"] .dxp-home-contact > *,
.dxp-business-footer > *{position:relative;z-index:1}
body[data-dxp-page="home"] .dxp-home-hero-right::before,
body[data-dxp-page="home"] .dxp-home-section::before,
body[data-dxp-page="home"] .dxp-home-proof::before,
body[data-dxp-page="home"] .dxp-home-method::before,
body[data-dxp-page="home"] .dxp-home-contact::before,
.dxp-business-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  z-index:0;
  transform:scale(1.04);
}
body[data-dxp-page="home"] .dxp-home-hero-right{background:#f3f7f9}
body[data-dxp-page="home"] .dxp-home-hero-right::before{
  background-image:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.72)),var(--dxp-scene-01);
}
body[data-dxp-page="home"] #services::before{
  background-image:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.88)),var(--dxp-scene-02);
}
body[data-dxp-page="home"] #work::before{
  background-image:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.9)),var(--dxp-scene-03);
}
body[data-dxp-page="home"] .dxp-home-method::before{
  background-image:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.9)),var(--dxp-scene-04);
}
body[data-dxp-page="home"] .dxp-home-contact::before{
  background-image:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.88)),var(--dxp-scene-01);
}
.dxp-business-footer{background:#fff;border-top:1px solid rgba(73,191,245,.2)}
.dxp-business-footer::before{
  background-image:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.94)),var(--dxp-scene-04);
  opacity:.5;
  background-position:center 60%;
}


/* v1.0.36 — maintenance and generic page backgrounds */
.dxp-maintenance .dxp-right,
.dxp-page{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.dxp-maintenance .dxp-right > *,
.dxp-page > *{position:relative;z-index:1}
.dxp-maintenance .dxp-right::before,
.dxp-page::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  transform:scale(1.03);
}
.dxp-maintenance .dxp-right::before{
  background-image:linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,255,255,.82)),var(--dxp-scene-03);
}
.dxp-page::before{
  background-image:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,.93)),var(--dxp-scene-02);
}


/* --------------------------------------------------------------------------
 * v1.0.38 — strict alternating visual rhythm
 * Plain black section -> brutalist image -> plain black -> brutalist image.
 * -------------------------------------------------------------------------- */
/* HOME: hero plain / services image / work plain / method image / contact plain / footer image */
body[data-dxp-page="home"] .dxp-home-hero-right::before,
body[data-dxp-page="home"] #work::before,
body[data-dxp-page="home"] .dxp-home-contact::before{
  content:none !important;
  background-image:none !important;
}
body[data-dxp-page="home"] .dxp-home-hero-right,
body[data-dxp-page="home"] #work,
body[data-dxp-page="home"] .dxp-home-contact{
  background-color:var(--bg) !important;
  background-image:none !important;
}
body[data-dxp-page="home"] #services::before{
  content:"" !important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.90)),var(--dxp-scene-02) !important;
}
body[data-dxp-page="home"] .dxp-home-method::before{
  content:"" !important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.91)),var(--dxp-scene-04) !important;
}
body[data-dxp-page="home"] .dxp-business-footer::before{
  content:"" !important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.94)),var(--dxp-scene-01) !important;
}

/* Generic content / 404: content plain, footer carries the image beat. */
body:not(.deuspix-google-page):not(.deuspix-legal-page)[data-dxp-page=""] .dxp-page::before,
body.error404 .dxp-page::before{
  content:none !important;
  background-image:none !important;
}
body:not(.deuspix-google-page):not(.deuspix-legal-page)[data-dxp-page=""] .dxp-page,
body.error404 .dxp-page{background:var(--bg) !important}


/* v1.0.42 — global Google-style scroll progress bar */
.progress{
  position:fixed;
  top:0;
  left:0;
  width:0%;
  height:3px;
  background:var(--acid);
  z-index:10050;
  pointer-events:none;
  transition:width .1s linear;
  box-shadow:0 0 16px rgba(73,191,245,.22);
}
body.admin-bar .progress{top:32px;}
@media(max-width:782px){body.admin-bar .progress{top:46px;}}
@media(prefers-reduced-motion:reduce){.progress{transition:none;}}

/* --------------------------------------------------------------------------
 * v1.0.58 — WHITE NEON BRUTALIST SKIN
 * Base: original v1.0.54. Fonts, layout and functionality are unchanged.
 * Only the visual palette/background layer is converted from black to white.
 * -------------------------------------------------------------------------- */
:root{
  --bg:#ffffff;
  --bg-alt:#f2f2ee;
  --white:#111111;
  --acid:#49bff5;
  --acid-dim:#167ead;
  --gray:#6f6f69;
  --gray-mid:#777770;
  --gray-dark:#d7d7cf;
}
html,body{background:#fff;color:#111}
body::before{opacity:.018;mix-blend-mode:multiply}
.dxp-cursor{mix-blend-mode:multiply;background:radial-gradient(circle,rgba(73,191,245,.09) 0%,transparent 70%)}
.dxp-nav{background:rgba(255,255,255,.95);border-bottom-color:#d7d7cf;box-shadow:0 8px 30px rgba(0,0,0,.04)}
.dxp-site-links a,.dxp-home-lang a,.dxp-nav-contact,.dxp-logo{color:#111}
.dxp-site-links a:hover,.dxp-home-lang a:hover,.dxp-nav-contact:hover{color:#167ead}
.dxp-home-lang{background:#fff;border-color:#cfcfc7}
.dxp-home-lang a{color:#666;border-color:#cfcfc7}
.dxp-home-lang a.active{background:var(--acid);color:#050505}
.dxp-language-suggest{background:#fff;color:#111;border-color:var(--acid);box-shadow:0 18px 55px rgba(0,0,0,.12)}
.dxp-language-suggest button{color:#167ead}
.dxp-right,.dxp-home-hero-right,.dxp-page{background:#f2f2ee}
.dxp-maintenance .dxp-right::before,.dxp-page::before{content:none!important;background-image:none!important}
.dxp-home-stamp{background:rgba(255,255,255,.94);box-shadow:18px 18px 0 #49bff5;border-color:#cfcfc7}
.dxp-home-service,.dxp-proof-card{background:#fff}
.dxp-proof-img{background:#f1f1ed}
.dxp-business-footer{background:#fff!important;border-top-color:#d7d7cf!important;color:#111}
.dxp-business-footer::before{content:none!important;background-image:none!important}
.dxp-business-footer-info{color:#686862}
.dxp-business-footer-info strong{color:#111}
.dxp-business-footer-info a{color:#167ead}
.dxp-business-footer-links a{color:#666;border-bottom-color:#cfcfc7}
.dxp-business-footer-links a:hover{color:#167ead;border-color:#167ead}
.dxp-whatsapp-float{background:var(--acid);color:#050505;border-color:#050505;box-shadow:5px 5px 0 #050505}
.dxp-whatsapp-float:hover,.dxp-whatsapp-float:focus-visible{background:#fff;color:#050505;box-shadow:8px 8px 0 #050505}
.progress{box-shadow:none}


/* v1.0.58 — legacy home/maintenance light guards */
body[data-dxp-page="home"] .dxp-home-hero-right,
body[data-dxp-page="home"] .dxp-home-section,
body[data-dxp-page="home"] .dxp-home-proof,
body[data-dxp-page="home"] .dxp-home-method,
body[data-dxp-page="home"] .dxp-home-contact{background:#fff!important;color:#111!important}
body[data-dxp-page="home"] .dxp-home-hero-right::before,
body[data-dxp-page="home"] .dxp-home-section::before,
body[data-dxp-page="home"] .dxp-home-proof::before,
body[data-dxp-page="home"] .dxp-home-method::before,
body[data-dxp-page="home"] .dxp-home-contact::before{content:none!important;background:none!important;background-image:none!important}
.dxp-maintenance .dxp-right{background:#f2f2ee!important}


/* --------------------------------------------------------------------------
 * v1.0.59 — WHITE + SKY BLUE BRUTALIST
 * No black section/card backgrounds. Original fonts/layout/functionality kept.
 * -------------------------------------------------------------------------- */
:root{
  --bg:#ffffff;
  --bg-alt:#f3f7f9;
  --white:#111111;
  --acid:#49bff5;
  --acid-dim:#167ead;
  --gray:#687077;
  --gray-mid:#747b80;
  --gray-dark:#d7e0e5;
}
html,body{background:#fff!important;color:#111}
.dxp-nav,.dxp-home-lang,.dxp-language-suggest,.dxp-business-footer,.dxp-page,.dxp-right{background:#fff!important}
.dxp-business-footer::before,.dxp-maintenance .dxp-right::before,.dxp-page::before{content:none!important;background:none!important;background-image:none!important}
.dxp-whatsapp-float{background:var(--acid)!important;color:#06151d!important;border-color:#111!important}
.dxp-home-lang a.active,.dxp-mail,.progress{background:var(--acid)!important}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
    :root {
      --bg: #0a0a0a;
      --bg-alt: #111111;
      --bg-modal: #0d0d0d;
      --white: #f0f0f0;
      --acid: #49bff5;
      --acid-dim: #167ead;
      --gray: #666;
      --gray-dark: #2a2a2a;
      --font-display: 'Montserrat', sans-serif;
      --font-body: 'Inter', sans-serif;
      --font-mono: 'JetBrains Mono', monospace;
    }
    html { scroll-behavior: smooth; }
    body {
      background:var(--bg);
      color: var(--white);
      font-family: var(--font-body);
      line-height: 1.5;
      overflow-x: hidden;
      cursor: crosshair;
    }

    /* NOISE OVERLAY */
    body::before {
      content: '';
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      opacity: 0.03;
      pointer-events: none;
      z-index: 9999;
    }

    /* NAV */
    nav {
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 1000;
      padding: 1.2rem 2rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background:var(--bg);
      border-bottom: 1px solid var(--gray-dark);
    }
    .nav-logo {
      font-family: var(--font-display);
      font-size: 1.2rem;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: var(--white);
    }
    .nav-logo .slash {
      color: var(--acid);
    }
    .nav-logo .cv {
      color: var(--acid);
    }
    .nav-links {
      display: flex;
      gap: 2.5rem;
      list-style: none;
    }
    .nav-links a {
      font-family: var(--font-display);
      font-size: 0.9rem;
      font-weight: 600;
      color: var(--white);
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      position: relative;
      overflow: hidden;
      transition: all 0.3s;
    }
    .nav-links a::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background:linear-gradient(90deg, transparent, rgba(73,191,245,0.15), transparent);
      transition: left 0.6s;
      pointer-events: none;
      z-index: 1;
    }
    .nav-links a:hover::before {
      left: 100%;
    }
    .nav-links a:hover {
      animation: glitchSlice 0.3s ease-in-out;
      color: var(--acid);
    }
    .nav-status {
      font-family: var(--font-display);
      font-size: 0.8rem;
      font-weight: 600;
      color: var(--acid);
      text-transform: uppercase;
      letter-spacing: 0.05em;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
    .nav-status .dot {
      width: 5px; height: 5px;
      border-radius: 50%;
      background:var(--acid);
      animation: blink 2s infinite;
    }
    @keyframes blink { 0%,100%{opacity:1;}50%{opacity:0.2;} }

    /* HERO */
    .hero {
      min-height: 100vh;
      display: grid;
      grid-template-columns: 1fr 1fr;
      position: relative;
      overflow: hidden;
    }
    .hero-left {
      padding: 10rem 3rem 4rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      z-index: 2;
    }
    .hero-right {
      position: relative;
      overflow: hidden;
      background:var(--bg);
      border-left: 1px solid var(--gray-dark);
      min-height: 850px;
    }
    .word-wall {
      position: absolute;
      inset: 0;
      overflow: hidden;
    }
    .word-row {
      display: flex;
      width: 200%;
      white-space: nowrap;
      position: absolute;
      animation: wordScroll 30s linear infinite;
    }
    .word-row.reverse {
      animation-direction: reverse;
      animation-duration: 35s;
    }
    .word-row.slow {
      animation-duration: 40s;
    }
    .word-row.fast {
      animation-duration: 25s;
    }
    @keyframes wordScroll {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }
    .hero-right::after {
      content: '';
      position: absolute;
      inset: 0;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      opacity: 0.06;
      pointer-events: none;
      z-index: 4;
    }
    .wall-word {
      font-family: var(--font-display);
      font-weight: 900;
      text-transform: uppercase;
      padding: 0 1.5rem;
      display: inline-block;
      line-height: 1;
      transition: all 0.3s;
    }
    .ww-outline {
      font-size: 5rem;
      color: transparent;
      -webkit-text-stroke: 2px var(--acid);
      letter-spacing: -0.04em;
    }
    .ww-solid {
      font-size: 4rem;
      color: var(--white);
      letter-spacing: -0.03em;
    }
    .ww-lemon {
      font-size: 4.5rem;
      color: var(--acid);
      letter-spacing: -0.03em;
    }
    .ww-gray {
      font-size: 3.5rem;
      color: var(--gray-dark);
      letter-spacing: -0.02em;
    }
    .ww-rotate {
      transform: rotate(-2deg);
    }
    .ww-rotate-2 {
      transform: rotate(1.5deg);
    }
    .hero-photo-wrap {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 5;
      width: 80%;
      max-width: 750px;
      height: 850px;
      overflow: hidden;
      border: 1px solid var(--gray-dark);
      background:var(--bg-alt);
    }
    .hero-photo-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: grayscale(0.3) contrast(1.1);
      transition: all 0.5s;
    }
    .hero-photo-wrap:hover img {
      filter: grayscale(0) contrast(1);
      transform: scale(1.05);
    }
    .hero-photo-wrap::after {
      content: '';
      position: absolute;
      inset: 0;
      background:linear-gradient(to bottom, transparent 60%, rgba(255,255,255,0.5) 100%);
      pointer-events: none;
    }
    .badge-25 {
      position: absolute;
      top: auto;
      bottom: 7%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 10;
      text-align: center;
    }
    .badge-25-main {
      font-family: var(--font-display);
      font-size: 7rem;
      font-weight: 900;
      color: var(--bg);
      background:var(--acid);
      padding: 0.5rem 2rem;
      line-height: 1;
      letter-spacing: -0.05em;
      box-shadow: 10px 10px 0 var(--bg-alt);
      position: relative;
      animation: badgePulse 3s ease-in-out infinite;
    }
    @keyframes badgePulse {
      0%, 100% { box-shadow: 10px 10px 0 var(--bg-alt), 0 0 0 rgba(73,191,245,0); }
      50% { box-shadow: 10px 10px 0 var(--bg-alt), 0 0 50px rgba(73,191,245,0.4); }
    }
    .badge-25-sub {
      font-family: var(--font-mono);
      font-size: 0.65rem;
      color: var(--acid);
      text-transform: uppercase;
      letter-spacing: 0.3em;
      margin-top: 0.8rem;
      display: block;
    }
    .kinetic-wall:hover .kinetic-row {
      animation-play-state: paused;
    }
    .kinetic-wall:hover .kinetic-word {
      filter: brightness(1.3);
    }
    .kinetic-corner {
      position: absolute;
      font-family: var(--font-mono);
      font-size: 0.6rem;
      color: var(--text-muted);
      text-transform: uppercase;
      letter-spacing: 0.2em;
      z-index: 3;
    }
    .corner-tl { top: 2rem; left: 2rem; }
    .corner-tr { top: 2rem; right: 2rem; }
    .corner-bl { bottom: 2rem; left: 2rem; }
    .corner-br { bottom: 2rem; right: 2rem; }
    .corner-br span { color: var(--acid); }
    /* HERO TOP BAR */
    .hero-topbar {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      margin-bottom: 2rem;
    }
    .hero-topbar-item {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      padding: 0.6rem 1.2rem;
      border: 1px solid var(--gray-dark);
    }
    .hero-topbar-item .acid { color: var(--acid); }

    .hero-subtitle-line {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      color: var(--acid);
      text-transform: uppercase;
      letter-spacing: 0.2em;
      margin-bottom: 1.5rem;
    }

    .hero-main-title {
      font-family: var(--font-display);
      font-size: clamp(2rem, 4.25vw, 3.6rem);
      font-weight: 900;
      line-height: 1.08;
      letter-spacing: -0.012em;
      word-spacing: 0.025em;
      text-transform: uppercase;
      margin-bottom: 2rem;
      word-break: normal;
      overflow-wrap: normal;
      hyphens: none;
      text-wrap: balance;
    }

    /* Long localized hero titles need breathing room, especially DE/HR diacritics. */
    body.nenadcv-lang-de .hero-main-title {
      font-size: clamp(1.9rem, 3.95vw, 3.35rem);
      line-height: 1.1;
      letter-spacing: -0.008em;
    }
    body.nenadcv-lang-hr .hero-main-title {
      line-height: 1.09;
    }
    .hero-main-title .accent {
      color: var(--acid);
    }

    .hero-description {
      font-family: var(--font-body);
      font-size: 1.1rem;
      line-height: 1.6;
      color: #ccc;
      max-width: 700px;
      margin-bottom: 2.5rem;
    }
    .hero-description .accent {
      color: var(--acid);
      font-weight: 600;
    }

    .hero-buttons {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      margin-bottom: 2rem;
    }
    .hero-btn {
      font-family: var(--font-display);
      font-size: 0.9rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      padding: 1rem 2rem;
      border: none;
      cursor: pointer;
      transition: all 0.3s;
      text-decoration: none;
      display: inline-block;
    }
    .hero-btn-primary {
      background:var(--acid);
      color: var(--bg);
    }
    .hero-btn-primary:hover {
      background:#8edcff;
      transform: translateY(-2px);
    }
    .hero-btn-secondary {
      background:transparent;
      color: var(--white);
      border: 1px solid var(--gray-dark);
    }
    .hero-btn-secondary:hover {
      border-color: var(--white);
      transform: translateY(-2px);
    }

    .hero-footer-info {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      color: var(--gray);
      display: flex;
      gap: 1.5rem;
      flex-wrap: wrap;
    }
    .hero-footer-info span::before {
      content: '+ ';
      color: var(--acid);
    }

    .cursor-lemon {
      position: fixed;
      width: 250px; height: 250px;
      border-radius: 50%;
      background:radial-gradient(circle, rgba(73,191,245,0.08) 0%, transparent 70%);
      pointer-events: none;
      z-index: 9998;
      transform: translate(-50%, -50%);
      transition: transform 0.05s ease;
      mix-blend-mode: screen;
    }
    @keyframes glitch1 {
      0%, 95%, 100% { transform: none; opacity: 1; }
      96% { transform: translateX(-1px) skewX(-0.5deg); }
      97% { transform: translateX(1px) skewX(0.5deg); opacity: 0.9; }
      98% { transform: translateX(-1px); }
      99% { transform: translateX(0.5px) skewX(-0.3deg); }
    }
    @keyframes glitch2 {
      0%, 93%, 100% { clip-path: none; transform: none; }
      94% { clip-path: inset(20% 0 60% 0); transform: translateX(3px); }
      95% { clip-path: inset(50% 0 20% 0); transform: translateX(-3px); }
      96% { clip-path: inset(10% 0 70% 0); transform: translateX(2px); }
    }
    .glitch-text {
      position: relative;
    }
    .glitch-text::before,
    .glitch-text::after {
      content: attr(data-text);
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      opacity: 0;
    }
    .glitch-text:hover::before {
      animation: glitch2 2s infinite;
      color: var(--acid);
      opacity: 0.6;
    }
    .glitch-text:hover::after {
      animation: glitch2 2s infinite reverse;
      color: var(--purple, #a855f7);
      opacity: 0.4;
    }
    /* MARQUEE */
    .marquee {
      border-top: 1px solid var(--gray-dark);
      border-bottom: 1px solid var(--gray-dark);
      overflow: hidden;
      padding: 1rem 0;
    }
    .marquee-track {
      display: flex;
      animation: marquee 25s linear infinite;
      width: max-content;
    }
    .marquee-item {
      font-family: var(--font-display);
      font-size: clamp(1.5rem, 3vw, 2.5rem);
      font-weight: 900;
      text-transform: uppercase;
      white-space: nowrap;
      padding: 0 2rem;
      color: var(--white);
      display: flex;
      align-items: center;
      gap: 2rem;
    }
    .marquee-item .star {
      color: var(--acid);
      font-size: 0.6em;
    }
    @keyframes marquee {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }

    /* SECTION COMMON */
    .section-pad { padding: 8rem 3rem; }
    .section-label {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      color: var(--acid);
      text-transform: uppercase;
      letter-spacing: 0.3em;
      margin-bottom: 1rem;
    }
    .section-num {
      font-family: var(--font-display);
      font-size: clamp(6rem, 15vw, 15rem);
      font-weight: 900;
      color: var(--gray-dark);
      line-height: 0.8;
      letter-spacing: -0.05em;
      position: absolute;
      top: 4rem;
      right: 3rem;
      pointer-events: none;
    }
    .section-title {
      font-family: var(--font-display);
      font-size: clamp(3rem, 6vw, 6rem);
      font-weight: 900;
      line-height: 1.06;
      letter-spacing: -0.02em;
      margin-bottom: 3rem;
    }
    .section-title em { font-style: normal; color: var(--acid); font-weight: 800; }

    .glitch-title {
      position: relative;
      overflow: hidden;
    }
    .glitch-title::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background:linear-gradient(90deg, transparent, rgba(73,191,245,0.1), transparent);
      transition: left 0.6s;
      pointer-events: none;
      z-index: 1;
    }
    .glitch-title:hover::before {
      left: 100%;
    }
    .glitch-title:hover {
      animation: glitchSlice 0.4s ease-in-out;
    }
    @keyframes glitchSlice {
      0%, 100% { clip-path: none; transform: none; }
      20% { clip-path: inset(20% 0 60% 0); transform: translateX(-3px); }
      40% { clip-path: inset(60% 0 20% 0); transform: translateX(3px); }
      60% { clip-path: inset(40% 0 40% 0); transform: translateX(-2px); }
      80% { clip-path: inset(10% 0 70% 0); transform: translateX(2px); }
    }

    /* WORK / CATEGORIES & GRID */
    .work-section {
      position: relative;
      border-top: 1px solid var(--gray-dark);
    }
    .work-header {
      padding: 4rem 3rem 2rem;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      flex-wrap: wrap;
      gap: 2rem;
    }
    .work-filters {
      display: flex;
      gap: 0.5rem;
      flex-wrap: wrap;
      padding: 0 3rem;
      margin-bottom: 2rem;
    }
    .filter-btn {
      font-family: var(--font-mono);
      font-size: 0.7rem;
      font-weight: 600;
      padding: 0.5rem 1.2rem;
      border: 1px solid var(--gray-dark);
      border-radius: 0;
      background:transparent;
      color: var(--gray);
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      transition: all 0.3s;
    }
    .filter-btn:hover { border-color: var(--gray); color: var(--white); }
    .filter-btn.active {
      background:var(--acid);
      color: var(--bg);
      border-color: var(--acid);
    }
    .work-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
      gap: 1px;
      background:var(--gray-dark);
      border: 1px solid var(--gray-dark);
      margin: 2rem 3rem;
    }
    .work-card {
      background:var(--bg);
      position: relative;
      transition: all 0.4s;
      cursor: pointer;
      border: 1px solid transparent;
    }
    .work-card.hidden { display: none; }
    .work-card:hover {
      background:var(--bg-alt);
    }
    .work-card-img {
      width: 100%;
      height: 280px;
      overflow: hidden;
      border-bottom: 1px solid var(--gray-dark);
      background:transparent;
    }
    .work-card-img img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: all 0.5s;
      filter: grayscale(0.3) contrast(1.1);
      background:transparent;
    }
    .work-card:hover .work-card-img img {
      transform: scale(1.05);
      filter: grayscale(0) contrast(1);
    }
    .work-card-info { padding: 1.5rem; }
    .work-card-num {
      font-family: var(--font-mono);
      font-size: 0.6rem;
      color: var(--acid);
      text-transform: uppercase;
      letter-spacing: 0.2em;
      margin-bottom: 0.8rem;
    }
    .work-card-title {
      font-family: var(--font-display);
      font-size: 1.3rem;
      font-weight: 700;
      margin-bottom: 0.3rem;
      position: relative;
      overflow: hidden;
    }
    .work-card-title:hover {
      animation: glitchSlice 0.3s ease-in-out;
    }
    .work-card-cat {
      font-family: var(--font-mono);
      font-size: 0.65rem;
      color: var(--gray);
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 1rem;
    }
    .work-card-desc {
      font-size: 0.8rem;
      color: var(--gray);
      line-height: 1.7;
    }
    .work-card-link {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      margin-top: 1rem;
      font-family: var(--font-mono);
      font-size: 0.65rem;
      color: var(--acid);
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      transition: gap 0.3s;
    }
    .work-card-link:hover { gap: 1rem; }

    /* MODAL */
    .modal-overlay {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 2000;
      background:rgba(255,255,255,0.95);
      align-items: center;
      justify-content: center;
      padding: 1rem;
    }
    .modal-overlay.active { display: flex; }
    .modal {
      background:var(--bg-modal);
      border: 1px solid var(--gray-dark);
      border-radius: 4px;
      max-width: 1200px;
      width: 100%;
      max-height: 95vh;
      position: relative;
      display: flex;
      flex-direction: column;
    }
    .modal-close {
      position: fixed;
      top: 1.5rem;
      right: 1.5rem;
      z-index: 3000;
      width: 48px; height: 48px;
      background:var(--acid);
      border: 1px solid var(--acid);
      color: var(--bg);
      font-family: var(--font-mono);
      font-size: 1.4rem;
      font-weight: 700;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s;
      border-radius: 0;
      pointer-events: auto;
      touch-action: manipulation;
    }
    .modal-close:hover {
      background:var(--white);
      border-color: var(--white);
      color: var(--bg);
    }
    .modal-content {
      display: grid;
      grid-template-columns: 1.5fr 1fr;
      gap: 0;
      height: 100%;
      overflow: hidden;
    }
    .modal-gallery {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      padding: 1rem;
      overflow-y: auto;
      max-height: 95vh;
    }
    .modal-gallery-item {
      position: relative;
      margin: 0;
      background:transparent;
      border: 1px solid var(--gray-dark);
      overflow: hidden;
    }
    .modal-gallery-item img,
    .modal-gallery img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: contain;
      background:transparent;
    }
    .modal-image-origin-badge {
      position: absolute;
      left: 1rem;
      bottom: 1rem;
      z-index: 4;
      display: inline-flex;
      align-items: center;
      padding: 0.62rem 0.78rem;
      background:var(--acid);
      color: var(--bg);
      border: 2px solid var(--bg);
      box-shadow: 5px 5px 0 rgba(10,10,10,0.78);
      font-family: var(--font-mono);
      font-size: 0.64rem;
      font-weight: 900;
      line-height: 1;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }
    .modal-body {
      padding: 2rem;
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }
    .modal-category {
      font-family: var(--font-mono);
      font-size: 0.65rem;
      color: var(--acid);
      text-transform: uppercase;
      letter-spacing: 0.2em;
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      gap: 1rem;
    }
    .modal-category::before {
      content: '';
      width: 30px; height: 1px;
      background:var(--acid);
    }
    .modal-title {
      font-family: var(--font-display);
      font-size: clamp(2rem, 4vw, 3rem);
      font-weight: 800;
      line-height: 1;
      letter-spacing: -0.02em;
      margin-bottom: 2rem;
      text-transform: uppercase;
      position: relative;
      overflow: hidden;
    }
    .modal-title:hover {
      animation: glitchSlice 0.4s ease-in-out;
    }
    .modal-info-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
      margin-bottom: 2rem;
      padding-bottom: 2rem;
      border-bottom: 1px solid var(--gray-dark);
    }
    .modal-info-item {
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
    }
    .modal-info-label {
      font-family: var(--font-mono);
      font-size: 0.6rem;
      color: var(--text-muted);
      text-transform: uppercase;
      letter-spacing: 0.15em;
    }
    .modal-info-value {
      font-size: 0.9rem;
      font-weight: 500;
      color: var(--white);
    }
    .modal-desc {
      font-size: 1rem;
      color: var(--gray);
      line-height: 1.8;
      margin-bottom: 2rem;
    }
    .modal-desc strong {
      color: var(--white);
      font-weight: 600;
    }
    .modal-link {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.8rem 1.5rem;
      background:var(--acid);
      color: var(--bg);
      font-family: var(--font-mono);
      font-size: 0.75rem;
      font-weight: 700;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      border-radius: 0;
      transition: all 0.3s;
    }
    .modal-link:hover {
      transform: translateY(-2px);
      box-shadow: 0 5px 20px rgba(73,191,245,0.3);
    }

    /* SKILLS */
    .skills-section {
      border-top: 1px solid var(--gray-dark);
      padding: 8rem 3rem;
      background:var(--bg);
    }
    .skills-container {
      max-width: 1200px;
      margin: 0 auto;
    }
    .skills-header {
      margin-bottom: 4rem;
    }
    .skills-list {
      display: flex;
      flex-direction: column;
      gap: 3rem;
    }
    .skill-item {
      position: relative;
    }
    .skill-info {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      margin-bottom: 0.8rem;
    }
    .skill-name {
      font-family: var(--font-body);
      font-size: 1.2rem;
      font-weight: 400;
      color: var(--gray);
      position: relative;
      overflow: hidden;
    }
    .skill-name:hover {
      animation: glitchSlice 0.3s ease-in-out;
    }
    .skill-percent {
      font-family: var(--font-display);
      font-size: 3rem;
      font-weight: 900;
      color: var(--acid);
      line-height: 1;
    }
    .skill-bar {
      width: 100%;
      height: 4px;
      background:var(--gray-dark);
      position: relative;
      overflow: hidden;
    }
    .skill-fill {
      height: 100%;
      width: var(--target-width, 0%);
      background:var(--acid);
      transition: width 1.5s cubic-bezier(0.16, 1, 0.3, 1);
    }
    /* Only start at zero while the JS skills observer is confirmed active. */
    html.cv-skills-ready .skill-item:not(.animated) .skill-fill { width: 0; }
    .skill-item.animated .skill-fill { width: var(--target-width, 0%); }
    .skill-item.animated .skill-percent {
      animation: countUp 1.5s cubic-bezier(0.16, 1, 0.3, 1);
    }
    @keyframes countUp {
      from { opacity: 0.3; }
      to { opacity: 1; }
    }

    /* ABOUT */
    .about-section {
      border-top: 1px solid var(--gray-dark);
      position: relative;
    }
    .about-grid {
      display: grid;
      grid-template-columns: 450px 1fr;
      gap: 4rem;
      align-items: start;
    }
    .about-photo-wrap {
      position: relative;
      aspect-ratio: auto;
      min-height: 500px;
      overflow: hidden;
      border: 1px solid var(--gray-dark);
      background:var(--bg-alt);
    }
    .about-photo-wrap img {
      width: 100%; height: 100%;
      object-fit: cover;
      object-position: 50% 42%;
      filter: none;
      display: block;
    }
    .about-photo-wrap::after {
      content: 'NENAD D.';
      position: absolute;
      bottom: 1.5rem; left: 1.5rem;
      font-family: var(--font-mono);
      font-size: 0.7rem;
      color: var(--acid);
      text-transform: uppercase;
      letter-spacing: 0.2em;
    }
    .about-text p {
      font-size: 1.1rem;
      color: var(--gray);
      line-height: 1.9;
      margin-bottom: 1.8rem;
    }
    .about-text p strong {
      color: var(--white);
      font-weight: 700;
      font-size: 1.15rem;
    }
    .about-text p em.acid {
      font-style: normal;
      color: var(--acid);
    }
    .about-values {
      margin-top: 2rem;
      padding-top: 2rem;
      border-top: 1px solid var(--gray-dark);
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }
    .about-value {
      font-family: var(--font-mono);
      font-size: 0.95rem;
      color: var(--gray);
      text-transform: uppercase;
      letter-spacing: 0.05em;
      padding-left: 1rem;
      border-left: 1px solid var(--acid);
    }

    /* TOOLS */
    .tools-section {
      border-top: 1px solid var(--gray-dark);
      background:var(--bg-alt);
    }
    .tools-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1px;
      background:var(--gray-dark);
      border: 1px solid var(--gray-dark);
    }
    .tool-box {
      background:var(--bg);
      padding: 2rem;
      transition: all 0.3s;
    }
    .tool-box:hover { background:var(--bg-alt); }
    .tool-box-label {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      color: var(--acid);
      text-transform: uppercase;
      letter-spacing: 0.2em;
      margin-bottom: 1.5rem;
      padding-bottom: 0.5rem;
      border-bottom: 1px solid var(--gray-dark);
    }
    .tool-box-items {
      display: flex;
      flex-direction: column;
      gap: 0.6rem;
    }
    .tool-box-item {
      font-size: 1rem;
      color: var(--gray);
      transition: color 0.3s;
    }
    .tool-box:hover .tool-box-item { color: var(--white); }

    /* NOW */
    .now-section {
      border-top: 1px solid var(--gray-dark);
      padding: 4rem 3rem;
      display: flex;
      align-items: flex-start;
      gap: 3rem;
    }
    .now-indicator {
      display: flex;
      align-items: center;
      gap: 0.8rem;
      min-width: 150px;
    }
    .now-dot {
      width: 10px; height: 10px;
      border-radius: 50%;
      background:var(--acid);
      animation: blink 2s infinite;
    }
    .now-label {
      font-family: var(--font-mono);
      font-size: 0.85rem;
      color: var(--acid);
      text-transform: uppercase;
      letter-spacing: 0.2em;
    }
    .now-content { flex: 1; }
    .now-content h3 {
      font-family: var(--font-display);
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 0.8rem;
      position: relative;
      overflow: hidden;
    }
    .now-content h3:hover {
      animation: glitchSlice 0.3s ease-in-out;
    }
    .now-content p {
      font-size: 1.05rem;
      color: var(--gray);
      line-height: 1.8;
      margin-bottom: 1rem;
    }
    .now-tags { display: flex; gap: 0.5rem; flex-wrap: wrap; }
    .now-tag {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      color: var(--acid);
      padding: 0.4rem 1rem;
      border: 1px solid rgba(73,191,245,0.3);
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    /* AI LAB */
    .ai-section {
      border-top: 1px solid var(--gray-dark);
      position: relative;
      overflow: hidden;
    }
    .ai-section::before {
      content: 'AI × HUMAN';
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%) rotate(-5deg);
      font-family: var(--font-display);
      font-size: 15vw;
      font-weight: 900;
      color: var(--gray-dark);
      opacity: 0.3;
      pointer-events: none;
      white-space: nowrap;
    }
    .ai-content { position: relative; z-index: 2; }
    .ai-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 1px;
      background:var(--gray-dark);
      border: 1px solid var(--gray-dark);
      margin-top: 3rem;
    }
    .ai-card {
      background:var(--bg);
      padding: 2rem;
      position: relative;
      transition: all 0.3s;
    }
    .ai-card:hover { background:var(--bg-alt); }
    .ai-card-num {
      font-family: var(--font-display);
      font-size: 3rem;
      font-weight: 900;
      color: var(--gray-dark);
      margin-bottom: 1rem;
    }
    .ai-card-title {
      font-family: var(--font-display);
      font-size: 1.2rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
      position: relative;
      overflow: hidden;
    }
    .ai-card-title:hover {
      animation: glitchSlice 0.3s ease-in-out;
    }
    .ai-card-desc {
      font-size: 0.8rem;
      color: var(--gray);
      line-height: 1.7;
    }

    /* CONTACT */
    .contact-section {
      border-top: 1px solid var(--gray-dark);
      padding: 10rem clamp(1.5rem, 3vw, 3rem) 8rem;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .contact-title {
      font-family: var(--font-display);
      font-size: clamp(3rem, 6.6vw, 6.5rem);
      font-weight: 900;
      line-height: 1.03;
      letter-spacing: -0.035em;
      max-width: 1500px;
      margin: 0 auto 3rem;
      padding: 0 0.18em 0.12em;
      text-wrap: balance;
    }
    .contact-title .contact-title-second {
      display: inline-block;
      margin-top: 0.08em;
    }
    .contact-title em {
      font-style: normal;
      color: var(--acid);
      font-weight: 800;
      display: inline-block;
      padding-right: 0.08em;
    }
    .contact-email {
      font-family: var(--font-mono);
      font-size: clamp(0.9rem, 1.5vw, 1.2rem);
      color: var(--white);
      text-decoration: none;
      transition: color 0.3s;
      display: inline-block;
      margin-bottom: 3rem;
    }
    .contact-email::before { content: '→ '; color: var(--acid); }
    .contact-email:hover { color: var(--acid); }
    .contact-details {
      display: flex;
      gap: 1rem;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 3rem;
    }
    .contact-detail {
      font-family: var(--font-mono);
      font-size: 0.9rem;
      color: var(--gray);
      text-transform: uppercase;
      letter-spacing: 0.1em;
      padding: 0.5rem 1.2rem;
      border: 1px solid var(--acid);
      background:rgba(73,191,245,0.03);
    }
    .contact-detail a { color: inherit; text-decoration: none; transition: all 0.3s; }
    .contact-detail a:hover { color: var(--acid); background:rgba(73,191,245,0.08); }
    .social-links {
      display: flex;
      gap: 1rem;
      justify-content: center;
    }
    .social-link {
      width: 55px; height: 55px;
      border: 1px solid var(--acid);
      background:rgba(73,191,245,0.03);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--acid);
      text-decoration: none;
      font-family: var(--font-mono);
      font-size: 0.8rem;
      font-weight: 700;
      transition: all 0.3s;
      border-radius: 0;
    }
    .social-link:hover {
      background:rgba(73,191,245,0.1);
      transform: translateY(-3px);
      box-shadow: 0 0 20px rgba(73,191,245,0.15);
    }
/* REVEAL / progressive enhancement.
     Content is visible by default so a JS/observer failure can never create blank sections. */
    .reveal {
      opacity: 1;
      transform: none;
      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }
    html.cv-reveal-ready .reveal:not(.visible) {
      opacity: 0;
      transform: translateY(30px);
    }
    .reveal.visible { opacity: 1; transform: translateY(0); }

    /* RESPONSIVE */
    @media (max-width: 1024px) {
      .hero { grid-template-columns: 1fr; }
      .hero-right { display: none; }
      .about-grid { grid-template-columns: 300px 1fr; gap: 3rem; }
      .about-photo-wrap { min-height: 400px; }
      .tools-grid { grid-template-columns: 1fr 1fr; }
      .ai-grid { grid-template-columns: 1fr; }
      .work-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); margin: 2rem 2rem; }
      .modal-info-grid { grid-template-columns: 1fr; }
      .modal-content { grid-template-columns: 1fr; }
      .modal-gallery { max-height: 50vh; }
    }
    @media (max-width: 768px) {
      nav { padding: 1rem 1.5rem; }
      .nav-logo { font-size: 1rem; }
      .nav-links a { font-size: 0.8rem; }
      .nav-links { display: none; }
      .section-pad { padding: 5rem 1.5rem; }
      .work-grid { grid-template-columns: 1fr; margin: 2rem 1.5rem; }
      .work-filters { padding: 0 1.5rem; }
      .work-card-img { height: 220px; }
      .tools-grid { grid-template-columns: 1fr; }
      .now-section { flex-direction: column; gap: 1.5rem; }
      .about-grid { grid-template-columns: 1fr; }
      .about-photo-wrap { min-height: 350px; max-width: 100%; }
      .about-values { grid-template-columns: 1fr; }
      .hero-left { padding: 8rem 1.5rem 3rem; }
      .hero-topbar { flex-direction: column; gap: 0.5rem; }
      .hero-topbar-item { font-size: 0.65rem; padding: 0.5rem 0.8rem; }
      .hero-main-title {
        font-size: clamp(1.7rem, 7.2vw, 2.7rem);
        line-height: 1.1;
        letter-spacing: -0.008em;
        word-spacing: 0.02em;
      }
      body.nenadcv-lang-de .hero-main-title {
        font-size: clamp(1.6rem, 6.7vw, 2.5rem);
        line-height: 1.11;
      }
      .hero-buttons { flex-direction: column; }
      .hero-btn { width: 100%; text-align: center; }
      .hero-footer-info { flex-direction: column; gap: 0.5rem; }
      .work-header { padding: 3rem 1.5rem 2rem; }
      .modal-body { padding: 1.5rem; }
      .modal-close { top: 0.8rem; right: 0.8rem; width: 42px; height: 42px; font-size: 1.2rem; }
      .contact-details { flex-direction: column; gap: 0.8rem; }
      .contact-detail { font-size: 0.75rem; }
      .social-link { width: 48px; height: 48px; font-size: 0.7rem; }
    }

/* DEUSPIX WordPress CV integration */
:root { --text-muted:#666; }
body.nenadcv-page { margin:0; }
.admin-bar nav { top:32px; }
.corner-tag {
  position:absolute;
  font-family:var(--font-mono);
  font-size:.6rem;
  color:var(--gray);
  text-transform:uppercase;
  letter-spacing:.2em;
  z-index:8;
}
.hero-btn { appearance:none; -webkit-appearance:none; }
.cv-contact-actions { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin:0 0 2.2rem; }

.cv-form-overlay {
  position:fixed;
  inset:0;
  z-index:5000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:2rem;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
}
.cv-form-overlay.is-open { display:flex; }
.cv-form-dialog {
  position:relative;
  width:min(980px,100%);
  max-height:92vh;
  overflow:auto;
  background:#fff;
  border:1px solid var(--gray-dark);
  box-shadow:18px 18px 0 rgba(73,191,245,.08);
}
.cv-form-dialog::before {
  content:'';
  position:absolute;
  left:0; top:0; bottom:0;
  width:4px;
  background:var(--acid);
}
.cv-form-close {
  position:absolute;
  top:1rem;
  right:1rem;
  z-index:3;
  width:46px;
  height:46px;
  border:1px solid var(--acid);
  background:var(--acid);
  color:#0a0a0a;
  font-family:var(--font-mono);
  font-size:1.1rem;
  font-weight:800;
  cursor:pointer;
}
.cv-form-close:hover { background:var(--white); border-color:var(--white); }
.cv-form-head { padding:3rem 3rem 1.5rem; border-bottom:1px solid var(--gray-dark); }
.cv-form-code {
  display:block;
  margin-bottom:1rem;
  color:var(--acid);
  font:600 .7rem/1.2 var(--font-mono);
  letter-spacing:.2em;
}
.cv-form-head h2 {
  margin:0 0 1rem;
  font:900 clamp(2.4rem,6vw,5.5rem)/.92 var(--font-display);
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.cv-form-head h2 em { color:var(--acid); font-style:normal; }
.cv-form-head p { max-width:720px; color:#888; line-height:1.7; }
.cv-form { padding:2rem 3rem 3rem; }
.cv-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.cv-form label { display:block; margin-bottom:1rem; }
.cv-form label > span {
  display:block;
  margin-bottom:.55rem;
  color:#929292;
  font:600 .66rem/1.2 var(--font-mono);
  text-transform:uppercase;
  letter-spacing:.14em;
}
.cv-form input,
.cv-form textarea,
.cv-form select {
  width:100%;
  border:1px solid var(--gray-dark);
  border-radius:0;
  outline:none;
  background:#fff;
  color:var(--white);
  padding:1rem 1.05rem;
  font:500 .95rem/1.4 var(--font-body);
  transition:border-color .2s, background .2s, box-shadow .2s;
}
.cv-form textarea { resize:vertical; min-height:150px; }
.cv-form input:focus,
.cv-form textarea:focus,
.cv-form select:focus {
  border-color:var(--acid);
  background:#fff;
  box-shadow:0 0 0 2px rgba(73,191,245,.08);
}
.cv-form-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  margin-top:.5rem;
  padding-top:1.5rem;
  border-top:1px solid var(--gray-dark);
}
.cv-form-bottom p { max-width:460px; color:#666; font:.68rem/1.6 var(--font-mono); text-transform:uppercase; letter-spacing:.04em; }
.cv-submit {
  flex:0 0 auto;
  padding:1rem 1.5rem;
  border:1px solid var(--acid);
  border-radius:0;
  background:var(--acid);
  color:#080808;
  font:800 .78rem/1 var(--font-display);
  letter-spacing:.05em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .2s, background .2s;
}
.cv-submit:hover { transform:translateY(-2px); background:#8edcff; }
.cv-hp { position:absolute!important; left:-99999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.cv-form-toast {
  position:fixed;
  z-index:6000;
  right:1.5rem;
  top:5.5rem;
  max-width:480px;
  padding:1rem 3.2rem 1rem 1rem;
  border:1px solid var(--acid);
  background:#fff;
  color:var(--white);
  font:600 .75rem/1.55 var(--font-mono);
  text-transform:uppercase;
  letter-spacing:.05em;
  box-shadow:8px 8px 0 rgba(73,191,245,.08);
}
.cv-form-toast.is-error { border-color:#ff5555; }
.cv-form-toast button { position:absolute; top:.5rem; right:.6rem; border:0; background:transparent; color:var(--acid); font-size:1.3rem; cursor:pointer; }
body.cv-form-locked { overflow:hidden!important; }

@media (max-width:782px) {
  .admin-bar nav { top:46px; }
}
@media (max-width:768px) {
  .cv-form-overlay { padding:.75rem; align-items:flex-start; overflow:auto; }
  .cv-form-dialog { max-height:none; margin:1rem 0; box-shadow:8px 8px 0 rgba(73,191,245,.08); }
  .cv-form-head { padding:2.2rem 1.35rem 1.25rem; }
  .cv-form-head h2 { padding-right:3rem; }
  .cv-form { padding:1.35rem; }
  .cv-form-grid { grid-template-columns:1fr; gap:0; }
  .cv-form-bottom { align-items:stretch; flex-direction:column; }
  .cv-submit { width:100%; }
  .cv-form-toast { left:1rem; right:1rem; top:5rem; max-width:none; }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}


/* Legal/privacy form acknowledgement */
.cv-privacy-check{display:flex;align-items:flex-start;gap:.65rem;margin:1rem 0 1.2rem;font-family:var(--font-mono);font-size:.64rem;line-height:1.65;color:#777;cursor:pointer}.cv-privacy-check input{appearance:none;width:17px;height:17px;min-width:17px;border:1px solid #555;background:#fff;margin-top:.1rem;position:relative}.cv-privacy-check input:checked{background:var(--acid);border-color:var(--acid)}.cv-privacy-check input:checked:after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#000;font-size:12px;font-weight:900}.cv-privacy-check{max-width:900px}

/* HR / EN / DE switcher for personal CV. CV remains personal and footer-free. */
.nenadcv-page .nav-logo{text-decoration:none;flex:0 0 auto}
.cv-lang-switch{display:flex;align-items:center;border:1px solid var(--gray-dark);background:#fff;margin-left:auto;margin-right:1rem;flex-shrink:0}
.cv-lang-switch a{min-width:32px;padding:.44rem .5rem;text-align:center;text-decoration:none;color:var(--gray);font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.08em;border-right:1px solid var(--gray-dark);transition:.2s ease}.cv-lang-switch a:last-child{border-right:0}.cv-lang-switch a:hover{color:var(--acid)}.cv-lang-switch a.active{background:var(--acid);color:#000}
.nenadcv-page nav{gap:1.2rem}.nenadcv-page .nav-links{margin-left:auto}.nenadcv-page .nav-status{flex:0 0 auto}
@media(max-width:1180px){.nenadcv-page .nav-links{gap:1.2rem}.nenadcv-page .nav-status{display:none}}
@media(max-width:768px){.cv-lang-switch{margin-left:auto;margin-right:0}.cv-lang-switch a{min-width:29px;padding:.4rem .38rem;font-size:.6rem}}


/* --------------------------------------------------------------------------
 * Visible TEST ME section - practical hiring task
 * -------------------------------------------------------------------------- */
.cv-test-section{
  position:relative;
  overflow:hidden;
  border-top:1px solid var(--gray-dark);
  border-bottom:1px solid var(--gray-dark);
  background:#fff;
}
.cv-test-wrap{max-width:1280px;margin:0 auto;padding:0 3rem;}
.cv-test-heading{max-width:980px;margin-bottom:3rem;}
.cv-test-heading .section-title{margin-bottom:1.2rem;}
.cv-test-heading .section-title em{color:var(--acid);font-style:normal;}
.cv-test-lead{max-width:760px;color:#8b8b8b;font-size:1rem;line-height:1.75;}
.cv-test-shell{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  border:1px solid var(--acid);
  background:#fff;
  box-shadow:18px 18px 0 rgba(73,191,245,.055);
}
.cv-test-copy{
  position:relative;
  padding:3rem 2.8rem 3.1rem;
  border-right:1px solid var(--gray-dark);
  background:linear-gradient(145deg,#fff 0%,#fff 100%);
}
.cv-test-copy::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--acid);}
.cv-test-badge{
  display:inline-block;
  margin-bottom:1.35rem;
  padding:.42rem .72rem;
  background:var(--acid);
  color:#080808;
  font:800 .68rem/1 var(--font-mono);
  letter-spacing:.16em;
  text-transform:uppercase;
}
.cv-test-copy h3{
  margin:0 0 1.35rem;
  font:900 clamp(2rem,4vw,3.6rem)/1.08 var(--font-display);
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.cv-test-copy h3 em{color:var(--acid);font-style:normal;}
.cv-test-copy>p{color:#949494;line-height:1.75;}
.cv-test-points{list-style:none;margin:1.65rem 0 1.5rem;padding:0;display:grid;gap:.85rem;}
.cv-test-points li{position:relative;padding-left:1.45rem;color:var(--white);font:.82rem/1.65 var(--font-mono);}
.cv-test-points li::before{content:'+';position:absolute;left:0;top:0;color:var(--acid);font-weight:900;}
.cv-test-copy .cv-test-note{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--gray-dark);color:#666;font:.68rem/1.7 var(--font-mono);text-transform:uppercase;letter-spacing:.035em;}
.cv-test-form-side{padding:1.4rem;background:#fff;}
.cv-form-inline{height:100%;padding:1.6rem 1.55rem 1.45rem;background:#fff;border:1px solid #202020;}
.cv-form-inline .cv-form-bottom{margin-top:.7rem;}
.cv-form-inline .cv-submit{min-width:220px;}
.nenadcv-page nav a[href="#test-me"]{color:var(--acid);}
.nenadcv-page nav a[href="#test-me"]:hover{color:var(--white);}
@media(max-width:980px){
  .cv-test-wrap{padding:0 1.5rem;}
  .cv-test-shell{grid-template-columns:1fr;box-shadow:10px 10px 0 rgba(73,191,245,.045);}
  .cv-test-copy{border-right:0;border-bottom:1px solid var(--gray-dark);padding:2.3rem 1.6rem;}
  .cv-test-form-side{padding:1rem;}
}
@media(max-width:768px){
  .cv-test-wrap{padding:0 1.2rem;}
  .cv-test-heading{margin-bottom:2rem;}
  .cv-test-copy{padding:2rem 1.25rem;}
  .cv-test-copy h3{font-size:clamp(1.8rem,10vw,3rem);}
  .cv-form-inline{padding:1.15rem;}
  .cv-form-inline .cv-submit{min-width:0;width:100%;}
}



/* --------------------------------------------------------------------------
 * CV ABOUT STORY + EXPERIENCE TIMELINE v1.0.3
 * -------------------------------------------------------------------------- */
.nenadcv-page .about-story-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  margin-top:4rem;
  border:1px solid var(--gray-dark);
  background:var(--gray-dark);
}
.nenadcv-page .cv-location-card,
.nenadcv-page .cv-video-card{
  min-width:0;
  background:var(--bg);
  display:grid;
  grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);
  min-height:360px;
}
.nenadcv-page .cv-location-map{
  overflow:hidden;
  min-height:100%;
  background:#f3f7f9;
  border-right:1px solid var(--gray-dark);
}
.nenadcv-page .cv-location-map img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:contain;
  object-position:center;
  display:block;
  padding:1.2rem;
  transform:none;
  filter:none;
}
.nenadcv-page .cv-video-frame{
  position:relative;
  min-height:100%;
  background:#fff;
  border-right:1px solid var(--gray-dark);
}
.nenadcv-page .cv-video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.nenadcv-page .cv-story-copy{
  padding:2.4rem 2.1rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.nenadcv-page .cv-story-kicker{
  font-family:var(--font-mono);
  color:var(--acid);
  font-size:.7rem;
  letter-spacing:.18em;
  margin:0 0 1rem;
}
.nenadcv-page .cv-story-copy h3{
  font-family:var(--font-display);
  font-size:clamp(1.45rem,2vw,2.3rem);
  line-height:1.13;
  text-transform:uppercase;
  margin:0 0 1rem;
}
.nenadcv-page .cv-story-copy h3 em{color:var(--acid);font-style:normal}
.nenadcv-page .cv-story-copy>p:not(.cv-story-kicker){
  color:var(--gray);
  line-height:1.75;
  margin:0;
}
.nenadcv-page .cv-story-tags,
.nenadcv-page .cv-timeline-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:1.4rem;
}
.nenadcv-page .cv-story-tags span,
.nenadcv-page .cv-timeline-tags span{
  font-family:var(--font-mono);
  font-size:.62rem;
  letter-spacing:.08em;
  color:var(--acid);
  border:1px solid var(--gray-dark);
  padding:.35rem .55rem;
}
.nenadcv-page .cv-story-link{
  display:inline-block;
  width:max-content;
  max-width:100%;
  margin-top:1.5rem;
  color:var(--acid);
  font-family:var(--font-display);
  font-size:.72rem;
  font-weight:700;
  text-decoration:none;
  letter-spacing:.04em;
  border-bottom:1px solid var(--acid);
  padding-bottom:.25rem;
}
.nenadcv-page .experience-section{
  border-top:1px solid var(--gray-dark);
  background:var(--bg-alt);
}
.nenadcv-page .experience-intro{
  max-width:780px;
  color:var(--gray);
  font-size:1.05rem;
  line-height:1.8;
  margin-top:1.5rem;
}
.nenadcv-page .cv-timeline{
  position:relative;
  margin-top:4rem;
}
.nenadcv-page .cv-timeline-item{
  display:grid;
  grid-template-columns:130px 34px minmax(0,1fr);
  column-gap:1.5rem;
  position:relative;
  padding-bottom:1.5rem;
}
.nenadcv-page .cv-timeline-date{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--gray);
  text-align:right;
  padding-top:1.7rem;
}
.nenadcv-page .cv-timeline-item.is-current .cv-timeline-date{color:var(--acid);font-weight:700}
.nenadcv-page .cv-timeline-marker{
  position:relative;
  display:flex;
  justify-content:center;
}
.nenadcv-page .cv-timeline-marker::before{
  content:'';
  position:absolute;
  width:1px;
  background:var(--gray-dark);
  top:0;
  bottom:-1.5rem;
}
.nenadcv-page .cv-timeline-item:last-child .cv-timeline-marker::before{bottom:50%}
.nenadcv-page .cv-timeline-marker span{
  width:11px;
  height:11px;
  border:2px solid var(--acid);
  background:var(--bg-alt);
  margin-top:1.7rem;
  z-index:1;
  transform:rotate(45deg);
}
.nenadcv-page .cv-timeline-item.is-current .cv-timeline-marker span{
  background:var(--acid);
  box-shadow:0 0 0 8px rgba(73,191,245,.08);
}
.nenadcv-page .cv-timeline-card{
  border:1px solid var(--gray-dark);
  background:var(--bg);
  padding:1.6rem 1.8rem;
  transition:border-color .25s ease,transform .25s ease;
}
.nenadcv-page .cv-timeline-card:hover{border-color:var(--acid);transform:translateY(-2px)}
.nenadcv-page .cv-timeline-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1.5rem;
  margin-bottom:1rem;
}
.nenadcv-page .cv-timeline-company{
  font-family:var(--font-mono);
  color:var(--acid);
  font-size:.68rem;
  letter-spacing:.16em;
  margin:0 0 .45rem;
}
.nenadcv-page .cv-timeline-card h3{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:clamp(1.05rem,1.4vw,1.5rem);
  line-height:1.25;
  margin:0;
}
.nenadcv-page .cv-timeline-card>p{
  color:var(--gray);
  line-height:1.75;
  margin:0;
  max-width:1000px;
}
.nenadcv-page .cv-current-badge{
  flex:0 0 auto;
  background:var(--acid);
  color:#000;
  font-family:var(--font-mono);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.12em;
  padding:.4rem .55rem;
}
@media(max-width:1180px){
  .nenadcv-page .about-story-grid{grid-template-columns:1fr}
  .nenadcv-page .cv-location-card,.nenadcv-page .cv-video-card{grid-template-columns:minmax(240px,.8fr) 1.2fr}
}
@media(max-width:768px){
  .nenadcv-page .about-story-grid{margin-top:2.5rem}
  .nenadcv-page .cv-location-card,.nenadcv-page .cv-video-card{grid-template-columns:1fr;min-height:0}
  .nenadcv-page .cv-location-map,.nenadcv-page .cv-video-frame{border-right:0;border-bottom:1px solid var(--gray-dark);min-height:260px}
  .nenadcv-page .cv-location-map img{min-height:260px}
  .nenadcv-page .cv-video-frame{aspect-ratio:16/9}
  .nenadcv-page .cv-story-copy{padding:1.6rem 1.25rem}
  .nenadcv-page .cv-timeline-item{grid-template-columns:18px 1fr;column-gap:1rem;padding-bottom:1rem}
  .nenadcv-page .cv-timeline-date{grid-column:2;text-align:left;padding:0 0 .55rem;font-size:.66rem}
  .nenadcv-page .cv-timeline-marker{grid-column:1;grid-row:1 / span 2}
  .nenadcv-page .cv-timeline-marker span{margin-top:.2rem}
  .nenadcv-page .cv-timeline-card{grid-column:2;padding:1.35rem 1.15rem}
  .nenadcv-page .cv-timeline-top{gap:.75rem}
}

/* --------------------------------------------------------------------------
 * CV LAYOUT GRID v1.0.3
 * One consistent editorial content width across every CV content section.
 * Hero and marquee remain intentionally full-bleed; their left content edge
 * aligns with the same grid on wide screens.
 * -------------------------------------------------------------------------- */
.nenadcv-page{
  --cv-content-max:1600px;
  --cv-desktop-gutter:3rem;
}

/* Full-bleed section backgrounds, one shared inner content width. */
.nenadcv-page .work-section.section-pad,
.nenadcv-page .cv-test-section.section-pad,
.nenadcv-page .about-section.section-pad,
.nenadcv-page .experience-section.section-pad,
.nenadcv-page .recommendation-section.section-pad,
.nenadcv-page .ai-section.section-pad{
  padding:8rem 0;
}

.nenadcv-page .work-header,
.nenadcv-page .work-filters,
.nenadcv-page .work-grid,
.nenadcv-page .cv-test-wrap,
.nenadcv-page .about-grid,
.nenadcv-page .about-story-grid,
.nenadcv-page .experience-wrap,
.nenadcv-page .recommendation-wrap,
.nenadcv-page .skills-container,
.nenadcv-page .ai-content{
  width:calc(100% - 6rem);
  max-width:var(--cv-content-max);
  margin-left:auto;
  margin-right:auto;
}

/* Remove old nested horizontal padding/margins that created different widths. */
.nenadcv-page .work-header{padding:0 0 2rem;}
.nenadcv-page .work-filters{padding:0;margin-bottom:2rem;}
.nenadcv-page .work-grid{margin-top:2rem;margin-bottom:0;}
.nenadcv-page .cv-test-wrap{padding:0;}

/* Skills uses exactly the same shell as Work/Test/About/AI. */
.nenadcv-page .skills-section{padding:8rem 0;}
.nenadcv-page .skills-container{max-width:var(--cv-content-max);}

/* NOW has no inner wrapper in the template, so the section itself becomes the shell. */
.nenadcv-page .now-section{
  width:calc(100% - 6rem);
  max-width:var(--cv-content-max);
  margin-left:auto;
  margin-right:auto;
  padding:4rem 0;
}

/* Contact is centered, but its usable content area now follows the same grid. */
.nenadcv-page .contact-section{
  padding-left:max(var(--cv-desktop-gutter), calc((100vw - var(--cv-content-max)) / 2));
  padding-right:max(var(--cv-desktop-gutter), calc((100vw - var(--cv-content-max)) / 2));
}

/* Align the oversized ABOUT section number to the shared right edge. */
.nenadcv-page .section-num{
  right:max(var(--cv-desktop-gutter), calc((100vw - var(--cv-content-max)) / 2));
}

/* Hero remains split/full-bleed, while its text starts on the same left grid edge. */
@media (min-width:1601px){
  .nenadcv-page .hero-left{
    padding-left:calc((100vw - var(--cv-content-max)) / 2);
  }
}

@media (max-width:1024px){
  .nenadcv-page .work-header,
  .nenadcv-page .work-filters,
  .nenadcv-page .work-grid,
  .nenadcv-page .cv-test-wrap,
  .nenadcv-page .about-grid,
  .nenadcv-page .about-story-grid,
  .nenadcv-page .experience-wrap,
  .nenadcv-page .recommendation-wrap,
  .nenadcv-page .skills-container,
  .nenadcv-page .ai-content,
  .nenadcv-page .now-section{
    width:calc(100% - 4rem);
  }
}

@media (max-width:768px){
  .nenadcv-page .work-section.section-pad,
  .nenadcv-page .cv-test-section.section-pad,
  .nenadcv-page .about-section.section-pad,
  .nenadcv-page .experience-section.section-pad,
  .nenadcv-page .recommendation-section.section-pad,
  .nenadcv-page .ai-section.section-pad,
  .nenadcv-page .skills-section{
    padding:5rem 0;
  }
  .nenadcv-page .work-header,
  .nenadcv-page .work-filters,
  .nenadcv-page .work-grid,
  .nenadcv-page .cv-test-wrap,
  .nenadcv-page .about-grid,
  .nenadcv-page .about-story-grid,
  .nenadcv-page .experience-wrap,
  .nenadcv-page .recommendation-wrap,
  .nenadcv-page .skills-container,
  .nenadcv-page .ai-content,
  .nenadcv-page .now-section{
    width:calc(100% - 2.4rem);
  }
  .nenadcv-page .contact-section{
    padding-left:1.2rem;
    padding-right:1.2rem;
  }
  .nenadcv-page .section-num{right:1.2rem;}
}


/* CV reliability patch v1.0.6 */
@media (prefers-reduced-motion: reduce) {
  html.cv-reveal-ready .reveal:not(.visible),
  .reveal { opacity:1 !important; transform:none !important; transition:none !important; }
  html.cv-skills-ready .skill-item:not(.animated) .skill-fill { width:var(--target-width,0%) !important; }
  .skill-fill { transition:none !important; }
}
@media (max-width: 768px) {
  /* Avoid invisible tall shells if a browser pauses background observers. */
  html.cv-reveal-ready .reveal:not(.visible) { opacity:1; transform:none; }
}


/* --------------------------------------------------------------------------
 * CV MAP + VIDEO + RECOMMENDATION v1.0.12
 * -------------------------------------------------------------------------- */
.nenadcv-page .about-story-grid{
  grid-template-columns:1fr;
}
.nenadcv-page .cv-location-card{
  grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);
  min-height:390px;
}
.nenadcv-page .cv-location-map{
  background:#fff;
}
.nenadcv-page .cv-video-card{
  grid-template-columns:minmax(0,1.7fr) minmax(320px,.72fr);
  min-height:0;
}
.nenadcv-page .cv-video-frame{
  min-height:0;
  aspect-ratio:16/9;
}
.nenadcv-page .recommendation-section{
  border-top:1px solid var(--gray-dark);
  background:var(--bg);
}
.nenadcv-page .recommendation-wrap{
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);
  gap:clamp(3rem,7vw,8rem);
  align-items:center;
}
.nenadcv-page .recommendation-preview{
  position:relative;
  display:block;
  width:min(100%,560px);
  margin:0 auto;
  text-decoration:none;
  color:inherit;
}
.nenadcv-page .recommendation-paper{
  display:block;
  background:#fff;
  border:1px solid #404040;
  padding:.65rem;
  box-shadow:18px 18px 0 rgba(73,191,245,.08);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.nenadcv-page .recommendation-preview:hover .recommendation-paper{
  transform:translate(-4px,-4px);
  border-color:var(--acid);
  box-shadow:22px 22px 0 rgba(73,191,245,.13);
}
.nenadcv-page .recommendation-paper img{
  width:100%;
  height:auto;
  display:block;
  background:#fff;
}
.nenadcv-page .recommendation-stamp{
  position:absolute;
  right:-1rem;
  bottom:2rem;
  display:inline-block;
  padding:.7rem .85rem;
  background:var(--acid);
  color:#000;
  font:800 .62rem/1 var(--font-mono);
  letter-spacing:.12em;
  transform:rotate(-2deg);
}
.nenadcv-page .recommendation-copy blockquote{
  position:relative;
  max-width:920px;
  margin:2rem 0 1.6rem;
  padding:1.7rem 0 1.7rem 2rem;
  border-left:3px solid var(--acid);
  color:#d8d8d8;
  font:600 clamp(1.15rem,1.65vw,1.75rem)/1.55 var(--font-body);
}
.nenadcv-page .recommendation-copy blockquote::before{
  content:'“';
  position:absolute;
  top:-.6rem;
  left:.45rem;
  color:var(--acid);
  font:900 3.5rem/1 var(--font-display);
  opacity:.9;
}
.nenadcv-page .recommendation-byline{
  color:var(--gray);
  line-height:1.8;
  margin:0;
}
.nenadcv-page .recommendation-byline strong{
  color:var(--white);
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:.02em;
}
.nenadcv-page .recommendation-note{
  margin-top:1rem;
  max-width:700px;
  color:#666;
  font:.68rem/1.7 var(--font-mono);
  text-transform:uppercase;
  letter-spacing:.045em;
}
.nenadcv-page .recommendation-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.8rem;
}
.nenadcv-page .recommendation-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 1.25rem;
  border:1px solid var(--gray-dark);
  color:var(--white);
  text-decoration:none;
  font:800 .68rem/1 var(--font-display);
  letter-spacing:.04em;
  transition:.2s ease;
}
.nenadcv-page .recommendation-btn:hover{
  border-color:var(--acid);
  color:var(--acid);
}
.nenadcv-page .recommendation-btn.is-primary{
  background:var(--acid);
  border-color:var(--acid);
  color:#000;
}
.nenadcv-page .recommendation-btn.is-primary:hover{
  background:var(--white);
  border-color:var(--white);
  color:#000;
}
@media(max-width:1180px){
  .nenadcv-page .cv-video-card{grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr)}
  .nenadcv-page .recommendation-wrap{grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:3rem}
}
@media(max-width:900px){
  .nenadcv-page .cv-location-card,.nenadcv-page .cv-video-card{grid-template-columns:1fr}
  .nenadcv-page .cv-location-map{min-height:340px;border-right:0;border-bottom:1px solid var(--gray-dark)}
  .nenadcv-page .cv-video-frame{border-right:0;border-bottom:1px solid var(--gray-dark)}
  .nenadcv-page .recommendation-wrap{grid-template-columns:1fr;gap:3rem}
  .nenadcv-page .recommendation-preview{width:min(86vw,520px)}
}
@media(max-width:768px){
  .nenadcv-page .cv-location-map img{min-height:300px;padding:.65rem}
  .nenadcv-page .cv-location-map{min-height:300px}
  .nenadcv-page .recommendation-stamp{right:-.4rem;bottom:1rem}
  .nenadcv-page .recommendation-copy blockquote{padding-left:1.35rem}
  .nenadcv-page .recommendation-actions{flex-direction:column}
  .nenadcv-page .recommendation-btn{width:100%}
}

/* --------------------------------------------------------------------------
 * CV LOCATION + VIDEO COMPACT STACK v1.0.23
 * Image first, copy below. Video first, copy below.
 * -------------------------------------------------------------------------- */
.nenadcv-page .about-story-grid{
  width:min(100%,840px);
  margin:3rem auto 0;
  border:0;
  background:transparent;
  gap:1.5rem;
}
.nenadcv-page .cv-location-card,
.nenadcv-page .cv-video-card{
  display:grid;
  grid-template-columns:1fr;
  min-height:0;
  border:1px solid var(--gray-dark);
  background:var(--bg);
}
.nenadcv-page .cv-location-map{
  height:300px;
  min-height:300px;
  border-right:0;
  border-bottom:1px solid var(--gray-dark);
  background:#fff;
}
.nenadcv-page .cv-location-map img{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  object-position:center;
  padding:.8rem;
}
.nenadcv-page .cv-video-frame{
  width:100%;
  min-height:0;
  aspect-ratio:16/9;
  border-right:0;
  border-bottom:1px solid var(--gray-dark);
}
.nenadcv-page .cv-story-copy{
  padding:1.5rem 1.65rem 1.65rem;
  justify-content:flex-start;
}
.nenadcv-page .cv-story-kicker{
  margin-bottom:.7rem;
}
.nenadcv-page .cv-story-copy h3{
  font-size:clamp(1.3rem,2.2vw,2rem);
  margin-bottom:.75rem;
}
.nenadcv-page .cv-story-copy > p:not(.cv-story-kicker){
  max-width:64ch;
  margin-bottom:.9rem;
}
.nenadcv-page .cv-story-tags{
  margin-top:.25rem;
}
.nenadcv-page .cv-story-link{
  margin-top:.15rem;
}
@media(max-width:900px){
  .nenadcv-page .about-story-grid{
    width:min(100%,760px);
    margin-top:2.5rem;
    gap:1.2rem;
  }
  .nenadcv-page .cv-location-map{
    height:270px;
    min-height:270px;
  }
  .nenadcv-page .cv-story-copy{
    padding:1.35rem 1.4rem 1.5rem;
  }
}
@media(max-width:600px){
  .nenadcv-page .about-story-grid{
    width:100%;
    margin-top:2rem;
    gap:1rem;
  }
  .nenadcv-page .cv-location-map{
    height:220px;
    min-height:220px;
  }
  .nenadcv-page .cv-location-map img{
    padding:.45rem;
  }
  .nenadcv-page .cv-story-copy{
    padding:1.15rem 1.1rem 1.3rem;
  }
  .nenadcv-page .cv-story-copy h3{
    font-size:1.35rem;
  }
}

/* --------------------------------------------------------------------------
 * CV LOCATION + VIDEO SIDE BY SIDE v1.0.24
 * Two compact cards on desktop: media on top, text below.
 * -------------------------------------------------------------------------- */
.nenadcv-page .about-story-grid{
  width:min(100%,1180px);
  margin:3rem auto 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.5rem;
  align-items:stretch;
}
.nenadcv-page .cv-location-card,
.nenadcv-page .cv-video-card{
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr;
  min-width:0;
  min-height:0;
  height:100%;
  border:1px solid var(--gray-dark);
  background:var(--bg);
}
.nenadcv-page .cv-location-map,
.nenadcv-page .cv-video-frame{
  width:100%;
  height:285px;
  min-height:285px;
  aspect-ratio:auto;
  border-right:0;
  border-bottom:1px solid var(--gray-dark);
  overflow:hidden;
}
.nenadcv-page .cv-location-map{
  background:#fff;
}
.nenadcv-page .cv-location-map img{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  object-position:center;
  padding:.7rem;
}
.nenadcv-page .cv-video-frame iframe{
  width:100%;
  height:100%;
  display:block;
  border:0;
}
.nenadcv-page .cv-story-copy{
  padding:1.45rem 1.55rem 1.6rem;
  align-self:stretch;
}
.nenadcv-page .cv-story-copy h3{
  font-size:clamp(1.25rem,1.8vw,1.8rem);
}
@media(max-width:900px){
  .nenadcv-page .about-story-grid{
    width:min(100%,760px);
    grid-template-columns:1fr;
    gap:1.2rem;
  }
  .nenadcv-page .cv-location-map,
  .nenadcv-page .cv-video-frame{
    height:270px;
    min-height:270px;
  }
}
@media(max-width:600px){
  .nenadcv-page .about-story-grid{
    width:100%;
    margin-top:2rem;
    gap:1rem;
  }
  .nenadcv-page .cv-location-map,
  .nenadcv-page .cv-video-frame{
    height:220px;
    min-height:220px;
  }
  .nenadcv-page .cv-location-map img{padding:.45rem}
  .nenadcv-page .cv-story-copy{padding:1.15rem 1.1rem 1.3rem}
}

/* --------------------------------------------------------------------------
 * CV LOCATION + VIDEO SECTION SPACING v1.0.25
 * Keep the two cards side by side, but give the block more breathing room and
 * a clear visual separation from the content above.
 * -------------------------------------------------------------------------- */
.nenadcv-page .about-story-grid{
  width:min(100%,1320px);
  margin:6rem auto 0;
  padding-top:3.25rem;
  border-top:1px solid var(--gray-dark);
  gap:1.8rem;
}
.nenadcv-page .cv-location-map,
.nenadcv-page .cv-video-frame{
  height:315px;
  min-height:315px;
}
@media(max-width:900px){
  .nenadcv-page .about-story-grid{
    width:min(100%,820px);
    margin-top:4.5rem;
    padding-top:2.5rem;
    gap:1.35rem;
  }
  .nenadcv-page .cv-location-map,
  .nenadcv-page .cv-video-frame{
    height:285px;
    min-height:285px;
  }
}
@media(max-width:600px){
  .nenadcv-page .about-story-grid{
    width:100%;
    margin-top:3.25rem;
    padding-top:1.75rem;
    gap:1rem;
  }
  .nenadcv-page .cv-location-map,
  .nenadcv-page .cv-video-frame{
    height:220px;
    min-height:220px;
  }
}


/* v1.0.27: portfolio provenance + AI experiment imagery */
.work-header-copy{display:grid;gap:1rem;justify-items:start;}
.work-origin-note{max-width:430px;font-family:var(--font-mono);font-size:.68rem;line-height:1.7;color:var(--gray-mid);border-left:2px solid var(--acid);padding:.75rem 0 .75rem 1rem;text-transform:none;}
.work-origin-note strong{color:var(--acid);letter-spacing:.08em;}
.work-card-img{position:relative;}
.work-origin-badge{position:absolute;z-index:3;top:.85rem;left:.85rem;display:inline-flex;align-items:center;min-height:26px;padding:.38rem .58rem;background:rgba(255,255,255,.88);border:1px solid rgba(73,191,245,.6);color:var(--acid);font-family:var(--font-mono);font-size:.55rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase;backdrop-filter:blur(4px);}
.ai-card{padding:0;overflow:hidden;}
.ai-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--gray-dark);background:#fff;}
.ai-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .5s ease;filter:saturate(.92) contrast(1.05);}
.ai-card:hover .ai-card-media img{transform:scale(1.025);filter:saturate(1.05) contrast(1.02);}
.ai-card-copy{padding:1.5rem 1.6rem 1.8rem;}
.ai-origin-badge{position:absolute;left:.8rem;bottom:.8rem;z-index:2;padding:.45rem .62rem;background:var(--acid);color:#050505;border:1px solid var(--acid);font-family:var(--font-mono);font-size:.55rem;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase;}
@media(max-width:760px){.work-origin-note{max-width:none}.work-origin-badge,.ai-origin-badge{font-size:.5rem}.ai-card-copy{padding:1.25rem}}

@media(max-width:760px){
  .modal-image-origin-badge{left:.65rem;bottom:.65rem;padding:.58rem .7rem;font-size:.58rem;letter-spacing:.1em}
}

/* --------------------------------------------------------------------------
 * CV BRUTALIST BACKGROUND RHYTHM v1.0.33
 * Decorative AI atmosphere only. CSS backgrounds intentionally have no alt
 * text because they do not communicate portfolio content.
 * Rhythm: image / black / image / black / image / black / image / black.
 * -------------------------------------------------------------------------- */
.nenadcv-page .work-section,
.nenadcv-page .about-section,
.nenadcv-page .recommendation-section,
.nenadcv-page .now-section{
  background-color:var(--bg);
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:scroll;
}

.nenadcv-page .work-section{
  background-image:linear-gradient(180deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.91) 46%,rgba(255,255,255,.96) 100%),
    url('backgrounds/nenadcv-brutalist-landscape-background.webp');
  background-position:center 38%;
}

.nenadcv-page .about-section{
  background-image:radial-gradient(circle at 82% 24%,rgba(73,191,245,.055),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.90) 0%,rgba(255,255,255,.94) 52%,rgba(255,255,255,.97) 100%),
    url('backgrounds/nenadcv-brutalist-geometry-background.webp');
  background-position:center 42%;
}

.nenadcv-page .recommendation-section{
  background-image:linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.86) 50%,rgba(255,255,255,.95) 100%),
    url('backgrounds/nenadcv-brutalist-editorial-background.webp');
  background-position:center 38%;
}

.nenadcv-page .now-section{
  background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 58%,rgba(255,255,255,.94) 100%),
    url('backgrounds/nenadcv-brutalist-landscape-background.webp');
  background-position:center 58%;
}

/* Keep the alternating sections intentionally clean and black. */
.nenadcv-page .cv-test-section,
.nenadcv-page .experience-section,
.nenadcv-page .skills-section,
.nenadcv-page .ai-section,
.nenadcv-page .contact-section{
  background-color:var(--bg);
}
.nenadcv-page .experience-section{background-image:none;}

/* Give content on image-backed sections a subtle local contrast lift without
   turning the backgrounds into boxed panels. */
.nenadcv-page .work-header,
.nenadcv-page .about-grid,
.nenadcv-page .about-story-grid,
.nenadcv-page .recommendation-wrap,
.nenadcv-page .now-section > *{
  position:relative;
  z-index:1;
}

@media(max-width:768px){
  .nenadcv-page .work-section,
  .nenadcv-page .about-section,
  .nenadcv-page .recommendation-section,
  .nenadcv-page .now-section{
    background-position:center center;
  }
  .nenadcv-page .work-section{
    background-image:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.97)),
      url('backgrounds/nenadcv-brutalist-landscape-background.webp');
  }
  .nenadcv-page .about-section{
    background-image:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.98)),
      url('backgrounds/nenadcv-brutalist-geometry-background.webp');
  }
  .nenadcv-page .recommendation-section{
    background-image:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.98)),
      url('backgrounds/nenadcv-brutalist-editorial-background.webp');
  }
  .nenadcv-page .now-section{
    background-image:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.98)),
      url('backgrounds/nenadcv-brutalist-landscape-background.webp');
  }
}


/* v1.0.36 — replace CV sectional backdrops with new scenes */
body[data-dxp-page="nenadcv"] .section-pad{
  background-attachment:scroll !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center center !important;
}
body[data-dxp-page="nenadcv"] .work-section.section-pad{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .cv-test-section.section-pad{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .about-section.section-pad{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .experience-section.section-pad{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .recommendation-section.section-pad{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .ai-section.section-pad{
  background-image:none;
}


/* v1.0.37 — NenadCV strict alternating rhythm */
body[data-dxp-page="nenadcv"] .work-section.section-pad{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .cv-test-section.section-pad,
body[data-dxp-page="nenadcv"] .experience-section.section-pad,
body[data-dxp-page="nenadcv"] .ai-section.section-pad{
  background-image:none !important;
  background-color:var(--bg) !important;
}
body[data-dxp-page="nenadcv"] .about-section.section-pad{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .recommendation-section.section-pad{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .skills-section{
  background-image:none !important;
  background-color:var(--bg) !important;
}
body[data-dxp-page="nenadcv"] .now-section{
  background-image:none;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center !important;
}
body[data-dxp-page="nenadcv"] .contact-section{
  background-image:none;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center 58% !important;
  background-color:#fff !important;
  isolation:isolate;
}
body[data-dxp-page="nenadcv"] .contact-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(circle at 70% 42%,rgba(73,191,245,.10),transparent 34%);
}
body[data-dxp-page="nenadcv"] .contact-section > *{
  position:relative;
  z-index:1;
}
@media(max-width:768px){
  body[data-dxp-page="nenadcv"] .contact-section{
    background-image:none;
    background-position:center center !important;
  }
}


/* v1.0.38 — portfolio cleanup + visible CV contact background */


/* v1.0.39 — full-bleed NOW section + rotating hero backgrounds */
.nenadcv-page .hero{
  position:relative;
  isolation:isolate;
  background:#fff;
}
.nenadcv-page .hero-bg-rotator{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.nenadcv-page .hero-bg-slide{
  position:absolute;
  inset:0;
  opacity:0;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  transition:opacity 1.2s ease, transform 7s ease;
  transform:scale(1.04);
  will-change:opacity,transform;
  filter:saturate(.92) contrast(1.02);
}
.nenadcv-page .hero-bg-slide.is-active{
  opacity:1;
  transform:scale(1);
}
.nenadcv-page .hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.76) 32%,rgba(255,255,255,.48) 58%,rgba(255,255,255,.78) 100%),
    linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.52) 100%);
}
.nenadcv-page .hero-left,
.nenadcv-page .hero-right{
  position:relative;
  z-index:2;
  background:transparent;
}
.nenadcv-page .hero-left{
  backdrop-filter:blur(1.5px);
}
.nenadcv-page .hero-right{
  border-left:1px solid rgba(255,255,255,.08);
}
.nenadcv-page .word-wall{display:none !important;}
.nenadcv-page .hero-photo-wrap{
  width:min(68%,560px);
  max-width:560px;
  height:min(760px,78vh);
  background:rgba(255,255,255,.5);
  box-shadow:0 24px 80px rgba(0,0,0,.28);
}
.nenadcv-page .hero-photo-wrap img{
  object-position:center top;
}
.nenadcv-page .hero-photo-wrap::after{
  background:linear-gradient(to bottom,rgba(255,255,255,0) 54%,rgba(255,255,255,.46) 100%);
}
.nenadcv-page .badge-25{bottom:6%;}

.nenadcv-page .now-section{
  position:relative;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden;
  background-color:#fff;
}
.nenadcv-page .now-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:none;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
.nenadcv-page .now-shell{
  position:relative;
  z-index:1;
  width:calc(100% - 6rem);
  max-width:var(--cv-content-max);
  margin:0 auto;
  padding:4rem 0;
  display:flex;
  align-items:flex-start;
  gap:3rem;
}
.nenadcv-page .now-section > *{
  position:relative;
  z-index:1;
}
@media (max-width:1024px){
  .nenadcv-page .hero::before{
    background:linear-gradient(180deg,rgba(255,255,255,.74) 0%,rgba(255,255,255,.88) 100%),
      linear-gradient(90deg,rgba(255,255,255,.58),rgba(255,255,255,.74));
  }
  .nenadcv-page .hero-right{display:none;}
  .nenadcv-page .now-shell{width:calc(100% - 4rem);}
}
@media (max-width:768px){
  .nenadcv-page .hero-left{
    padding-top:8.6rem;
    padding-bottom:3.8rem;
  }
  .nenadcv-page .now-shell{
    width:calc(100% - 2.4rem);
    padding:3rem 0;
    flex-direction:column;
    gap:1.5rem;
  }
}


/* v1.0.40 — natural portrait + stronger brutalist atmosphere */
/* Portrait stays fully natural: no grayscale, contrast treatment or hover zoom. */
.nenadcv-page .hero-photo-wrap{
  width:min(58%,480px) !important;
  max-width:480px !important;
  height:min(700px,70vh) !important;
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.28) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.24) !important;
}
.nenadcv-page .hero-photo-wrap img,
.nenadcv-page .hero-photo-wrap:hover img{
  filter:none !important;
  transform:none !important;
  opacity:1 !important;
  object-position:center top !important;
}
.nenadcv-page .hero-photo-wrap::after{
  display:none !important;
}
.nenadcv-page .badge-25{
  bottom:7% !important;
  transform:translateX(-50%) scale(.88) !important;
  transform-origin:center bottom;
}

/* Let the four hero scenes read more clearly while keeping the left copy legible. */
.nenadcv-page .hero::before{
  background:linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.68) 30%,rgba(255,255,255,.28) 58%,rgba(255,255,255,.54) 100%),
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.34) 100%) !important;
}
.nenadcv-page .hero-bg-slide{
  filter:saturate(1.04) contrast(1.04) brightness(1.06) !important;
}

/* Image-backed CV sections: less black veil, more neon architecture. */
body[data-dxp-page="nenadcv"] .work-section.section-pad{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .about-section.section-pad{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .recommendation-section.section-pad{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .now-section::before{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .contact-section{
  background-image:none;
}
body[data-dxp-page="nenadcv"] .contact-section::before{
  background:radial-gradient(circle at 70% 42%,rgba(73,191,245,.16),transparent 38%) !important;
}

@media(max-width:1200px) and (min-width:1025px){
  .nenadcv-page .hero-photo-wrap{
    width:min(54%,430px) !important;
    max-width:430px !important;
    height:min(640px,68vh) !important;
  }
}
@media(max-width:768px){
  .nenadcv-page .hero::before{
    background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.82)) !important;
  }
  body[data-dxp-page="nenadcv"] .work-section.section-pad,
  body[data-dxp-page="nenadcv"] .about-section.section-pad,
  body[data-dxp-page="nenadcv"] .recommendation-section.section-pad{
    background-blend-mode:normal !important;
  }
  body[data-dxp-page="nenadcv"] .contact-section{
    background-image:none;
  }
}


/* v1.0.43 — Prestige print project + HYPE AI product photography */
.ai-grid .ai-card-wide{grid-column:1/-1;}
.ai-card-media-duo{aspect-ratio:16/7;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);}
.ai-card-media-duo img{min-width:0;object-fit:cover;}
.ai-card-media-duo img:nth-of-type(2){border-left:1px solid var(--gray-dark);}
@media(max-width:760px){
  .ai-grid .ai-card-wide{grid-column:auto;}
  .ai-card-media-duo{aspect-ratio:auto;grid-template-columns:1fr;}
  .ai-card-media-duo img{height:auto;aspect-ratio:4/3;}
  .ai-card-media-duo img:nth-of-type(2){border-left:0;border-top:1px solid var(--gray-dark);aspect-ratio:4/5;}
}


/* v1.0.44 — full multi-image modal visibility + AI projects inside Selected Work */
.nenadcv-page .work-card.is-ai{border-color:rgba(73,191,245,.28);}
.nenadcv-page .work-card.is-ai .work-origin-badge{background:var(--acid);border-color:var(--acid);color:#050505;font-weight:900;}
.modal-content{min-height:0;}
.modal-gallery{min-height:0;align-items:stretch;overscroll-behavior:contain;}
.modal-gallery-item{flex:0 0 auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;}
.modal-gallery-item img,.modal-gallery img{display:block !important;width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;aspect-ratio:auto !important;object-fit:contain !important;}
.modal-gallery-item.is-ai-origin .modal-image-origin-badge{background:var(--acid);color:#050505;border-color:#050505;}
.modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;}
@media(max-width:1024px){.modal-gallery{max-height:62vh !important;}.modal-body{max-height:none;}}


/* v1.0.46 — hybrid human/AI portfolio provenance */
.nenadcv-page .work-card.is-hybrid .work-origin-badge,
.nenadcv-page .modal-gallery-item.is-hybrid-origin .modal-image-origin-badge{
  background:linear-gradient(90deg,rgba(255,255,255,.94) 0 50%,var(--acid) 50% 100%);
  color:var(--white);
  border-color:var(--acid);
  max-width:calc(100% - 1.7rem);
  white-space:normal;
  line-height:1.35;
}


/* v1.0.50 — transparent portfolio image areas for assets with alpha */
.nenadcv-page .work-card-img,
.nenadcv-page .work-card-img img,
.nenadcv-page .modal-gallery-item,
.nenadcv-page .modal-gallery-item img,
.nenadcv-page .modal-gallery img{background:transparent !important;}

/* v1.0.47 — keep long portfolio modal titles inside the info column */
.nenadcv-page .modal-body{
  min-width:0 !important;
  max-width:100%;
}
.nenadcv-page .modal-title{
  width:100%;
  max-width:100%;
  font-size:clamp(1.55rem,2.35vw,2.35rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.025em;
  overflow:visible !important;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}
@media(max-width:1200px){
  .nenadcv-page .modal-title{font-size:clamp(1.45rem,2.6vw,2.05rem) !important;}
}
@media(max-width:1024px){
  .nenadcv-page .modal-title{font-size:clamp(1.55rem,5vw,2.25rem) !important;}
}
@media(max-width:600px){
  .nenadcv-page .modal-title{
    font-size:clamp(1.35rem,7vw,1.85rem) !important;
    line-height:1.08 !important;
    margin-bottom:1.35rem;
  }
}

/* v1.0.51 — keep the Nenad hero portrait visible on tablet/mobile */
@media (max-width:1024px){
  .nenadcv-page .hero-right{
    display:block !important;
    min-height:650px;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .nenadcv-page .hero-photo-wrap{
    width:min(58%,480px) !important;
    max-width:480px !important;
    height:min(610px,62vh) !important;
  }
}
@media (max-width:768px){
  .nenadcv-page .hero-right{
    min-height:520px;
  }
  .nenadcv-page .hero-photo-wrap{
    width:min(76%,360px) !important;
    max-width:360px !important;
    height:470px !important;
  }
}

/* v1.0.53 — improve mobile hero corner labels around the portrait */
@media (max-width:768px){
  .nenadcv-page .hero-right{
    min-height:640px !important;
    padding:1rem 1rem 5.75rem;
  }
  .nenadcv-page .hero-photo-wrap{
    width:min(74%,340px) !important;
    max-width:340px !important;
    height:420px !important;
  }
  .nenadcv-page .badge-25{
    bottom:5.35rem !important;
    transform:translateX(-50%) scale(.68) !important;
  }
  .nenadcv-page .badge-25-main{
    font-size:4.8rem;
    padding:.4rem 1.35rem;
    box-shadow:8px 8px 0 var(--bg-alt);
  }
  .nenadcv-page .badge-25-sub{
    font-size:.52rem;
    letter-spacing:.2em;
    margin-top:.5rem;
  }
  .nenadcv-page .corner-tag{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:.42rem .56rem;
    background:rgba(255,255,255,.78);
    border:1px solid rgba(73,191,245,.26);
    color:rgba(240,240,240,.96);
    backdrop-filter:blur(8px);
    font-size:.52rem;
    letter-spacing:.1em;
    line-height:1.2;
    max-width:calc(50% - 1.5rem);
    z-index:12;
  }
  .nenadcv-page .corner-tl{top:1rem;left:1rem;}
  .nenadcv-page .corner-tr{top:1rem;right:1rem;justify-content:flex-end;text-align:right;}
  .nenadcv-page .corner-bl{bottom:1.15rem;left:1rem;}
  .nenadcv-page .corner-br{bottom:1.15rem;right:1rem;justify-content:flex-end;text-align:right;}
  .nenadcv-page .corner-br span{color:var(--acid);}
}
@media (max-width:480px){
  .nenadcv-page .hero-right{
    min-height:605px !important;
    padding:1rem .85rem 5.2rem;
  }
  .nenadcv-page .hero-photo-wrap{
    width:min(78%,310px) !important;
    max-width:310px !important;
    height:392px !important;
  }
  .nenadcv-page .badge-25{
    bottom:5rem !important;
    transform:translateX(-50%) scale(.62) !important;
  }
  .nenadcv-page .corner-tag{
    min-height:26px;
    padding:.38rem .5rem;
    font-size:.47rem;
    letter-spacing:.08em;
    max-width:calc(50% - 1.2rem);
  }
}


/* v1.0.54 — single-scroll mobile portfolio modal */
@media (max-width:768px){
  .nenadcv-page .modal-overlay{
    align-items:flex-start !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    padding:1rem 0 .75rem !important;
  }
  .nenadcv-page .modal{
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    margin:0 auto;
    width:calc(100% - 1rem);
  }
  .nenadcv-page .modal-content{
    display:block !important;
    height:auto !important;
    overflow:visible !important;
  }
  .nenadcv-page .modal-gallery{
    max-height:none !important;
    overflow:visible !important;
    padding:1rem 1rem 0 !important;
  }
  .nenadcv-page .modal-body{
    max-height:none !important;
    overflow:visible !important;
    padding:1.5rem 1rem 1.25rem !important;
  }
}

/* v1.0.58 — white neon brutalist NenadCV */
body[data-dxp-page="nenadcv"]{
  --bg:#fff;--bg-alt:#f2f2ee;--bg-modal:#fff;--white:#111;--acid:#49bff5;--acid-dim:#167ead;--gray:#6f6f69;--gray-dark:#d7d7cf;--text-muted:#777770;
  background:#fff;color:#111;cursor:default;
}
body[data-dxp-page="nenadcv"]::before{opacity:.018;mix-blend-mode:multiply}
body[data-dxp-page="nenadcv"] nav{background:rgba(255,255,255,.95);border-bottom-color:#d7d7cf;box-shadow:0 8px 30px rgba(0,0,0,.04)}
body[data-dxp-page="nenadcv"] .nav-logo,body[data-dxp-page="nenadcv"] .nav-links a{color:#111}
body[data-dxp-page="nenadcv"] .nav-logo .slash,body[data-dxp-page="nenadcv"] .nav-logo .cv,body[data-dxp-page="nenadcv"] .nav-status,body[data-dxp-page="nenadcv"] .hero-subtitle-line,body[data-dxp-page="nenadcv"] .section-label,body[data-dxp-page="nenadcv"] .work-card-num,body[data-dxp-page="nenadcv"] .work-card-link{color:#167ead}
body[data-dxp-page="nenadcv"] .nav-status .dot{box-shadow:none}
body[data-dxp-page="nenadcv"] .hero,body[data-dxp-page="nenadcv"] .hero-left,body[data-dxp-page="nenadcv"] .hero-right{background:#fff;color:#111}
body[data-dxp-page="nenadcv"] .hero-right{border-left-color:#d7d7cf;background:linear-gradient(135deg,#f4f4ef 0%,#fff 58%,rgba(73,191,245,.13) 100%)}
body[data-dxp-page="nenadcv"] .hero-right::before,body[data-dxp-page="nenadcv"] .hero-right::after{background-image:none!important}
body[data-dxp-page="nenadcv"] .word-wall{opacity:.5}
body[data-dxp-page="nenadcv"] .ww-outline{-webkit-text-stroke-color:#2fa9df}
body[data-dxp-page="nenadcv"] .ww-solid{color:#dadad2}
body[data-dxp-page="nenadcv"] .ww-lemon{color:#76cff7}
body[data-dxp-page="nenadcv"] .ww-gray{color:#e4e4de}
body[data-dxp-page="nenadcv"] .hero-photo-wrap{background:#fff;border-color:#cfcfc7;box-shadow:14px 14px 0 rgba(73,191,245,.55)}
body[data-dxp-page="nenadcv"] .hero-photo-wrap::after{background:linear-gradient(to bottom,transparent 72%,rgba(255,255,255,.12) 100%)}
body[data-dxp-page="nenadcv"] .hero-description{color:#555}
body[data-dxp-page="nenadcv"] .hero-description .accent,body[data-dxp-page="nenadcv"] .hero-main-title .accent,body[data-dxp-page="nenadcv"] .section-title em{color:#167ead}
body[data-dxp-page="nenadcv"] .hero-btn-primary{background:var(--acid);color:#050505}
body[data-dxp-page="nenadcv"] .hero-btn-secondary{background:#fff;color:#111;border-color:#cfcfc7}
body[data-dxp-page="nenadcv"] .hero-btn-secondary:hover{border-color:#167ead;color:#167ead}
body[data-dxp-page="nenadcv"] .hero-footer-info{color:#666}
body[data-dxp-page="nenadcv"] .cursor-lemon{mix-blend-mode:multiply;background:radial-gradient(circle,rgba(73,191,245,.1) 0%,transparent 70%)}
body[data-dxp-page="nenadcv"] .marquee{background:#fff;border-color:#d7d7cf}
body[data-dxp-page="nenadcv"] .marquee-item{color:#111}
body[data-dxp-page="nenadcv"] .work-section,body[data-dxp-page="nenadcv"] .about-section,body[data-dxp-page="nenadcv"] .skills-section,body[data-dxp-page="nenadcv"] .now-section,body[data-dxp-page="nenadcv"] .contact-section,body[data-dxp-page="nenadcv"] .recommendation-section,body[data-dxp-page="nenadcv"] .ai-section{background:#fff!important;color:#111}
body[data-dxp-page="nenadcv"] .about-section,body[data-dxp-page="nenadcv"] .now-section,body[data-dxp-page="nenadcv"] .recommendation-section{background:#f5f5f1!important}
body[data-dxp-page="nenadcv"] .work-section::before,body[data-dxp-page="nenadcv"] .about-section::before,body[data-dxp-page="nenadcv"] .skills-section::before,body[data-dxp-page="nenadcv"] .now-section::before,body[data-dxp-page="nenadcv"] .contact-section::before,body[data-dxp-page="nenadcv"] .recommendation-section::before,body[data-dxp-page="nenadcv"] .ai-section::before{content:none!important;background-image:none!important}
body[data-dxp-page="nenadcv"] .filter-btn{background:#fff;color:#666;border-color:#cfcfc7}
body[data-dxp-page="nenadcv"] .filter-btn:hover{border-color:#167ead;color:#167ead}
body[data-dxp-page="nenadcv"] .filter-btn.active{background:var(--acid);color:#050505;border-color:#2fa9df}
body[data-dxp-page="nenadcv"] .work-grid{background:#d7d7cf;border-color:#d7d7cf}
body[data-dxp-page="nenadcv"] .work-card{background:#fff;color:#111}
body[data-dxp-page="nenadcv"] .work-card:hover{background:#f6f6f2}
body[data-dxp-page="nenadcv"] .work-card-img{border-bottom-color:#d7d7cf;background:transparent}
body[data-dxp-page="nenadcv"] .work-card-cat,body[data-dxp-page="nenadcv"] .work-card-desc{color:#666}
body[data-dxp-page="nenadcv"] .work-origin-badge{background:rgba(255,255,255,.94);color:#167ead;border-color:#2799cd;backdrop-filter:none}
body[data-dxp-page="nenadcv"] .work-card.is-ai .work-origin-badge,body[data-dxp-page="nenadcv"] .ai-origin-badge,body[data-dxp-page="nenadcv"] .modal-gallery-item.is-ai-origin .modal-image-origin-badge{background:var(--acid);color:#050505;border-color:#050505}
body[data-dxp-page="nenadcv"] .modal-overlay{background:rgba(255,255,255,.96)}
body[data-dxp-page="nenadcv"] .modal{background:#fff;border-color:#cfcfc7;box-shadow:0 25px 80px rgba(0,0,0,.14)}
body[data-dxp-page="nenadcv"] .modal-close{background:var(--acid);border-color:#050505;color:#050505}
body[data-dxp-page="nenadcv"] .modal-body{background:#fff;color:#111}
body[data-dxp-page="nenadcv"] .modal-gallery{background:#f5f5f1}
body[data-dxp-page="nenadcv"] .modal-info-item{border-color:#d7d7cf}
body[data-dxp-page="nenadcv"] .modal-info-label,body[data-dxp-page="nenadcv"] .modal-desc{color:#666}
body[data-dxp-page="nenadcv"] .modal-link{color:#167ead;border-color:#167ead}
body[data-dxp-page="nenadcv"] .cv-form-overlay{background:rgba(255,255,255,.96)}
body[data-dxp-page="nenadcv"] .cv-form-dialog,body[data-dxp-page="nenadcv"] .cv-test-shell,body[data-dxp-page="nenadcv"] .cv-test-form-side,body[data-dxp-page="nenadcv"] .cv-form-inline{background:#fff!important;color:#111;border-color:#d7d7cf!important}
body[data-dxp-page="nenadcv"] .cv-lang-switch{background:#fff}
body[data-dxp-page="nenadcv"] .cv-privacy-check input{background:#fff;border-color:#999}
body[data-dxp-page="nenadcv"] .ai-card-media{background:#f2f2ee}
body[data-dxp-page="nenadcv"] .badge-25-main{color:#050505;background:var(--acid);box-shadow:10px 10px 0 #111}
body[data-dxp-page="nenadcv"] .badge-25-sub{color:#167ead}
body[data-dxp-page="nenadcv"] .corner-tag{background:rgba(255,255,255,.84)!important;color:#111!important;border-color:rgba(22,126,173,.24)!important;backdrop-filter:blur(8px)}
body[data-dxp-page="nenadcv"] .corner-br span{color:#167ead}


/* v1.0.58 — final light-background guards for legacy high-specificity rules */
body[data-dxp-page="nenadcv"] .hero-bg-rotator,
body[data-dxp-page="nenadcv"] .hero-bg-slide{display:none!important;background-image:none!important}
body[data-dxp-page="nenadcv"] .hero::before{content:none!important;background:none!important}
body[data-dxp-page="nenadcv"] .hero-photo-wrap{
  background:#fff!important;
  border-color:#cfcfc7!important;
  box-shadow:14px 14px 0 rgba(73,191,245,.58)!important;
}
body[data-dxp-page="nenadcv"] .cv-test-section,
body[data-dxp-page="nenadcv"] .cv-test-shell,
body[data-dxp-page="nenadcv"] .cv-test-copy,
body[data-dxp-page="nenadcv"] .cv-test-form-side,
body[data-dxp-page="nenadcv"] .cv-form-inline{background:#fff!important;color:#111!important;border-color:#d7d7cf!important}
body[data-dxp-page="nenadcv"] .cv-test-copy{background-image:none!important}
body[data-dxp-page="nenadcv"] .cv-test-lead,
body[data-dxp-page="nenadcv"] .cv-test-copy>p,
body[data-dxp-page="nenadcv"] .cv-form-head p{color:#666}
body[data-dxp-page="nenadcv"] .cv-form input,
body[data-dxp-page="nenadcv"] .cv-form textarea,
body[data-dxp-page="nenadcv"] .cv-form select{background:#fff!important;color:#111!important;border-color:#bdbdb6!important}
body[data-dxp-page="nenadcv"] .cv-form input:focus,
body[data-dxp-page="nenadcv"] .cv-form textarea:focus,
body[data-dxp-page="nenadcv"] .cv-form select:focus{background:#fff!important;border-color:#167ead!important;box-shadow:0 0 0 2px rgba(73,191,245,.14)!important}
body[data-dxp-page="nenadcv"] .cv-form-toast{background:#fff;color:#111;box-shadow:8px 8px 0 rgba(73,191,245,.5)}
body[data-dxp-page="nenadcv"] .cv-location-map,
body[data-dxp-page="nenadcv"] .cv-video-frame{background:#f2f2ee!important}
body[data-dxp-page="nenadcv"] .work-card.is-hybrid .work-origin-badge,
body[data-dxp-page="nenadcv"] .modal-gallery-item.is-hybrid-origin .modal-image-origin-badge{
  background:linear-gradient(90deg,#fff 0 50%,var(--acid) 50% 100%)!important;
  color:#111!important;
  border-color:#2799cd!important;
}
@media(max-width:768px){body[data-dxp-page="nenadcv"] .hero::before{content:none!important;background:none!important}}


/* v1.0.59 — final white + sky blue NenadCV guard */
body[data-dxp-page="nenadcv"]{--bg:#fff;--bg-alt:#f3f7f9;--bg-modal:#fff;--white:#111;--acid:#49bff5;--acid-dim:#167ead;--gray:#687077;--gray-dark:#d7e0e5;--text-muted:#747b80;background:#fff!important;color:#111!important}
body[data-dxp-page="nenadcv"] nav,
body[data-dxp-page="nenadcv"] .hero,
body[data-dxp-page="nenadcv"] .hero-left,
body[data-dxp-page="nenadcv"] .hero-right,
body[data-dxp-page="nenadcv"] .work-section,
body[data-dxp-page="nenadcv"] .about-section,
body[data-dxp-page="nenadcv"] .skills-section,
body[data-dxp-page="nenadcv"] .now-section,
body[data-dxp-page="nenadcv"] .contact-section,
body[data-dxp-page="nenadcv"] .recommendation-section,
body[data-dxp-page="nenadcv"] .ai-section,
body[data-dxp-page="nenadcv"] .work-card,
body[data-dxp-page="nenadcv"] .modal,
body[data-dxp-page="nenadcv"] .modal-body,
body[data-dxp-page="nenadcv"] .cv-form-dialog,
body[data-dxp-page="nenadcv"] .cv-test-shell,
body[data-dxp-page="nenadcv"] .cv-test-copy,
body[data-dxp-page="nenadcv"] .cv-test-form-side,
body[data-dxp-page="nenadcv"] .cv-form-inline{background:#fff!important;color:#111!important}
body[data-dxp-page="nenadcv"] .about-section,body[data-dxp-page="nenadcv"] .now-section,body[data-dxp-page="nenadcv"] .recommendation-section,body[data-dxp-page="nenadcv"] .modal-gallery,body[data-dxp-page="nenadcv"] .ai-card-media{background:#f3f7f9!important}
body[data-dxp-page="nenadcv"] .hero::before,body[data-dxp-page="nenadcv"] .work-section::before,body[data-dxp-page="nenadcv"] .about-section::before,body[data-dxp-page="nenadcv"] .skills-section::before,body[data-dxp-page="nenadcv"] .now-section::before,body[data-dxp-page="nenadcv"] .contact-section::before,body[data-dxp-page="nenadcv"] .recommendation-section::before,body[data-dxp-page="nenadcv"] .ai-section::before{content:none!important;background:none!important;background-image:none!important}
body[data-dxp-page="nenadcv"] .modal-overlay,body[data-dxp-page="nenadcv"] .cv-form-overlay{background:rgba(255,255,255,.97)!important}
body[data-dxp-page="nenadcv"] .badge-25-main,body[data-dxp-page="nenadcv"] .hero-btn-primary,body[data-dxp-page="nenadcv"] .filter-btn.active,body[data-dxp-page="nenadcv"] .modal-close,body[data-dxp-page="nenadcv"] .work-card.is-ai .work-origin-badge,body[data-dxp-page="nenadcv"] .ai-origin-badge{background:var(--acid)!important;color:#06151d!important}
body[data-dxp-page="nenadcv"] .work-origin-badge,body[data-dxp-page="nenadcv"] .corner-tag{background:rgba(255,255,255,.94)!important;color:var(--acid-dim)!important;border-color:rgba(22,126,173,.35)!important}
body[data-dxp-page="nenadcv"] .work-card.is-hybrid .work-origin-badge,body[data-dxp-page="nenadcv"] .modal-gallery-item.is-hybrid-origin .modal-image-origin-badge{background:linear-gradient(90deg,#fff 0 50%,var(--acid) 50% 100%)!important;color:#111!important}

/* v1.0.60 — remove hero 25 years badge */
body[data-dxp-page="nenadcv"] .badge-25{display:none !important;}


/* v1.0.69 — strategic white/sky-blue technology backgrounds for NenadCV */
body[data-dxp-page="nenadcv"]{
  --dxp-cv-bg-hero:url('backgrounds/deuspix-home-hero-tech-blueprint.webp');
  --dxp-cv-bg-work:url('backgrounds/deuspix-home-portfolio-ui-blueprint.webp');
  --dxp-cv-bg-ai:url('backgrounds/deuspix-home-ai-ux-board.webp');
  --dxp-cv-bg-studio:url('backgrounds/deuspix-home-contact-design-workspace.webp');
}

/* Hero: technology + design blueprint behind the existing layout/photo. */
body[data-dxp-page="nenadcv"] .hero{
  position:relative;
  isolation:isolate;
  background:#fff var(--dxp-cv-bg-hero) center 48%/cover no-repeat !important;
}
body[data-dxp-page="nenadcv"] .hero::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.90) 42%,rgba(255,255,255,.70) 100%),
    radial-gradient(circle at 76% 34%,rgba(73,191,245,.12),transparent 30%) !important;
}
body[data-dxp-page="nenadcv"] .hero-left,
body[data-dxp-page="nenadcv"] .hero-right{
  position:relative;
  z-index:1;
  background:transparent !important;
}
body[data-dxp-page="nenadcv"] .hero-right{
  background:linear-gradient(135deg,rgba(244,248,250,.60),rgba(255,255,255,.30) 58%,rgba(73,191,245,.08)) !important;
  backdrop-filter:blur(1px);
}

/* Work: very light UI / logo blueprint so portfolio cards remain dominant. */
body[data-dxp-page="nenadcv"] .work-section{
  position:relative;
  isolation:isolate;
  background:#fff var(--dxp-cv-bg-work) center top/cover no-repeat !important;
}
body[data-dxp-page="nenadcv"] .work-section::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.83)) !important;
}
body[data-dxp-page="nenadcv"] .work-section > *{position:relative;z-index:1;}

/* About + experience: studio/design workspace, deliberately very soft. */
body[data-dxp-page="nenadcv"] .about-section,
body[data-dxp-page="nenadcv"] .experience-section{
  position:relative;
  isolation:isolate;
  background:#f5f8fa var(--dxp-cv-bg-studio) center center/cover no-repeat !important;
}
body[data-dxp-page="nenadcv"] .about-section::before,
body[data-dxp-page="nenadcv"] .experience-section::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.91),rgba(255,255,255,.78)) !important;
}
body[data-dxp-page="nenadcv"] .about-section > *,
body[data-dxp-page="nenadcv"] .experience-section > *{position:relative;z-index:1;}

/* AI Lab: stronger UX / device concept background. */
body[data-dxp-page="nenadcv"] .ai-section{
  position:relative;
  isolation:isolate;
  background:#fff var(--dxp-cv-bg-ai) center center/cover no-repeat !important;
}
body[data-dxp-page="nenadcv"] .ai-section::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.80)),
    radial-gradient(circle at 80% 20%,rgba(73,191,245,.12),transparent 32%) !important;
}
body[data-dxp-page="nenadcv"] .ai-section > *{position:relative;z-index:1;}

/* Contact: design workspace closes the page visually. */
body[data-dxp-page="nenadcv"] .contact-section{
  position:relative;
  isolation:isolate;
  background:#fff var(--dxp-cv-bg-studio) center 64%/cover no-repeat !important;
}
body[data-dxp-page="nenadcv"] .contact-section::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.87),rgba(255,255,255,.80)),
    radial-gradient(circle at 50% 45%,rgba(73,191,245,.14),transparent 34%) !important;
}
body[data-dxp-page="nenadcv"] .contact-section > *{position:relative;z-index:1;}

@media(max-width:768px){
  body[data-dxp-page="nenadcv"] .hero{background-position:66% 50% !important;}
  body[data-dxp-page="nenadcv"] .hero::before{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82)) !important;}
  body[data-dxp-page="nenadcv"] .work-section,
  body[data-dxp-page="nenadcv"] .about-section,
  body[data-dxp-page="nenadcv"] .experience-section,
  body[data-dxp-page="nenadcv"] .ai-section,
  body[data-dxp-page="nenadcv"] .contact-section{background-position:center center !important;}
}

/* v1.0.72 PERFORMANCE — defer offscreen decorative backgrounds */
body[data-dxp-page="nenadcv"] .work-section,
body[data-dxp-page="nenadcv"] .about-section,
body[data-dxp-page="nenadcv"] .experience-section,
body[data-dxp-page="nenadcv"] .ai-section,
body[data-dxp-page="nenadcv"] .contact-section{background-image:none !important;}
body[data-dxp-page="nenadcv"] .work-section.dxp-bg-loaded{background-image:var(--dxp-cv-bg-work) !important;}
body[data-dxp-page="nenadcv"] .about-section.dxp-bg-loaded,
body[data-dxp-page="nenadcv"] .experience-section.dxp-bg-loaded,
body[data-dxp-page="nenadcv"] .contact-section.dxp-bg-loaded{background-image:var(--dxp-cv-bg-studio) !important;}
body[data-dxp-page="nenadcv"] .ai-section.dxp-bg-loaded{background-image:var(--dxp-cv-bg-ai) !important;}
@media(max-width:768px){body[data-dxp-page="nenadcv"]::before{display:none;}body[data-dxp-page="nenadcv"] nav{backdrop-filter:none;}}

/* v1.0.90 - Montserrat ExtraBold heading system */
h1,h2,h3,h4,h5,h6{font-family:var(--display);font-weight:800}