{"id":75,"date":"2026-09-06T18:30:12","date_gmt":"2026-09-06T18:30:12","guid":{"rendered":"https:\/\/preview.deltatheme.com\/kali\/about\/"},"modified":"2026-09-06T18:30:12","modified_gmt":"2026-09-06T18:30:12","slug":"about","status":"publish","type":"page","link":"https:\/\/preview.deltatheme.com\/kali\/about\/","title":{"rendered":"About"},"content":{"rendered":"<div class=\"kali\">\n\n  <!-- \u2500\u2500 page hero \u2500\u2500 -->\n  <section class=\"pagehero\">\n    <div class=\"u-container pagehero__inner\">\n      <p class=\"eyebrow\">About<\/p>\n      <h1 class=\"display\">Taught slowly,<br><em>on purpose.<\/em><\/h1>\n    <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 the teacher: photo left, copy right \u2500\u2500 -->\n  <section class=\"section\">\n    <div class=\"u-container\">\n      <div class=\"split\">\n        <figure class=\"photo split__photo\"><img src=\"https:\/\/preview.deltatheme.com\/kali\/wp-content\/uploads\/sites\/3\/2026\/09\/kali-field.webp\" alt=\"Warrior pose on an olive hillside\" style=\"object-position: 50% 70%;\"><\/figure>\n        <div class=\"split__copy\">\n          <h2 class=\"title-lg\">I came to yoga with a bad back and no patience.<\/h2>\n          <p class=\"muted\">Twelve years later the back is fine and the patience is a practice. I trained in Mysore and completed 500 hours with the Lisbon Yoga School, and I still take a class every week as a student.<\/p>\n          <p class=\"muted\">What I teach is simple: a strong, breath-led flow for the days you have energy, a seated practice for the days you don&rsquo;t, and one-to-one work for everything in between.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 pull quote: contrast band \u2500\u2500 -->\n  <section class=\"section inverted\">\n    <div class=\"u-container\">\n      <blockquote class=\"quote\">\n        <p class=\"quote__text\">&ldquo;The first time in years I left a class feeling taller instead of tired.&rdquo;<\/p>\n        <p class=\"quote__by\">Marta R. &middot; student since 2022<\/p>\n      <\/blockquote>\n    <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 the studio: copy left, photo right \u2500\u2500 -->\n  <section class=\"section\">\n    <div class=\"u-container\">\n      <div class=\"split\">\n        <div class=\"split__copy\">\n          <p class=\"eyebrow\">The studio<\/p>\n          <h2 class=\"title-lg\">A quiet room in Gra&ccedil;a.<\/h2>\n          <p class=\"muted\">Oak floors, morning light, tea after class. Eight mats, so nobody practises in a corner. Props and mats provided.<\/p>\n          <p class=\"small muted\">Rua da Gra&ccedil;a 14, 1170-165 Lisbon &middot; Tram 28, stop Gra&ccedil;a<\/p>\n        <\/div>\n        <figure class=\"photo split__photo split__photo--tall\"><img src=\"https:\/\/preview.deltatheme.com\/kali\/wp-content\/uploads\/sites\/3\/2026\/09\/kali-still.webp\" alt=\"Rolled mat, tea and eucalyptus\"><\/figure>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 green CTA band \u2500\u2500 -->\n  <section class=\"section section--action\">\n    <div class=\"u-container\">\n      <div class=\"cta\">\n        <div class=\"section__head\">\n          <p class=\"eyebrow\">Say hello<\/p>\n          <h2 class=\"title-xl\">Come and meet the room.<\/h2>\n        <\/div>\n        <a class=\"btn btn--primary\" href=\"https:\/\/preview.deltatheme.com\/kali\/schedule\/\">Book a first class <i class=\"icon\"><span class=\"delta-icon\" data-delta-icon-pack=\"tabler-outline\" data-delta-icon=\"arrow-up-right\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"M17 7l-10 10\"\/>\n  <path d=\"M8 7l9 0l0 9\"\/>\n<\/svg><\/span><\/i><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>About Taught slowly, on purpose. I came to yoga with a bad back and no patience. Twelve years later the back is fine and the patience is a practice. I trained in Mysore and completed 500 hours with the Lisbon Yoga School, and I still take a class every week as a student. What I teach is simple: a strong, breath-led flow for the days you have energy, a seated practice for the days you don&rsquo;t, and one-to-one work for everything in between. &ldquo;The first time in years I left a class feeling<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-75","page","type-page","status-publish","hentry"],"delta":{"html":"<div class=\"kali\">\n\n  <!-- \u2500\u2500 page hero \u2500\u2500 -->\n  <section class=\"pagehero\">\n    <div class=\"u-container pagehero__inner\">\n      <p class=\"eyebrow\">About<\/p>\n      <h1 class=\"display\">Taught slowly,<br><em>on purpose.<\/em><\/h1>\n    <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 the teacher: photo left, copy right \u2500\u2500 -->\n  <section class=\"section\">\n    <div class=\"u-container\">\n      <div class=\"split\">\n        <figure class=\"photo split__photo\"><img src=\"https:\/\/preview.deltatheme.com\/kali\/wp-content\/uploads\/sites\/3\/2026\/09\/kali-field.webp\" alt=\"Warrior pose on an olive hillside\" style=\"object-position: 50% 70%;\"><\/figure>\n        <div class=\"split__copy\">\n          <h2 class=\"title-lg\">I came to yoga with a bad back and no patience.<\/h2>\n          <p class=\"muted\">Twelve years later the back is fine and the patience is a practice. I trained in Mysore and completed 500 hours with the Lisbon Yoga School, and I still take a class every week as a student.<\/p>\n          <p class=\"muted\">What I teach is simple: a strong, breath-led flow for the days you have energy, a seated practice for the days you don&rsquo;t, and one-to-one work for everything in between.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 pull quote: contrast band \u2500\u2500 -->\n  <section class=\"section inverted\">\n    <div class=\"u-container\">\n      <blockquote class=\"quote\">\n        <p class=\"quote__text\">&ldquo;The first time in years I left a class feeling taller instead of tired.&rdquo;<\/p>\n        <p class=\"quote__by\">Marta R. &middot; student since 2022<\/p>\n      <\/blockquote>\n    <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 the studio: copy left, photo right \u2500\u2500 -->\n  <section class=\"section\">\n    <div class=\"u-container\">\n      <div class=\"split\">\n        <div class=\"split__copy\">\n          <p class=\"eyebrow\">The studio<\/p>\n          <h2 class=\"title-lg\">A quiet room in Gra&ccedil;a.<\/h2>\n          <p class=\"muted\">Oak floors, morning light, tea after class. Eight mats, so nobody practises in a corner. Props and mats provided.<\/p>\n          <p class=\"small muted\">Rua da Gra&ccedil;a 14, 1170-165 Lisbon &middot; Tram 28, stop Gra&ccedil;a<\/p>\n        <\/div>\n        <figure class=\"photo split__photo split__photo--tall\"><img src=\"https:\/\/preview.deltatheme.com\/kali\/wp-content\/uploads\/sites\/3\/2026\/09\/kali-still.webp\" alt=\"Rolled mat, tea and eucalyptus\"><\/figure>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2500\u2500 green CTA band \u2500\u2500 -->\n  <section class=\"section section--action\">\n    <div class=\"u-container\">\n      <div class=\"cta\">\n        <div class=\"section__head\">\n          <p class=\"eyebrow\">Say hello<\/p>\n          <h2 class=\"title-xl\">Come and meet the room.<\/h2>\n        <\/div>\n        <a class=\"btn btn--primary\" href=\"https:\/\/preview.deltatheme.com\/kali\/schedule\/\">Book a first class <i class=\"icon\"><span class=\"delta-icon\" data-delta-icon-pack=\"tabler-outline\" data-delta-icon=\"arrow-up-right\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"M17 7l-10 10\"\/>\n  <path d=\"M8 7l9 0l0 9\"\/>\n<\/svg><\/span><\/i><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n","css":"","js":"","styles":[{"handle":"21press-delta-tokens","url":"https:\/\/preview.deltatheme.com\/kali\/wp-content\/uploads\/sites\/3\/21press-delta\/site\/tokens.css","inline":""},{"handle":"21press-delta-engine","url":"https:\/\/preview.deltatheme.com\/kali\/wp-content\/themes\/delta\/assets\/frontend\/css\/base.css","inline":""},{"handle":"21press-delta-components","url":"https:\/\/preview.deltatheme.com\/kali\/wp-content\/uploads\/sites\/3\/21press-delta\/site\/components.css","inline":"\/**\n * Site CSS \u2014 element defaults, composed properties, context classes.\n * Agent-authored via set-site-assets. Prefer var(--\u2026) from tokens.css.\n *\/\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n}\n\nimg,\nsvg,\nvideo {\n  max-width: 100%;\n  height: auto;\n  display: block;\n}\n\n:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {\n  outline: 2px solid var(--color-focus, var(--color-action));\n  outline-offset: 2px;\n}\n\n.delta-site {\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n}\n\n.delta-main {\n  flex: 1;\n}\n\nul.delta-nav,\nul.delta-nav ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\nul.delta-nav ul {\n  padding-left: var(--space-md);\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-text);\n  font-size: var(--text-md-size);\n  line-height: var(--text-md-leading);\n  letter-spacing: var(--text-md-tracking);\n  color: var(--color-ink);\n  background: var(--color-surface-body);\n}\n\nh1,\nh2,\nh3,\nh4 {\n  font-family: var(--font-title);\n  color: var(--color-ink);\n}\n\nh1 {\n  font-size: var(--title-xl-size);\n  line-height: var(--title-xl-leading);\n  letter-spacing: var(--title-xl-tracking);\n  font-weight: var(--weight-regular);\n  text-wrap: balance;\n}\n\nh2 {\n  font-size: var(--title-lg-size);\n  line-height: var(--title-lg-leading);\n  letter-spacing: var(--title-lg-tracking);\n  font-weight: var(--weight-regular);\n  text-wrap: balance;\n}\n\nh3 {\n  font-size: var(--title-md-size);\n  line-height: var(--title-md-leading);\n  letter-spacing: var(--title-md-tracking);\n  font-weight: var(--weight-regular);\n  text-wrap: balance;\n}\n\na {\n  color: var(--color-action);\n}\n\na:hover {\n  color: var(--color-action-hover);\n}\n\n.section__inner {\n  max-width: var(--layout-content);\n  font-size: var(--text-md-size);\n  line-height: var(--text-md-leading);\n  letter-spacing: var(--text-md-tracking);\n  color: var(--color-ink);\n}\n\n.section__inner h2,\n.section__inner h3 {\n  font-family: var(--font-title);\n  font-weight: var(--weight-medium);\n  margin: var(--space-xl) 0 var(--space-sm);\n}\n\n.section__inner h2 {\n  font-size: var(--title-lg-size);\n  line-height: var(--title-lg-leading);\n  letter-spacing: var(--title-lg-tracking);\n}\n\n.section__inner h3 {\n  font-size: var(--title-md-size);\n  line-height: var(--title-md-leading);\n  letter-spacing: var(--title-md-tracking);\n}\n\n.section__inner p {\n  margin: 0 0 var(--space-md);\n  color: var(--color-ink-muted);\n}\n\n\/* Links inside body text only. Never a bare `.x a { color }` (0,1,1): it outranks\n   a component's own color (.btn is 0,1,0) and paints button labels invisible.\n   The link_color_scope write invariant enforces this; the seed obeys it too. *\/\n.section__inner a:not([class]) {\n  color: var(--color-action);\n}\n\n\/* PHP fallback chrome (header.php \/ footer.php) when no header\/footer template\n   HTML is assigned. Designed Default Header\/Footer CSS overrides these. *\/\n.site-header {\n  position: sticky;\n  top: 0;\n  z-index: 40;\n  background: color-mix(in srgb, var(--color-surface-body) 88%, transparent);\n  backdrop-filter: blur(12px);\n}\n\n.site-header__inner {\n  max-width: var(--layout-max);\n  margin-inline: auto;\n  padding: var(--space-md) var(--layout-section-inline);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-lg);\n}\n\n.site-header__brand {\n  font-family: var(--font-text);\n  font-size: var(--text-lg-size);\n  font-weight: var(--weight-bold);\n  letter-spacing: var(--tracking-tight);\n  color: var(--color-ink);\n  text-decoration: none;\n}\n\n.site-header__brand .delta-site-logo {\n  display: block;\n  height: var(--space-xl);\n  width: auto;\n  max-width: calc(var(--space-4xl) * 2);\n}\n\n.site-header__nav {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-3xs) var(--space-lg);\n}\n\n.site-header__nav a:not([class]) {\n  font-size: var(--text-sm-size);\n  font-weight: var(--weight-medium);\n  color: var(--color-ink-muted);\n  text-decoration: none;\n}\n\n.site-header__nav a:not([class]):hover,\n.site-header__nav a[aria-current=\"page\"] {\n  color: var(--color-ink);\n}\n\n.site-footer {\n  margin-top: auto;\n  border-top: var(--border-width) solid var(--color-border);\n  padding: var(--space-xl) var(--layout-section-inline);\n  color: var(--color-ink-muted);\n  font-size: var(--text-sm-size);\n}\n\n.site-footer__inner {\n  max-width: var(--layout-max);\n  margin-inline: auto;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  gap: var(--space-md);\n}\n\n.site-footer a:not([class]) {\n  color: inherit;\n  text-decoration: none;\n}\n\n.site-footer a:not([class]):hover {\n  color: var(--color-ink);\n}\n\n\/**\n * A contrast band switches its whole ink set, not just its background.\n *\n * Setting `background: var(--color-surface-contrast)` alone leaves default ink on\n * the inverted ground. Rebinding the ink tokens inside the band means anything\n * using var(--color-ink) is right by default.\n *\/\n[data-surface=\"contrast\"],\n.surface-contrast {\n  background: var(--color-surface-contrast);\n  --color-ink: var(--color-ink-on-contrast);\n  --color-ink-muted: var(--color-ink-muted-on-contrast);\n  --color-border: var(--color-border-on-contrast);\n  color: var(--color-ink);\n}\n\n.inverted {\n  \/* color must be declared here: it inherits from body as an already computed\n     value, so rebinding --color-ink alone leaves descendants on the light ink.\n     This exact omission taught agents the 1.02:1 text defect (28 Aug 2026). *\/\n  color: var(--color-ink);\n  background: var(--color-surface-contrast);\n  --color-ink: var(--color-ink-on-contrast);\n  --color-ink-muted: var(--color-ink-muted-on-contrast);\n  --color-border: var(--color-border-on-contrast);\n  --color-action: var(--color-ink-on-contrast);\n  --color-on-action: var(--color-surface-contrast);\n  --color-action-hover: var(--color-ink-muted-on-contrast);\n  --color-focus: var(--color-ink-on-contrast);\n}\n\n\/* \u2550\u2550\u2550 Kali components \u2014 ported from the design prototype (kali\/kali.css).\n   Scoped to .kali so nothing here reaches the seed templates.\n   Every value is a token or a calc() of tokens. The only literals are\n   structural: grid spans, aspect ratios, 100%, 0, transparent, and\n   motion timing. Buttons reuse the site .btn component: .btn--primary is\n   the filled green button, .btn--secondary the outline. \u2550\u2550\u2550 *\/\n\n.kali { text-wrap: pretty; }\n.kali h1, .kali h2, .kali h3, .kali p, .kali ul, .kali figure, .kali blockquote { margin: 0; }\n.kali ul { padding: 0; list-style: none; }\n.kali a { text-decoration: none; }\n.kali img { max-width: 100%; display: block; }\n\n.u-container { max-width: var(--layout-max); margin-inline: auto; }\n\n.eyebrow { font-family: var(--font-text); font-size: var(--title-2xs-size); line-height: var(--title-2xs-leading); letter-spacing: var(--title-2xs-tracking); text-transform: uppercase; font-weight: var(--weight-medium); color: var(--color-action); }\n.display { font-family: var(--font-display); font-size: var(--title-display-size); line-height: var(--title-display-leading); letter-spacing: var(--title-display-tracking); font-weight: var(--weight-regular); color: var(--color-ink); }\n.title-xl { font-family: var(--font-title); font-size: var(--title-xl-size); line-height: var(--title-xl-leading); letter-spacing: var(--title-xl-tracking); font-weight: var(--weight-regular); }\n.title-lg { font-family: var(--font-title); font-size: var(--title-lg-size); line-height: var(--title-lg-leading); letter-spacing: var(--title-lg-tracking); font-weight: var(--weight-regular); }\n.title-md { font-family: var(--font-title); font-size: var(--title-md-size); line-height: var(--title-md-leading); letter-spacing: var(--title-md-tracking); font-weight: var(--weight-regular); }\n.title-sm { font-family: var(--font-title); font-size: var(--title-sm-size); line-height: var(--title-sm-leading); letter-spacing: var(--title-sm-tracking); font-weight: var(--weight-regular); }\n.title-xs { font-family: var(--font-title); font-size: var(--title-xs-size); line-height: var(--title-xs-leading); letter-spacing: var(--title-xs-tracking); font-weight: var(--weight-regular); }\n.lede { font-size: var(--text-lg-size); line-height: var(--text-lg-leading); letter-spacing: var(--text-lg-tracking); color: var(--color-ink-muted); max-width: var(--layout-content); }\n.muted { color: var(--color-ink-muted); }\n.small { font-size: var(--text-sm-size); line-height: var(--text-sm-leading); letter-spacing: var(--text-sm-tracking); }\n.kali em, .italic { font-style: italic; }\n\n.inverted .eyebrow { color: var(--color-ink-muted); }\n\n.section { padding-block: var(--layout-section-block); padding-inline: var(--layout-section-inline); }\n.section--tight { padding-block: calc(var(--layout-section-block) \/ 2); }\n.section--flush-top { padding-top: 0; }\n.section > .u-container { display: flex; flex-direction: column; gap: var(--space-2xl); }\n.section__head { display: flex; flex-direction: column; gap: var(--space-md); max-width: var(--layout-wide); }\n.section__head--row { flex-direction: row; align-items: flex-end; justify-content: space-between; max-width: none; gap: var(--space-xl); }\n.section--action { background: var(--color-action); color: var(--color-on-action); }\n.section--action h2, .section--action .lede, .section--action .eyebrow { color: var(--color-on-action); }\n.section--action .btn--primary { background: var(--color-on-action); color: var(--color-action); }\n.section--action .btn--primary:hover { background: var(--color-surface-body); color: var(--color-action-hover); }\n.section--cover { position: relative; overflow: hidden; background: var(--color-surface-contrast); --color-ink: var(--color-ink-on-contrast); --color-ink-muted: var(--color-ink-muted-on-contrast); --color-border: var(--color-border-on-contrast); color: var(--color-ink); }\n.section--cover > .photo { position: absolute; inset: 0; }\n.section--cover > .photo::before { content: \"\"; position: absolute; inset: 0; z-index: 1; background: color-mix(in oklch, var(--color-surface-contrast) 72%, transparent); }\n.section--cover > .u-container { position: relative; z-index: 1; }\n\n.hero { padding: var(--layout-section-block) var(--layout-section-inline); }\n.hero__stack { display: flex; flex-direction: column; gap: var(--space-3xl); }\n.hero__copy { display: flex; flex-direction: column; gap: var(--space-lg); }\n.hero__photo { aspect-ratio: 21 \/ 9; border-radius: var(--radius-lg); }\n.hero__actions { display: flex; gap: var(--space-sm); flex-wrap: wrap; }\n\n.hero--cover { position: relative; padding: 0; min-height: calc(var(--layout-wide) - var(--space-3xl)); display: flex; align-items: flex-end; background: var(--color-surface-contrast); --color-ink: var(--color-ink-on-contrast); --color-ink-muted: var(--color-ink-muted-on-contrast); --color-border: var(--color-border-on-contrast); color: var(--color-ink); }\n.hero--cover .photo { position: absolute; inset: 0; border-radius: 0; }\n.hero--cover .photo::before { content: \"\"; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, color-mix(in oklch, var(--color-surface-contrast) 80%, transparent) 0%, color-mix(in oklch, var(--color-surface-contrast) 25%, transparent) 45%, transparent 75%), linear-gradient(to right, color-mix(in oklch, var(--color-surface-contrast) 45%, transparent) 0%, transparent 60%), linear-gradient(to bottom, color-mix(in oklch, var(--color-surface-contrast) 60%, transparent), transparent 24%); }\n.hero--cover .hero__copy { position: relative; z-index: 1; width: 100%; padding: var(--layout-section-block) var(--layout-section-inline); max-width: var(--layout-max); margin-inline: auto; box-sizing: border-box; }\n.hero--cover .eyebrow { color: var(--color-ink-muted); }\n.hero--cover .btn--secondary { color: var(--color-ink); border-color: var(--color-ink-muted); }\n.hero--cover .btn--secondary:hover { border-color: var(--color-ink); }\n\n.pagehero { padding: var(--layout-section-block) var(--layout-section-inline); border-bottom: var(--border-width) solid var(--color-border); }\n.pagehero--flush { border-bottom: 0; padding-bottom: calc(var(--layout-section-block) \/ 2); }\n.pagehero__inner { display: flex; flex-direction: column; gap: var(--space-md); }\n.pagehero__inner--center { max-width: var(--layout-wide); margin-inline: auto; align-items: center; text-align: center; }\n.pagehero__inner--center .lede { text-align: center; }\n\n@media (max-width: 64rem) {\n  .split, .svc { grid-template-columns: minmax(0, 1fr); gap: var(--space-2xl); }\n  .svc:nth-child(even) .svc__photo { order: 0; }\n  .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n  .bento > * { grid-column: 1 \/ -1 !important; grid-row: auto !important; }\n  .sched__row { grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-xs) var(--space-md); }\n}\n@media (max-width: 40rem) {\n  .kali-nav__links { display: none; }\n  .posts, .cards, .strip, .facts { grid-template-columns: minmax(0, 1fr); }\n  .strip__item + .strip__item { border-left: 0; border-top: var(--border-width) solid var(--color-border); }\n  .cta, .section__head--row { flex-direction: column; align-items: flex-start; }\n}\n\n\/* A page that carries its own overlaid .kali-nav (Home) suppresses the template\n   header, so the hero photo runs to the top of the viewport. :has() scopes this\n   to exactly those pages with no dependency on WordPress body classes, and the\n   template footer is left intact. showHeader\/showFooter do not write on this\n   install \u2014 only chromeMode does, and it is all-or-nothing \u2014 so this is the way\n   to hide one without losing the other. *\/\nbody:has(.kali-nav) .header { display: none; }\n\n.header { padding-inline: var(--layout-section-inline); border-bottom: var(--border-width) solid var(--color-border); background: var(--color-surface-body); }\n.header__inner { max-width: var(--layout-max); margin-inline: auto; display: flex; align-items: center; gap: var(--space-xl); height: calc(var(--space-2xl) + var(--space-lg)); }\n.header__brand { font-family: var(--font-title); font-size: var(--title-xs-size); line-height: var(--title-xs-leading); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--color-ink); text-decoration: none; }\n.header__brand:hover { color: var(--color-ink); }\n.header__nav { margin-left: auto; }\n.header__nav .delta-nav { display: flex; gap: var(--space-lg); }\n.header__nav li a:not([class]) { color: var(--color-ink-muted); font-size: var(--text-sm-size); line-height: var(--text-sm-leading); font-weight: var(--weight-medium); text-decoration: none; }\n.header__nav li a:not([class]):hover, .header__nav li a:not([class])[aria-current=\"page\"], .header__nav .current-menu-item > a:not([class]) { color: var(--color-ink); }\n@media (max-width: 40rem) { .header__nav { display: none; } .header__cta { margin-left: auto; } }\n\n.footer { border-top: var(--border-width) solid var(--color-border); padding: var(--layout-section-block) var(--layout-section-inline) var(--space-xl); display: flex; flex-direction: column; gap: var(--space-2xl); }\n.footer__grid, .footer__bar { width: 100%; max-width: var(--layout-max); margin-inline: auto; }\n.footer__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(var(--space-4xl) * 2), 1fr)); gap: var(--space-xl); }\n@media (min-width: 64rem) { .footer__grid { grid-template-columns: minmax(0, 5fr) repeat(3, minmax(0, 2fr)); } }\n.footer__brand { display: flex; flex-direction: column; gap: var(--space-md); }\n.footer__logo { font-family: var(--font-title); font-size: var(--title-sm-size); line-height: var(--title-sm-leading); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--color-ink); text-decoration: none; }\n.footer__blurb { margin: 0; max-width: calc(var(--layout-content) \/ 2); color: var(--color-ink-muted); font-size: var(--text-sm-size); line-height: var(--text-sm-leading); }\n.footer__col { display: flex; flex-direction: column; gap: var(--space-sm); }\n.footer__col .delta-nav { display: flex; flex-direction: column; gap: var(--space-sm); }\n.footer__eyebrow { margin: 0 0 var(--space-2xs); font-family: var(--font-text); font-size: var(--title-2xs-size); line-height: var(--title-2xs-leading); letter-spacing: var(--title-2xs-tracking); text-transform: uppercase; font-weight: var(--weight-medium); color: var(--color-ink-muted); }\n.footer__link, .footer__col li a:not([class]) { color: var(--color-ink); font-size: var(--text-sm-size); line-height: var(--text-sm-leading); text-decoration: none; }\n.footer__link:hover, .footer__col li a:not([class]):hover { color: var(--color-action); }\n.footer__bar { display: flex; align-items: center; gap: var(--space-md); padding-top: var(--space-lg); border-top: var(--border-width) solid var(--color-border); color: var(--color-ink-muted); font-size: var(--text-sm-size); line-height: var(--text-sm-leading); }\n.footer__meta { margin-left: auto; font-size: var(--text-xs-size); line-height: var(--text-xs-leading); letter-spacing: var(--tracking-wide); text-transform: uppercase; }"}],"mode":"seed"},"_links":{"self":[{"href":"https:\/\/preview.deltatheme.com\/kali\/wp-json\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview.deltatheme.com\/kali\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preview.deltatheme.com\/kali\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preview.deltatheme.com\/kali\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/preview.deltatheme.com\/kali\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":1,"href":"https:\/\/preview.deltatheme.com\/kali\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/preview.deltatheme.com\/kali\/wp-json\/wp\/v2\/pages\/75\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/preview.deltatheme.com\/kali\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}