/*
Theme Name: Nina Noir
Theme URI: https://theninanoir.com
Author: Nina Noir
Author URI: https://theninanoir.com
Description: High-fashion editorial personal blog and brand theme. Monochromatski black and white with burgundy accent. Magazine cover hero, sticky vertical social sidebar, masonry blog grid, full-bleed article covers, newsletter capture and funnel integration. Built for content creators, influencers, writers and personal brands.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ninanoir
Tags: blog, one-column, custom-menu, featured-images, translation-ready
*/

:root{
  --black: #0a0a0a;
  --near: #141414;
  --dark: #1c1c1c;
  --mid: #2e2e2e;
  --grey: #6b6b6b;
  --silver: #9a9a9a;
  --light: #d4d4d4;
  --off: #f0f0f0;
  --pure: #ffffff;
  --wine: #7a2540;
  --wine-light: #a03355;
  --wine-soft: rgba(122,37,64,0.06);
  --wine-glow: rgba(122,37,64,0.1);
  --blush: #e8c4cc;

  --display: 'Bodoni Moda', 'Didot', 'Georgia', serif;
  --body: 'Manrope', system-ui, sans-serif;
  --code: 'Source Code Pro', monospace;

  --max: 1180px;
  --px: clamp(1.25rem, 4vw, 2.5rem);
  --social-w: 48px;
  --r: 0px;

  --flow: cubic-bezier(0.22, 1, 0.36, 1);
  --snap: cubic-bezier(0.34, 1.56, 0.64, 1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;overflow-x:hidden;scroll-behavior:smooth}
body{font-family:var(--body);font-weight:400;background:var(--pure);color:var(--black);line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--wine);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer}

.mx{max-width:var(--max);margin:0 auto;padding:0 var(--px)}

