/* Hallmark · shape: Bento Grid · genre: modern-minimal · theme: Dusk (deal 2/3, seed software-services-studio-custom-46ee·b9a5ffe6·2026-11-01·r0) · job: hire · draw: e4a395
 * hero: Stage (swapped from Banner: the delivery board needs the first screen) · nav: floating pill · footer: colophon block · imagery: one library photograph, the product built in glass · signature: a week-6 delivery board in smoked glass over the fog valley · dusk: fog/periwinkle-apricot/glass
 * axes: dark/grotesk-sans/cool · posture: committed · contrast: pass · fold: pass · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S3 R4 V4 · weakest: S, a services studio has no product of its own; showed how it works instead (the weekly board, the Friday report) rather than claims */
/* waive 46a-sample: every list, table and report on the page is labelled as an example in place and in the footer */
@import url("./tokens.css");
@import url("./base.css");

@font-face { font-family: "Wix Madefor Display"; font-weight: 500; font-display: swap; src: url("fonts/madefor-display-500.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Wix Madefor Text"; font-weight: 400 600; font-display: swap; src: url("fonts/madefor-text.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

body { font-size: 1.0625rem; }
h1, h2, h3 { line-height: 1.15; }

.skip { position: absolute; left: var(--space-md); top: calc(-1 * var(--space-3xl)); z-index: var(--z-toast); padding: var(--space-xs) var(--space-md); border-radius: var(--radius-inner); background: var(--color-ink); color: var(--color-paper); }
.skip:focus-visible { top: var(--space-md); }

/* Controls */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-xs); min-height: 48px; padding: 0 var(--space-lg); border: 0; border-radius: var(--radius-pill); background: var(--color-accent); color: var(--color-accent-ink); font: 600 0.9375rem/1 var(--font-body); white-space: nowrap; text-decoration: none; cursor: pointer; box-shadow: inset 0 1px 0 color-mix(in oklab, var(--color-light) 35%, transparent); transition: background-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out); }
.btn:hover { background: var(--color-accent-hi); box-shadow: inset 0 1px 0 color-mix(in oklab, var(--color-light) 35%, transparent), 0 0 0 4px color-mix(in oklab, var(--color-accent) 22%, transparent); }
.btn:active { transform: translateY(1px); }
.btn:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; transition: none; }
.btn[aria-disabled="true"] { opacity: 0.55; cursor: not-allowed; transform: none; }
.btn--ghost { background: color-mix(in oklab, var(--color-light) 4%, transparent); color: var(--color-ink); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-light) 16%, transparent); }
.btn--ghost:hover { background: color-mix(in oklab, var(--color-light) 9%, transparent); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-light) 24%, transparent); }

.glass { position: relative; background: var(--glass); border-radius: var(--radius-card); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.35); backdrop-filter: blur(var(--glass-blur)) saturate(1.35); box-shadow: var(--glass-hi), var(--shadow-card); }

/* Nav: a floating pill, slate glass once it leaves the photograph */
.nav { position: fixed; inset: var(--space-md) 0 auto; z-index: var(--z-sticky-nav); display: flex; justify-content: center; padding-inline: var(--space-md); pointer-events: none; }
.nav__pill { pointer-events: auto; display: flex; align-items: center; gap: var(--space-lg); min-height: 56px; padding: var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md); border-radius: var(--radius-pill); background: color-mix(in oklab, var(--color-fog) 62%, transparent); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-light) 40%, transparent), 0 10px 30px -14px color-mix(in oklab, var(--color-shade) 50%, transparent); color: var(--color-day-ink); transition: background-color var(--dur-long) var(--ease-out), color var(--dur-long) var(--ease-out), box-shadow var(--dur-long) var(--ease-out); }
.nav.is-past .nav__pill { background: var(--glass); color: var(--color-ink); box-shadow: var(--glass-hi), 0 10px 30px -14px var(--color-shade); }
.nav__mark { display: inline-flex; align-items: center; gap: var(--space-xs); font: 600 1rem/1 var(--font-body); text-decoration: none; letter-spacing: -0.01em; }
.mark-bg { fill: var(--color-accent); }
.mark-p { fill: none; stroke: var(--color-accent-ink); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.nav__links { display: flex; gap: var(--space-2xs); margin: 0; padding: 0; list-style: none; }
.nav__links a, .nav__cta { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--space-sm); border-radius: var(--radius-pill); font-size: var(--text-sm); font-weight: 500; text-decoration: none; transition: background-color var(--dur-short) var(--ease-out); }
.nav__links a:hover { background: color-mix(in oklab, currentColor 9%, transparent); }
.nav__links a:focus-visible, .nav__cta:focus-visible, .nav__mark:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; border-radius: var(--radius-pill); transition: none; }
.nav__cta { padding: 0 var(--space-md); color: inherit; box-shadow: inset 0 0 0 1px color-mix(in oklab, currentColor 30%, transparent); }
.nav__cta:hover { background: color-mix(in oklab, currentColor 9%, transparent); }
.nav__cta:active, .nav__links a:active { transform: translateY(1px); }

