/*
Theme Name: Nana
Theme URI: https://nana.coach
Author: Nana
Description: Block theme for nana.coach. Brand settings live in theme.json; page sections are patterns under the "Nana" category.
Requires at least: 6.6
Requires PHP: 7.4
Version: 0.6.0
Text Domain: nana
*/

@font-face { font-family: "Nitti"; src: url("assets/fonts/Nitti_Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Nitti"; src: url("assets/fonts/Nitti_Medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; }


body { -webkit-font-smoothing: antialiased; }
.wp-site-blocks > * { margin-block-start: 0; }
.wp-block-post-content > .alignfull { margin-block: 0; }
a { text-decoration: none; }
p a, li a, td a { border-bottom: 1px solid var(--wp--preset--color--pink); }

/* Links and text on green */
.has-green-background-color a { color: var(--wp--preset--color--lime); }
.has-green-background-color a:hover { color: var(--wp--preset--color--pink); }

/* Header */
html, body { overflow-x: clip !important; overflow-y: visible !important; }
.wp-site-blocks { overflow: visible !important; }
.nana-header { padding: 22px 6vw !important; }
/* Header: fixed and transparent on every page; the first section slides up underneath it */
:root { --nana-hh: 76px; }
header.wp-block-template-part { position: fixed !important; top: 0; left: 0; right: 0; z-index: 50; background: transparent !important; }
header.wp-block-template-part > *, header.wp-block-template-part .nana-header { background: transparent !important; background-color: transparent !important; }
.admin-bar header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) { .admin-bar header.wp-block-template-part { top: 46px; } }
@media (max-width: 600px) { .admin-bar header.wp-block-template-part { top: 0; } }
.nana-main > .wp-block-post-content > .alignfull:first-child:not(.nana-home-hero) { padding-top: calc(var(--nana-hh) + clamp(56px, 7vw, 120px)) !important; }
.nana-main > .wp-block-post-content > .nana-hero.alignfull:first-child:has(.nana-stories-art) { padding-top: calc(var(--nana-hh) + clamp(20px, 3vw, 44px)) !important; }
.nana-main > .wp-block-post-content > :first-child:not(.alignfull) { margin-top: var(--nana-hh) !important; }
.nana-article-page { padding-top: var(--nana-hh); }
/* Articles sit on a light background: switch the header to green */
body:has(.nana-article-page) .nana-logo a, body:has(.nana-article-page) .nana-nav a, body:has(.nana-article-page) .nana-nav .wp-block-navigation-item__label, body:has(.nana-article-page) .nana-nav .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--green) !important; }
body:has(.nana-article-page) .nana-nav .nana-get > a, body:has(.nana-article-page) .nana-nav .nana-get > button { border-color: var(--wp--preset--color--green) !important; }
@media (max-width: 782px) { .admin-bar .nana-tabs { top: 122px; } }
@media (max-width: 600px) { .admin-bar .nana-tabs { top: 76px; } }
.nana-wordmark a { color: var(--wp--preset--color--lime); border: 0; }
.nana-nav { gap: 28px; font-family: var(--wp--preset--font-family--mono); font-size: 13px; letter-spacing: 1px; }
.nana-nav .wp-block-navigation-item__content { color: var(--wp--preset--color--lime); padding-bottom: 3px; border-bottom: 1px solid transparent; }
.nana-nav .wp-block-navigation-item__content:hover,
.nana-nav .current-menu-item > .wp-block-navigation-item__content { border-bottom-color: var(--wp--preset--color--pink); color: var(--wp--preset--color--lime); }
.nana-get > .wp-block-navigation-item__content { display: flex; align-items: center; height: 32px; padding: 0 11px !important; font-size: 16px !important; background: var(--wp--preset--color--lime); color: var(--wp--preset--color--green) !important; border: 1px solid var(--wp--preset--color--lime) !important; border-radius: 1px; transition: background .25s, color .25s; }
.nana-get > .wp-block-navigation-item__content:hover { background: transparent; color: var(--wp--preset--color--lime) !important; }
.nana-get > .wp-block-navigation__submenu-icon { display: none; }
.nana-get .wp-block-navigation__submenu-container { right: 0; left: auto !important; min-width: 210px !important; background: var(--wp--preset--color--green) !important; border: 1px solid var(--wp--preset--color--lime) !important; }
.nana-get .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 12px 16px; border: 0; }
.nana-get .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--lime); color: var(--wp--preset--color--green); }
.nana-nav .wp-block-navigation__responsive-container.is-menu-open { font-size: 26px; }
.nana-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: center; gap: 28px; }

/* Section rhythm */
.nana-hero { padding-block: clamp(56px, 7vw, 120px) clamp(48px, 5vw, 90px) !important; }
.nana-section { padding-block: var(--wp--preset--spacing--60) !important; }
.nana-intro { padding-right: max(0px, calc(100% - 720px)); }
.nana-left-stack > * { margin-inline: 0 !important; }
.nana-left-stack > * + * { margin-block-start: 40px !important; }

/* Labels */
.is-style-nana-label { font-family: var(--wp--preset--font-family--mono); font-size: 13px; letter-spacing: 1px; line-height: 1.4; text-transform: uppercase; }

