/* Atelier Kell — spacing and layout. Generous vertical rhythm; the whitespace is the luxury. */
:root{
  --ak-space-3:3px;   --ak-space-6:6px;   --ak-space-8:8px;   --ak-space-10:10px;
  --ak-space-12:12px; --ak-space-14:14px; --ak-space-18:18px; --ak-space-20:20px;
  --ak-space-22:22px; --ak-space-24:24px; --ak-space-26:26px; --ak-space-28:28px;
  --ak-space-30:30px; --ak-space-32:32px; --ak-space-36:36px; --ak-space-40:40px;
  --ak-space-44:44px; --ak-space-48:48px; --ak-space-56:56px; --ak-space-64:64px;
  --ak-space-72:72px; --ak-space-80:80px; --ak-space-112:112px; --ak-space-120:120px;
  --ak-space-128:128px; --ak-space-160:160px;

  /* --- Layout --- */
  --layout-max:1280px;          /* standard content column */
  --layout-max-wide:1440px;     /* portfolio + film grids */
  --layout-gutter:80px;         /* desktop side margin */
  --layout-gutter-mobile:24px;
  --layout-section-y:120px;     /* section padding, top and bottom */
  --layout-section-y-mobile:64px;
  --layout-grid-gap:28px;       /* column gap in the 3-up grid */
  --layout-grid-gap-row:32px;
  --layout-gap-tight:20px;
  --layout-nav-height:66px;     /* 22px padding + 22px, 1px rule */
  --layout-nav-pad-x:48px;
  --layout-row-y:36px;          /* service / credential row padding */

  /* --- Media ratios --- */
  --ratio-tile:3/4;/* @kind other */             /* portfolio tiles: portrait */
  --ratio-portrait:4/5;/* @kind other */         /* about / people */
  --ratio-vertical-film:9/16;/* @kind other */   /* social-first film */
  --hero-height:720px;/* @kind other */
}