/* Ota yhteyttä · the phone (2026-09-24). The register reads by the beam:
   the row passing the band above the screen's centre is in full ink, its
   number carries the sun rule, its print lifts and develops; the rows
   above and below wait in the muted brown. Rows trail the scroll on their
   own clocks, more the further down the list (the desktop's rule, sized
   for a thumb). The number sits on the numeral scale, one tap from a call. */
@media (max-width:860px) {
  .puhelin .linjasto { padding:9vh 7vw 6vh; }
  .puhelin .linja { --t:0; will-change:translate; }
  .puhelin .lrivi { grid-template-columns:clamp(68px,19vw,92px) minmax(0,1fr); gap:1.2vh 5.5vw;
    padding:3.6vh 0; align-items:start; }
  .puhelin .lkasvo { align-self:start; }
  .puhelin .lkuka { font-size:clamp(22px,6vw,28px);
    color:color-mix(in oklab, var(--muted), var(--ink) calc(var(--t) * 100%)); }
  .puhelin .lmika { color:color-mix(in oklab, var(--himmea), var(--muted) calc(var(--t) * 100%)); }
  .puhelin .lyht { grid-column:2; justify-self:start; text-align:left; margin-top:.6vh; }
  .puhelin .lnro { font-size:clamp(27px,7.9vw,36px); padding-bottom:.08em; transition:none;
    color:color-mix(in oklab, var(--muted), var(--ink) calc(var(--t) * 100%));
    background-size:calc(var(--t) * 100%) 2px; }
  .puhelin .lposti { margin-left:0; transition:none;
    color:color-mix(in oklab, var(--himmea), var(--faded) calc(var(--t) * 100%)); }
  .puhelin .lkasvo img, .puhelin .lrivi.on .lkasvo img { transition:none; will-change:filter,transform;
    transform:scale(calc(1 + .05 * var(--t)));
    filter:sepia(calc(.45 * (1 - var(--t)))) saturate(calc(.6 + .4 * var(--t)))
           contrast(calc(.95 + .05 * var(--t))) brightness(calc(1.02 - .02 * var(--t))); }
  /* the house row: the mark's period lights with the beam */
  .puhelin .lkasvo--talo { color:color-mix(in oklab, var(--muted), var(--ink) calc(var(--t) * 100%)); }
  .puhelin .lkasvo--talo circle { fill:color-mix(in oklab, var(--himmea), var(--sun) calc(var(--t) * 100%)); }
  /* the rules of the register draw as before (the IO reveal), the row's
     own entry fade is gone: the beam is the entrance now */
  .puhelin.js .lrivi.rv, .puhelin .lrivi.rv { opacity:1; transform:none; }
  /* the landowner's steps: the number of the step at the beam is sun */
  .puhelin .askel { --t:0; }
  .puhelin .askel .no { color:color-mix(in oklab, var(--himmea), var(--sun) calc(var(--t) * 100%)); }
  .puhelin .askel p { color:color-mix(in oklab, var(--muted), var(--faded) calc(var(--t) * 100%)); }
  .puhelin .askel b { color:color-mix(in oklab, var(--muted), var(--ink) calc(var(--t) * 100%)); }
}