/* slop-ok: SLOP-16, SLOP-25, SLOP-18 - the Works page wears iklipseworld.com's own rem scale and line heights (live tokens), not the house ladder */
/* slop-ok: SLOP-07 - no radius of its own: the stamp's frame inherits each host's radius (the field tile, the grid card, the pop-up window) */
/* slop-ok: SLOP-27 - 1439 and 991 are the live grid's own breakpoints (grid.js BP 1440, the live stylesheet's 991), not measures */
/* slop-ok: SLOP-24 - the one caps word is the LITE stamp, set in Excon caps by the brief */
/* iklipse LITE on Works E (J-249, 16 Oct): sizes of the stamp on each host, the Simple section and the pop-up's fine
   print. The stamp itself is lite-stamp.css. */

/* Round 2 (Omar, 16 Oct 20:3x): no frame; the quiet chip of lite-stamp.css, its corner concentric with the host's.
   Immersive: the field tile's radius is --border-radius--huge (28 px at 1920, 14 px at 390, measured). */
.we-img.ik-lite-frame { --ik-lite-R: var(--border-radius--huge, 1.75rem); }

/* the pop-up: the chip on the media, inset as on the tiles (the window's radius is --border-radius--huge), the fine print
   under the line */
.we-win-media > .ik-lite-stamp { position: absolute; z-index: 5; pointer-events: none; --ik-lite-R: var(--border-radius--huge, 1.75rem);
  left: calc(var(--ik-lite-R) * 2 / 3); top: calc(var(--ik-lite-R) * 2 / 3); border-radius: calc(var(--ik-lite-R) / 3); }
.we-win-media > .ik-lite-stamp[hidden] { display: none; }
/* the pop-up's fine print (17 Oct): right under the categories, small and quiet, the theme's text at 72 % (about 10:1 on
   the dark panel, 8:1 on the light one, estimated from the panel grounds #0b0f0f and #faf6f5) */
.ik-lite-fine { margin: 0; font-size: .8125rem; line-height: 1.45; max-width: 38em; color: var(--_theme---s-text, #fff); opacity: .72; }
.ik-lite-fine[hidden] { display: none; }
/* See case is hidden on a Lite project while its live page is a draft (LITE_LIVE in lite-works.js); the button class sets a display */
.we-pop .we-see[hidden] { display: none; }
/* the Simple section's fine print keeps its own size, at full strength */
.ik-lite-grid .ik-lite-grid_fine { opacity: 1; color: var(--_theme---s-text-t2, #f2eeed); }
html.u-theme-light .ik-lite-grid .ik-lite-grid_fine { color: var(--_theme---s-text, #101414); }

/* Simple: the Lite projects' own section after the main grid, in the live card markup */
.ik-lite-grid { margin-top: var(--section--small, 6rem); }
.ik-lite-grid[hidden] { display: none; }
.ik-lite-grid_h {
  margin: 0 0 2.5rem; font-size: var(--_typography---h2--font-size, 4.5rem); line-height: 1.1; letter-spacing: -.02em;
  font-weight: var(--_typography---font-weight--semibold, 600);
}
.ik-lite-grid_w { color: var(--_colors---brand-colors--iklipse-orange, #f95338); font-weight: 900; letter-spacing: -.05em; }
.ik-lite-grid_h .ik-lite-stamp { margin-left: .14em; border-radius: .18em; }
.ik-lite-grid_list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem 2rem; }
.ik-lite-grid_list > [hidden] { display: none; }
.ik-lite-grid_list .work-list_item-v2 { width: auto; margin: 0; }
.ik-lite-grid .work-list_image-wrap-v2.ik-lite-frame { --ik-lite-R: var(--border-radius--huge, 1.75rem); overflow: hidden; display: block; }
.ik-lite-grid .work-list_image-wrap-v2.ik-lite-frame > .ik-lite-stamp { z-index: 6; }
.ik-lite-grid_fine { margin-top: 2.5rem; font-size: 1rem; max-width: 46em; }
@media screen and (max-width: 1439px) { .ik-lite-grid_list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media screen and (max-width: 991px) { .ik-lite-grid_list { grid-template-columns: minmax(0, 1fr); gap: 2rem; } .ik-lite-grid_h { margin-bottom: 1.75rem; } }