/* Hero: the hour */
.hero { position: relative; isolation: isolate; min-height: max(720px, 100svh); display: grid; align-items: center; padding-block: var(--space-3xl) var(--space-3xl); }
.hero__photo { position: absolute; inset: 0; z-index: -2; margin: 0; background: var(--color-paper); }
.hero__photo > img { object-position: 50% 62%; transform-origin: 60% 50%; }
.js .hero__photo > img { animation: drift 48s var(--ease-in-out) infinite alternate; }
@keyframes drift { from { transform: scale(1.06) translate3d(0, 0, 0); } to { transform: scale(1.06) translate3d(-3%, 0, 0); } }
.hero__scrim { position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 54% 60% at 22% 52%, color-mix(in oklab, var(--color-fog) 80%, transparent), transparent 78%), linear-gradient(to bottom, transparent 70%, var(--color-paper)); }
.hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-2xl); align-items: center; }
.hero__copy { color: var(--color-day-ink); }
.hero h1 { font-size: clamp(2.5rem, 3.4vw + 1rem, 4.25rem); max-width: 10em; color: var(--color-day-ink); }
.hero__lead { margin-top: var(--space-lg); max-width: 19em; font-size: var(--text-lead); line-height: 1.55; color: var(--color-day-muted); font-weight: 500; }
.hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-top: var(--space-xl); }
.hero .btn--ghost { color: var(--color-day-ink); background: color-mix(in oklab, var(--color-light) 40%, transparent); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-day-ink) 18%, transparent); }
.hero .btn--ghost:hover { background: color-mix(in oklab, var(--color-light) 62%, transparent); }

/* The delivery board */
.board { margin: 0; padding: var(--space-lg); justify-self: end; width: min(100%, 560px); }
.board__head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-md); padding-bottom: var(--space-md); }
.board__title { font: 500 var(--text-lg)/1.3 var(--font-display); }
.board__sub { margin-top: var(--space-2xs); font-size: var(--text-sm); color: var(--color-muted); }
.chip { display: inline-flex; align-items: center; gap: var(--space-xs); padding: var(--space-xs) var(--space-sm); border-radius: var(--radius-pill); background: color-mix(in oklab, var(--color-light) 6%, transparent); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-light) 8%, transparent); font-size: var(--text-sm); font-weight: 500; white-space: nowrap; font-variant-numeric: tabular-nums; }
.chip__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--color-accent); box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-accent) 25%, transparent); }
.board__rows { margin: 0; padding: 0; list-style: none; }
.row { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: var(--space-md); padding: var(--space-sm) 0; border-top: 1px solid color-mix(in oklab, var(--color-light) 7%, transparent); }
.row__ini { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: color-mix(in oklab, var(--color-light) 5%, transparent); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-light) 10%, transparent); font-size: var(--text-sm); color: var(--color-ink-2); }
.row__name { display: flex; flex-direction: column; font-weight: 500; }
.row__name small { font-size: var(--text-sm); font-weight: 400; color: var(--color-muted); font-variant-numeric: tabular-nums; }
.row__st { display: inline-flex; align-items: center; gap: var(--space-xs); font-size: var(--text-sm); color: var(--color-muted); white-space: nowrap; }
.row__st svg { width: 15px; height: 15px; fill: none; stroke: var(--color-accent); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.row__st.is-open { color: var(--color-accent-2); }
.board__open { display: flex; justify-content: space-between; gap: var(--space-md); margin-top: var(--space-sm); padding: var(--space-sm) var(--space-sm); border-radius: var(--radius-inner); background: color-mix(in oklab, var(--color-accent-2) 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent-2) 26%, transparent); font-size: var(--text-sm); color: var(--color-ink-2); }
.board__open-act { color: var(--color-accent-2); font-weight: 600; white-space: nowrap; }
.js .row, .js .board__open { animation: rise var(--dur-long) var(--ease-out) both; animation-delay: calc(400ms + var(--i, 0) * 90ms); }
@keyframes rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Sections */
.section { padding-block: var(--section-gap-s); }
.sec-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-2xl); align-items: end; margin-bottom: var(--space-2xl); }
.sec-head__lead { font-size: var(--text-lead); line-height: 1.5; color: var(--color-muted); max-width: 30em; }
h2 { font-size: clamp(2rem, 2vw + 1.2rem, 3rem); }

