.portrait-mobile{display:none}
@media(max-width:1000px){
  .portfolio-home .hero{height:920px}
  .portfolio-home .hero-copy{top:140px}
  .portfolio-home .hero-copy h1{font-size:clamp(28px,7.8vw,40px);margin-top:22px}
  .portfolio-home .hero-cta{top:290px}
  .portfolio-home .nickname{top:426px;left:calc(50% + 45px);width:180px;transform:translateX(-50%);font-size:14px}
  .portfolio-home .nickname>.hero-label-icon{left:0;width:15px;height:15px}
  .portfolio-home .tapir-question{top:580px;left:calc(50% - 172px);width:150px;font-size:13px;text-align:center}
  .portfolio-home .scroll-cue{top:840px}
  .portfolio-home .hero-art{transform:none}
  .portfolio-home .services{padding:85px 0}
  .portfolio-home .services-grid{gap:36px}
  .portfolio-home .service-intro{position:static;top:auto;padding:0;background:none}
  .portfolio-home .services-grid h2{font-size:clamp(27px,7.5vw,36px)}
  .portfolio-home .service-status{margin-top:24px;font-size:11px;gap:12px}
  .portfolio-home .service-current{font-size:20px}
  .portfolio-home .service-track{width:70px}
  .portfolio-home .service-list{padding:0}
  .portfolio-home .service-list::before{display:none}
  .portfolio-home .service-list article,.portfolio-home .service-list article:last-child{min-height:0;margin:0;padding:30px 0;border-top:1px solid #9ed0ff30}
  .portfolio-home .service-list .number{position:static;display:block;margin:0 0 14px;font-size:12px;opacity:1;filter:none}
  .portfolio-home .specialty-content{filter:none;transition:none}
  .portfolio-home .service-list h3{font-size:clamp(25px,6.5vw,32px);line-height:1.18}
  .portfolio-home .service-list p{margin-top:18px;font-size:15px;line-height:1.65;opacity:1!important;filter:none!important;transform:none!important}
  .portfolio-home .service-list .motion-word{clip-path:none!important;transform:none!important;opacity:1!important;filter:none!important}
  .portrait-card{width:100%;max-width:442px;margin:auto}
  .portrait-desktop{display:none}
  .portrait-mobile{display:block;position:relative;margin:0;width:100%;aspect-ratio:442/524;overflow:hidden;border:1px solid #9ed0ff65;border-radius:30px;background:radial-gradient(ellipse,#9ed0ff0d,#5f7d990d)}
  .portrait-mobile .portrait-signature{position:absolute;top:5.3%;left:25.7%;width:48.6%;height:21.4%;object-fit:contain}
  .portrait-mobile .portrait-photo{position:absolute;bottom:0;left:0;width:100%;height:73.3%;object-fit:cover;opacity:.5}
}
@media(max-width:760px){
  .portfolio-story .anta-hero{height:610px;min-height:0;max-height:none}
  .portfolio-story .hero-type{padding-top:130px}
  .portfolio-story .hero-kicker{margin-bottom:22px}
  .portfolio-story .anta-hero h1{font-size:clamp(43px,12vw,70px);line-height:1.05}
  .portfolio-story .hero-type>p{margin:20px 0 0;font-size:15px;line-height:1.5}
  .portfolio-story .hero-landscape{background-image:linear-gradient(180deg,#090f18 0%,#090f1800 45%,#090f1800 85%,#090f18 100%),url('assets/footer.webp');background-size:100% 100%,auto 420px;background-position:center,right bottom;background-repeat:no-repeat;transform:none}
  .portfolio-story .read-story{bottom:24px}
  .portfolio-story .origin{padding-block:36px 42px}
  .portfolio-story .origin-intro{font-size:25px;margin-top:20px}
}

@media(max-width:360px){.portfolio-home .tapir-question{left:8px;width:135px;}.portfolio-home .nickname{width:164px;font-size:13px;}.portfolio-home .hero-copy h1{font-size:28px;}.portfolio-home .hero-cta{top:290px;}}

/* One coordinate system for the full-bleed scene and its character labels. */
@media(max-width:1000px){
 .portfolio-home .hero{--scene-unit:max(calc(100vw / 454),.883px);height:calc(1120 * var(--scene-unit));}
 .portfolio-home .hero-art{left:50%;right:auto;width:calc(454 * var(--scene-unit));height:calc(1200 * var(--scene-unit));margin-left:calc(-227 * var(--scene-unit));background-size:100% 100%;mask-image:linear-gradient(#000 70%,transparent 94%);}
 .portfolio-home .hero-art .hero-halftone{left:calc(73 * var(--scene-unit));top:calc(537 * var(--scene-unit));width:calc(300 * var(--scene-unit));height:calc(281 * var(--scene-unit));}
 .portfolio-home .nickname{left:calc(50% + 73 * var(--scene-unit));top:calc(480 * var(--scene-unit));width:174px;transform:translateX(-50%);}
 .portfolio-home .nickname>.hero-label-icon{left:-2px}
 .portfolio-home .tapir-question{left:calc(50% - 82 * var(--scene-unit));top:calc(650 * var(--scene-unit));width:150px;transform:translateX(-50%);}
 .portfolio-home .scroll-cue{top:calc(1010 * var(--scene-unit));}
 .portfolio-home .service-status{display:none}
 .portfolio-home .projects{padding-top:56px;padding-bottom:0}
 .portfolio-home .services{padding:112px 0 56px}
 .portfolio-home .about{padding-top:56px}
 .portfolio-home .moments{padding:112px 0 48px}
 .portfolio-home .testimonials{padding:64px 0 104px}
 .portfolio-home .contact{padding-top:104px}
 .portfolio-home footer{margin-top:80px!important}
 .portfolio-story .hero-landscape{background-position:center,calc(100% + 65px) bottom;}
}

@media(min-width:1001px){.portfolio-story .hero-landscape{background-position:calc(50% + 40px) 70%;}}

/* Center the animal itself (80% across the source), not the landscape. */
@media(max-width:760px){
 .portfolio-story .hero-landscape{
  --anta-scene-height:clamp(480px,140vw,600px);
  background-size:100% 100%,auto var(--anta-scene-height);
  background-position:center,calc(50% - var(--anta-scene-height) * .56) bottom;
 }
}