/* ═══ FADE-IN LOADER ═══ */
.fade-load{position:fixed;inset:0;background:var(--black);z-index:999999;display:flex;align-items:center;justify-content:center}
.fade-load.bye{animation:fadeOut 0.7s ease forwards}
@keyframes fadeOut{to{opacity:0;visibility:hidden}}
.fade-load__name{font-family:var(--display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;color:var(--pure);letter-spacing:0.15em;text-transform:uppercase;animation:loadPulse 1.5s ease-in-out infinite}
@keyframes loadPulse{0%,100%{opacity:0.4}50%{opacity:1}}

/* ═══ STICKY SOCIAL SIDEBAR ═══ */
.social-rail{position:fixed;left:0;top:0;bottom:0;width:var(--social-w);background:var(--black);z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;border-right:1px solid var(--near)}
@media(max-width:900px){.social-rail{display:none}:root{--social-w:0px}}
.social-rail__link{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.3s,transform 0.3s var(--snap);color:var(--silver)}
.social-rail__link:hover{background:var(--wine);color:#fff;transform:scale(1.15)}
.social-rail__link svg{width:14px;height:14px;fill:currentColor}
.social-rail__sep{width:1px;height:20px;background:var(--mid)}

/* ═══ TOP NAV — ULTRA MINIMAL ═══ */
.tnav{position:fixed;top:0;left:var(--social-w);right:0;height:56px;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:0 var(--px);transition:background 0.4s,backdrop-filter 0.4s}
.tnav.solid{background:rgba(255,255,255,0.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--off)}
.tnav__brand{font-family:var(--display);font-size:0.95rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase}
.tnav__links{display:flex;gap:1.75rem;align-items:center}
@media(max-width:768px){.tnav__links{display:none}}
.tnav__link{font-size:0.75rem;font-weight:500;color:var(--grey);letter-spacing:0.03em;transition:color 0.2s}
.tnav__link:hover,.tnav__link.here{color:var(--black)}
.tnav__end{display:flex;align-items:center;gap:1rem}

.lang-dot{display:flex;gap:2px;font-family:var(--code);font-size:0.48rem;letter-spacing:0.03em}
.lang-dot__btn{padding:3px 5px;border-radius:999px;color:var(--silver);transition:all 0.2s;line-height:1}
.lang-dot__btn.on{background:var(--black);color:#fff}
.lang-dot__btn:hover:not(.on){color:var(--black)}

.tnav__cta{font-size:0.68rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;padding:7px 18px;background:var(--wine);color:#fff;border-radius:999px;transition:background 0.3s,transform 0.2s var(--snap)}
.tnav__cta:hover{background:var(--wine-light);transform:scale(1.04)}
@media(max-width:768px){.tnav__cta{display:none}}

.mbtn{display:none;width:22px;height:14px;position:relative;flex-direction:column;justify-content:space-between}
@media(max-width:768px){.mbtn{display:flex}}
.mbtn span{width:100%;height:1.5px;background:var(--black);transition:transform 0.3s var(--flow),opacity 0.2s;transform-origin:center}
.mbtn.on span:nth-child(1){transform:translateY(6.25px) rotate(45deg)}
.mbtn.on span:nth-child(2){opacity:0}
.mbtn.on span:nth-child(3){transform:translateY(-6.25px) rotate(-45deg)}

/* Mobile overlay */
.m-over{position:fixed;inset:0;z-index:9990;pointer-events:none}
.m-over.on{pointer-events:all}
.m-over__bg{position:absolute;inset:0;background:rgba(255,255,255,0.98);opacity:0;transition:opacity 0.4s}
.m-over.on .m-over__bg{opacity:1}
.m-over__list{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.4rem}
.m-over__item{font-family:var(--display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;letter-spacing:0.08em;text-transform:uppercase;opacity:0;transform:translateY(14px);transition:all 0.35s var(--flow);color:var(--black)}
.m-over.on .m-over__item{opacity:1;transform:translateY(0)}
.m-over.on .m-over__item:nth-child(1){transition-delay:0.03s}
.m-over.on .m-over__item:nth-child(2){transition-delay:0.06s}
.m-over.on .m-over__item:nth-child(3){transition-delay:0.09s}
.m-over.on .m-over__item:nth-child(4){transition-delay:0.12s}
.m-over.on .m-over__item:nth-child(5){transition-delay:0.15s}
.m-over__item:hover{color:var(--wine)}
.m-over__socials{margin-top:2rem;display:flex;gap:1.5rem;opacity:0;transition:opacity 0.4s 0.2s}
.m-over.on .m-over__socials{opacity:1}
.m-over__socials a{font-size:0.72rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--grey);transition:color 0.2s}
.m-over__socials a:hover{color:var(--wine)}

/* ═══ HERO — MAGAZINE COVER FINAL ═══ */
.mag-hero{
  min-height:100vh;
  display:flex;
  align-items:flex-end;
  position:relative;
  overflow:hidden;
  background:var(--black);
  margin-left:var(--social-w);
}
@media(max-width:900px){
  .mag-hero{
    margin-left:0;
    min-height:100svh;
  }
}
.mag-hero__img{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}
.mag-hero__img img{
  position:absolute;
  left:70%;
  top:58%;
  width:auto;
  height:110%;
  max-width:none;
  min-width:100%;
  transform:translate(-50%,-50%);
  animation:none;
}
.mag-hero__dim{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(
      90deg,
      rgba(10,10,10,0.88) 0%,
      rgba(10,10,10,0.65) 28%,
      rgba(10,10,10,0.22) 55%,
      rgba(10,10,10,0.06) 100%
    ),
    linear-gradient(
      0deg,
      rgba(10,10,10,0.50) 0%,
      rgba(10,10,10,0.12) 42%,
      rgba(10,10,10,0.02) 100%
    );
}
.mag-hero__content{
  position:relative;
  z-index:2;
  padding:0 var(--px) clamp(3rem,8vh,5rem);
  color:#fff;
  max-width:700px;
}
.mag-hero__label{
  font-family:var(--code);
  font-size:0.58rem;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--wine-light);
  margin-bottom:1.25rem;
  display:flex;
  align-items:center;
  gap:8px;
}
.mag-hero__label-line{
  width:20px;
  height:1px;
  background:var(--wine-light);
}
.mag-hero__h1{
  font-family:var(--display);
  font-size:clamp(2.8rem,6vw,5rem);
  font-weight:400;
  line-height:1;
  letter-spacing:0.04em;
  text-transform:uppercase;
  margin-bottom:1.25rem;
}
.mag-hero__h1 em{
  font-style:italic;
  color:var(--blush);
  text-transform:none;
}
.mag-hero__sub{
  font-size:clamp(0.9rem,1.2vw,1.05rem);
  font-weight:300;
  color:var(--light);
  max-width:460px;
  line-height:1.9;
  margin-bottom:2rem;
}
.mag-hero__actions{
  display:flex;
  gap:0.75rem;
  flex-wrap:wrap;
}

@media(max-width:768px){
  .mag-hero__img img{
    left:62%;
    top:54%;
    height:104%;
  }
  .mag-hero__dim{
    background:
      linear-gradient(
        0deg,
        rgba(10,10,10,0.85) 0%,
        rgba(10,10,10,0.60) 40%,
        rgba(10,10,10,0.22) 70%,
        rgba(10,10,10,0.08) 100%
      );
  }
  .mag-hero__content{
    max-width:none;
    width:100%;
    padding:0 var(--px) 2.25rem;
  }
  .mag-hero__h1{
    font-size:clamp(2.2rem,11vw,3.2rem);
    line-height:1;
  }
  .mag-hero__sub{
    max-width:100%;
    font-size:0.95rem;
    line-height:1.75;
  }
}

@media(max-width:480px){
  .mag-hero__img img{
    left:60%;
    top:52%;
    height:100%;
  }
  .mag-hero__content{
    padding:0 1.1rem 2rem;
  }
  .mag-hero__h1{
    font-size:clamp(2rem,12vw,2.8rem);
  }
  .mag-hero__sub{
    font-size:0.9rem;
  }
}

/* ═══ MAIN CONTENT AREA ═══ */
.main-content{margin-left:var(--social-w)}
@media(max-width:900px){.main-content{margin-left:0}}

/* ═══ FEATURED STRIP ═══ */
.feat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--off)}
@media(max-width:768px){.feat-strip{grid-template-columns:1fr}}
.feat-strip__item{background:var(--pure);padding:2.5rem 2rem;text-align:center;transition:background 0.3s}
.feat-strip__item:hover{background:var(--wine-soft)}
.feat-strip__icon{font-size:1.5rem;margin-bottom:0.75rem}
.feat-strip__title{font-family:var(--display);font-size:1.1rem;font-weight:500;margin-bottom:0.3rem}
.feat-strip__desc{font-size:0.82rem;font-weight:300;color:var(--grey);line-height:1.6}

/* ═══ ABOUT — EDITORIAL SPLIT ═══ */
.ed-split{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:900px){.ed-split{grid-template-columns:1fr}}
.ed-split__img{overflow:hidden}
.ed-split__img img{width:100%;height:100%;object-fit:cover;min-height:500px;transition:transform 0.8s var(--flow)}
.ed-split__img:hover img{transform:scale(1.04)}
.ed-split__text{padding:clamp(3rem,6vw,5rem);display:flex;flex-direction:column;justify-content:center;background:var(--black);color:#fff}
.ed-split__tag{font-family:var(--code);font-size:0.58rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--wine-light);margin-bottom:1rem}
.ed-split__h{font-family:var(--display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400;line-height:1.1;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:1.25rem}
.ed-split__h em{font-style:italic;color:var(--blush);text-transform:none}
.ed-split__p{font-size:0.95rem;font-weight:300;color:var(--silver);line-height:1.9;margin-bottom:1.25rem}
.ed-split__links{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}
.ed-split__link{font-size:0.72rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--light);border-bottom:1px solid var(--mid);padding-bottom:2px;transition:color 0.2s,border-color 0.2s}
.ed-split__link:hover{color:var(--wine-light);border-color:var(--wine-light)}

/* ═══ BLOG GRID — MASONRY-STYLE ═══ */
.blog-section{padding:clamp(4rem,8vw,6rem) 0}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2.5rem}
@media(max-width:768px){.blog-grid{grid-template-columns:1fr}}
.blog-card{border-bottom:1px solid var(--off);padding-bottom:2rem;transition:transform 0.3s var(--flow)}
.blog-card:hover{transform:translateY(-3px)}
.blog-card__img{overflow:hidden;aspect-ratio:16/10;margin-bottom:1.25rem}
.blog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(--flow)}
.blog-card:hover .blog-card__img img{transform:scale(1.04)}
.blog-card__cat{font-family:var(--code);font-size:0.58rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--wine);margin-bottom:0.5rem}
.blog-card__title{font-family:var(--display);font-size:1.4rem;font-weight:500;line-height:1.2;margin-bottom:0.5rem;letter-spacing:0.02em}
.blog-card__title a:hover{color:var(--wine)}
.blog-card__excerpt{font-size:0.88rem;font-weight:300;color:var(--grey);line-height:1.75}
.blog-card__meta{font-family:var(--code);font-size:0.58rem;color:var(--silver);margin-top:0.75rem;letter-spacing:0.04em}