/* Services: a bento of six */
.bento { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(200px, auto); gap: var(--gap-columns); }
.tile { display: flex; flex-direction: column; gap: var(--space-sm); padding: var(--space-xl); border-radius: var(--radius-card); background: var(--color-paper-2); box-shadow: inset 0 1px 0 color-mix(in oklab, var(--color-light) 6%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--color-light) 4%, transparent); }
.tile h3 { font-size: var(--text-xl); }
.tile p { color: var(--color-muted); }
.tile--a { grid-column: span 2; grid-row: span 2; background: var(--color-paper-3); justify-content: space-between; }
.tile--a h3 { font-size: clamp(1.75rem, 1.4vw + 1rem, 2.5rem); }
.tile--a p { font-size: var(--text-lead); max-width: 22em; }
.tile--b { grid-column: span 2; }
.tile--e, .tile--f { grid-column: span 2; }
.tile--d h3::after { content: ""; display: inline-block; width: 8px; height: 8px; margin-left: var(--space-xs); vertical-align: 0.2em; border-radius: 50%; background: var(--color-accent-2); }
.checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-sm) var(--space-lg); margin: var(--space-xl) 0 0; padding: var(--space-lg) 0 0; list-style: none; border-top: 1px solid var(--color-rule); }
.checks li { display: flex; align-items: center; gap: var(--space-xs); font-weight: 500; }
.checks li::before { content: ""; width: 16px; height: 16px; flex: none; border-radius: 50%; background: color-mix(in oklab, var(--color-accent) 18%, transparent); box-shadow: inset 0 0 0 4px var(--color-paper-3), inset 0 0 0 9px var(--color-accent); }

/* Work: a tour beside one pane */
.work { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-2xl); align-items: start; }
.work__side .sec-head__lead { margin-top: var(--space-md); }
.tour { display: flex; flex-direction: column; margin-top: var(--space-xl); border-top: 1px solid var(--color-rule); }
.tour__item { display: grid; grid-template-columns: 14px minmax(0, 1fr); column-gap: var(--space-sm); padding: var(--space-md) var(--space-2xs); border: 0; border-bottom: 1px solid var(--color-rule); background: none; color: var(--color-muted); text-align: left; cursor: pointer; transition: color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out); }
.tour__item::before { content: ""; grid-row: 1; align-self: center; width: 7px; height: 7px; border-radius: 50%; background: transparent; }
.tour__name { grid-column: 2; font-size: var(--text-lg); font-weight: 500; }
.tour__note { grid-column: 2; font-size: var(--text-sm); display: none; margin-top: var(--space-2xs); }
.tour__item:hover { color: var(--color-ink-2); background: color-mix(in oklab, var(--color-light) 2%, transparent); }
.tour__item:active { transform: translateY(1px); }
.tour__item:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; border-radius: 6px; transition: none; }
.tour__item[aria-selected="true"] { color: var(--color-ink); }
.tour__item[aria-selected="true"]::before { background: var(--color-accent); box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-accent) 25%, transparent); }
.tour__item[aria-selected="true"] .tour__note { display: block; color: var(--color-muted); }
html:not(.js) .tour__note { display: block; }