/* Legal and charter layout */
.nana-legal { gap: 6vw !important; }
.nana-legal-body { max-width: 700px; }
.nana-toc { position: sticky; top: 110px; align-self: flex-start; }
.nana-toc .is-style-nana-label { font-size: 11px; color: var(--wp--preset--color--grey); margin-bottom: 10px; }
.nana-toc-list { list-style: none; padding: 0; margin: 0; counter-reset: toc; font-size: 13px; line-height: 1.4; }
.nana-toc-list li { counter-increment: toc; display: grid; grid-template-columns: 28px 1fr; gap: 8px; padding: 8px 0; border-bottom: 1px solid rgba(23,23,23,.1); }
.nana-toc-list li::before { content: counter(toc, decimal-leading-zero); font-family: var(--wp--preset--font-family--mono); font-size: 11px; letter-spacing: 1px; color: var(--wp--preset--color--green); padding-top: 2px; }
.nana-toc-list a { color: var(--wp--preset--color--ink); border: 0; }
.nana-toc-list a:hover { color: var(--wp--preset--color--green); }
.nana-numbered { scroll-margin-top: 110px; padding-top: var(--wp--preset--spacing--50); }
.nana-legal-body > .nana-numbered:first-child { padding-top: 0; }
.nana-numhead { align-items: baseline !important; gap: 16px !important; }
.nana-num { margin: 0; font-family: var(--wp--preset--font-family--wordmark); font-weight: 700; font-size: clamp(24px, 2.4vw, 34px); line-height: 1; letter-spacing: -1px; color: var(--wp--preset--color--green); }
.nana-numhead h2 { margin: 0; font-size: clamp(26px, 2.6vw, 38px); color: var(--wp--preset--color--black); }
h3.nana-sub { font-family: var(--wp--preset--font-family--mono); font-size: 13px; font-weight: 500; letter-spacing: 1px; line-height: 1.4; color: var(--wp--preset--color--green); margin-top: 12px; }

/* Hairline list */
.is-style-nana-rows:where(ul, ol) { list-style: none; padding: 0; border-top: 1px solid rgba(23,23,23,.14); }
.is-style-nana-rows:where(ul, ol) > li { padding: 12px 0; border-bottom: 1px solid rgba(23,23,23,.14); font-size: 15px; line-height: 1.55; }

/* Label / value rows (table) */
.wp-block-table.is-style-nana-rows table { border-collapse: collapse; width: 100%; border-top: 1px solid rgba(23,23,23,.14); }
.wp-block-table.is-style-nana-rows td { border: 0; border-bottom: 1px solid rgba(23,23,23,.14); padding: 14px 20px 14px 0; vertical-align: top; font-size: 15px; line-height: 1.55; }
.wp-block-table.is-style-nana-rows td:first-child { width: 42%; font-weight: 600; }

/* Statement */
.nana-statement { font-family: var(--wp--preset--font-family--display); font-size: clamp(28px, 3.2vw, 48px); line-height: 1.08; letter-spacing: -0.4px; color: var(--wp--preset--color--green); text-wrap: pretty; }

/* Buttons */
.wp-block-button.is-style-nana-outline .wp-block-button__link { background: transparent; color: var(--wp--preset--color--ink); border-color: var(--wp--preset--color--pink); }
.wp-block-button.is-style-nana-outline .wp-block-button__link:hover { background: var(--wp--preset--color--pink); }
.wp-block-button__link { transition: background .25s, color .25s; }

/* Home + shared content sections */
.nana-section-xl { padding-block: clamp(72px, 9vw, 140px) !important; }
.nana-home-hero .wp-block-cover__inner-container { display: flex; flex-direction: column; align-items: center; gap: 28px; text-align: center; padding: 140px 0 8vw; }
.nana-hero-art img { width: min(46.88vw, 620px); height: auto; }
.nana-home-hero .wp-block-cover__inner-container > * { margin-block: 0 !important; }
.nana-home-hero .nana-hero-art { margin: 0 !important; line-height: 0; }
.wp-block-button__link { font-family: var(--wp--preset--font-family--mono) !important; font-weight: 400 !important; font-size: 19px !important; line-height: 1 !important; letter-spacing: 0.14em !important; text-transform: uppercase; padding: 12px 13px !important; border-width: 1px !important; }
.wp-block-navigation .wp-block-button__link, header .wp-block-button__link { font-size: 16px !important; padding: 9px 10px !important; }
.nana-life-art img { width: min(60vw, 780px); height: auto; margin-inline: auto; display: block; transition: transform .35s ease-in-out; }
.nana-life-art img:hover { transform: scale(1.06); }
.nana-stories-teaser { position: relative; min-height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 !important; }
.nana-stories-teaser > .nana-strips { position: absolute; inset: 0; margin: 0 !important; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 0 3vw; }
.nana-strip { flex: 0 0 auto; width: min(22vw, 300px); height: 100%; overflow: hidden; margin: 0 !important; }
.nana-strip-track { display: flex; flex-direction: column; margin: 0 !important; will-change: transform; }
.nana-strip-track > .wp-block-image { margin: 0 0 28px !important; flex: 0 0 auto; }
.nana-strip-track img { display: block; width: 100%; aspect-ratio: 167 / 230; object-fit: cover; }
.nana-teaser-content { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 28px; padding: 0 6vw; margin: 0 !important; }
.nana-teaser-content > * { margin: 0 !important; }
@media (max-width: 820px) { .nana-strip { width: 30vw; } .nana-stories-teaser > .nana-strips { gap: 10px; } }
.nana-hero-mono { max-width: 700px; margin-inline: auto !important; font-family: var(--wp--preset--font-family--mono); font-size: clamp(12px, 1.27vw, 17px); line-height: 1.385; color: var(--wp--preset--color--lime); }
.nana-mission > * + * { margin-block-start: clamp(32px, 4vw, 64px) !important; }
.nana-mission p { font-family: var(--wp--preset--font-family--wordmark); font-weight: 400; font-size: clamp(24px, 2.8vw, 44px); line-height: 1.3; letter-spacing: -0.5px; text-wrap: pretty; }
.nana-mission strong { font-weight: 700; }
.nana-lead { font-family: var(--wp--preset--font-family--display); font-size: clamp(22px, 2.2vw, 32px); line-height: 1.2; letter-spacing: -0.4px; color: var(--wp--preset--color--black); text-wrap: pretty; }
.nana-big { font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--l); line-height: 1.07; letter-spacing: -0.4px; text-wrap: pretty; }
.has-mist-background-color .nana-big, .has-white-background-color .nana-big { color: var(--wp--preset--color--black); }
.nana-small { font-size: 14px; line-height: 1.45; letter-spacing: 0.1px; text-wrap: pretty; }
.nana-intro-block { max-width: 1100px !important; margin-inline: auto !important; margin-bottom: clamp(40px, 5vw, 72px) !important; }
.nana-grid { max-width: 1100px !important; margin-inline: auto !important; width: 100%; }
.nana-intro-block > * { max-width: none !important; margin-inline: 0 !important; }
.nana-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: clamp(40px, 4vw, 56px) 5vw !important; align-items: start; }
.nana-grid > .nana-feature { margin: 0 !important; max-width: none !important; width: auto !important; }
@media (max-width: 820px) { .nana-grid { grid-template-columns: 1fr !important; gap: 28px !important; } }
.nana-feature > * { margin-block: 0 !important; }
.nana-feature > * + * { margin-block-start: 12px !important; }
.nana-feature + .nana-feature { margin-top: 36px; }
.nana-grid .nana-feature + .nana-feature { margin-top: 0; }
.nana-feature h3 { color: var(--wp--preset--color--black); }
.nana-two { gap: 5vw !important; }
.nana-two > .wp-block-column > * { margin-block: 0 !important; }
.nana-two > .wp-block-column > * + * { margin-block-start: 20px !important; }
.nana-heading-sans { font-family: var(--wp--preset--font-family--body, 'Manrope', Arial, sans-serif) !important; font-weight: 700 !important; letter-spacing: -0.6px !important; }
.nana-center { align-items: center !important; }
.nana-shadow img { filter: drop-shadow(rgba(0,0,0,.3) 0 0 15px); }
.nana-ratio-43 img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.wp-block-button.is-style-nana-outline-lime .wp-block-button__link { background: transparent; color: var(--wp--preset--color--lime); border-color: var(--wp--preset--color--lime); }
.wp-block-button.is-style-nana-outline-lime .wp-block-button__link:hover { background: var(--wp--preset--color--lime); color: var(--wp--preset--color--green); }
.nana-stories-teaser .wp-block-button.is-style-nana-outline-lime .wp-block-button__link:hover { background: transparent; color: var(--wp--preset--color--pink); border-color: var(--wp--preset--color--pink); }
@media (max-width: 600px) { .nana-home-hero .wp-block-buttons { flex-direction: column; align-items: stretch; width: 100%; } }

