:root{
    --black:#0D0D0D;
    --near-black:#161616;
    --yellow:#FFC800;
    --yellow-dark:#E0AC00;
    --off:#F1F0EA;
    --off-2:#E8E7DF;
    --gray:#6B6B66;
    --line-dark:rgba(255,255,255,.16);
    --line-light:rgba(0,0,0,.15);
    --white:#FFFFFF;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter',Arial,sans-serif;
    background:var(--off);
    color:var(--black);
    line-height:1.6;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block;}
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  .mono{font-family:'Space Mono',monospace;}
  .container{max-width:1240px;margin:0 auto;padding:0 28px;}
  .display{
    font-family:'Anton',sans-serif;
    font-weight:400;
    text-transform:uppercase;
    line-height:.92;
    letter-spacing:-.5px;
  }
  section{padding:110px 0;position:relative;}
  @media(max-width:768px){section{padding:70px 0;}}

  /* fixed frame overlay: crosshairs + contrast-adaptive nav via mix-blend-mode */
  .frame-overlay{
    position:fixed;inset:0;pointer-events:none;z-index:500;
    mix-blend-mode:difference;
  }
  .frame-overlay span{
    position:absolute;color:#fff;font-size:16px;line-height:1;
  }
  .frame-overlay .tl{top:18px;left:18px;}
  .frame-overlay .tr{top:18px;right:18px;}
  .frame-overlay .bl{bottom:18px;left:18px;}
  .frame-overlay .br{bottom:18px;right:18px;}

  header{
    position:fixed;top:0;left:0;right:0;z-index:600;
    background:transparent;
    border-bottom:1px solid transparent;
    padding:22px 0;
    transition:background .3s ease, border-color .3s ease, padding .3s ease;
  }
  header.scrolled{
    background:rgba(13,13,13,.96);
    border-bottom-color:var(--line-dark);
    padding:14px 0;
  }
  .nav-wrap{
    display:flex;align-items:center;justify-content:space-between;
    max-width:1240px;margin:0 auto;padding:0 28px;
    color:#fff;
  }
  .wordmark{
    font-family:'Space Mono',monospace;
    font-weight:700;
    font-size:14px;
    letter-spacing:.5px;
    color:#fff;
  }
  nav ul{display:flex;gap:34px;}
  nav a{
    font-family:'Space Mono',monospace;
    font-size:12px;
    letter-spacing:.5px;
    text-transform:uppercase;
    color:#fff;
  }
  .nav-cta{display:flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:12px;text-transform:uppercase;color:#fff;letter-spacing:.5px;}
  .nav-cta .dot{width:8px;height:8px;background:#fff;display:inline-block;}
  .menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;}
  .menu-toggle span{width:22px;height:2px;background:#fff;display:block;}
  @media(max-width:860px){
    nav{display:none;}
    .menu-toggle{display:flex;}
  }

  /* buttons */
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Space Mono',monospace;
    font-size:12px;letter-spacing:.5px;text-transform:uppercase;
    padding:16px 30px;border:1px solid currentColor;
    transition:all .25s ease;
    cursor:pointer;
  }
  .btn-dark{color:var(--black);}
  .btn-dark:hover{background:var(--black);color:var(--white);}
  .btn-light{color:var(--white);}
  .btn-light:hover{background:var(--white);color:var(--black);}
  .btn-yellow{background:var(--yellow);color:var(--black);border-color:var(--yellow);font-weight:700;}
  .btn-yellow:hover{background:var(--black);color:var(--yellow);border-color:var(--black);}

  /* echo/ghost duplicate text effect */
  .echo{position:relative;display:block;}
  .echo .ghost{
    position:absolute;top:0;left:0;width:100%;
    color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.14);
    transform:translate(6px,6px);z-index:-1;
    user-select:none;
  }
  .on-dark .echo .ghost{-webkit-text-stroke:1px rgba(255,255,255,.14);}

  .eyebrow{
    font-family:'Space Mono',monospace;
    font-size:12px;letter-spacing:2px;text-transform:uppercase;
    color:var(--yellow-dark);display:inline-block;margin-bottom:18px;
  }
  .on-dark .eyebrow{color:var(--yellow);}

  .hero-brand{display:flex;align-items:center;margin-bottom:26px;}
  .hero-logo{height:52px;width:auto;display:block;}

  /* HERO */
  .hero{
    background:var(--black);color:var(--white);
    min-height:auto;display:flex;align-items:center;
    padding:150px 0 70px;
  }
  .hero h1{font-size:clamp(44px,8vw,104px);color:var(--white);}
  .hero h1 .yl{color:var(--yellow);}
  .hero-sub{
    max-width:560px;margin:34px 0 44px;font-size:17px;color:#C9C9C4;
  }
  .hero-actions{display:flex;flex-wrap:wrap;gap:16px;}
  .hero-stats{
    display:grid;grid-template-columns:repeat(2,1fr);
    border-top:1px solid var(--line-dark);max-width:640px;
  }
  .hero-stats div{padding:20px 20px 0 0;border-right:1px solid var(--line-dark);}
  .hero-stats div:last-child{border-right:none;}
  .hero-stats strong{display:block;font-family:'Anton',sans-serif;font-size:26px;color:var(--yellow);text-transform:uppercase;}
  .hero-stats span{font-family:'Space Mono',monospace;font-size:11px;color:#9c9c97;text-transform:uppercase;letter-spacing:.5px;}

  /* TRUST STRIP */
  .trust{
    background:var(--yellow);color:var(--black);
    padding:22px 0;border-top:1px solid var(--black);border-bottom:1px solid var(--black);
  }
  .trust .container{
    display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;
    font-family:'Space Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;
  }

  /* BRANDS BELT */
  .brands{background:var(--black);padding:56px 0;overflow:hidden;border-bottom:1px solid var(--line-dark);}
  .brands .brands-label{
    display:block;text-align:center;font-family:'Space Mono',monospace;font-size:12px;
    letter-spacing:2px;text-transform:uppercase;color:var(--yellow);margin-bottom:36px;
  }
  .brands-marquee{
    overflow:hidden;width:100%;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  }
  .brands-track{display:flex;align-items:center;gap:64px;width:max-content;animation:brandsScroll 34s linear infinite;}
  .brands-track img{height:30px;width:auto;flex:0 0 auto;opacity:.82;transition:opacity .2s ease;}
  .brands-track:hover img{opacity:1;}
  @keyframes brandsScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
  @media(prefers-reduced-motion:reduce){.brands-track{animation-play-state:paused;}}
  @media(max-width:640px){.brands-track{gap:38px;}.brands-track img{height:24px;}}

  /* SECTION HEAD */
  .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:60px;flex-wrap:wrap;border-bottom:1px solid var(--line-light);padding-bottom:34px;}
  .on-dark .sec-head{border-bottom:1px solid var(--line-dark);}
  .sec-head h2{font-size:clamp(38px,6vw,72px);}
  .sec-head p{max-width:340px;font-size:14px;color:var(--gray);}
  .on-dark .sec-head p{color:#B9B9B4;}

  /* SERVICES — numbered editorial rows */
  .services{background:var(--off);}
  .svc-list{
    display:flex;align-items:stretch;gap:0;
  }
  .svc-col{display:flex;flex-direction:column;flex:1;min-width:0;}
  .svc-col-right{margin-top:90px;}
  .svc-bolt-rail{
    display:flex;flex-direction:column;align-items:center;justify-content:space-around;
    padding:40px 24px;pointer-events:none;position:relative;flex:0 0 auto;
  }
  .svc-bolt-rail::before{
    content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;
    transform:translateX(-50%);z-index:-1;opacity:.35;
    background:linear-gradient(var(--line-light),var(--yellow-dark),var(--line-light));
  }
  .svc-bolt{width:24px;height:auto;}
  .svc-bolt path{fill:var(--yellow);}
  .svc-bolt{
    filter:drop-shadow(0 0 4px rgba(255,200,0,.85)) drop-shadow(0 0 12px rgba(255,200,0,.5));
    animation:boltFlicker 2.6s ease-in-out infinite;
  }
  .svc-bolt-rail .svc-bolt:nth-child(2){animation-delay:.5s;}
  .svc-bolt-rail .svc-bolt:nth-child(3){animation-delay:1.1s;}
  .svc-bolt-rail .svc-bolt:nth-child(4){animation-delay:1.7s;}
  @keyframes boltFlicker{
    0%,100%{opacity:1;}
    4%{opacity:.35;}
    8%{opacity:1;}
    13%{opacity:.5;}
    18%{opacity:1;}
    52%{opacity:.85;}
    56%{opacity:1;}
    78%{opacity:.4;}
    83%{opacity:1;}
  }
  .svc-row{
    display:grid;grid-template-columns:90px 1fr 50px;gap:22px;align-items:center;
    padding:34px 0;border-top:1px solid var(--line-light);
    transition:background .3s ease,padding-left .3s ease,transform .3s ease;
    position:relative;
  }
  .svc-row:last-child{border-bottom:1px solid var(--line-light);}
  .svc-row:hover,.svc-row.active{background:var(--off-2);padding-left:14px;transform:scale(1.015);transform-origin:left center;}
  .svc-num{
    font-family:'Anton',sans-serif;font-size:44px;line-height:1;
    color:transparent;-webkit-text-stroke:1px var(--line-light);
    transition:color .3s ease,-webkit-text-stroke .3s ease;
  }
  .svc-row:hover .svc-num,.svc-row.active .svc-num{-webkit-text-stroke:1px var(--yellow-dark);color:rgba(255,200,0,.12);}
  .svc-body{display:flex;flex-direction:column;gap:8px;}
  .svc-title{
    font-family:'Anton',sans-serif;font-size:21px;text-transform:uppercase;letter-spacing:-.2px;
    transition:color .3s ease;
  }
  .svc-row.active .svc-title{color:var(--yellow-dark);}
  .svc-desc{font-size:13px;color:var(--gray);max-width:460px;}
  .svc-arrow{
    font-family:'Space Mono',monospace;font-size:18px;color:var(--yellow-dark);
    text-align:right;opacity:0;transform:translateX(-10px);
    transition:opacity .25s ease,transform .25s ease;
  }
  .svc-row:hover .svc-arrow,.svc-row.active .svc-arrow{opacity:1;transform:translateX(0);}
  @media(max-width:820px){
    .svc-list{flex-direction:column;}
    .svc-col-right{margin-top:0;}
    .svc-bolt-rail{display:none;}
  }
  @media(max-width:700px){
    .svc-row{grid-template-columns:56px 1fr;gap:14px;padding:26px 0;}
    .svc-num{font-size:32px;}
    .svc-arrow{display:none;}
  }

  /* WORK / INSTAGRAM CTA */
  .work-cta{background:var(--black);color:var(--white);text-align:center;}
  .work-cta h2{font-size:clamp(36px,7vw,88px);margin-bottom:26px;}
  .work-cta p{color:#B9B9B4;font-size:14px;margin-bottom:40px;font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.5px;}
  .ig-grid{
    display:grid;grid-template-columns:repeat(6,1fr);
    border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark);
    max-width:960px;margin:0 auto 40px;
  }
  .ig-grid .ig-tile{
    position:relative;aspect-ratio:1/1;
    border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);
    display:flex;align-items:center;justify-content:center;
    font-family:'Space Mono',monospace;font-size:10px;color:#666;
    transition:opacity .6s ease,transform .45s cubic-bezier(.2,.8,.2,1),background .2s ease,box-shadow .4s ease;
    cursor:pointer;
  }
  .ig-grid .ig-tile:hover{background:#161616;color:var(--yellow);transform:scale(1.08);z-index:5;box-shadow:0 20px 44px rgba(0,0,0,.55);}
  .ig-tile a{position:absolute;inset:0;}
  .ig-tile .ig-zoom{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    background:rgba(13,13,13,0);opacity:0;transition:opacity .35s ease,background .35s ease;pointer-events:none;
  }
  .ig-tile:hover .ig-zoom{opacity:1;background:rgba(13,13,13,.32);}
  .ig-tile .ig-zoom svg{width:24px;height:24px;stroke:var(--yellow);transform:scale(.6);transition:transform .35s cubic-bezier(.2,.8,.2,1);}
  .ig-tile:hover .ig-zoom svg{transform:scale(1);}
  .ig-tile .ig-caption{
    position:absolute;left:0;right:0;bottom:0;padding:10px 12px;
    font-family:'Space Mono',monospace;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;
    color:var(--yellow);background:linear-gradient(transparent,rgba(0,0,0,.9));
    transform:translateY(100%);transition:transform .35s ease;pointer-events:none;
  }
  .ig-tile:hover .ig-caption{transform:translateY(0);}
  .ig-grid .ig-tile:nth-child(1){transition-delay:0s,0s,0s,0s;}
  .ig-grid .ig-tile:nth-child(2){transition-delay:.08s,.08s,0s,0s;}
  .ig-grid .ig-tile:nth-child(3){transition-delay:.16s,.16s,0s,0s;}
  .ig-grid .ig-tile:nth-child(4){transition-delay:.24s,.24s,0s,0s;}
  .ig-grid .ig-tile:nth-child(5){transition-delay:.32s,.32s,0s,0s;}
  .ig-grid .ig-tile:nth-child(6){transition-delay:.4s,.4s,0s,0s;}
  @media(max-width:700px){.ig-grid{grid-template-columns:repeat(3,1fr);}}

  /* ABOUT */
  .about{background:var(--off);}
  .about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;}
  .about-list{margin-top:40px;}
  .about-list div{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--line-light);font-family:'Space Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.3px;}
  .about-list div:last-child{border-bottom:1px solid var(--line-light);}
  .about-list span{color:var(--gray);}
  .about-copy p{color:var(--gray);font-size:16px;margin-bottom:20px;max-width:520px;}
  .about-copy p:first-child{font-size:20px;color:var(--black);font-weight:600;}
  @media(max-width:800px){.about-grid{grid-template-columns:1fr;}}

  /* TESTIMONIALS */
  .testimonials{background:var(--near-black);color:var(--white);}
  .t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-dark);}
  .t-card{padding:34px 26px 0;border-right:1px solid var(--line-dark);}
  .t-card:last-child{border-right:none;}
  .t-mark{font-family:'Anton',sans-serif;font-size:44px;color:var(--yellow);line-height:1;margin-bottom:10px;}
  .t-card p{font-size:14px;color:#D3D3CE;margin-bottom:22px;}
  .t-author{font-family:'Space Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.5px;}
  .t-role{font-size:11px;color:#8f8f8a;}
  @media(max-width:800px){.t-grid{grid-template-columns:1fr;}.t-card{border-right:none;border-bottom:1px solid var(--line-dark);padding-bottom:30px;}}

  /* CONTACT */
  .contact{background:var(--off);}
  .contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;}
  .contact-list div{padding:22px 0;border-top:1px solid var(--line-light);}
  .contact-list div:last-child{border-bottom:1px solid var(--line-light);}
  .contact-list .lbl{font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;color:var(--gray);letter-spacing:.5px;margin-bottom:6px;}
  .contact-list .val{font-family:'Anton',sans-serif;font-size:22px;text-transform:uppercase;}
  .contact-list .val a:hover{color:var(--yellow-dark);}
  .field{margin-bottom:26px;}
  .field label{font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;color:var(--gray);letter-spacing:.5px;display:block;margin-bottom:8px;}
  .field input,.field select,.field textarea{
    width:100%;border:none;border-bottom:1px solid var(--line-light);
    background:transparent;padding:10px 0;font-family:'Inter',sans-serif;font-size:15px;color:var(--black);
  }
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-bottom-color:var(--black);}
  .field textarea{resize:vertical;min-height:80px;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  @media(max-width:800px){.contact-grid{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}}

  /* FOOTER */
  footer{background:var(--black);color:#8f8f8a;padding:60px 0 26px;}
  .footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px;padding-bottom:40px;border-bottom:1px solid var(--line-dark);margin-bottom:26px;}
  .footer-word{font-family:'Anton',sans-serif;font-size:40px;color:var(--white);text-transform:uppercase;}
  .footer-logo{height:44px;width:auto;display:block;}
  .footer-links{display:flex;gap:30px;flex-wrap:wrap;}
  .footer-links a{font-family:'Space Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#B9B9B4;}
  .footer-links a:hover{color:var(--yellow);}
  .footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.3px;}

  .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease, transform .6s ease;}

  /* spark strike effect */
  .spark-flash{position:fixed;inset:0;background:var(--yellow);opacity:0;z-index:9998;pointer-events:none;animation:sparkFlash 500ms ease-out forwards;}
  @keyframes sparkFlash{0%{opacity:.32;}100%{opacity:0;}}
  .spark-bolt-layer{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden;}
  .spark-bolt{
    position:absolute;top:0;width:28px;height:160px;
    filter:drop-shadow(0 0 6px #FFC800) drop-shadow(0 0 18px rgba(255,200,0,.85));
    animation:sparkFall 950ms ease-in forwards;
  }
  @keyframes sparkFall{
    0%{transform:translateY(-20vh) rotate(var(--rot,0deg));opacity:0;}
    10%{opacity:1;}
    82%{opacity:1;}
    100%{transform:translateY(120vh) rotate(var(--rot,0deg));opacity:0;}
  }
  .reveal.in{opacity:1;transform:none;}

  /* LIGHTBOX */
  .lightbox-overlay{
    position:fixed;inset:0;background:rgba(0,0,0,.92);
    display:flex;align-items:center;justify-content:center;
    opacity:0;visibility:hidden;transition:opacity .25s ease;
    z-index:9999;padding:24px;
  }
  .lightbox-overlay.active{opacity:1;visibility:visible;}
  .lightbox-img{
    max-width:90vw;max-height:88vh;border-radius:4px;
    box-shadow:0 25px 70px rgba(0,0,0,.6);
    transform:scale(.9);transition:transform .25s ease;
  }
  .lightbox-overlay.active .lightbox-img{transform:scale(1);}
  .lightbox-close{
    position:absolute;top:22px;right:28px;color:#fff;font-size:34px;
    line-height:1;cursor:pointer;opacity:.75;transition:opacity .2s ease;
    font-family:sans-serif;
  }
  .lightbox-close:hover{opacity:1;}
  .ig-tile{cursor:pointer;}