/* ═══ NEWSLETTER CAPTURE ═══ */
.nl-capture{background:var(--black);color:#fff;padding:clamp(3rem,6vw,5rem);text-align:center}
.nl-capture__h{font-family:var(--display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:400;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.5rem}
.nl-capture__h em{font-style:italic;color:var(--blush);text-transform:none}
.nl-capture__p{font-size:0.92rem;font-weight:300;color:var(--silver);max-width:420px;margin:0 auto 2rem;line-height:1.8}
.nl-capture__form{display:flex;max-width:400px;margin:0 auto;gap:0}
.nl-capture__input{flex:1;background:var(--near);border:1px solid var(--mid);border-right:none;padding:12px 16px;font-family:var(--body);font-size:0.88rem;color:#fff;outline:none;transition:border-color 0.3s}
.nl-capture__input:focus{border-color:var(--wine)}
.nl-capture__input::placeholder{color:var(--grey)}
.nl-capture__btn{background:var(--wine);color:#fff;font-size:0.72rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:12px 24px;border:1px solid var(--wine);transition:background 0.3s}
.nl-capture__btn:hover{background:var(--wine-light)}

/* ═══ SOCIAL PLATFORM GRID ═══ */
.ig-cta{padding:clamp(3rem,6vw,4rem) 0;text-align:center}
.social-platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2rem}
@media(max-width:768px){.social-platform-grid{grid-template-columns:repeat(2,1fr)}}
.spg-item{position:relative;aspect-ratio:3/4;overflow:hidden;display:block}
.spg-item__img{width:100%;height:100%}
.spg-item__img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(--flow);filter:grayscale(0.3)}
.spg-item:hover .spg-item__img img{transform:scale(1.06);filter:grayscale(0)}
.spg-item__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,0.85) 0%,rgba(10,10,10,0.1) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem 1.25rem;transition:background 0.3s}
.spg-item:hover .spg-item__overlay{background:linear-gradient(to top,rgba(122,37,64,0.8) 0%,rgba(10,10,10,0.2) 60%,transparent 100%)}
.spg-item__name{font-family:var(--display);font-size:1.1rem;font-weight:500;color:#fff;letter-spacing:0.06em;text-transform:uppercase;line-height:1}
.spg-item__handle{font-family:var(--code);font-size:0.55rem;color:var(--blush);letter-spacing:0.08em;margin-top:0.35rem}

/* ═══ SECTION HELPERS ═══ */
.sec-tag{font-family:var(--code);font-size:0.6rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--wine);margin-bottom:0.75rem}
.sec-h{font-family:var(--display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:400;text-transform:uppercase;letter-spacing:0.06em;line-height:1.1}
.sec-h em{font-style:italic;color:var(--wine);text-transform:none}

/* ═══ CONTACT ═══ */
.contact-ed{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:900px){.contact-ed{grid-template-columns:1fr}}
.contact-ed__left{background:var(--black);color:#fff;padding:clamp(3rem,6vw,5rem);display:flex;flex-direction:column;justify-content:center}
.contact-ed__right{padding:clamp(3rem,6vw,5rem);background:var(--off)}
.ce-block{margin-bottom:2rem}
.ce-block__tag{font-family:var(--code);font-size:0.55rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--wine-light);margin-bottom:0.3rem}
.ce-block__val{font-family:var(--display);font-size:1.15rem;letter-spacing:0.04em}
.ce-block__val a:hover{color:var(--wine-light)}

.nn-field{margin-bottom:1.25rem}
.nn-label{font-size:0.68rem;font-weight:600;color:var(--grey);margin-bottom:0.35rem;display:block;letter-spacing:0.03em}
.nn-input,.nn-textarea{width:100%;background:var(--pure);border:1px solid var(--light);padding:11px 14px;font-family:var(--body);font-size:0.88rem;color:var(--black);transition:border-color 0.25s;outline:none}
.nn-input:focus,.nn-textarea:focus{border-color:var(--wine)}
.nn-textarea{min-height:100px;resize:vertical}

/* ═══ INNER PAGE ═══ */
.pg-top{padding:clamp(7rem,14vh,10rem) 0 clamp(2rem,4vh,3rem);text-align:center}
.pg-top__crumb{font-size:0.72rem;color:var(--silver);margin-bottom:0.75rem}
.pg-top__crumb a:hover{color:var(--wine)}
.pg-top__h{font-family:var(--display);font-size:clamp(2rem,5vw,3.5rem);font-weight:400;text-transform:uppercase;letter-spacing:0.08em}
.pg-top__h em{font-style:italic;color:var(--wine);text-transform:none}

/* Single post */
.single-hero{width:100%;aspect-ratio:21/9;overflow:hidden;margin-bottom:3rem}
.single-hero img{width:100%;height:100%;object-fit:cover}
.single-body{max-width:720px;margin:0 auto;padding:0 var(--px)}
.single-body h2{font-family:var(--display);font-size:1.6rem;font-weight:500;margin:2.5rem 0 1rem;letter-spacing:0.04em}
.single-body p{font-size:1.05rem;font-weight:300;color:var(--mid);line-height:2;margin-bottom:1.5rem}
.single-body blockquote{border-left:3px solid var(--wine);padding-left:1.5rem;margin:2rem 0;font-family:var(--display);font-size:1.2rem;font-style:italic;color:var(--grey)}

/* ═══ FOOTER ═══ */
.nn-footer{background:var(--black);color:var(--silver);padding:clamp(3rem,6vw,4rem) 0 1.5rem;margin-left:var(--social-w)}
@media(max-width:900px){.nn-footer{margin-left:0}}
.nn-footer__top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem;margin-bottom:2.5rem}
.nn-footer__brand{font-family:var(--display);font-size:1.1rem;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--pure)}
.nn-footer__links{display:flex;gap:1.5rem;flex-wrap:wrap}
.nn-footer__link{font-size:0.75rem;font-weight:400;color:var(--grey);transition:color 0.2s;letter-spacing:0.03em}
.nn-footer__link:hover{color:var(--pure)}
.nn-footer__bot{padding-top:1rem;border-top:1px solid var(--near);font-size:0.62rem;color:var(--mid);display:flex;justify-content:space-between}
@media(max-width:600px){.nn-footer__bot{flex-direction:column;gap:0.5rem;text-align:center}}