.pane { padding: var(--space-xl); min-height: 440px; background: color-mix(in oklab, var(--color-paper-2) 92%, transparent); }
.pane__panel { animation: fade var(--dur-long) var(--ease-out); }
@keyframes fade { from { opacity: 0; } to { opacity: 1; } }
html:not(.js) .pane__panel[hidden] { display: block !important; margin-top: var(--space-2xl); }
.pane__head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-md); margin-bottom: var(--space-lg); }
.pane__title { font: 500 var(--text-xl)/1.2 var(--font-display); }
.pane__meta { font-size: var(--text-sm); color: var(--color-muted); }
.tbl { width: 100%; border-collapse: collapse; }
.tbl th { padding: 0 0 var(--space-sm); text-align: left; font-size: var(--text-sm); font-weight: 500; color: var(--color-muted); border-bottom: 1px solid color-mix(in oklab, var(--color-light) 9%, transparent); }
.tbl td { padding: var(--space-md) 0; border-bottom: 1px solid color-mix(in oklab, var(--color-light) 6%, transparent); }
.tbl td:first-child, .tbl th:first-child { padding-right: var(--space-md); }
.tbl .r { text-align: right; }
.tbl tr.is-flag td { background: color-mix(in oklab, var(--color-accent-2) 7%, transparent); }
.st { font-size: var(--text-sm); color: var(--color-muted); }
.st.is-done::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: var(--space-xs); vertical-align: 0.15em; border-radius: 50%; background: var(--color-accent); }
.st.is-open { color: var(--color-accent-2); }
.chat { display: flex; flex-direction: column; gap: var(--space-md); }
.chat__q { align-self: flex-end; max-width: 80%; padding: var(--space-sm) var(--space-md); border-radius: 16px 16px 4px 16px; background: var(--color-accent); color: var(--color-accent-ink); font-weight: 500; }
.chat__a { align-self: flex-start; max-width: 86%; padding: var(--space-sm) var(--space-md); border-radius: 16px 16px 16px 4px; background: color-mix(in oklab, var(--color-light) 6%, transparent); }
.chat__src { margin-top: var(--space-xs); font-size: var(--text-sm); color: var(--color-muted); }
.bars { display: grid; grid-template-columns: repeat(21, minmax(0, 1fr)); align-items: end; gap: var(--space-xs); height: 220px; padding-top: var(--space-md); }
.bars span { position: relative; height: calc(var(--h, 0) * 1%); border-radius: 4px 4px 2px 2px; background: color-mix(in oklab, var(--color-accent) 75%, transparent); transform-origin: bottom; }
.bars .is-today { background: var(--color-accent-2); }
.bars .is-future { height: 100%; background: repeating-linear-gradient(135deg, color-mix(in oklab, var(--color-light) 6%, transparent) 0 3px, transparent 3px 7px); }
.bars .is-flag::before { content: ""; position: absolute; left: 50%; top: -14px; width: 6px; height: 6px; translate: -50% 0; border-radius: 50%; background: var(--color-accent-2); }
.js .pane__panel:not([hidden]) .bars span:not(.is-future) { animation: grow var(--dur-long) var(--ease-out) both; animation-delay: calc(var(--h) * 4ms); }
@keyframes grow { from { transform: scaleY(0.05); } to { transform: none; } }
.tally { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: var(--space-lg) 0 0; border-top: 1px solid color-mix(in oklab, var(--color-light) 9%, transparent); }
.tally div { padding: var(--space-md) var(--space-md) 0 0; }
.tally dt { font-size: var(--text-sm); color: var(--color-muted); }
.tally dd { margin: var(--space-2xs) 0 0; font: 500 var(--text-2xl)/1.1 var(--font-display); font-variant-numeric: tabular-nums; }
.tally .c { font-size: 0.6em; color: var(--color-muted); }

/* Report: a hand-off in a bone well */
.report { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-2xl); align-items: center; }
.report__copy .sec-head__lead { margin-top: var(--space-md); }
.well { display: flex; flex-direction: column; margin: 0; }
.well__frame { padding: var(--space-xl); border-radius: var(--radius-card); background: var(--color-well); box-shadow: inset 0 0 0 1px var(--color-well-rule); }
.mail { padding: var(--space-xl); border-radius: var(--radius-inner); background: var(--color-card); color: var(--color-well-ink); box-shadow: 0 1px 2px color-mix(in oklab, var(--color-well-ink) 8%, transparent), 0 12px 32px -16px color-mix(in oklab, var(--color-well-ink) 22%, transparent); }
.mail__head { padding-bottom: var(--space-md); border-bottom: 1px solid var(--color-well-rule); }
.mail__from { font-size: var(--text-sm); color: var(--color-well-muted); }
.mail__subj { margin-top: var(--space-2xs); font: 500 var(--text-xl)/1.3 var(--font-display); }
.mail__block { padding-top: var(--space-md); }
.mail__label { font-size: var(--text-sm); font-weight: 500; color: var(--color-well-muted); }
.mail__block ul { margin: var(--space-xs) 0 0; padding-left: 1.1em; }
.mail__block li { padding: var(--space-3xs) 0; }
.mail__block li::marker { color: var(--color-accent-deep); }
.mail__ask { display: flex; justify-content: space-between; gap: var(--space-md); margin-top: var(--space-lg); padding: var(--space-sm) var(--space-sm); border-radius: 8px; background: color-mix(in oklab, var(--color-accent-2) 22%, var(--color-card)); font-size: var(--text-sm); font-weight: 500; }
.mail__ask-act { white-space: nowrap; color: var(--color-well-muted); }
.well figcaption { margin-top: var(--space-md); font-size: var(--text-sm); color: var(--color-muted); }
.well figcaption b { display: block; font-weight: 500; color: var(--color-ink); font-size: var(--text-md); }

