/* DNPROD Phase 11 — self-hosted typography copied from the approved technical reference. */
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/bebas-neue-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/bebas-neue-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-cyrillic-400-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-cyrillic-500-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-cyrillic-600-normal.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}

*{margin:0;padding:0;box-sizing:border-box;}
html{color-scheme:only light;-webkit-color-scheme:only light;scroll-behavior:smooth;}
:root{
  --bg:#0a0a0a;
  --bg2:#0e0e0e;
  --bg3:#121212;
  --red:#E8001C;
  --white:#f0f0f0;
  --gray:#c8c4be;
  --gray2:#3a3a3a;
  --gray3:#222222;
  --border:rgba(255,255,255,0.08);
  --border2:rgba(255,255,255,0.14);
}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--white);font-size:16px;line-height:1.6;overflow-x:hidden;}
section{background:var(--bg);}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--gray2);}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,10,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-sq{width:32px;height:32px;border:1.5px solid var(--red);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.logo-sq span{font-size:12px;font-weight:600;color:var(--red);letter-spacing:-0.5px;}
.logo-name{font-size:14px;font-weight:500;letter-spacing:0.12em;color:var(--white);}
.nav-links{display:flex;align-items:center;gap:2rem;}
.nav-links a{font-size:14px;color:var(--gray);letter-spacing:0.05em;text-decoration:none;transition:color 0.3s;}
.nav-links a:hover{color:var(--white);}
.nav-right{display:flex;align-items:center;gap:1.25rem;}
.lang-toggle{position:relative;}
.lang-current{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--gray2);font-family:'Inter',sans-serif;font-size:13px;color:var(--white);cursor:pointer;padding:6px 10px;letter-spacing:0.1em;transition:border-color 0.3s;}
.lang-current:hover{border-color:var(--gray);}
.lang-current svg{transition:transform 0.2s;}
.lang-toggle.open .lang-current svg{transform:rotate(180deg);}
.lang-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#111;border:1px solid var(--gray2);min-width:80px;z-index:200;}
.lang-toggle.open .lang-dropdown{display:block;}
.lang-opt{display:block;width:100%;background:none;border:none;font-family:'Inter',sans-serif;font-size:13px;color:var(--gray);cursor:pointer;padding:8px 12px;letter-spacing:0.1em;text-align:left;transition:color 0.2s,background 0.2s;}
.lang-opt:hover{color:var(--white);background:var(--bg3);}
.lang-opt.active{color:var(--red);}
.nav-cta{background:none;border:1px solid var(--gray2);color:var(--white);font-family:'Inter',sans-serif;font-size:13px;padding:8px 18px;letter-spacing:0.08em;cursor:pointer;transition:border-color 0.3s,color 0.3s;}
.nav-cta:hover{border-color:var(--red);color:var(--red);}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;}
.burger span{display:block;width:22px;height:1.5px;background:var(--white);transition:all 0.3s;}

/* ── MOBILE NAV ── */
.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:rgba(10,10,10,0.98);border-bottom:1px solid var(--border);padding:1.5rem 2rem;z-index:99;flex-direction:column;gap:1.25rem;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-size:16px;color:var(--gray);text-decoration:none;letter-spacing:0.05em;padding:0.5rem 0;border-bottom:1px solid var(--border);}
.mobile-menu a:last-of-type{border-bottom:none;}
.mobile-menu a:hover{color:var(--white);}

/* ── HERO ── */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:8rem 2rem 5rem;border-bottom:1px solid var(--border);position:relative;overflow:hidden;max-width:1400px;margin:0 auto;}
#shatter{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;pointer-events:none;}
.hero-content,.hero-visual,.hero-scroll{position:relative;z-index:2;}
.hero-visual-badge{z-index:3;}
.hero-content{display:flex;flex-direction:column;}
.hero-eyebrow{font-size:11px;letter-spacing:0.25em;color:var(--red);text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:fadeUp 0.6s 0.1s forwards;}
.hero-eyebrow-name,.hero-eyebrow-separator,.hero-eyebrow-role{display:inline;}
.hero-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(4rem,7vw,7rem);font-weight:400;line-height:0.95;letter-spacing:0.02em;margin-bottom:1.5rem;opacity:0;animation:fadeUp 0.6s 0.2s forwards;}
.hero-h1 em{color:var(--red);font-style:normal;}
.hero-sub{font-size:16px;color:var(--gray);line-height:1.75;max-width:420px;font-weight:400;margin-bottom:2.5rem;opacity:0;animation:fadeUp 0.6s 0.3s forwards;}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;opacity:0;animation:fadeUp 0.6s 0.4s forwards;}
.hero-visual{opacity:0;animation:fadeUp 0.7s 0.3s forwards;position:relative;}
.hero-visual-inner{border:1px solid var(--border2);overflow:hidden;border-radius:4px;background:var(--bg3);}
.hero-visual-inner img{width:100%;height:auto;display:block;border-radius:4px;}
.hero-visual-badge{position:absolute;bottom:-16px;left:-16px;background:var(--red);color:#fff;font-size:11px;letter-spacing:0.15em;padding:8px 16px;font-weight:500;}

/* ── SECTION BASE ── */
section{padding:5rem 2rem;}
.max{max-width:1200px;margin:0 auto;}
.sec-label{font-size:11px;letter-spacing:0.25em;color:var(--gray);text-transform:uppercase;margin-bottom:2rem;opacity:0.7;}
.sec-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.8rem,4vw,4.5rem);font-weight:400;letter-spacing:0.02em;line-height:0.95;margin-bottom:1rem;}
.sec-title em{color:var(--red);font-style:normal;}

/* ── STATS STRIP ── */
.stats-strip{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2.5rem 2rem;}
.stats-inner{max-width:1200px;margin:0 auto;display:flex;gap:0;justify-content:space-between;}
.stat-item{flex:1;text-align:center;padding:0 2rem;border-right:1px solid var(--border);}
.stat-item:last-child{border-right:none;}
.stat-val{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;font-weight:400;letter-spacing:0.02em;color:var(--white);line-height:1;}
.stat-val em{color:var(--red);font-style:normal;}
.stat-label{font-size:12px;color:var(--gray);margin-top:6px;letter-spacing:0.05em;}

/* ── SERVICES ── */
.services{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin-top:3rem;}
.srv-card{background:var(--bg2);padding:2.5rem 2rem;transition:background 0.2s;}
.srv-card:hover{background:var(--bg3);}
.srv-icon{width:40px;height:40px;border:1px solid var(--gray3);display:flex;align-items:center;justify-content:center;margin-bottom:1.75rem;}
.srv-icon i{font-size:16px;color:var(--red);}
.srv-num{font-size:11px;color:var(--red);letter-spacing:0.15em;margin-bottom:0.75rem;}
.srv-title{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:0.03em;margin-bottom:0.75rem;}
.srv-desc{font-size:15px;color:var(--gray);line-height:1.75;font-weight:400;}
.srv-price{font-size:13px;color:var(--gray2);margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);}
.srv-price strong{color:var(--red);font-weight:500;font-size:15px;}

/* ── PORTFOLIO ── */
.portfolio{background:var(--bg);}
.port-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);margin-top:3rem;}
.port-card{background:var(--bg);overflow:hidden;position:relative;cursor:pointer;transition:background 0.2s;}
.port-card:hover{background:var(--bg2);}
.port-img{width:100%;aspect-ratio:16/9;background:var(--bg3);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:1.25rem;}
.port-card:hover .port-img img{transform:scale(1.03);}
.port-img img{transition:transform 0.6s ease;width:100%;height:100%;object-fit:contain;object-position:top center;display:block;border-radius:3px;}
.port-info{padding:1.75rem 1.5rem;}
.port-tag{font-size:11px;letter-spacing:0.2em;color:var(--red);text-transform:uppercase;margin-bottom:0.5rem;}
.port-name{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:0.03em;margin-bottom:0.5rem;line-height:1.1;}
.port-desc{font-size:14px;color:var(--gray);font-weight:400;line-height:1.7;}
.port-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--gray2);margin-top:1rem;text-decoration:none;letter-spacing:0.05em;transition:color 0.3s;}
.port-link:hover{color:var(--red);}
.port-link.coming{cursor:default;color:var(--gray3);}
.port-link.coming:hover{color:var(--gray3);}

/* ── STACK ── */
.stack-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;background:var(--border);margin-top:3rem;}
.stack-card{background:var(--bg2);padding:1.5rem 1.25rem;transition:background 0.2s;}
.stack-card:hover{background:var(--bg3);}
.stack-icon{width:36px;height:36px;border:1px solid var(--gray3);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;}
.stack-icon i{font-size:15px;color:var(--red);}
.stack-name{font-size:14px;font-weight:500;margin-bottom:4px;color:var(--white);}
.stack-desc{font-size:12px;color:var(--gray);font-weight:400;}

/* ── ABOUT ── */
.about{background:var(--bg3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.about-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:start;}
.about-photo-wrap{position:relative;}
.about-photo{width:100%;aspect-ratio:3/4;overflow:hidden;border:1px solid var(--border);}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:grayscale(20%);}
.about-photo-label{position:absolute;bottom:0;left:0;right:0;background:rgba(10,10,10,0.85);padding:1rem 1.25rem;border-top:1px solid var(--border);}
.about-photo-label p{font-size:13px;color:var(--gray);letter-spacing:0.05em;}
.about-photo-label strong{color:var(--white);display:block;font-size:15px;font-weight:500;margin-bottom:2px;}
.about-label{font-size:11px;letter-spacing:0.25em;color:var(--gray);text-transform:uppercase;margin-bottom:1.5rem;opacity:0.7;}
.about-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,3.5vw,4rem);font-weight:400;letter-spacing:0.02em;margin-bottom:1.5rem;line-height:0.95;}
.about-title em{color:var(--red);font-style:normal;}
.about-text{font-size:15px;color:var(--gray);font-weight:400;line-height:1.8;margin-bottom:2rem;}
.about-tags{display:flex;gap:8px;flex-wrap:wrap;}
.tag{font-size:12px;border:1px solid var(--gray3);color:var(--gray);padding:6px 14px;letter-spacing:0.05em;}

/* ── PROCESS ── */
.process{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin-top:3rem;}
.step{background:var(--bg2);padding:2rem 1.5rem;}
.step-num{font-size:11px;color:var(--red);letter-spacing:0.15em;margin-bottom:1.25rem;}
.step-title{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:0.03em;margin-bottom:0.6rem;}
.step-desc{font-size:14px;color:var(--gray);font-weight:400;line-height:1.75;}