/* ═══ REVEALS ═══ */
.ap{opacity:0;transform:translateY(18px);transition:opacity 0.6s var(--flow),transform 0.6s var(--flow)}
.ap.vis{opacity:1;transform:translateY(0)}
.ap1{transition-delay:0.04s}.ap2{transition-delay:0.08s}.ap3{transition-delay:0.12s}.ap4{transition-delay:0.16s}.ap5{transition-delay:0.2s}

/* ═══ LANGUAGE SYSTEM — EN default + IT FR DE ES ═══ */
.t-en,.t-it,.t-fr,.t-de,.t-es{display:none}
[data-lang="en"] .t-en{display:inline}
[data-lang="it"] .t-it{display:inline}
[data-lang="fr"] .t-fr{display:inline}
[data-lang="de"] .t-de{display:inline}
[data-lang="es"] .t-es{display:inline}

.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;width:1px}

/* ═══ ABOUT PAGE ═══ */
.pg-top__sub{font-size:0.95rem;color:var(--grey);max-width:520px;margin:0.5rem auto 0;font-weight:300}
.ed-split--rev{direction:rtl}
.ed-split--rev>*{direction:ltr}
@media(max-width:900px){.ed-split--rev{direction:ltr}}

.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--off)}
@media(max-width:768px){.about-values{grid-template-columns:1fr}}
.about-val{background:var(--pure);padding:3rem 2.5rem}
.about-val__num{font-family:var(--code);font-size:0.55rem;letter-spacing:0.15em;color:var(--wine);margin-bottom:1rem}
.about-val__h{font-family:var(--display);font-size:1.4rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:0.75rem}
.about-val__p{font-size:0.88rem;font-weight:300;color:var(--grey);line-height:1.85}

