/* Noir Violet Portfolio — local, dependency-free presentation layer */
:root{--nvp-bg:#08060d;--nvp-surface:#120d1b;--nvp-surface-2:#1b1229;--nvp-purple:#7c3aed;--nvp-violet:#a78bfa;--nvp-magenta:#d946ef;--nvp-text:#f5f3ff;--nvp-muted:#b8aec9;--nvp-border:rgba(167,139,250,.18);--nvp-radius:22px;--nvp-shadow:0 24px 80px rgba(0,0,0,.35);--nvp-max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--nvp-bg);color:var(--nvp-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(1rem,.3vw + .92rem,1.1rem);line-height:1.65;-webkit-font-smoothing:antialiased}body::before{position:fixed;z-index:-1;inset:0;content:"";background:radial-gradient(circle at 80% 5%,rgba(124,58,237,.16),transparent 30%),radial-gradient(circle at 0 50%,rgba(217,70,239,.07),transparent 28%)}img,video{max-width:100%;height:auto;display:block}a{color:var(--nvp-violet);text-decoration-thickness:.08em;text-underline-offset:.2em}a:hover{color:var(--nvp-text)}button,input,select,textarea{font:inherit}button,a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease}:focus-visible{outline:3px solid var(--nvp-magenta);outline-offset:4px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nvp-skip-link{position:fixed;z-index:1000;top:1rem;left:1rem;padding:.7rem 1rem;background:#fff;color:#000;transform:translateY(-200%)}.nvp-skip-link:focus{transform:none}.nvp-container{width:min(calc(100% - 2.5rem),var(--nvp-max));margin-inline:auto}.nvp-section{padding:clamp(4rem,9vw,8rem) 0}.nvp-eyebrow{margin:0 0 1rem;color:var(--nvp-violet);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.nvp-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:.85rem 1.35rem;background:linear-gradient(135deg,var(--nvp-purple),#9333ea);box-shadow:0 12px 35px rgba(124,58,237,.3);color:#fff;font-weight:750;text-decoration:none;cursor:pointer}.nvp-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 45px rgba(124,58,237,.43)}.nvp-button:disabled{opacity:.55;cursor:wait}.nvp-actions{display:flex;align-items:center;gap:1.35rem;flex-wrap:wrap}.nvp-link-arrow{font-weight:700;text-decoration:none}.nvp-grid{display:grid;gap:clamp(1.25rem,3vw,2rem)}.nvp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.nvp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Header */
.nvp-header{position:relative;z-index:50;border-bottom:1px solid var(--nvp-border);background:rgba(8,6,13,.82);backdrop-filter:blur(18px)}.nvp-header__inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nvp-brand__text{color:var(--nvp-text);font-weight:900;font-size:1.1rem;letter-spacing:-.03em;text-decoration:none}.custom-logo{max-height:54px;width:auto}.nvp-nav__list,.nvp-footer__menu{display:flex;align-items:center;gap:1.6rem;margin:0;padding:0;list-style:none}.nvp-nav a,.nvp-footer__menu a{color:var(--nvp-muted);font-size:.93rem;font-weight:650;text-decoration:none}.nvp-nav a:hover,.nvp-nav .current-menu-item>a{color:var(--nvp-text)}.nvp-menu-toggle{display:none;border:0;background:transparent;padding:.5rem}.nvp-menu-toggle>span:not(.screen-reader-text){display:block;width:24px;height:2px;margin:5px;background:var(--nvp-text)}
/* Hero */
.nvp-hero{overflow:hidden;padding:clamp(5rem,12vw,10rem) 0}.nvp-hero__inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:center;gap:4rem}.nvp-hero h1{max-width:900px;margin:0 0 1.5rem;font-size:clamp(3.6rem,9vw,8.8rem);line-height:.86;letter-spacing:-.075em}.nvp-hero__lead{max-width:720px;margin:0 0 2rem;color:var(--nvp-muted);font-size:clamp(1.15rem,2vw,1.45rem)}.nvp-hero__orb{position:relative;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,rgba(124,58,237,.5),rgba(217,70,239,.08));filter:drop-shadow(0 0 50px rgba(124,58,237,.28));animation:nvp-float 7s ease-in-out infinite}.nvp-hero__orb::before,.nvp-hero__orb::after,.nvp-hero__orb span{position:absolute;border:1px solid rgba(255,255,255,.17);content:"";inset:14%;transform:rotate(35deg);border-radius:38% 62% 53% 47%}.nvp-hero__orb::after{inset:27%;transform:rotate(-28deg)}.nvp-hero__orb span{inset:40%;background:rgba(217,70,239,.2);border-radius:50%}@keyframes nvp-float{50%{transform:translateY(-16px) rotate(3deg)}}
/* Sections and cards */
.nvp-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.nvp-section-head h2,.nvp-services h2,.nvp-contact-cta h2{margin:.3rem 0;font-size:clamp(2.1rem,5vw,4.6rem);line-height:1;letter-spacing:-.055em}.nvp-card{min-width:0;overflow:hidden;border:1px solid var(--nvp-border);border-radius:var(--nvp-radius);background:linear-gradient(150deg,rgba(27,18,41,.95),rgba(18,13,27,.94));box-shadow:var(--nvp-shadow)}.nvp-card__media{position:relative;display:flex;overflow:hidden;aspect-ratio:4/3;align-items:center;justify-content:center;background:#130b20;color:var(--nvp-text);text-decoration:none}.nvp-card__media img,.nvp-card__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .3s ease}.nvp-card__media video{z-index:2;opacity:0}.nvp-card:hover .nvp-card__media img{transform:scale(1.035)}.nvp-project-card.is-previewing video{opacity:1}.nvp-card__body{padding:1.45rem}.nvp-card__title{margin:.25rem 0 .6rem;font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.15;letter-spacing:-.035em}.nvp-card__title a{color:var(--nvp-text);text-decoration:none}.nvp-card__body p{margin:.5rem 0 0;color:var(--nvp-muted);font-size:.95rem}.nvp-card__terms,.nvp-card__terms a,.nvp-meta{color:var(--nvp-violet);font-size:.78rem;font-weight:750;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.nvp-card__badge{position:absolute;z-index:4;right:1rem;top:1rem;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(8,6,13,.72);backdrop-filter:blur(10px);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nvp-card__placeholder{font-size:clamp(3rem,10vw,8rem);font-weight:950;color:rgba(167,139,250,.18);letter-spacing:-.08em}.nvp-play{position:absolute;z-index:4;display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(8,6,13,.65);backdrop-filter:blur(8px);font-size:1rem;padding-left:.2rem}.nvp-code-preview{align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:2rem;background:radial-gradient(circle at 80% 20%,rgba(217,70,239,.22),transparent 38%),linear-gradient(145deg,#1e1233,#0a0710);font:700 clamp(1.2rem,3vw,2.5rem)/1.4 ui-monospace,monospace}.nvp-code-preview__dots{position:absolute;top:1rem;left:1.2rem;color:var(--nvp-magenta);font-size:.75rem;letter-spacing:.25em}.nvp-services{border-block:1px solid var(--nvp-border);background:rgba(18,13,27,.45)}.nvp-service{padding:2rem;border-left:1px solid var(--nvp-border)}.nvp-service>span{color:var(--nvp-magenta)}.nvp-service h3{margin:1.3rem 0 .6rem;font-size:1.45rem}.nvp-service p{color:var(--nvp-muted)}.nvp-contact-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:clamp(2rem,6vw,5rem);border:1px solid var(--nvp-border);border-radius:calc(var(--nvp-radius) * 1.5);background:radial-gradient(circle at 80%,rgba(124,58,237,.35),transparent 45%),var(--nvp-surface)}
/* Archive and page */
.nvp-page-header{max-width:850px;margin:0 0 3.5rem}.nvp-page-header h1,.nvp-article__header h1,.nvp-project__header h1,.nvp-error h1{margin:.3rem 0 1.2rem;font-size:clamp(3rem,8vw,7rem);line-height:.92;letter-spacing:-.065em}.nvp-page-header>p,.nvp-page-header>div{color:var(--nvp-muted);font-size:1.2rem}.nvp-filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2.5rem}.nvp-filters a{padding:.55rem 1rem;border:1px solid var(--nvp-border);border-radius:999px;color:var(--nvp-muted);font-size:.9rem;font-weight:700;text-decoration:none}.nvp-filters a:hover,.nvp-filters a[aria-current="page"]{background:var(--nvp-purple);border-color:var(--nvp-purple);color:#fff}.navigation.pagination{margin-top:3rem}.nav-links{display:flex;gap:.5rem;justify-content:center}.page-numbers{display:grid;min-width:42px;height:42px;place-items:center;padding:0 .7rem;border:1px solid var(--nvp-border);border-radius:99px;text-decoration:none}.page-numbers.current{background:var(--nvp-purple);color:#fff}.nvp-empty{grid-column:1/-1;padding:3rem;border:1px dashed var(--nvp-border);border-radius:var(--nvp-radius);text-align:center}
/* Articles and projects */
.nvp-article__header,.nvp-project__header{padding-top:clamp(4rem,10vw,8rem);padding-bottom:3rem}.nvp-article__header{max-width:980px}.nvp-article__image img,.nvp-project__hero img{width:100%;border-radius:var(--nvp-radius);box-shadow:var(--nvp-shadow)}.nvp-prose{max-width:760px;margin:clamp(3rem,7vw,6rem) auto}.nvp-prose>*+*{margin-top:1.45em}.nvp-prose h2,.nvp-prose h3{margin-top:2em;line-height:1.15;letter-spacing:-.035em}.nvp-prose h2{font-size:clamp(1.8rem,4vw,2.8rem)}.nvp-prose blockquote{margin-inline:0;padding:1rem 0 1rem 1.5rem;border-left:4px solid var(--nvp-magenta);color:var(--nvp-violet);font-size:1.25rem}.nvp-prose pre{overflow:auto;padding:1.5rem;border:1px solid var(--nvp-border);border-radius:14px;background:#050308}.nvp-prose code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.nvp-project__heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3rem}.nvp-project__facts{display:grid;gap:1rem;min-width:180px;margin:0}.nvp-project__facts div{padding-top:.6rem;border-top:1px solid var(--nvp-border)}.nvp-project__facts dt{color:var(--nvp-muted);font-size:.75rem;text-transform:uppercase}.nvp-project__facts dd{margin:0}.nvp-project-video{margin-top:3rem}.nvp-project-video video{width:100%;border-radius:var(--nvp-radius)}.nvp-code{overflow:hidden;margin-top:3rem;border:1px solid var(--nvp-border);border-radius:16px;background:#050308}.nvp-code__bar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--nvp-border);color:var(--nvp-muted);font-size:.8rem}.nvp-code__bar button{border:0;background:transparent;color:var(--nvp-violet);cursor:pointer}.nvp-code pre{overflow:auto;margin:0;padding:1.5rem}.nvp-project__links,.nvp-share{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-top:2.5rem}.nvp-share{padding-top:1.5rem;border-top:1px solid var(--nvp-border)}.nvp-share span{color:var(--nvp-muted);font-size:.8rem;text-transform:uppercase}.nvp-project__nav,.nvp-post-nav{padding-block:3rem;border-top:1px solid var(--nvp-border)}.nvp-project__nav .nav-links,.nvp-post-nav .nav-links{justify-content:space-between}.nvp-tags a{display:inline-block;margin:.3rem;padding:.25rem .7rem;border:1px solid var(--nvp-border);border-radius:99px}.nvp-comments{border-top:1px solid var(--nvp-border)}
/* Forms */
.search-form{display:flex;max-width:600px;gap:.6rem}.search-field,.nvp-form input,.nvp-form select,.nvp-form textarea{width:100%;border:1px solid var(--nvp-border);border-radius:12px;padding:.8rem 1rem;background:rgba(8,6,13,.75);color:var(--nvp-text)}.search-submit{border:0;border-radius:99px;padding:.7rem 1rem;background:var(--nvp-purple);color:#fff}.nvp-contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);align-items:start}.nvp-contact-layout h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:-.06em}.nvp-contact-layout .nvp-prose{margin:2rem 0}.nvp-form-wrap{padding:clamp(1.4rem,4vw,2.5rem);border:1px solid var(--nvp-border);border-radius:var(--nvp-radius);background:var(--nvp-surface)}.nvp-form-wrap h2{margin-top:0}.nvp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.nvp-form p{margin:0 0 1rem}.nvp-form label{display:block;margin-bottom:.35rem;color:var(--nvp-muted);font-size:.88rem;font-weight:700}.nvp-form input:focus,.nvp-form select:focus,.nvp-form textarea:focus{border-color:var(--nvp-violet);outline:2px solid rgba(167,139,250,.25)}.nvp-check label{display:flex;align-items:flex-start;gap:.7rem;font-weight:500}.nvp-check input{width:auto;margin-top:.35rem}.nvp-honeypot{position:absolute;left:-9999px}.nvp-notice{margin-bottom:1rem;padding:1rem;border-radius:12px}.nvp-notice--success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4)}.nvp-notice--error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4)}.nvp-form__status{color:var(--nvp-muted)}
/* Footer and social */
.nvp-footer{padding:5rem 0 2rem;border-top:1px solid var(--nvp-border);background:#060409}.nvp-footer__grid{display:grid;grid-template-columns:1fr 1fr auto;gap:3rem}.nvp-footer p{color:var(--nvp-muted)}.nvp-social{display:flex;gap:.6rem}.nvp-social a{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--nvp-border);border-radius:50%;color:var(--nvp-muted)}.nvp-social a:hover{border-color:var(--nvp-purple);background:var(--nvp-purple);color:#fff}.nvp-social svg{width:20px;height:20px}.nvp-footer__menu{align-items:flex-start;flex-direction:column;gap:.6rem}.nvp-footer__bottom{display:flex;justify-content:space-between;gap:2rem;margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--nvp-border);font-size:.85rem}.nvp-error{text-align:center}.nvp-error__code{margin:0;color:rgba(167,139,250,.13);font-size:clamp(9rem,28vw,25rem);font-weight:950;line-height:.7;letter-spacing:-.1em}.nvp-error .search-form,.nvp-error .nvp-actions{justify-content:center;margin:2rem auto}
/* Core block compatibility */
.alignwide{max-width:var(--nvp-max);margin-inline:calc((760px - min(100vw - 2.5rem,var(--nvp-max)))/2)}.alignfull{width:100vw;max-width:none;margin-left:calc(50% - 50vw)}.wp-caption{max-width:100%}.wp-caption-text{color:var(--nvp-muted);font-size:.82rem}.gallery{display:grid;gap:1rem}.sticky{border-color:var(--nvp-magenta)}.bypostauthor{outline:1px solid var(--nvp-border)}
@media(max-width:900px){.nvp-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.nvp-hero__inner{grid-template-columns:1fr}.nvp-hero__orb{display:none}.nvp-contact-layout{grid-template-columns:1fr}.nvp-footer__grid{grid-template-columns:1fr 1fr}.nvp-project__heading{grid-template-columns:1fr}.nvp-project__facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.nvp-menu-toggle{display:block}.nvp-nav{display:none;position:absolute;left:1.25rem;right:1.25rem;top:72px;padding:1.25rem;border:1px solid var(--nvp-border);border-radius:16px;background:var(--nvp-surface);box-shadow:var(--nvp-shadow)}.nvp-nav.is-open{display:block}.nvp-nav__list{align-items:stretch;flex-direction:column;gap:.2rem}.nvp-nav a{display:block;padding:.7rem}.nvp-contact-cta__inner,.nvp-section-head{align-items:flex-start;flex-direction:column}.nvp-footer__grid{grid-template-columns:1fr}}
@media(max-width:620px){.nvp-container{width:min(calc(100% - 1.5rem),var(--nvp-max))}.nvp-grid--2,.nvp-grid--3,.nvp-field-row{grid-template-columns:1fr}.nvp-project__facts{grid-template-columns:1fr}.nvp-footer__bottom{flex-direction:column}.nvp-hero h1{font-size:clamp(3.2rem,18vw,5.2rem)}.nvp-service{border-left:0;border-top:1px solid var(--nvp-border)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.nvp-hero__orb{animation:none}}