/* Visual surfaces follow the native page scroll; links and hit areas stay put. */
.farmium-mobile-showcase { display:none; }
@media(max-width:760px),(max-width:1024px) and (max-height:500px) {
  .featured-product>.feature-heading,.featured-product>.feature-perspective,.featured-product>.feature-footer { display:none; }
  .featured-product { padding:0; margin-inline:0; margin-bottom:24px; border:0; border-radius:0; background:none; box-shadow:none; }
  .farmium-mobile-showcase { display:block; }
  .farmium-mobile-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:16px; }
  .farmium-mobile-heading .eyebrow { margin:0 0 7px; font-size:10px; letter-spacing:.6px; }
  .farmium-mobile-heading h3 { margin:0; font-size:32px; font-weight:450; line-height:1.1; letter-spacing:-1px; color:#e8efdf; }
  .farmium-mobile-heading>span { max-width:135px; font-size:12px; line-height:1.5; color:#b3c8bc; text-align:right; }
  .farmium-mobile-preview { display:block; width:100%; padding:0; border:1px solid #bdd5bb3d; border-radius:14px; overflow:hidden; background:#202c32; color:#e1edce; text-align:left; }
  .farmium-mobile-screens { position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:linear-gradient(140deg,#2d3d46,#182c28); }
  .farmium-shot { position:absolute; display:block; height:auto; aspect-ratio:16/10; object-fit:contain; border:1px solid #dfedec44; border-radius:6px; box-shadow:0 12px 24px #0005; }
  .farmium-shot-back { width:89%; left:4%; top:7%; }
  .farmium-shot-front { width:55%; right:4%; bottom:6%; }
  .farmium-mobile-action { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:48px; padding:11px 15px; border-top:1px solid #b8d6b92b; background:#1b2924; font-size:14px; }
  .farmium-mobile-action>span { font-size:21px; color:#c9e78f; }
  .farmium-mobile-tools { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-top:10px; }
  .farmium-mobile-tools button { min-height:44px; min-width:0; padding:8px 5px; border:1px solid #bdd2b62b; border-radius:9px; background:#c8e4b009; color:#c8d9bc; font:500 12px/1.35 Portfolio,Arial,sans-serif; }
  .farmium-mobile-tools button:active { background:#c8e4b023; }
  .farmium-mobile-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:9px; color:#a8bba3; font-size:10px; line-height:1.5; }
  .farmium-mobile-footer a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#d8e8c6; font-size:12px; }
  .farmium-mobile-showcase :is(button,a):focus-visible { outline:2px solid #c9e78f; outline-offset:4px; }
  body[data-page=webs] .work { padding-top:24px; }
  body[data-page=webs] .hero-sequence>.hero { overflow:clip; }
  body[data-page=webs] .work .section-top { padding-top:18px; margin-bottom:16px; }
  body[data-page=webs] .work-intro { margin-bottom:26px; }
  body[data-page=webs] .work-intro h2 { font-size:34px; line-height:1.1; }
  body[data-page=webs] .work-intro>p { display:none; }
  body[data-page=webs] .collection-label { padding-block:15px; font-size:12px; }
  body[data-page=webs] .collection-label>span:last-child { display:none; }
  body[data-page=webs] .work-toolbar { margin-bottom:20px; }
  .mobile-scroll-anchor { view-timeline-name:--mobile-scroll; view-timeline-axis:block; }
  .mobile-scroll-visible .mobile-scroll-layer { will-change:transform,opacity; }
  html.mobile-scroll-native .mobile-scroll-layer {
    animation:mobile-surface-travel linear both!important;
    animation-timeline:--mobile-scroll!important;
    animation-range:entry 0% exit 100%!important;
  }
  html.mobile-scroll-native .mobile-scroll-layer[data-scroll-kind=front] { animation-name:mobile-front-travel!important; }
  html.mobile-scroll-native .mobile-scroll-layer[data-scroll-kind=title] { animation-name:mobile-title-travel!important; }
  html:is(.mobile-scroll-native,.mobile-scroll-js) .mobile-scroll-anchor:focus-within .mobile-scroll-layer { animation:none!important; transform:none!important; opacity:1!important; will-change:auto; }
  html:is(.mobile-scroll-native,.mobile-scroll-js) .mobile-scroll-layer { transition:none!important; }
  @keyframes mobile-surface-travel {
    0% { transform:translate3d(0,42px,0) scale(.92); opacity:.65; }
    35% { transform:translate3d(0,16px,0) scale(.98); opacity:1; }
    65% { transform:translate3d(0,-12px,0) scale(1.015); opacity:1; }
    100% { transform:translate3d(0,-32px,0) scale(1.04); opacity:1; }
  }
  @keyframes mobile-front-travel {
    0% { transform:translate3d(0,58px,0) scale(.92); opacity:.65; }
    35% { transform:translate3d(0,30px,0) scale(.99); opacity:1; }
    65% { transform:translate3d(0,-18px,0) scale(1.02); opacity:1; }
    100% { transform:translate3d(0,-46px,0) scale(1.035); opacity:1; }
  }
  @keyframes mobile-title-travel {
    0% { transform:translate3d(0,24px,0); opacity:.55; }
    28%,100% { transform:none; opacity:1; }
  }
}
@media(max-width:400px) { .farmium-mobile-tools { grid-template-columns:repeat(2,minmax(0,1fr)); } }
html.performance-lite .mobile-scroll-layer { animation:none!important; transform:none!important; opacity:1!important; will-change:auto; }
@media(prefers-reduced-motion:reduce) {
  html:is(.mobile-scroll-native,.mobile-scroll-js) .mobile-scroll-layer { animation:none!important; transform:none!important; opacity:1!important; will-change:auto; }
}
@media print { .farmium-mobile-showcase { display:none!important; } }