.about-platforms{display:flex;flex-direction:column;gap:0.75rem;margin-top:1.5rem}
.about-plat{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border:1px solid var(--light);transition:border-color 0.2s,background 0.2s}
.about-plat:hover{border-color:var(--wine);background:var(--wine-soft)}
.about-plat__name{font-family:var(--display);font-size:0.95rem;font-weight:500;letter-spacing:0.04em;color:var(--black)}
.about-plat__desc{font-family:var(--code);font-size:0.55rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--grey)}

/* ═══ CONTACT PAGE ═══ */
.ce-intro{font-size:0.92rem;font-weight:300;color:var(--silver);line-height:1.85;margin-bottom:2.5rem}
.contact-form-h{font-family:var(--display);font-size:1.3rem;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:0.3rem}
.contact-form-sub{font-size:0.82rem;color:var(--grey);margin-bottom:1.75rem}
.ap5{transition-delay:0.2s}

/* HERO COLOR HOVER EFFECT */
.mag-hero__img img{
  filter: grayscale(100%);
  transition: filter 0.6s ease, transform 1.2s ease;
}

/* kad pređeš mišem */
.mag-hero:hover .mag-hero__img img{
  filter: grayscale(0%);
  transform: translate(-50%,-50%) scale(1.03);
}

/* ===== FINAL FUNNEL + MOBILE POLISH ===== */