/* About */
.nana-people { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 40px !important; align-items: start; }
.nana-people > * { margin: 0 !important; max-width: none !important; }
@media (max-width: 820px) { .nana-people { grid-template-columns: 1fr !important; } }
.nana-person > * { margin-block: 0 !important; }
.nana-person > * + * { margin-block-start: 10px !important; }
.nana-person > .nana-portrait { margin-bottom: 8px !important; }
.nana-portrait { max-width: 420px; }
.nana-portrait img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.nana-person h3 { color: inherit; }
.has-white-background-color .nana-person h3 { color: var(--wp--preset--color--black); }
.nana-role { font-size: 11px !important; }
.nana-muted { color: var(--wp--preset--color--grey); }
.nana-intro-block > * { margin-block: 0 !important; }
.nana-intro-block > * + * { margin-block-start: 16px !important; }
.nana-intro-block h2 { text-wrap: pretty; }

/* Learn */
.nana-tabs { position: sticky; top: 76px; z-index: 40; gap: clamp(32px, 5vw, 72px) !important; padding-block: 0 !important; border-top: 1px solid rgba(220,253,98,.35); border-bottom: 1px solid rgba(220,253,98,.35); overflow-x: auto; justify-content: center; }
.admin-bar .nana-tabs { top: 108px; }
.nana-tabs p { margin: 0 !important; flex: 0 0 auto; }
.nana-tabs a { display: block; padding: 14px 0; font-family: var(--wp--preset--font-family--mono); font-size: 13px; letter-spacing: 1px; border: 0; }
.nana-pillar { scroll-margin-top: 130px; }
.nana-pillar > * + * { margin-block-start: 40px !important; }
.nana-pillar h2 { color: var(--wp--preset--color--black); }
.nana-heading-bold, .nana-pillar > h2 { font-family: var(--wp--preset--font-family--wordmark) !important; font-weight: 700 !important; font-size: clamp(30px, 3.2vw, 44px) !important; line-height: 1.04 !important; letter-spacing: -1.2px !important; color: var(--wp--preset--color--ink) !important; text-wrap: pretty; }
.nana-featured { gap: 4vw !important; }
.nana-featured .wp-block-column > * { margin-block: 0 !important; }
.nana-featured .wp-block-column > * + * { margin-block-start: 14px !important; }
.nana-featured h3 { font-size: clamp(24px, 2.4vw, 36px); }
.nana-pillar h3 a, .nana-pillar h4 a { color: var(--wp--preset--color--black); border: 0; }
.nana-pillar h3 a:hover, .nana-pillar h4 a:hover { color: var(--wp--preset--color--green); }
.nana-ratio-1610 img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; }
.nana-xs { font-size: 11px !important; }
.nana-byline { font-size: 12px; font-weight: 600; }
.nana-slots { gap: 24px !important; }
.nana-slot > * { margin-block: 0 !important; }
.nana-slot > * + * { margin-block-start: 14px !important; }
.nana-slot h4 { font-family: var(--wp--preset--font-family--display); font-weight: 400; font-size: clamp(20px, 1.8vw, 26px); line-height: 1.07; letter-spacing: -0.4px; text-wrap: pretty; }
.nana-slot-soon { height: 100%; display: flex; flex-direction: column; align-items: flex-start; }
.nana-slot-soon::before { content: ""; display: block; width: 100%; aspect-ratio: 4 / 3; }
.nana-slot-soon-text { font-family: var(--wp--preset--font-family--display); font-size: clamp(20px, 1.8vw, 26px); line-height: 1.07; letter-spacing: -0.4px; color: var(--wp--preset--color--black); }
.nana-slot-soon .wp-block-buttons { margin-top: auto !important; }
.nana-band { gap: 5vw !important; align-items: center !important; }
.nana-band-text { max-width: 720px; }
.nana-band-text > * { margin-block: 0 !important; }
.nana-band-text > * + * { margin-block-start: 16px !important; }
@media (max-width: 820px) { .nana-tabs { justify-content: flex-start; } .nana-band { flex-direction: column; align-items: flex-start !important; } }
@media (max-width: 781px) { .nana-slot-soon::before { display: none; } }

