/* Variant: Cover — a magazine cover with masthead and cover lines. Light. */
:root {
  --bg: #f5f2ee; --surface: #ffffff; --muted: #ebe6e0; --ink: #161216; --ink-2: #5a5258; --line: #e0d8d0;
  --accent: #e0182d; --accent-ink: #ffffff; --accent-soft: #ffe0e3; --green-soft: #e3e6ff; --amber-soft: #fff0cc;
  --night: #161216; --night-2: #262026;
  color-scheme: light;
}
.cv { position: relative; justify-self: center; width: min(100%, 26rem); aspect-ratio: 3 / 4; overflow: hidden; padding: 18px 20px; background: linear-gradient(160deg, #ffcf9e 0%, #ff8a8a 45%, #8a6bff 100%); box-shadow: 0 50px 90px -40px rgba(22, 18, 22, 0.55); rotate: 2deg; color: #ffffff; }
.cv-mast { position: relative; z-index: 2; font-size: clamp(3.5rem, 8vw, 5.5rem); font-weight: 900; line-height: 0.85; letter-spacing: -0.06em; color: var(--accent); text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1); }
.cv-issue { position: relative; z-index: 2; margin-top: 0.25rem; font-size: 0.6875rem; font-weight: 700; color: #1a0f14; }
.cv-img { position: absolute; left: 36%; right: -22%; top: 46%; z-index: 1; rotate: -6deg; }
.cv-img .ui { box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.5); }
.cv-l { position: absolute; z-index: 2; display: grid; max-width: 46%; font-size: 0.75rem; font-weight: 600; line-height: 1.25; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.25); }
.cv-l b { font-size: clamp(1rem, 1.6vw, 1.25rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; }
.cv-l--1 { left: 20px; top: 28%; }
.cv-l--1 b { font-size: clamp(2.5rem, 5vw, 3.5rem); color: #ffe14d; }
.cv-l--2 { left: 20px; top: 54%; max-width: 32%; }
.cv-l--3 { right: 20px; top: 26%; max-width: 44%; text-align: right; }
.cv-l--3 b { display: inline-block; justify-self: end; padding: 0.1rem 0.4rem; background: var(--accent); }
.cv-l--4 { left: 20px; bottom: 18px; max-width: 34%; }
.cv-code { position: absolute; right: 20px; bottom: 18px; z-index: 2; width: 3.5rem; height: 2.4rem; background: #ffffff repeating-linear-gradient(90deg, #161216 0 2px, transparent 2px 4px, #161216 4px 5px, transparent 5px 7px); background-clip: content-box; padding: 4px; }
.tile--dark .focus strong { color: #ff8f99; }
.section__head h2, .contact__title { font-weight: 800; letter-spacing: -0.05em; }
.product__visual--water { background: #e3e6ff; } .product__visual--jobs { background: #ffe0e3; } .product__visual--food { background: #fff0cc; }