/* ── CONTACT ── */
.contact{border-top:1px solid var(--border);background:var(--bg);}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}
.contact-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.8rem,4vw,4.5rem);font-weight:400;letter-spacing:0.02em;line-height:0.95;margin-bottom:1rem;}
.contact-title em{color:var(--red);font-style:normal;}
.contact-sub{font-size:15px;color:var(--gray);font-weight:400;line-height:1.8;margin-bottom:2rem;}
.contact-info{display:flex;flex-direction:column;gap:1rem;}
.contact-row{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--gray);}
.contact-row i{color:var(--red);font-size:14px;width:16px;}
.form{display:flex;flex-direction:column;gap:12px;}
.form input,.form textarea,.form select{background:var(--bg3);border:1px solid var(--gray3);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;padding:13px 16px;outline:none;resize:none;transition:border-color 0.3s;-webkit-appearance:none;appearance:none;}
.form input::placeholder,.form textarea::placeholder{color:var(--gray2);}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--red);}
.form select option{background:var(--bg3);color:var(--white);}
.form textarea{height:110px;}

/* ── BUTTONS ── */
.btn-red{background:var(--red);color:#fff;border:none;padding:14px 30px;font-size:14px;font-family:'Inter',sans-serif;font-weight:500;letter-spacing:0.08em;cursor:pointer;transition:opacity 0.3s,transform 0.2s;}
.btn-red:hover{opacity:0.88;transform:translateY(-1px);}
.btn-ghost{background:none;color:var(--white);border:1px solid var(--gray2);padding:14px 30px;font-size:14px;font-family:'Inter',sans-serif;letter-spacing:0.08em;cursor:pointer;transition:border-color 0.3s,transform 0.2s;}
.btn-ghost:hover{border-color:var(--gray);transform:translateY(-1px);}

/* ── FOOTER ── */
footer{background:var(--bg);padding:2rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.f-logo{display:flex;align-items:center;gap:8px;}
.f-logo-sq{width:24px;height:24px;border:1px solid var(--red);display:flex;align-items:center;justify-content:center;}
.f-logo-sq span{font-size:11px;font-weight:600;color:var(--red);}
.f-name{font-size:13px;font-weight:500;letter-spacing:0.1em;}
.f-copy{font-size:12px;color:var(--gray2);letter-spacing:0.05em;}
.f-links{display:flex;gap:1.5rem;}
.f-links a{font-size:13px;color:var(--gray2);text-decoration:none;letter-spacing:0.05em;transition:color 0.3s;}
.f-links a:hover{color:var(--red);}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.6s,transform 0.6s;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ── HERO SCROLL HINT ── */
.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:0.2em;color:var(--gray2);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px;}
.hero-scroll::after{content:'';display:block;width:1px;height:40px;background:linear-gradient(to bottom,var(--gray2),transparent);}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .hero{grid-template-columns:1fr;gap:3rem;padding:8rem 2rem 4rem;}
  .hero-visual{max-width:600px;}
  .hero-h1{font-size:clamp(3.5rem,8vw,6rem);}
}
@media(max-width:900px){
  .srv-grid{grid-template-columns:1fr;}
  .port-grid{grid-template-columns:1fr;}
  .about-inner{grid-template-columns:1fr;}
  .about-photo{aspect-ratio:1/1;max-width:340px;}
  .process-steps{grid-template-columns:1fr 1fr;}
  .contact-inner{grid-template-columns:1fr;}
  .nav-links{display:none;}
  .nav-cta{display:none;}
  .burger{display:flex;}
  .stats-inner{flex-wrap:wrap;gap:0;}
  .stat-item{flex:0 0 50%;border-right:none;border-bottom:1px solid var(--border);padding:1.5rem;}
  .stat-item:nth-child(odd){border-right:1px solid var(--border);}
  .stat-item:nth-last-child(-n+2){border-bottom:none;}
}
@media(max-width:540px){
  .process-steps{grid-template-columns:1fr;}
  section{padding:3.5rem 1.5rem;}
  nav{padding:0 1.5rem;}
  .hero{padding:7rem 1.5rem 4rem;}
  .hero-eyebrow-separator{display:none;}
  .hero-eyebrow-role{display:block;margin-top:0.35rem;}
  footer{padding:1.5rem;}
  .stat-item{flex:0 0 100%;border-right:none;}
  .stat-item:nth-child(odd){border-right:none;}
  .stat-item{border-bottom:1px solid var(--border);}
  .stat-item:last-child{border-bottom:none;}
}

/* DNPROD Phase 2 — cinematic hero v3
   Goal: match the approved concept more closely: poster-scale type, layered depth,
   integrated AurumTrade artwork, red geometry and strong black/red/white DNPROD identity.
   AurumTrade green remains project-local only. */

.hero-scene{
  position:relative!important;
  overflow:hidden!important;
  border-bottom:0!important;
  background:#030303!important;
  isolation:isolate;
}
.hero-scene::before{
  content:"";
  position:absolute;
  inset:-16% -10% -8% 22%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 72% 38%,rgba(232,0,28,.36) 0,rgba(232,0,28,.14) 18%,transparent 46%),
    radial-gradient(ellipse at 49% 62%,rgba(232,0,28,.16) 0,transparent 35%),
    linear-gradient(124deg,transparent 0 47%,rgba(232,0,28,.08) 47.3%,transparent 48.2%);
  filter:blur(7px);
}
.hero-scene::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,3,3,.96) 0%,rgba(3,3,3,.42) 42%,rgba(3,3,3,.06) 67%,rgba(3,3,3,.7) 100%),
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.28) 76%,#030303 100%),
    repeating-linear-gradient(118deg,transparent 0 118px,rgba(255,255,255,.018) 119px,transparent 120px 238px);
}

.hero.hero-v2{
  max-width:1780px!important;
  min-height:100svh!important;
  margin:0 auto!important;
  padding:104px clamp(24px,4.5vw,76px) 104px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(500px,.96fr)!important;
  gap:0!important;
  align-items:center!important;
  border:0!important;
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
}
.hero.hero-v2::before{
  content:"DNPROD";
  position:absolute;
  left:clamp(10px,2.3vw,46px);
  top:50%;
  transform:translateY(-53%) scaleY(1.12);
  z-index:0;
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(260px,31vw,610px);
  line-height:.68;
  letter-spacing:-.045em;
  white-space:nowrap;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.035);
  text-shadow:0 0 120px rgba(232,0,28,.04);
  pointer-events:none;
}

.hero-v2 .hero-content{
  max-width:940px;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start;
  position:relative;
  z-index:8;
  padding-top:10px;
}
.hero-v2 .hero-content::before{
  content:"";
  position:absolute;
  left:-9vw;
  top:33%;
  width:32vw;
  height:15vw;
  min-height:110px;
  max-height:250px;
  z-index:-1;
  background:linear-gradient(96deg,rgba(232,0,28,.92),rgba(232,0,28,.18) 52%,transparent 78%);
  clip-path:polygon(0 40%,86% 0,100% 20%,14% 100%);
  filter:drop-shadow(0 0 34px rgba(232,0,28,.16));
  opacity:.44;
  transform:rotate(-8deg);
  pointer-events:none;
}
.hero-v2 .hero-content::after{
  content:"";
  position:absolute;
  left:40%;
  top:6%;
  width:250px;
  height:360px;
  z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(232,0,28,.34) 52%,transparent 100%);
  clip-path:polygon(56% 0,100% 8%,28% 100%,0 82%);
  opacity:.42;
  transform:rotate(18deg);
  pointer-events:none;
}

.hero-v2 .hero-kicker{
  margin:0 0 20px;
  color:#fff;
  font-size:clamp(10px,.82vw,13px);
  font-weight:600;
  letter-spacing:.38em;
  text-transform:uppercase;
  opacity:.9;
  text-shadow:0 2px 20px rgba(0,0,0,.7);
}
.hero-v2 .hero-kicker::before{
  content:"";
  display:inline-block;
  width:52px;
  height:2px;
  margin:0 16px 3px 0;
  background:#E8001C;
  box-shadow:0 0 18px rgba(232,0,28,.62);
}

