/* Geometry — the portfolio is a 3-up hard grid on a 1728px canvas.
   No radii anywhere in the source; edges are 1px inset hairlines. */
:root{
  --page-width:1728px;
  --page-gutter:48px;      /* menu inset */
  --page-inset-lg:76px;    /* dashed-frame inset, index rail */
  --page-inset-xl:92px;    /* hero text inset */

  --grid-columns:3; /* @kind other */
  --card-width:576px;
  --card-media-height:790px;
  --card-caption-height:73px;
  --card-caption-pad-x:19px;
  --card-caption-pad-y:21px;

  --index-row-height:99px;
  --index-rail-width:24px;
  --index-rule:1.5px;

  --footer-height:438px;
  --counter-box:22px;

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:19px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:76px;
  --space-9:92px;

  --radius-none:0;
  --border-hairline:1px solid var(--line-hairline);
  --shadow-card-inset:inset 0 0 0 1px var(--line-hairline);
  --shadow-rule:inset 0 0 0 1.5px var(--line-rule);
  --outline-dashed:1px dashed var(--line-dashed);

  --motion-tile-tick:110ms; /* @kind other */
  --motion-fade:100ms; /* @kind other */
  --ease-linear:linear; /* @kind other */
}
:root{color-scheme:dark}
a{color:var(--text-on-dark);text-decoration:none}
a:hover{color:var(--ll-lola-pink)}