/* Base shell and shared layout styles */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}



  body{
    background:linear-gradient(180deg,#15121F 0%,#1B1628 24%,#15121F 48%,#191424 72%,#15121F 100%);
    color:var(--text);
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:1rem;
    line-height:1.6;
    overflow-x:hidden;
    cursor:none;
  }
  .bg-mesh{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;}
  .bg-mesh::before,.bg-mesh::after,.bg-mesh .blob3{content:'';position:absolute;border-radius:50%;filter:blur(100px);}
  .bg-mesh::before{width:620px;height:620px;background:var(--violet);opacity:0.16;top:-140px;right:-180px;}
  .bg-mesh::after{width:520px;height:520px;background:var(--spark);opacity:0.13;top:55%;left:-160px;}
  .bg-mesh .blob3{width:480px;height:480px;background:var(--violet);opacity:0.11;bottom:-160px;right:8%;}
  @media(hover:none),(pointer:coarse){ body{cursor:auto;} }

  a{color:inherit;}
  img{max-width:100%;display:block;}
  ::selection{background:var(--violet);color:#fff;}

  /* ── GRAIN OVERLAY ── */
  .grain{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:0.035;mix-blend-mode:multiply;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* ── CUSTOM CURSOR ── */
  .cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%);will-change:transform;}
  .cursor-dot{width:6px;height:6px;background:var(--spark);transition:opacity .2s;}
  .cursor-ring{width:34px;height:34px;border:1.5px solid var(--violet);transition:width .25s,height .25s,border-color .25s,background .25s,opacity .2s;}
  .cursor-ring.hover{width:56px;height:56px;background:rgba(108,63,232,0.08);border-color:var(--spark);}
  @media(hover:none),(pointer:coarse){ .cursor-dot,.cursor-ring{display:none;} }

  /* ── NAV ── */
  nav{
    position:sticky; top:0; z-index:100;
    display:flex; justify-content:space-between; align-items:center;
    padding:1.2rem 6vw;
    background:rgba(21,18,31,0.78);
    backdrop-filter:blur(12px);
    border-bottom:1.5px solid var(--mist);
    transition:padding .3s ease;
  }
  nav.scrolled{padding:0.75rem 6vw;}
  .logo{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-0.02em;color:var(--grape);text-decoration:none;display:flex;align-items:center;gap:0.4rem;}
  .nav-logo-emblem{height:38px;width:auto;display:block;animation:spin 12s linear infinite;transform-origin:center;}
  .nav-logo-wordmark{height:26px;width:auto;display:block;}
  .footer-logo-emblem{height:26px;width:auto;display:block;animation:spin 12s linear infinite;transform-origin:center;}
  .footer-logo-wordmark{height:18px;width:auto;display:block;}
  .logo{transition:transform .25s cubic-bezier(.2,.8,.2,1);}
  .logo:hover{transform:scale(1.06);}
  .logo:hover .nav-logo-emblem,.logo:hover .footer-logo-emblem{animation-duration:2.5s;}
  .logo span{color:var(--spark);}
  .logo-mark{width:20px;height:20px;border-radius:5px;background:conic-gradient(from 180deg,var(--violet),var(--spark),var(--violet));animation:spin 6s linear infinite;}
  @keyframes spin{to{transform:rotate(360deg);}}
  .nav-links{display:flex;gap:2.2rem;list-style:none;align-items:center;}
  .nav-links a{position:relative;font-size:0.85rem;font-weight:500;color:var(--mid);text-decoration:none;transition:color .2s;padding-bottom:4px;}
  .nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--spark);transition:width .25s ease;}
  .nav-links a:hover{color:var(--grape);}
  .nav-links a:hover::after{width:100%;}
  .nav-cta{background:var(--violet);color:#fff!important;padding:0.6rem 1.4rem;border-radius:100px;font-weight:500!important;font-size:0.82rem!important;}
  .nav-cta::after{display:none;}
  .nav-cta:hover{background:var(--spark)!important;}
  .nav-toggle{display:none;background:none;border:none;font-size:1.4rem;color:var(--grape);cursor:pointer;}

  /* ── HERO (dark, cyberpunk-lux contrast) ── */
  .hero{
    position:relative;
    background:radial-gradient(ellipse 120% 80% at 50% -10%,#17181C 0%,var(--ink) 55%);
    color:#fff;
    padding:6rem 6vw 5rem;
    overflow:hidden;
    isolation:isolate;
  }
  .hero-orb{position:absolute;width:520px;height:520px;border-radius:50%;
    background:radial-gradient(circle,var(--violet-glow) 0%,transparent 70%);
    filter:blur(10px);pointer-events:none;z-index:0;
    left:var(--ox,50%);top:var(--oy,20%);transform:translate(-50%,-50%);
    transition:left .6s cubic-bezier(.2,.8,.2,1),top .6s cubic-bezier(.2,.8,.2,1);
  }
  .hero-grid{position:absolute;inset:0;z-index:0;opacity:0.25;
    background-image:linear-gradient(rgba(108,63,232,0.25) 1px,transparent 1px),linear-gradient(90deg,rgba(108,63,232,0.25) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 30%,transparent 75%);
  }
  .hero-inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr 0.85fr;gap:3rem;align-items:center;}
  .hero-text{text-align:left;}
  .eyebrow{display:flex;align-items:center;gap:0.6rem;font-family:'Space Mono',monospace;font-size:0.72rem;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;color:var(--spark);margin-bottom:1.6rem;opacity:0;animation:fadeUp .7s ease forwards;}
  .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--spark);animation:pulse 1.8s ease-in-out infinite;}
  .hero h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(2.3rem,5.4vw,4.2rem);font-weight:800;line-height:1.02;letter-spacing:-0.03em;margin-bottom:0.9rem;}
  .hero h1 .line{display:block;overflow:hidden;}
  .hero h1 .line span{display:inline-block;transform:translateY(110%);animation:lineUp .8s cubic-bezier(.2,.9,.25,1) forwards;}
  .hero h1 em{font-style:italic;background:linear-gradient(100deg,var(--spark),var(--violet) 70%);-webkit-background-clip:text;background-clip:text;color:transparent;}
  @keyframes lineUp{to{transform:translateY(0);}}

  /* Typed role line */
  .hero-role{font-family:'Space Mono',monospace;font-size:clamp(1rem,2vw,1.25rem);color:#C9C4E0;margin-bottom:1.4rem;opacity:0;animation:fadeUp .7s ease .35s forwards;display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;}
  .hero-role .prefix{color:#8B85AD;}
  .hero-role .typed{color:var(--spark);font-weight:700;}
  .hero-role .caret{display:inline-block;width:2px;height:1.1em;background:var(--spark);animation:blink .8s step-end infinite;}
  @keyframes blink{50%{opacity:0;}}

  .hero p{font-size:1.1rem;color:#C9C4E0;max-width:560px;margin-bottom:2.3rem;opacity:0;animation:fadeUp .7s ease .5s forwards;}
  .hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeUp .7s ease .65s forwards;}

  /* Hero photo — angled/tilted card */
  .hero-photo-wrap{position:relative;display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeUp .8s ease .3s forwards;padding:1.5rem;}
  .hero-photo-backcard{position:absolute;width:min(320px,76%);aspect-ratio:1/1.05;border-radius:26px;
    background:linear-gradient(135deg,var(--violet),var(--spark));
    transform:rotate(-9deg) translate(14px,10px);opacity:0.35;z-index:0;
  }
  .hero-photo-frame{position:relative;width:min(340px,80%);aspect-ratio:1/1.05;border-radius:28px;overflow:hidden;
    background:linear-gradient(150deg,#2a2050,#1a1530);
    border:1.5px solid rgba(255,255,255,0.15);
    transform:rotate(5deg);
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.5);
    z-index:1;
    transition:transform .4s cubic-bezier(.2,.8,.2,1);
  }
  .hero-photo-wrap:hover .hero-photo-frame{transform:rotate(0deg) scale(1.02);}
  .hero-photo-frame::before{content:'';position:absolute;inset:-2px;z-index:-1;border-radius:30px;
    background:conic-gradient(from 120deg,var(--violet),var(--spark),var(--violet));opacity:0.6;filter:blur(2px);
  }
  .hero-photo-frame img{width:100%;height:100%;object-fit:cover;display:block;}
  .hero-photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.8rem;color:#8B85AD;text-align:center;padding:2rem;}
  .hero-photo-placeholder .icon{font-size:2.4rem;opacity:0.5;}
  .hero-photo-placeholder .txt{font-family:'Space Mono',monospace;font-size:0.72rem;letter-spacing:0.04em;text-transform:uppercase;line-height:1.7;}
  .hero-photo-tag{position:absolute;bottom:2px;right:2%;background:var(--paper-gradient);color:var(--grape);font-family:'Space Mono',monospace;font-size:0.72rem;font-weight:700;padding:0.55rem 1.1rem;border-radius:100px;box-shadow:0 8px 24px rgba(0,0,0,0.35);display:flex;align-items:center;gap:0.4rem;transform:rotate(-4deg);z-index:2;}
  .hero-photo-tag .dot2{width:7px;height:7px;border-radius:50%;background:#22c55e;}

  @media(max-width:900px){
    .hero-inner{grid-template-columns:1fr;text-align:center;}
    .hero-text{text-align:center;}
    .hero-role{justify-content:center;}
    .hero p{margin-left:auto;margin-right:auto;}
    .hero-ctas{justify-content:center;}
    .hero-photo-wrap{order:-1;margin-bottom:1rem;}
  }

  @keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
  @keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.4);opacity:.5;}}

  .btn-primary{display:inline-block;background:var(--violet);color:#fff;font-weight:500;font-size:0.95rem;padding:0.9rem 2.1rem;border-radius:100px;text-decoration:none;transition:background .2s,transform .15s;border:none;cursor:pointer;}
  .btn-primary:hover{background:var(--spark);transform:translateY(-2px);}
  .btn-outline-dark{display:inline-block;background:transparent;color:#fff;font-weight:500;font-size:0.95rem;padding:0.9rem 2.1rem;border-radius:100px;text-decoration:none;border:1.5px solid rgba(255,255,255,0.3);transition:all .2s;}
  .btn-outline-dark:hover{border-color:#fff;background:rgba(255,255,255,0.08);transform:translateY(-2px);}
  .btn-outline{display:inline-block;background:transparent;color:var(--grape);font-weight:500;font-size:0.95rem;padding:0.85rem 2rem;border-radius:100px;text-decoration:none;border:1.5px solid var(--grape);transition:all .2s;}
  .btn-outline:hover{background:var(--violet);color:#fff;transform:translateY(-2px);}
  .btn-light{display:inline-block;background:var(--spark);color:#fff;font-weight:500;font-size:0.95rem;padding:0.85rem 2rem;border-radius:100px;text-decoration:none;white-space:nowrap;transition:opacity .2s,transform .15s;}
  .btn-light:hover{opacity:.88;transform:translateY(-2px);}

  /* ── MARQUEE (HUD strip) ── */
  .marquee-strip{background:var(--ink-2);border-top:1px solid rgba(108,63,232,0.4);border-bottom:1px solid rgba(108,63,232,0.4);overflow:hidden;padding:0.9rem 0;position:relative;z-index:2;}
  .marquee-track{display:flex;width:max-content;animation:scrollLeft 28s linear infinite;}
  .marquee-track span{font-family:'Space Mono',monospace;font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:#8B85AD;padding:0 2rem;white-space:nowrap;display:flex;align-items:center;gap:2rem;}
  .marquee-track span b{color:var(--spark);font-weight:700;}
  @keyframes scrollLeft{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  .divider{height:1.5px;background:linear-gradient(90deg,transparent,var(--mist) 15%,var(--mist) 85%,transparent);margin:0 6vw;}

  /* ── REVEAL utility ── */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.in-view{opacity:1;transform:translateY(0);}

  /* ── SECTION LABEL ── */
  .section-label{font-family:'Space Mono',monospace;font-size:0.72rem;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;color:var(--violet);padding:3.8rem 6vw 1rem;}
  .cat-title{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;color:var(--grape);padding:0 6vw 0.5rem;letter-spacing:-0.02em;}
  .cat-desc{font-size:1rem;color:var(--mid);padding:0 6vw 2.5rem;max-width:640px;}

  /* ── STATS BAND ── */
  .stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;padding:3.5rem 6vw;}
  .stat-num{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;color:var(--violet);letter-spacing:-0.02em;}
  .stat-label{font-family:'Space Mono',monospace;font-size:0.72rem;color:var(--mid);margin-top:0.4rem;text-transform:uppercase;letter-spacing:0.04em;}

  /* ── ABOUT / EXPERTISE ── */
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:0 6vw 4rem;}
  .expertise-card{background:var(--paper-gradient);border:1.5px solid var(--mist);border-radius:16px;padding:1.9rem;transition:border-color .25s,transform .25s,box-shadow .25s;}
  .expertise-card:hover{border-color:#c4b5fd;transform:translateY(-5px);box-shadow:0 16px 36px rgba(108,63,232,0.12);}
  .expertise-card h3{font-family:'Bricolage Grotesque',sans-serif;font-size:1.05rem;font-weight:700;color:var(--grape);margin-bottom:0.6rem;}
  .expertise-card p{font-size:0.9rem;color:var(--mid);}

  /* ── SERVICE CARDS ── */
  .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;padding:0 6vw 4rem;}
  .card{background:var(--paper-gradient);border:1.5px solid var(--mist);border-radius:16px;padding:1.85rem;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden;}
  .card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--violet),var(--spark));opacity:0;transition:opacity .25s;}
  .card:hover{border-color:#c4b5fd;transform:translateY(-5px);box-shadow:0 16px 36px rgba(108,63,232,0.12);}
  .card:hover::before{opacity:1;}
  .card-icon{font-size:1.75rem;margin-bottom:1rem;display:block;}
  .card h3{font-family:'Bricolage Grotesque',sans-serif;font-size:1.05rem;font-weight:700;color:var(--grape);margin-bottom:0.5rem;}
  .card p{font-size:0.9rem;color:var(--mid);line-height:1.6;}
  .card-tag{display:inline-block;margin-top:1rem;font-family:'Space Mono',monospace;font-size:0.68rem;font-weight:400;letter-spacing:0.06em;text-transform:uppercase;color:var(--violet);background:var(--mist);padding:0.3rem 0.65rem;border-radius:100px;}

  /* ── PORTFOLIO ── */
  .portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:0 6vw 4rem;}
  .portfolio-item{display:block;text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;border:1.5px solid var(--mist);background:var(--ink);position:relative;cursor:none;}
  .portfolio-thumb{aspect-ratio:4/3;background:linear-gradient(135deg,#17181C,#3A1A8A 60%,#6C3FE8);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
  .portfolio-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,0.75) 100%);opacity:0;transition:opacity .3s;}
  .portfolio-item:hover .portfolio-thumb::after{opacity:1;}
  .portfolio-thumb span{font-family:'Space Mono',monospace;font-weight:700;color:rgba(255,255,255,0.55);font-size:0.8rem;letter-spacing:0.05em;text-transform:uppercase;transition:transform .35s ease;}
  .portfolio-item:hover .portfolio-thumb span{transform:scale(1.08);}
  .portfolio-info{position:absolute;left:0;right:0;bottom:0;padding:1.2rem 1.4rem;transform:translateY(8px);opacity:0;transition:opacity .3s,transform .3s;z-index:2;}
  .portfolio-item:hover .portfolio-info{opacity:1;transform:translateY(0);}
  .portfolio-info h4{font-family:'Bricolage Grotesque',sans-serif;font-size:0.95rem;font-weight:700;color:#fff;}
  .portfolio-info p{font-family:'Space Mono',monospace;font-size:0.72rem;color:var(--spark);margin-top:0.2rem;text-transform:uppercase;letter-spacing:0.04em;}
  .portfolio-note{margin:0 6vw 3rem;padding:1rem 1.4rem;background:var(--mist);border-radius:12px;font-size:0.85rem;color:var(--grape);}

  /* ── TESTIMONIALS marquee ── */
  .rating-badge{display:flex;align-items:center;gap:0.7rem;margin:0 6vw 2rem;}
  .rating-badge .stars{color:var(--spark);font-size:1.1rem;letter-spacing:2px;}
  .rating-badge .rtext{font-size:0.9rem;color:var(--mid);}
  .rating-badge .rtext b{color:var(--grape);}
  .testi-marquee{overflow:hidden;padding:0 0 4rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
  .testi-track{display:flex;gap:1.25rem;width:max-content;animation:scrollLeft 40s linear infinite;padding:0 6vw;}
  .testi-track:hover{animation-play-state:paused;}
  .testi-card{background:var(--paper-gradient);border:1.5px dashed #c4b5fd;border-radius:16px;padding:1.75rem;width:320px;flex-shrink:0;}
  .testi-quote{font-size:0.92rem;color:var(--mid);font-style:italic;line-height:1.65;margin-bottom:1.2rem;}
  .testi-author{display:flex;align-items:center;gap:0.7rem;}
  .testi-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--spark));flex-shrink:0;}
  .testi-name{font-family:'Bricolage Grotesque',sans-serif;font-size:0.88rem;font-weight:700;color:var(--grape);}
  .testi-role{font-family:'Space Mono',monospace;font-size:0.7rem;color:var(--mid);}

  /* ── CTA BAND ── */
  .cta-band{background:var(--ink);margin:1rem 6vw 5rem;border-radius:20px;padding:3.8rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;overflow:hidden;border:1.5px solid rgba(255,255,255,0.08);}
  .cta-band::before{content:'';position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,var(--violet-glow),transparent 70%);top:-120px;right:-80px;filter:blur(20px);}
  .cta-band h2{position:relative;z-index:1;font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:800;color:#fff;letter-spacing:-0.02em;max-width:480px;line-height:1.2;}
  .cta-band h2 em{color:var(--spark);font-style:normal;}
  .cta-links{position:relative;z-index:1;display:flex;gap:0.9rem;flex-wrap:wrap;}

  /* ── FOOTER ── */
  footer{border-top:1.5px solid var(--mist);padding:2rem 6vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;font-size:0.82rem;color:var(--mid);}
  .footer-logo-link{justify-self:start;}
  .footer-socials{justify-self:center;}
  .footer-copyright{justify-self:end;text-align:right;}
  @media(max-width:700px){
    footer{grid-template-columns:1fr;justify-items:center;text-align:center;gap:1.25rem;}
    .footer-logo-link,.footer-socials,.footer-copyright{justify-self:center;}
  }
  .footer-socials{display:flex;gap:0.7rem;}
  .footer-socials a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    border:1.5px solid var(--mist);color:var(--mid);background:var(--paper-gradient);text-decoration:none;
    transition:background .25s,border-color .25s,color .25s,transform .25s;}
  .footer-socials a:hover{background:var(--violet);border-color:var(--violet);color:#fff;transform:translateY(-3px);}
  .footer-socials svg{width:17px;height:17px;}
  .footer-socials .icon-text{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:0.85rem;line-height:1;}
  .footer-logo-link{gap:0.32rem;}

  /* magnetic wrapper */
  .magnetic{display:inline-block;transition:transform .15s ease-out;}

  @media(max-width:820px){
    .about-grid{grid-template-columns:1fr;}
    .stats{grid-template-columns:repeat(2,1fr);}
  }
  @media(max-width:700px){
    .nav-links{position:fixed;top:60px;left:0;right:0;background:var(--canvas);flex-direction:column;padding:1.5rem 6vw;border-bottom:1.5px solid var(--mist);display:none;gap:1.2rem;align-items:flex-start;}
    .nav-links.open{display:flex;}
    .nav-toggle{display:block;}
    .cards{grid-template-columns:1fr;}
    .cta-band{text-align:center;justify-content:center;}
    .hero-orb{display:none;}
  }

  /* ── COMPACT PAGE HEADER (for inner pages) ── */
  .page-header{
    position:relative;
    background:radial-gradient(ellipse 120% 100% at 50% -10%,#17181C 0%,var(--ink) 55%);
    color:#fff;
    padding:4.5rem 6vw 3.5rem;
    overflow:hidden;
    isolation:isolate;
  }
  .page-header .hero-grid{position:absolute;inset:0;z-index:0;opacity:0.25;
    background-image:linear-gradient(rgba(108,63,232,0.25) 1px,transparent 1px),linear-gradient(90deg,rgba(108,63,232,0.25) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 30%,transparent 75%);
  }
  .page-header-inner{position:relative;z-index:2;max-width:820px;}
  .page-header h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(2.1rem,4.6vw,3.2rem);font-weight:800;line-height:1.05;letter-spacing:-0.03em;margin-bottom:0.9rem;opacity:0;animation:fadeUp .7s ease .1s forwards;}
  .page-header h1 em{font-style:italic;background:linear-gradient(100deg,var(--spark),var(--violet) 70%);-webkit-background-clip:text;background-clip:text;color:transparent;}
  .page-header p{font-size:1.05rem;color:#C9C4E0;max-width:560px;opacity:0;animation:fadeUp .7s ease .2s forwards;}

  /* ── NAV active state ── */
  .nav-links a.active{color:var(--grape);}
  .nav-links a.active::after{width:100%;}

  /* ── CONTACT PAGE ── */
  .contact-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:2rem;padding:3.5rem 6vw 4rem;}
  .contact-card{background:var(--paper-gradient);border:1.5px solid var(--mist);border-radius:16px;padding:2rem;}
  .contact-list{display:flex;flex-direction:column;gap:1rem;}
  .contact-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:var(--paper-gradient);border:1.5px solid var(--mist);border-radius:12px;text-decoration:none;transition:border-color .2s,transform .2s;}
  .contact-row:hover{border-color:#c4b5fd;transform:translateX(4px);}
  .contact-row .label{font-family:'Space Mono',monospace;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--violet);display:block;margin-bottom:0.2rem;}
  .contact-row .value{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;color:var(--grape);font-size:0.98rem;}
  .contact-row .arrow{color:var(--spark);font-size:1.1rem;}
  @media(max-width:820px){ .contact-grid{grid-template-columns:1fr;} }