.hero-v2 .hero-brand{
  margin:0;
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(126px,14.7vw,268px);
  line-height:.69;
  letter-spacing:-.035em;
  font-weight:400;
  white-space:nowrap;
  position:relative;
  z-index:9;
  text-transform:uppercase;
  filter:drop-shadow(0 18px 35px rgba(0,0,0,.42));
}
.hero-v2 .hero-brand .hero-brand-white{
  color:#fff;
  background:linear-gradient(180deg,#fff 0%,#f8f8f8 48%,#bfbfbf 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero-v2 .hero-brand .hero-brand-red{
  color:#E8001C;
  background:linear-gradient(180deg,#ff2039 0%,#E8001C 48%,#870010 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 56px rgba(232,0,28,.16);
}
.hero-v2 .hero-brand::before{
  content:"";
  position:absolute;
  left:30%;
  right:-26%;
  top:45%;
  height:10px;
  background:linear-gradient(90deg,transparent 0,#E8001C 16%,rgba(232,0,28,.16) 72%,transparent 100%);
  clip-path:polygon(0 38%,100% 0,100% 38%,0 100%);
  transform:rotate(-5deg);
  opacity:.85;
  pointer-events:none;
  z-index:10;
  mix-blend-mode:screen;
}
.hero-v2 .hero-brand::after{
  content:"";
  position:absolute;
  left:48%;
  right:-40%;
  top:56%;
  height:1px;
  background:linear-gradient(90deg,#fff,rgba(232,0,28,.9),transparent 82%);
  box-shadow:0 10px 0 rgba(232,0,28,.16),0 -12px 0 rgba(255,255,255,.045);
  transform:rotate(-5deg);
  transform-origin:left center;
  pointer-events:none;
}

.hero-v2 .hero-statement{
  max-width:610px;
  margin:36px 0 0;
  color:rgba(255,255,255,.75);
  font-size:clamp(16px,1.18vw,20px);
  line-height:1.6;
  font-weight:400;
  text-shadow:0 2px 18px rgba(0,0,0,.9);
}
.hero-v2 .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:32px;
}
.hero-v2 .hero-actions .btn-red,
.hero-v2 .hero-actions .btn-ghost{
  min-width:176px;
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:0!important;
  text-transform:uppercase;
  letter-spacing:.17em;
  font-size:11px;
  font-weight:600;
  backdrop-filter:blur(10px);
}
.hero-v2 .hero-actions .btn-red{
  box-shadow:0 18px 52px rgba(232,0,28,.25),inset 0 1px rgba(255,255,255,.12);
}
.hero-v2 .hero-actions .btn-ghost{
  background:rgba(0,0,0,.26)!important;
}
.hero-v2 .hero-proofline{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  margin-top:23px;
  color:rgba(255,255,255,.38);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.22em;
}
.hero-v2 .hero-proofline span{display:inline-flex;align-items:center;gap:9px;}
.hero-v2 .hero-proofline span::before{
  content:"";
  width:14px;
  height:1px;
  background:#E8001C;
}

/* AurumTrade is an integrated scene element, not a generic card. */
.hero-v2 .hero-feature{
  width:min(112%,760px);
  justify-self:end;
  position:relative;
  z-index:5;
  margin-left:-128px;
  transform:translate(24px,18px) rotate(-2.35deg);
  transform-origin:center center;
  filter:drop-shadow(0 54px 54px rgba(0,0,0,.62));
}
.hero-v2 .hero-feature::before{
  content:"";
  position:absolute;
  z-index:-2;
  width:74%;
  height:58%;
  right:-12%;
  top:-14%;
  background:radial-gradient(ellipse,rgba(232,0,28,.42),rgba(232,0,28,.13) 38%,transparent 70%);
  filter:blur(15px);
  transform:rotate(8deg);
}
.hero-v2 .hero-feature::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-12%;
  top:7%;
  width:128%;
  height:100%;
  background:
    linear-gradient(104deg,transparent 0 13%,rgba(232,0,28,.84) 13.3% 14%,transparent 14.2% 68%,rgba(232,0,28,.42) 68.4% 69%,transparent 69.3%),
    linear-gradient(74deg,transparent 0 70%,rgba(255,255,255,.09) 70.3% 70.7%,transparent 71%);
  clip-path:polygon(0 28%,9% 17%,18% 18%,10% 48%,21% 46%,5% 85%,0 83%,13% 52%,2% 54%);
  opacity:.95;
  filter:drop-shadow(0 0 18px rgba(232,0,28,.45));
  pointer-events:none;
}
.hero-v2 .feature-shell{
  position:relative;
  overflow:hidden;
  min-height:520px;
  background:#060608;
  border:1px solid rgba(255,255,255,.19);
  clip-path:polygon(5.5% 0,100% 0,100% 88%,94% 100%,0 100%,0 11%);
  box-shadow:0 0 0 1px rgba(232,0,28,.12),0 70px 110px rgba(0,0,0,.7);
}
.hero-v2 .feature-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 16%,transparent 70%,rgba(0,0,0,.72) 100%),
    linear-gradient(90deg,rgba(0,0,0,.52),transparent 16%,transparent 80%,rgba(0,0,0,.35));
}
.hero-v2 .feature-shell::after{
  content:"";
  position:absolute;
  z-index:4;
  left:-8%;
  right:-8%;
  top:59%;
  height:2px;
  background:linear-gradient(90deg,transparent,#E8001C 18%,rgba(255,255,255,.72) 48%,#E8001C 66%,transparent 92%);
  box-shadow:0 0 22px rgba(232,0,28,.5);
  transform:rotate(-5deg);
  opacity:.72;
  pointer-events:none;
}
.hero-v2 .feature-topline{
  position:absolute;
  top:20px;
  left:28px;
  right:28px;
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:rgba(255,255,255,.74);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.26em;
  text-shadow:0 2px 14px #000;
}
.hero-v2 .feature-index{color:#fff;}
.hero-v2 .feature-visual{
  position:absolute;
  inset:0;
  aspect-ratio:auto;
  overflow:hidden;
  background:#060608;
}
.hero-v2 .feature-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:50% 16%;
  filter:none!important;
  transform:scale(1.07);
}
.hero-v2 .feature-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02) 0,transparent 48%,rgba(6,6,8,.9) 89%,#060608 100%),
    linear-gradient(90deg,rgba(0,0,0,.33),transparent 20%,transparent 78%,rgba(0,0,0,.28));
  pointer-events:none;
}
.hero-v2 .feature-copy{
  position:absolute;
  left:30px;
  right:34px;
  bottom:30px;
  z-index:7;
  margin:0;
  padding:0;
  transform:rotate(2.35deg);
  transform-origin:left bottom;
}
.hero-v2 .feature-brand{
  color:#fff;
  font-size:clamp(32px,2.6vw,46px);
  line-height:.92;
  font-weight:800;
  letter-spacing:-.045em;
  text-shadow:0 3px 18px #000;
}
.hero-v2 .feature-brand span{color:#1A7A35;}
.hero-v2 .feature-title{
  max-width:420px;
  margin-top:12px;
  color:rgba(255,255,255,.7);
  font-size:12px;
  line-height:1.55;
  text-shadow:0 2px 14px #000;
}
.hero-v2 .feature-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:17px;
  color:#fff;
  text-decoration:none;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.2em;
  text-shadow:0 2px 12px #000;
}
.hero-v2 .feature-link::after{content:"→";color:#1A7A35;font-size:16px;}
.hero-v2 .project-green-rule{
  position:absolute;
  left:0;
  top:8%;
  bottom:8%;
  width:3px;
  background:linear-gradient(180deg,transparent,#1A7A35 18%,#1A7A35 82%,transparent);
  z-index:7;
  box-shadow:0 0 16px rgba(26,122,53,.4);
}

.hero-service-rail{
  max-width:1780px;
  margin:-100px auto 0;
  padding:0 clamp(24px,4.5vw,76px) 28px;
  position:relative;
  z-index:9;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:transparent;
}
.hero-service-item{
  min-height:76px;
  border-top:1px solid rgba(255,255,255,.14);
  border-left:1px solid rgba(255,255,255,.12);
  padding:13px 20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(180deg,rgba(8,8,8,.12),rgba(8,8,8,.62));
  backdrop-filter:blur(8px);
}
.hero-service-item:last-child{border-right:1px solid rgba(255,255,255,.12);}
.hero-service-num{color:#E8001C;font-size:8px;letter-spacing:.22em;margin-bottom:6px;}
.hero-service-label{color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.17em;line-height:1.45;}
.hero-scroll{display:none!important;}

.dn-glitch-transition{
  position:relative;
  height:clamp(220px,27vw,390px);
  overflow:hidden;
  background:#030303;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.08);
  isolation:isolate;
}
.dn-glitch-transition::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(104deg,transparent 0 42%,rgba(232,0,28,.14) 42.4% 44%,transparent 44.4%),
    linear-gradient(90deg,#030303 0%,transparent 12%,transparent 88%,#030303 100%),
    linear-gradient(180deg,#030303 0%,transparent 18%,transparent 80%,#030303 100%);
}
.dn-glitch-transition #shatter{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  z-index:0!important;
  pointer-events:none!important;
}
.dn-glitch-caption{
  position:absolute;
  z-index:3;
  left:clamp(24px,5vw,76px);
  bottom:24px;
  color:rgba(255,255,255,.48);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.26em;
}
.dn-glitch-caption strong{color:#fff;font-weight:500;}

@media(max-width:1250px){
  .hero.hero-v2{
    grid-template-columns:minmax(0,1fr) minmax(430px,.9fr)!important;
  }
  .hero-v2 .hero-brand{font-size:clamp(112px,14vw,190px);}
  .hero-v2 .hero-feature{margin-left:-85px;width:min(112%,650px);}
  .hero-v2 .feature-shell{min-height:470px;}
}

@media(max-width:900px){
  .hero.hero-v2{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:104px 24px 144px!important;
  }
  .hero.hero-v2::before{
    top:30%;
    left:-12%;
    font-size:74vw;
    opacity:.7;
  }
  .hero-v2 .hero-content{max-width:100%;}
  .hero-v2 .hero-brand{
    font-size:clamp(108px,26vw,190px);
    line-height:.72;
    white-space:nowrap;
  }
  .hero-v2 .hero-statement{max-width:620px;margin-top:28px;font-size:16px;}
  .hero-v2 .hero-feature{
    width:min(104%,720px);
    justify-self:end;
    margin:26px -6% 0 0;
    transform:rotate(-1.6deg);
  }
  .hero-v2 .feature-shell{min-height:480px;}
  .hero-v2 .feature-copy{transform:rotate(1.6deg);}
  .hero-service-rail{
    margin:-116px auto 0;
    padding:0 24px 20px;
  }
}

@media(max-width:540px){
  .hero-scene::before{
    inset:8% -86% auto -8%;
    height:56%;
    opacity:.84;
  }
  .hero-scene::after{
    background:
      linear-gradient(180deg,rgba(3,3,3,.1),rgba(3,3,3,.32) 62%,#030303 100%),
      repeating-linear-gradient(118deg,transparent 0 76px,rgba(255,255,255,.015) 77px,transparent 78px 152px);
  }
  .hero.hero-v2{
    padding:90px 18px 174px!important;
    gap:16px!important;
  }
  .hero.hero-v2::before{
    left:-44%;
    top:28%;
    font-size:98vw;
    -webkit-text-stroke:1px rgba(255,255,255,.03);
  }
  .hero-v2 .hero-content::before{
    left:-36vw;
    top:31%;
    width:110vw;
    height:33vw;
    opacity:.33;
  }
  .hero-v2 .hero-content::after{
    left:58%;
    top:1%;
    width:140px;
    height:240px;
    opacity:.34;
  }
  .hero-v2 .hero-kicker{
    font-size:8px;
    letter-spacing:.29em;
    line-height:1.6;
    margin-bottom:17px;
  }
  .hero-v2 .hero-kicker::before{width:26px;margin-right:9px;}
  .hero-v2 .hero-brand{
    font-size:clamp(88px,27.4vw,126px);
    letter-spacing:-.028em;
  }
  .hero-v2 .hero-brand::before{left:28%;right:-18%;height:7px;}
  .hero-v2 .hero-statement{font-size:14px;line-height:1.58;margin-top:26px;max-width:95%;}
  .hero-v2 .hero-actions{width:100%;gap:8px;margin-top:26px;}
  .hero-v2 .hero-actions .btn-red,
  .hero-v2 .hero-actions .btn-ghost{
    flex:1 1 142px;
    min-width:0;
    min-height:49px;
    font-size:9px;
    letter-spacing:.12em;
  }
  .hero-v2 .hero-proofline{gap:9px 14px;margin-top:19px;}
  .hero-v2 .hero-proofline span{font-size:7px;}
  .hero-v2 .hero-feature{
    width:112%;
    margin:28px -8% 0 -4%;
    transform:rotate(-2deg);
  }
  .hero-v2 .hero-feature::before{right:-24%;top:-20%;width:95%;height:70%;}
  .hero-v2 .feature-shell{min-height:360px;clip-path:polygon(5% 0,100% 0,100% 90%,94% 100%,0 100%,0 10%);}
  .hero-v2 .feature-topline{top:14px;left:18px;right:18px;font-size:6.5px;}
  .hero-v2 .feature-visual img{transform:scale(1.1);object-position:50% 10%;}
  .hero-v2 .feature-copy{left:20px;right:22px;bottom:20px;transform:rotate(2deg);}
  .hero-v2 .feature-brand{font-size:29px;}
  .hero-v2 .feature-title{font-size:10.5px;max-width:80%;margin-top:8px;}
  .hero-v2 .feature-link{font-size:7.5px;margin-top:11px;}
  .hero-service-rail{
    margin:-144px 0 0;
    padding:0 18px 18px;
    grid-template-columns:1fr;
  }
  .hero-service-item,
  .hero-service-item:last-child{
    min-height:49px;
    border-right:0;
    border-left:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.07);
    padding:8px 12px;
  }
  .hero-service-label{font-size:8px;}
  .dn-glitch-transition{height:190px;}
  .dn-glitch-caption{left:18px;bottom:15px;font-size:6.5px;}
}

@media(prefers-reduced-motion:reduce){
  .hero-v2 *,
  .dn-glitch-transition *{
    animation:none!important;
    transition:none!important;
  }
}

/* DNPROD cinematic v4 — campaign composition pass
   Goal: match the approved visual's scale, overlap, depth and red/black/white drama.
   AurumTrade remains authentically green inside the project artwork only. */

.hero-scene{
  min-height:100svh!important;
  background:
    radial-gradient(ellipse at 73% 42%,rgba(232,0,28,.19) 0,rgba(232,0,28,.07) 23%,transparent 48%),
    radial-gradient(ellipse at 34% 72%,rgba(232,0,28,.09),transparent 38%),
    linear-gradient(112deg,#030303 0%,#050505 48%,#090304 100%)!important;
}

.hero-scene::before{
  inset:-12% -8% -16% 28%!important;
  height:auto!important;
  filter:none!important;
  opacity:1!important;
  background:
    linear-gradient(66deg,transparent 0 45%,rgba(232,0,28,.14) 45.15% 45.7%,transparent 45.85%),
    linear-gradient(114deg,transparent 0 61%,rgba(232,0,28,.26) 61.05% 61.55%,transparent 61.7%),
    linear-gradient(80deg,transparent 0 72%,rgba(255,255,255,.055) 72.05% 72.25%,transparent 72.4%),
    radial-gradient(circle at 71% 39%,rgba(232,0,28,.26),transparent 27%)!important;
  clip-path:polygon(10% 0,100% 0,100% 100%,0 89%);
}

.hero-scene::after{
  opacity:.82!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.72) 29%,transparent 52%,transparent 100%),
    linear-gradient(180deg,rgba(0,0,0,.46),transparent 22%,transparent 70%,rgba(0,0,0,.74)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 4px)!important;
}

.hero.hero-v2{
  max-width:none!important;
  width:100%!important;
  min-height:100svh!important;
  padding:108px clamp(24px,4.7vw,86px) 124px!important;
  display:block!important;
  position:relative!important;
  overflow:visible!important;
}

.hero.hero-v2::before{
  content:'DNPROD';
  position:absolute;
  left:-.025em;
  top:50%;
  transform:translateY(-47%);
  z-index:1;
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(190px,25vw,490px);
  line-height:.75;
  letter-spacing:-.055em;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.055);
  text-stroke:1px rgba(255,255,255,.055);
  white-space:nowrap;
  pointer-events:none;
}

.hero.hero-v2::after{
  content:'';
  position:absolute;
  z-index:5;
  width:min(34vw,590px);
  height:min(33vw,560px);
  right:-8vw;
  top:5vh;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(232,0,28,.92),rgba(117,0,14,.5) 50%,transparent 51%);
  clip-path:polygon(52% 0,100% 8%,73% 100%,0 74%);
  filter:drop-shadow(0 0 34px rgba(232,0,28,.2));
  opacity:.62;
  mix-blend-mode:screen;
}

.hero-v2 .hero-content{
  width:min(58vw,980px)!important;
  max-width:none!important;
  min-height:calc(100svh - 232px);
  justify-content:center;
  z-index:9!important;
  padding-top:3vh;
}

.hero-v2 .hero-content::before{
  content:'';
  position:absolute;
  left:-7vw;
  top:8%;
  width:42vw;
  height:70%;
  z-index:-1;
  background:linear-gradient(91deg,rgba(0,0,0,.96),rgba(0,0,0,.76) 56%,transparent);
  filter:blur(1px);
  pointer-events:none;
}

.hero-v2 .hero-content::after{
  content:'';
  position:absolute;
  left:51%;
  top:31%;
  width:230px;
  height:18px;
  background:#E8001C;
  transform:rotate(-17deg) skewX(-34deg);
  transform-origin:left center;
  box-shadow:
    125px -104px 0 -5px rgba(232,0,28,.86),
    202px 124px 0 -7px rgba(232,0,28,.7),
    350px -52px 0 -6px rgba(255,255,255,.16);
  opacity:.92;
  pointer-events:none;
  z-index:10;
}

.hero-v2 .hero-kicker{
  margin:0 0 18px!important;
  font-size:clamp(10px,.88vw,13px)!important;
  letter-spacing:.42em!important;
  text-shadow:0 0 22px rgba(255,255,255,.12);
}

.hero-v2 .hero-brand{
  font-size:clamp(138px,15.8vw,300px)!important;
  line-height:.66!important;
  letter-spacing:-.04em!important;
  margin-left:-.018em!important;
  z-index:12;
  filter:drop-shadow(0 30px 42px rgba(0,0,0,.44));
}

.hero-v2 .hero-brand .hero-brand-white{
  background:linear-gradient(180deg,#fff 0%,#fff 38%,#d8d8d8 71%,#9a9a9a 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}

.hero-v2 .hero-brand .hero-brand-red{
  background:linear-gradient(180deg,#ff1732 0%,#E8001C 47%,#900011 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  filter:drop-shadow(0 0 28px rgba(232,0,28,.25));
}

.hero-v2 .hero-brand::before{
  content:'';
  position:absolute;
  left:47.5%;
  top:-12%;
  width:2px;
  height:128%;
  background:linear-gradient(180deg,transparent,#E8001C 20% 72%,transparent);
  transform:rotate(13deg);
  opacity:.75;
}

.hero-v2 .hero-brand::after{
  left:36%!important;
  right:-28%!important;
  top:58%!important;
  height:2px!important;
  transform:rotate(-8deg)!important;
  background:linear-gradient(90deg,transparent,#E8001C 19% 54%,rgba(255,255,255,.32) 55%,transparent 83%)!important;
  box-shadow:0 0 28px rgba(232,0,28,.38);
}

.hero-v2 .hero-statement{
  width:min(42vw,690px)!important;
  max-width:none!important;
  margin:38px 0 0!important;
  font-size:clamp(15px,1.2vw,20px)!important;
  line-height:1.58!important;
  color:rgba(255,255,255,.76)!important;
  text-wrap:balance;
  text-shadow:0 2px 18px rgba(0,0,0,.7);
}

.hero-v2 .hero-actions{margin-top:32px!important;}
.hero-v2 .hero-proofline{margin-top:22px!important;}

/* Featured project becomes a scene object, not a card. */
.hero-v2 .hero-feature{
  position:absolute!important;
  z-index:4!important;
  right:clamp(-150px,-5vw,-44px)!important;
  top:50%!important;
  width:min(58vw,980px)!important;
  max-width:none!important;
  transform:translateY(-48%) perspective(1700px) rotateY(-9deg) rotateZ(-2.2deg)!important;
  transform-origin:center center;
  filter:drop-shadow(-36px 54px 70px rgba(0,0,0,.7));
}

.hero-v2 .hero-feature::before{
  width:73%!important;
  height:84%!important;
  right:-4%!important;
  top:-8%!important;
  background:
    radial-gradient(circle at 52% 46%,rgba(232,0,28,.28),transparent 55%),
    linear-gradient(125deg,transparent 0 48%,rgba(232,0,28,.38) 48.2% 49%,transparent 49.3%)!important;
  filter:blur(2px)!important;
}

.hero-v2 .hero-feature::after{
  left:-17%!important;
  bottom:10%!important;
  width:58%!important;
  height:24%!important;
  background:linear-gradient(152deg,transparent 0 31%,rgba(232,0,28,.96) 31.2% 43%,transparent 43.2%)!important;
  box-shadow:none!important;
  transform:none!important;
  clip-path:polygon(0 48%,100% 0,83% 100%,18% 78%);
  opacity:.86;
}

.hero-v2 .feature-shell{
  overflow:visible!important;
  background:#060608!important;
  border:1px solid rgba(255,255,255,.18)!important;
  clip-path:polygon(3.2% 0,100% 0,96.8% 100%,0 100%);
  box-shadow:
    -42px 58px 95px rgba(0,0,0,.72),
    0 0 0 1px rgba(232,0,28,.08),
    0 0 74px rgba(232,0,28,.12)!important;
}

.hero-v2 .feature-shell::before{
  background:
    linear-gradient(92deg,rgba(0,0,0,.14),transparent 20%,transparent 72%,rgba(0,0,0,.42)),
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 24%,transparent 67%,rgba(0,0,0,.62))!important;
}

.hero-v2 .feature-shell::after{
  content:'';
  position:absolute;
  z-index:6;
  inset:-9% auto auto -5%;
  width:38%;
  height:21%;
  background:linear-gradient(150deg,transparent 0 40%,#E8001C 40.4% 55%,transparent 55.4%);
  clip-path:polygon(0 28%,100% 0,78% 100%,12% 78%);
  pointer-events:none;
  opacity:.92;
}

.hero-v2 .feature-visual{
  aspect-ratio:16/9!important;
  background:#060608!important;
  overflow:hidden!important;
}

.hero-v2 .feature-visual img{
  transform:scale(1.08)!important;
  object-position:center 14%!important;
  filter:contrast(1.04) saturate(1.04)!important;
}

.hero-v2 .feature-visual::after{
  height:55%!important;
  background:linear-gradient(180deg,transparent 0%,rgba(6,6,8,.24) 36%,#060608 100%)!important;
}

.hero-v2 .feature-copy{
  margin-top:-92px!important;
  padding:0 42px 34px 46px!important;
  text-shadow:0 4px 20px rgba(0,0,0,.8);
}

.hero-v2 .feature-brand{
  font-size:clamp(34px,3vw,54px)!important;
  letter-spacing:-.045em!important;
}
.hero-v2 .feature-title{font-size:13px!important;max-width:430px;}
.hero-v2 .feature-link{margin-top:14px!important;}
.hero-v2 .project-green-rule{width:3px!important;box-shadow:0 0 18px rgba(26,122,53,.35);}

/* Bottom rail turns into restrained campaign metadata. */
.hero-service-rail{
  position:absolute!important;
  left:clamp(24px,4.7vw,86px)!important;
  right:clamp(24px,4.7vw,86px)!important;
  bottom:20px!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  z-index:12!important;
  border-top:1px solid rgba(255,255,255,.13);
  background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 75%)!important;
}
.hero-service-item{
  min-height:67px!important;
  border-left:0!important;
  border-right:1px solid rgba(255,255,255,.1)!important;
  padding:12px 22px 8px 0!important;
  margin-right:22px;
}
.hero-service-item:last-child{border-right:0!important;}
.hero-service-num{font-size:8px!important;}
.hero-service-label{font-size:10px!important;letter-spacing:.17em!important;}

/* Scene framing / cinematic side ticks. */
.hero-v2 .hero-proofline::after{
  content:'SELECTED CASE / 01';
  position:absolute;
  right:-31vw;
  bottom:-3px;
  color:rgba(255,255,255,.24);
  font-size:8px;
  letter-spacing:.32em;
  white-space:nowrap;
}

@media(max-width:1180px){
  .hero-v2 .hero-content{width:63vw!important;}
  .hero-v2 .hero-feature{width:min(61vw,860px)!important;right:-13vw!important;}
  .hero-v2 .hero-brand{font-size:clamp(126px,16.4vw,238px)!important;}
}

@media(max-width:900px){
  .hero.hero-v2{
    min-height:auto!important;
    padding:102px 24px 118px!important;
  }
  .hero.hero-v2::before{font-size:46vw;top:36%;opacity:.75;}
  .hero.hero-v2::after{right:-23vw;top:27%;width:64vw;height:56vw;opacity:.44;}
  .hero-v2 .hero-content{
    width:100%!important;
    min-height:auto!important;
    padding:2vh 0 0!important;
  }
  .hero-v2 .hero-content::before{left:-24px;top:0;width:105vw;height:68%;}
  .hero-v2 .hero-content::after{left:42%;top:29%;transform:rotate(-17deg) scale(.7);}
  .hero-v2 .hero-brand{font-size:clamp(92px,24vw,178px)!important;}
  .hero-v2 .hero-statement{width:min(92vw,650px)!important;}
  .hero-v2 .hero-feature{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:min(108%,760px)!important;
    margin:32px -4% 18px auto!important;
    transform:perspective(1300px) rotateY(-6deg) rotateZ(-1.5deg)!important;
  }
  .hero-v2 .feature-copy{margin-top:-64px!important;padding:0 26px 24px 30px!important;}
  .hero-service-rail{
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;
    margin:-70px 24px 0!important;
    grid-template-columns:repeat(3,1fr)!important;
  }
  .hero-v2 .hero-proofline::after{display:none;}
}

@media(max-width:540px){
  .hero.hero-v2{padding:92px 18px 92px!important;}
  .hero.hero-v2::before{font-size:56vw;top:28%;left:-5vw;}
  .hero.hero-v2::after{right:-38vw;top:35%;width:86vw;height:78vw;}
  .hero-v2 .hero-kicker{letter-spacing:.31em!important;}
  .hero-v2 .hero-brand{font-size:clamp(82px,25vw,126px)!important;line-height:.69!important;}
  .hero-v2 .hero-brand::before{left:48%;height:118%;}
  .hero-v2 .hero-statement{font-size:15px!important;margin-top:28px!important;width:94%!important;}
  .hero-v2 .hero-actions{width:100%;}
  .hero-v2 .hero-feature{
    width:112%!important;
    margin:28px -9% 12px 1%!important;
    transform:perspective(900px) rotateY(-4deg) rotateZ(-1.8deg)!important;
  }
  .hero-v2 .feature-topline{font-size:6.5px!important;letter-spacing:.18em!important;}
  .hero-v2 .feature-copy{margin-top:-44px!important;padding:0 18px 18px 22px!important;}
  .hero-v2 .feature-brand{font-size:30px!important;}
  .hero-v2 .feature-title{font-size:11px!important;max-width:300px;}
  .hero-service-rail{
    margin:-48px 18px 0!important;
    grid-template-columns:1fr!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
  }
  .hero-service-item{
    min-height:48px!important;
    margin:0!important;
    padding:8px 0!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .hero-v2 .hero-content::after{opacity:.62;transform:rotate(-19deg) scale(.55);left:34%;top:28%;}
}

@media(prefers-reduced-motion:reduce){
  .hero-v2 .hero-feature{transform:none!important;}
}

/* V5 depth pass: foreground planes + lighting + restrained motion. */

.hero-scene{
  perspective:1600px;
}

.hero-v2 .hero-feature{
  animation:heroFeatureFloat 8.5s ease-in-out infinite;
}

.hero-v2 .feature-shell{
  transform-style:preserve-3d;
}

.hero-v2 .feature-visual::before{
  content:'';
  position:absolute;
  z-index:5;
  inset:-1px;
  pointer-events:none;
  background:
    linear-gradient(110deg,rgba(255,255,255,.09),transparent 14% 77%,rgba(232,0,28,.13)),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 23%);
  mix-blend-mode:screen;
}

.hero-v2 .feature-copy::before{
  content:'';
  position:absolute;
  left:-13%;
  top:-30px;
  width:64%;
  height:20px;
  z-index:-1;
  background:linear-gradient(90deg,transparent 0 4%,#E8001C 17% 72%,transparent 91%);
  transform:rotate(-11deg) skewX(-31deg);
  opacity:.78;
  box-shadow:0 0 34px rgba(232,0,28,.28);
}

.hero-v2 .feature-copy::after{
  content:'';
  position:absolute;
  right:-9%;
  bottom:20%;
  width:45%;
  height:12px;
  z-index:7;
  background:linear-gradient(90deg,transparent,#fff 36%,#E8001C 37% 72%,transparent);
  transform:rotate(-23deg) skewX(-38deg);
  opacity:.48;
  pointer-events:none;
}

.hero-v2 .hero-feature .feature-topline::before{
  content:'';
  width:42px;
  height:1px;
  margin-right:11px;
  background:#E8001C;
  box-shadow:0 0 12px rgba(232,0,28,.38);
}
.hero-v2 .hero-feature .feature-topline > span:first-child{
  margin-right:auto;
}

.hero-v2 .hero-brand{
  isolation:isolate;
}
.hero-v2 .hero-brand::selection{background:#E8001C;color:#fff;}

.hero-v2 .hero-kicker,
.hero-v2 .hero-brand,
.hero-v2 .hero-statement,
.hero-v2 .hero-actions,
.hero-v2 .hero-proofline{
  animation:heroTextEnter .9s cubic-bezier(.16,1,.3,1) both;
}
.hero-v2 .hero-brand{animation-delay:.05s;}
.hero-v2 .hero-statement{animation-delay:.12s;}
.hero-v2 .hero-actions{animation-delay:.18s;}
.hero-v2 .hero-proofline{animation-delay:.24s;}

.hero-v2 .feature-shell{
  animation:heroObjectEnter 1.05s .08s cubic-bezier(.16,1,.3,1) both;
}

/* A foreground wedge cutting across the right edge gives the screenshot physical depth. */
.hero-v2 .hero-feature .project-green-rule::after{
  content:'';
  position:absolute;
  left:clamp(480px,47vw,820px);
  top:36%;
  width:260px;
  height:150px;
  background:linear-gradient(135deg,rgba(232,0,28,.88),rgba(232,0,28,.16) 64%,transparent 65%);
  clip-path:polygon(34% 0,100% 14%,72% 100%,0 78%);
  opacity:.58;
  transform:translateZ(80px) rotate(7deg);
  filter:drop-shadow(0 0 30px rgba(232,0,28,.16));
  pointer-events:none;
}

.hero-service-rail::before{
  content:'DIGITAL PRODUCTION STUDIO';
  position:absolute;
  right:0;
  top:-20px;
  color:rgba(255,255,255,.18);
  font-size:7px;
  letter-spacing:.38em;
  white-space:nowrap;
}

@keyframes heroFeatureFloat{
  0%,100%{transform:translateY(-48%) perspective(1700px) rotateY(-9deg) rotateZ(-2.2deg) translate3d(0,0,0);}
  50%{transform:translateY(calc(-48% - 7px)) perspective(1700px) rotateY(-8.2deg) rotateZ(-1.8deg) translate3d(-3px,0,0);}
}
@keyframes heroTextEnter{
  from{opacity:0;transform:translate3d(-24px,20px,0);filter:blur(4px);}
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0);}
}
@keyframes heroObjectEnter{
  from{opacity:0;transform:translate3d(70px,28px,0) scale(.965);filter:blur(5px);}
  to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);}
}

@media(max-width:900px){
  .hero-v2 .hero-feature{animation:heroFeatureFloatTablet 8.5s ease-in-out infinite;}
  .hero-v2 .hero-feature .project-green-rule::after{left:auto;right:-12%;width:180px;height:110px;}
  @keyframes heroFeatureFloatTablet{
    0%,100%{transform:perspective(1300px) rotateY(-6deg) rotateZ(-1.5deg) translateY(0);}
    50%{transform:perspective(1300px) rotateY(-5deg) rotateZ(-1.1deg) translateY(-5px);}
  }
}

@media(max-width:540px){
  .hero-v2 .feature-copy::after{display:none;}
  .hero-v2 .hero-feature .project-green-rule::after{right:-24%;top:42%;width:145px;height:90px;opacity:.46;}
  .hero-service-rail::before{display:none;}
}

@media(prefers-reduced-motion:reduce){
  .hero-v2 .hero-feature,
  .hero-v2 .hero-kicker,
  .hero-v2 .hero-brand,
  .hero-v2 .hero-statement,
  .hero-v2 .hero-actions,
  .hero-v2 .hero-proofline,
  .hero-v2 .feature-shell{
    animation:none!important;
  }
}

/* V6 typography pass — distressed DNPROD surface from the approved visual.
   Texture is contained inside the wordmark; site palette stays black/red/white. */

.hero-v2 .hero-brand .hero-brand-white,
.hero-v2 .hero-brand .hero-brand-red{
  position:relative;
  background-blend-mode:normal;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* White DN: worn ink / sanded metal. Dark marks read as missing paint against the black scene. */
.hero-v2 .hero-brand .hero-brand-white{
  background-image:
    repeating-linear-gradient(101deg,
      transparent 0 12px,
      rgba(4,4,4,.78) 12.5px 13.6px,
      transparent 14px 31px,
      rgba(4,4,4,.42) 31.4px 32.2px,
      transparent 33px 48px),
    repeating-linear-gradient(176deg,
      transparent 0 21px,
      rgba(4,4,4,.58) 21.5px 22.4px,
      transparent 23px 53px),
    radial-gradient(ellipse at 14% 28%,rgba(4,4,4,.92) 0 1.2%,transparent 1.45%),
    radial-gradient(ellipse at 31% 72%,rgba(4,4,4,.68) 0 .9%,transparent 1.18%),
    radial-gradient(ellipse at 64% 23%,rgba(4,4,4,.72) 0 .75%,transparent 1.05%),
    radial-gradient(ellipse at 78% 61%,rgba(4,4,4,.88) 0 1.15%,transparent 1.42%),
    radial-gradient(ellipse at 92% 37%,rgba(4,4,4,.55) 0 .7%,transparent .96%),
    linear-gradient(180deg,#fff 0%,#fff 35%,#d7d7d7 68%,#8f8f8f 100%)!important;
  background-size:
    79px 63px,
    113px 77px,
    100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,
    100% 100%!important;
  background-position:
    7px 4px,
    -17px 11px,
    0 0,0 0,0 0,0 0,0 0,
    0 0!important;
}

/* Red PROD gets the same physical wear, slightly stronger so the bright red does not look digitally perfect. */
.hero-v2 .hero-brand .hero-brand-red{
  background-image:
    repeating-linear-gradient(107deg,
      transparent 0 9px,
      rgba(3,3,3,.9) 9.4px 10.7px,
      transparent 11.2px 27px,
      rgba(3,3,3,.48) 27.3px 28px,
      transparent 28.5px 43px),
    repeating-linear-gradient(182deg,
      transparent 0 18px,
      rgba(3,3,3,.62) 18.4px 19.2px,
      transparent 20px 47px),
    radial-gradient(ellipse at 11% 58%,rgba(3,3,3,.88) 0 .85%,transparent 1.14%),
    radial-gradient(ellipse at 27% 21%,rgba(3,3,3,.62) 0 .66%,transparent .94%),
    radial-gradient(ellipse at 48% 76%,rgba(3,3,3,.9) 0 1.05%,transparent 1.31%),
    radial-gradient(ellipse at 69% 33%,rgba(3,3,3,.82) 0 .9%,transparent 1.18%),
    radial-gradient(ellipse at 88% 65%,rgba(3,3,3,.62) 0 .7%,transparent .98%),
    linear-gradient(180deg,#ff263d 0%,#E8001C 43%,#c30018 68%,#78000e 100%)!important;
  background-size:
    73px 59px,
    121px 71px,
    100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,
    100% 100%!important;
  background-position:
    -3px 6px,
    21px -4px,
    0 0,0 0,0 0,0 0,0 0,
    0 0!important;
  filter:drop-shadow(0 0 28px rgba(232,0,28,.24)) contrast(1.04)!important;
}

/* Subtle secondary abrasion line across the word, deliberately not animated. */
.hero-v2 .hero-brand{
  text-shadow:
    0 1px 0 rgba(255,255,255,.045),
    0 28px 42px rgba(0,0,0,.32);
}

@media(max-width:900px){
  .hero-v2 .hero-brand .hero-brand-white{
    background-size:61px 49px,89px 63px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%!important;
  }
  .hero-v2 .hero-brand .hero-brand-red{
    background-size:57px 47px,93px 59px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%!important;
  }
}

@media(max-width:540px){
  /* Preserve the distressed identity on mobile without turning small letterforms into noise. */
  .hero-v2 .hero-brand .hero-brand-white,
  .hero-v2 .hero-brand .hero-brand-red{
    background-blend-mode:normal;
  }
}

/* DNPROD Phase 3 — information architecture + portfolio hierarchy
   Stacked preview branch. Hero V6 remains untouched. */

/* Remove legacy sections that the master plan explicitly rejects. */
.stats-strip,
.stack-section{display:none!important;}
.srv-price{display:none!important;}

/* Give each section a different rhythm instead of repeating card grids. */
.portfolio{padding:clamp(88px,9vw,150px) 2rem!important;background:#050505!important;}
.portfolio .max{max-width:1380px!important;}
.portfolio .sec-label{margin-bottom:18px!important;}
.portfolio .sec-title{font-size:clamp(54px,7vw,118px)!important;max-width:900px;}

.port-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important;
  gap:clamp(18px,2vw,30px)!important;
  margin-top:clamp(42px,5vw,74px)!important;
  background:transparent!important;
}

.port-card{
  border:1px solid rgba(255,255,255,.1)!important;
  background:#080808!important;
  overflow:hidden!important;
}
.port-card:hover{background:#0b0b0b!important;}

/* Flagship — AurumTrade */
.port-card:nth-child(1){
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;
  min-height:clamp(470px,45vw,690px);
  position:relative;
  border-color:rgba(255,255,255,.16)!important;
}
.port-card:nth-child(1)::before{
  content:'FLAGSHIP / PRODUCT ENGINEERING';
  position:absolute;
  top:18px;
  right:22px;
  z-index:5;
  color:rgba(255,255,255,.38);
  font-size:8px;
  letter-spacing:.3em;
}
.port-card:nth-child(1) .port-img{
  aspect-ratio:auto!important;
  height:100%!important;
  min-height:460px;
  padding:0!important;
  background:#060608!important;
}
.port-card:nth-child(1) .port-img img{
  object-fit:cover!important;
  object-position:center top!important;
  border-radius:0!important;
  transform:scale(1.035);
}
.port-card:nth-child(1) .port-info{
  padding:clamp(34px,4vw,64px)!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    radial-gradient(circle at 100% 0,rgba(232,0,28,.12),transparent 38%),
    #090909;
}
.port-card:nth-child(1) .port-name{font-size:clamp(48px,5vw,82px)!important;line-height:.9!important;}
.port-card:nth-child(1) .port-desc{font-size:clamp(15px,1.25vw,18px)!important;max-width:540px;color:rgba(255,255,255,.68)!important;}

/* WLFF — engineering/event-commerce case */
.port-card:nth-child(2){
  grid-column:1;
  min-height:520px;
}
.port-card:nth-child(2) .port-img{aspect-ratio:16/10!important;padding:0!important;}
.port-card:nth-child(2) .port-img img{object-fit:cover!important;border-radius:0!important;}
.port-card:nth-child(2) .port-info{padding:28px 28px 32px!important;}
.port-card:nth-child(2) .port-name{font-size:clamp(34px,3vw,50px)!important;}

/* Third selected case is intentionally compact. */
.port-card:nth-child(3){
  grid-column:2;
  min-height:520px;
  display:flex!important;
  flex-direction:column;
}
.port-card:nth-child(3) .port-img{aspect-ratio:4/3!important;padding:0!important;}
.port-card:nth-child(3) .port-img img{object-fit:cover!important;border-radius:0!important;}
.port-card:nth-child(3) .port-info{padding:24px!important;flex:1;}
.port-card:nth-child(3) .port-name{font-size:clamp(30px,2.6vw,42px)!important;}

/* Fourth legacy card is removed from Selected Work. */
.port-card:nth-child(n+4){display:none!important;}

.port-tag{color:#ff3b52!important;}
.port-link{color:rgba(255,255,255,.65)!important;}
.port-link:hover{color:#fff!important;}

/* Founder-led bridge: changes rhythm between Work and Services. */
.ia-founder-strip{
  position:relative;
  overflow:hidden;
  padding:clamp(62px,7vw,100px) 2rem;
  background:#0a0a0a;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ia-founder-strip::after{
  content:'DNPROD';
  position:absolute;
  right:-.04em;
  top:50%;
  transform:translateY(-50%);
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(130px,20vw,350px);
  line-height:.8;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.045);
  white-space:nowrap;
  pointer-events:none;
}
.ia-founder-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(40px,7vw,110px);align-items:start;}
.ia-founder-kicker{font-size:10px;letter-spacing:.3em;color:#ff3b52;text-transform:uppercase;}
.ia-founder-copy{font-family:'Bebas Neue',sans-serif;font-size:clamp(42px,5vw,78px);line-height:.98;max-width:900px;}
.ia-founder-copy em{color:#E8001C;font-style:normal;}
.ia-founder-meta{margin-top:24px;display:flex;gap:16px 28px;flex-wrap:wrap;color:rgba(255,255,255,.46);font-size:10px;letter-spacing:.15em;text-transform:uppercase;}

/* Services: outcome-first, less card-like. */
.services{padding:clamp(90px,9vw,145px) 2rem!important;background:#050505!important;border-top:0!important;}
.services .max{max-width:1280px!important;}
.services .sec-title{font-size:clamp(52px,6vw,96px)!important;}
.srv-grid{grid-template-columns:1fr!important;gap:0!important;background:transparent!important;border-top:1px solid rgba(255,255,255,.14);margin-top:54px!important;}
.srv-card{
  display:grid!important;
  grid-template-columns:90px minmax(220px,.55fr) minmax(0,1.45fr)!important;
  gap:22px!important;
  align-items:start!important;
  padding:30px 0!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  background:transparent!important;
}
.srv-card:hover{background:transparent!important;}
.srv-icon{display:none!important;}
.srv-num{grid-column:1;color:#E8001C!important;margin:7px 0 0!important;}
.srv-title{grid-column:2;font-size:clamp(28px,3vw,44px)!important;margin:0!important;}
.srv-desc{grid-column:3;font-size:15px!important;max-width:670px!important;color:rgba(255,255,255,.62)!important;margin-top:5px;}

/* About + process keep their content, but section cadence becomes more deliberate. */
.process{background:#0a0a0a!important;padding-top:clamp(90px,9vw,140px)!important;padding-bottom:clamp(90px,9vw,140px)!important;}
.about{background:#050505!important;padding-top:clamp(90px,9vw,140px)!important;padding-bottom:clamp(90px,9vw,140px)!important;}
.contact{padding-top:clamp(95px,10vw,160px)!important;}

@media(max-width:900px){
  .port-grid{grid-template-columns:1fr!important;}
  .port-card:nth-child(1){grid-column:1!important;grid-template-columns:1fr!important;min-height:0;}
  .port-card:nth-child(1) .port-img{min-height:0;aspect-ratio:16/10!important;}
  .port-card:nth-child(2),.port-card:nth-child(3){grid-column:1!important;min-height:0;}
  .ia-founder-inner{grid-template-columns:1fr!important;gap:22px;}
  .srv-card{grid-template-columns:58px 1fr!important;gap:12px 18px!important;}
  .srv-num{grid-column:1;grid-row:1 / span 2;}
  .srv-title{grid-column:2;}
  .srv-desc{grid-column:2;}
}

@media(max-width:540px){
  .portfolio{padding:76px 20px!important;}
  .port-grid{margin-top:34px!important;}
  .port-card:nth-child(1) .port-info{padding:26px 20px 28px!important;}
  .port-card:nth-child(1)::before{display:none;}
  .ia-founder-strip{padding:58px 20px;}
  .ia-founder-copy{font-size:42px;}
  .services{padding:76px 20px!important;}
  .srv-card{grid-template-columns:42px 1fr!important;padding:24px 0!important;}
  .srv-title{font-size:30px!important;}
  .srv-desc{font-size:14px!important;}
}

/* DNPROD Phase 4–5 — case-study depth + positioning polish.
   Stacked on Phase 3. Hero V6 remains untouched. */

.case-study-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:28px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.09);
}
.case-study-cell{
  background:#080808;
  padding:20px 22px 22px;
  min-height:132px;
}
.case-study-label{
  margin:0 0 9px;
  font-size:9px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#ff3b52;
}
.case-study-value{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.65;
}
.case-proof-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.case-proof{
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.11);
  color:rgba(255,255,255,.48);
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(255,255,255,.015);
}
.port-card:nth-child(1) .case-proof:first-child{
  border-color:rgba(26,122,53,.48);
  color:#7ac78e;
}
.port-card:nth-child(2){position:relative;}
.port-card:nth-child(2)::before{
  content:'CASE / 02';
  position:absolute;
  top:16px;
  right:18px;
  z-index:3;
  font-size:8px;
  letter-spacing:.25em;
  color:rgba(255,255,255,.34);
}
.port-card:nth-child(2) .case-study-grid{
  grid-template-columns:1fr;
  margin-top:22px;
}
.port-card:nth-child(2) .case-study-cell{
  min-height:auto;
  padding:16px 18px;
}
.port-card:nth-child(3) .case-study-grid{display:none;}
.port-card:nth-child(3)::after{
  content:'SELECTED WEB EXPERIENCE';
  display:block;
  margin:0 24px 24px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.28);
  font-size:8px;
  letter-spacing:.2em;
}

/* Selected-work previews: preserve the full screenshots instead of cinematic cropping. */
.port-card:nth-child(2) .port-img,
.port-card:nth-child(3) .port-img{
  background:#070707!important;
  padding:14px!important;
}
.port-card:nth-child(2) .port-img img,
.port-card:nth-child(3) .port-img img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center top!important;
  transform:none!important;
  border-radius:2px!important;
}
.port-card:nth-child(2):hover .port-img img,
.port-card:nth-child(3):hover .port-img img{
  transform:none!important;
}

.positioning-manifesto{
  position:relative;
  overflow:hidden;
  padding:clamp(78px,8vw,132px) 2rem;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 78% 18%,rgba(232,0,28,.12),transparent 34%),
    linear-gradient(180deg,#070707,#0a0a0a);
}
.positioning-manifesto::before{
  content:'BUILD / SHIP / SUPPORT';
  position:absolute;
  right:2rem;
  top:24px;
  color:rgba(255,255,255,.16);
  font-size:8px;
  letter-spacing:.34em;
}
.positioning-inner{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:.5fr 1.5fr;
  gap:clamp(36px,7vw,112px);
  align-items:start;
}
.positioning-kicker{
  color:#ff3b52;
  font-size:10px;
  letter-spacing:.3em;
  text-transform:uppercase;
}
.positioning-copy{
  margin:0;
  max-width:980px;
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(48px,6vw,100px);
  line-height:.92;
  letter-spacing:.005em;
}
.positioning-copy em{color:#E8001C;font-style:normal;}
.positioning-sub{
  max-width:760px;
  margin-top:24px;
  color:rgba(255,255,255,.55);
  font-size:14px;
  line-height:1.75;
}

.about-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:30px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
}
.about-proof-item{
  background:#070707;
  padding:18px;
  min-height:132px;
}
.about-proof-num{
  color:#E8001C;
  font-size:9px;
  letter-spacing:.2em;
  margin-bottom:12px;
}
.about-proof-text{
  color:rgba(255,255,255,.62);
  font-size:13px;
  line-height:1.65;
}

/* Editorial process rows. The legacy parent was still a 4-column grid, which
   squeezed each internally gridded step into a quarter-width column. */
.process-steps{
  display:block!important;
  width:100%;
  background:transparent!important;
  gap:0!important;
  border-top:1px solid rgba(255,255,255,.12);
}
.process-steps .step{
  width:100%;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  padding:28px 0!important;
  display:grid!important;
  grid-template-columns:90px minmax(190px,.45fr) minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
}
.process-steps .step-num{grid-column:1;margin:4px 0 0!important;color:#E8001C!important;}
.process-steps .step-title{grid-column:2;font-size:clamp(26px,2.4vw,38px)!important;margin:0!important;}
.process-steps .step-desc{grid-column:3;max-width:650px!important;margin:4px 0 0!important;color:rgba(255,255,255,.58)!important;}

@media(max-width:900px){
  .case-study-grid{grid-template-columns:1fr;}
  .positioning-inner{grid-template-columns:1fr;gap:22px;}
  .about-proof{grid-template-columns:1fr;}
  .process-steps .step{grid-template-columns:56px 1fr!important;}
  .process-steps .step-num{grid-column:1;grid-row:1 / span 2;}
  .process-steps .step-title{grid-column:2;}
  .process-steps .step-desc{grid-column:2;}
}
@media(max-width:540px){
  .case-study-cell{padding:17px 16px;min-height:auto;}
  .port-card:nth-child(2) .port-img,
  .port-card:nth-child(3) .port-img{padding:10px!important;}
  .positioning-manifesto{padding:64px 20px;}
  .positioning-copy{font-size:48px;}
  .about-proof-item{padding:16px;}
  .process-steps .step{grid-template-columns:40px 1fr!important;padding:22px 0!important;gap:12px!important;}
}

/* DNPROD Phase 7 — render-cost reductions that preserve the approved visuals. */

/* Below-fold sections keep their layout box while the browser skips offscreen paint/layout work. */
.perf-deferred-section{
  content-visibility:auto;
  contain-intrinsic-size:auto 900px;
}

/* Reserve stable media areas and avoid accidental layout jumps while optimized assets decode. */
.port-img,
.feature-visual{
  contain:layout paint;
}

.port-img img,
.feature-visual img{
  backface-visibility:hidden;
}

@media(max-width:900px){
  .perf-deferred-section{contain-intrinsic-size:auto 760px;}
}

/* DNPROD Phase 9 — contact form accessibility / privacy states. */

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.form-honeypot{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

.form input[aria-invalid="true"],
.form textarea[aria-invalid="true"]{
  border-color:var(--red)!important;
  box-shadow:0 0 0 1px rgba(232,0,28,.18);
}

.form input:focus-visible,
.form select:focus-visible,
.form textarea:focus-visible,
.form button:focus-visible{
  outline:2px solid rgba(232,0,28,.85);
  outline-offset:3px;
}

.form .form-privacy{
  margin-top:10px;
  max-width:560px;
  color:rgba(255,255,255,.42);
  font-size:11px;
  line-height:1.6;
}

.form #form-msg{
  min-height:20px;
  line-height:1.5;
}

.form #form-msg[data-state="success"]{color:#b9d8bf!important;}
.form #form-msg[data-state="error"]{color:#ff6375!important;}
.form #form-msg[data-state="loading"]{color:rgba(255,255,255,.62)!important;}

.form .btn-red:disabled{
  cursor:wait;
  opacity:.58;
}

@media(max-width:540px){
  .form .form-privacy{font-size:10px;line-height:1.55;}
}

/* DNPROD Phase 10 — accessibility states without changing approved composition. */

.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 10000;
  padding: 10px 14px;
  background: #f0f0f0;
  color: #0a0a0a;
  border: 1px solid #f0f0f0;
  font: 600 13px/1.2 'Inter', sans-serif;
  letter-spacing: 0.02em;
  text-decoration: none;
  transform: translateY(-180%);
  transition: transform 0.15s ease;
}

.skip-link:focus,
.skip-link:focus-visible {
  transform: translateY(0);
  outline: 3px solid #E8001C;
  outline-offset: 2px;
}

/* Visible keyboard focus must work on dark, graphite and red surfaces. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #f0f0f0;
  outline-offset: 3px;
}

.btn-red:focus-visible,
.nav-cta:focus-visible {
  outline-color: #ffffff;
  box-shadow: 0 0 0 2px #0a0a0a;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  border-color: #f0f0f0 !important;
}

/* Keep hash navigation clear of the fixed 60px navigation bar. */
#home,
#portfolio,
#services,
#about,
#contact {
  scroll-margin-top: 82px;
}

/* Give the compact navigation controls reliable touch targets. */
.lang-current,
.burger {
  min-width: 44px;
  min-height: 44px;
}

.burger {
  align-items: center;
  justify-content: center;
}

.lang-opt {
  min-height: 44px;
}

/* Prevent hidden navigation from being exposed as an accidental focus target. */
.mobile-menu[aria-hidden="true"],
.lang-dropdown[aria-hidden="true"] {
  visibility: hidden;
}

.mobile-menu.open[aria-hidden="false"],
.lang-toggle.open .lang-dropdown[aria-hidden="false"] {
  visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
    scroll-behavior: auto !important;
  }

  .skip-link {
    transition: none !important;
  }
}

/* DNPROD Phase 12 — owner-requested visual polish.
   Narrow overrides only; no layout redesign. */

/* Desktop project links must read as deliberate CTAs, not disappear into metadata. */
@media (min-width:901px){
  #portfolio .port-link{
    display:inline-flex!important;
    align-items:center!important;
    align-self:flex-start!important;
    visibility:visible!important;
    opacity:1!important;
    margin-top:20px!important;
    padding:9px 0 8px!important;
    color:rgba(255,255,255,.92)!important;
    border-bottom:1px solid rgba(232,0,28,.7)!important;
    font-size:11px!important;
    font-weight:500!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
  }
  #portfolio .port-link:hover{
    color:#fff!important;
    border-bottom-color:#E8001C!important;
  }
}

/* AurumTrade owns its green identity only inside AurumTrade surfaces. */
.hero-v2 .feature-project-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.hero-v2 .aurum-brand-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:block;
  object-fit:cover;
  border-radius:7px;
  box-shadow:0 7px 18px rgba(0,0,0,.32),0 0 0 1px rgba(122,199,142,.18);
}
#portfolio .port-card:nth-child(1) .aurum-case-identity{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 18px;
  position:relative;
  z-index:2;
}
#portfolio .port-card:nth-child(1) .aurum-case-mark{
  width:58px;
  height:58px;
  flex:0 0 58px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 8px 18px rgba(26,122,53,.18));
}
#portfolio .port-card:nth-child(1) .aurum-case-identity span{
  color:rgba(122,199,142,.78);
  font-size:9px;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
}

/* Flagship screenshot: do not soften the source with an extra CSS zoom. */
#portfolio .port-card:nth-child(1) .port-img img{
  transform:none!important;
  filter:none!important;
  image-rendering:auto;
}
#portfolio .port-card:nth-child(1):hover .port-img img{
  transform:none!important;
}