.hero-text-link{
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--light);
  border-bottom:1px solid var(--mid);
  padding-bottom:2px;
  transition:color 0.2s,border-color 0.2s;
  line-height:1;
  align-self:center;
}
.hero-text-link:hover{
  color:var(--wine-light);
  border-color:var(--wine-light);
}

.funnel-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--off);
}
@media(max-width:768px){
  .funnel-strip{
    grid-template-columns:1fr;
  }
}
.funnel-strip__item{
  background:var(--pure);
  padding:2.5rem 2rem;
  text-align:center;
}
.funnel-strip__num{
  font-family:var(--code);
  font-size:0.58rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--wine);
  margin-bottom:0.9rem;
}
.funnel-strip__title{
  font-family:var(--display);
  font-size:1.15rem;
  font-weight:500;
  margin-bottom:0.35rem;
  letter-spacing:0.04em;
  text-transform:uppercase;
}
.funnel-strip__desc{
  font-size:0.88rem;
  color:var(--grey);
  line-height:1.75;
  font-weight:300;
}

.private-choice{
  padding:clamp(4rem,8vw,6rem) 0;
  background:var(--off);
}
.choice-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.25rem;
  margin-top:2rem;
}
@media(max-width:768px){
  .choice-grid{
    grid-template-columns:1fr;
  }
}
.choice-card{
  display:block;
  background:var(--pure);
  border:1px solid #e6e6e6;
  padding:2rem;
  transition:transform 0.3s var(--flow),border-color 0.3s,box-shadow 0.3s;
}
.choice-card:hover{
  transform:translateY(-4px);
  border-color:var(--wine);
  box-shadow:0 18px 50px rgba(0,0,0,0.06);
}
.choice-card--accent{
  background:var(--black);
  border-color:var(--black);
  color:#fff;
}
.choice-card--accent .choice-card__text{
  color:var(--silver);
}
.choice-card--accent .choice-card__eyebrow,
.choice-card--accent .choice-card__cta{
  color:var(--blush);
}
.choice-card__eyebrow{
  font-family:var(--code);
  font-size:0.58rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--wine);
  margin-bottom:0.9rem;
}
.choice-card__title{
  font-family:var(--display);
  font-size:1.55rem;
  line-height:1.1;
  letter-spacing:0.04em;
  text-transform:uppercase;
  margin-bottom:0.9rem;
}
.choice-card__text{
  font-size:0.92rem;
  line-height:1.85;
  color:var(--grey);
  font-weight:300;
  margin-bottom:1.25rem;
}
.choice-card__cta{
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--wine);
}