.nana-pillar .wp-block-post-template { list-style: none; margin: 0; padding: 0; }
.nana-pillar .wp-block-post-template > li { margin: 0; }
.nana-q-slots .wp-block-post-template { gap: 24px; }
.nana-slot-img, .nana-feat-img { margin: 0 !important; overflow: hidden; width: 100%; }
.nana-slot-img { aspect-ratio: 4 / 3; }
.nana-feat-img { aspect-ratio: 16 / 10; }
.nana-slot-img a, .nana-feat-img a { display: block; width: 100%; height: 100%; }
.nana-slot-img img, .nana-feat-img img { display: block; width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover; }
.nana-slots { display: flex !important; flex-wrap: nowrap !important; align-items: stretch; }
.nana-slots > .wp-block-column:first-child { flex: 2 1 0 !important; min-width: 0; }
.nana-slots > .wp-block-column:last-child { flex: 1 1 0 !important; min-width: 0; }
.nana-q-slots .wp-block-post-template { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.nana-q-slots .wp-block-post-template > li { width: auto !important; max-width: none !important; }
.nana-keep-query .wp-block-post-template { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; list-style: none; margin: 0; padding: 0; }
.nana-keep-query .wp-block-post-template > li { width: auto !important; margin: 0 !important; }
@media (max-width: 781px) { .nana-slots { flex-direction: column !important; } .nana-q-slots .wp-block-post-template, .nana-keep-query .wp-block-post-template { grid-template-columns: 1fr !important; } }
.nana-slot-img a, .nana-feat-img a, .nana-slot-title a, .nana-feat-title a { border: 0; }
.nana-feat-title { font-size: clamp(24px, 2.4vw, 36px) !important; }
.nana-slot-title { font-family: var(--wp--preset--font-family--display); font-weight: 400; font-size: clamp(20px, 1.8vw, 26px) !important; line-height: 1.07; letter-spacing: -0.4px; text-wrap: pretty; }
.nana-slot-title a, .nana-feat-title a { color: var(--wp--preset--color--black); }
.nana-slot-title a:hover, .nana-feat-title a:hover { color: var(--wp--preset--color--green); }
.nana-q-excerpt p { margin: 0; }
.nana-q-excerpt .wp-block-post-excerpt__more-text { display: none; }

/* Stories */
.nana-centered { text-align: center; }
.nana-centered .nana-intro { padding-inline: max(0px, calc((100% - 720px) / 2)); }
.nana-stories-art img { width: min(56vw, 620px); height: auto; margin-inline: auto; display: block; }
.nana-hero:has(.nana-stories-art) { padding-block: clamp(20px, 3vw, 44px) clamp(32px, 3.5vw, 52px) !important; }
.nana-hero:has(.nana-stories-art) > * { margin-block: 0 !important; }
.nana-hero:has(.nana-stories-art) > * + * { margin-block-start: 14px !important; }
.nana-feed-section { padding-block: 0 clamp(64px, 8vw, 120px) !important; }
.nana-feed { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 32px; }
.nana-tile { display: flex; flex-direction: column; gap: 16px; color: var(--wp--preset--color--lime) !important; border: 0 !important; }
.nana-tile-frame { display: block; background: #f4f2ec; padding: 16px 16px 52px; box-shadow: 0 2px 14px rgba(0,0,0,.18); transition: transform .3s ease; }
.nana-tile:hover .nana-tile-frame { transform: rotate(-1deg) translateY(-4px); }
.nana-tile-img { display: block; width: 100%; aspect-ratio: 1 / 1; background: #d9d6cc center / cover no-repeat; }
.nana-tile-title { font-family: var(--wp--preset--font-family--wordmark); font-weight: 700; font-size: 24px; line-height: 1.08; letter-spacing: -0.8px; text-wrap: pretty; }
.nana-tile-meta { font-family: var(--wp--preset--font-family--mono); font-size: 11px; letter-spacing: 1px; margin-top: -10px; }
.nana-feed-empty { text-align: center; }
.nana-newsletter { overflow: hidden; padding-block: 0 clamp(64px, 8vw, 120px) !important; text-align: center; }
.nana-newsletter > * { margin-block: 0 !important; }
.nana-marquee-line { margin: clamp(28px, 3vw, 48px) 0 clamp(40px, 5vw, 80px) !important; white-space: nowrap; font-family: var(--wp--preset--font-family--display); font-size: 5vw; line-height: 1; letter-spacing: -0.02em; }
.nana-newsletter .nana-hero-mono { max-width: 760px; font-size: clamp(13px, 1.15vw, 17px); line-height: 1.55; margin-bottom: 28px !important; }
.nana-signup { width: min(100%, 480px); margin: 0 auto; display: flex; flex-direction: column; gap: 18px; }
.nana-signup input { height: 50px; padding: 0 20px; border: 1px solid var(--wp--preset--color--lime); border-radius: 0; background: transparent; font-family: var(--wp--preset--font-family--mono); font-size: 17px; letter-spacing: .08em; color: var(--wp--preset--color--lime); outline: none; }
.nana-signup input::placeholder { color: rgba(220,253,98,.55); }
.nana-signup button { height: 50px; border: 1px solid var(--wp--preset--color--lime); border-radius: 0; background: var(--wp--preset--color--lime); cursor: pointer; font-family: var(--wp--preset--font-family--mono); font-size: 19px; letter-spacing: .18em; color: var(--wp--preset--color--green); transition: background .25s, border-color .25s; }
.nana-signup button:hover { background: var(--wp--preset--color--pink); border-color: var(--wp--preset--color--pink); }
@media (max-width: 820px) { .nana-feed { grid-template-columns: 1fr; } }

/* Learn article (single post) */
.nana-green { color: var(--wp--preset--color--green); }
.nana-opener { padding-block: clamp(64px, 9vw, 130px) clamp(40px, 5vw, 72px) !important; }
.nana-opener > * { margin-block: 0 !important; }
.nana-opener > * + * { margin-block-start: clamp(24px, 3vw, 40px) !important; }
.nana-crumb { font-family: var(--wp--preset--font-family--mono); font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--wp--preset--color--green); }
.nana-crumb a { color: inherit; border: 0; }
.nana-opener > .nana-article-title { margin-left: max(0px, calc((100% - 1120px) / 2)) !important; margin-right: auto !important; }
.nana-article-title { max-width: 16ch; font-size: clamp(40px, 6.4vw, 96px) !important; line-height: .98 !important; letter-spacing: -1.2px !important; text-wrap: pretty; }
.nana-standfirst p { max-width: 34em; margin: 0; font-weight: 400; font-size: clamp(18px, 1.7vw, 22px); line-height: 1.45; color: #3d3d3d; text-wrap: pretty; }
.nana-meta { gap: 10px 28px !important; padding-top: 12px; border-top: 1px solid rgba(23,23,23,.14); font-family: var(--wp--preset--font-family--mono); font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #5a5a5a; }
.nana-meta p { margin: 0 !important; }
.wp-block-post-featured-image.nana-lead { margin: 0 0 clamp(48px, 6vw, 88px) !important; }
.wp-block-post-featured-image.nana-lead img { object-position: center 40%; }
.nana-article { counter-reset: nanasec; width: min(680px, 100% - 10vw); margin: 0 auto !important; padding-bottom: clamp(56px, 7vw, 100px); }
.nana-article::after { content: ""; display: table; clear: both; }
.nana-credits-inner { width: min(680px, 100% - 10vw); margin-inline: auto !important; }
.nana-article > p, .nana-article > ul, .nana-article > ol { font-weight: 400; font-size: 20px; line-height: 1.62; letter-spacing: .1px; color: #262626; text-wrap: pretty; margin-block: 0 1.35em !important; }
.nana-article > .is-style-nana-lede { font-size: 24px; line-height: 1.5; color: var(--wp--preset--color--ink); }
.nana-article > h2 { position: relative; counter-increment: nanasec; margin-block: clamp(40px, 5vw, 76px) .5em !important; max-width: none; font-family: var(--wp--preset--font-family--wordmark); font-weight: 700; font-size: clamp(30px, 3.2vw, 44px); line-height: 1.04; letter-spacing: -1.2px; text-wrap: pretty; }
.nana-article > h2::before { content: counter(nanasec, decimal-leading-zero); position: absolute; right: calc(100% + 48px); top: 4px; font-size: 34px; line-height: 1; letter-spacing: -1px; color: var(--wp--preset--color--green); }
.nana-article > .is-style-nana-note { float: left; clear: left; width: 190px; margin: 6px 0 0 -238px !important; text-align: right; font-family: var(--wp--preset--font-family--mono); font-size: 11px; line-height: 1.6; letter-spacing: .4px; color: #5a5a5a; }
.nana-article > .is-style-nana-statement { margin-block: clamp(32px, 4vw, 56px) !important; padding: clamp(28px, 3vw, 44px) 0; border: 0; border-top: 1px solid rgba(23,23,23,.16); border-bottom: 1px solid rgba(23,23,23,.16); }
.nana-article > .is-style-nana-statement p { margin: 0; font-family: var(--wp--preset--font-family--display); font-size: clamp(24px, 2.4vw, 32px); line-height: 1.15; letter-spacing: -.6px; color: var(--wp--preset--color--green); text-wrap: pretty; }
.nana-article > figure { margin-block: clamp(32px, 4vw, 56px) !important; }
.nana-article figcaption { font-family: var(--wp--preset--font-family--mono); font-size: 11px; letter-spacing: .5px; color: #5a5a5a; }
.nana-credits { padding-bottom: clamp(72px, 9vw, 120px); }
.nana-credits-inner { padding-top: 28px; border-top: 1px solid rgba(23,23,23,.16); }
.nana-credits-inner > * { margin-block: 0 !important; }
.nana-credits-inner > * + * { margin-block-start: 14px !important; }
.nana-credits-inner .is-style-nana-label { font-size: 11px; color: #5a5a5a; }
.nana-credits-text { font-weight: 400; font-size: 15px; line-height: 1.6; color: #3d3d3d; white-space: pre-line; }
.nana-keep { padding-block: clamp(56px, 7vw, 100px) !important; }
.nana-keep .is-style-nana-label { font-size: 12px; letter-spacing: 1.5px; margin-bottom: 32px; }
.nana-keep-query .wp-block-post-template { gap: 32px; }
.nana-keep-title { margin: 0 0 10px; font-family: var(--wp--preset--font-family--wordmark) !important; font-weight: 700 !important; font-size: 24px !important; line-height: 1.08 !important; letter-spacing: -0.8px !important; text-wrap: pretty; }
.nana-keep-title a { color: var(--wp--preset--color--ink); border: 0; }
.nana-keep-title a:hover { color: var(--wp--preset--color--green); }
.nana-keep-cat { font-family: var(--wp--preset--font-family--mono); font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #5a5a5a; }
.nana-keep-cat a { color: inherit; border: 0; }
.nana-article-news { text-align: center; }
.nana-article-news .nana-big { color: var(--wp--preset--color--lime); margin-bottom: 24px; }
@media (max-width: 900px) {
  .nana-article > h2::before { position: static; display: block; margin-bottom: 12px; }
  .nana-article > .is-style-nana-note { float: none; width: auto; margin: 0 0 1em !important; padding: 10px 0 0 14px; text-align: left; border-left: 2px solid var(--wp--preset--color--lime); }
  .nana-article-title { font-size: 40px !important; }
}

/* Footer */
.nana-footer { padding-block: clamp(56px, 6vw, 96px) 40px !important; border-top: 1px solid rgba(220,253,98,.35); }
.nana-footer > .nana-tagline { max-width: 1180px !important; margin-inline: auto !important; padding: 0 !important; text-transform: uppercase; }
.nana-tagline { font-family: var(--wp--preset--font-family--mono); font-size: clamp(14px, 1.6vw, 22px); line-height: 1.4; max-width: 760px; }
.nana-footcols { display: grid !important; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px !important; margin-block: 56px !important; }
.nana-footcols > .wp-block-column { flex-basis: auto !important; width: auto !important; margin: 0 !important; min-width: 0; }
@media (max-width: 820px) { .nana-footcols { grid-template-columns: 1fr 1fr; } .nana-footcols > .wp-block-column:first-child { grid-column: 1 / -1; } }
.nana-footcols .is-style-nana-label { font-size: 11px; }
.nana-footcols p { margin: 0 0 12px; font-size: 14px; }
.nana-footcols p a { border: 0; }
.nana-social { gap: 10px !important; }
.nana-social .wp-social-link { background: transparent !important; color: var(--wp--preset--color--lime) !important; border: 1px solid var(--wp--preset--color--lime); border-radius: 1px !important; transition: background .25s, color .25s; }
.nana-social .wp-social-link a { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; padding: 0 !important; border: 0; color: inherit !important; }
.nana-social .wp-social-link svg { width: 16px; height: 16px; fill: currentColor; }
.nana-social .wp-social-link:hover { background: var(--wp--preset--color--lime) !important; color: var(--wp--preset--color--green) !important; }

/* Burger from 820px down (WordPress default is 600px) */
@media (max-width: 820px) {
  .nana-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
  .nana-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
}
.nana-nav .wp-block-navigation__responsive-container-open,
.nana-nav .wp-block-navigation__responsive-container-close { width: 44px; height: 44px; align-items: center; justify-content: center; color: var(--wp--preset--color--lime); }
.nana-nav .wp-block-navigation__responsive-container-open svg { width: 28px; height: 28px; }
@media (min-width: 821px) {
  .nana-nav .wp-block-navigation__responsive-container-open { display: none !important; }
  .nana-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display: block !important; position: static !important; width: auto !important; background: transparent !important; }
}
.nana-header .nana-nav, .nana-header .nana-nav .wp-block-navigation__container { flex-wrap: nowrap !important; }
.nana-logo { margin: 0 !important; font-family: var(--wp--preset--font-family--wordmark); font-weight: 700; font-size: 26px; letter-spacing: -1.6px; line-height: 1; }
.nana-logo a { color: var(--wp--preset--color--lime) !important; border: 0 !important; }
.nana-footcols p.nana-logo, .nana-footer .nana-logo { font-size: 26px !important; letter-spacing: -1.6px; line-height: 1; margin: 0 0 16px !important; }
.nana-footcols p a { display: inline-block; padding: 4px 0; }
.nana-footcols p { margin: 0 0 4px; }

@media (max-width: 781px) {
  .nana-toc { display: none; }
  .wp-block-table.is-style-nana-rows tr { display: grid; }
  .wp-block-table.is-style-nana-rows td { width: auto !important; padding: 4px 0; border: 0; }
  .wp-block-table.is-style-nana-rows td:first-child { padding-top: 14px; }
  .wp-block-table.is-style-nana-rows td:last-child { padding-bottom: 14px; border-bottom: 1px solid rgba(23,23,23,.14); }
}

/* Numbered clauses (Terms) */
.nana-clause-p { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px; align-items: baseline; }
.nana-clause { font-family: var(--wp--preset--font-family--mono); font-weight: 500; font-size: 13px; letter-spacing: 1px; color: var(--wp--preset--color--green); }
.nana-legal-closing { margin-top: clamp(48px, 5vw, 72px); padding-top: 20px; border-top: 1px solid rgba(23, 23, 23, 0.14); font-size: 14px; }

/* App screens (moving mockups) */
.nana-app-screens { background: #d9a3c4 url('assets/app/field-run.jpg') center / cover no-repeat; }
.nana-app-screens::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: radial-gradient(ellipse 55% 38% at 50% 50%, rgba(6,108,87,.94) 0%, rgba(6,108,87,.78) 50%, rgba(6,108,87,0) 100%); }
.nana-app-screens .nana-strip-track > .wp-block-image { margin: 0 0 -8% !important; }
.nana-app-screens .nana-strip-track img { aspect-ratio: auto; object-fit: contain; height: auto; }
.nana-app-screens .nana-life-art img { width: min(60vw, 780px); }
.nana-app-screens .nana-life-art img:hover { transform: none; }
.nana-app-screens .nana-hero-mono { font-size: 15px; line-height: 21px; text-shadow: 0 1px 12px rgba(6,108,87,.9); }

/* Social proof */
.nana-quotes { color: var(--wp--preset--color--black); }
.nana-quotes > .is-style-nana-label { margin-bottom: clamp(40px, 5vw, 64px) !important; color: var(--wp--preset--color--black); }
.nana-quote-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: clamp(40px, 4vw, 56px) 4vw; }
.nana-quote-grid > * { margin: 0 !important; max-width: none !important; }
.nana-quote { display: flex !important; flex-direction: column; justify-content: space-between; gap: 24px; padding-top: 20px; border-top: 1px solid #000; }
.nana-quote > * { margin: 0 !important; }
.nana-quote-text { font-family: var(--wp--preset--font-family--display); font-size: clamp(22px, 2vw, 30px); line-height: 1.15; letter-spacing: -.3px; color: #000; text-wrap: pretty; }
.nana-quote .is-style-nana-label { color: #000; }

/* Wordmark art (A life in sports / Fuel like a girl): always trim to the lettering, whether the file is cropped or not */
.nana-stories-art img, .nana-life-art img, .nana-hero-art img { aspect-ratio: 4149 / 1003 !important; height: auto !important; object-fit: cover !important; object-position: 50% 50% !important; }
.nana-stories-art, .nana-life-art, .nana-hero-art { line-height: 0; margin-block: 0 !important; }

/* Buttons: Nitti capitals; hover = pink frame, no fill */
.wp-block-button__link, .nana-get > .wp-block-navigation-item__content, .nana-signup button { font-family: var(--wp--preset--font-family--mono) !important; font-weight: 400 !important; text-transform: uppercase; transition: background .25s, color .25s, border-color .25s, box-shadow .25s !important; }
.wp-block-button__link:hover, .wp-block-button__link:focus-visible { background: transparent !important; border-color: var(--wp--preset--color--pink) !important; }
.wp-block-button:not([class*="is-style-nana-outline"]) .wp-block-button__link:hover { color: var(--wp--preset--color--lime) !important; }
.wp-block-button.is-style-nana-outline .wp-block-button__link:hover { box-shadow: inset 0 0 0 1px var(--wp--preset--color--pink); }
.nana-get > .wp-block-navigation-item__content:hover { background: transparent !important; border-color: var(--wp--preset--color--pink) !important; color: var(--wp--preset--color--lime) !important; }
body:has(.nana-article-page) .nana-nav .nana-get > a:hover { border-color: var(--wp--preset--color--pink) !important; color: var(--wp--preset--color--green) !important; }
.nana-signup button:hover { background: transparent; border-color: var(--wp--preset--color--pink); color: var(--wp--preset--color--lime); }

/* Mission artwork (desktop / mobile) */
.nana-mission .nana-mission-art { width: 100% !important; max-width: 1100px !important; margin-block: 0 !important; margin-inline: auto !important; }
.nana-mission .nana-mission-art img { display: block; width: 100% !important; max-width: 100% !important; height: auto !important; }
.nana-mission .nana-only-mobile { display: none; }
@media (max-width: 700px) { .nana-mission .nana-only-desktop { display: none; } .nana-mission .nana-only-mobile { display: block; } .nana-mission .nana-mission-art img { max-width: 520px; margin-inline: auto; } }

/* Header GET NANA button: bigger text, tighter sides (covers link + toggle markup) */
.nana-nav .nana-get > a, .nana-nav .nana-get > button, .nana-nav .nana-get > .wp-block-navigation-item__content { font-size: 16px !important; padding: 0 11px !important; height: 34px; }
.nana-nav .nana-get > a *, .nana-nav .nana-get > button * { font-size: inherit !important; }

/* "More than a number" feature titles: New Reason Bold, like section headings */
.nana-grid .nana-feature h3 { font-family: var(--wp--preset--font-family--wordmark) !important; font-weight: 700 !important; letter-spacing: -0.8px !important; line-height: 1.07 !important; }

/* Type rule: titles New Reason Bold, quotes Span Condensed, CTAs Nitti */
h1.wp-block-heading, h2.wp-block-heading, h3.wp-block-heading, h4.wp-block-heading, .wp-block-post-title, .nana-slot h4, .nana-slot-title, .nana-feat-title { font-family: var(--wp--preset--font-family--wordmark) !important; font-weight: 700 !important; letter-spacing: -0.03em !important; }
h3.nana-sub { font-family: var(--wp--preset--font-family--mono) !important; font-weight: 500 !important; letter-spacing: 1px !important; }
.nana-heading-sans { font-family: var(--wp--preset--font-family--wordmark) !important; }
.nana-quote-font, .nana-quote-text, .is-style-nana-statement p { font-family: var(--wp--preset--font-family--display) !important; font-weight: 400 !important; }

/* Header: transparent on the front page only, green everywhere else */
body:not(.home) header.wp-block-template-part { background: var(--wp--preset--color--green) !important; }
body:has(.nana-article-page) .nana-logo a, body:has(.nana-article-page) .nana-nav a, body:has(.nana-article-page) .nana-nav .wp-block-navigation-item__label, body:has(.nana-article-page) .nana-nav .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--lime) !important; }
body:has(.nana-article-page) .nana-nav .nana-get > a, body:has(.nana-article-page) .nana-nav .nana-get > button { border-color: var(--wp--preset--color--lime) !important; color: var(--wp--preset--color--green) !important; }
body:has(.nana-article-page) .nana-nav .nana-get > a:hover { border-color: var(--wp--preset--color--pink) !important; color: var(--wp--preset--color--lime) !important; }

/* Hard-set Nitti on every button (does not rely on the font preset variable) */
.wp-block-button__link, .wp-element-button, .wp-block-button .wp-block-button__link, .nana-get > .wp-block-navigation-item__content, .nana-get > .wp-block-navigation-item__content *, .nana-get .wp-block-navigation-item__label, .nana-signup button, button.wp-block-navigation-submenu__toggle, .wp-block-search__button, input[type="submit"] { font-family: "Nitti", "Courier New", monospace !important; font-weight: 400 !important; text-transform: uppercase; }

/* Strips: keep the photo/mockup columns visible */
.nana-stories-teaser > .nana-strips { z-index: 0; }
.nana-stories-teaser > :not(.nana-strips) { position: relative; z-index: 2; }
.nana-strip-track img { opacity: 1 !important; visibility: visible !important; }

/* Footer: labels + copyright 14px; social icons as 34px squares */
.nana-footer .is-style-nana-label, .nana-footcols .is-style-nana-label { font-size: 14px !important; }
.nana-social { display: flex !important; flex-wrap: wrap; gap: 10px !important; padding: 0 !important; }
.nana-social .wp-social-link { width: 34px !important; height: 34px !important; padding: 0 !important; margin: 0 !important; border-radius: 1px !important; box-sizing: border-box; flex: 0 0 34px; }
.nana-social .wp-social-link a, .nana-social .wp-block-social-link-anchor { width: 100% !important; height: 100% !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; }

/* Nitti is always set in capitals */
.has-mono-font-family, .is-style-nana-label, .nana-hero-mono, .nana-tagline, .nana-nav, .nana-nav a, h3.nana-sub, .nana-signup input, .nana-signup input::placeholder, .nana-signup button, .nana-article > .is-style-nana-note, .nana-article figcaption, .nana-article-page .wp-block-post-date, .nana-article-page .wp-block-post-terms, .wp-block-button__link { text-transform: uppercase; }
.nana-tabs a, .nana-tile-meta, .nana-clause, .nana-toc-list li::before, .nana-keep-meta, .nana-meta { text-transform: uppercase; }

/* Article lists (RED-S signs) */
.nana-article > h3 { margin-block: 1.6em .5em !important; font-family: var(--wp--preset--font-family--wordmark); font-weight: 700; font-size: 24px; line-height: 1.1; letter-spacing: -.6px; color: var(--wp--preset--color--ink); }
.nana-article > ul.wp-block-list { list-style: none; padding: 0; border-top: 1px solid rgba(23,23,23,.14); font-size: 18px !important; line-height: 1.5 !important; }
.nana-article > ul.wp-block-list li { position: relative; padding: 12px 0 12px 22px; border-bottom: 1px solid rgba(23,23,23,.14); }
.nana-article > ul.wp-block-list li::before { content: ""; position: absolute; left: 0; top: 21px; width: 8px; height: 8px; background: #dcfd62; outline: 1px solid #066c57; }

/* Article figures (hormone chart, margin skeleton) and cited statements */
.nana-article > .nana-chart { margin-block: clamp(32px, 4vw, 56px) clamp(48px, 6vw, 80px) !important; }
.nana-article > .nana-note-figure { text-align: left; }
.nana-article figure figcaption { text-transform: uppercase; }
.nana-article > .is-style-nana-statement.nana-cited p { font-size: clamp(28px, 3vw, 40px); line-height: 1.1; }
.nana-article > .is-style-nana-statement cite { display: block; margin-top: 18px; font-family: var(--wp--preset--font-family--mono); font-style: normal; font-size: 11px; line-height: 1.5; letter-spacing: 1px; text-transform: uppercase; color: var(--wp--preset--color--ink); }
@media (max-width: 900px) { .nana-article > .nana-note-figure figure { max-width: 320px; } }

/* GET NANA: green text on the lime button everywhere (beats the lime nav-link rules) */
body .nana-header .nana-nav .nana-get > .wp-block-navigation-item__content, body .nana-header .nana-nav .nana-get > .wp-block-navigation-item__content .wp-block-navigation-item__label,
body:has(.nana-article-page) .nana-header .nana-nav .nana-get > .wp-block-navigation-item__content, body:has(.nana-article-page) .nana-header .nana-nav .nana-get > .wp-block-navigation-item__content .wp-block-navigation-item__label { color: var(--wp--preset--color--green) !important; }
body .nana-header .nana-nav .nana-get > .wp-block-navigation-item__content:hover, body .nana-header .nana-nav .nana-get > .wp-block-navigation-item__content:hover .wp-block-navigation-item__label,
body:has(.nana-article-page) .nana-header .nana-nav .nana-get > .wp-block-navigation-item__content:hover, body:has(.nana-article-page) .nana-header .nana-nav .nana-get > .wp-block-navigation-item__content:hover .wp-block-navigation-item__label { color: var(--wp--preset--color--lime) !important; }

/* Breadcrumb: both parts are links */
.nana-crumb a { color: inherit; border-bottom: 1px solid transparent; transition: border-color .25s ease; }
.nana-crumb a:hover { color: inherit; border-bottom-color: var(--wp--preset--color--pink); }

/* Margin portrait */
.nana-article > .nana-note-figure figure { margin: 0; }
.nana-article > .nana-note-figure img { display: block; width: 100%; height: auto; }
.nana-article > .nana-note-figure figcaption { margin-top: 8px; text-align: right; }
@media (max-width: 900px) { .nana-article > .nana-note-figure figcaption { text-align: left; } }