@media (max-width: 899px) {
  :root { --case-width:390; --case-height:10047; }
  .case-stage { width:390px; height:10047px; }
  .case-grid { background-image:url("../assets/icons/final-mobile-grid.svg"); background-size:390px 805px; }
  .desktop-header { display:none; }
  .mobile-header {
    display:block;
    z-index:20;
    overflow:hidden;
    height:53px;
    background:#fff url("../assets/icons/final-mobile-grid.svg") left top / 390px 805px repeat-y;
    transition:height 240ms ease-in-out;
  }
  .mobile-header > span { position:absolute; left:12px; top:15px; }
  .mobile-header nav {
    display:block;
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
  }
  .mobile-header nav a {
    position:absolute;
    opacity:0;
    transform:translateY(-4px);
    transition:opacity 160ms ease,transform 160ms ease;
  }
  .mobile-header.is-open nav { pointer-events:auto; }
  .mobile-header.is-open nav a { opacity:1; transform:translateY(0); }
  .mobile-header .menu-resume { left:15px; top:161px; transition-delay:60ms; }
  .mobile-header .menu-mail { left:196px; top:161px; transition-delay:90ms; }
  .mobile-header .menu-site { left:15px; top:219px; transition-delay:120ms; }
  .mobile-header.is-open,
  .case-stage.menu-expanded .mobile-header { height:269px; }
  .menu-toggle span { transition:top 210ms ease-in-out,transform 210ms ease-in-out; }
  .mobile-header.is-open .menu-toggle span:first-child,
  .mobile-header.is-closing .menu-toggle span:first-child { top:12px; transform:rotate(45deg); }
  .mobile-header.is-open .menu-toggle span:last-child,
  .mobile-header.is-closing .menu-toggle span:last-child { top:12px; transform:rotate(-45deg); }
  .case-stage > :not(.mobile-header) { transition:transform 240ms ease-in-out; }
  .case-stage.menu-expanded > :not(.mobile-header) { transform:translateY(216px); }
  .desktop-break { display:none; }
  .mobile-break { display:inline; }
  .copy-72,
  .copy-80,
  .copy-90 { letter-spacing:-.02em; }

  .copy-0{display:block;left:11px;top:189px;width:272px;opacity:1;font-size:28px;line-height:28px;text-transform:lowercase;text-decoration:none;}
.copy-1{display:block;left:12px;top:161px;width:366px;opacity:1;font-size:14px;line-height:26px;text-transform:none;text-decoration:none;}
.copy-2{display:block;left:12px;top:265px;width:366px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-3{display:block;left:12px;top:329px;width:91px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-4{display:block;left:146px;top:329px;width:232px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-5{display:block;left:146px;top:421px;width:232px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-6{display:block;left:12px;top:838px;width:100px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-7{display:block;left:12px;top:752px;width:31px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-8{display:block;left:12px;top:795px;width:66px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-9{display:block;left:12px;top:881px;width:100px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-10{display:block;left:146px;top:838px;width:236px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-11{display:block;left:146px;top:752px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-12{display:block;left:146px;top:795px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-13{display:block;left:146px;top:881px;width:236px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-14{display:block;left:12px;top:967px;width:100px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-15{display:block;left:146px;top:967px;width:236px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-16{display:block;left:12px;top:1205px;width:63px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-17{display:block;left:12px;top:1287px;width:30px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-18{display:block;left:146px;top:1205px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-19{display:block;left:146px;top:1287px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-20{display:block;left:12px;top:1369px;width:56px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-21{display:block;left:12px;top:1451px;width:47px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-22{display:block;left:146px;top:1369px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-23{display:block;left:146px;top:1451px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-24{display:block;left:12px;top:1517px;width:81px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-25{display:block;left:146px;top:1517px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-26{display:block;left:11px;top:1689px;width:317px;opacity:1;font-size:28px;line-height:28px;text-transform:lowercase;text-decoration:none;}
.copy-27{display:block;left:12px;top:1661px;width:366px;opacity:1;font-size:14px;line-height:26px;text-transform:none;text-decoration:none;}
.copy-28{display:block;left:12px;top:1765px;width:366px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-29{display:block;left:12px;top:1858px;width:59px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-30{display:block;left:146px;top:1858px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-31{display:block;left:12px;top:2192px;width:183px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-32{display:block;left:12px;top:2496px;width:193px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-33{display:block;left:12px;top:2213px;width:200px;opacity:0.5;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-34{display:block;left:12px;top:2517px;width:213px;opacity:0.5;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-35{display:block;left:12px;top:2576px;width:41px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-36{display:block;left:146px;top:2576px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-37{display:block;left:11px;top:2729px;width:354px;opacity:1;font-size:28px;line-height:28px;text-transform:lowercase;text-decoration:none;}
.copy-38{display:block;left:12px;top:2701px;width:366px;opacity:1;font-size:14px;line-height:26px;text-transform:none;text-decoration:none;}
.copy-39{display:block;left:12px;top:2805px;width:366px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-40{display:block;left:12px;top:2908px;width:87px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-41{display:block;left:12px;top:3316px;width:87px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-42{display:block;left:146px;top:2908px;width:233px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-43{display:block;left:146px;top:3316px;width:233px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-44{display:block;left:146px;top:2929px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-45{display:block;left:146px;top:3337px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-46{display:block;left:12px;top:3003px;width:48px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-47{display:block;left:146px;top:3003px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-48{display:block;left:12px;top:3379px;width:48px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-49{display:block;left:146px;top:3379px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-50{display:block;left:12px;top:3077px;width:75px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-51{display:block;left:146px;top:3077px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-52{display:block;left:12px;top:3453px;width:75px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-53{display:block;left:146px;top:3453px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-54{display:block;left:12px;top:3149px;width:123px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-55{display:block;left:146px;top:3525px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-56{display:block;left:12px;top:3525px;width:123px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-57{display:block;left:146px;top:3149px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-58{display:block;left:12px;top:3220px;width:123px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-59{display:block;left:146px;top:3596px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-60{display:block;left:12px;top:3596px;width:123px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-61{display:block;left:146px;top:3220px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-62{display:block;left:12px;top:3731px;width:123px;opacity:1;font-size:14px;line-height:26px;text-transform:lowercase;text-decoration:none;}
.copy-63{display:block;left:146px;top:3731px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-64{display:block;left:11px;top:3998px;width:354px;opacity:1;font-size:28px;line-height:28px;text-transform:lowercase;text-decoration:none;}
.copy-65{display:block;left:12px;top:3970px;width:366px;opacity:1;font-size:14px;line-height:26px;text-transform:none;text-decoration:none;}
.copy-66{display:block;left:12px;top:4074px;width:366px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-67{display:block;left:12px;top:4142px;width:366px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-68{display:block;left:12px;top:4647px;width:366px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-69{display:block;left:12px;top:5129px;width:366px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-70{display:block;left:12px;top:5630px;width:366px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-71{display:block;left:12px;top:5655px;width:366px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-72{display:block;left:11px;top:5929px;width:354px;opacity:1;font-size:28px;line-height:28px;text-transform:lowercase;text-decoration:none;}
.copy-73{display:block;left:12px;top:5901px;width:366px;opacity:1;font-size:14px;line-height:26px;text-transform:none;text-decoration:none;}
.copy-74{display:block;left:12px;top:6005px;width:366px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-75{display:none;}
.copy-76{display:block;left:12px;top:7176px;width:366px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-77{display:block;left:12px;top:7663px;width:366px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-78{display:block;left:12px;top:7732px;width:121px;opacity:1;font-size:14px;line-height:18px;text-transform:lowercase;text-decoration:none;}
.copy-79{display:none;}
.copy-80{display:block;left:11px;top:8018px;width:354px;opacity:1;font-size:28px;line-height:28px;text-transform:lowercase;text-decoration:none;}
.copy-81{display:block;left:12px;top:7990px;width:366px;opacity:1;font-size:14px;line-height:26px;text-transform:none;text-decoration:none;}
.copy-82{display:block;left:12px;top:8062px;width:366px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-83{display:block;left:12px;top:8112px;width:366px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-84{display:block;left:12px;top:8452px;width:366px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-85{display:block;left:12px;top:8741px;width:366px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-86{display:block;left:12px;top:8803px;width:366px;opacity:1;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-87{display:block;left:12px;top:8849px;width:366px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-88{display:block;left:12px;top:8905px;width:121px;opacity:1;font-size:14px;line-height:18px;text-transform:lowercase;text-decoration:none;}
.copy-89{display:block;left:146px;top:8905px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-90{display:block;left:11px;top:9148px;width:354px;opacity:1;font-size:28px;line-height:28px;text-transform:lowercase;text-decoration:none;}
.copy-91{display:block;left:12px;top:9120px;width:366px;opacity:1;font-size:14px;line-height:26px;text-transform:none;text-decoration:none;}
.copy-92{display:block;left:12px;top:9222px;width:366px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}
.copy-93{display:block;left:146px;top:7732px;width:233px;opacity:0.5;font-size:14px;line-height:16px;text-transform:lowercase;text-decoration:none;}

  .media-hero {
    left:12px;
    top:483px;
    width:367px;
    height:226.583px;
    background-image:url("../assets/images/final-mobile-hero.webp");
  }
  .hero-screen { background-image:url("../assets/images/final-mobile-hero-screen.webp"); }
  .media-baseline-home { left:11px; top:1944px; width:367px; height:229.375px; }
  .media-baseline-schedule { left:12px; top:2254px; width:366px; height:225.435px; }
  .media-popular { left:13px; top:4227px; width:364.928px; height:401.474px; }
  .media-nearest { left:13px; top:4716px; width:364.459px; height:394.566px; }
  .media-comparison { left:12px; top:5203px; width:365px; height:398.855px; }
  .media-dates { left:11.408px; top:6749px; width:367.521px; height:405.09px; }
  .media-booking { left:12px; top:7245px; width:366.04px; height:398.636px; }
  .media-figma { left:13px; top:8207px; width:365px; height:229.199px; }
  .media-production { left:12px; top:8495px; width:366px; height:226.496px; }

  .motion-baseline-home { left:26.985px; top:21.049px; width:314.828px; height:188.897px; border-radius:5.456px; }
  .motion-baseline-schedule { left:29.439px; top:21.217px; width:308.894px; height:185.122px; border-radius:5.353px; }
  .motion-popular { left:111.789px; top:39.771px; width:141.377px; height:315.007px; border-radius:35px; }
  .popular-dynamic-island { left:162.31px; top:45.15px; width:40.846px; height:11.824px; }
  .motion-nearest { left:112.507px; top:39.087px; width:138.917px; height:309.526px; border-radius:35px; }
  .island-nearest { left:162.16px; top:43.31px; width:40.143px; height:11.62px; }
  .motion-comparison { left:112.674px; top:39.145px; width:139.123px; height:309.986px; border-radius:35px; }
  .island-comparison { left:159.75px; top:43.38px; width:40.203px; height:11.638px; }
  .motion-dates { left:112.162px; top:37.024px; width:143.194px; height:319.055px; border-radius:35px; }
  .island-dates { left:163.34px; top:41.92px; width:41.38px; height:11.978px; }
  .motion-booking { left:112.751px; top:37.405px; width:140.523px; height:313.104px; border-radius:35px; }
  .island-booking { left:162.98px; top:41.68px; width:40.612px; height:11.756px; }
  .motion-production-desktop { left:29.704px; top:45.087px; width:203.157px; height:133.67px; border-radius:3.713px 3.713px 0 0; }
  .motion-production-mobile { left:264.687px; top:44.026px; width:65.774px; height:146.93px; border-radius:16px; }
  .island-production { left:286.29px; top:47.74px; width:21.989px; height:6.365px; }

  .flow-diagram { left:13px; top:6125px; width:365px; height:540px; }

  .case-cta {
    left:13px;
    width:365px;
    height:58px;
    padding:0;
    font-size:16px;
    line-height:16px;
  }
  .case-cta img { width:12px; height:14px; }
  .cta-measure { top:1073px; }
  .cta-tradeoff { top:3795px; width:364px; }
  .cta-card { top:5737px; width:367px; }
  .cta-flow { top:7831px; }
  .cta-production { top:8980px; }

  .case-footer { left:-1px; top:9345px; width:391px; height:761px; }
  .next-project > img { left:11px; top:12px; width:366px; height:259.124px; }
  .footer-next { display:none; }
  .footer-title { left:12px; top:291px; width:365px; font-size:16px; line-height:18px; }
  .footer-meta { left:12px; top:336px; width:366px; font-size:16px; line-height:16px; text-decoration:underline; }
  .footer-open {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    left:11px;
    top:387px;
    width:367px;
    height:58px;
    color:#000;
    background:#fff;
    font-size:16px;
    line-height:16px;
    text-transform:lowercase;
  }
  .footer-open img { width:12px; height:14px; transform:rotate(90deg); }
  .footer-name { left:13px; top:480px; }
  .footer-role { left:12px; top:507px; opacity:.5; }
  .footer-resume { left:15px; top:587px; }
  .footer-mail { left:196px; top:587px; }
  .footer-site { left:15px; top:645px; }
  .next-project::after { left:11px; top:12px; width:366px; height:259.124px; }
}

@media (min-width: 900px) and (max-width: 1439px) {
  .case-shell { margin-inline:0; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .media-hero > * { display:none; }
  .media-hero {
    background-image:url("../assets/images/final-desktop-hero.webp");
    background-size:cover;
  }
  .motion-screen,
  .popular-dynamic-island,
  .motion-device-overlay { display:none; }
}

@media (max-width: 899px) and (prefers-reduced-motion: reduce) {
  .media-hero { background-image:url("../assets/images/final-mobile-hero.webp"); }
}