.home-proof{
  padding:clamp(4rem,8vw,6rem) 0;
}
.home-proof__box{
  background:var(--black);
  color:#fff;
  padding:clamp(2rem,5vw,4rem);
  text-align:center;
}
.home-proof__tag{
  font-family:var(--code);
  font-size:0.58rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--blush);
  margin-bottom:0.85rem;
}
.home-proof__h{
  font-family:var(--display);
  font-size:clamp(1.8rem,3.5vw,2.6rem);
  font-weight:400;
  line-height:1.1;
  letter-spacing:0.06em;
  text-transform:uppercase;
  margin-bottom:1rem;
}
.home-proof__p{
  max-width:720px;
  margin:0 auto;
  font-size:0.95rem;
  line-height:1.9;
  color:var(--silver);
  font-weight:300;
}
.home-proof__actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:1.5rem;
  margin-top:1.5rem;
}

.post-cta{
  padding:clamp(3rem,7vw,5rem) var(--px);
}
.post-cta__inner{
  max-width:920px;
  margin:0 auto;
  background:var(--black);
  color:#fff;
  padding:clamp(2rem,5vw,3.5rem);
  text-align:center;
}
.post-cta__tag{
  font-family:var(--code);
  font-size:0.58rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--blush);
  margin-bottom:0.85rem;
}
.post-cta__h{
  font-family:var(--display);
  font-size:clamp(1.6rem,3.5vw,2.5rem);
  font-weight:400;
  line-height:1.1;
  letter-spacing:0.06em;
  text-transform:uppercase;
  margin-bottom:1rem;
}
.post-cta__h em{
  font-style:italic;
  color:var(--blush);
  text-transform:none;
}
.post-cta__p{
  max-width:700px;
  margin:0 auto 1.5rem;
  font-size:0.95rem;
  line-height:1.85;
  color:var(--silver);
  font-weight:300;
}
.post-cta__actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:1.25rem;
  flex-wrap:wrap;
}
.post-cta__link{
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--light);
  border-bottom:1px solid var(--mid);
  padding-bottom:2px;
  transition:color 0.2s,border-color 0.2s;
}
.post-cta__link:hover{
  color:var(--wine-light);
  border-color:var(--wine-light);
}

@media(max-width:768px){
  .mag-hero__actions{
    flex-direction:column;
    align-items:flex-start !important;
    gap:0.9rem !important;
    width:100%;
  }

  .mag-hero__actions .tnav__cta{
    width:100%;
    display:flex;
    justify-content:center;
  }

  .hero-text-link{
    align-self:flex-start;
  }

  .ed-split__links,
  .home-proof__actions,
  .post-cta__actions{
    gap:1rem;
  }

  .choice-card{
    padding:1.5rem;
  }

  .home-proof__box,
  .post-cta__inner{
    padding:1.6rem;
  }
}