/* September 2026: the original BEZCZELNY visual language, applied to the
   current Business Concierge content. The split hero and monolith stay intact. */
@font-face {
  font-family: "Archivo Narrow Legacy";
  src: url("assets/archivo-narrow-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  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;
}
@font-face {
  font-family: "Archivo Narrow Legacy";
  src: url("assets/archivo-narrow-latin-ext.woff2") format("woff2");
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  unicode-range: U+0100-02FF, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Manrope Legacy";
  src: url("assets/manrope-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  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;
}
@font-face {
  font-family: "Manrope Legacy";
  src: url("assets/manrope-latin-ext.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  unicode-range: U+0100-02FF, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --surface-0: oklch(0.075 0 0);
  --surface-1: oklch(0.105 0 0);
  --surface-2: oklch(0.135 0 0);
  --surface-3: oklch(0.18 0 0);
  --text: oklch(0.985 0 0);
  --text-muted: oklch(0.79 0 0);
  --text-faint: oklch(0.68 0 0);
  --accent: oklch(0.54 0.22 25);
  --accent-hover: oklch(0.64 0.23 25);
  --accent-soft: color-mix(in oklch, var(--accent) 16%, transparent);
  --border: color-mix(in oklch, white 20%, transparent);
  --border-strong: color-mix(in oklch, white 34%, transparent);
  --font-sans: "Manrope Legacy", Arial, sans-serif;
  --font-editorial: "Archivo Narrow Legacy", "Arial Narrow", sans-serif;
  --radius-sm: 0;
  --radius-md: 0;
  --header-height: 80px;
}

html { scroll-behavior: smooth; }
body { background: var(--surface-0); color: var(--text); font-family: var(--font-sans); }
body::before, body::after { pointer-events: none; }
::selection { background: var(--accent); color: white; }
:focus-visible { outline: 2px solid var(--accent-hover); outline-offset: 4px; }

/* The old masthead was bold, compact and unmistakably red. */
.site-header { background: color-mix(in oklch, var(--surface-0) 94%, transparent); border-bottom: 1px solid var(--border); }
.site-header .brand { min-width: 220px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; text-decoration: none; }
.site-header .brand img, .site-legal-footer .brand img {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.site-header .brand::before, .site-legal-footer .brand::before {
  content: "BEZCZELNY.COM";
  color: var(--text);
  font: 700 clamp(27px, 2vw, 32px)/.94 var(--font-editorial);
  letter-spacing: -.065em;
}
.site-header .brand::after, .site-legal-footer .brand::after {
  content: "BUSINESS CONCIERGE";
  color: var(--text-muted);
  font: 700 9px/1.3 var(--font-sans);
  letter-spacing: .19em;
  margin-top: 3px;
}
.site-header .main-nav a { color: var(--text); font: 700 14px/1 var(--font-editorial); text-transform: uppercase; letter-spacing: .025em; }
.site-header .main-nav a:hover, .site-header .main-nav a:focus-visible { color: var(--accent-hover); }
.site-header .header-cta, .funnel-primary, .funnel-contact-form button[type="submit"] {
  background: var(--accent);
  color: white;
  border: 0;
  border-radius: 0;
  font-family: var(--font-editorial);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .025em;
  box-shadow: none;
}
.site-header .header-cta:hover, .funnel-primary:hover, .funnel-contact-form button[type="submit"]:hover { background: var(--accent-hover); color: #080808; }
.site-header .header-cta::before { display: none; }
.site-header .header-cta { min-height: 50px; padding-inline: 24px; }
.site-header .header-cta span { margin-left: 18px; }
.funnel-secondary, a:not(.funnel-primary) { text-decoration-color: var(--accent); }

/* The contemporary split photograph is retained; only its type and actions change. */
.split-hero .hero-label, .hero-message h1, .persona-entry strong,
.cases-intro h2, .route-stage h2, .evidence-stage h2, .offer-stage h2,
.funnel-contact h2, .showcase__content h2, .profile2-hero h1,
.profile2-heading h2, .profile2-opening h2, .founder2-stage h2,
.funnel-hero h1, .funnel-section-head h2, .legal-hero h1 {
  font-family: var(--font-editorial);
  font-weight: 700;
  letter-spacing: -.045em;
}
.split-hero .hero-message h1 { text-transform: uppercase; letter-spacing: -.055em; line-height: .91; }
.split-hero .hero-label { color: var(--accent-hover); text-transform: uppercase; letter-spacing: .1em; }
.split-hero .hero-lede { color: var(--text); }
.funnel-hero-actions .funnel-primary { min-height: 54px; }
.persona-entry strong { text-transform: uppercase; }

/* Keep the books as the centerpiece, but make the surrounding information read like the old site. */
body[data-page="home"] .cases-stage { background: #090909; }
body[data-page="home"] .cases-intro h2 { text-transform: uppercase; font-size: clamp(48px, 5vw, 76px); line-height: .9; }
body[data-page="home"] .cases-intro > p:not(.cases-hint) { color: var(--text-muted); font-size: clamp(15px, 1.25vw, 18px); line-height: 1.55; }
body[data-page="home"] .cases-hint { color: var(--text-muted); }
body[data-page="home"] .case-detail { border-color: var(--border); background: #0e0e0e; }
body[data-page="home"] .case-detail h3 { font-family: var(--font-editorial); font-size: clamp(29px, 2.7vw, 42px); line-height: 1; text-transform: uppercase; }
body[data-page="home"] .case-detail p { color: var(--text-muted); }
body[data-page="home"] .monolith-index button { border-color: var(--border); color: var(--text-muted); }
body[data-page="home"] .monolith-index button[aria-selected="true"] { background: var(--accent); color: white; }
body[data-page="home"] .monolith-index button[aria-selected="true"] span { color: white; }
body[data-page="home"] .monolith-index button:hover { color: var(--text); }
body[data-page="home"] .case-detail-actions a, body[data-page="home"] .case-detail-actions button { font-family: var(--font-editorial); font-weight: 700; text-transform: uppercase; }

/* One original visual is relevant to the current promise and remains a real image, not text embedded in CSS. */
body[data-page="home"] .route-stage { position: relative; overflow: hidden; padding-block: clamp(78px, 8vw, 120px); background: #111; }
body[data-page="home"] .route-stage__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; align-items: center; }
body[data-page="home"] .route-stage__heading { grid-column: 1 / 6; align-self: start; }
body[data-page="home"] .route-stage__heading h2 { max-width: 9ch; font-size: clamp(52px, 5.7vw, 90px); line-height: .89; text-transform: uppercase; }
body[data-page="home"] .route-stage__answer { grid-column: 1 / 6; grid-row: 2; padding: 0; align-self: start; }
body[data-page="home"] .route-stage__answer > p:first-child { max-width: 43ch; color: var(--text-muted); font-size: clamp(16px, 1.3vw, 20px); line-height: 1.62; }
body[data-page="home"] .route-stage__art { grid-column: 7 / 13; grid-row: 1 / 3; margin: 0; width: 100%; max-height: 680px; overflow: hidden; }
body[data-page="home"] .route-stage__art img { width: 100%; height: 100%; aspect-ratio: 5 / 5.1; object-fit: cover; object-position: 50% 56%; filter: saturate(.85) contrast(1.07); }
body[data-page="home"] .route-stage__answer .funnel-secondary { color: var(--text); font-family: var(--font-editorial); font-weight: 700; text-transform: uppercase; border-bottom: 2px solid var(--accent); }

body[data-page="home"] .evidence-stage { padding-block: clamp(84px, 9vw, 150px); background: #090909; }
body[data-page="home"] .evidence-stage__copy h2 { max-width: 14ch; font-size: clamp(46px, 4.7vw, 76px); line-height: .92; text-transform: uppercase; }
body[data-page="home"] .evidence-stage__media img { filter: grayscale(1) contrast(1.12); }
body[data-page="home"] .evidence-stage__people { border-top: 1px solid var(--border); }
body[data-page="home"] .evidence-stage__people > div { border-bottom: 1px solid var(--border); }
body[data-page="home"] .evidence-stage__people h3 { font-family: var(--font-editorial); font-size: clamp(26px, 2.2vw, 34px); text-transform: uppercase; }
body[data-page="home"] .evidence-stage__people h3 a span { color: var(--accent-hover); }

body[data-page="home"] .offer-stage { padding-block: clamp(92px, 9vw, 148px); background: #111; }
body[data-page="home"] .offer-stage__lead h2 { max-width: 13ch; font-size: clamp(52px, 5vw, 80px); line-height: .9; text-transform: uppercase; }
body[data-page="home"] .offer-stage__modes { gap: 0; padding: 0; margin-top: 34px; border-top: 1px solid var(--border); }
body[data-page="home"] .offer-stage__modes li { min-height: 230px; padding: 35px 28px 30px; border-right: 1px solid var(--border); background: #151515; }
body[data-page="home"] .offer-stage__modes li:first-child { border-left: 1px solid var(--border); }
body[data-page="home"] .offer-stage__modes li:nth-child(2) { border-top: 3px solid var(--accent); padding-top: 32px; }
body[data-page="home"] .offer-stage__modes strong { max-width: 14ch; font-family: var(--font-editorial); font-size: clamp(30px, 2.6vw, 41px); line-height: .95; text-transform: uppercase; letter-spacing: -.04em; }
body[data-page="home"] .offer-stage__modes p { color: var(--text-muted); }
body[data-page="home"] .offer-stage__cta { min-height: 54px; margin-top: 8px; }

body[data-page="home"] .funnel-contact { padding-block: clamp(94px, 10vw, 160px); background: #080808; }
body[data-page="home"] .funnel-contact__intro h2 { max-width: 10ch; font-size: clamp(58px, 6vw, 94px); line-height: .9; text-transform: uppercase; }
body[data-page="home"] .funnel-contact-form { padding: clamp(25px, 3vw, 48px); background: #151515; border: 1px solid var(--border); }
body[data-page="home"] .funnel-contact-form label > span { color: var(--text); font-family: var(--font-editorial); font-size: 18px; font-weight: 700; text-transform: uppercase; }
body[data-page="home"] .funnel-contact-form :is(input, textarea) { border: 0; border-bottom: 1px solid var(--border-strong); border-radius: 0; background: transparent; color: var(--text); padding-inline: 0; }
body[data-page="home"] .funnel-contact-form :is(input, textarea):focus { outline: 0; border-bottom: 2px solid var(--accent-hover); }
body[data-page="home"] .funnel-contact-form button[type="submit"] { min-height: 58px; }

/* Service imagery stays factual; its presentation follows the old portfolio's hard crops and red/black palette. */
body[data-page="home"] .showcases { background: #0a0a0a; }
body[data-page="home"] .showcase { border-top: 1px solid var(--border); background: #111; }
body[data-page="home"] .showcase:nth-child(even) { background: #0a0a0a; }
body[data-page="home"] .showcase__media img { filter: grayscale(.85) saturate(.35) contrast(1.15); }
body[data-page="home"] .showcase__content h2 { max-width: 13ch; font-size: clamp(54px, 5.4vw, 86px); line-height: .91; text-transform: uppercase; }
body[data-page="home"] .showcase__content > p:not(.stage-index):not(.showcase__facts) { max-width: 39ch; line-height: 1.55; }
body[data-page="home"] .showcase__facts { color: var(--accent-hover); font: 700 15px/1.45 var(--font-editorial); text-transform: uppercase; letter-spacing: .025em; }
body[data-page="home"] .showcase__content > a, body[data-page="home"] .showcase__actions a { font: 700 17px/1.3 var(--font-editorial); text-transform: uppercase; border-bottom: 2px solid var(--accent); }

/* Profiles, service detail and legal pages share the same brand tokens and more legible type. */
body[data-page="adam"] :is(h1,h2,h3), body[data-page="krystian"] :is(h1,h2,h3),
body[data-page="funnel"] :is(h1,h2,h3), .scope-page :is(h1,h2,h3),
body[data-page="legal"] :is(h1,h2,h3) { font-family: var(--font-editorial); letter-spacing: -.04em; }
body[data-page="adam"] :is(.profile2-index,.profile2-contact),
body[data-page="krystian"] :is(.profile2-index,.profile2-contact) { border-color: var(--border); }
body[data-page="adam"] :is(.adam-map,.profile2-method,.profile2-examples),
body[data-page="krystian"] :is(.tension-stage,.decision-stage,.profile2-examples) { background: var(--surface-1); }
body[data-page="adam"] :is(.adam-map button,.route-stage button),
body[data-page="krystian"] :is(.tension-stage button,.decision-stage button) { border-color: var(--border); }
.site-legal-footer { background: #080808; border-top: 1px solid var(--border); }
.site-legal-footer__brand .brand { display: inline-flex; flex-direction: column; text-decoration: none; }

@media (max-width: 1024px) {
  body[data-page="home"] .route-stage__heading, body[data-page="home"] .route-stage__answer { grid-column: 1 / 7; }
  body[data-page="home"] .route-stage__art { grid-column: 8 / 13; }
  body[data-page="home"] .offer-stage__modes li { padding-inline: 20px; }
}
@media (max-width: 760px) {
  :root { --header-height: 68px; }
  .site-header .brand { min-width: 0; }
  .site-header .brand::before { font-size: 25px; }
  .site-header .brand::after { font-size: 7px; letter-spacing: .12em; }
  .site-header .main-nav a { font-size: 20px; }
  body[data-page="home"] .cases-intro h2 { font-size: clamp(49px, 13vw, 72px); }
  body[data-page="home"] .route-stage__grid { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  body[data-page="home"] .route-stage__heading h2 { max-width: 12ch; font-size: clamp(50px, 12vw, 78px); }
  body[data-page="home"] .route-stage__answer { margin-top: 26px; }
  body[data-page="home"] .route-stage__art { margin-top: 45px; max-height: 520px; }
  body[data-page="home"] .route-stage__art img { aspect-ratio: 1.05; object-position: 50% 51%; }
  body[data-page="home"] .evidence-stage__copy h2 { font-size: clamp(48px, 12vw, 72px); }
  body[data-page="home"] .offer-stage__lead h2 { font-size: clamp(52px, 12vw, 75px); }
  body[data-page="home"] .offer-stage__modes { display: block; border-top: 0; margin-top: 0; }
  body[data-page="home"] .offer-stage__modes li,
  body[data-page="home"] .offer-stage__modes li:first-child { min-height: 0; padding: 24px 0; border: 0; border-top: 1px solid var(--border); background: transparent; }
  body[data-page="home"] .offer-stage__modes li:nth-child(2) { border-top: 1px solid var(--border); padding-top: 24px; }
  body[data-page="home"] .offer-stage__modes strong { font-size: 33px; }
  body[data-page="home"] .funnel-contact__intro h2 { font-size: clamp(57px, 13vw, 84px); }
  body[data-page="home"] .funnel-contact-form { padding: 20px; }
  body[data-page="home"] .showcase__content h2 { font-size: clamp(50px, 11vw, 74px); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}