*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05080d;color:#f6f8fb;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:74px;position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;background:linear-gradient(180deg,rgba(5,8,13,.96),rgba(5,8,13,.72),transparent);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.18em;font-size:.78rem}.brand img{width:42px;height:42px;object-fit:cover}.site-header nav{display:flex;gap:28px;font-size:.82rem;color:#c5cfda}.site-header nav a:hover{color:#4b93ff}.hero{position:relative;min-height:100vh;display:grid;align-items:end;padding:130px 7vw 9vh;overflow:hidden}.hero-video-wrap,.hero-video-bg,.hero-video,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-video-bg{object-fit:cover;filter:blur(34px) saturate(.8);transform:scale(1.09);opacity:.42}.hero-video{left:auto;right:3vw;width:58vw;object-fit:contain;object-position:center center;filter:saturate(1.08) contrast(1.04)}.hero-overlay{background:linear-gradient(90deg,rgba(2,5,9,.97) 0%,rgba(2,5,9,.88) 35%,rgba(2,5,9,.38) 63%,rgba(2,5,9,.16) 100%),linear-gradient(0deg,#05080d 0%,transparent 34%)}.hero-copy{position:relative;z-index:2;max-width:850px}.kicker,.eyebrow{color:#4b93ff;font-weight:800;letter-spacing:.16em;font-size:.73rem}.hero h1{font-size:clamp(3.4rem,8vw,8rem);line-height:.88;letter-spacing:-.055em;margin:.2em 0}.hero h1 span{color:#4b93ff}.hero-deck{max-width:680px;color:#c6cfda;font-size:1.12rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;padding:13px 18px;border:1px solid #31404f;font-weight:700;font-size:.86rem}.button.primary{background:#397fd0;border-color:#397fd0}.button.secondary{background:rgba(7,13,20,.7)}.scroll-mark{position:absolute;right:4vw;bottom:6vh;z-index:2;writing-mode:vertical-rl;color:#7f8b97;font-size:.65rem;letter-spacing:.18em}.client-strip{display:flex;gap:34px;align-items:center;overflow:auto;padding:24px 5vw;border-top:1px solid #17212b;border-bottom:1px solid #17212b;color:#b6c0ca;white-space:nowrap}.client-strip span{color:#4b93ff;font-weight:800;font-size:.69rem;letter-spacing:.14em}.client-strip div{font-weight:800;letter-spacing:.08em}.section{padding:110px 6vw}.section-heading{max-width:740px;margin-bottom:50px}.section-heading h2,.about h2,.feature-band h2,.contact h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.04em;margin:.15em 0}.section-heading>p:last-child,.feature-band p,.about-lead{color:#adb8c4;max-width:700px}.project-grid{display:grid;gap:18px}.motion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{background:#0a1017;border:1px solid #182430;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.project-card:hover{transform:translateY(-4px);border-color:#397fd0}.project-media{display:block;width:100%;background:#030507}.motion-card .project-media{aspect-ratio:9/13;object-fit:cover}.motion-card:nth-child(2) .project-media,.motion-card:nth-child(4) .project-media,.motion-card:nth-child(12) .project-media{aspect-ratio:16/10}.project-info{padding:18px}.project-info h3{margin:.15em 0;font-size:1.22rem}.eyebrow{margin:0}.text-button{border:0;background:none;color:#aeb8c3;padding:5px 0;cursor:pointer}.text-button:hover{color:#4b93ff}.feature-band{margin:30px 6vw 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center;background:#0b1118;border:1px solid #1a2733;padding:34px}.feature-band video{width:100%;max-height:720px;object-fit:cover;background:#000}.meta{font-size:.78rem;letter-spacing:.08em;line-height:1.8;color:#778491!important}.still-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.still-card:nth-child(1),.still-card:nth-child(4),.still-card:nth-child(8){grid-row:span 2}.image-open{display:block;padding:0;border:0;background:none;width:100%;cursor:zoom-in}.still-card .project-media{width:100%;aspect-ratio:4/5;object-fit:cover}.still-card:nth-child(1) .project-media,.still-card:nth-child(4) .project-media,.still-card:nth-child(8) .project-media{aspect-ratio:4/6}.about{display:grid;grid-template-columns:260px 1fr;gap:70px;align-items:center;border-top:1px solid #17212b}.about-mark img{width:100%;max-width:240px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;color:#aeb8c3}.about-columns strong{color:#fff}.contact{padding:130px 6vw;background:radial-gradient(circle at 80% 50%,#112a4a 0%,#070b10 38%,#05080d 70%);border-top:1px solid #17212b}.contact-email{display:inline-block;color:#4b93ff;font-size:clamp(1.25rem,3vw,2.4rem);font-weight:800;margin:15px 0}.contact>p:last-child{color:#8e9aa6}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 6vw;border-top:1px solid #17212b;color:#697582;font-size:.7rem;letter-spacing:.11em}dialog{max-width:min(1100px,92vw);background:#05080d;border:1px solid #2a3b4d;color:#fff;padding:18px}dialog::backdrop{background:rgba(0,0,0,.9)}#lightbox img{max-width:86vw;max-height:80vh;display:block}#close-lightbox{position:absolute;right:12px;top:8px;background:#0b1118;border:1px solid #34475a;color:#fff;width:40px;height:40px;font-size:1.6rem;cursor:pointer}#lightbox-title{margin:10px 0 0;color:#9ba7b4}@media(max-width:950px){.motion-grid,.still-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-band{grid-template-columns:1fr}.about{grid-template-columns:150px 1fr}.site-header nav{gap:16px}}@media(max-width:650px){.site-header{padding:0 18px}.brand span{display:none}.site-header nav a:nth-child(2){display:none}.hero{padding:120px 22px 70px}.hero-video-bg{display:none}.hero-video{left:0;right:0;width:100%;object-fit:cover;object-position:center center}.hero-overlay{background:linear-gradient(0deg,#05080d 0%,rgba(2,5,9,.35) 50%,rgba(2,5,9,.48) 100%)}.hero h1{font-size:clamp(3rem,15vw,5.2rem)}.section{padding:80px 20px}.motion-grid,.still-grid{grid-template-columns:1fr}.motion-card .project-media,.motion-card:nth-child(2) .project-media,.motion-card:nth-child(4) .project-media,.motion-card:nth-child(12) .project-media{aspect-ratio:9/12}.feature-band{margin:0 20px;padding:20px}.about{grid-template-columns:1fr;gap:25px}.about-mark img{max-width:130px}.about-columns{grid-template-columns:1fr}.contact{padding:90px 20px}footer{flex-direction:column;padding:24px 20px}.scroll-mark{display:none}}
.client-links a{display:flex;flex-direction:column;gap:2px;padding:8px 2px;transition:color .2s ease,transform .2s ease}
.client-links a:hover{color:#4b93ff;transform:translateY(-1px)}
.client-links a strong{font-size:.86rem;letter-spacing:.09em}
.client-links a small{font-size:.62rem;color:#718090;letter-spacing:.05em}
.client-page{min-height:100vh;padding-top:74px;background:#05080d}
.client-hero{position:relative;min-height:54vh;display:flex;align-items:flex-end;padding:90px 7vw 64px;overflow:hidden;border-bottom:1px solid #17212b}
.client-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 34%,rgba(57,127,208,.24),transparent 34%),linear-gradient(115deg,#05080d 0%,#08111c 52%,#05080d 100%)}
.client-hero-inner{position:relative;z-index:1;max-width:980px}
.client-hero h1{font-size:clamp(4rem,10vw,9rem);line-height:.84;letter-spacing:-.065em;margin:.12em 0}
.client-socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.social-pill{border:1px solid #2b3b4c;padding:10px 13px;color:#c5d0dc;font-size:.78rem;font-weight:700}
.social-pill:hover{border-color:#397fd0;color:#4b93ff}
.client-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;padding:80px 7vw;border-bottom:1px solid #17212b}
.client-intro h2{font-size:clamp(2.1rem,4vw,4rem);margin:0;line-height:1}
.client-intro p{max-width:720px;color:#aab5c1}
.client-work{padding:90px 7vw}
.client-work-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}
.client-work-head h2{font-size:clamp(2.2rem,4vw,4rem);margin:.15em 0}
.client-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.client-media-card{background:#0a1017;border:1px solid #182430;overflow:hidden}
.client-media-card video,.client-media-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#020408}
.client-media-card.portrait video,.client-media-card.portrait img{aspect-ratio:9/12}
.client-media-card.featured{grid-column:1/-1}
.client-media-card.featured video{aspect-ratio:16/9;max-height:760px}
.client-media-copy{padding:18px}
.client-media-copy h3{margin:.1em 0;font-size:1.25rem}
.client-media-copy p{margin:.3em 0 0;color:#8f9ca8;font-size:.84rem}
.empty-client{border:1px dashed #304153;padding:60px;min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;color:#73808d;background:linear-gradient(135deg,#08101a,#06090e)}
.back-home{display:inline-flex;gap:8px;align-items:center;color:#93a1af;font-size:.78rem;letter-spacing:.08em;margin-bottom:22px}
.back-home:hover{color:#4b93ff}
@media(max-width:760px){.client-intro{grid-template-columns:1fr;gap:24px;padding:60px 22px}.client-hero{padding:90px 22px 50px}.client-work{padding:65px 22px}.client-media-grid{grid-template-columns:1fr}.client-work-head{align-items:start;flex-direction:column}.empty-client{padding:35px}}

.motion-card.landscape-card .project-media{aspect-ratio:16/9;object-fit:cover}

.creator-socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.creator-socials a{display:flex;flex-direction:column;gap:1px;min-width:190px;padding:10px 13px;border-left:2px solid #397fd0;background:rgba(5,9,14,.5)}
.creator-socials a span,.contact-socials a span{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:#718090}
.creator-socials a strong{font-size:.82rem;color:#dfe7ef;letter-spacing:.03em}
.creator-socials a:hover strong{color:#4b93ff}
.contact-socials{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 18px}
.contact-socials a{display:flex;flex-direction:column;gap:3px;min-width:235px;padding:14px 16px;border:1px solid #2b3b4c;background:rgba(7,12,19,.55)}
.contact-socials a strong{font-size:.95rem;color:#dfe7ef}
.contact-socials a:hover{border-color:#397fd0}
.contact-socials a:hover strong{color:#4b93ff}
.footer-socials{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.footer-socials a{color:#8794a0}
.footer-socials a:hover{color:#4b93ff}
@media(max-width:650px){.creator-socials a,.contact-socials a{min-width:100%}.footer-socials{justify-content:flex-start}}

.showreel-section{padding-top:88px}.showreel-frame{max-width:1120px;margin:0 auto;border:1px solid #213143;background:#020407;box-shadow:0 30px 90px rgba(0,0,0,.35)}.showreel-frame video{display:block;width:100%;aspect-ratio:16/9;background:#000}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-topline h3{margin:.1em 0}.warning-tag{font-size:.58rem;letter-spacing:.1em;color:#ffb55a;border:1px solid rgba(255,181,90,.45);padding:5px 7px;white-space:nowrap}.live-section{margin:0 7vw 90px;padding:45px;border:1px solid #1b2a38;background:linear-gradient(135deg,#08111a,#06090e)}.live-section h2{font-size:clamp(2rem,4vw,4rem);margin:.1em 0}.live-section>p:last-child{max-width:820px;color:#8e9aa6}@media(max-width:650px){.live-section{margin:0 22px 60px;padding:28px}.card-topline{align-items:flex-start;flex-direction:column}}

.verified-live{padding:50px}
.live-header{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:end;margin-bottom:34px}
.live-header h2{margin:.1em 0}
.live-header>p{color:#8e9aa6;max-width:720px;margin:0}
.instagram-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.instagram-proof{border:1px solid #1e2c39;background:#080d13;overflow:hidden}
.instagram-frame{background:#000;min-height:650px}
.instagram-frame iframe{display:block;width:100%;height:650px;border:0;background:#000}
.instagram-copy{padding:18px 20px 22px}
.instagram-copy h3{margin:.15em 0 .35em;font-size:1.18rem}
.instagram-copy>p:not(.eyebrow){color:#8996a3;font-size:.84rem}
@media(max-width:900px){.instagram-grid{grid-template-columns:1fr}.instagram-frame,.instagram-frame iframe{min-height:720px;height:720px}}
@media(max-width:650px){.verified-live{padding:28px 18px;margin:0 22px 60px}.live-header{grid-template-columns:1fr;gap:12px}.instagram-frame,.instagram-frame iframe{min-height:620px;height:620px}}

/* V8 client-page readability + polish */
.client-hero .hero-deck{color:#eef4fb;font-size:1.08rem;font-weight:500;max-width:760px}
.client-intro p{color:#d7e0ea;font-size:1.02rem;line-height:1.75}
.client-intro .meta{color:#8fc0ff!important;font-weight:700;letter-spacing:.1em}
.client-media-copy{background:linear-gradient(180deg,#0b121a,#080d13)}
.client-media-copy h3{color:#ffffff;font-size:1.35rem;letter-spacing:-.015em}
.client-media-copy p{color:#c7d2de!important;font-size:.94rem!important;line-height:1.65}
.client-media-copy .eyebrow{color:#63a8ff!important}
.instagram-copy{background:linear-gradient(180deg,#0b121a,#080d13)}
.instagram-copy h3{color:#fff;font-size:1.3rem}
.instagram-copy>p:not(.eyebrow){color:#c6d1dc!important;font-size:.93rem!important;line-height:1.6}
.live-header>p{color:#c4cfdb!important;font-size:1rem;line-height:1.7}
.social-pill{background:#0b121a;border-color:#35506b;color:#f3f7fb;font-weight:800}
.social-pill:hover{background:#10243a;border-color:#4b93ff}
.empty-client{color:#c6d1dc;border-color:#35506b;background:linear-gradient(135deg,#0a131e,#070b11)}

/* V9 — clickable client case-study strip */
.client-case-links{
  gap:0;
  justify-content:space-between;
  align-items:stretch;
  padding-top:0;
  padding-bottom:0;
}
.client-case-links>span{
  display:flex;
  align-items:center;
  padding:22px 18px 22px 0;
  margin-right:10px;
  flex:0 0 auto;
}
.client-case-links>a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:76px;
  padding:0 20px;
  color:#dbe4ee;
  border-left:1px solid transparent;
  border-right:1px solid transparent;
  transition:
    color .18s ease,
    background .18s ease,
    border-color .18s ease,
    transform .18s ease;
}
.client-case-links>a::after{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  bottom:14px;
  height:2px;
  background:#397fd0;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .2s ease;
}
.client-case-links>a strong{
  font-size:.93rem;
  letter-spacing:.11em;
  white-space:nowrap;
}
.client-case-links>a em{
  color:#4b93ff;
  font-style:normal;
  font-size:.88rem;
  opacity:.72;
  transform:translate(-2px,2px);
  transition:opacity .18s ease,transform .18s ease;
}
.client-case-links>a:hover,
.client-case-links>a:focus-visible{
  color:#fff;
  background:linear-gradient(180deg,rgba(57,127,208,.11),rgba(57,127,208,.035));
  border-color:#20344a;
  outline:none;
}
.client-case-links>a:hover::after,
.client-case-links>a:focus-visible::after{
  transform:scaleX(1);
}
.client-case-links>a:hover em,
.client-case-links>a:focus-visible em{
  opacity:1;
  transform:translate(1px,-1px);
}
.client-case-links>a:active{
  transform:translateY(1px);
}

/* reinforce that client pages are case studies, not dead-end galleries */
.client-work-head .hero-deck{
  color:#c7d2de;
  max-width:640px;
}
.client-page .back-home{
  font-weight:800;
}

@media(max-width:1100px){
  .client-case-links{
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:thin;
  }
  .client-case-links>a{
    flex:0 0 auto;
  }
}
@media(max-width:650px){
  .client-case-links>span{padding-left:2px}
  .client-case-links>a{min-height:68px;padding:0 16px}
  .client-case-links>a::after{left:16px;right:16px;bottom:11px}
}

/* V10 — clickable SLWMO feature + case-study process */
.feature-link{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.feature-link:hover,
.feature-link:focus-visible{
  border-color:#397fd0;
  transform:translateY(-3px);
  box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 0 1px rgba(57,127,208,.22);
  outline:none;
}
.feature-copy{position:relative;z-index:2}
.feature-cta{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:20px;
  padding:11px 14px;
  border:1px solid #35506b;
  background:#0b141f;
  color:#f5f8fc;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.feature-cta strong{color:#4b93ff;font-size:1rem}
.feature-link:hover .feature-cta,
.feature-link:focus-visible .feature-cta{
  background:#102844;
  border-color:#397fd0;
}
.feature-media{position:relative;overflow:hidden}
.feature-media video{transition:transform .35s ease,filter .35s ease}
.feature-link:hover .feature-media video,
.feature-link:focus-visible .feature-media video{
  transform:scale(1.018);
  filter:saturate(1.08) contrast(1.03);
}
.feature-hover-label{
  position:absolute;
  right:18px;
  bottom:18px;
  padding:9px 12px;
  background:rgba(5,8,13,.82);
  border:1px solid #397fd0;
  color:#fff;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .18s ease,transform .18s ease;
}
.feature-link:hover .feature-hover-label,
.feature-link:focus-visible .feature-hover-label{
  opacity:1;
  transform:translateY(0);
}
.project-case-link{color:inherit}
.project-case-link:hover,.project-case-link:focus-visible{color:#4b93ff;outline:none}

.client-process{
  padding:90px 7vw;
  border-top:1px solid #17212b;
  border-bottom:1px solid #17212b;
  background:linear-gradient(180deg,#070c12,#05080d);
}
.process-heading{max-width:760px;margin-bottom:36px}
.process-heading h2{font-size:clamp(2.3rem,4vw,4.6rem);line-height:.98;letter-spacing:-.04em;margin:.12em 0}
.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.process-steps article{
  padding:28px;
  border:1px solid #203040;
  background:#0a1118;
}
.process-steps article>span{
  display:block;
  color:#4b93ff;
  font-weight:900;
  letter-spacing:.14em;
  font-size:.72rem;
  margin-bottom:26px;
}
.process-steps h3{font-size:1.3rem;margin:0 0 10px;color:#fff}
.process-steps p{margin:0;color:#c8d3de;line-height:1.7;font-size:.94rem}

@media(max-width:760px){
  .process-steps{grid-template-columns:1fr}
  .client-process{padding:65px 22px}
  .feature-hover-label{display:none}
}


/* V11 — top-of-site social links */
.site-header{
  min-height:84px;
  height:auto;
  gap:28px;
}

.header-right{
  display:flex;
  align-items:center;
  gap:26px;
  margin-left:auto;
}

.top-socials{
  display:flex;
  align-items:center;
  gap:8px;
}

.top-social-link{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  min-width:172px;
  padding:9px 11px 9px 13px;
  border:1px solid #263b51;
  background:rgba(7,13,20,.88);
  box-shadow:0 8px 28px rgba(0,0,0,.16);
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.top-social-link::before{
  content:"";
  position:absolute;
  left:-1px;
  top:-1px;
  bottom:-1px;
  width:3px;
  background:#397fd0;
}

.top-social-link span{
  grid-column:1;
  color:#7f91a4;
  font-size:.54rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.top-social-link strong{
  grid-column:1;
  margin-top:4px;
  color:#f7f9fc;
  font-size:.72rem;
  line-height:1.05;
  letter-spacing:.015em;
}

.top-social-link b{
  grid-column:2;
  grid-row:1 / 3;
  align-self:center;
  color:#5ca4ff;
  font-size:.88rem;
  transition:transform .18s ease;
}

.top-social-link:hover,
.top-social-link:focus-visible{
  background:#102033;
  border-color:#4b93ff;
  transform:translateY(-1px);
  outline:none;
}

.top-social-link:hover b,
.top-social-link:focus-visible b{
  transform:translate(2px,-2px);
}

@media(max-width:1180px){
  .site-header{padding-left:3vw;padding-right:3vw}
  .header-right{gap:14px}
  .top-social-link{min-width:145px;padding-left:10px}
  .top-social-link strong{font-size:.64rem}
  .site-header nav{gap:14px}
}

@media(max-width:930px){
  .site-header{
    align-items:flex-start;
    padding-top:10px;
    padding-bottom:10px;
  }
  .header-right{
    flex-direction:column;
    align-items:flex-end;
    gap:7px;
  }
  .top-social-link{
    min-width:auto;
    padding:7px 9px;
  }
  .top-social-link span{display:none}
  .top-social-link strong{
    grid-row:1 / 3;
    font-size:.63rem;
  }
}

@media(max-width:650px){
  .site-header{
    min-height:70px;
    align-items:center;
    padding:8px 14px;
  }
  .header-right{
    flex:1;
    align-items:flex-end;
  }
  .top-socials{
    width:100%;
    justify-content:flex-end;
  }
  .top-social-link{
    padding:7px 8px;
  }
  .top-social-link strong{font-size:.58rem}
  .top-social-link b{font-size:.72rem}
  .header-right nav{display:none}
}

.active-nav{color:#4b93ff!important}
.ai-page{padding-top:84px;background:#05080d}
.ai-hero{min-height:72vh;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;padding:120px 7vw 80px;border-bottom:1px solid #17212b;background:radial-gradient(circle at 80% 35%,rgba(57,127,208,.18),transparent 30%),linear-gradient(135deg,#05080d 0%,#08111c 55%,#05080d 100%)}
.ai-hero h1{font-size:clamp(4.2rem,10vw,9rem);line-height:.84;letter-spacing:-.065em;margin:.14em 0}
.ai-lead{max-width:760px;color:#ced8e2;font-size:1.15rem;line-height:1.7}
.ai-disclosure{border:1px solid #31506f;border-left:4px solid #4b93ff;background:rgba(9,18,28,.82);padding:28px}
.ai-disclosure>span{display:block;color:#4b93ff;font-size:.65rem;font-weight:900;letter-spacing:.16em;margin-bottom:10px}
.ai-disclosure strong{display:block;color:#fff;font-size:1.22rem;margin-bottom:10px}
.ai-disclosure p{margin:0;color:#bfccd8;line-height:1.7;font-size:.93rem}
.ai-method{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px;padding:90px 7vw;border-bottom:1px solid #17212b}
.ai-method h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.04em;margin:.15em 0}
.ai-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ai-method-grid article{padding:24px;border:1px solid #1f3041;background:#091018}
.ai-method-grid article>span{color:#4b93ff;font-size:.65rem;font-weight:900;letter-spacing:.15em}
.ai-method-grid h3{font-size:1.15rem;margin:18px 0 7px;color:#fff}
.ai-method-grid p{margin:0;color:#aebbc7;line-height:1.65;font-size:.9rem}
.ai-gallery-section{padding:100px 6vw}
.ai-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ai-card{background:#091018;border:1px solid #1b2b3a;overflow:hidden;transition:transform .22s ease,border-color .22s ease}
.ai-card:hover{transform:translateY(-4px);border-color:#397fd0}
.ai-open{position:relative;display:block;width:100%;padding:0;border:0;background:#020407;cursor:zoom-in}
.ai-open img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.ai-badge{position:absolute;left:12px;bottom:12px;padding:7px 9px;background:rgba(4,8,13,.9);border:1px solid #4b93ff;color:#eef6ff;font-size:.57rem;font-weight:900;letter-spacing:.13em}
.ai-copy{padding:17px}
.ai-copy h3{margin:.18em 0 .35em;font-size:1.12rem;color:#fff}
.ai-copy>p:not(.eyebrow){margin:0;color:#aab7c3;font-size:.84rem;line-height:1.58}
.ai-role{display:block;margin-top:13px;color:#6f8194;font-size:.62rem;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}
.ai-teaser{border-top:1px solid #17212b;border-bottom:1px solid #17212b;background:#060a0f}
.ai-teaser-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:34px}
.ai-teaser-head>div{max-width:760px}
.ai-teaser-head h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.98;letter-spacing:-.04em;margin:.15em 0}
.ai-teaser-head p:last-child{color:#adb8c4}
.ai-teaser-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ai-teaser-card{position:relative;display:block;overflow:hidden;border:1px solid #182430;background:#070b11}
.ai-teaser-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .3s ease,filter .3s ease}
.ai-teaser-card span{position:absolute;left:10px;bottom:34px;padding:5px 6px;background:rgba(5,8,13,.84);color:#69adff;font-size:.48rem;font-weight:900;letter-spacing:.12em}
.ai-teaser-card strong{position:absolute;left:10px;right:10px;bottom:10px;color:#fff;font-size:.75rem;text-shadow:0 2px 8px #000}
.ai-teaser-card:hover img{transform:scale(1.035);filter:saturate(1.08)}
#ai-lightbox{max-width:min(1200px,94vw);background:#05080d;border:1px solid #29435d;color:#fff;padding:18px}
#ai-lightbox::backdrop{background:rgba(0,0,0,.92)}
#ai-lightbox img{display:block;max-width:88vw;max-height:78vh}
#ai-close{position:absolute;right:12px;top:8px;width:42px;height:42px;background:#091018;border:1px solid #38546f;color:#fff;font-size:1.5rem;cursor:pointer}
#ai-lightbox-title{margin:12px 0 3px;font-weight:800}
#ai-lightbox>span{color:#69adff;font-size:.6rem;letter-spacing:.12em}
@media(max-width:1150px){.ai-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-teaser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.ai-hero,.ai-method{grid-template-columns:1fr;gap:30px}.ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-teaser-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.ai-hero{padding:105px 22px 60px}.ai-method{padding:65px 22px}.ai-gallery-section{padding:75px 20px}.ai-method-grid,.ai-grid{grid-template-columns:1fr}.ai-teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V13 — clearer portfolio categories */
#work .section-heading{max-width:800px}
#art .section-heading{max-width:820px}
#art .still-grid{align-items:start}
#art .still-card .project-media{background:#05080d}
#art .still-card:nth-child(1),
#art .still-card:nth-child(4),
#art .still-card:nth-child(8){
  grid-row:auto;
}
#art .still-card:nth-child(1) .project-media,
#art .still-card:nth-child(4) .project-media,
#art .still-card:nth-child(8) .project-media{
  aspect-ratio:4/5;
}

/* V15 — Motion Graphics category */
.motion-page{padding-top:84px;background:#05080d}
.motion-hero{
  min-height:68vh;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;
  align-items:end;padding:120px 7vw 80px;border-bottom:1px solid #17212b;
  background:radial-gradient(circle at 76% 34%,rgba(121,70,184,.17),transparent 30%),linear-gradient(135deg,#05080d,#09111a 60%,#05080d);
}
.motion-hero h1{font-size:clamp(4.2rem,10vw,9rem);line-height:.84;letter-spacing:-.065em;margin:.14em 0}
.motion-lead{max-width:760px;color:#ced8e2;font-size:1.15rem;line-height:1.7}
.motion-split-note{border:1px solid #31506f;border-left:4px solid #4b93ff;background:rgba(9,18,28,.84);padding:28px}
.motion-split-note>span{display:block;color:#4b93ff;font-size:.65rem;font-weight:900;letter-spacing:.16em;margin-bottom:10px}
.motion-split-note strong{display:block;color:#fff;font-size:1.2rem;margin-bottom:10px}
.motion-split-note p{margin:0;color:#bfccd8;line-height:1.7;font-size:.93rem}
.motion-gallery{padding:100px 6vw}
.motion-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.motion-feature-card{border:1px solid #1d2d3c;background:#091018;overflow:hidden}
.motion-feature-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#020407}
.motion-feature-copy{padding:20px}
.motion-feature-copy h3{margin:.15em 0 .45em;color:#fff;font-size:1.28rem}
.motion-feature-copy>p:not(.eyebrow){color:#abb8c4;line-height:1.65;font-size:.9rem}
.spec-badge{display:inline-block;margin:5px 0 13px;padding:6px 8px;border:1px solid #4b93ff;color:#79b7ff;font-size:.56rem;font-weight:900;letter-spacing:.12em}
.motion-teaser{border-top:1px solid #17212b;border-bottom:1px solid #17212b;background:#060a0f}
.motion-teaser-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:34px}
.motion-teaser-head>div{max-width:800px}
.motion-teaser-head h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.98;letter-spacing:-.04em;margin:.15em 0}
.motion-teaser-head p:last-child{color:#adb8c4}
.motion-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.motion-teaser-card{position:relative;display:block;overflow:hidden;border:1px solid #1b2a38;background:#070b11}
.motion-teaser-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .3s ease,filter .3s ease}
.motion-teaser-card span{position:absolute;left:12px;bottom:38px;padding:5px 7px;background:rgba(5,8,13,.85);color:#69adff;font-size:.5rem;font-weight:900;letter-spacing:.12em}
.motion-teaser-card strong{position:absolute;left:12px;right:12px;bottom:12px;color:#fff;font-size:.86rem;text-shadow:0 2px 8px #000}
.motion-teaser-card:hover img{transform:scale(1.035);filter:saturate(1.08)}
@media(max-width:900px){.motion-hero{grid-template-columns:1fr;gap:30px}.motion-category-grid{grid-template-columns:1fr}.motion-teaser-grid{grid-template-columns:1fr}}
@media(max-width:650px){.motion-hero{padding:105px 22px 60px}.motion-gallery{padding:75px 20px}.motion-teaser-head{align-items:flex-start;flex-direction:column}}

/* V17 — completed Jerin James + TCK Detail & Buff case studies */
.case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.case-gallery-albums .case-image-card:first-child{grid-column:span 2}
.case-gallery-brand{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-gallery-brand .case-feature{grid-column:span 2}
.case-image-card{border:1px solid #1e2d3b;background:#081018;overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.case-image-card:hover{transform:translateY(-3px);border-color:#397fd0}
.case-image-card>a{display:block;background:#030609;overflow:hidden}
.case-image-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .3s ease}
.case-image-card:hover img{transform:scale(1.018)}
.case-gallery-brand .case-image-card img{aspect-ratio:4/3;object-fit:contain;padding:16px}
.case-gallery-brand .case-feature img{object-fit:cover;padding:0}
.case-card-copy{padding:18px}
.case-card-copy h3{margin:.15em 0 .35em;color:#fff;font-size:1.2rem}
.case-card-copy>p:not(.eyebrow){color:#b8c5d1;line-height:1.65;font-size:.9rem;margin-bottom:0}
.client-hero-art{background:radial-gradient(circle at 75% 35%,rgba(140,90,180,.18),transparent 33%),linear-gradient(135deg,#05080d,#0d1019)}
.client-hero-brand{background:radial-gradient(circle at 76% 30%,rgba(120,55,145,.2),transparent 30%),linear-gradient(135deg,#05080d,#0c1018)}
.tck-motion-section{padding-top:20px}
.tck-motion-card{max-width:1050px;margin:0 auto}
.tck-motion-card video{width:100%;display:block;background:#000}
@media(max-width:900px){
  .case-gallery,.case-gallery-brand{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-gallery-albums .case-image-card:first-child,.case-gallery-brand .case-feature{grid-column:span 2}
}
@media(max-width:620px){
  .case-gallery,.case-gallery-brand{grid-template-columns:1fr}
  .case-gallery-albums .case-image-card:first-child,.case-gallery-brand .case-feature{grid-column:auto}
}

/* Commissions navigation */
.site-header nav .commission-nav{color:#9dccff;font-weight:800;display:inline-flex!important}
.site-header nav a{font-size:.875rem}
.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 20px}
@media(max-width:650px){.site-header .header-right nav{display:flex;gap:8px 12px}.site-header nav a{font-size:.875rem;display:none}.site-header nav a:first-child,.site-header nav a[href$="#contact"]{display:inline-flex}.site-header{height:auto;min-height:100px;gap:12px;padding-top:10px;padding-bottom:10px}.header-right{min-width:0}.site-header .brand{flex-shrink:0;margin-right:0}.top-social-link{display:block;min-width:0;padding:5px 8px}.top-social-link span{display:inline;color:#b8cde2;font-size:.875rem;letter-spacing:0;text-transform:none}.top-social-link strong,.top-social-link b{display:none}}


/* Portfolio category shortcuts below Selected Clients. */
.portfolio-quick-links{padding:24px 6vw 28px;border-bottom:1px solid #17212b;background:#080e16}
.portfolio-quick-links>p{margin:0 0 14px;color:#b9cce0;font-size:1rem;font-weight:700}
.portfolio-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.portfolio-category-grid a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 16px;border:1px solid #35516c;background:#0d1b2a;color:#d9eaff;font-size:1rem;font-weight:700;line-height:1.4;text-align:center;overflow-wrap:anywhere;touch-action:manipulation}
.portfolio-category-grid a:hover,.portfolio-category-grid a:active{background:#142d48;border-color:#79b7ff;color:#fff}
.portfolio-category-grid a:focus-visible{outline:2px solid #a8d0ff;outline-offset:4px}
#work,#art{scroll-margin-top:140px}
@media(max-width:700px){.portfolio-quick-links{padding:22px 20px 24px}.portfolio-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portfolio-category-grid a{min-height:56px;padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}