html.panova-document {
--pa-bg: #071315;
--pa-bg-soft: #0d1b1e;
--pa-panel: #122428;
--pa-ink: #f2eee5;
--pa-muted: #aeb8b5;
--pa-sand: #d8c7ad;
--pa-sand-bright: #f0dec0;
--pa-paper: #e8e0d2;
--pa-dark: #0a1719;
--pa-teal: #376b6c;
--pa-line: rgba(236, 226, 209, .16);
--pa-shell: min(1380px, calc(100vw - 80px));
--pa-serif: Iowan Old Style, Baskerville, "Times New Roman", serif;
--pa-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--pa-ease: cubic-bezier(.22, 1, .36, 1);
}
/* 2.3.0 — hard isolation from legacy themes/plugins on managed Nova pages. */
html.panova-document {
width: 100%;
max-width: none;
min-height: 100%;
}
body.panova-site {
display: block !important;
width: 100% !important;
max-width: none !important;
min-height: 100%;
margin: 0 !important;
padding: 0 !important;
}
body.panova-site > .panova-app {
display: block !important;
position: relative;
z-index: 1;
isolation: isolate;
width: 100% !important;
max-width: none !important;
min-height: 100vh;
margin: 0 !important;
padding: 0 !important;
background: var(--pa-bg);
color: var(--pa-ink);
}
/* Hide visual fragments injected by the legacy site outside Nova's document root.
Scripts/styles are handled separately in PHP; the WP admin toolbar is preserved. */
body.panova-site > :not(.panova-app):not(#wpadminbar):not(.panova-metrika-noscript):not(script):not(style):not(link) {
display: none !important;
}
.panova-app, .panova-app *, .panova-app *::before, .panova-app *::after { box-sizing: border-box; }
html.panova-document { scroll-behavior: smooth; background: var(--pa-bg); }
body.panova-site { margin: 0; background: var(--pa-bg); color: var(--pa-ink); font-family: var(--pa-sans); font-size: 17px; line-height: 1.62; overflow-x: clip; text-rendering: optimizeLegibility; }
body.panova-site.menu-open { overflow: hidden; }
.panova-app img { display: block; max-width: 100%; }
.panova-app a { color: inherit; text-decoration: none; }
.panova-app button, .panova-app input, .panova-app textarea { font: inherit; }
.panova-app svg { width: 1.1em; height: 1.1em; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.panova-app h1, .panova-app h2, .panova-app h3, .panova-app p { margin-top: 0; }
.panova-app ::selection { background: var(--pa-sand); color: var(--pa-dark); }
.panova-shell { width: var(--pa-shell); margin-inline: auto; }
.panova-skip { position: fixed; z-index: 9999; top: 10px; left: 10px; padding: 10px 14px; transform: translateY(-150%); background: var(--pa-paper); color: var(--pa-dark); }
.panova-skip:focus { transform: translateY(0); }
.panova-app :focus-visible { outline: 2px solid var(--pa-sand-bright); outline-offset: 4px; }
.panova-progress { position: fixed; z-index: 1000; inset: 0 0 auto; height: 2px; pointer-events: none; }
.panova-progress span { display: block; width: 100%; height: 100%; background: var(--pa-sand-bright); transform: scaleX(0); transform-origin: left; }
.panova-header { position: fixed; z-index: 900; top: 0; left: 0; width: 100%; transition: background .35s ease, border-color .35s ease, transform .35s ease; border-bottom: 1px solid transparent; }
.panova-header.is-scrolled { background: rgba(7, 19, 21, .88); border-color: var(--pa-line); backdrop-filter: blur(18px); }
.panova-header__inner { width: var(--pa-shell); height: 84px; margin: auto; display: grid; grid-template-columns: minmax(245px, 1fr) auto minmax(145px, 1fr); align-items: center; gap: 30px; }
.panova-brand { display: inline-flex; align-items: center; gap: 12px; width: max-content; }
.panova-brand__mark { position: relative; width: 32px; height: 36px; border: 1px solid rgba(216, 199, 173, .65); border-radius: 50% 48% 52% 46%; transform: rotate(-8deg); }
.panova-brand__mark::after { content: ""; position: absolute; top: 4px; bottom: 4px; left: 50%; border-left: 1px solid rgba(216, 199, 173, .65); }
.panova-brand__mark i { position: absolute; width: 8px; height: 8px; border: 1px solid rgba(216, 199, 173, .5); border-radius: 50%; }
.panova-brand__mark i:first-child { top: 7px; left: 6px; }.panova-brand__mark i:last-child { right: 5px; bottom: 7px; }
.panova-brand strong { display: block; font-size: 13px; letter-spacing: .13em; text-transform: uppercase; line-height: 1.2; }
.panova-brand small { display: block; margin-top: 3px; color: var(--pa-muted); font-size: 10px; letter-spacing: .05em; line-height: 1.2; }
.panova-nav { display: flex; align-items: center; gap: clamp(18px, 2.2vw, 38px); }
.panova-nav a { position: relative; color: #dbe1de; font-size: 13px; white-space: nowrap; }
.panova-nav a::after { content: ""; position: absolute; right: 0; bottom: -7px; left: 0; height: 1px; transform: scaleX(0); background: var(--pa-sand); transition: transform .25s ease; }
.panova-nav a:hover::after { transform: scaleX(1); }
.panova-header__cta { justify-self: end; display: inline-flex; gap: 8px; align-items: center; padding: 10px 0; border: 0; border-bottom: 1px solid rgba(240, 222, 192, .5); background: transparent; color: var(--pa-sand-bright); font-size: 13px; cursor: pointer; }
.panova-menu-button { display: none; justify-self: end; align-items: center; gap: 8px; padding: 10px 0; border: 0; background: transparent; color: var(--pa-ink); cursor: pointer; }
.panova-menu-button span { font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.admin-bar .panova-header { top: 32px; }
.panova-menu { position: fixed; z-index: 950; inset: 0; display: flex; flex-direction: column; padding: max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom)); background: #091719; opacity: 0; visibility: hidden; transform: translateY(-18px); transition: opacity .35s ease, transform .35s var(--pa-ease), visibility .35s; }
.panova-menu.is-open { opacity: 1; visibility: visible; transform: none; }
.panova-menu__top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--pa-line); color: var(--pa-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .18em; }
.panova-menu__top button { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--pa-line); border-radius: 50%; background: transparent; color: var(--pa-ink); }
.panova-menu nav { display: grid; margin-top: 4vh; }
.panova-menu nav a { display: flex; align-items: baseline; gap: 18px; padding: clamp(8px, 1.4vh, 18px) 0; border-bottom: 1px solid var(--pa-line); font-family: var(--pa-serif); font-size: clamp(27px, 5.8vw, 46px); line-height: 1.05; }
.panova-menu nav span { color: var(--pa-sand); font-family: var(--pa-sans); font-size: 10px; letter-spacing: .12em; }
.panova-menu__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.panova-menu__foot p { margin: 0; color: var(--pa-muted); font-size: 13px; }
.panova-kicker { margin-bottom: 22px; color: var(--pa-sand); font-size: 11px; font-weight: 650; letter-spacing: .18em; line-height: 1.3; text-transform: uppercase; }
.panova-btn { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 26px; padding: 0 22px; border: 1px solid transparent; font-size: 13px; font-weight: 650; letter-spacing: .02em; transition: transform .25s var(--pa-ease), background .25s, color .25s, border-color .25s; }
.panova-btn svg { margin-left: auto; }
.panova-btn:hover { transform: translateY(-3px); }
.panova-btn--primary { background: var(--panova-cyan, #5ee6dc); color: var(--panova-ink, #071315); }
.panova-btn--primary:hover { background: #89f1e9; }
.panova-btn--ghost { border-color: var(--pa-line); color: var(--pa-ink); }
.panova-btn--ghost:hover { border-color: var(--pa-sand); }
.panova-btn--light { background: var(--pa-dark); color: var(--pa-ink); }
.panova-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.panova-text-link, .panova-section-link a { display: inline-flex; align-items: center; gap: 18px; padding-bottom: 6px; border-bottom: 1px solid currentColor; color: var(--pa-sand-bright); font-size: 13px; }
.panova-text-link svg, .panova-section-link svg { transition: transform .25s ease; }
.panova-text-link:hover svg, .panova-section-link a:hover svg { transform: translate(3px, -3px); }
.panova-hero { position: relative; min-height: max(760px, 100svh); display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 76% 44%, rgba(50, 100, 99, .25), transparent 31%), linear-gradient(135deg, #061113 0%, #0b1c1e 63%, #091516 100%); }
.panova-hero::before { content: ""; position: absolute; inset: 0; opacity: .2; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, black, transparent 90%); }
.panova-art { position: absolute; z-index: 0; top: 4%; right: 2%; width: min(56vw, 860px); height: 92%; pointer-events: none; opacity: .62; }
.panova-hero__grid { position: relative; z-index: 2; min-height: inherit; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr); gap: clamp(30px, 5vw, 90px); align-items: center; padding-top: 115px; padding-bottom: 72px; }
.panova-hero__copy { position: relative; z-index: 2; max-width: 825px; padding: 40px 0; }
.panova-hero h1 { max-width: 880px; margin-bottom: 28px; font-family: var(--pa-serif); font-size: clamp(49px, 5.25vw, 82px); font-weight: 400; letter-spacing: -.045em; line-height: .98; text-wrap: balance; }
.panova-hero__lead { max-width: 705px; margin-bottom: 28px; color: #c7d0cd; font-size: clamp(17px, 1.35vw, 21px); line-height: 1.55; }
.panova-hero__offer { max-width: 620px; display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 22px; border-block: 1px solid var(--pa-line); }
.panova-hero__offer div { display: flex; flex-direction: column; padding: 14px 18px 14px 0; }
.panova-hero__offer div + div { padding-left: 24px; border-left: 1px solid var(--pa-line); }
.panova-hero__offer span { color: var(--pa-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.panova-hero__offer strong { margin-top: 3px; color: var(--pa-sand-bright); font-family: var(--pa-serif); font-size: 25px; font-weight: 400; }
.panova-hero__note { margin: 14px 0 0; color: #94a4a1; font-size: 12px; }
.panova-hero__portrait { align-self: end; display: flex; align-items: flex-end; justify-content: center; min-width: 0; }
.panova-portrait-frame { position: relative; width: min(100%, 460px); }
.panova-portrait-frame::before { content: ""; position: absolute; z-index: -1; inset: 13% -5% 2%; border: 1px solid rgba(216, 199, 173, .18); border-radius: 50% 48% 8% 8%; background: linear-gradient(180deg, rgba(55,107,108,.18), rgba(7,19,21,.15)); }
.panova-portrait-frame img { position: relative; z-index: 2; width: 100%; height: auto; max-height: 675px; object-fit: contain; object-position: bottom; filter: saturate(.86) contrast(1.05); }
.panova-portrait-frame > p { position: absolute; z-index: 3; right: -18px; bottom: 7%; padding: 12px 15px; margin: 0; border-left: 1px solid var(--pa-sand); background: rgba(7,19,21,.8); backdrop-filter: blur(8px); }
.panova-portrait-frame > p span, .panova-portrait-frame > p strong { display: block; }
.panova-portrait-frame > p span { color: var(--pa-sand-bright); font-family: var(--pa-serif); font-size: 20px; }
.panova-portrait-frame > p strong { margin-top: 3px; color: var(--pa-muted); font-size: 9px; font-weight: 500; letter-spacing: .1em; line-height: 1.4; text-transform: uppercase; }
.panova-portrait-orbit { position: absolute; z-index: 0; inset: 9% -8% 8%; border: 1px solid rgba(216,199,173,.13); border-radius: 50%; animation: pa-spin 34s linear infinite; }
.panova-portrait-orbit::before, .panova-portrait-orbit::after { content: ""; position: absolute; inset: 11%; border: 1px dashed rgba(110,159,158,.18); border-radius: 50%; }.panova-portrait-orbit::after { inset: 28%; }
.panova-portrait-orbit span { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--pa-sand); box-shadow: 0 0 22px rgba(216,199,173,.8); }.panova-portrait-orbit span:nth-child(1){top:8%;left:28%}.panova-portrait-orbit span:nth-child(2){right:7%;top:53%}.panova-portrait-orbit span:nth-child(3){bottom:4%;left:40%}
@keyframes pa-spin { to { transform: rotate(360deg); } }
.panova-scroll-cue { position: absolute; z-index: 4; right: 36px; bottom: 30px; display: flex; align-items: center; gap: 12px; color: #899793; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; writing-mode: vertical-rl; }
.panova-scroll-cue span { width: 1px; height: 54px; overflow: hidden; background: var(--pa-line); }.panova-scroll-cue span::after { content: ""; display: block; width: 1px; height: 24px; background: var(--pa-sand); animation: pa-scroll 2.2s ease-in-out infinite; }
@keyframes pa-scroll { 0% { transform: translateY(-26px); } 70%, 100% { transform: translateY(56px); } }
.panova-trust { position: relative; z-index: 5; border-block: 1px solid var(--pa-line); background: #0a1719; }
.panova-trust__grid { display: grid; grid-template-columns: .8fr 1.4fr 1.4fr 1fr 1.4fr; }
.panova-trust__grid div { min-height: 104px; display: flex; flex-direction: column; justify-content: center; padding: 18px 22px; border-left: 1px solid var(--pa-line); }
.panova-trust__grid div:last-child { border-right: 1px solid var(--pa-line); }
.panova-trust strong { color: var(--pa-sand-bright); font-family: var(--pa-serif); font-size: 24px; font-weight: 400; line-height: 1.1; }
.panova-trust span { margin-top: 6px; color: #98a5a2; font-size: 10px; line-height: 1.35; }
.panova-section { position: relative; padding: clamp(88px, 10vw, 155px) 0; }
.panova-section-head { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(260px, .55fr); gap: 60px; align-items: end; margin-bottom: 64px; }
.panova-section-head h2, .panova-method h2, .panova-faq__intro h2, .panova-note-section h2, .panova-definition h2, .panova-profile h2, .panova-about-method h2, .panova-session h2, .panova-empty h2, .panova-article-service h2 { margin: 0; font-family: var(--pa-serif); font-size: clamp(42px, 5vw, 72px); font-weight: 400; letter-spacing: -.04em; line-height: 1.02; text-wrap: balance; }
.panova-section-head > p { max-width: 430px; margin: 0 0 7px; color: var(--pa-muted); font-size: 15px; }
.panova-problems { background: var(--pa-bg); }
.panova-card-flow { display: grid; grid-template-columns: repeat(6, minmax(270px, 1fr)); gap: 12px; width: calc(100vw - max(40px, (100vw - 1380px) / 2)); padding-bottom: 16px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: var(--pa-teal) transparent; cursor: grab; scroll-snap-type: x proximity; }
.panova-card-flow.is-dragging { cursor: grabbing; user-select: none; }
.panova-problem-card { position: relative; min-height: 330px; display: flex; flex-direction: column; padding: 26px; overflow: hidden; border: 1px solid var(--pa-line); background: linear-gradient(145deg, rgba(18,36,40,.9), rgba(8,20,22,.75)); scroll-snap-align: start; transition: transform .35s var(--pa-ease), border-color .35s, background .35s; }
.panova-problem-card::before { content: ""; position: absolute; inset: auto -35% -48% 20%; height: 70%; border: 1px solid rgba(216,199,173,.2); border-radius: 50%; transition: transform .6s var(--pa-ease); }
.panova-problem-card:hover { transform: translateY(-8px); border-color: rgba(216,199,173,.48); background: #12282b; }.panova-problem-card:hover::before { transform: scale(1.2) rotate(8deg); }
.panova-problem-card > span { color: var(--pa-sand); font-size: 10px; letter-spacing: .16em; }
.panova-problem-card h3 { margin: auto 0 12px; font-family: var(--pa-serif); font-size: 32px; font-weight: 400; line-height: 1.05; }
.panova-problem-card p { margin: 0; color: var(--pa-muted); font-size: 14px; line-height: 1.5; }
.panova-problem-card > svg { position: absolute; top: 25px; right: 24px; color: var(--pa-sand); }
.panova-section-link { display: flex; justify-content: flex-end; margin-top: 38px; }
.panova-method { background: var(--pa-paper); color: var(--pa-dark); }
.panova-method__grid { display: grid; grid-template-columns: 1.03fr .97fr; gap: clamp(55px, 8vw, 120px); align-items: center; }
.panova-method__visual { position: relative; min-height: 680px; overflow: hidden; background: #0b1719; }
.panova-method__visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.panova-method__visual::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.12); pointer-events: none; }
.panova-method__legend { position: absolute; z-index: 2; right: 24px; bottom: 24px; left: 24px; display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.68); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.panova-method__legend i { flex: 1; height: 1px; background: linear-gradient(90deg, var(--pa-sand), rgba(255,255,255,.15)); }
.panova-method .panova-kicker { color: #537474; }
.panova-method__copy > p:not(.panova-kicker) { margin: 30px 0 42px; color: #425153; font-size: 17px; }
.panova-method__copy ul { padding: 0; margin: 0 0 40px; list-style: none; border-top: 1px solid rgba(10,23,25,.16); }
.panova-method__copy li { display: grid; grid-template-columns: 42px 1fr; gap: 18px; padding: 19px 0; border-bottom: 1px solid rgba(10,23,25,.16); }
.panova-method__copy li > span { color: #668181; font-size: 10px; letter-spacing: .12em; }
.panova-method__copy li strong { display: block; margin-bottom: 3px; font-family: var(--pa-serif); font-size: 21px; font-weight: 400; }.panova-method__copy li p { margin: 0; color: #5f6b6d; font-size: 13px; }
.panova-method .panova-text-link { color: var(--pa-dark); }
.panova-process { background: var(--pa-sand); color: var(--pa-dark); }
.panova-process .panova-kicker { color: #416363; }
.panova-steps { padding: 0; margin: 0; list-style: none; border-top: 1px solid rgba(10,23,25,.22); }
.panova-steps li { display: grid; grid-template-columns: minmax(80px, .25fr) 1fr; min-height: 136px; padding: 26px 0; border-bottom: 1px solid rgba(10,23,25,.22); transition: padding .35s var(--pa-ease); }
.panova-steps li:hover { padding-inline: 16px; }
.panova-steps li > span { font-size: 10px; font-weight: 650; letter-spacing: .17em; }
.panova-steps h3 { margin: 0 0 7px; font-family: var(--pa-serif); font-size: clamp(27px, 3vw, 42px); font-weight: 400; line-height: 1.05; }
.panova-steps p { max-width: 660px; margin: 0; color: #3f5152; font-size: 14px; }
.panova-process__cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 52px; padding-top: 35px; }
.panova-process__cta p { display: flex; flex-direction: column; margin: 0; }.panova-process__cta strong { font-family: var(--pa-serif); font-size: 42px; font-weight: 400; }.panova-process__cta span { color: #4a5d5d; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }
.panova-about { background: #0d1c1f; }
.panova-about__grid { display: grid; grid-template-columns: minmax(360px, .8fr) minmax(0, 1.2fr); gap: clamp(60px, 10vw, 150px); align-items: center; }
.panova-about__portrait { position: relative; }
.panova-about__image { position: relative; min-height: 660px; overflow: hidden; border: 1px solid var(--pa-line); background: radial-gradient(circle at 50% 35%, rgba(68,117,115,.5), rgba(8,20,22,.2) 58%), #0a1719; }
.panova-about__image::before { content: ""; position: absolute; inset: 8%; border: 1px solid rgba(216,199,173,.17); border-radius: 50%; }
.panova-about__image img { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: bottom; }
.panova-about__stamp { position: absolute; z-index: 3; right: -44px; bottom: 48px; width: 110px; height: 110px; display: grid; place-items: center; border: 1px solid var(--pa-sand); border-radius: 50%; background: #0d1c1f; color: var(--pa-sand); font-size: 8px; letter-spacing: .11em; line-height: 1.6; text-align: center; transform: rotate(-10deg); }
.panova-about__copy h2 { margin: 0 0 22px; font-family: var(--pa-serif); font-size: clamp(53px, 6vw, 88px); font-weight: 400; letter-spacing: -.045em; line-height: .98; }
.panova-about__quote { max-width: 760px; margin: 0 0 28px; color: var(--pa-sand-bright); font-family: var(--pa-serif); font-size: clamp(23px, 2.3vw, 34px); line-height: 1.25; }
.panova-about__copy > p:not(.panova-kicker):not(.panova-about__quote) { max-width: 690px; color: var(--pa-muted); }
.panova-about__facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 38px 0; background: var(--pa-line); border: 1px solid var(--pa-line); }
.panova-about__facts div { min-height: 106px; display: flex; flex-direction: column; justify-content: center; padding: 16px; background: #0d1c1f; }.panova-about__facts strong { color: var(--pa-sand-bright); font-family: var(--pa-serif); font-size: 24px; font-weight: 400; }.panova-about__facts span { color: var(--pa-muted); font-size: 9px; line-height: 1.35; }
.panova-education { background: #091719; }
.panova-education__panel { display: grid; grid-template-columns: 1fr 1fr; min-height: 630px; border: 1px solid var(--pa-line); }
.panova-education__art { min-height: 500px; overflow: hidden; }.panova-education__art img { width: 100%; height: 100%; object-fit: cover; }
.panova-education__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(34px, 6vw, 85px); }
.panova-education__copy h2 { margin-bottom: 38px; font-family: var(--pa-serif); font-size: clamp(39px, 4vw, 60px); font-weight: 400; letter-spacing: -.035em; line-height: 1.05; }
.panova-education__list { margin-bottom: 35px; border-top: 1px solid var(--pa-line); }
.panova-education__list p { display: grid; grid-template-columns: 90px 1fr; gap: 18px; padding: 17px 0; margin: 0; border-bottom: 1px solid var(--pa-line); }.panova-education__list span { color: var(--pa-sand); font-size: 10px; letter-spacing: .08em; }.panova-education__list strong { font-size: 13px; font-weight: 500; }
.panova-journal { background: var(--pa-paper); color: var(--pa-dark); }
.panova-journal .panova-kicker { color: #537474; }.panova-journal .panova-section-head > p { color: #526365; }
.panova-journal__grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(10,23,25,.2); border-bottom: 1px solid rgba(10,23,25,.2); }
.panova-article-card { border-right: 1px solid rgba(10,23,25,.2); }.panova-article-card:first-child { border-left: 1px solid rgba(10,23,25,.2); }
.panova-article-card a { min-height: 390px; display: flex; flex-direction: column; padding: 28px; transition: background .3s, transform .3s var(--pa-ease); }.panova-article-card a:hover { background: rgba(255,255,255,.42); transform: translateY(-5px); }
.panova-article-card span { color: #587071; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.panova-article-card h3 { margin: auto 0 18px; font-family: var(--pa-serif); font-size: clamp(27px, 2.5vw, 37px); font-weight: 400; letter-spacing: -.025em; line-height: 1.08; }.panova-article-card p { min-height: 46px; margin: 0 0 24px; color: #526264; font-size: 13px; }.panova-article-card b { display: flex; align-items: center; justify-content: space-between; padding-top: 17px; border-top: 1px solid rgba(10,23,25,.18); font-size: 11px; font-weight: 600; }
.panova-journal .panova-section-link a { color: var(--pa-dark); }
.panova-faq { background: #0b191c; }
.panova-faq__grid { display: grid; grid-template-columns: minmax(290px, .6fr) minmax(0, 1.4fr); gap: clamp(60px, 10vw, 150px); align-items: start; }
.panova-faq__intro { position: sticky; top: 130px; }.panova-faq__intro h2 { margin-bottom: 25px; }.panova-faq__intro > p:not(.panova-kicker) { max-width: 380px; color: var(--pa-muted); font-size: 14px; }.panova-faq__intro .panova-text-link { margin-top: 18px; }
.panova-accordion { border-top: 1px solid var(--pa-line); }
.panova-accordion__item { border-bottom: 1px solid var(--pa-line); }.panova-accordion__item h3 { margin: 0; }
.panova-accordion__item button { width: 100%; min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 20px 0; border: 0; background: transparent; color: var(--pa-ink); text-align: left; cursor: pointer; }.panova-accordion__item button span { font-family: var(--pa-serif); font-size: clamp(21px, 2vw, 28px); line-height: 1.15; }
.panova-accordion__item button i { flex: 0 0 28px; position: relative; width: 28px; height: 28px; border: 1px solid var(--pa-line); border-radius: 50%; }.panova-accordion__item button i::before, .panova-accordion__item button i::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 1px; background: var(--pa-sand); transform: translate(-50%,-50%); transition: transform .3s ease; }.panova-accordion__item button i::after { transform: translate(-50%,-50%) rotate(90deg); }.panova-accordion__item button[aria-expanded="true"] i::after { transform: translate(-50%,-50%) rotate(0); }
.panova-accordion__panel { overflow: hidden; }.panova-accordion__panel p { max-width: 710px; padding: 0 52px 27px 0; margin: 0; color: var(--pa-muted); font-size: 14px; }
.panova-footer { padding: clamp(90px, 11vw, 170px) 0 28px; border-top: 1px solid var(--pa-line); background: #061113; }
.panova-footer__lead { max-width: 900px; }.panova-footer__lead h2 { margin: 0 0 24px; font-family: var(--pa-serif); font-size: clamp(50px, 7vw, 100px); font-weight: 400; letter-spacing: -.05em; line-height: .95; }.panova-footer__lead > p:not(.panova-kicker) { max-width: 620px; color: var(--pa-muted); }.panova-footer__lead .panova-btn { margin-top: 20px; }
.panova-footer__meta { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 90px; border-block: 1px solid var(--pa-line); }.panova-footer__meta div { min-height: 105px; display: flex; flex-direction: column; justify-content: center; padding: 20px; border-left: 1px solid var(--pa-line); }.panova-footer__meta div:last-child { border-right: 1px solid var(--pa-line); }.panova-footer__meta span { color: var(--pa-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .14em; }.panova-footer__meta strong, .panova-footer__meta a { margin-top: 7px; font-family: var(--pa-serif); font-size: 19px; font-weight: 400; }
.panova-footer__bottom { display: grid; grid-template-columns: 1fr auto 1fr; gap: 30px; align-items: end; padding-top: 35px; }.panova-brand--footer small { font-size: 9px; }.panova-footer__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }.panova-footer__links a { color: var(--pa-muted); font-size: 11px; }.panova-footer__bottom > p { justify-self: end; max-width: 280px; margin: 0; color: #74817f; font-size: 9px; text-align: right; }
/* Inner page shell */
.panova-inner-hero { position: relative; min-height: 720px; padding: 130px 0 75px; overflow: hidden; background: radial-gradient(circle at 83% 46%, rgba(55,107,108,.23), transparent 36%), #071315; }
.panova-inner-hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:80px 80px; }
.panova-crumbs { position: relative; z-index: 2; margin-bottom: 54px; }.panova-crumbs ol { display: flex; flex-wrap: wrap; gap: 9px; padding: 0; margin: 0; list-style: none; }.panova-crumbs li { display: flex; align-items: center; gap: 9px; color: #83918e; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }.panova-crumbs li:not(:last-child)::after { content: "/"; color: #4d605f; }.panova-crumbs a:hover { color: var(--pa-sand); }
.panova-inner-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .65fr); gap: clamp(50px, 9vw, 135px); align-items: center; }
.panova-inner-hero__copy h1 { max-width: 820px; margin: 0 0 28px; font-family: var(--pa-serif); font-size: clamp(48px, 5.2vw, 78px); font-weight: 400; letter-spacing: -.045em; line-height: .98; text-wrap: balance; }.panova-inner-hero__copy > p:not(.panova-kicker) { max-width: 720px; margin-bottom: 32px; color: #c1cbc8; font-size: clamp(17px, 1.4vw, 21px); }
.panova-inner-hero__image { position: relative; height: 470px; overflow: hidden; border: 1px solid var(--pa-line); background: #0b1b1e; }.panova-inner-hero__image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(5,15,17,.45)); }.panova-inner-hero__image img { width:100%; height:100%; object-fit:cover; }.panova-inner-hero__image > span { position:absolute; z-index:2; right:20px; bottom:17px; color:var(--pa-sand); font-size:10px; letter-spacing:.15em; }
.panova-hub { background: var(--pa-paper); color: var(--pa-dark); }.panova-hub__grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid rgba(10,23,25,.2); }
.panova-hub-card { position:relative; min-height:260px; display:grid; grid-template-columns:42px 1fr 28px; gap:25px; padding:38px 32px; border-right:1px solid rgba(10,23,25,.2); border-bottom:1px solid rgba(10,23,25,.2); transition:background .3s, transform .3s var(--pa-ease); }.panova-hub-card:nth-child(odd){border-left:1px solid rgba(10,23,25,.2)}.panova-hub-card:hover{background:rgba(255,255,255,.45);transform:translateY(-4px)}.panova-hub-card > span{color:#527070;font-size:10px;letter-spacing:.14em}.panova-hub-card h2{margin:0 0 14px;font-family:var(--pa-serif);font-size:clamp(29px,3vw,42px);font-weight:400;line-height:1.05}.panova-hub-card p{margin:0;color:#506062;font-size:13px}.panova-hub-card svg{color:#426363}
.panova-note-section { background:#102327; }.panova-note-section__grid { display:grid; grid-template-columns:.45fr 1fr; gap:70px; align-items:start; }.panova-note-section__grid > div{max-width:800px}.panova-note-section__grid h2{margin-bottom:24px}.panova-note-section__grid div>p{max-width:650px;color:var(--pa-muted)}.panova-note-section .panova-btn{margin-top:20px}
.panova-readable { background:var(--pa-paper); color:var(--pa-dark); }.panova-readable__grid{display:grid;grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);gap:clamp(60px,10vw,160px)}.panova-readable__aside{position:sticky;top:130px;align-self:start}.panova-readable__aside .panova-kicker{color:#537474}.panova-readable__aside>span{display:block;max-width:290px;color:#526264;font-size:13px}.panova-readable__main{max-width:820px}.panova-readable__main h2,.panova-prose h2{margin:0 0 35px;font-family:var(--pa-serif);font-size:clamp(39px,4vw,60px);font-weight:400;letter-spacing:-.035em;line-height:1.04}.panova-signal-list{padding:0;margin:0 0 90px;list-style:none;border-top:1px solid rgba(10,23,25,.18)}.panova-signal-list li{display:grid;grid-template-columns:20px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(10,23,25,.18);font-family:var(--pa-serif);font-size:22px;line-height:1.3}.panova-signal-list i{width:8px;height:8px;margin-top:10px;border:1px solid #537474;border-radius:50%}.panova-prose{margin-bottom:38px}.panova-prose p{color:#455658}.panova-work-list{padding:0;margin:0 0 50px;list-style:none;border-top:1px solid rgba(10,23,25,.18)}.panova-work-list li{display:grid;grid-template-columns:55px 1fr;gap:25px;padding:24px 0;border-bottom:1px solid rgba(10,23,25,.18)}.panova-work-list span{color:#547171;font-size:10px;letter-spacing:.13em}.panova-work-list p{margin:0}.panova-notice{padding:25px;border-left:2px solid #7c5c46;background:rgba(124,92,70,.09)}.panova-notice strong{display:block;margin-bottom:5px;color:#71513e;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.panova-notice p{margin:0;color:#4c5b5c;font-size:13px}.panova-related{padding:80px 0;background:#071315}.panova-related__grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:25px;border:1px solid var(--pa-line)}.panova-related__grid a{min-height:180px;display:grid;grid-template-columns:1fr auto;align-items:end;padding:28px;border-right:1px solid var(--pa-line)}.panova-related__grid a:last-child{border:0}.panova-related__grid span{grid-column:1/-1;align-self:start;color:var(--pa-muted);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.panova-related__grid strong{max-width:470px;font-family:var(--pa-serif);font-size:28px;font-weight:400;line-height:1.1}.panova-related__grid svg{color:var(--pa-sand)}
.panova-pillars{background:var(--pa-paper);color:var(--pa-dark)}.panova-pillars .panova-kicker,.panova-consult .panova-kicker{color:#537474}.panova-pillars .panova-section-head>p,.panova-consult .panova-section-head>p{color:#526365}.panova-pillars__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(10,23,25,.18);border:1px solid rgba(10,23,25,.18)}.panova-pillar{position:relative;min-height:330px;padding:36px;background:var(--pa-paper)}.panova-pillar>span{display:block;width:38px;height:38px;margin-bottom:90px;border:1px solid #6d8989;border-radius:50%}.panova-pillar>span::after{content:"";display:block;width:12px;height:12px;margin:12px;border-radius:50%;background:#6d8989}.panova-pillar h3{margin:0 0 14px;font-family:var(--pa-serif);font-size:32px;font-weight:400}.panova-pillar p{margin:0;color:#536264;font-size:14px}.panova-process--inner{background:var(--pa-sand)}.panova-definition{background:#0d1c1f}.panova-definition__grid{display:grid;grid-template-columns:minmax(320px,.7fr) 1fr;gap:clamp(60px,10vw,150px);align-items:center}.panova-definition__art{position:relative;height:640px;overflow:hidden;border:1px solid var(--pa-line);background:#071315}.panova-definition__art>img{width:100%;height:100%;object-fit:cover}.panova-definition__art--brain{display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(40,157,153,.25),transparent 42%),linear-gradient(145deg,#061113,#0c2427)}.panova-brain-stage--method{width:min(112%,610px);max-width:none;justify-self:center}.panova-definition__copy>p:not(.panova-kicker){max-width:700px;color:var(--pa-muted)}.panova-definition__copy .panova-btn{margin-top:25px}
.panova-consult{background:var(--pa-paper);color:var(--pa-dark)}.panova-consult__facts{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:100px;border:1px solid rgba(10,23,25,.18)}.panova-consult__facts div{min-height:135px;display:flex;flex-direction:column;justify-content:center;padding:24px;border-right:1px solid rgba(10,23,25,.18)}.panova-consult__facts div:last-child{border:0}.panova-consult__facts span{color:#597071;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.panova-consult__facts strong{margin-top:7px;font-family:var(--pa-serif);font-size:27px;font-weight:400}.panova-session{background:#0d1c1f}.panova-session__grid{display:grid;grid-template-columns:1fr minmax(340px,.65fr);gap:clamp(60px,10vw,150px);align-items:start}.panova-session__copy ul{padding:0;margin:45px 0 0;list-style:none;border-top:1px solid var(--pa-line)}.panova-session__copy li{padding:16px 0;border-bottom:1px solid var(--pa-line);color:#cad2cf;font-size:14px}.panova-session__card{padding:38px;border:1px solid var(--pa-line);background:#102428}.panova-session__card>span{color:var(--pa-sand);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.panova-session__card h3{margin:5px 0;font-family:var(--pa-serif);font-size:42px;font-weight:400}.panova-session__card p{color:var(--pa-muted);font-size:14px}.panova-session__card hr{height:1px;margin:30px 0;border:0;background:var(--pa-line)}.panova-session__card .panova-btn{width:100%;margin-top:15px}
.panova-profile{background:var(--pa-paper);color:var(--pa-dark)}.panova-profile__grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(70px,11vw,170px)}.panova-profile .panova-kicker{color:#537474}.panova-profile__lead>p:not(.panova-kicker){max-width:700px;color:#4e5e60}.panova-profile blockquote{margin:45px 0 0;padding:28px 0;border-block:1px solid rgba(10,23,25,.18);font-family:var(--pa-serif);font-size:clamp(23px,2.6vw,36px);line-height:1.25}.panova-profile__facts{border-top:1px solid rgba(10,23,25,.18)}.panova-profile__facts>div{padding:25px 0;border-bottom:1px solid rgba(10,23,25,.18)}.panova-profile__facts span{color:#527070;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.panova-profile__facts p{margin:8px 0 0;font-size:14px}.panova-about-method{background:#0d1c1f}.panova-about-method__grid{display:grid;grid-template-columns:minmax(300px,.6fr) 1fr;gap:clamp(60px,10vw,150px);align-items:center}.panova-about-method__art{height:680px;overflow:hidden}.panova-about-method__art img{width:100%;height:100%;object-fit:cover}.panova-about-method__copy>p:not(.panova-kicker){max-width:700px;color:var(--pa-muted)}.panova-about-method__copy .panova-text-link{margin-top:22px}
.panova-timeline{background:var(--pa-paper);color:var(--pa-dark)}.panova-timeline .panova-kicker{color:#537474}.panova-timeline .panova-section-head>p{color:#526365}.panova-timeline ol{padding:0;margin:0;list-style:none;border-top:1px solid rgba(10,23,25,.2)}.panova-timeline li{position:relative;display:grid;grid-template-columns:180px 1fr 24px;gap:40px;padding:35px 0;border-bottom:1px solid rgba(10,23,25,.2)}.panova-timeline li>span{color:#527070;font-family:var(--pa-serif);font-size:25px}.panova-timeline h3{margin:0 0 5px;font-family:var(--pa-serif);font-size:31px;font-weight:400}.panova-timeline li p{margin:0;color:#526264;font-size:14px}.panova-timeline li i{width:12px;height:12px;margin-top:8px;border:1px solid #527070;border-radius:50%}
.panova-faq--page{background:#0b191c}.panova-faq--inner{background:#0b191c}
/* Blog and article */
.panova-blog-hero{padding:135px 0 65px;background:#071315}.panova-blog-hero__grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(60px,9vw,130px);align-items:center}.panova-blog-hero h1{margin:0 0 28px;font-family:var(--pa-serif);font-size:clamp(60px,8vw,112px);font-weight:400;letter-spacing:-.055em;line-height:.9}.panova-blog-hero__grid>div:first-child>p:not(.panova-kicker){max-width:600px;color:var(--pa-muted)}.panova-blog-hero__art{position:relative;height:430px;overflow:hidden;border:1px solid var(--pa-line)}.panova-blog-hero__art img{width:100%;height:100%;object-fit:cover}.panova-blog-hero__art span{position:absolute;right:18px;bottom:16px;padding:6px 9px;background:rgba(7,19,21,.75);color:var(--pa-sand);font-size:9px;text-transform:uppercase;letter-spacing:.13em}.panova-topic-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:55px;padding-top:25px;border-top:1px solid var(--pa-line)}.panova-topic-nav a{padding:9px 14px;border:1px solid var(--pa-line);border-radius:999px;color:#abb8b5;font-size:11px;transition:border-color .25s,color .25s}.panova-topic-nav a:hover{border-color:var(--pa-sand);color:var(--pa-sand-bright)}.panova-blog-list{background:var(--pa-paper);color:var(--pa-dark)}.panova-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panova-blog-card{overflow:hidden;border:1px solid rgba(10,23,25,.18);background:rgba(255,255,255,.15);transition:transform .35s var(--pa-ease),box-shadow .35s}.panova-blog-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(10,23,25,.1)}.panova-blog-card__media{display:block;height:240px;overflow:hidden;background:#0b191c}.panova-blog-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--pa-ease)}.panova-blog-card:hover .panova-blog-card__media img{transform:scale(1.04)}.panova-blog-card__body{padding:26px}.panova-blog-card__body>p{display:flex;justify-content:space-between;color:#5b7071;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.panova-blog-card h2{margin:40px 0 14px;font-family:var(--pa-serif);font-size:31px;font-weight:400;line-height:1.05}.panova-blog-card__body>div{min-height:65px;color:#536264;font-size:13px}.panova-blog-card .panova-text-link{margin-top:25px;color:var(--pa-dark)}.panova-pagination{display:flex;justify-content:center;gap:8px;margin-top:50px}.panova-pagination .page-numbers{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(10,23,25,.2);font-size:12px}.panova-pagination .current{background:var(--pa-dark);color:var(--pa-ink)}.panova-empty{max-width:820px;padding:70px;border:1px solid rgba(10,23,25,.18)}.panova-empty .panova-kicker{color:#527070}.panova-empty>p:not(.panova-kicker){color:#526264}.panova-empty .panova-actions{margin-top:28px}.panova-empty .panova-btn--ghost{border-color:rgba(10,23,25,.25);color:var(--pa-dark)}
.panova-article-hero{padding:135px 0 90px;background:#071315}.panova-article-hero__grid{display:grid;grid-template-columns:1fr 220px;gap:80px;align-items:end}.panova-article-hero h1{max-width:1050px;margin:0 0 28px;font-family:var(--pa-serif);font-size:clamp(50px,6.2vw,88px);font-weight:400;letter-spacing:-.05em;line-height:.98}.panova-article-hero__grid>div:first-child>p:not(.panova-kicker){max-width:760px;color:#c1cbc8;font-size:19px}.panova-article-byline{display:flex;align-items:center;gap:14px;margin-top:35px}.panova-article-byline img{width:48px;height:48px;object-fit:cover;object-position:top;border-radius:50%;background:#173033}.panova-article-byline p{margin:0}.panova-article-byline strong,.panova-article-byline span{display:block}.panova-article-byline strong{font-family:var(--pa-serif);font-size:16px;font-weight:400}.panova-article-byline span{color:var(--pa-muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.panova-article-hero__meta{border-top:1px solid var(--pa-line)}.panova-article-hero__meta div{padding:15px 0;border-bottom:1px solid var(--pa-line)}.panova-article-hero__meta span,.panova-article-hero__meta time,.panova-article-hero__meta strong{display:block}.panova-article-hero__meta span{color:#7f8e8b;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.panova-article-hero__meta time,.panova-article-hero__meta strong{margin-top:3px;color:var(--pa-sand);font-size:12px;font-weight:500}.panova-article-layout{display:grid;grid-template-columns:250px minmax(0,780px);gap:clamp(60px,10vw,150px);align-items:start;padding-top:100px;padding-bottom:100px}.panova-article-aside{position:sticky;top:120px}.panova-article-toc{padding:20px;border:1px solid var(--pa-line)}.panova-article-toc>span{color:var(--pa-sand);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.panova-article-toc ol{padding:0;margin:18px 0 0;list-style:none;counter-reset:toc}.panova-article-toc li{counter-increment:toc}.panova-article-toc li+li{margin-top:10px}.panova-article-toc a{display:grid;grid-template-columns:22px 1fr;gap:6px;color:var(--pa-muted);font-size:11px;line-height:1.4}.panova-article-toc a::before{content:counter(toc,decimal-leading-zero);color:#627876;font-size:8px}.panova-article-toc a:hover{color:var(--pa-ink)}.panova-article-content{font-family:var(--pa-serif);font-size:21px;line-height:1.75}.panova-article-content>p:first-child{font-size:25px;color:#e3d7c4}.panova-article-content h2{scroll-margin-top:120px;margin:2.2em 0 .6em;font-size:clamp(35px,4vw,52px);font-weight:400;letter-spacing:-.03em;line-height:1.08}.panova-article-content h3{scroll-margin-top:120px;margin:1.8em 0 .5em;color:var(--pa-sand-bright);font-size:28px;font-weight:400}.panova-article-content p,.panova-article-content li{color:#c2cbc8}.panova-article-content a{color:var(--pa-sand-bright);border-bottom:1px solid rgba(240,222,192,.45)}.panova-article-content blockquote{margin:2em 0;padding:20px 0 20px 30px;border-left:2px solid var(--pa-sand);color:var(--pa-sand-bright);font-size:27px}.panova-article-content img{height:auto;margin:2.5em 0}.panova-article-sources{padding:60px 0;background:#0d1c1f}.panova-article-narrow{max-width:780px}.panova-article-sources h2{font-family:var(--pa-serif);font-size:32px;font-weight:400}.panova-article-sources ol{padding-left:22px;color:var(--pa-muted);font-size:13px}.panova-article-sources a{color:var(--pa-sand)}.panova-article-service{padding:85px 0;background:var(--pa-sand);color:var(--pa-dark)}.panova-article-service__card{display:grid;grid-template-columns:1fr 280px;gap:80px;align-items:end}.panova-article-service .panova-kicker{color:#486666}.panova-article-service h2{margin-bottom:15px}.panova-article-service__card>div:first-child>p:not(.panova-kicker){max-width:650px;color:#455758}.panova-article-service__card>div:last-child{display:flex;flex-direction:column}.panova-article-service__card>div:last-child>strong{font-family:var(--pa-serif);font-size:40px;font-weight:400}.panova-article-service__card>div:last-child>span{margin-bottom:20px;color:#4c5e5e;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.panova-article-service .panova-text-link{margin-top:18px;color:var(--pa-dark)}
.panova-reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s var(--pa-ease), transform .75s var(--pa-ease); }
.panova-reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 1180px) {
html.panova-document { --pa-shell: min(100% - 48px, 1120px); }
.panova-nav { display: none; }.panova-header__inner { grid-template-columns: 1fr auto; }.panova-header__cta { display:none; }.panova-menu-button { display:flex; }
.panova-hero__grid { grid-template-columns: minmax(0,1.25fr) minmax(300px,.65fr); gap:25px; }.panova-hero h1 { font-size:clamp(47px,6.2vw,70px); }.panova-portrait-frame > p{right:0}.panova-art{width:62vw;right:-8%}
.panova-trust__grid { grid-template-columns: repeat(5, 1fr); }.panova-trust__grid div{padding:16px 12px}
.panova-method__grid,.panova-about__grid,.panova-education__panel,.panova-definition__grid,.panova-about-method__grid { gap:55px; }
.panova-blog-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 820px) {
html.panova-document { --pa-shell: calc(100% - 36px); }
body.panova-site { font-size:16px; }.admin-bar .panova-header{top:46px}.panova-header__inner{height:72px}.panova-brand small{display:none}
.panova-hero{min-height:auto}.panova-hero__grid{grid-template-columns:1fr;padding-top:126px;padding-bottom:0}.panova-hero__copy{padding:20px 0 0}.panova-hero h1{font-size:clamp(45px,11vw,72px)}.panova-hero__lead{font-size:17px}.panova-hero__portrait{width:min(92%,500px);margin:0 auto}.panova-portrait-frame img{max-height:570px}.panova-art{top:20%;right:-38%;width:110vw;height:65%;opacity:.42}.panova-scroll-cue{display:none}
.panova-trust__grid{grid-template-columns:repeat(2,1fr)}.panova-trust__grid div{min-height:92px;border-bottom:1px solid var(--pa-line)}.panova-trust__grid div:last-child{grid-column:1/-1}
.panova-section-head,.panova-method__grid,.panova-about__grid,.panova-faq__grid,.panova-education__panel,.panova-footer__bottom,.panova-inner-hero__grid,.panova-note-section__grid,.panova-readable__grid,.panova-definition__grid,.panova-session__grid,.panova-profile__grid,.panova-about-method__grid,.panova-blog-hero__grid,.panova-article-hero__grid,.panova-article-layout,.panova-article-service__card{grid-template-columns:1fr}
.panova-section-head{gap:25px;margin-bottom:45px}.panova-card-flow{width:calc(100vw - 18px)}
.panova-method__visual,.panova-about__image,.panova-definition__art,.panova-about-method__art{min-height:0;height:70vw;max-height:620px}.panova-method__grid,.panova-about__grid{gap:55px}.panova-method__visual{order:2}.panova-about__stamp{right:-5px}
.panova-process__cta{align-items:flex-start;flex-direction:column}.panova-about__facts{grid-template-columns:1fr}.panova-about__facts div{min-height:78px}.panova-education__panel{gap:0}.panova-education__art{min-height:54vw}.panova-journal__grid{grid-template-columns:1fr}.panova-article-card{border-left:1px solid rgba(10,23,25,.2);border-bottom:1px solid rgba(10,23,25,.2)}.panova-article-card a{min-height:330px}.panova-faq__intro{position:static}.panova-footer__meta{grid-template-columns:1fr}.panova-footer__meta div{border-right:1px solid var(--pa-line);border-bottom:1px solid var(--pa-line)}.panova-footer__bottom{align-items:start}.panova-footer__links{justify-content:flex-start}.panova-footer__bottom>p{justify-self:start;text-align:left}
.panova-inner-hero{min-height:0;padding:115px 0 65px}.panova-inner-hero__grid{gap:45px}.panova-inner-hero__image{height:55vw;min-height:300px}.panova-hub__grid,.panova-related__grid{grid-template-columns:1fr}.panova-hub-card:nth-child(even){border-left:1px solid rgba(10,23,25,.2)}.panova-related__grid a{border-right:0;border-bottom:1px solid var(--pa-line)}.panova-readable__aside,.panova-article-aside{position:static}.panova-pillars__grid{grid-template-columns:1fr}.panova-pillar{min-height:260px}.panova-pillar>span{margin-bottom:50px}.panova-consult__facts{grid-template-columns:repeat(2,1fr)}.panova-consult__facts div:nth-child(2){border-right:0}.panova-consult__facts div:nth-child(-n+2){border-bottom:1px solid rgba(10,23,25,.18)}.panova-timeline li{grid-template-columns:125px 1fr 18px;gap:20px}.panova-blog-hero__art{height:50vw;min-height:310px}.panova-article-hero__grid{gap:45px}.panova-article-hero__meta{display:grid;grid-template-columns:repeat(3,1fr)}.panova-article-hero__meta div{padding-right:10px;border-right:1px solid var(--pa-line)}.panova-article-layout{gap:35px}.panova-article-toc{display:none}
}
@media (max-width: 560px) {
html.panova-document { --pa-shell: calc(100% - 28px); }body.panova-site{font-size:15px}
.panova-header__inner{height:66px}.panova-brand__mark{width:27px;height:31px}.panova-brand strong{font-size:11px}.panova-menu-button span{display:none}.panova-menu__foot{align-items:flex-start;flex-direction:column}.panova-menu__foot .panova-btn{width:100%}
.panova-hero__grid{padding-top:110px}.panova-hero h1{font-size:clamp(42px,12.6vw,60px);line-height:.98}.panova-hero__offer{grid-template-columns:1fr}.panova-hero__offer div+div{padding-left:0;border-top:1px solid var(--pa-line);border-left:0}.panova-actions{flex-direction:column}.panova-actions .panova-btn{width:100%}.panova-portrait-frame>p{right:-2px;bottom:5%}
.panova-section{padding:78px 0}.panova-section-head h2,.panova-method h2,.panova-faq__intro h2,.panova-note-section h2,.panova-definition h2,.panova-profile h2,.panova-about-method h2,.panova-session h2,.panova-empty h2,.panova-article-service h2{font-size:clamp(38px,11vw,52px)}
.panova-card-flow{grid-template-columns:repeat(6,minmax(78vw,1fr))}.panova-problem-card{min-height:300px}.panova-method__visual,.panova-about__image,.panova-definition__art,.panova-about-method__art{height:110vw}.panova-method__copy li{grid-template-columns:32px 1fr}.panova-steps li{grid-template-columns:45px 1fr}.panova-process__cta .panova-btn{width:100%}.panova-about__facts{grid-template-columns:1fr}.panova-education__copy{padding:30px 24px}.panova-education__list p{grid-template-columns:1fr;gap:3px}.panova-footer__meta{margin-top:60px}.panova-footer__lead h2{font-size:clamp(48px,14vw,70px)}
.panova-inner-hero__copy h1{font-size:clamp(43px,12vw,64px)}.panova-inner-hero__image{height:85vw}.panova-hub-card{grid-template-columns:30px 1fr 20px;gap:12px;padding:28px 18px;min-height:220px}.panova-note-section__grid{gap:25px}.panova-readable__grid{gap:45px}.panova-signal-list li{font-size:19px}.panova-work-list li{grid-template-columns:35px 1fr}.panova-related__grid strong{font-size:24px}.panova-pillar{padding:28px}.panova-consult__facts{grid-template-columns:1fr}.panova-consult__facts div{min-height:100px;border-right:0!important;border-bottom:1px solid rgba(10,23,25,.18)}.panova-consult__facts div:last-child{border-bottom:0}.panova-session__card{padding:26px}.panova-timeline li{grid-template-columns:1fr 18px;gap:10px}.panova-timeline li>span{grid-column:1/-1;font-size:20px}.panova-timeline li i{grid-column:2;grid-row:2}.panova-blog-hero h1{font-size:clamp(53px,16vw,80px)}.panova-blog-grid{grid-template-columns:1fr}.panova-blog-card__media{height:58vw}.panova-empty{padding:35px 24px}.panova-article-hero h1{font-size:clamp(42px,12vw,62px)}.panova-article-hero__grid>div:first-child>p:not(.panova-kicker){font-size:17px}.panova-article-hero__meta{grid-template-columns:1fr}.panova-article-hero__meta div{border-right:0}.panova-article-content{font-size:18px}.panova-article-content>p:first-child{font-size:21px}.panova-article-content blockquote{font-size:23px}.panova-article-service__card{gap:30px}.panova-accordion__panel p{padding-right:0}
.panova-inner-hero__copy h1{font-size:clamp(39px,10.5vw,56px)}
}
@media (prefers-reduced-motion: reduce) {
.panova-app, .panova-app *, .panova-app *::before, .panova-app *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
.panova-reveal { opacity: 1; transform: none; }
}
/* --------------------------------------------------------------------------
Homepage 2.0.1 — the expressive visual language of v1, rebuilt around the
cleaner v2 information architecture. These rules intentionally follow the
base system so inner pages keep their restrained editorial layout.
-------------------------------------------------------------------------- */
html.panova-document {
--panova-ink: #071315;
--panova-ink-2: #0b1d1f;
--panova-white: #f7fbf9;
--panova-muted: #a8bbb5;
--panova-line: rgba(207, 232, 224, .16);
--panova-cyan: #5ee6dc;
--panova-copper: #f0a268;
--panova-page: min(100% - 64px, 1440px);
--panova-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
--panova-ease: cubic-bezier(.2, .75, .2, 1);
}
body.panova-home .panova-kicker {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
color: var(--panova-cyan);
font-size: 11px;
font-weight: 650;
letter-spacing: .17em;
line-height: 1.4;
text-transform: uppercase;
}
body.panova-home .panova-kicker > span {
width: 7px;
height: 7px;
border: 1px solid var(--panova-cyan);
border-radius: 50%;
box-shadow: 0 0 12px rgba(94, 230, 220, .7);
}
body.panova-home .panova-section {
width: var(--panova-page);
margin: 0 auto;
padding: clamp(100px, 10vw, 170px) 0;
}
body.panova-home .panova-section h2,
body.panova-home .panova-manifesto h2,
body.panova-home .panova-room h2,
body.panova-home .panova-closing h2,
.panova-dialog h2 {
margin: 0;
font-family: var(--panova-display);
font-weight: 400;
letter-spacing: -.055em;
line-height: .92;
}
body.panova-home h2 em,
body.panova-home h1 em,
.panova-dialog h2 em { color: var(--panova-cyan); font-weight: 400; }
body.panova-home .panova-v1-hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, .96fr) minmax(500px, 1.04fr);
align-items: center;
min-height: max(790px, 100svh);
padding: 120px max(32px, calc((100vw - 1440px) / 2)) 70px;
overflow: clip;
background:
radial-gradient(circle at 76% 40%, rgba(29, 112, 111, .19), transparent 31%),
radial-gradient(circle at 7% 83%, rgba(240, 162, 104, .09), transparent 24%),
linear-gradient(135deg, #071315 0%, #081719 58%, #061012 100%);
}
.panova-hero-grid {
position: absolute;
inset: 0;
background-image: linear-gradient(rgba(190, 220, 212, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(190, 220, 212, .055) 1px, transparent 1px);
background-position: center;
background-size: 76px 76px;
mask-image: linear-gradient(to bottom, black, transparent 82%);
pointer-events: none;
}
.panova-neural-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .82; pointer-events: none; }
.panova-hero-glow { position: absolute; border-radius: 50%; filter: blur(5px); pointer-events: none; }
.panova-hero-glow-one { top: 20%; right: 18%; width: 9px; height: 9px; background: var(--panova-cyan); box-shadow: 0 0 90px 35px rgba(94, 230, 220, .32); }
.panova-hero-glow-two { right: 8%; bottom: 26%; width: 6px; height: 6px; background: var(--panova-copper); box-shadow: 0 0 70px 28px rgba(240, 162, 104, .24); }
body.panova-home .panova-hero-copy { position: relative; z-index: 3; max-width: 710px; padding: 0; }
body.panova-home .panova-v1-hero h1 {
max-width: none;
margin: 28px 0 0;
font-family: var(--panova-display);
font-size: clamp(62px, 6.4vw, 104px);
font-weight: 400;
letter-spacing: -.06em;
line-height: .9;
text-wrap: balance;
}
body.panova-home .panova-v1-hero h1 em { position: relative; display: inline-block; }
body.panova-home .panova-v1-hero h1 em::after { position: absolute; right: .05em; bottom: -.05em; left: .02em; height: .025em; background: linear-gradient(90deg, transparent, var(--panova-cyan), transparent); content: ""; opacity: .7; }
body.panova-home .panova-hero-lead { max-width: 570px; margin: 27px 0 0; color: #becdc8; font-size: clamp(16px, 1.2vw, 19px); line-height: 1.58; }
.panova-hero-offer { display: grid; grid-template-columns: 1fr 1fr; width: min(100%, 580px); margin-top: 26px; border-block: 1px solid var(--panova-line); }
.panova-hero-offer div { display: flex; flex-direction: column; justify-content: center; min-height: 75px; padding: 12px 20px 12px 0; }
.panova-hero-offer div + div { padding-left: 24px; border-left: 1px solid var(--panova-line); }
.panova-hero-offer span { color: #91a59f; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }
.panova-hero-offer strong { margin-top: 3px; color: var(--panova-white); font-family: var(--panova-display); font-size: 25px; font-weight: 400; }
body.panova-home .panova-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 27px; }
.panova-button { display: inline-flex; justify-content: center; align-items: center; gap: 18px; min-height: 55px; padding: 0 25px; border: 1px solid transparent; border-radius: 999px; cursor: pointer; font-size: 13px; font-weight: 650; transition: transform .24s var(--panova-ease), background .24s ease, color .24s ease, border-color .24s ease; }
.panova-button:hover { transform: translateY(-3px); }.panova-button:hover svg { transform: translate(3px, -3px); }.panova-button svg { transition: transform .24s var(--panova-ease); }
.panova-button-primary { background: var(--panova-cyan); color: #041011; box-shadow: 0 13px 40px rgba(94, 230, 220, .12); }.panova-button-primary:hover { background: #89f1e9; }
.panova-button-ghost { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.015); color: var(--panova-white); }.panova-button-ghost:hover { border-color: rgba(255,255,255,.58); background: rgba(255,255,255,.06); }
.panova-button-light { background: var(--panova-white); color: var(--panova-ink); }.panova-button-light:hover { background: var(--panova-cyan); }
.panova-brain-stage { --tilt-x: 0deg; --tilt-y: 0deg; position: relative; z-index: 2; display: grid; place-items: center; width: min(53vw, 850px); max-width: 100%; aspect-ratio: 1 / .9; justify-self: end; perspective: 1100px; }
.panova-brain-float { position: relative; z-index: 3; display: grid; width: 100%; place-items: center; will-change: transform; animation: panova-brain-float 6.4s ease-in-out infinite; }
.panova-brain { position: relative; width: 88%; height: auto; filter: drop-shadow(0 28px 40px rgba(0,0,0,.46)) drop-shadow(0 0 48px rgba(48,204,197,.12)); transform: rotateX(var(--tilt-y)) rotateY(var(--tilt-x)); transform-style: preserve-3d; transition: transform .5s var(--panova-ease); }
@keyframes panova-brain-float { 0%,100% { transform: translate3d(0,-8px,0) rotate(-.35deg); } 50% { transform: translate3d(0,12px,0) rotate(.35deg); } }
.panova-brain-halo { position: absolute; z-index: 1; width: 70%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(94,230,220,.2), rgba(94,230,220,.04) 38%, transparent 67%); filter: blur(9px); animation: panova-pulse 4s ease-in-out infinite; }
@keyframes panova-pulse { 0%,100% { opacity: .6; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.05); } }
.panova-orbit { position: absolute; z-index: 2; border: 1px solid rgba(94,230,220,.22); border-radius: 50%; pointer-events: none; }
.panova-orbit::before,.panova-orbit::after { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--panova-cyan); box-shadow: 0 0 18px var(--panova-cyan); content: ""; }.panova-orbit::before { top:14%;left:14%; }.panova-orbit::after { right:16%;bottom:12%;background:var(--panova-copper);box-shadow:0 0 18px var(--panova-copper); }
.panova-orbit-a { width: 85%; aspect-ratio: 1.42; transform: rotate(-14deg); animation: panova-orbit-a 18s linear infinite; }.panova-orbit-b { width: 69%; aspect-ratio: .82; transform: rotate(27deg); animation: panova-orbit-b 14s linear infinite reverse; }
@keyframes panova-orbit-a { to { transform:rotate(346deg); } } @keyframes panova-orbit-b { to { transform:rotate(387deg); } }
.panova-brain-label { position:absolute;z-index:5;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--panova-line);border-radius:999px;background:rgba(7,19,21,.68);color:#c8d7d2;font-size:9px;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(8px); }
.panova-brain-label span { width:5px;height:5px;border-radius:50%;background:var(--panova-cyan);box-shadow:0 0 12px var(--panova-cyan); }.panova-brain-label-top{top:16%;right:3%}.panova-brain-label-bottom{bottom:19%;left:4%}
.panova-brain-index { position:absolute;right:5%;bottom:5%;color:rgba(219,234,228,.42);font-size:9px;letter-spacing:.22em;line-height:1.4 }.panova-brain-index b{color:var(--panova-copper);font-size:20px;font-weight:400}
body.panova-home .panova-scroll-cue { position:absolute;right:max(32px,calc((100vw - 1440px)/2));bottom:34px;z-index:5;display:flex;align-items:center;gap:12px;color:inherit;font-size:inherit;letter-spacing:0;text-transform:none;writing-mode:initial; }
body.panova-home .panova-scroll-cue span { width:auto;height:auto;background:none;color:rgba(224,237,232,.48);font-size:9px;letter-spacing:.2em;text-transform:uppercase; }
body.panova-home .panova-scroll-cue i { position:relative;width:42px;height:1px;background:rgba(255,255,255,.24);overflow:hidden }.panova-scroll-cue i::after{position:absolute;inset:0;background:var(--panova-cyan);content:"";animation:panova-scan 2s ease-in-out infinite}@keyframes panova-scan{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
body.panova-home .panova-trust { border-color: var(--panova-line); background:#081719; }
body.panova-home .panova-trust strong { color:var(--panova-cyan); }.panova-home .panova-trust__grid div:nth-child(4) strong{color:var(--panova-copper)}
.panova-marquee { overflow:hidden;border-block:1px solid rgba(7,19,21,.22);background:var(--panova-cyan);color:#061315 }.panova-marquee>div{display:flex;align-items:center;width:max-content;height:50px;animation:panova-marquee 28s linear infinite}.panova-marquee span{padding:0 28px;font-size:10px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.panova-marquee i{width:5px;height:5px;border-radius:50%;background:#061315}@keyframes panova-marquee{to{transform:translateX(-50%)}}
body.panova-home .panova-section-head,body.panova-home .panova-map-head{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(440px,1.4fr) minmax(260px,.7fr);gap:clamp(28px,4vw,70px);align-items:end;margin:0}
body.panova-home .panova-section-head>div,body.panova-home .panova-map-head>div{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}.panova-section-number{color:rgba(223,239,233,.4);font-family:var(--panova-display);font-size:13px;letter-spacing:.12em}
body.panova-home .panova-section-head h2,body.panova-home .panova-map-head h2{font-size:clamp(53px,5.6vw,91px)}body.panova-home .panova-section-head>p,body.panova-home .panova-map-head>p,body.panova-home .panova-method-intro>p:last-of-type{margin:0;color:var(--panova-muted);font-size:15px;line-height:1.65}
.panova-topic-rail{display:grid;grid-auto-columns:minmax(310px,1fr);grid-auto-flow:column;gap:16px;margin-top:72px;overflow-x:auto;padding:3px 3px 20px;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}.panova-topic-rail::-webkit-scrollbar{display:none}.panova-topic-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}
.panova-topic-card{--spot-x:50%;--spot-y:50%;position:relative;display:flex;flex-direction:column;min-height:430px;padding:26px;border:1px solid var(--panova-line);background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(94,230,220,.12),transparent 30%),linear-gradient(145deg,rgba(17,42,45,.93),rgba(9,25,27,.96));scroll-snap-align:start;overflow:hidden;transition:border-color .25s ease,transform .25s var(--panova-ease)}.panova-topic-card:hover{border-color:rgba(94,230,220,.42);transform:translateY(-5px)}.panova-topic-card.is-featured{background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(7,19,21,.12),transparent 35%),linear-gradient(145deg,#bcefe7,#68d5cd);color:var(--panova-ink)}
.panova-card-no{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--panova-copper)}.is-featured .panova-card-no{color:#365e59}.panova-topic-visual{position:relative;display:grid;place-items:center;height:125px;margin:24px 0 28px}.panova-topic-visual span{position:absolute;border:1px solid rgba(94,230,220,.35);border-radius:50%}.panova-topic-visual span:nth-child(1){width:92px;height:92px;animation:panova-ring 8s linear infinite}.panova-topic-visual span:nth-child(2){width:62px;height:62px;border-style:dashed;animation:panova-ring 7s linear infinite reverse}.panova-topic-visual span:nth-child(3){width:9px;height:9px;border:0;background:var(--panova-cyan);box-shadow:0 0 24px var(--panova-cyan);animation:panova-pulse 3s ease-in-out infinite}.is-featured .panova-topic-visual span{border-color:rgba(7,19,21,.35)}.is-featured .panova-topic-visual span:nth-child(3){border:0;background:#0d3133;box-shadow:0 0 18px rgba(7,19,21,.38)}@keyframes panova-ring{to{transform:rotate(360deg) scale(1.07)}}
.panova-topic-card h3{margin:auto 0 10px;font-family:var(--panova-display);font-size:28px;font-weight:400;letter-spacing:-.035em;line-height:1.05}.panova-topic-card>p{margin:0;color:var(--panova-muted);font-size:14px;line-height:1.6}.panova-topic-card.is-featured>p{color:#244746}.panova-topic-card>a{display:flex;justify-content:space-between;align-items:center;min-height:42px;margin-top:22px;padding-top:12px;border-top:1px solid var(--panova-line);font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.panova-topic-card.is-featured>a{border-color:rgba(7,19,21,.18)}.panova-topic-card>a span{display:inline-flex;font-size:14px}.panova-rail-hint{display:flex;align-items:center;gap:10px;margin-top:12px;color:rgba(216,235,228,.42);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.panova-rail-hint i{width:58px;height:1px;background:linear-gradient(90deg,var(--panova-cyan),transparent)}
.panova-manifesto{position:relative;display:grid;align-items:center;min-height:min(850px,90svh);padding:120px max(32px,calc((100vw - 1440px)/2));overflow:hidden;background:#050e0f}.panova-manifesto-bg{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;opacity:.72;transform:scale(1.02)}.panova-manifesto-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,15,.98) 6%,rgba(4,13,15,.78) 48%,rgba(4,13,15,.25) 100%)}.panova-manifesto-copy{position:relative;z-index:2;max-width:850px}.panova-manifesto h2{margin-top:27px;font-size:clamp(57px,6.1vw,102px)}.panova-manifesto-copy>p:last-child{max-width:520px;margin:33px 0 0 40%;color:#c1d0cb;font-size:16px;line-height:1.65}.panova-manifesto-stamp{position:absolute;right:max(40px,calc((100vw - 1440px)/2));bottom:64px;z-index:3;display:grid;place-items:center;width:126px;height:126px;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#b8c9c3;font-size:8px;letter-spacing:.16em;text-transform:uppercase;animation:panova-spin-slow 18s linear infinite}.panova-manifesto-stamp b{font-size:24px;font-weight:300}@keyframes panova-spin-slow{to{transform:rotate(360deg)}}
body.panova-home .panova-v1-about{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(450px,1.05fr);gap:clamp(60px,8vw,140px);align-items:center;background:transparent}.panova-about-art{position:relative;min-height:640px}.panova-about-ink{position:absolute;top:0;left:0;width:70%}.panova-about-ink::before{position:absolute;inset:-1px;z-index:2;border:1px solid rgba(255,255,255,.12);content:"";pointer-events:none}.panova-about-ink img{width:100%;aspect-ratio:1;object-fit:cover}.panova-image-caption{display:flex;justify-content:space-between;margin-top:10px;color:#879b95;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.panova-image-caption span{color:var(--panova-copper)}
.panova-about-portrait{position:absolute;right:0;bottom:0;z-index:3;width:52%;height:480px;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(94,230,220,.2),transparent 46%),#0c2022;box-shadow:-26px -26px 80px rgba(3,10,11,.56)}.panova-about-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%}.panova-portrait-glass{position:absolute;right:12px;bottom:12px;left:12px;display:flex;flex-direction:column;padding:14px 16px;border:1px solid rgba(255,255,255,.16);background:rgba(5,16,18,.68);backdrop-filter:blur(12px)}.panova-portrait-glass strong{font-size:13px;font-weight:600}.panova-portrait-glass span{margin-top:3px;color:var(--panova-cyan);font-size:8px;letter-spacing:.14em;text-transform:uppercase}
/* Explicit contrast for CTA anchors: the global link rule is intentionally stronger than a bare modifier class. */
body.panova-site a.panova-btn--primary,
body.panova-site a.panova-btn--primary:visited{background:var(--panova-cyan);color:#071315;text-shadow:none}
body.panova-site a.panova-btn--primary:hover,
body.panova-site a.panova-btn--primary:focus-visible{background:#89f1e9;color:#071315}
body.panova-site a.panova-btn--primary svg{stroke:currentColor}
.panova-inner-hero__image--portrait{height:500px;background:radial-gradient(circle at 50% 28%,rgba(94,230,220,.15),transparent 44%),#0b1b1e}
.panova-inner-hero__image--portrait img{object-fit:contain;object-position:center bottom}
.panova-about-method__art{height:560px}
.panova-definition__art .panova-brain-stage--method{width:min(112%,610px);max-width:none;justify-self:center}
.panova-footer__lead h2{font-size:clamp(46px,5.3vw,78px)}
body.panova-home .panova-about-copy h2{margin:27px 0 0;font-family:var(--panova-display);font-size:clamp(54px,5.2vw,88px);font-weight:400;letter-spacing:-.055em;line-height:.92}.panova-about-lines{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:42px}.panova-about-lines p{margin:0;color:var(--panova-muted);font-size:14px;line-height:1.7}.panova-inline-link{display:flex;justify-content:space-between;align-items:center;width:min(100%,360px);min-height:56px;margin-top:38px;border-bottom:1px solid rgba(255,255,255,.32);font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;transition:border-color .2s ease,color .2s ease}.panova-inline-link:hover{color:var(--panova-cyan);border-color:var(--panova-cyan)}
body.panova-home .panova-v1-method{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(520px,1.22fr);gap:clamp(65px,9vw,150px);align-items:start;border-top:1px solid var(--panova-line);background:transparent;color:var(--panova-white)}.panova-method-intro{position:sticky;top:120px}.panova-method-intro h2{margin:27px 0 0;font-size:clamp(54px,5vw,84px)}.panova-method-intro>p:last-of-type{max-width:440px;margin-top:32px!important}.panova-method-intro .panova-inline-link{margin-top:26px}
body.panova-home .panova-process{position:relative;background:transparent;color:var(--panova-white)}.panova-process-track{position:absolute;top:0;bottom:0;left:29px;width:1px;background:var(--panova-line);overflow:hidden}.panova-process-track span{display:block;width:100%;height:100%;background:linear-gradient(to bottom,var(--panova-cyan),var(--panova-copper));transform:scaleY(0);transform-origin:top}.panova-process-step{position:relative;display:grid;grid-template-columns:60px 1fr;gap:28px;min-height:270px;padding-bottom:60px}.panova-process-step:last-child{min-height:190px;padding-bottom:0}.panova-step-dot{position:relative;z-index:2;display:grid;place-items:center;width:60px;height:60px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:var(--panova-ink);color:#738782;transition:color .3s,border-color .3s,box-shadow .3s}.panova-process-step.is-active .panova-step-dot{border-color:var(--panova-cyan);color:var(--panova-cyan);box-shadow:0 0 28px rgba(94,230,220,.13)}.panova-step-dot span{font-size:9px;font-weight:700;letter-spacing:.15em}.panova-process-step>div:last-child{padding:8px 0 0}.panova-process-step p{margin:0 0 15px;color:var(--panova-copper);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.panova-process-step h3{max-width:670px;margin:0;font-family:var(--panova-display);font-size:clamp(29px,2.7vw,43px);font-weight:400;letter-spacing:-.035em;line-height:1.08}.panova-process-step>div>span{display:block;max-width:570px;margin-top:19px;color:var(--panova-muted);font-size:14px;line-height:1.65}
.panova-room{position:relative;display:grid;align-items:end;min-height:min(880px,92svh);padding:100px max(32px,calc((100vw - 1440px)/2));overflow:hidden;background:#060f10}.panova-room>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.panova-room-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,14,.96) 0%,rgba(5,13,14,.76) 40%,rgba(5,13,14,.08) 80%),linear-gradient(0deg,rgba(5,13,14,.7),transparent 46%)}.panova-room-copy{position:relative;z-index:2;max-width:730px}.panova-room h2{margin-top:26px;font-size:clamp(60px,6.2vw,103px)}.panova-room-copy>p:not(.panova-kicker){max-width:500px;margin:30px 0 36px;color:#d1ddd9;font-size:16px;line-height:1.65}.panova-room-fact{position:absolute;z-index:3;right:max(32px,calc((100vw - 1440px)/2));bottom:42px;display:flex;flex-direction:column;align-items:flex-end}.panova-room-fact strong{font-family:var(--panova-display);font-size:34px;font-weight:400}.panova-room-fact span{color:rgba(255,255,255,.6);font-size:8px;letter-spacing:.16em;text-transform:uppercase}
body.panova-home .panova-map{padding-bottom:clamp(110px,12vw,190px)}.panova-map-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:70px;border-top:1px solid var(--panova-line);border-left:1px solid var(--panova-line)}.panova-map-card{--spot-x:50%;--spot-y:50%;position:relative;display:grid;grid-template-columns:48px 1fr 52px;gap:24px;align-items:center;min-height:180px;padding:30px;border-right:1px solid var(--panova-line);border-bottom:1px solid var(--panova-line);background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(94,230,220,.11),transparent 26%);transition:background-color .24s ease}.panova-map-card:hover{background-color:rgba(17,44,47,.58)}.panova-map-index{align-self:start;color:var(--panova-copper);font-size:9px;font-weight:700;letter-spacing:.15em}.panova-map-card h3{margin:0;font-family:var(--panova-display);font-size:clamp(27px,2.4vw,38px);font-weight:400;letter-spacing:-.03em}.panova-map-card p{max-width:390px;margin:10px 0 0;color:var(--panova-muted);font-size:13px;line-height:1.55}.panova-map-lock{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--panova-line);border-radius:50%;color:#859a94;transition:color .2s,border-color .2s,transform .24s var(--panova-ease)}.panova-map-card:hover .panova-map-lock{color:var(--panova-cyan);border-color:var(--panova-cyan);transform:rotate(7deg)}
.panova-closing{position:relative;display:grid;align-items:center;min-height:min(900px,92svh);padding:100px max(32px,calc((100vw - 1440px)/2));overflow:hidden;background:#061113}.panova-closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.56}.panova-closing::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,18,.96) 8%,rgba(5,16,18,.67) 52%,rgba(5,16,18,.22));content:""}.panova-closing-profile{position:absolute;top:6%;right:4%;bottom:0;z-index:1;width:min(42vw,650px);opacity:.68;mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.panova-closing-profile img{width:100%;height:100%;object-fit:contain;object-position:bottom right;filter:saturate(.9) contrast(1.08)}.panova-closing-copy{position:relative;z-index:3;max-width:800px}.panova-closing h2{margin-top:27px;font-size:clamp(61px,7vw,116px)}.panova-closing-copy>p:not(.panova-kicker){max-width:510px;margin:32px 0 36px;color:#c5d4cf;font-size:16px;line-height:1.65}.panova-closing-orbit{position:absolute;right:-5vw;bottom:-28vw;z-index:2;width:58vw;height:58vw;border:1px solid rgba(94,230,220,.16);border-radius:50%}.panova-closing-orbit::before,.panova-closing-orbit::after{position:absolute;inset:12%;border:1px solid rgba(240,162,104,.15);border-radius:50%;content:""}.panova-closing-orbit::after{inset:27%;border-color:rgba(94,230,220,.2)}
.panova-dialog{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px}.panova-dialog[hidden]{display:none}.panova-dialog-backdrop{position:absolute;inset:0;background:rgba(2,8,9,.78);backdrop-filter:blur(12px)}.panova-dialog-panel{position:relative;z-index:2;width:min(100%,700px);max-height:min(90svh,740px);overflow-y:auto;padding:clamp(32px,6vw,68px);border:1px solid rgba(255,255,255,.17);background:radial-gradient(circle at 95% 0%,rgba(94,230,220,.14),transparent 30%),linear-gradient(145deg,#11282b,#081719);box-shadow:0 40px 120px rgba(0,0,0,.55);color:var(--panova-white)}.panova-dialog-close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--panova-line);border-radius:50%;background:transparent;color:var(--panova-white);cursor:pointer}.panova-dialog h2{margin-top:25px;font-size:clamp(46px,6.5vw,70px)}.panova-dialog-panel>p:not(.panova-kicker){max-width:560px;margin:24px 0 0;color:var(--panova-muted);font-size:15px}.panova-contact-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.panova-contact-options a{display:flex;justify-content:flex-start;align-items:center;gap:14px;min-height:105px;padding:20px;border:1px solid var(--panova-line);background:rgba(255,255,255,.025)}.panova-contact-options a:hover{border-color:var(--panova-cyan);background:rgba(94,230,220,.08)}.panova-contact-option__copy{display:flex;flex:1;min-width:0;flex-direction:column}.panova-contact-options b{font-size:15px}.panova-contact-options small{margin-top:5px;color:var(--panova-muted);font-size:11px}.panova-contact-option__brand{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;border:1px solid rgba(94,230,220,.28);border-radius:14px;background:rgba(94,230,220,.055);color:var(--panova-cyan)}.panova-contact-option__brand svg{width:21px;height:21px;stroke-width:1.45}.panova-contact-option__brand .panova-icon-fill{fill:currentColor;stroke:none}.panova-contact-option__arrow{display:grid;flex:0 0 auto;place-items:center;margin-left:auto;color:var(--panova-cyan)}.panova-contact-option__arrow svg{width:22px;height:22px}.panova-contact-options a:hover .panova-contact-option__brand{border-color:rgba(94,230,220,.55);background:rgba(94,230,220,.1)}.panova-dialog-note{display:flex;align-items:center;gap:8px;margin-top:23px;color:#829690;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.panova-dialog-note span{width:6px;height:6px;border-radius:50%;background:var(--panova-cyan);box-shadow:0 0 12px var(--panova-cyan)}
body.panova-home.dialog-open{overflow:hidden}.panova-footer--compact{padding-top:24px}.panova-footer--compact .panova-footer__bottom{padding-top:18px}
@media (max-width: 1120px) {
html.panova-document{--panova-page:min(100% - 48px,1120px)}
body.panova-home .panova-v1-hero{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);padding-inline:24px}.panova-brain-stage{width:50vw}
body.panova-home .panova-section-head,body.panova-home .panova-map-head{grid-template-columns:.4fr 1.2fr .7fr;gap:32px}
body.panova-home .panova-v1-about{grid-template-columns:.92fr 1.08fr;gap:52px}.panova-about-art{min-height:560px}.panova-about-portrait{height:440px}
body.panova-home .panova-v1-method{grid-template-columns:.8fr 1.2fr;gap:64px}.panova-manifesto,.panova-room,.panova-closing{padding-inline:24px}
}
@media (max-width: 860px) {
body.panova-home .panova-v1-hero{grid-template-columns:1fr;align-content:start;min-height:auto;padding-top:120px;padding-bottom:35px}
body.panova-home .panova-hero-copy{max-width:720px}.panova-brain-stage{width:min(90vw,650px);margin:-12px auto 0;justify-self:center}.panova-brain{width:78%}
.panova-inner-hero__image--portrait{height:min(68vw,490px);min-height:400px}
.panova-about-method__art{height:min(66vw,520px)}
body.panova-home .panova-scroll-cue{display:none}
body.panova-home .panova-section-head,body.panova-home .panova-map-head{grid-template-columns:1fr;align-items:start}.panova-home .panova-section-head>div,.panova-home .panova-map-head>div{min-height:58px;flex-direction:row}.panova-home .panova-section-head>p,.panova-home .panova-map-head>p{max-width:600px}
.panova-manifesto-copy>p:last-child{margin-left:20%}
body.panova-home .panova-v1-about{grid-template-columns:1fr}.panova-about-art{width:min(100%,680px);min-height:620px}.panova-about-portrait{height:440px}.panova-about-copy{max-width:720px}
.panova-definition__art .panova-brain-stage--method{width:min(92%,560px);max-width:none;margin:0 auto}
body.panova-home .panova-v1-method{grid-template-columns:1fr}.panova-method-intro{position:static;max-width:720px}.panova-process{max-width:760px}.panova-map-grid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
html.panova-document{--panova-page:calc(100% - 36px)}
body.panova-home .panova-v1-hero{padding:104px 18px 18px;background:radial-gradient(circle at 78% 57%,rgba(29,112,111,.19),transparent 32%),linear-gradient(150deg,#071315,#061012)}
.panova-hero-grid{background-size:52px 52px;opacity:.75}
body.panova-home .panova-v1-hero h1{margin-top:20px;font-size:clamp(49px,15.5vw,64px);line-height:.91;letter-spacing:-.055em}
body.panova-home .panova-hero-lead{margin-top:22px;font-size:15px;line-height:1.52}
.panova-hero-offer{margin-top:21px}.panova-hero-offer div{min-height:64px;padding:9px 8px 9px 0}.panova-hero-offer div+div{padding-left:12px}.panova-hero-offer span{font-size:7px;letter-spacing:.1em}.panova-hero-offer strong{font-size:20px}
body.panova-home .panova-hero-actions{display:grid;grid-template-columns:1fr;margin-top:22px}.panova-button{width:100%;min-height:53px;padding-inline:18px}
.panova-brain-stage{width:112vw;max-width:none;margin:-10px 0 0 -8vw;aspect-ratio:1/.8}.panova-brain{width:72%}.panova-brain-label{font-size:7px;padding:6px 8px}.panova-brain-label-top{top:12%;right:12%}.panova-brain-label-bottom{bottom:15%;left:14%}.panova-brain-index{right:12%;bottom:4%}
body.panova-home .panova-trust__grid{grid-template-columns:1fr 1fr}.panova-home .panova-trust__grid div{min-height:82px}.panova-home .panova-trust__grid div:last-child{grid-column:1/-1}
.panova-marquee>div{height:44px}.panova-marquee span{padding:0 20px;font-size:8px}
body.panova-home .panova-section{padding-block:82px}.panova-home .panova-section-head h2,.panova-home .panova-map-head h2{font-size:clamp(45px,13vw,61px)}.panova-home .panova-section-head,.panova-home .panova-map-head{gap:21px}.panova-home .panova-section-head>p,.panova-home .panova-map-head>p{font-size:14px}
.panova-topic-rail{grid-auto-columns:minmax(278px,84vw);margin-top:43px;margin-right:-18px}.panova-topic-card{min-height:390px}.panova-topic-visual{height:108px;margin:18px 0 22px}
.panova-manifesto{min-height:720px;padding:78px 18px;align-items:end}.panova-manifesto-bg{inset:0;width:100%;height:100%;object-position:68% center}.panova-manifesto-shade{background:linear-gradient(0deg,rgba(4,13,15,.98) 8%,rgba(4,13,15,.7) 66%,rgba(4,13,15,.32))}.panova-manifesto h2{font-size:clamp(46px,13vw,62px)}.panova-manifesto-copy>p:last-child{margin:25px 0 0;font-size:14px}.panova-manifesto-stamp{top:70px;right:18px;bottom:auto;width:88px;height:88px}
body.panova-home .panova-v1-about{gap:52px}.panova-about-art{min-height:460px}.panova-about-ink{width:75%}.panova-about-portrait{width:54%;height:330px}.panova-about-copy h2{font-size:clamp(45px,13vw,62px)!important}.panova-about-lines{grid-template-columns:1fr;gap:16px;margin-top:27px}
.panova-inner-hero__image--portrait{height:min(112vw,460px);min-height:370px}
.panova-about-method__art{height:min(94vw,450px)}
.panova-definition__art .panova-brain-stage--method{width:106%;max-width:none;margin:0 0 0 -3%;aspect-ratio:1/.9}
.panova-footer__lead h2{font-size:clamp(38px,10vw,52px)}
body.panova-home .panova-v1-method{gap:52px}.panova-method-intro h2{font-size:clamp(44px,13vw,61px)}.panova-process-track{left:22px}.panova-process-step{grid-template-columns:46px 1fr;gap:17px;min-height:285px;padding-bottom:48px}.panova-step-dot{width:46px;height:46px}.panova-process-step h3{font-size:27px}.panova-process-step>div>span{font-size:13px}
.panova-room{min-height:700px;padding:64px 18px;align-items:end}.panova-room>img{object-position:60% center}.panova-room-overlay{background:linear-gradient(0deg,rgba(5,13,14,.98) 5%,rgba(5,13,14,.65) 64%,rgba(5,13,14,.16))}.panova-room h2{font-size:clamp(47px,13vw,63px)}.panova-room-copy>p:not(.panova-kicker){font-size:14px}.panova-room-fact{top:68px;right:18px;bottom:auto;align-items:flex-end}.panova-room-fact strong{font-size:28px}.panova-room-fact span{max-width:130px;text-align:right}
.panova-map-grid{margin-top:43px}.panova-map-card{grid-template-columns:28px 1fr 38px;gap:11px;min-height:145px;padding:20px 13px}.panova-map-card p{font-size:12px}.panova-map-lock{width:36px;height:36px}
.panova-closing{min-height:720px;padding:64px 18px;align-items:end}.panova-closing::after{background:linear-gradient(0deg,rgba(5,16,18,.98) 10%,rgba(5,16,18,.72) 64%,rgba(5,16,18,.2))}.panova-closing-profile{top:3%;right:-18%;width:91vw;height:58%;opacity:.55}.panova-closing h2{font-size:clamp(50px,15vw,70px)}.panova-closing-copy>p:not(.panova-kicker){font-size:14px}.panova-closing-orbit{width:120vw;height:120vw;bottom:-65vw;right:-40vw}
.panova-dialog{padding:10px;align-items:end}.panova-dialog-panel{width:100%;max-height:92svh;padding:52px 20px 26px}.panova-dialog h2{font-size:45px}.panova-contact-options{grid-template-columns:1fr}.panova-contact-options a{min-height:84px}
.panova-footer--compact{padding-top:16px}.panova-footer--compact .panova-footer__bottom{grid-template-columns:1fr;gap:18px}.panova-footer--compact .panova-footer__links{justify-content:flex-start}.panova-footer--compact .panova-footer__bottom>p{justify-self:start;text-align:left}
}
@media (prefers-reduced-motion: reduce) {
.panova-brain-float,.panova-brain,.panova-orbit,.panova-brain-halo,.panova-marquee>div,.panova-topic-visual span,.panova-manifesto-stamp{animation:none!important}
}
/* 2.0.4 — seamless motion and volumetric image compositions */
.panova-marquee__track{display:flex!important;width:max-content;height:50px;will-change:transform;animation:panova-marquee-loop 24s linear infinite!important}
.panova-marquee__group{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;width:max-content;min-width:100vw;height:100%}
@keyframes panova-marquee-loop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.panova-depth-art{position:relative;isolation:isolate;overflow:hidden;background:#061113}
.panova-depth-source,.panova-depth-canvas{position:absolute;inset:0;width:100%;height:100%}
.panova-depth-source{object-fit:cover;opacity:.82;transform:scale(1.035);transition:opacity .7s ease}
.panova-depth-canvas{z-index:1;display:block;opacity:0;transition:opacity .8s ease}
.js .panova-depth-art.is-depth-ready .panova-depth-source{opacity:0}
.js .panova-depth-art.is-depth-ready .panova-depth-canvas{opacity:1}
.panova-depth-volume{position:absolute;z-index:2;inset:0;pointer-events:none;mix-blend-mode:screen}
.panova-depth-volume i{position:absolute;inset:12% 8%;border:1px solid rgba(94,230,220,.2);border-radius:50%;box-shadow:inset 0 0 70px rgba(94,230,220,.035),0 0 42px rgba(94,230,220,.045);animation:panova-volume-breathe 8s cubic-bezier(.37,0,.18,1) infinite}
.panova-depth-volume i:nth-child(2){inset:23% 17%;border-color:rgba(240,162,104,.2);animation-delay:-2.7s;animation-duration:10s}
.panova-depth-volume i:nth-child(3){inset:35% 29%;border-style:dashed;animation-delay:-5.1s;animation-duration:12s}
.panova-depth-scan{position:absolute;z-index:3;top:-20%;bottom:-20%;left:-32%;width:28%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(131,255,243,.12),rgba(255,220,181,.08),transparent);filter:blur(12px);mix-blend-mode:screen;transform:skewX(-12deg);animation:panova-depth-scan 9s ease-in-out infinite}
@keyframes panova-volume-breathe{0%,100%{opacity:.35;transform:translate3d(-1.5%,1%,0) scale(.94)}50%{opacity:.9;transform:translate3d(2%,-1.5%,0) scale(1.075)}}
@keyframes panova-depth-scan{0%,12%{opacity:0;transform:translate3d(0,0,0) skewX(-12deg)}32%,72%{opacity:1}88%,100%{opacity:0;transform:translate3d(520%,0,0) skewX(-12deg)}}
.panova-manifesto{isolation:isolate;min-height:min(900px,94svh);padding:120px max(32px,calc((100vw - 1440px)/2));background:radial-gradient(circle at 78% 45%,#123638 0%,#071315 48%,#040c0e 100%)}
.panova-manifesto-art{position:absolute;z-index:0;inset:6% 3% 6% 35%;clip-path:polygon(7% 0,100% 0,100% 88%,86% 100%,0 100%,0 12%);box-shadow:-35px 40px 110px rgba(0,0,0,.58)}
.panova-manifesto-art::after{position:absolute;z-index:4;inset:0;border:1px solid rgba(211,238,230,.18);clip-path:inherit;content:"";pointer-events:none}
.panova-depth-index{position:absolute;z-index:5;right:24px;bottom:21px;display:flex;align-items:flex-end;gap:18px;color:rgba(230,241,237,.62);font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.panova-depth-index span{color:var(--panova-copper)}.panova-depth-index b{font-weight:500}
.panova-manifesto-shade{z-index:1;background:linear-gradient(90deg,rgba(4,13,15,.99) 0%,rgba(4,13,15,.91) 31%,rgba(4,13,15,.48) 57%,rgba(4,13,15,.08) 100%)}
.panova-manifesto-copy{z-index:3;max-width:760px}
.panova-manifesto-copy>p:last-child{max-width:500px;margin:34px 0 0 24%;color:#d5e1dd}
.panova-manifesto-stamp{z-index:5;right:max(40px,calc((100vw - 1440px)/2));bottom:54px;background:rgba(5,17,19,.34);backdrop-filter:blur(8px)}
body.panova-home .panova-about-art{height:clamp(480px,43vw,560px);min-height:0;max-height:560px;overflow:hidden}
body.panova-home .panova-about-ink{width:64%;height:68%;overflow:hidden}
body.panova-home .panova-about-ink img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
body.panova-home .panova-about-portrait{height:82%;max-height:460px}
.panova-about-method__art{height:clamp(360px,34vw,500px);min-height:360px;max-height:500px;overflow:hidden}
.panova-about-method__art img{object-position:center 28%}
.panova-definition__art--brain{overflow:visible;border:0;background:transparent;box-shadow:none}
.panova-definition__art--brain::before{position:absolute;inset:12% -8%;border-radius:50%;background:radial-gradient(circle,rgba(94,230,220,.19),rgba(94,230,220,.045) 42%,transparent 72%);filter:blur(18px);content:"";animation:panova-method-aura 6s ease-in-out infinite}
.panova-definition__art--brain .panova-brain-stage{z-index:2}
@keyframes panova-method-aura{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
.panova-closing{isolation:isolate;min-height:min(920px,95svh);background:radial-gradient(circle at 78% 42%,#103235,#061214 48%,#040d0f 100%)}
.panova-closing::after{display:none}
.panova-closing-art{position:absolute;z-index:0;inset:0;overflow:hidden}
.panova-closing-depth{position:absolute;inset:4% 0 4% 27%;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%,0 14%);opacity:.76}
.panova-closing-depth::after{position:absolute;z-index:4;inset:0;border:1px solid rgba(218,238,232,.13);clip-path:inherit;content:""}
.panova-closing-portrait{position:absolute;z-index:4;top:8%;right:max(28px,calc((100vw - 1440px)/2));bottom:8%;width:min(35vw,510px);filter:drop-shadow(-30px 38px 70px rgba(0,0,0,.58))}
.panova-closing-portal,.panova-closing-echo{position:absolute;inset:0;overflow:hidden;clip-path:polygon(14% 0,100% 0,100% 88%,84% 100%,0 100%,0 12%)}
.panova-closing-portal{z-index:2;border:1px solid rgba(233,242,239,.22);background:#0b2022;animation:panova-portal-float 8s cubic-bezier(.37,0,.18,1) infinite}
.panova-closing-portal::after{position:absolute;inset:0;background:linear-gradient(115deg,rgba(94,230,220,.13),transparent 32%,transparent 68%,rgba(240,162,104,.1)),linear-gradient(0deg,rgba(4,13,15,.54),transparent 45%);content:""}
.panova-closing-portal img,.panova-closing-echo img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.panova-closing-portal>span{position:absolute;z-index:3;right:18px;bottom:17px;padding:7px 10px;background:rgba(5,17,19,.58);color:#d9e6e1;font-size:8px;letter-spacing:.16em;backdrop-filter:blur(8px)}
.panova-closing-echo{z-index:1;inset:6% -8% -3% 13%;opacity:.23;filter:blur(7px) saturate(1.25);animation:panova-portal-echo 10s ease-in-out infinite}
.panova-closing-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(4,13,15,.99) 0%,rgba(4,13,15,.92) 35%,rgba(4,13,15,.36) 66%,rgba(4,13,15,.08)),linear-gradient(0deg,rgba(4,13,15,.82),transparent 38%)}
.panova-closing-copy{z-index:5;max-width:720px}
.panova-closing-orbit{z-index:3;right:-7vw;bottom:-31vw;border-color:rgba(94,230,220,.24);animation:panova-volume-breathe 11s ease-in-out infinite}
@keyframes panova-portal-float{0%,100%{transform:translate3d(0,-8px,0) scale(.985)}50%{transform:translate3d(-10px,12px,0) scale(1.018)}}
@keyframes panova-portal-echo{0%,100%{opacity:.13;transform:translate3d(18px,-10px,0) scale(.96)}50%{opacity:.3;transform:translate3d(-14px,16px,0) scale(1.04)}}
.panova-smartoo{display:block;width:max-content;max-width:100%;margin:9px 0 0 auto;color:var(--pa-sand)!important;border-bottom:1px solid rgba(216,199,173,.35);font-size:10px;line-height:1.5;transition:color .2s,border-color .2s}
.panova-smartoo:hover{color:var(--pa-sand-bright)!important;border-color:currentColor}
@media (max-width:860px){
.panova-manifesto{min-height:980px;padding:530px 24px 78px;align-items:end}
.panova-manifesto-art{inset:34px 24px auto;height:56%;clip-path:polygon(6% 0,100% 0,100% 90%,87% 100%,0 100%,0 10%)}
.panova-manifesto-shade{background:linear-gradient(0deg,rgba(4,13,15,.99) 0%,rgba(4,13,15,.91) 42%,rgba(4,13,15,.27) 76%,rgba(4,13,15,.06))}
.panova-manifesto-copy>p:last-child{margin-left:12%}
.panova-manifesto-stamp{top:58px;right:42px;bottom:auto}
body.panova-home .panova-about-art{height:540px;min-height:0;max-height:540px}
body.panova-home .panova-about-portrait{height:80%;max-height:430px}
.panova-about-method__art{height:min(58vw,480px);min-height:340px;max-height:480px}
.panova-closing{min-height:980px;padding:560px 24px 78px;align-items:end}
.panova-closing-depth{inset:2% 0 37% 7%}
.panova-closing-portrait{top:4%;right:7%;bottom:auto;width:min(56vw,430px);height:54%}
.panova-closing-shade{background:linear-gradient(0deg,rgba(4,13,15,.99) 0%,rgba(4,13,15,.94) 43%,rgba(4,13,15,.24) 74%,rgba(4,13,15,.04))}
.panova-closing-orbit{right:-28vw;bottom:-38vw;width:85vw;height:85vw}
.panova-smartoo{margin-left:0}
}
@media (max-width:640px){
.panova-marquee__track{height:44px;animation-duration:18s!important}
.panova-manifesto{min-height:860px;padding:440px 18px 64px}
.panova-manifesto-art{inset:20px 18px auto;height:51%}
.panova-manifesto-copy>p:last-child{margin-left:0}
.panova-depth-index{right:13px;bottom:12px;gap:8px}.panova-depth-index b{display:none}
.panova-manifesto-stamp{top:42px;right:32px;width:82px;height:82px}
body.panova-home .panova-about-art{height:470px;min-height:0;max-height:470px}
body.panova-home .panova-about-ink{width:70%;height:62%}
body.panova-home .panova-about-portrait{height:78%;max-height:368px}
.panova-about-method__art{height:min(86vw,400px);min-height:310px;max-height:400px}
.panova-definition__art--brain{height:min(108vw,490px)}
.panova-definition__art .panova-brain-stage--method{width:112%;margin-left:-6%}
.panova-closing{min-height:900px;padding:500px 18px 64px}
.panova-closing-depth{inset:0 0 42% 0;clip-path:none}
.panova-closing-portrait{top:3%;right:6%;width:68vw;height:49%}
.panova-closing-portal>span{right:10px;bottom:10px;font-size:7px}
.panova-closing h2{font-size:clamp(48px,14vw,66px)}
.panova-closing-orbit{right:-45vw;bottom:-48vw;width:120vw;height:120vw}
}
@media (prefers-reduced-motion:reduce){
.panova-marquee__track,.panova-depth-volume i,.panova-depth-scan,.panova-definition__art--brain::before,.panova-closing-portal,.panova-closing-echo,.panova-closing-orbit{animation:none!important}
}
/* 2.0.5 — sharper art, editorial image staging, unified navigation and safer responsive bounds */
.panova-menu-button{gap:11px;min-width:88px;min-height:46px;justify-content:flex-end;padding:0}
.panova-menu-button .panova-menu-label{font-size:10px;letter-spacing:.17em}
.panova-menu-glyph{position:relative;display:grid!important;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid rgba(240,222,192,.34);border-radius:50%;transition:border-color .25s ease,background .25s ease,transform .35s var(--pa-ease)}
.panova-menu-glyph::before{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--panova-cyan);box-shadow:0 0 13px rgba(94,230,220,.8);content:"";transform:translate(-8px,-7px)}
.panova-menu-glyph i{position:absolute;right:9px;display:block;width:21px;height:1px;background:currentColor;transform-origin:right;transition:width .25s ease,transform .25s ease}
.panova-menu-glyph i:first-child{top:16px}.panova-menu-glyph i:last-child{right:12px;bottom:15px;width:15px}
.panova-menu-button:hover .panova-menu-glyph{border-color:var(--panova-cyan);background:rgba(94,230,220,.055);transform:rotate(5deg)}
.panova-menu-button:hover .panova-menu-glyph i:last-child{width:21px}
.panova-depth-source{transform:scale(1.012);image-rendering:auto}
.panova-manifesto-art{inset:7% 3.5% 7% 34%;clip-path:none;border:1px solid rgba(211,238,230,.17);box-shadow:-34px 38px 100px rgba(0,0,0,.5),0 0 0 9px rgba(94,230,220,.018)}
.panova-manifesto-art::after{inset:10px;clip-path:none;border-color:rgba(211,238,230,.1)}
.panova-manifesto-art::before{position:absolute;z-index:5;right:-1px;bottom:-1px;width:74px;height:1px;background:linear-gradient(90deg,transparent,var(--panova-copper));content:"";pointer-events:none}
.panova-manifesto-art .panova-depth-volume{opacity:.8}
.panova-manifesto-art .panova-depth-scan{width:20%;filter:blur(16px);opacity:.72}
body.panova-home .panova-about-art{height:clamp(610px,49vw,690px);min-height:610px;max-height:690px;overflow:hidden;isolation:isolate}
body.panova-home .panova-about-art::before{position:absolute;z-index:-1;inset:6% 4% 3% 10%;border:1px solid rgba(94,230,220,.13);border-radius:50%;background:radial-gradient(circle at 62% 55%,rgba(94,230,220,.12),transparent 48%);content:"";animation:panova-about-aura 9s ease-in-out infinite}
body.panova-home .panova-about-art::after{position:absolute;z-index:2;top:13%;right:3%;width:42%;height:58%;border-top:1px solid rgba(240,162,104,.32);border-right:1px solid rgba(240,162,104,.18);content:"";pointer-events:none}
body.panova-home .panova-about-ink{top:2%;left:1%;width:76%;height:80%;overflow:hidden;border:1px solid rgba(223,239,233,.18);background:#0a1719;box-shadow:0 28px 70px rgba(1,7,8,.44);animation:panova-about-field 12s ease-in-out infinite}
body.panova-home .panova-about-ink::before{z-index:3;inset:10px;border-color:rgba(255,255,255,.13)}
body.panova-home .panova-about-ink::after{position:absolute;z-index:2;inset:0;background:linear-gradient(120deg,rgba(94,230,220,.1),transparent 30%,transparent 67%,rgba(240,162,104,.09)),linear-gradient(0deg,rgba(3,11,13,.52),transparent 38%);content:"";pointer-events:none}
body.panova-home .panova-about-ink img{width:100%;height:100%;object-fit:cover;transform:scale(1.015);animation:panova-about-image 16s ease-in-out infinite}
body.panova-home .panova-image-caption{position:absolute;z-index:4;right:17px;bottom:16px;left:17px;margin:0;padding:9px 11px;border:1px solid rgba(255,255,255,.13);background:rgba(5,16,18,.64);color:#b7c8c2;backdrop-filter:blur(10px)}
body.panova-home .panova-about-portrait{right:1%;bottom:0;width:58%;height:87%;max-height:600px;overflow:hidden;border:1px solid rgba(223,239,233,.2);background:radial-gradient(circle at 50% 32%,rgba(94,230,220,.24),transparent 47%),#0b2022;box-shadow:-28px 30px 85px rgba(1,7,8,.62),0 0 0 9px rgba(7,19,21,.44)}
body.panova-home .panova-about-portrait::before{position:absolute;z-index:3;inset:10px;border:1px solid rgba(255,255,255,.11);content:"";pointer-events:none}
body.panova-home .panova-about-portrait::after{position:absolute;z-index:2;inset:0;background:linear-gradient(122deg,rgba(94,230,220,.1),transparent 34%),linear-gradient(0deg,rgba(4,14,16,.42),transparent 42%);content:"";pointer-events:none}
body.panova-home .panova-about-portrait img{z-index:1;transform:scale(1.015);transform-origin:50% 100%;animation:panova-about-portrait 10s ease-in-out infinite}
body.panova-home .panova-portrait-glass{z-index:5;right:18px;bottom:18px;left:18px}
@keyframes panova-about-aura{0%,100%{opacity:.48;transform:scale(.95) rotate(-2deg)}50%{opacity:1;transform:scale(1.03) rotate(2deg)}}
@keyframes panova-about-field{0%,100%{transform:translate3d(0,-4px,0)}50%{transform:translate3d(0,7px,0)}}
@keyframes panova-about-image{0%,100%{transform:scale(1.015) translate3d(-.5%,0,0)}50%{transform:scale(1.055) translate3d(1.1%,-.8%,0)}}
@keyframes panova-about-portrait{0%,100%{transform:scale(1.015) translate3d(0,0,0)}50%{transform:scale(1.028) translate3d(0,-5px,0)}}
body.panova-site main p:not(.panova-kicker){font-size:clamp(16px,.92vw,17.5px);line-height:1.68}
body.panova-site .panova-inner-hero__copy>p:not(.panova-kicker){font-size:clamp(18px,1.3vw,20px)}
body.panova-site .panova-article-content p{font-size:inherit;line-height:inherit}
body.panova-site .panova-article-content>p:first-child{font-size:25px}
body.panova-site main .panova-process-step p{font-size:10px;line-height:1.4}
body.panova-site main .panova-blog-card__body>p{font-size:10px;line-height:1.45}
body.panova-site main .panova-hero__note{font-size:14px}
.panova-dialog-panel>p:not(.panova-kicker),.panova-menu__foot p{font-size:16px;line-height:1.65}
body.panova-site,body.panova-site main{width:100%;max-width:100%}
body.panova-site main,body.panova-site main section,body.panova-site main article,body.panova-site main div{min-width:0}
.panova-btn,.panova-button{max-width:100%;min-width:0;height:auto;padding-top:14px;padding-bottom:14px;white-space:normal;text-align:center;overflow-wrap:anywhere;line-height:1.35}
.panova-btn>span,.panova-button>span{min-width:0}.panova-btn svg,.panova-button svg{flex:0 0 auto}
.panova-inline-link,.panova-text-link{max-width:100%;min-width:0;white-space:normal}.panova-inline-link>span,.panova-text-link>span{min-width:0}
@media (max-width:860px){
body.panova-home .panova-about-art{width:min(100%,720px);height:650px;min-height:650px;max-height:650px}
body.panova-home .panova-about-ink{width:78%;height:78%}
body.panova-home .panova-about-portrait{width:58%;height:86%;max-height:560px}
.panova-manifesto-art{inset:34px 24px auto;height:56%;clip-path:none}
.panova-manifesto-art::after{clip-path:none}
}
@media (max-width:820px){
body.admin-bar .panova-header{top:0!important}
.panova-header__inner{height:64px}
.panova-menu{padding:max(16px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}
.panova-menu nav{margin-top:2.5vh}
.panova-menu nav a{font-size:clamp(27px,8vw,42px)}
}
@media (max-width:640px){
html.panova-document{--pa-shell:calc(100% - 32px);--panova-page:calc(100% - 32px)}
body.panova-site{overflow-x:hidden}
.panova-header__inner{width:calc(100% - 32px);height:62px;gap:12px}
.panova-menu-button{min-width:42px}.panova-menu-button .panova-menu-label{display:none}.panova-menu-button .panova-menu-glyph{display:grid!important}
.panova-brand{max-width:calc(100vw - 92px);min-width:0}.panova-brand>span:last-child{min-width:0}.panova-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.panova-menu__top{padding-bottom:10px}.panova-menu__top button{width:42px;height:42px}
.panova-menu nav a{gap:12px;padding:12px 0;font-size:clamp(28px,8.7vw,38px);overflow-wrap:anywhere}
.panova-menu__foot{width:100%;gap:12px}.panova-menu__foot .panova-btn{width:100%}
body.panova-site main p:not(.panova-kicker){font-size:16px;line-height:1.68}
body.panova-site .panova-article-content p{font-size:inherit}
body.panova-site .panova-article-content>p:first-child{font-size:21px}
.panova-shell,body.panova-home .panova-section{max-width:calc(100% - 32px)}
.panova-actions,.panova-hero-actions,.panova-process__cta,.panova-empty .panova-actions{width:100%;min-width:0}
.panova-actions>.panova-btn,.panova-hero-actions>.panova-button,.panova-process__cta>.panova-btn,.panova-room-copy>.panova-button,.panova-closing-copy>.panova-button{width:100%}
.panova-btn,.panova-button{width:100%;min-height:52px;padding:14px 17px;gap:12px}
.panova-brain-stage,.panova-definition__art .panova-brain-stage--method{width:100%;max-width:100%;margin-left:0;margin-right:0}
.panova-brain{width:90%}
.panova-topic-rail{width:100%;max-width:100%;margin-right:0;grid-auto-columns:minmax(0,84vw)}
.panova-topic-card,.panova-map-card,.panova-hub-card,.panova-related__grid a{max-width:100%}
body.panova-site main h1,body.panova-site main h2,body.panova-site main h3{max-width:100%;overflow-wrap:break-word;hyphens:auto}
.panova-inner-hero__copy h1{font-size:clamp(38px,11vw,56px)}
.panova-manifesto{padding-right:16px;padding-left:16px}
.panova-manifesto-art{inset:20px 16px auto;height:51%;clip-path:none}
.panova-manifesto-copy,.panova-closing-copy,.panova-room-copy{max-width:100%}
body.panova-home .panova-about-art{height:570px;min-height:570px;max-height:570px}
body.panova-home .panova-about-ink{top:0;left:0;width:86%;height:72%}
body.panova-home .panova-about-portrait{right:0;width:62%;height:84%;max-height:480px}
body.panova-home .panova-image-caption{right:12px;bottom:12px;left:12px}
body.panova-home .panova-portrait-glass{right:12px;bottom:12px;left:12px;padding:11px 12px}
.panova-contact-options,.panova-contact-options a{max-width:100%;min-width:0}
}
@media (max-width:390px){
.panova-brand strong{font-size:10px}.panova-brand__mark{width:25px;height:29px}
.panova-menu{padding-right:14px;padding-left:14px}
body.panova-home .panova-about-art{height:530px;min-height:530px;max-height:530px}
.panova-menu nav a{font-size:29px}
}
@media (prefers-reduced-motion:reduce){
body.panova-home .panova-about-art::before,body.panova-home .panova-about-ink,body.panova-home .panova-about-ink img,body.panova-home .panova-about-portrait img{animation:none!important}
}
/* 2.0.6 — seamless marquee and content-first mobile composition */
.panova-marquee__track {
display: flex !important;
width: max-content;
height: 50px;
gap: 0;
transform: translate3d(0, 0, 0);
will-change: transform;
animation: panova-marquee-loop-206 26s linear infinite !important;
}
.panova-marquee__group {
flex: 0 0 max(100vw, 780px);
width: max(100vw, 780px);
min-width: 0;
justify-content: space-around;
}
@keyframes panova-marquee-loop-206 {
from { transform: translate3d(0, 0, 0); }
to { transform: translate3d(-33.3333333333%, 0, 0); }
}
@media (max-width: 820px) {
/* Shared rhythm: mobile sections follow content instead of desktop heights. */
.panova-section,
body.panova-home .panova-section {
padding-block: 68px;
}
.panova-section-head {
gap: 20px;
margin-bottom: 34px;
}
.panova-kicker {
margin-bottom: 16px;
}
/* Home hero: retain the recognisable brain, but make it a compact support visual. */
body.panova-home .panova-v1-hero {
min-height: 0;
padding: 102px 24px 34px;
}
body.panova-home .panova-hero-copy {
max-width: 660px;
}
.panova-brain-stage {
width: min(100%, 560px);
height: min(66vw, 360px);
margin: 20px auto 0;
aspect-ratio: auto;
}
.panova-brain {
width: min(78%, 420px);
}
/* The topic cards no longer reserve a large decorative middle field. */
.panova-topic-rail {
margin-top: 36px;
}
.panova-topic-card {
min-height: 0;
padding: 24px;
}
.panova-topic-visual {
display: none;
}
.panova-topic-card h3 {
margin: 24px 0 10px;
}
.panova-rail-hint {
margin-top: 8px;
}
/* Decorative cinematic scenes become concise editorial bands on phones. */
.panova-manifesto,
.panova-closing {
min-height: 0;
padding: 72px 24px;
align-items: center;
}
.panova-manifesto-art,
.panova-manifesto-stamp,
.panova-closing-art,
.panova-closing-orbit {
display: none;
}
.panova-manifesto-shade,
.panova-closing-shade {
background:
radial-gradient(circle at 86% 18%, rgba(94, 230, 220, .13), transparent 30%),
linear-gradient(145deg, rgba(4, 13, 15, .2), rgba(4, 13, 15, .78));
}
.panova-manifesto-copy,
.panova-closing-copy {
max-width: 680px;
}
.panova-manifesto-copy > p:last-child,
.panova-closing-copy > p:not(.panova-kicker) {
max-width: 560px;
margin: 24px 0 0;
}
.panova-closing-copy > p:not(.panova-kicker) {
margin-bottom: 28px;
}
/* Keep the actual therapist portrait; remove the overlapping abstract image. */
body.panova-home .panova-about-art {
width: min(100%, 500px);
height: min(118vw, 540px);
min-height: 420px;
max-height: 540px;
margin-inline: auto;
}
body.panova-home .panova-about-art::after,
body.panova-home .panova-about-ink {
display: none;
}
body.panova-home .panova-about-portrait {
position: relative;
right: auto;
bottom: auto;
width: 100%;
height: 100%;
max-height: none;
box-shadow: 0 24px 70px rgba(1, 7, 8, .48);
}
/* Process steps should read as a compact sequence, not four empty screens. */
.panova-process-step,
.panova-process-step:last-child {
min-height: 0;
padding-bottom: 34px;
}
.panova-process-step:last-child {
padding-bottom: 0;
}
.panova-process-track {
bottom: 22px;
}
/* The room photograph is meaningful, so it stays as one restrained scene. */
.panova-room {
min-height: clamp(520px, 112vw, 620px);
padding: 64px 24px;
}
.panova-room-fact {
top: 30px;
right: 24px;
bottom: auto;
}
.panova-map-grid {
margin-top: 36px;
}
.panova-map-card {
min-height: 0;
padding-block: 22px;
}
/* Inner heroes: keep only images with direct practical or personal meaning. */
.panova-inner-hero {
min-height: 0;
padding: 96px 0 52px;
}
.panova-crumbs {
margin-bottom: 30px;
}
.panova-inner-hero__grid {
gap: 28px;
}
.panova-inner-hero__image {
display: none;
}
.panova-inner-hero__image--about,
.panova-inner-hero__image--consultation {
display: block;
}
.panova-inner-hero__image--about {
height: min(92vw, 460px);
min-height: 350px;
}
.panova-inner-hero__image--consultation {
height: min(52vw, 300px);
min-height: 220px;
}
/* Hubs and reading pages become a simple, close vertical flow. */
.panova-hub-card {
min-height: 0;
padding: 26px 22px;
}
.panova-note-section__grid,
.panova-readable__grid {
gap: 28px;
}
.panova-signal-list {
margin-bottom: 52px;
}
.panova-related {
padding: 56px 0;
}
.panova-related__grid a {
min-height: 0;
padding: 24px;
}
/* Cards and facts prioritise copy over decorative geometry. */
.panova-pillar {
min-height: 0;
padding: 26px;
}
.panova-pillar > span {
display: none;
}
.panova-consult__facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-bottom: 54px;
}
.panova-consult__facts div {
min-height: 92px;
padding: 18px;
}
.panova-definition__art--brain,
.panova-about-method__art {
display: none;
}
.panova-profile blockquote {
margin-top: 30px;
}
.panova-session__copy ul {
margin-top: 30px;
}
/* The blog needs titles and summaries first; the generic archive art is omitted. */
.panova-blog-hero {
padding: 104px 0 54px;
}
.panova-blog-hero__art {
display: none;
}
.panova-blog-card h2 {
margin-top: 24px;
}
.panova-article-hero {
padding: 104px 0 62px;
}
.panova-article-layout {
padding-top: 64px;
padding-bottom: 64px;
}
/* Footer metadata uses two columns instead of three tall stacked rows. */
.panova-footer {
padding-top: 72px;
}
.panova-footer__meta {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: 54px;
}
.panova-footer__meta div {
min-height: 88px;
}
.panova-footer__meta div:last-child {
grid-column: 1 / -1;
}
}
/* 2.2.9 — contacts page, homepage contacts and address map */
.panova-contact-section {
position: relative;
isolation: isolate;
overflow: hidden;
background:
radial-gradient(circle at 86% 18%, rgba(94, 230, 220, .1), transparent 30%),
linear-gradient(145deg, #081719 0%, #0b2022 58%, #071315 100%);
color: #f2f5f2;
}
.panova-contact-section::before {
position: absolute;
z-index: -1;
inset: 0;
pointer-events: none;
background-image:
linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
background-size: 80px 80px;
mask-image: linear-gradient(110deg, transparent 12%, #000 58%, transparent 100%);
content: "";
}
body.panova-home .panova-contact-section {
width: 100%;
max-width: none;
margin: 0;
padding: clamp(92px, 9vw, 150px) 0;
}
.panova-contact-section__head {
display: grid;
grid-template-columns: minmax(150px, .45fr) minmax(420px, 1.2fr) minmax(260px, .62fr);
gap: clamp(28px, 4vw, 70px);
align-items: end;
}
.panova-contact-section .panova-kicker,
body.panova-home .panova-contact-section .panova-kicker {
margin: 0;
color: #5ee6dc;
}
.panova-contact-section__head h2 {
margin: 0;
color: #f2f5f2;
font-family: var(--pa-serif);
font-size: clamp(50px, 5.8vw, 84px);
font-weight: 400;
letter-spacing: -.05em;
line-height: .96;
text-wrap: balance;
}
body.panova-home .panova-contact-section__head h2 {
color: #f2f5f2;
font-family: var(--panova-display, var(--pa-serif));
font-size: clamp(50px, 5.8vw, 84px);
line-height: .96;
}
.panova-contact-section__head > p:last-child {
max-width: 420px;
margin: 0;
color: #c2cfcb;
font-size: 15px;
line-height: 1.7;
}
.panova-contact-layout {
display: grid;
grid-template-columns: minmax(360px, .78fr) minmax(500px, 1.22fr);
gap: clamp(18px, 2.4vw, 34px);
align-items: stretch;
margin-top: clamp(48px, 6vw, 82px);
}
.panova-contact-panel,
.panova-yandex-card {
min-width: 0;
border: 1px solid rgba(226, 238, 233, .18);
background: rgba(7, 22, 24, .88);
box-shadow: 0 28px 80px rgba(0, 0, 0, .2);
}
.panova-contact-panel {
display: flex;
flex-direction: column;
padding: clamp(28px, 3vw, 46px);
}
.panova-contact-fact {
padding: 0 0 28px;
border-bottom: 1px solid rgba(226, 238, 233, .16);
}
.panova-contact-fact + .panova-contact-fact {
padding-top: 28px;
}
.panova-contact-fact > span {
display: block;
margin-bottom: 13px;
color: #f0a268;
font-size: 10px;
font-weight: 700;
letter-spacing: .16em;
line-height: 1.4;
text-transform: uppercase;
}
.panova-contact-fact address,
.panova-contact-fact > strong {
display: flex;
flex-direction: column;
margin: 0;
color: #f2f5f2;
font-family: var(--pa-serif);
font-size: clamp(23px, 2.3vw, 34px);
font-style: normal;
font-weight: 400;
letter-spacing: -.02em;
line-height: 1.18;
}
.panova-contact-fact address strong {
margin-bottom: 5px;
color: #f2f5f2;
font: inherit;
}
.panova-contact-fact > p {
max-width: 530px;
margin: 17px 0 0;
color: #b9c7c3;
font-size: 13px;
line-height: 1.65;
}
.panova-contact-links {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1px;
margin-top: auto;
padding-top: 32px;
background: rgba(226, 238, 233, .14);
}
.panova-contact-links a {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 12px;
align-items: center;
min-width: 0;
min-height: 82px;
padding: 16px;
background: #0c2527;
color: #f2f5f2;
transition: background-color .2s ease, color .2s ease;
}
.panova-contact-links a:hover,
.panova-contact-links a:focus-visible {
background: #123336;
color: #75eee5;
}
.panova-contact-links a > span {
display: grid;
grid-row: 1 / 3;
place-items: center;
width: 38px;
height: 38px;
border: 1px solid rgba(94, 230, 220, .32);
border-radius: 50%;
color: #5ee6dc;
}
.panova-contact-links a > span svg {
width: 19px;
height: 19px;
}
.panova-contact-links b {
min-width: 0;
overflow-wrap: anywhere;
color: inherit;
font-size: 13px;
font-weight: 600;
line-height: 1.25;
}
.panova-contact-links small {
color: #9cadaa;
font-size: 10px;
letter-spacing: .07em;
line-height: 1.25;
text-transform: uppercase;
}
.panova-yandex-card {
display: flex;
flex-direction: column;
margin: 0;
padding: 12px;
background: #dfe5e1;
}
.panova-yandex-frame {
position: relative;
flex: 1 1 auto;
min-height: 540px;
overflow: hidden;
border: 1px solid #b9c5c0;
background: #dfe5e1;
}
.panova-yandex-frame::after {
position: absolute;
inset: 0;
pointer-events: none;
border: 1px solid rgba(7, 23, 25, .12);
box-shadow: inset 0 0 0 5px rgba(255, 255, 255, .14);
content: "";
}
.panova-yandex-frame iframe {
display: block;
width: 100%;
height: 100%;
min-height: inherit;
border: 0;
background: #dfe5e1;
filter: saturate(.78) contrast(1.04);
transition: filter .25s ease;
}
.panova-yandex-card:hover iframe,
.panova-yandex-card:focus-within iframe {
filter: saturate(1) contrast(1.02);
}
.panova-yandex-card figcaption {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 17px 8px 5px;
color: #142729;
}
.panova-yandex-card figcaption p {
max-width: 420px;
margin: 0;
color: #425657;
font-size: 12px;
line-height: 1.55;
}
.panova-yandex-card figcaption a {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 12px;
min-height: 44px;
padding: 0 15px;
border: 1px solid rgba(10, 23, 25, .27);
background: #f4f1e9;
color: #0a1719;
font-size: 11px;
font-weight: 650;
line-height: 1.3;
transition: background-color .2s ease, border-color .2s ease;
}
.panova-yandex-card figcaption a:hover,
.panova-yandex-card figcaption a:focus-visible {
border-color: #0a1719;
background: #ffffff;
}
.panova-yandex-card figcaption a svg {
width: 17px;
height: 17px;
}
.panova-footer__contacts > a.panova-footer__address {
margin-top: 15px;
color: #d8e1dd;
font-family: var(--pa-sans);
font-size: 12px;
line-height: 1.55;
}
@media (max-width: 1080px) {
.panova-contact-section__head {
grid-template-columns: minmax(130px, .4fr) minmax(360px, 1fr);
}
.panova-contact-section__head > p:last-child {
grid-column: 2;
}
.panova-contact-layout {
grid-template-columns: minmax(310px, .8fr) minmax(420px, 1.2fr);
}
.panova-contact-links {
grid-template-columns: 1fr;
}
}
@media (max-width: 820px) {
.panova-contact-section__head,
.panova-contact-layout {
grid-template-columns: 1fr;
}
.panova-contact-section__head {
gap: 18px;
}
.panova-contact-section__head > p:last-child {
grid-column: auto;
}
.panova-contact-layout {
gap: 18px;
margin-top: 42px;
}
.panova-contact-links {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.panova-yandex-frame {
min-height: 450px;
}
}
@media (max-width: 640px) {
body.panova-home .panova-contact-section,
.panova-contact-section {
padding: 68px 0;
}
.panova-contact-section::before {
background-size: 52px 52px;
}
.panova-contact-section__head h2,
body.panova-home .panova-contact-section__head h2 {
font-size: clamp(39px, 11.5vw, 52px);
line-height: .98;
}
.panova-contact-section__head > p:last-child {
font-size: 16px;
}
.panova-contact-panel {
padding: 22px 18px 18px;
}
.panova-contact-fact {
padding-bottom: 24px;
}
.panova-contact-fact + .panova-contact-fact {
padding-top: 24px;
}
.panova-contact-fact address,
.panova-contact-fact > strong {
font-size: 25px;
}
.panova-contact-links {
grid-template-columns: 1fr;
padding-top: 24px;
}
.panova-contact-links a {
min-height: 70px;
padding: 12px;
}
.panova-yandex-card {
padding: 8px;
}
.panova-yandex-frame {
min-height: 340px;
}
.panova-yandex-card figcaption {
align-items: stretch;
flex-direction: column;
gap: 13px;
padding: 14px 4px 4px;
}
.panova-yandex-card figcaption a {
width: 100%;
min-height: 48px;
justify-content: space-between;
}
.panova-inner-hero__image--contact {
height: min(64vw, 260px);
min-height: 210px;
}
}
@media (max-width: 640px) {
.panova-marquee__track {
height: 44px;
animation-duration: 20s !important;
}
.panova-marquee__group {
flex-basis: 720px;
width: 720px;
}
body.panova-home .panova-v1-hero {
padding: 92px 16px 24px;
}
body.panova-home .panova-v1-hero h1 {
font-size: clamp(44px, 14.2vw, 60px);
}
.panova-brain-stage {
height: min(72vw, 285px);
margin-top: 12px;
}
.panova-brain {
width: min(74%, 300px);
}
.panova-orbit,
.panova-brain-label,
.panova-brain-index {
display: none;
}
body.panova-home .panova-section,
.panova-section {
padding-block: 58px;
}
body.panova-home .panova-section-head > div,
body.panova-home .panova-map-head > div {
min-height: 0;
}
.panova-topic-rail {
grid-auto-columns: minmax(0, 88vw);
margin-right: -16px;
}
.panova-topic-card {
padding: 22px;
}
.panova-manifesto,
.panova-closing {
padding: 62px 16px;
}
.panova-manifesto h2,
.panova-closing h2 {
font-size: clamp(44px, 13vw, 58px);
}
body.panova-home .panova-about-art {
height: min(112vw, 455px);
min-height: 360px;
max-height: 455px;
}
.panova-process-step,
.panova-process-step:last-child {
grid-template-columns: 42px 1fr;
gap: 14px;
padding-bottom: 28px;
}
.panova-process-step:last-child {
padding-bottom: 0;
}
.panova-step-dot {
width: 42px;
height: 42px;
}
.panova-process-track {
left: 20px;
}
.panova-process-step h3 {
font-size: 25px;
}
.panova-room {
min-height: 520px;
padding: 58px 16px;
}
.panova-room > img {
object-position: 68% center;
}
.panova-room-fact {
right: 16px;
}
.panova-map-card {
grid-template-columns: 24px 1fr 34px;
gap: 10px;
padding: 19px 12px;
}
.panova-inner-hero {
padding: 86px 0 44px;
}
.panova-inner-hero__copy h1 {
font-size: clamp(38px, 10.5vw, 52px);
}
.panova-inner-hero__image--about {
height: min(102vw, 400px);
min-height: 320px;
}
.panova-inner-hero__image--consultation {
height: min(58vw, 240px);
min-height: 190px;
}
.panova-hub-card {
grid-template-columns: 25px 1fr 20px;
padding: 22px 16px;
}
.panova-signal-list li {
padding: 18px 0;
}
.panova-consult__facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-bottom: 44px;
}
.panova-consult__facts div {
min-height: 84px;
padding: 14px;
}
.panova-consult__facts div:nth-child(odd) {
border-right: 1px solid rgba(10, 23, 25, .18) !important;
}
.panova-consult__facts div:nth-child(even) {
border-right: 0 !important;
}
.panova-consult__facts strong {
font-size: 22px;
}
.panova-session__card {
padding: 24px;
}
.panova-timeline li {
padding: 25px 0;
}
.panova-blog-hero {
padding: 90px 0 44px;
}
.panova-blog-hero h1 {
font-size: clamp(46px, 14vw, 64px);
}
.panova-blog-card__media {
height: auto;
aspect-ratio: 16 / 9;
}
.panova-blog-card__body {
padding: 22px;
}
.panova-article-hero {
padding: 90px 0 52px;
}
.panova-article-content blockquote {
padding-left: 20px;
}
.panova-footer {
padding-top: 62px;
}
.panova-footer__meta {
margin-top: 44px;
}
.panova-footer__meta div {
min-height: 82px;
padding: 14px;
}
}
@media (max-width: 390px) {
body.panova-home .panova-about-art {
height: 360px;
min-height: 360px;
}
.panova-consult__facts strong,
.panova-footer__meta strong,
.panova-footer__meta a {
font-size: 18px;
}
}
@media (prefers-reduced-motion: reduce) {
.panova-marquee__track {
animation: none !important;
transform: none !important;
}
}
/* 2.0.7 — cinematic optical scenes */
.panova-app [data-cinematic] {
--scene-shift-x: 0px;
--scene-shift-y: 0px;
--scene-counter-x: 0px;
--scene-counter-y: 0px;
--scene-tilt-x: 0deg;
--scene-tilt-y: 0deg;
--scene-scroll-shift: 0px;
--scene-glow-x: 50%;
--scene-glow-y: 48%;
}
.panova-manifesto-art {
transform: perspective(1300px)
translate3d(var(--scene-shift-x), calc(var(--scene-shift-y) + var(--scene-scroll-shift)), 0)
rotateX(var(--scene-tilt-x)) rotateY(var(--scene-tilt-y));
transform-style: preserve-3d;
transition: transform .18s linear, box-shadow .35s ease;
}
.panova-manifesto:hover .panova-manifesto-art {
box-shadow: -42px 46px 120px rgba(0, 0, 0, .58), 0 0 70px rgba(94, 230, 220, .09), 0 0 0 9px rgba(94, 230, 220, .026);
}
.panova-depth-art.is-depth-ready .panova-depth-canvas {
filter: contrast(1.06) saturate(1.12);
}
.panova-depth-prism {
position: absolute;
z-index: 3;
inset: 0;
overflow: hidden;
pointer-events: none;
mix-blend-mode: screen;
}
.panova-depth-prism::before {
position: absolute;
inset: 12% 9%;
border: 1px solid rgba(142, 255, 244, .2);
border-radius: 50%;
box-shadow: inset 0 0 80px rgba(94, 230, 220, .035), 0 0 45px rgba(94, 230, 220, .035);
content: "";
transform: translate3d(var(--scene-counter-x), var(--scene-counter-y), 0) rotate(-8deg);
animation: panova-prism-orbit 12s ease-in-out infinite;
}
.panova-depth-prism::after {
position: absolute;
inset: 0;
background:
radial-gradient(circle at var(--scene-glow-x) var(--scene-glow-y), rgba(146, 255, 245, .22), transparent 18%),
linear-gradient(115deg, rgba(240, 162, 104, .08), transparent 28%, transparent 68%, rgba(94, 230, 220, .11));
content: "";
opacity: .78;
}
.panova-depth-prism i {
position: absolute;
top: -28%;
bottom: -28%;
left: -42%;
width: 21%;
background: linear-gradient(90deg, transparent, rgba(121, 255, 244, .2), rgba(255, 208, 168, .12), transparent);
filter: blur(13px);
transform: skewX(-17deg);
animation: panova-prism-pass 8.5s cubic-bezier(.44, 0, .18, 1) infinite;
}
.panova-depth-prism i:nth-child(2) {
left: -55%;
width: 9%;
opacity: .7;
animation-delay: -5.4s;
animation-duration: 10.5s;
}
.panova-depth-prism i:nth-child(3) {
left: -68%;
width: 32%;
opacity: .35;
animation-delay: -2.2s;
animation-duration: 13s;
}
@keyframes panova-prism-pass {
0%, 15% { transform: translate3d(0, 0, 0) skewX(-17deg); opacity: 0; }
28%, 72% { opacity: 1; }
88%, 100% { transform: translate3d(760%, 0, 0) skewX(-17deg); opacity: 0; }
}
@keyframes panova-prism-orbit {
0%, 100% { opacity: .36; transform: translate3d(var(--scene-counter-x), var(--scene-counter-y), 0) rotate(-8deg) scale(.94); }
50% { opacity: .88; transform: translate3d(var(--scene-counter-x), var(--scene-counter-y), 0) rotate(8deg) scale(1.035); }
}
.panova-media-reticle {
position: absolute;
z-index: 7;
display: grid;
width: 82px;
aspect-ratio: 1;
place-items: center;
border: 1px solid rgba(223, 242, 236, .3);
border-radius: 50%;
box-shadow: 0 0 34px rgba(94, 230, 220, .1), inset 0 0 28px rgba(94, 230, 220, .045);
pointer-events: none;
transform: translate3d(var(--scene-counter-x), var(--scene-counter-y), 0);
animation: panova-reticle-breathe 5.5s ease-in-out infinite;
}
.panova-media-reticle::before,
.panova-media-reticle::after {
position: absolute;
content: "";
}
.panova-media-reticle::before {
width: 9px;
height: 9px;
border: 1px solid var(--panova-cyan);
border-radius: 50%;
background: rgba(94, 230, 220, .12);
box-shadow: 0 0 24px rgba(94, 230, 220, .75);
}
.panova-media-reticle::after {
width: 124%;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(223, 242, 236, .4), transparent);
}
.panova-media-reticle i {
position: absolute;
width: 112%;
height: 112%;
border-top: 1px solid rgba(240, 162, 104, .55);
border-radius: 50%;
animation: panova-reticle-spin 9s linear infinite;
}
.panova-media-reticle i:nth-child(2) {
width: 66%;
height: 66%;
border-color: rgba(94, 230, 220, .52);
animation-direction: reverse;
animation-duration: 6.5s;
}
.panova-media-reticle--portrait {
top: 8%;
left: 5%;
}
.panova-media-reticle--room {
top: 46%;
right: 9%;
width: 96px;
}
@keyframes panova-reticle-spin { to { transform: rotate(360deg); } }
@keyframes panova-reticle-breathe {
0%, 100% { opacity: .5; scale: .94; }
50% { opacity: 1; scale: 1.04; }
}
body.panova-home .panova-about-portrait {
transform: perspective(1050px)
translate3d(var(--scene-shift-x), calc(var(--scene-shift-y) + var(--scene-scroll-shift)), 0)
rotateX(var(--scene-tilt-x)) rotateY(var(--scene-tilt-y));
transform-style: preserve-3d;
transition: transform .18s linear, box-shadow .35s ease;
}
body.panova-home .panova-v1-about:hover .panova-about-portrait {
box-shadow: -34px 36px 100px rgba(1, 7, 8, .68), 0 0 54px rgba(94, 230, 220, .1), 0 0 0 9px rgba(7, 19, 21, .44);
}
.panova-room > img {
max-width: none;
width: 108%;
height: 108%;
inset: -4%;
transform: translate3d(var(--scene-counter-x), var(--scene-scroll-shift), 0) scale(1.025);
transition: transform .18s linear, filter .45s ease;
}
.panova-room:hover > img {
filter: saturate(1.08) contrast(1.04);
}
.panova-room-overlay {
background:
radial-gradient(circle at var(--scene-glow-x) var(--scene-glow-y), rgba(94, 230, 220, .1), transparent 20%),
linear-gradient(90deg, rgba(5, 13, 14, .97) 0%, rgba(5, 13, 14, .74) 40%, rgba(5, 13, 14, .08) 80%),
linear-gradient(0deg, rgba(5, 13, 14, .72), transparent 46%);
}
.panova-closing-depth {
transform: perspective(1300px)
translate3d(var(--scene-counter-x), var(--scene-scroll-shift), 0)
rotateX(var(--scene-tilt-x)) rotateY(var(--scene-tilt-y));
transform-style: preserve-3d;
transition: transform .18s linear;
}
.panova-closing-portrait {
transform: perspective(1100px)
translate3d(var(--scene-shift-x), calc(var(--scene-shift-y) + var(--scene-scroll-shift)), 50px)
rotateX(var(--scene-tilt-x)) rotateY(var(--scene-tilt-y));
transform-style: preserve-3d;
transition: transform .18s linear, filter .4s ease;
}
.panova-closing:hover .panova-closing-portrait {
filter: drop-shadow(-38px 46px 86px rgba(0, 0, 0, .65)) drop-shadow(0 0 30px rgba(94, 230, 220, .13));
}
@media (max-width: 820px) {
/* Compact mobile staging: real media, no empty full-screen spacer. */
.panova-manifesto,
.panova-closing {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 30px;
min-height: 0;
padding: 54px 24px 64px;
align-items: start;
}
.panova-manifesto-art,
.panova-closing-art {
position: relative;
inset: auto;
display: block;
grid-row: 1;
width: 100%;
margin: 0;
clip-path: none;
border: 1px solid rgba(211, 238, 230, .2);
box-shadow: 0 25px 70px rgba(0, 0, 0, .42), 0 0 0 7px rgba(94, 230, 220, .02);
}
.panova-manifesto-art {
height: clamp(250px, 58vw, 390px);
}
.panova-closing-art {
height: clamp(270px, 66vw, 420px);
overflow: hidden;
background: #071315;
}
.panova-manifesto-copy,
.panova-closing-copy {
grid-row: 2;
max-width: 650px;
}
.panova-manifesto-shade,
.panova-closing-shade {
background: linear-gradient(0deg, rgba(4, 13, 15, .96) 0%, rgba(4, 13, 15, .15) 50%, transparent 78%);
pointer-events: none;
}
.panova-manifesto-stamp {
top: 72px;
right: 42px;
bottom: auto;
display: grid;
width: 76px;
height: 76px;
background: rgba(5, 17, 19, .5);
}
.panova-manifesto-art::after,
.panova-closing-depth::after {
clip-path: none;
}
.panova-closing-depth {
inset: 0;
opacity: .94;
clip-path: none;
}
.panova-closing-portrait {
display: none;
}
.panova-closing-depth .panova-depth-index {
display: flex;
}
.panova-depth-prism i {
filter: blur(10px);
}
body.panova-home .panova-about-art {
isolation: isolate;
}
body.panova-home .panova-about-portrait {
box-shadow: 0 24px 70px rgba(1, 7, 8, .5), 0 0 42px rgba(94, 230, 220, .07);
}
.panova-media-reticle--portrait {
top: 7%;
left: 7%;
width: 72px;
}
.panova-media-reticle--room {
top: 33%;
right: 8%;
width: 76px;
}
.panova-room > img {
width: 112%;
height: 112%;
inset: -6%;
}
}
@media (max-width: 640px) {
.panova-manifesto,
.panova-closing {
gap: 24px;
padding: 44px 16px 58px;
}
.panova-manifesto-art {
height: 240px;
}
.panova-closing-art {
height: 255px;
}
.panova-manifesto-stamp {
top: 58px;
right: 28px;
width: 66px;
height: 66px;
font-size: 7px;
}
.panova-depth-index {
right: 12px;
bottom: 11px;
}
.panova-depth-index b {
display: block;
max-width: 112px;
font-size: 7px;
text-align: right;
}
.panova-media-reticle--portrait {
width: 62px;
}
.panova-media-reticle--room {
top: 25%;
right: 7%;
width: 64px;
}
}
@media (max-width: 390px) {
.panova-manifesto-art {
height: 220px;
}
.panova-closing-art {
height: 235px;
}
.panova-manifesto-stamp {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.panova-manifesto-art,
body.panova-home .panova-about-portrait,
.panova-room > img,
.panova-closing-depth,
.panova-closing-portrait {
transform: none !important;
transition: none !important;
}
.panova-depth-prism i,
.panova-depth-prism::before,
.panova-media-reticle,
.panova-media-reticle i {
animation: none !important;
}
}
/* 2.0.8 — resilient topic carousel, precise controls and smoother mobile UI */
.panova-topic-rail {
display: flex;
grid-auto-columns: none;
grid-auto-flow: initial;
gap: 16px;
max-width: 100%;
margin-right: 0;
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
scroll-padding-inline: 3px;
overscroll-behavior-inline: contain;
-webkit-overflow-scrolling: touch;
}
.panova-topic-card {
flex: 0 0 clamp(310px, 30vw, 400px);
width: auto;
min-width: 0;
max-width: none;
}
body.panova-site main .panova-topic-card h3,
body.panova-site main .panova-topic-card > p,
body.panova-site main .panova-topic-card > a {
word-break: normal;
overflow-wrap: normal;
hyphens: none;
}
.panova-rail-hint {
display: none;
}
.panova-rail-nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-top: 16px;
}
.panova-rail-label {
color: rgba(216, 235, 228, .5);
font-size: 9px;
font-weight: 650;
letter-spacing: .17em;
text-transform: uppercase;
}
.panova-rail-controls {
display: flex;
align-items: center;
gap: 9px;
}
.panova-rail-button {
display: grid;
place-items: center;
width: 50px;
height: 50px;
min-width: 50px;
min-height: 50px;
padding: 0;
border: 1px solid rgba(240, 222, 192, .35);
border-radius: 50%;
background: rgba(255, 255, 255, .018);
color: var(--pa-sand-bright);
line-height: 0;
cursor: pointer;
transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s var(--pa-ease), opacity .25s ease;
}
.panova-rail-button--next {
border-color: var(--panova-cyan);
background: var(--panova-cyan);
color: #071315;
}
.panova-rail-button svg {
display: block;
width: 19px;
height: 19px;
margin: 0;
transform: none;
pointer-events: none;
}
.panova-rail-button:hover:not(:disabled) {
border-color: var(--pa-sand-bright);
background: var(--pa-sand-bright);
color: #071315;
transform: translateY(-2px);
}
.panova-rail-button:disabled {
opacity: .3;
cursor: default;
}
.panova-accordion__panel {
height: 0;
opacity: 0;
overflow: hidden;
transition: height .42s var(--pa-ease), opacity .28s ease;
will-change: height, opacity;
}
.panova-accordion__panel.is-open {
opacity: 1;
}
.panova-accordion__panel[hidden] {
display: none;
}
.panova-menu-glyph::before {
display: none;
content: none;
}
.panova-menu-glyph i,
.panova-menu-glyph i:first-child,
.panova-menu-glyph i:last-child {
position: absolute;
right: auto;
left: 50%;
display: block;
width: 18px;
height: 1px;
margin: 0;
background: currentColor;
transform: translateX(-50%);
transform-origin: center;
transition: width .25s ease, transform .25s ease;
}
.panova-menu-glyph i:nth-child(1) {
top: 13px;
}
.panova-menu-glyph i:nth-child(2) {
top: 20px;
width: 13px;
}
.panova-menu-glyph i:nth-child(3) {
top: 27px;
}
.panova-menu-button:hover .panova-menu-glyph {
border-color: var(--pa-sand-bright);
background: rgba(240, 222, 192, .055);
transform: none;
}
.panova-menu-button:hover .panova-menu-glyph i:last-child {
width: 18px;
}
@media (max-width: 820px) {
.panova-menu nav a {
padding: 10px 0;
font-size: clamp(26px, 8vw, 36px);
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
}
@media (max-width: 640px) {
.panova-topic-rail {
width: 100%;
margin-top: 34px;
margin-right: 0;
padding-right: 0;
scroll-padding-inline: 0;
}
.panova-topic-card {
flex: 0 0 min(360px, calc(100vw - 48px));
min-height: 0;
padding: 22px;
}
.panova-topic-card h3 {
margin-top: 22px;
font-size: clamp(25px, 7.4vw, 30px);
line-height: 1.08;
}
.panova-topic-card > p {
font-size: 15px;
line-height: 1.55;
}
.panova-topic-card > a {
margin-top: 18px;
}
.panova-rail-nav {
margin-top: 11px;
}
.panova-rail-button {
width: 46px;
height: 46px;
min-width: 46px;
min-height: 46px;
}
.panova-rail-button svg {
width: 18px;
height: 18px;
}
}
@media (max-width: 390px) {
.panova-menu nav a {
font-size: 27px;
}
.panova-rail-label {
max-width: 90px;
line-height: 1.35;
}
}
@media (prefers-reduced-motion: reduce) {
.panova-topic-rail {
scroll-behavior: auto;
}
.panova-accordion__panel,
.panova-rail-button,
.panova-menu-glyph,
.panova-menu-glyph i {
transition: none !important;
}
}
/* 2.0.9 — volumetric brain object built from the supplied transparent artwork */
.panova-brain-stage[data-brain-stage] {
--brain-rotate-x: 0deg;
--brain-rotate-y: 0deg;
--brain-glint-x: 52%;
--brain-glint-y: 34%;
perspective: 1250px;
perspective-origin: 50% 48%;
cursor: default;
touch-action: pan-y;
user-select: none;
-webkit-user-select: none;
}
.panova-brain-stage[data-brain-stage]:focus-visible {
outline-offset: -8px;
}
.panova-brain-float {
perspective: inherit;
transform-style: preserve-3d;
}
.panova-brain-volume {
position: relative;
width: 88%;
aspect-ratio: 1280 / 1061;
transform: rotateX(var(--brain-rotate-x)) rotateY(var(--brain-rotate-y));
transform-style: preserve-3d;
transform-origin: 50% 52%;
will-change: transform;
}
.panova-brain-volume::before {
position: absolute;
z-index: -2;
right: 11%;
bottom: 2%;
left: 10%;
height: 16%;
border-radius: 50%;
background: radial-gradient(ellipse, rgba(0, 0, 0, .68), rgba(0, 0, 0, 0) 70%);
filter: blur(18px);
content: "";
transform: translate3d(8px, 28px, -64px) rotateX(76deg);
pointer-events: none;
}
.panova-brain-depth {
position: absolute;
inset: 0;
transform-style: preserve-3d;
pointer-events: none;
}
.panova-brain-slice,
.panova-brain-volume > .panova-brain {
position: absolute;
inset: 0;
display: block;
width: 100% !important;
height: 100%;
max-width: none;
object-fit: contain;
object-position: center;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
pointer-events: none;
}
.panova-brain-slice {
filter: brightness(.31) saturate(1.38) contrast(1.14) drop-shadow(0 1px 0 rgba(94, 230, 220, .2));
transform-origin: 50% 52%;
}
.panova-brain-volume > .panova-brain {
z-index: 3;
filter: drop-shadow(0 30px 42px rgba(0, 0, 0, .5)) drop-shadow(0 0 50px rgba(48, 204, 197, .14));
transform: translate3d(0, 0, 17px);
transition: filter .35s ease;
}
.panova-brain-stage:hover .panova-brain-volume > .panova-brain,
.panova-brain-stage:focus-visible .panova-brain-volume > .panova-brain {
filter: drop-shadow(0 34px 50px rgba(0, 0, 0, .54)) drop-shadow(0 0 66px rgba(48, 204, 197, .2));
}
.panova-brain-sheen {
position: absolute;
z-index: 5;
inset: 0;
background:
radial-gradient(circle at var(--brain-glint-x) var(--brain-glint-y), rgba(255, 255, 255, .4) 0, rgba(94, 230, 220, .16) 10%, transparent 31%),
linear-gradient(115deg, transparent 35%, rgba(240, 162, 104, .09) 48%, transparent 61%);
-webkit-mask: url("../images/hero-brain.webp") center / contain no-repeat;
mask: url("../images/hero-brain.webp") center / contain no-repeat;
mix-blend-mode: screen;
opacity: .74;
transform: translate3d(0, 0, 19px);
pointer-events: none;
}
.panova-brain-control-hint {
position: absolute;
z-index: 7;
right: 9%;
bottom: 1.5%;
display: flex;
align-items: center;
gap: 8px;
padding: 7px 10px;
border: 1px solid rgba(216, 235, 228, .12);
background: rgba(7, 19, 21, .52);
color: rgba(216, 235, 228, .55);
font-size: 11px;
font-weight: 650;
letter-spacing: .13em;
line-height: 1.2;
text-transform: uppercase;
backdrop-filter: blur(8px);
pointer-events: none;
}
.panova-brain-control-hint i {
position: relative;
display: block;
width: 15px;
height: 10px;
border: 1px solid rgba(94, 230, 220, .6);
border-radius: 50%;
}
.panova-brain-control-hint i::after {
position: absolute;
top: 50%;
left: 50%;
width: 3px;
height: 3px;
border-radius: 50%;
background: var(--panova-cyan);
box-shadow: 0 0 8px rgba(94, 230, 220, .72);
content: "";
transform: translate(-50%, -50%);
}
.panova-brain-stage.is-volume-ready .panova-brain-control-hint {
animation: panova-brain-hint 3.8s ease-in-out 1.2s 2 both;
}
@keyframes panova-brain-hint {
0%, 100% { border-color: rgba(216, 235, 228, .12); color: rgba(216, 235, 228, .55); }
45% { border-color: rgba(94, 230, 220, .33); color: rgba(232, 247, 242, .82); }
}
@media (max-width: 820px) {
.panova-brain-volume {
width: min(82%, 430px);
}
.panova-brain-stage--method .panova-brain-volume {
width: min(88%, 470px);
}
.panova-brain-control-hint {
right: 7%;
bottom: 0;
}
}
@media (max-width: 640px) {
.panova-brain-volume,
.panova-brain-stage--method .panova-brain-volume {
width: min(86%, 330px);
}
.panova-brain-volume::before {
filter: blur(11px);
transform: translate3d(5px, 18px, -42px) rotateX(76deg);
}
.panova-brain-control-hint {
right: 50%;
bottom: -2px;
max-width: 210px;
padding: 6px 8px;
font-size: 10px;
white-space: nowrap;
transform: translateX(50%);
}
}
@media (prefers-reduced-motion: reduce) {
.panova-brain-volume {
transform: rotateX(-2deg) rotateY(5deg) !important;
will-change: auto;
}
.panova-brain-control-hint {
display: none;
animation: none !important;
}
}
/* 2.1.0 — true polygonal WebGL brain; the photograph is fallback only */
.panova-brain-volume {
position: relative;
width: 94%;
aspect-ratio: 1.08 / 1;
transform: none !important;
transform-style: flat;
filter: drop-shadow(0 34px 52px rgba(0, 0, 0, .42));
}
.panova-brain-volume::before {
right: 8%;
bottom: 1%;
left: 8%;
height: 12%;
transform: translate3d(0, 18px, 0) rotateX(76deg);
}
.panova-brain-webgl {
position: absolute;
z-index: 4;
inset: -4%;
display: block;
width: 108%;
height: 108%;
opacity: 0;
filter: saturate(1.08) contrast(1.04) drop-shadow(0 0 32px rgba(94, 230, 220, .08));
transition: opacity .55s ease;
touch-action: pan-y;
pointer-events: auto;
}
.panova-brain-volume > .panova-brain-fallback {
z-index: 2;
inset: 0;
width: 100% !important;
height: 100%;
object-fit: contain;
opacity: 1;
transform: none !important;
transition: opacity .4s ease;
}
.panova-brain-stage.is-webgl-ready .panova-brain-webgl {
opacity: 1;
}
.panova-brain-stage.is-webgl-ready .panova-brain-fallback {
opacity: 0;
}
.panova-brain-stage.is-webgl-ready .panova-brain-control-hint {
animation: panova-brain-hint 3.8s ease-in-out 1s 2 both;
}
.panova-brain-stage.is-webgl-unavailable .panova-brain-control-hint {
display: none;
}
.panova-brain-stage.is-webgl-unavailable {
cursor: default;
}
@media (max-width: 820px) {
.panova-brain-volume,
.panova-brain-stage--method .panova-brain-volume {
width: min(94%, 520px);
}
}
@media (max-width: 640px) {
.panova-brain-volume,
.panova-brain-stage--method .panova-brain-volume {
width: min(96%, 345px);
}
.panova-brain-webgl {
inset: -2%;
width: 104%;
height: 104%;
}
.panova-brain-control-hint {
bottom: -7px;
}
}
@media (prefers-reduced-motion: reduce) {
.panova-brain-volume {
transform: none !important;
}
.panova-brain-webgl,
.panova-brain-fallback {
transition: none !important;
}
}
/* 2.1.6 — shared corner language, calmer mobile composition and home-style inner pages */
html.panova-document {
--panova-radius: 14px;
--pa-radius: 14px;
}
.panova-btn,
.panova-button {
border-radius: var(--panova-radius);
}
.panova-inner-hero__image,
.panova-method__visual,
.panova-about__image,
.panova-education__panel,
.panova-education__art,
.panova-definition__art:not(.panova-definition__art--brain),
.panova-about-method__art,
.panova-session__card,
.panova-blog-hero__art,
.panova-blog-card,
.panova-blog-card__media,
.panova-article-toc,
.panova-empty,
.panova-contact-options a,
.panova-dialog-panel,
.panova-problem-card,
.panova-topic-card,
.panova-map-card,
.panova-hub-card,
.panova-pillar,
.panova-related__grid,
.panova-related__grid a,
.panova-article-card,
.panova-article-card a,
.panova-consult__facts,
.panova-trust__grid,
.panova-about-ink,
.panova-about-portrait,
.panova-manifesto-art,
.panova-closing-portal,
.panova-closing-echo {
border-radius: var(--panova-radius);
}
.panova-room,
.panova-closing,
.panova-closing-depth {
border-radius: var(--panova-radius);
}
.panova-hub__grid,
.panova-pillars__grid,
.panova-journal__grid,
.panova-map-grid {
border-radius: var(--panova-radius);
overflow: hidden;
}
.panova-inner-hero__image,
.panova-method__visual,
.panova-about__image,
.panova-education__panel,
.panova-education__art,
.panova-definition__art:not(.panova-definition__art--brain),
.panova-about-method__art,
.panova-session__card,
.panova-blog-hero__art,
.panova-blog-card,
.panova-blog-card__media,
.panova-article-toc,
.panova-empty,
.panova-contact-options a,
.panova-dialog-panel,
.panova-problem-card,
.panova-topic-card,
.panova-map-card,
.panova-hub-card,
.panova-pillar,
.panova-related__grid,
.panova-related__grid a,
.panova-article-card,
.panova-article-card a,
.panova-consult__facts,
.panova-trust__grid,
.panova-about-ink,
.panova-about-portrait,
.panova-manifesto-art,
.panova-closing-portal,
.panova-closing-echo {
overflow: hidden;
}
.panova-closing-depth {
overflow: hidden;
}
.panova-inner-hero__image img,
.panova-method__visual img,
.panova-about__image img,
.panova-education__art img,
.panova-about-method__art img,
.panova-blog-hero__art img,
.panova-blog-card__media img,
.panova-article-content img,
.panova-about-ink img,
.panova-about-portrait img,
.panova-manifesto-art img,
.panova-closing-portal img,
.panova-closing-echo img {
border-radius: inherit;
}
.panova-article-content img,
.panova-room > img {
border-radius: var(--panova-radius);
}
.panova-manifesto-art,
.panova-manifesto-art::after,
.panova-closing-depth,
.panova-closing-depth::after,
.panova-closing-portal,
.panova-closing-echo {
clip-path: none;
}
body.panova-home .panova-step-dot span {
display: block;
width: 100%;
text-align: center;
text-indent: .15em;
}
body.panova-home .panova-trust__grid {
border-radius: var(--panova-radius);
overflow: hidden;
}
body.panova-home .panova-trust__grid > div:last-child {
border-right: 0;
}
/* Inner pages use the same dark, cyan-and-copper reading environment as home. */
body.panova-inner {
background: var(--panova-ink);
color: var(--panova-white);
}
body.panova-inner .panova-hub,
body.panova-inner .panova-readable,
body.panova-inner .panova-pillars,
body.panova-inner .panova-process--inner,
body.panova-inner .panova-consult,
body.panova-inner .panova-profile,
body.panova-inner .panova-timeline,
body.panova-inner .panova-blog-list,
body.panova-inner .panova-journal {
background: var(--panova-ink);
color: var(--panova-white);
}
body.panova-inner .panova-kicker,
body.panova-inner .panova-hub-card > span,
body.panova-inner .panova-work-list span,
body.panova-inner .panova-timeline li > span,
body.panova-inner .panova-profile__facts span,
body.panova-inner .panova-consult__facts span,
body.panova-inner .panova-article-card span,
body.panova-inner .panova-blog-card__body > p {
color: var(--panova-cyan);
}
body.panova-inner .panova-hub-card,
body.panova-inner .panova-pillar,
body.panova-inner .panova-blog-card,
body.panova-inner .panova-article-card,
body.panova-inner .panova-article-card a {
border-color: var(--panova-line);
background: linear-gradient(145deg, rgba(17, 42, 45, .78), rgba(8, 22, 24, .86));
color: var(--panova-white);
}
body.panova-inner .panova-hub-card:hover,
body.panova-inner .panova-article-card a:hover,
body.panova-inner .panova-blog-card:hover {
background: linear-gradient(145deg, rgba(22, 57, 59, .88), rgba(9, 27, 29, .94));
}
body.panova-inner .panova-hub-card p,
body.panova-inner .panova-section-head > p,
body.panova-inner .panova-readable__aside > span,
body.panova-inner .panova-prose p,
body.panova-inner .panova-pillar p,
body.panova-inner .panova-profile__lead > p:not(.panova-kicker),
body.panova-inner .panova-profile__facts p,
body.panova-inner .panova-timeline li p,
body.panova-inner .panova-blog-card__body > div,
body.panova-inner .panova-article-card p,
body.panova-inner .panova-empty > p:not(.panova-kicker) {
color: var(--panova-muted);
}
body.panova-inner .panova-signal-list,
body.panova-inner .panova-work-list,
body.panova-inner .panova-steps,
body.panova-inner .panova-timeline ol,
body.panova-inner .panova-profile__facts,
body.panova-inner .panova-consult__facts,
body.panova-inner .panova-pillars__grid,
body.panova-inner .panova-journal__grid,
body.panova-inner .panova-article-card,
body.panova-inner .panova-empty {
border-color: var(--panova-line);
}
body.panova-inner .panova-signal-list li,
body.panova-inner .panova-work-list li,
body.panova-inner .panova-steps li,
body.panova-inner .panova-timeline li,
body.panova-inner .panova-profile blockquote,
body.panova-inner .panova-profile__facts > div,
body.panova-inner .panova-consult__facts div,
body.panova-inner .panova-article-card b {
border-color: var(--panova-line);
}
body.panova-inner .panova-signal-list li,
body.panova-inner .panova-work-list li,
body.panova-inner .panova-steps li,
body.panova-inner .panova-timeline li,
body.panova-inner .panova-profile blockquote,
body.panova-inner .panova-article-card h3,
body.panova-inner .panova-blog-card h2 {
color: var(--panova-white);
}
body.panova-inner .panova-signal-list i,
body.panova-inner .panova-pillar > span,
body.panova-inner .panova-pillar > span::after {
border-color: var(--panova-cyan);
background-color: var(--panova-cyan);
}
body.panova-inner .panova-notice {
border-left-color: var(--panova-copper);
background: rgba(240, 162, 104, .08);
}
body.panova-inner .panova-notice strong {
color: var(--panova-copper);
}
body.panova-inner .panova-notice p {
color: var(--panova-muted);
}
body.panova-inner .panova-process--inner {
background: radial-gradient(circle at 84% 8%, rgba(94, 230, 220, .1), transparent 30%), #071315;
}
body.panova-inner .panova-process--inner .panova-steps li > span {
color: var(--panova-copper);
}
body.panova-inner .panova-process--inner .panova-steps p {
color: var(--panova-muted);
}
body.panova-inner .panova-consult__facts,
body.panova-inner .panova-pillars__grid {
background: rgba(17, 42, 45, .34);
}
body.panova-inner .panova-consult__facts div {
background: rgba(17, 42, 45, .48);
}
body.panova-inner .panova-faq,
body.panova-inner .panova-faq--page,
body.panova-inner .panova-faq--inner {
background: #0b191c;
}
body.panova-inner .panova-accordion,
body.panova-inner .panova-accordion__item,
body.panova-inner .panova-accordion__item button {
border-color: var(--panova-line);
color: var(--panova-white);
}
body.panova-inner .panova-accordion__item button i {
border-color: var(--panova-line);
}
body.panova-inner .panova-blog-card__body .panova-text-link,
body.panova-inner .panova-article-card b,
body.panova-inner .panova-journal .panova-section-link a {
color: var(--panova-cyan);
}
body.panova-inner .panova-article-service {
background: var(--panova-cyan);
}
body.panova-inner .panova-btn--primary,
body.panova-inner .panova-button-primary {
background: var(--panova-cyan);
color: var(--panova-ink);
}
body.panova-inner .panova-btn--ghost {
border-color: var(--panova-line);
color: var(--panova-white);
}
@media (max-width: 820px) {
.panova-manifesto {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 28px;
min-height: 0;
padding: 68px 24px 76px;
align-items: start;
}
.panova-manifesto-art {
position: relative;
inset: auto;
grid-row: 1;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
border-radius: var(--panova-radius);
}
.panova-manifesto-copy {
grid-row: 2;
max-width: 650px;
}
.panova-manifesto-shade {
background: linear-gradient(0deg, rgba(4, 13, 15, .96) 0%, rgba(4, 13, 15, .12) 56%, transparent 82%);
}
.panova-manifesto-stamp {
top: 20px;
right: 28px;
bottom: auto;
width: 72px;
height: 72px;
}
}
@media (max-width: 640px) {
.panova-manifesto {
gap: 24px;
padding: 48px 16px 58px;
}
.panova-manifesto-art {
aspect-ratio: 16 / 9;
}
.panova-manifesto-stamp {
top: 16px;
right: 22px;
width: 64px;
height: 64px;
}
body.panova-home .panova-trust__grid > div:last-child {
min-height: 108px;
padding: 20px 24px;
}
}
/* 2.1.7 — mobile polish, lighter scenes, new identity and structured footer. */
.panova-logo-mark {
flex: 0 0 auto;
display: grid;
place-items: center;
width: 42px;
height: 42px;
padding: 4px;
border: 1px solid rgba(216, 199, 173, .3);
border-radius: var(--panova-radius, 14px);
background: linear-gradient(145deg, rgba(94, 230, 220, .07), rgba(240, 162, 104, .035));
}
.panova-logo-mark svg {
display: block;
width: 100%;
height: 100%;
overflow: visible;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}
.panova-logo-shell {
stroke: rgba(232, 224, 210, .82);
stroke-width: 1.25;
}
.panova-logo-axis {
stroke: rgba(216, 199, 173, .46);
stroke-width: 1;
}
.panova-logo-fold,
.panova-logo-thread {
stroke: rgba(94, 230, 220, .72);
stroke-width: 1.2;
}
.panova-logo-thread {
stroke: rgba(240, 162, 104, .72);
}
.panova-logo-node {
stroke: none;
}
.panova-logo-node--cyan {
fill: var(--panova-cyan, #5ee6dc);
}
.panova-logo-node--copper {
fill: var(--panova-copper, #f0a268);
}
.panova-logo-mark--footer {
width: 62px;
height: 62px;
padding: 6px;
border-color: rgba(94, 230, 220, .25);
background: radial-gradient(circle at 30% 22%, rgba(94, 230, 220, .12), transparent 55%), rgba(255, 255, 255, .018);
}
.panova-footer__grid {
display: grid;
grid-template-columns: minmax(280px, 1.4fr) repeat(3, minmax(145px, .7fr));
margin-top: clamp(64px, 8vw, 112px);
border-block: 1px solid var(--pa-line);
}
.panova-footer--compact .panova-footer__grid {
margin-top: 0;
}
.panova-footer__brand-column,
.panova-footer__column {
min-width: 0;
padding: 34px clamp(22px, 3vw, 44px);
border-left: 1px solid var(--pa-line);
}
.panova-footer__brand-column {
padding-left: 0;
border-left: 0;
}
.panova-footer__column:last-child {
padding-right: 0;
}
.panova-brand--footer {
align-items: center;
}
.panova-brand--footer strong {
font-size: 14px;
}
.panova-brand--footer small {
max-width: 190px;
margin-top: 5px;
line-height: 1.4;
}
.panova-footer__brand-column > p {
max-width: 320px;
margin: 24px 0 0;
color: var(--pa-muted);
font-size: 13px;
line-height: 1.6;
}
.panova-footer__column h2 {
margin: 2px 0 22px;
color: var(--panova-cyan, #5ee6dc);
font-family: var(--pa-sans);
font-size: 9px;
font-weight: 700;
letter-spacing: .18em;
line-height: 1.3;
text-transform: uppercase;
}
.panova-footer__column > a {
display: block;
width: fit-content;
margin-top: 11px;
color: #d8e1dd;
font-size: 13px;
line-height: 1.45;
transition: color .2s ease, transform .2s ease;
}
.panova-footer__column > a:hover {
color: var(--panova-cyan, #5ee6dc);
transform: translateX(3px);
}
.panova-footer__contacts > a {
margin-top: 0;
color: var(--panova-copper, #f0a268);
font-family: var(--pa-serif);
font-size: 20px;
}
.panova-footer__contacts p {
max-width: 230px;
margin: 15px 0 0;
color: var(--pa-muted);
font-size: 12px;
line-height: 1.55;
}
.panova-footer__socials {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 25px;
}
.panova-social-link {
display: grid;
place-items: center;
width: 42px;
height: 42px;
border: 1px solid var(--pa-line);
border-radius: var(--panova-radius, 14px);
color: #cbd7d3;
transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}
.panova-social-link:hover {
transform: translateY(-2px);
border-color: rgba(94, 230, 220, .48);
background: rgba(94, 230, 220, .07);
color: var(--panova-cyan, #5ee6dc);
}
.panova-social-link svg {
width: 19px;
height: 19px;
stroke-width: 1.45;
}
.panova-social-link .panova-icon-fill {
fill: currentColor;
stroke: none;
}
.panova-social-link .panova-icon-cutout {
fill: var(--pa-bg);
stroke: none;
}
.panova-social-link--youtube:hover {
border-color: rgba(240, 162, 104, .5);
background: rgba(240, 162, 104, .08);
color: var(--panova-copper, #f0a268);
}
.panova-footer__legal {
display: grid;
grid-template-columns: auto minmax(280px, 1fr) auto;
gap: 26px;
align-items: center;
padding: 24px 0 4px;
color: #74817f;
font-size: 9px;
line-height: 1.5;
}
.panova-footer__legal p {
margin: 0;
}
.panova-footer__legal p:nth-child(2) {
justify-self: center;
text-align: center;
}
.panova-footer__legal .panova-smartoo {
margin: 0;
justify-self: end;
}
body.panova-inner .panova-request-guide {
border-block: 1px solid var(--panova-line, rgba(255, 255, 255, .13));
background: radial-gradient(circle at 80% 12%, rgba(94, 230, 220, .09), transparent 32%), #0a181b;
}
.panova-request-guide__head {
display: grid;
grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr);
column-gap: clamp(44px, 7vw, 110px);
align-items: end;
margin-bottom: 50px;
}
.panova-request-guide__head .panova-kicker {
grid-row: 1 / span 2;
align-self: start;
}
.panova-request-guide__head h2 {
margin: 0;
font-family: var(--panova-display, var(--pa-serif));
font-size: clamp(44px, 5.2vw, 76px);
font-weight: 400;
letter-spacing: -.045em;
line-height: .98;
text-wrap: balance;
}
.panova-request-guide__head > p:last-child {
max-width: 670px;
margin: 24px 0 0;
color: var(--panova-muted, var(--pa-muted));
font-size: 15px;
}
.panova-request-guide__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.panova-request-guide__item {
min-height: 285px;
padding: 28px;
border: 1px solid var(--panova-line, var(--pa-line));
border-radius: var(--panova-radius, 14px);
background: linear-gradient(145deg, rgba(17, 42, 45, .8), rgba(8, 22, 24, .9));
}
.panova-request-guide__item > span {
display: block;
color: var(--panova-copper, #f0a268);
font-size: 9px;
font-weight: 700;
letter-spacing: .16em;
}
.panova-request-guide__item h3 {
margin: 82px 0 14px;
font-family: var(--panova-display, var(--pa-serif));
font-size: clamp(27px, 2.4vw, 38px);
font-weight: 400;
letter-spacing: -.03em;
line-height: 1.05;
}
.panova-request-guide__item p,
.panova-request-guide__note {
margin: 0;
color: var(--panova-muted, var(--pa-muted));
font-size: 13px;
line-height: 1.65;
}
.panova-request-guide__note {
max-width: 620px;
margin: 28px 0 0 auto;
padding-left: 20px;
border-left: 1px solid var(--panova-cyan, #5ee6dc);
}
/* Exact optical centring for the two-digit process markers. */
body.panova-home .panova-step-dot span {
position: absolute;
inset: 0;
display: grid;
place-items: center;
width: auto;
padding-left: .08em;
font-variant-numeric: tabular-nums;
line-height: 1;
text-align: center;
text-indent: 0;
}
@media (max-width: 960px) {
.panova-footer__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.panova-footer__brand-column {
grid-column: 1 / -1;
padding-right: 0;
padding-bottom: 30px;
}
.panova-footer__column:first-of-type {
border-left: 0;
padding-left: 0;
}
.panova-footer__legal {
grid-template-columns: 1fr auto;
}
.panova-footer__legal p:nth-child(2) {
grid-column: 1 / -1;
grid-row: 2;
justify-self: start;
text-align: left;
}
}
@media (max-width: 820px) {
.panova-depth-art.is-depth-static .panova-depth-source {
opacity: .9;
transform: none;
}
.panova-depth-canvas,
.panova-depth-volume,
.panova-depth-scan,
.panova-depth-prism {
display: none !important;
}
.panova-marquee__track,
.panova-topic-visual span,
body.panova-home .panova-about-art::before,
body.panova-home .panova-about-ink,
body.panova-home .panova-about-ink img,
body.panova-home .panova-about-portrait img,
.panova-closing-portal {
animation: none !important;
}
.panova-closing-echo,
.panova-closing-orbit {
display: none !important;
}
.panova-header.is-scrolled {
background: rgba(7, 19, 21, .97);
backdrop-filter: none;
}
.panova-image-caption,
.panova-portrait-glass,
.panova-closing-portal > span {
backdrop-filter: none;
}
body.panova-home .panova-topics,
body.panova-home .panova-manifesto,
body.panova-home .panova-v1-about,
body.panova-home .panova-v1-method,
body.panova-home .panova-room,
body.panova-home .panova-map,
body.panova-home .panova-closing {
content-visibility: auto;
contain-intrinsic-size: auto 720px;
}
.panova-manifesto {
gap: 30px;
padding: 54px 24px 72px;
}
.panova-manifesto-art {
aspect-ratio: 2.05 / 1;
overflow: hidden;
box-shadow: 0 22px 56px rgba(0, 0, 0, .36);
}
.panova-manifesto-shade,
.panova-manifesto-stamp {
display: none;
}
.panova-manifesto-copy > p:last-child {
max-width: 590px;
margin: 24px 0 0;
}
.panova-request-guide__head {
grid-template-columns: 1fr;
}
.panova-request-guide__head .panova-kicker {
grid-row: auto;
}
.panova-request-guide__head h2 {
font-size: clamp(42px, 9vw, 64px);
}
.panova-request-guide__grid {
grid-template-columns: 1fr;
}
.panova-request-guide__item {
min-height: 0;
}
.panova-request-guide__item h3 {
margin-top: 42px;
}
}
@media (max-width: 640px) {
body.panova-home .panova-trust__grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
border-inline: 1px solid var(--pa-line);
}
body.panova-home .panova-trust__grid > div {
min-height: 92px;
padding: 16px 13px;
}
body.panova-home .panova-trust__grid > div:nth-child(1) {
grid-column: 1 / 4;
grid-row: 1;
}
body.panova-home .panova-trust__grid > div:nth-child(5) {
grid-column: 4 / 7;
grid-row: 1;
min-height: 92px;
padding: 16px 13px;
}
body.panova-home .panova-trust__grid > div:nth-child(2) {
grid-column: 1 / 3;
grid-row: 2;
}
body.panova-home .panova-trust__grid > div:nth-child(3) {
grid-column: 3 / 5;
grid-row: 2;
}
body.panova-home .panova-trust__grid > div:nth-child(4) {
grid-column: 5 / 7;
grid-row: 2;
}
body.panova-home .panova-trust strong {
font-size: clamp(19px, 6vw, 24px);
}
body.panova-home .panova-trust span {
font-size: 9px;
}
.panova-manifesto {
gap: 26px;
padding: 38px 16px 62px;
}
.panova-manifesto-art {
aspect-ratio: 2.08 / 1;
}
.panova-manifesto-art::after {
inset: 7px;
}
.panova-manifesto h2 {
margin-top: 18px;
font-size: clamp(40px, 11.7vw, 52px);
line-height: .94;
}
.panova-manifesto-copy > p:last-child {
margin-top: 21px;
font-size: 14px;
}
.panova-footer__grid {
grid-template-columns: 1fr 1fr;
margin-top: 56px;
}
.panova-footer--compact .panova-footer__grid {
margin-top: 0;
}
.panova-footer__brand-column {
grid-column: 1 / -1;
padding: 30px 0;
}
.panova-footer__column {
padding: 28px 18px;
}
.panova-footer__column:first-of-type {
padding-left: 0;
}
.panova-footer__contacts {
grid-column: 1 / -1;
padding-right: 0;
padding-left: 0;
border-top: 1px solid var(--pa-line);
border-left: 0;
}
.panova-footer__legal {
grid-template-columns: 1fr;
gap: 10px;
padding-top: 22px;
}
.panova-footer__legal p:nth-child(2),
.panova-footer__legal .panova-smartoo {
grid-column: auto;
grid-row: auto;
justify-self: start;
text-align: left;
}
.panova-request-guide__head {
margin-bottom: 34px;
}
.panova-request-guide__head h2 {
font-size: clamp(39px, 12vw, 52px);
}
.panova-request-guide__item {
padding: 24px;
}
}
/* 2.1.8 — article library, homepage journal and article service palette. */
body.panova-home .panova-home-journal {
isolation: isolate;
overflow: visible;
padding-block: clamp(96px, 8vw, 130px);
}
body.panova-home .panova-home-journal::before {
position: absolute;
top: 0;
left: 50%;
width: 100vw;
height: 1px;
transform: translateX(-50%);
background: var(--panova-line);
content: "";
pointer-events: none;
}
body.panova-home .panova-home-journal::after {
position: absolute;
bottom: 0;
left: 50%;
width: 100vw;
height: 1px;
transform: translateX(-50%);
background: var(--panova-line);
content: "";
pointer-events: none;
}
.panova-home-journal__head {
display: grid;
grid-template-columns: minmax(180px, .55fr) minmax(440px, 1.4fr) minmax(260px, .7fr);
gap: clamp(28px, 4vw, 70px);
align-items: end;
}
.panova-home-journal__head > div:first-child {
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.panova-home-journal__head h2 {
font-size: clamp(53px, 5.6vw, 91px);
}
.panova-home-journal__aside > p {
margin: 0;
color: var(--panova-muted);
font-size: 15px;
line-height: 1.65;
}
.panova-home-journal__head .panova-inline-link {
margin-top: 24px;
}
.panova-home-journal__controls {
display: flex;
gap: 10px;
margin-top: 26px;
}
.panova-home-article-rail {
display: flex;
gap: 16px;
width: 100%;
margin-top: 57px;
padding: 8px 3px 3px;
overflow-x: auto;
overflow-y: hidden;
overscroll-behavior-inline: contain;
scroll-behavior: smooth;
scroll-padding-inline: 3px;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
cursor: grab;
}
.panova-home-article-rail::-webkit-scrollbar {
display: none;
}
.panova-home-article-rail.is-dragging {
cursor: grabbing;
scroll-snap-type: none;
}
body.panova-home .panova-home-article-card {
display: flex;
flex: 0 0 clamp(310px, 29vw, 400px);
flex-direction: column;
min-height: 500px;
overflow: hidden;
border: 1px solid var(--panova-line);
border-radius: var(--panova-radius);
background: rgba(9, 29, 31, .72);
color: var(--panova-white);
scroll-snap-align: start;
transition: transform .3s var(--panova-ease), border-color .3s ease, box-shadow .3s ease;
}
body.panova-home .panova-home-article-card:hover {
transform: translateY(-5px);
border-color: rgba(94, 230, 220, .44);
box-shadow: 0 20px 55px rgba(0, 0, 0, .25);
}
body.panova-home .panova-home-article-card .panova-blog-card__media {
height: 205px;
border-radius: 0;
}
body.panova-home .panova-home-article-card .panova-blog-card__body {
display: flex;
flex: 1;
flex-direction: column;
padding: 25px;
}
body.panova-home .panova-home-article-card .panova-blog-card__body > p {
color: #849995;
}
body.panova-home .panova-home-article-card h3 {
margin: 31px 0 14px;
font-family: var(--panova-display);
font-size: clamp(27px, 2.25vw, 34px);
font-weight: 400;
letter-spacing: -.035em;
line-height: 1.04;
}
body.panova-home .panova-home-article-card .panova-blog-card__body > div {
min-height: 0;
margin-bottom: 24px;
color: var(--panova-muted);
font-size: 13px;
line-height: 1.55;
}
body.panova-home .panova-home-article-card .panova-text-link {
width: 100%;
margin-top: auto;
color: var(--panova-cyan);
}
body.panova-inner .panova-blog-grid {
align-items: stretch;
}
body.panova-inner .panova-blog-card {
display: flex;
flex-direction: column;
}
body.panova-inner .panova-blog-card__body {
display: flex;
flex: 1;
flex-direction: column;
}
body.panova-inner .panova-blog-card .panova-text-link {
margin-top: auto;
}
body.panova-inner .panova-article-service {
padding: clamp(70px, 8vw, 112px) 0;
border-block: 1px solid var(--panova-line);
background:
radial-gradient(circle at 86% 10%, rgba(240, 162, 104, .12), transparent 31%),
linear-gradient(145deg, #10272a, #081719 64%);
color: var(--panova-white);
}
body.panova-inner .panova-article-service__card {
padding: clamp(28px, 4vw, 52px);
border: 1px solid var(--panova-line);
border-radius: var(--panova-radius);
background: rgba(5, 16, 18, .48);
}
body.panova-inner .panova-article-service .panova-kicker {
color: var(--panova-copper);
}
body.panova-inner .panova-article-service h2 {
color: var(--panova-white);
}
body.panova-inner .panova-article-service__card > div:first-child > p:not(.panova-kicker) {
color: var(--panova-muted);
}
body.panova-inner .panova-article-service__card > div:last-child > strong {
color: var(--panova-cyan);
}
body.panova-inner .panova-article-service__card > div:last-child > span {
color: #8fa29d;
}
body.panova-inner .panova-article-service .panova-text-link {
color: var(--panova-copper);
}
@media (max-width: 1120px) {
.panova-home-journal__head {
grid-template-columns: .4fr 1.2fr .7fr;
gap: 32px;
}
}
@media (max-width: 820px) {
body.panova-home .panova-home-journal {
content-visibility: auto;
contain-intrinsic-size: auto 760px;
padding-block: 68px;
}
.panova-home-journal__head {
grid-template-columns: 1fr;
align-items: start;
}
.panova-home-journal__head > div:first-child {
min-height: 58px;
flex-direction: row;
}
.panova-home-journal__head > div:last-child {
max-width: 620px;
}
.panova-home-journal__controls {
margin-top: 22px;
}
.panova-home-article-rail {
margin-top: 45px;
}
}
@media (max-width: 640px) {
.panova-home-journal__head {
gap: 22px;
}
.panova-home-journal__head h2 {
font-size: clamp(45px, 13vw, 61px);
}
.panova-home-journal__aside > p {
font-size: 14px;
}
.panova-home-article-rail {
width: calc(100% + 16px);
margin-right: -16px;
}
body.panova-home .panova-home-article-card {
flex-basis: min(84vw, 340px);
min-height: 460px;
}
body.panova-home .panova-home-article-card .panova-blog-card__media {
height: 185px;
}
body.panova-inner .panova-article-service__card {
padding: 26px 22px;
}
}
/* 2.2.0 — spacing, unified CTA language, reliable mobile media and richer issue pages. */
body.panova-site .panova-btn--primary,
body.panova-site a.panova-btn--primary,
body.panova-site a.panova-btn--primary:visited,
body.panova-site .panova-button-primary {
border-color: transparent;
background: var(--panova-cyan, #5ee6dc) !important;
color: var(--panova-ink, #071315) !important;
box-shadow: 0 13px 40px rgba(94, 230, 220, .12);
text-shadow: none;
}
body.panova-site .panova-btn--primary:hover,
body.panova-site .panova-btn--primary:focus-visible,
body.panova-site a.panova-btn--primary:hover,
body.panova-site a.panova-btn--primary:focus-visible,
body.panova-site .panova-button-primary:hover,
body.panova-site .panova-button-primary:focus-visible {
background: #89f1e9 !important;
color: var(--panova-ink, #071315) !important;
}
body.panova-site .panova-btn--ghost:hover,
body.panova-site .panova-btn--ghost:focus-visible,
body.panova-site .panova-button-ghost:hover,
body.panova-site .panova-button-ghost:focus-visible {
border-color: var(--panova-cyan, #5ee6dc);
}
/* Related article cards must read as three separate cards, not one fused strip. */
body.panova-inner .panova-single .panova-journal__grid {
gap: 16px;
border: 0;
background: transparent;
overflow: visible;
}
body.panova-inner .panova-single .panova-article-card {
border: 1px solid var(--panova-line, rgba(255,255,255,.12));
border-radius: var(--panova-radius, 14px);
overflow: hidden;
}
body.panova-inner .panova-single .panova-article-card a {
height: 100%;
border: 0;
border-radius: inherit;
}
/* The 12 problem links are individual plates with breathing room. */
body.panova-inner .panova-hub__grid--spaced {
gap: 14px;
border: 0;
background: transparent;
overflow: visible;
}
body.panova-inner .panova-hub__grid--spaced .panova-hub-card,
body.panova-inner .panova-hub__grid--spaced .panova-hub-card:nth-child(odd),
body.panova-inner .panova-hub__grid--spaced .panova-hub-card:nth-child(even) {
border: 1px solid var(--panova-line, rgba(255,255,255,.12));
border-radius: var(--panova-radius, 14px);
overflow: hidden;
}
/* Premium visual markers instead of empty turquoise circles. */
body.panova-inner .panova-pillar > .panova-pillar__icon {
display: grid !important;
place-items: center;
width: 54px;
height: 54px;
margin: 0 0 72px;
border: 1px solid rgba(94, 230, 220, .48);
border-radius: 50%;
background: radial-gradient(circle at 34% 28%, rgba(94, 230, 220, .18), rgba(94, 230, 220, .035) 58%, transparent 72%);
color: var(--panova-cyan, #5ee6dc);
box-shadow: inset 0 0 24px rgba(94, 230, 220, .045), 0 0 28px rgba(94, 230, 220, .055);
}
body.panova-inner .panova-pillar > .panova-pillar__icon::after {
display: none !important;
content: none;
}
body.panova-inner .panova-pillar > .panova-pillar__icon svg {
width: 24px;
height: 24px;
stroke: currentColor;
stroke-width: 1.35;
}
/* Exact mathematical centring for process numerals on every viewport. */
body.panova-home .panova-step-dot span {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
font-variant-numeric: tabular-nums;
font-feature-settings: "tnum" 1;
letter-spacing: 0;
line-height: 1;
text-align: center;
text-indent: 0;
transform: none;
}
/* Extended editorial layer for the twelve problem pages. */
.panova-issue-seo {
background: #091719;
color: var(--panova-white, #eff7f4);
}
.panova-issue-seo__grid {
display: grid;
grid-template-columns: minmax(220px, .38fr) minmax(0, 1fr);
gap: clamp(54px, 8vw, 130px);
align-items: start;
}
.panova-issue-seo__aside {
position: sticky;
top: 120px;
}
.panova-issue-seo__aside > span {
display: block;
max-width: 285px;
color: var(--panova-muted, #91a59f);
font-size: 13px;
line-height: 1.65;
}
.panova-issue-seo__content {
max-width: 850px;
}
.panova-issue-seo__section {
padding: 0 0 54px;
border-bottom: 1px solid var(--panova-line, rgba(255,255,255,.12));
}
.panova-issue-seo__section + .panova-issue-seo__section {
padding-top: 54px;
}
.panova-issue-seo__section:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.panova-issue-seo__section h2 {
max-width: 760px;
margin: 0 0 26px;
font-family: var(--panova-display, var(--pa-serif));
font-size: clamp(34px, 3.5vw, 52px);
font-weight: 400;
letter-spacing: -.035em;
line-height: 1.04;
}
.panova-issue-seo__section p {
max-width: 780px;
margin: 0;
color: #b9c8c3;
font-size: 16px;
line-height: 1.78;
}
.panova-issue-seo__section p + p {
margin-top: 18px;
}
/* Reliable rendering of responsive images, including Safari/WebView variants. */
.panova-app img {
max-width: 100%;
}
body.panova-site .panova-inner-hero__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 820px) {
/* Earlier versions intentionally hid most inner-page hero images on mobile. */
body.panova-site .panova-inner-hero__image,
body.panova-site .panova-inner-hero__image--issue,
body.panova-site .panova-inner-hero__image--service,
body.panova-site .panova-inner-hero__image--hub,
body.panova-site .panova-inner-hero__image--education,
body.panova-site .panova-inner-hero__image--faq {
display: block !important;
height: min(72vw, 390px);
min-height: 220px;
}
body.panova-site .panova-inner-hero__image--about img {
object-fit: contain;
object-position: center bottom;
}
body.panova-inner .panova-single .panova-journal__grid {
gap: 14px;
}
body.panova-inner .panova-hub__grid--spaced {
gap: 12px;
}
body.panova-inner .panova-pillar > .panova-pillar__icon {
width: 50px;
height: 50px;
margin-bottom: 38px;
}
.panova-issue-seo__grid {
grid-template-columns: 1fr;
gap: 34px;
}
.panova-issue-seo__aside {
position: static;
}
.panova-issue-seo__aside > span {
max-width: 620px;
}
.panova-issue-seo__section,
.panova-issue-seo__section + .panova-issue-seo__section {
padding-top: 0;
padding-bottom: 40px;
margin-top: 40px;
}
.panova-issue-seo__section:first-child {
margin-top: 0;
}
}
@media (max-width: 560px) {
body.panova-site .panova-inner-hero__image,
body.panova-site .panova-inner-hero__image--issue,
body.panova-site .panova-inner-hero__image--service,
body.panova-site .panova-inner-hero__image--hub,
body.panova-site .panova-inner-hero__image--education,
body.panova-site .panova-inner-hero__image--faq {
height: min(68vw, 280px);
min-height: 190px;
}
.panova-issue-seo__section h2 {
font-size: clamp(30px, 9.5vw, 40px);
}
.panova-issue-seo__section p {
font-size: 15px;
line-height: 1.72;
}
}
/* 2.2.1 — all editorial CTA controls use the exact home-page button language. */
body.panova-site .panova-button,
body.panova-site .panova-btn.panova-button {
min-height: 55px;
gap: 18px;
padding: 14px 25px;
border-radius: var(--panova-radius, 14px);
font-size: 13px;
font-weight: 650;
letter-spacing: 0;
line-height: 1.35;
cursor: pointer;
}
body.panova-site .panova-btn.panova-button svg {
margin-left: 0;
transition: transform .24s var(--panova-ease, var(--pa-ease));
}
body.panova-site .panova-btn.panova-button:hover svg,
body.panova-site .panova-btn.panova-button:focus-visible svg {
transform: translate(3px, -3px);
}
body.panova-site .panova-btn.panova-button-primary,
body.panova-site a.panova-btn.panova-button-primary:visited {
border-color: transparent;
background: var(--panova-cyan, #5ee6dc) !important;
color: var(--panova-ink, #071315) !important;
box-shadow: 0 13px 40px rgba(94, 230, 220, .12);
}
body.panova-site .panova-btn.panova-button-primary:hover,
body.panova-site .panova-btn.panova-button-primary:focus-visible {
background: #89f1e9 !important;
color: var(--panova-ink, #071315) !important;
}
body.panova-site .panova-btn.panova-button-ghost {
border-color: rgba(255,255,255,.25);
background: rgba(255,255,255,.015);
color: var(--panova-white, #f4f5f1);
}
body.panova-site .panova-btn.panova-button-ghost:hover,
body.panova-site .panova-btn.panova-button-ghost:focus-visible {
border-color: rgba(255,255,255,.58);
background: rgba(255,255,255,.06);
}
/* Ghost controls that sit on a light editorial surface keep the same pill
geometry while switching to the dark ink used by the home light sections. */
body.panova-site .panova-empty .panova-btn.panova-button-ghost,
body.panova-site .panova-article-service .panova-btn.panova-button-ghost {
border-color: rgba(10,23,25,.28);
background: rgba(10,23,25,.02);
color: var(--panova-ink, #071315);
}
body.panova-site .panova-empty .panova-btn.panova-button-ghost:hover,
body.panova-site .panova-article-service .panova-btn.panova-button-ghost:hover {
border-color: rgba(10,23,25,.55);
background: rgba(10,23,25,.06);
}
/* 2.2.2 — article archive hierarchy and compact homepage SEO summary. */
body.panova-inner .panova-blog-hero h1 {
max-width: 820px;
font-size: clamp(48px, 5.2vw, 78px);
letter-spacing: -.045em;
line-height: .98;
text-wrap: balance;
}
body.panova-home .panova-home-seo {
isolation: isolate;
padding-block: clamp(76px, 7vw, 104px);
}
body.panova-home .panova-home-seo::before {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
border-block: 1px solid var(--panova-line);
background:
radial-gradient(circle at 12% 18%, rgba(94, 230, 220, .055), transparent 31%),
linear-gradient(180deg, rgba(8, 24, 26, .55), rgba(7, 19, 21, .2));
content: "";
pointer-events: none;
}
body.panova-home .panova-home-seo__grid {
display: grid;
grid-template-columns: minmax(330px, .82fr) minmax(0, 1.18fr);
gap: clamp(52px, 8vw, 126px);
align-items: start;
}
body.panova-home .panova-home-seo__intro h2 {
max-width: 650px;
margin: 24px 0 0;
font-family: var(--panova-display);
font-size: clamp(43px, 4.4vw, 67px);
font-weight: 400;
letter-spacing: -.045em;
line-height: 1.01;
text-wrap: balance;
}
body.panova-home .panova-home-seo__intro h2 em {
color: var(--panova-cyan);
font-weight: 400;
}
body.panova-home .panova-home-seo__copy {
max-width: 760px;
padding-top: 4px;
}
body.panova-home .panova-home-seo__copy p {
margin: 0;
color: #b8c8c3;
font-size: 15px;
line-height: 1.78;
}
body.panova-home .panova-home-seo__copy p + p {
margin-top: 20px;
}
body.panova-home .panova-home-seo__copy a {
color: var(--panova-cyan);
text-decoration: underline;
text-decoration-color: rgba(94, 230, 220, .35);
text-decoration-thickness: 1px;
text-underline-offset: .22em;
transition: color .2s ease, text-decoration-color .2s ease;
}
body.panova-home .panova-home-seo__copy a:hover,
body.panova-home .panova-home-seo__copy a:focus-visible {
color: #89f1e9;
text-decoration-color: currentColor;
}
@media (max-width: 820px) {
body.panova-inner .panova-blog-hero h1 {
font-size: clamp(43px, 12vw, 64px);
}
body.panova-home .panova-home-seo {
padding-block: 68px;
}
body.panova-home .panova-home-seo__grid {
grid-template-columns: 1fr;
gap: 34px;
}
body.panova-home .panova-home-seo__intro {
max-width: 680px;
}
body.panova-home .panova-home-seo__copy {
max-width: 680px;
}
}
@media (max-width: 560px) {
body.panova-inner .panova-blog-hero h1 {
font-size: clamp(39px, 10.5vw, 56px);
}
body.panova-home .panova-home-seo__intro h2 {
font-size: clamp(38px, 11vw, 52px);
}
body.panova-home .panova-home-seo__copy p {
font-size: 14.5px;
line-height: 1.74;
}
}
/* 2.2.3 — exact article H1 parity and fail-safe mobile media. */
/* Content must remain visible when JavaScript, IntersectionObserver or a mobile
WebView fails. Reveal motion is progressive enhancement, not a prerequisite. */
.panova-reveal {
opacity: 1;
transform: none;
}
html.panova-reveal-ready .panova-reveal {
opacity: 0;
transform: translateY(24px);
}
html.panova-reveal-ready .panova-reveal.is-visible {
opacity: 1;
transform: none;
}
/* The article archive H1 follows the same scale as an ordinary inner-page H1. */
body.panova-inner .panova-blog-hero h1 {
font-size: clamp(48px, 5.2vw, 78px);
}
@media (max-width: 820px) {
/* Mobile reliability takes priority over entrance animation. */
html.panova-reveal-ready .panova-reveal,
html.panova-reveal-ready .panova-reveal.is-visible {
opacity: 1 !important;
transform: none !important;
transition-delay: 0ms !important;
}
/* Media that older mobile composition rules intentionally removed is kept
visible now. These sizes preserve the compact layout without dropping art. */
body.panova-site .panova-blog-hero__art {
display: block !important;
height: min(58vw, 360px);
min-height: 240px;
}
body.panova-site .panova-definition__art--brain {
display: grid !important;
height: min(76vw, 480px);
min-height: 280px;
max-height: 480px;
}
body.panova-site .panova-about-method__art {
display: block !important;
height: min(78vw, 500px);
min-height: 300px;
max-height: 500px;
}
/* Restore the two-image composition on the home page rather than silently
dropping the dialogue artwork on phones. */
body.panova-home .panova-about-art {
position: relative;
height: min(118vw, 540px);
min-height: 420px;
max-height: 540px;
}
body.panova-home .panova-about-ink {
display: block !important;
position: absolute;
top: 0;
left: 0;
width: 78%;
height: 68%;
}
body.panova-home .panova-about-portrait {
position: absolute !important;
right: 0 !important;
bottom: 0 !important;
width: 60% !important;
height: 78% !important;
max-height: none !important;
}
}
@media (max-width: 640px) {
body.panova-inner .panova-blog-hero h1 {
font-size: clamp(38px, 10.5vw, 52px);
}
body.panova-site .panova-blog-hero__art {
height: min(62vw, 310px);
min-height: 210px;
}
body.panova-site .panova-definition__art--brain,
body.panova-site .panova-about-method__art {
height: min(92vw, 430px);
min-height: 270px;
}
body.panova-home .panova-about-art {
height: min(126vw, 520px);
min-height: 410px;
}
body.panova-home .panova-about-ink {
width: 84%;
height: 66%;
}
body.panova-home .panova-about-portrait {
width: 64% !important;
height: 79% !important;
}
}
/* 2.2.4 — keep the FIG. 02 caption on its own image on mobile. */
@media (max-width: 820px) {
body.panova-home .panova-about-ink .panova-image-caption {
top: 12px;
right: 12px;
bottom: auto;
left: 12px;
}
}
/* Expanded method, biography and education content. */
.panova-method-detail {
background: #102327;
}
.panova-pillars__grid--method {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.panova-method-detail__grid,
.panova-tfp__grid {
display: grid;
grid-template-columns: minmax(260px, .55fr) minmax(0, 1fr);
gap: clamp(56px, 9vw, 140px);
align-items: start;
}
.panova-method-detail__intro {
position: sticky;
top: 120px;
}
.panova-method-detail h2,
.panova-tfp h2,
.panova-credentials h2 {
margin: 0;
font-family: var(--pa-serif);
font-size: clamp(42px, 5vw, 72px);
font-weight: 400;
letter-spacing: -.04em;
line-height: 1.02;
text-wrap: balance;
}
.panova-method-detail__intro > p:last-child,
.panova-method-detail__copy p,
.panova-tfp__copy p {
color: var(--pa-muted);
}
.panova-method-detail__copy p,
.panova-tfp__copy p {
max-width: 760px;
margin: 0;
font-size: clamp(17px, 1.35vw, 20px);
line-height: 1.72;
}
.panova-method-detail__copy p + p,
.panova-tfp__copy p + p {
margin-top: 24px;
}
.panova-tfp {
background: var(--pa-paper);
color: var(--pa-dark);
}
.panova-tfp .panova-kicker {
color: #527070;
}
.panova-tfp__copy p {
color: #4e5e60;
}
.panova-profile__lead > p:not(.panova-kicker) {
font-size: clamp(16px, 1.2vw, 19px);
line-height: 1.68;
}
.panova-profile__lead > p:not(.panova-kicker) + p {
margin-top: 18px;
}
.panova-colleagues__facts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1px;
max-width: 700px;
margin: 28px 0;
background: var(--pa-line);
border: 1px solid var(--pa-line);
}
.panova-colleagues__facts p {
margin: 0 !important;
padding: 20px;
background: #102327;
}
.panova-credentials {
background: var(--pa-paper);
color: var(--pa-dark);
}
.panova-credentials .panova-kicker {
color: #527070;
}
.panova-credentials .panova-section-head > p {
color: #526365;
}
.panova-credentials__group {
margin-top: 64px;
}
.panova-credentials__group > h3 {
margin: 0 0 24px;
font-family: var(--pa-serif);
font-size: clamp(28px, 3vw, 42px);
font-weight: 400;
}
.panova-credentials__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.panova-credential {
display: flex;
min-width: 0;
flex-direction: column;
border: 1px solid rgba(10, 23, 25, .17);
background: rgba(255, 255, 255, .32);
}
.panova-credential > a {
display: grid;
place-items: center;
aspect-ratio: 4 / 3;
overflow: hidden;
background: #dce4df;
}
.panova-credential img {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform .35s ease;
}
.panova-credential > a:hover img,
.panova-credential > a:focus-visible img {
transform: scale(1.025);
}
.panova-credential > div {
display: flex;
min-height: 124px;
flex-direction: column;
justify-content: space-between;
gap: 16px;
padding: 22px;
}
.panova-credential h4,
.panova-credential p {
margin: 0;
}
.panova-credential h4 {
font-family: var(--pa-serif);
font-size: 22px;
font-weight: 400;
line-height: 1.22;
}
.panova-credential p {
color: #527070;
font-size: 13px;
letter-spacing: .08em;
text-transform: uppercase;
}
.panova-credentials__more {
margin-top: 64px;
border-top: 1px solid rgba(10, 23, 25, .2);
border-bottom: 1px solid rgba(10, 23, 25, .2);
}
.panova-credentials__more summary {
display: flex;
cursor: pointer;
list-style: none;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 26px 0;
font-family: var(--pa-serif);
font-size: clamp(28px, 3vw, 42px);
}
.panova-credentials__more summary::-webkit-details-marker {
display: none;
}
.panova-credentials__more summary::after {
content: "+";
margin-left: auto;
font-family: var(--pa-sans);
font-size: 30px;
font-weight: 300;
}
.panova-credentials__more[open] summary::after {
content: "−";
}
.panova-credentials__more summary small {
color: #527070;
font-family: var(--pa-sans);
font-size: 13px;
letter-spacing: .08em;
text-transform: uppercase;
}
.panova-credentials__more .panova-credentials__grid {
padding: 10px 0 42px;
}
@media (max-width: 980px) {
.panova-method-detail__grid,
.panova-tfp__grid {
grid-template-columns: 1fr;
gap: 44px;
}
.panova-method-detail__intro {
position: static;
}
.panova-credentials__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 820px) {
.panova-pillars__grid--method {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.panova-method-detail h2,
.panova-tfp h2,
.panova-credentials h2 {
font-size: clamp(38px, 11vw, 52px);
}
.panova-method-detail__copy p,
.panova-tfp__copy p {
font-size: 17px;
}
.panova-colleagues__facts,
.panova-credentials__grid {
grid-template-columns: 1fr;
}
.panova-credentials__group,
.panova-credentials__more {
margin-top: 44px;
}
.panova-credential > div {
min-height: 0;
}
.panova-credentials__more summary {
align-items: flex-start;
flex-wrap: wrap;
}
.panova-credentials__more summary small {
order: 3;
width: 100%;
}
}
/* Keep the contact module above later generic component patches. */
.panova-contact-panel,
.panova-yandex-card {
border-radius: var(--panova-radius, 14px);
}
.panova-yandex-frame {
border-radius: calc(var(--panova-radius, 14px) - 5px);
}
.panova-contact-section,
.panova-contact-section h2,
.panova-contact-section address,
.panova-contact-section strong,
.panova-contact-section a {
color-scheme: dark;
}
.panova-yandex-card,
.panova-yandex-card figcaption,
.panova-yandex-card figcaption p,
.panova-yandex-card figcaption a {
color-scheme: light;
}
@media (max-width: 640px) {
body.panova-home .panova-contact-section,
.panova-contact-section {
padding-block: 68px;
}
}
/* 2.3.1 — profile documents integrated into Nova visual system + in-page lightbox. */
body.panova-inner .panova-credentials {
position: relative;
isolation: isolate;
overflow: hidden;
border-block: 1px solid var(--panova-line);
background:
radial-gradient(circle at 88% 8%, rgba(94, 230, 220, .10), transparent 28%),
radial-gradient(circle at 8% 92%, rgba(240, 162, 104, .08), transparent 25%),
linear-gradient(145deg, #0c2022, #071517 70%);
color: var(--panova-white);
}
body.panova-inner .panova-credentials::before {
position: absolute;
inset: 0;
z-index: -1;
background-image: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.022) 1px, transparent 1px);
background-size: 72px 72px;
mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 82%);
content: "";
pointer-events: none;
}
body.panova-inner .panova-credentials__head { max-width: 900px; }
body.panova-inner .panova-credentials__head .panova-kicker { color: var(--panova-cyan); }
body.panova-inner .panova-credentials__head h2 { margin: 0; color: var(--panova-white); font-family: var(--panova-display); font-size: clamp(52px, 6vw, 88px); font-weight: 400; letter-spacing: -.045em; line-height: .98; }
body.panova-inner .panova-credentials__group { margin-top: clamp(58px, 7vw, 92px); }
body.panova-inner .panova-credentials__group > h3 { margin: 0 0 24px; color: #d9e5e0; font-family: var(--panova-display); font-size: clamp(28px, 3vw, 40px); font-weight: 400; letter-spacing: -.025em; }
body.panova-inner .panova-credentials__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
body.panova-inner .panova-credential { min-width: 0; overflow: hidden; border: 1px solid var(--panova-line); border-radius: 14px; background: rgba(8, 27, 29, .72); transition: transform .3s var(--panova-ease), border-color .3s ease, box-shadow .3s ease; }
body.panova-inner .panova-credential:hover { transform: translateY(-5px); border-color: rgba(94,230,220,.42); box-shadow: 0 24px 64px rgba(0,0,0,.24); }
body.panova-inner .panova-credential__open { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: stretch; aspect-ratio: auto; overflow: visible; background: transparent; color: inherit; }
body.panova-inner .panova-credential__media { position: relative; display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; padding: 16px; border-bottom: 1px solid var(--panova-line); background: linear-gradient(145deg, #e8e0d2, #d4dcd7); }
body.panova-inner .panova-credential__media img { width: 100%; height: 100%; object-fit: contain; filter: saturate(.92) contrast(1.02); transition: transform .42s var(--panova-ease); }
body.panova-inner .panova-credential:hover .panova-credential__media img { transform: scale(1.025); }
body.panova-inner .panova-credential__view { position: absolute; right: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid rgba(7,19,21,.14); border-radius: 999px; background: rgba(247,251,249,.90); color: #071315; font-size: 9px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(8px); }
body.panova-inner .panova-credential__view b { color: #2b6b68; font-size: 13px; font-weight: 500; }
body.panova-inner .panova-credential__copy { display: flex; flex: 1; min-height: 142px; flex-direction: column; gap: 13px; padding: 22px; }
body.panova-inner .panova-credential__copy > span { color: var(--panova-copper); font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
body.panova-inner .panova-credential h4 { margin: 0; color: var(--panova-white); font-family: var(--panova-display); font-size: clamp(20px, 1.8vw, 25px); font-weight: 400; letter-spacing: -.02em; line-height: 1.16; }
body.panova-inner .panova-credentials__more { margin-top: clamp(58px, 7vw, 92px); border-block: 1px solid var(--panova-line); }
body.panova-inner .panova-credentials__more summary { display: grid; grid-template-columns: 1fr auto auto; gap: 22px; align-items: center; padding: 27px 0; color: var(--panova-white); font-family: var(--panova-display); font-size: clamp(28px,3vw,40px); cursor: pointer; list-style: none; }
body.panova-inner .panova-credentials__more summary::-webkit-details-marker { display: none; }
body.panova-inner .panova-credentials__more summary small { color: var(--panova-muted); font-family: var(--pa-sans); font-size: 10px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
body.panova-inner .panova-credentials__more summary::after { content: "+"; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--panova-line); border-radius: 50%; color: var(--panova-cyan); font-family: var(--pa-sans); font-size: 24px; font-weight: 300; }
body.panova-inner .panova-credentials__more[open] summary::after { content: "−"; }
body.panova-inner .panova-credentials__more .panova-credentials__grid { padding: 16px 0 42px; }
body.panova-site.credential-lightbox-open { overflow: hidden !important; }
.panova-document-lightbox { position: fixed; z-index: 2600; inset: 0; display: grid; place-items: center; padding: clamp(14px, 3vw, 34px); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; }
.panova-document-lightbox[hidden] { display: none !important; }
.panova-document-lightbox.is-open { opacity: 1; visibility: visible; }
.panova-document-lightbox__backdrop { position: absolute; inset: 0; background: rgba(2,8,9,.88); backdrop-filter: blur(16px); }
.panova-document-lightbox__panel { position: relative; z-index: 2; display: grid; grid-template-rows: minmax(0, 1fr) auto; width: min(1180px, 100%); height: min(900px, calc(100svh - 40px)); overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: #091719; box-shadow: 0 40px 140px rgba(0,0,0,.62); color: var(--panova-white); }
.panova-document-lightbox__close { position: absolute; z-index: 4; top: 16px; right: 16px; display: grid; width: 46px; height: 46px; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: rgba(7,19,21,.80); color: #fff; cursor: pointer; backdrop-filter: blur(10px); }
.panova-document-lightbox__media { display: grid; min-height: 0; place-items: center; padding: clamp(22px,4vw,52px); overflow: hidden; background: linear-gradient(145deg,#e9e1d4,#d9e1dd); }
.panova-document-lightbox__media img { width: 100%; height: 100%; object-fit: contain; }
.panova-document-lightbox__meta { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; min-height: 112px; padding: 22px 26px; border-top: 1px solid var(--panova-line); background: #091719; }
.panova-document-lightbox__meta span { display: block; margin-bottom: 5px; color: var(--panova-copper); font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.panova-document-lightbox__meta h2 { max-width: 820px; margin: 0; color: var(--panova-white); font-family: var(--panova-display); font-size: clamp(20px,2.2vw,30px); font-weight: 400; line-height: 1.13; }
.panova-document-lightbox__nav { display: flex; gap: 8px; }
.panova-document-lightbox__nav button { display: grid; width: 46px; height: 46px; place-items: center; padding: 0; border: 1px solid var(--panova-line); border-radius: 50%; background: transparent; color: var(--panova-white); cursor: pointer; }
.panova-document-lightbox__nav button:hover, .panova-document-lightbox__close:hover { border-color: var(--panova-cyan); color: var(--panova-cyan); }
@media (max-width: 980px) { body.panova-inner .panova-credentials__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px) {
body.panova-inner .panova-credentials__head h2 { font-size: clamp(42px,12vw,56px); }
body.panova-inner .panova-credentials__grid { grid-template-columns: 1fr; }
body.panova-inner .panova-credentials__group, body.panova-inner .panova-credentials__more { margin-top: 46px; }
body.panova-inner .panova-credential__copy { min-height: 0; }
body.panova-inner .panova-credentials__more summary { grid-template-columns: 1fr auto; gap: 10px; }
body.panova-inner .panova-credentials__more summary small { grid-column: 1; grid-row: 2; }
body.panova-inner .panova-credentials__more summary::after { grid-column: 2; grid-row: 1 / 3; }
.panova-document-lightbox { padding: 8px; }
.panova-document-lightbox__panel { height: calc(100svh - 16px); border-radius: 12px; }
.panova-document-lightbox__media { padding: 18px 10px 10px; }
.panova-document-lightbox__meta { grid-template-columns: 1fr; gap: 14px; min-height: 0; padding: 16px; }
.panova-document-lightbox__nav { justify-content: flex-end; }
}