/* =========================================================================
   netex · pages/locations.css (company group) · /locations/ · bible §7.22
   s1 hero (Ink): the engineering sheet with both survey points · s2 two large rows (Paper)
   ========================================================================= */
@layer reset, tokens, base, components, layout, pages, utilities;

@layer pages {

.lc-hero { --hero-pad: var(--s-7); }
.lc-hero__grid { row-gap: var(--s-7); align-items: end; }
.lc-hero__h1 { max-width: none; }
.lc-hero__kicker { display: block; max-width: 30ch; font-size: var(--t-h1-sub); font-weight: 560; line-height: 1.15; letter-spacing: -.01em; color: var(--fg-2); }
.lc-hero__display { --flar: 50; --volm: 40; display: block; margin-top: var(--s-4); max-width: 11ch; font-size: var(--t-display); font-weight: var(--w-display); line-height: var(--lh-display); letter-spacing: var(--tr-display); color: var(--fg); }
.lc-hero__sub { margin-top: var(--s-6); }
.lc-hero__sheet { --bg: var(--ink); }
@media (min-width: 1024px) {
	.lc-hero__copy { grid-column: 1 / span 5; padding-bottom: var(--s-6); }
	.lc-hero__sheet { grid-column: 6 / -1; }
}

/* ---- s2 · two large survey-point rows ---------------------------------------- */
.lc-offices { padding-top: calc(var(--sec-y) + var(--ch-v)); }
.lc-rows { margin: 0; padding: 0; list-style: none; border-bottom: var(--bw) solid var(--rule); }
.lc-row {
	display: grid;
	gap: var(--s-5);
	padding: var(--s-7) 0;
	border-top: var(--bw) solid var(--rule);
}
.lc-row__name { max-width: none; font-size: clamp(2.75rem, 1rem + 7.4vw, 7.5rem); font-weight: 880; line-height: var(--lh-mega); letter-spacing: var(--tr-mega); text-transform: uppercase; }
.lc-row__name a { color: var(--fg); text-decoration: none; }
.lc-row__name a:hover { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: .12em; }
.lc-row__facts { display: grid; gap: var(--s-4); align-content: start; justify-items: start; }
.lc-row__addr { font: 600 1rem/1.4 var(--f-mono); letter-spacing: .02em; }
.lc-row__line { max-width: 40ch; font-family: var(--f-serif); font-size: var(--t-lead); line-height: var(--lh-lead); color: var(--fg-2); }
.lc-row__media .nx-media { clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--ch-sheet) * var(--nx-tan)), calc(100% - var(--ch-sheet)) 100%, 0 100%); }
@media (min-width: 1024px) {
	.lc-row { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter); align-items: start; }
	.lc-row__name { grid-column: 1 / -1; }
	.lc-row__facts { grid-column: 1 / span 5; }
	.lc-row__media { grid-column: 7 / -1; }
	.lc-row:nth-child(even) .lc-row__facts { grid-column: 8 / -1; grid-row: 2; }
	.lc-row:nth-child(even) .lc-row__media { grid-column: 1 / span 6; grid-row: 2; }
	.lc-row:nth-child(even) .lc-row__name { text-align: right; }
}

/* Phones: the Molten action keeps a 44 px target but takes less of a 390 px screen, so the header
   CTA plus one primary action stay within the 5 % Molten quota (bible R2). */
@media (max-width: 479px) {
	.nx-main .nx-btn--primary { min-height: 44px; padding: .6em 16px; font-size: .875rem; }
}

} /* end @layer pages */