/* Founder portrait gets a DNPROD lower-third instead of a generic photo caption. */
.about-photo-wrap{
  position:relative;
  isolation:isolate;
}
.about-photo-wrap::before{
  content:'';
  position:absolute;
  inset:-10px 10px 10px -10px;
  border-top:1px solid rgba(232,0,28,.65);
  border-left:1px solid rgba(232,0,28,.65);
  z-index:0;
  pointer-events:none;
}
.about-photo{
  position:relative;
  z-index:1;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.26);
}
.about-photo-label{
  left:14px!important;
  right:14px!important;
  bottom:14px!important;
  z-index:3;
  padding:16px 70px 15px 18px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-left:2px solid #E8001C!important;
  background:linear-gradient(100deg,rgba(5,5,5,.96),rgba(13,13,13,.88))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.36);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.about-photo-label::before{
  content:'DNPROD / FOUNDER';
  display:block;
  margin-bottom:5px;
  color:#E8001C;
  font-size:8px;
  font-weight:600;
  line-height:1;
  letter-spacing:.24em;
}
.about-photo-label::after{
  content:'DN';
  position:absolute;
  right:16px;
  top:50%;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:1px solid #E8001C;
  color:#E8001C;
  font-size:10px;
  font-weight:600;
  letter-spacing:-.02em;
}
.about-photo-label strong{
  font-family:'Bebas Neue',sans-serif;
  color:#fff!important;
  font-size:24px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.04em;
  margin-bottom:5px!important;
}
.about-photo-label p{
  color:rgba(255,255,255,.58)!important;
  font-size:9px!important;
  line-height:1.2;
  letter-spacing:.16em!important;
  text-transform:uppercase;
}