/* Contact */
.contact { padding-block: var(--section-gap-s) var(--section-gap); }
.contact__inner { padding-top: var(--space-2xl); border-top: 1px solid var(--color-rule); }
.contact h2 { font-size: clamp(2.25rem, 3.4vw + 1rem, 4.5rem); max-width: 16em; }
.contact__row { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-2xl); align-items: end; margin-top: var(--space-3xl); padding: var(--space-2xl); border-radius: var(--radius-card); background: var(--color-paper-2); box-shadow: inset 0 1px 0 color-mix(in oklab, var(--color-light) 6%, transparent); }
.contact__mail { justify-self: start; font: 500 clamp(1.5rem, 3vw + 0.5rem, 3.25rem)/1.1 var(--font-display); letter-spacing: var(--tracking-display); color: var(--color-accent); text-decoration: none; white-space: nowrap; transition: color var(--dur-short) var(--ease-out); }
.contact__mail:hover { color: var(--color-accent-hi); text-decoration: underline; text-decoration-thickness: 2px; }
.contact__mail:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; border-radius: 4px; transition: none; }
.contact__mail:active { transform: translateY(1px); }
.contact__side { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-lg); }
.contact__where { color: var(--color-muted); }
.fill { padding: 0 0.25em; border: 1px dashed color-mix(in oklch, var(--color-muted) 70%, transparent); border-radius: 3px; color: var(--color-muted); -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* Footer: colophon block */
.foot { padding-block: var(--space-2xl) var(--space-xl); border-top: 1px solid var(--color-rule); background: var(--color-shade); }
.foot .container { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: var(--space-2xl); }
.foot__mark { font: 500 var(--text-xl)/1 var(--font-display); }
.foot__colophon { max-width: 62em; font-size: var(--text-sm); line-height: 1.8; color: var(--color-muted); }
.foot a { color: var(--color-ink-2); }
.foot a:hover { color: var(--color-ink); }
.foot a:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; border-radius: 2px; }

/* Responsive */
@media (max-width: 64rem) {
  .hero__grid, .work, .report, .contact__row, .sec-head { grid-template-columns: minmax(0, 1fr); }
  .hero { padding-block: var(--space-3xl) var(--space-2xl); }
  .hero__scrim { background: radial-gradient(ellipse 90% 40% at 30% 28%, color-mix(in oklab, var(--color-fog) 78%, transparent), transparent 80%), linear-gradient(to bottom, transparent 40%, color-mix(in oklab, var(--color-paper) 60%, transparent) 70%, var(--color-paper)); }
  .board { justify-self: stretch; width: 100%; }
  .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sec-head { gap: var(--space-md); }
}
@media (max-width: 40rem) {
  .nav__links { display: none; }
  .nav__pill { gap: var(--space-md); }
  .bento { grid-template-columns: minmax(0, 1fr); }
  .tile, .tile--a, .tile--b, .tile--e, .tile--f { grid-column: auto; grid-row: auto; padding: var(--space-lg); }
  .checks { grid-template-columns: minmax(0, 1fr); }
  .pane { padding: var(--space-lg); }
  .tally { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bars { gap: var(--space-2xs); }
  .well__frame { padding: var(--space-md); }
  .mail { padding: var(--space-lg); }
  .contact__row { padding: var(--space-lg); gap: var(--space-lg); margin-top: var(--space-xl); }
  .contact__mail { font-size: 1.5rem; }
  .foot .container { grid-template-columns: minmax(0, 1fr); gap: var(--space-md); }
  .tbl td:nth-child(3), .tbl th:nth-child(3) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .js .hero__photo > img, .js .row, .js .board__open, .pane__panel, .js .pane__panel:not([hidden]) .bars span:not(.is-future) { animation: none; }
}