/* Phase 9 replaces the observed reveal DIV with a semantic FORM. Keep the
   replacement visibly present even if an older observer no longer owns it. */
.contact #contact-form.reveal{
  opacity:1!important;
  transform:none!important;
}
.contact #contact-form{
  position:relative;
  padding:clamp(22px,2.8vw,34px);
  border:1px solid rgba(255,255,255,.11);
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%),
    #080808;
}
.contact #contact-form::before{
  content:'PROJECT INQUIRY / DNPROD';
  display:block;
  margin-bottom:8px;
  color:rgba(255,255,255,.32);
  font-size:8px;
  letter-spacing:.24em;
}

/* Give the kicker more air above the large DNPROD wordmark. */
.hero-v2 .hero-kicker{
  margin-bottom:30px!important;
  position:relative;
  top:-4px;
}

/* Distressed wordmark — retain the physical texture, but at ~20% of V6 intensity. */
.hero-v2 .hero-brand .hero-brand-white{
  background-image:
    repeating-linear-gradient(101deg,
      transparent 0 22px,
      rgba(4,4,4,.14) 22.5px 23.2px,
      transparent 23.7px 58px,
      rgba(4,4,4,.07) 58.4px 59px,
      transparent 59.5px 86px),
    repeating-linear-gradient(176deg,
      transparent 0 36px,
      rgba(4,4,4,.10) 36.4px 37px,
      transparent 37.5px 82px),
    radial-gradient(ellipse at 18% 31%,rgba(4,4,4,.16) 0 .6%,transparent .86%),
    radial-gradient(ellipse at 66% 24%,rgba(4,4,4,.12) 0 .48%,transparent .72%),
    radial-gradient(ellipse at 84% 64%,rgba(4,4,4,.15) 0 .58%,transparent .84%),
    linear-gradient(180deg,#fff 0%,#fff 35%,#d7d7d7 68%,#8f8f8f 100%)!important;
  background-size:131px 91px,173px 113px,100% 100%,100% 100%,100% 100%,100% 100%!important;
  background-position:7px 4px,-17px 11px,0 0,0 0,0 0,0 0!important;
}

.hero-v2 .hero-brand .hero-brand-red{
  background-image:
    repeating-linear-gradient(107deg,
      transparent 0 20px,
      rgba(3,3,3,.16) 20.4px 21.1px,
      transparent 21.6px 54px,
      rgba(3,3,3,.08) 54.4px 55px,
      transparent 55.5px 84px),
    repeating-linear-gradient(182deg,
      transparent 0 34px,
      rgba(3,3,3,.11) 34.4px 35px,
      transparent 35.5px 78px),
    radial-gradient(ellipse at 14% 59%,rgba(3,3,3,.15) 0 .52%,transparent .78%),
    radial-gradient(ellipse at 50% 75%,rgba(3,3,3,.16) 0 .58%,transparent .84%),
    radial-gradient(ellipse at 83% 34%,rgba(3,3,3,.12) 0 .48%,transparent .72%),
    linear-gradient(180deg,#ff263d 0%,#E8001C 43%,#c30018 68%,#78000e 100%)!important;
  background-size:127px 87px,181px 107px,100% 100%,100% 100%,100% 100%,100% 100%!important;
  background-position:-3px 6px,21px -4px,0 0,0 0,0 0,0 0!important;
}

@media(max-width:540px){
  .hero-v2 .hero-kicker{
    margin-bottom:24px!important;
    top:-2px;
  }
  .hero-v2 .aurum-brand-icon{
    width:24px;
    height:24px;
    flex-basis:24px;
    border-radius:6px;
  }
  #portfolio .port-card:nth-child(1) .aurum-case-mark{
    width:48px;
    height:48px;
    flex-basis:48px;
  }
  #portfolio .port-card:nth-child(1) .aurum-case-identity{
    margin-bottom:14px;
  }
  .about-photo-label{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    padding:14px 60px 13px 15px!important;
  }
  .about-photo-label strong{font-size:21px!important;}
  .about-photo-label::after{right:13px;width:32px;height:32px;}
  .contact #contact-form{padding:20px 16px;}
}

/* DNPROD Phase 12.1 — owner-approved visual cleanup + LCP polish.
   Narrow overrides only: no redesign, no content expansion. */

/* The portfolio identity mark used a wide/transparent artwork that reads like
   visual noise at small size. Use the compact owned AurumTrade icon instead. */
#portfolio .port-card:nth-child(1) .aurum-case-mark{
  display:none!important;
}
#portfolio .port-card:nth-child(1) .aurum-case-identity::before{
  content:'';
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:block;
  border-radius:12px;
  border:1px solid rgba(122,199,142,.24);
  background:#07110b url('/images/aurumtrade-brand-icon.webp') center/cover no-repeat;
  box-shadow:0 8px 22px rgba(0,0,0,.34),0 0 0 1px rgba(26,122,53,.08);
}

/* Founder lower-third already says DNPROD / FOUNDER. Do not repeat the role. */
.about-photo-label p{
  display:none!important;
}
.about-photo-label strong{
  margin-bottom:0!important;
}
.about-photo-label{
  padding-top:16px!important;
  padding-bottom:15px!important;
}

/* Keep the approved campaign composition, but let the actual product screenshot
   stay crisp instead of being enlarged and washed by the foreground sheen. */
.hero-v2 .feature-visual img{
  transform:none!important;
  filter:none!important;
  object-position:center top!important;
  image-rendering:auto;
}
.hero-v2 .feature-visual::before{
  opacity:.18!important;
}
.hero-v2 .feature-visual::after{
  height:100%!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.01) 0%,transparent 58%,rgba(6,6,8,.68) 90%,#060608 100%),
    linear-gradient(90deg,rgba(0,0,0,.18),transparent 18%,transparent 82%,rgba(0,0,0,.16))!important;
}

/* Move the AurumTrade title/subtitle/live CTA away from the dashboard artwork. */
.hero-v2 .feature-copy{
  bottom:60px!important;
}

/* The critical Hero is now present in generated HTML. Do not hide the two
   largest first-paint candidates behind entrance blur/opacity animations. */
.hero-v2[data-dnprod-critical-hero] .hero-brand,
.hero-v2[data-dnprod-critical-hero] .feature-shell{
  animation:none!important;
  opacity:1!important;
}

@media(max-width:900px){
  .hero-v2 .feature-copy{bottom:52px!important;}
}

@media(max-width:540px){
  #portfolio .port-card:nth-child(1) .aurum-case-identity::before{
    width:48px;
    height:48px;
    flex-basis:48px;
    border-radius:10px;
  }
  .hero-v2 .feature-copy{bottom:34px!important;}
}