@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 300 800;
font-display: swap;
src: url(//psychologicalseo.com/wp-content/themes/psychologicalseo-theme/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 300 800;
font-display: swap;
src: url(//psychologicalseo.com/wp-content/themes/psychologicalseo-theme/assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Lora";
font-style: normal;
font-weight: 400 600;
font-display: swap;
src: url(//psychologicalseo.com/wp-content/themes/psychologicalseo-theme/assets/fonts/0QIvMX1D_JOuMwr7Iw.woff2) format("woff2");
}
@font-face {
font-family: "Lora";
font-style: normal;
font-weight: 400 600;
font-display: swap;
src: url(//psychologicalseo.com/wp-content/themes/psychologicalseo-theme/assets/fonts/0QIvMX1D_JOuMwT7I-NP.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}:root {
--psyseo-night: #0b0f17;
--psyseo-panel: #111827;
--psyseo-paper: #f5f3ee;
--psyseo-white: #fff;
--psyseo-ink: #161a22;
--psyseo-muted: #687184;
--psyseo-blue: #3157c8;
--psyseo-blue-light: #7893f0;
--psyseo-tint: #e2e8fa;
--psyseo-border: rgba(22, 26, 34, .14);
--psyseo-dark-border: rgba(255, 255, 255, .14);
--psyseo-shell: 82rem;
--psyseo-reading: 48rem;
--psyseo-gutter: clamp(1.25rem, 4vw, 4.75rem);
--psyseo-header-height: 6.25rem;
}
*,
*::before,
*::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--psyseo-header-height) + 1.5rem); }
body {
margin: 0;
background: var(--psyseo-paper);
color: var(--psyseo-ink);
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 1rem;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
body.psyseo-menu-open { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .2em; }
button,
input,
textarea { font: inherit; }
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure { margin-top: 0; }
h1,
h2,
h3 { font-family: Lora, Georgia, serif; font-weight: 400; line-height: 1.06; letter-spacing: -.035em; text-wrap: balance; }
h1 { font-size: clamp(3.1rem, 5.55vw, 5.65rem); }
h2 { font-size: clamp(2.25rem, 3.75vw, 3.9rem); }
h3 { font-size: clamp(1.4rem, 1.9vw, 2rem); }
p { text-wrap: pretty; }
:focus-visible { outline: 3px solid var(--psyseo-blue-light); outline-offset: 4px; }
::selection { background: var(--psyseo-blue); color: #fff; }
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.screen-reader-text:focus {
top: 1rem;
left: 1rem;
z-index: 9999;
width: auto;
height: auto;
clip: auto;
padding: .8rem 1rem;
background: #fff;
color: #111;
}
.psyseo-site-frame { min-height: 100vh; overflow: clip; }
.psyseo-shell { width: min(100%, var(--psyseo-shell)); margin-inline: auto; padding-inline: var(--psyseo-gutter); }
.psyseo-section { padding-block: clamp(4.5rem, 7vw, 7rem); border-bottom: 1px solid var(--psyseo-border); }
.psyseo-section--tint { background: color-mix(in srgb, var(--psyseo-tint) 54%, var(--psyseo-paper)); }
.psyseo-section--dark { background: var(--psyseo-night); color: #fff; border-color: var(--psyseo-dark-border); }
.psyseo-section--dark :is(h1, h2, h3, h4) { color: #fff; }
.psyseo-section--dark p { color: #b9c0cf; }
.psyseo-section--dark .psyseo-eyebrow { color: var(--psyseo-blue-light); }
.psyseo-eyebrow {
margin-bottom: 1.25rem;
color: var(--psyseo-blue);
font-size: .72rem;
font-weight: 750;
letter-spacing: .18em;
line-height: 1.3;
text-transform: uppercase;
}
.psyseo-split { display: grid; grid-template-columns: minmax(16rem, .72fr) minmax(0, 1fr); gap: clamp(3rem, 7vw, 7rem); align-items: start; }
.psyseo-split h2 { max-width: 11ch; margin-bottom: 0; }
.psyseo-prose { max-width: var(--psyseo-reading); font-size: clamp(1.05rem, 1.35vw, 1.25rem); }
.psyseo-prose > * + * { margin-top: 1.35em; }
.psyseo-prose h2,
.psyseo-prose h3 { margin-top: 2.2em; margin-bottom: .6em; }
.psyseo-prose a:not(.psyseo-button):not(.psyseo-text-link) { color: var(--psyseo-blue); }
.psyseo-prose ul,
.psyseo-prose ol { padding-left: 1.3em; }
.psyseo-prose li + li { margin-top: .55em; }
.psyseo-section-head { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(17rem, .62fr); gap: clamp(2rem, 5vw, 5rem); align-items: end; margin-bottom: clamp(2.75rem, 4.5vw, 4.5rem); }
.psyseo-section-head h2 { max-width: 13ch; margin-bottom: 0; }
.psyseo-section-head > p { margin-bottom: .35rem; color: var(--psyseo-muted); font-size: 1.08rem; }
.psyseo-actions { display: flex; flex-wrap: wrap; gap: 1.25rem; align-items: center; margin-top: 2.2rem; }
.psyseo-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .8rem;
min-height: 3.35rem;
padding: .9rem 1.45rem;
border: 1px solid var(--psyseo-blue);
border-radius: 999px;
background: var(--psyseo-blue);
color: #fff;
font-size: .78rem;
font-weight: 750;
letter-spacing: .06em;
line-height: 1;
text-decoration: none;
transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.psyseo-button:hover { transform: translateY(-2px); background: #294bb1; border-color: #294bb1; }
.psyseo-button--compact { min-height: 2.85rem; padding: .72rem 1.15rem; white-space: nowrap; }
.psyseo-button--light { background: #fff; border-color: #fff; color: var(--psyseo-night); }
.psyseo-button--light:hover { background: var(--psyseo-tint); border-color: var(--psyseo-tint); }
.psyseo-site-frame .psyseo-button { color: #fff; }
.psyseo-site-frame .psyseo-button--light { color: var(--psyseo-night); }
.psyseo-text-link {
display: inline-flex;
gap: .65rem;
align-items: center;
color: var(--psyseo-ink);
font-size: .82rem;
font-weight: 750;
letter-spacing: .04em;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: .18rem;
}
.psyseo-text-link--dark { color: #fff; }
.psyseo-site-frame .psyseo-text-link--dark { color: #fff; } .psyseo-header {
position: fixed;
inset: 0 0 auto;
z-index: 1000;
width: 100%;
height: var(--psyseo-header-height);
background: rgba(11, 15, 23, .96);
border-bottom: 1px solid transparent;
color: #fff;
transition: height .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
backdrop-filter: blur(18px);
}
.admin-bar .psyseo-header { top: 32px; }
.psyseo-header.is-scrolled { height: 5.25rem; background: rgba(11, 15, 23, .985); border-color: var(--psyseo-dark-border); box-shadow: 0 .8rem 2.5rem rgba(0, 0, 0, .15); }
.psyseo-header__inner {
position: relative;
display: grid;
grid-template-columns: minmax(13rem, 1fr) auto minmax(13rem, 1fr);
align-items: center;
gap: 2rem;
width: min(100%, 100rem);
height: 100%;
margin-inline: auto;
padding-inline: var(--psyseo-gutter);
}
.psyseo-logo { display: inline-flex; width: max-content; color: #fff; text-decoration: none; }
.psyseo-site-frame .psyseo-logo { color: #fff; }
.psyseo-wordmark { display: grid; gap: .2rem; line-height: 1; }
.psyseo-wordmark-primary { display: flex; gap: .34em; align-items: baseline; font-size: .82rem; letter-spacing: .08em; }
.psyseo-wordmark-primary strong { font-weight: 800; }
.psyseo-wordmark-primary em { color: var(--psyseo-blue-light); font-style: normal; font-weight: 400; }
.psyseo-wordmark-relationship { font-size: .52rem; font-weight: 650; letter-spacing: .18em; text-transform: uppercase; }
.psyseo-navigation { justify-self: center; }
.psyseo-menu { display: flex; align-items: center; gap: clamp(1.1rem, 2vw, 2rem); margin: 0; padding: 0; list-style: none; }
.psyseo-menu a { color: #e7eaf0; font-size: .78rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
.psyseo-menu a:hover { color: var(--psyseo-blue-light); }
.psyseo-header__consult { justify-self: end; }
.psyseo-menu-toggle {
display: none;
width: 3rem;
height: 3rem;
padding: 0;
border: 1px solid var(--psyseo-dark-border);
border-radius: 50%;
background: transparent;
color: #fff;
cursor: pointer;
}
.psyseo-menu-toggle > span:not(.screen-reader-text) { display: block; width: 1.2rem; height: 1px; margin: .35rem auto; background: currentColor; transition: transform .2s ease; }
.psyseo-menu-toggle[aria-expanded="true"] > span:nth-last-child(2) { transform: translateY(.175rem) rotate(45deg); }
.psyseo-menu-toggle[aria-expanded="true"] > span:last-child { transform: translateY(-.175rem) rotate(-45deg); }
.psyseo-mobile-navigation {
position: fixed;
inset: 0;
z-index: 990;
padding: calc(var(--psyseo-header-height) + 3rem) var(--psyseo-gutter) 3rem;
background: var(--psyseo-night);
color: #fff;
}
.admin-bar .psyseo-mobile-navigation { top: 32px; }
.psyseo-mobile-navigation nav { display: grid; min-height: calc(100dvh - var(--psyseo-header-height) - 6rem); align-content: center; }
.psyseo-mobile-menu { margin: 0; padding: 0; list-style: none; }
.psyseo-mobile-menu li { border-top: 1px solid var(--psyseo-dark-border); }
.psyseo-mobile-menu li:last-child { border-bottom: 1px solid var(--psyseo-dark-border); }
.psyseo-mobile-navigation .psyseo-mobile-menu a { display: flex; justify-content: space-between; padding: 1rem 0; color: #fff; font-family: Lora, Georgia, serif; font-size: clamp(1.7rem, 6vw, 3rem); line-height: 1.15; text-decoration: none; }
.psyseo-mobile-menu a::after { content: "→"; color: var(--psyseo-blue-light); }
.psyseo-mobile-menu .is-cta a { color: var(--psyseo-blue-light); } .psyseo-hero {
position: relative;
min-height: min(52rem, 100svh);
padding-top: var(--psyseo-header-height);
background: var(--psyseo-night);
color: #fff;
overflow: hidden;
}
.psyseo-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 76% 24%, rgba(120, 147, 240, .16), transparent 36%), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: auto, 10rem 100%; pointer-events: none; }
.psyseo-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(22rem, .72fr); align-items: end; gap: clamp(3rem, 6vw, 7rem); min-height: calc(min(52rem, 100svh) - var(--psyseo-header-height)); }
.psyseo-hero__copy { align-self: center; padding-block: clamp(4rem, 7vh, 6rem); }
.psyseo-hero__copy h1 { max-width: 12.5ch; margin-bottom: 1.75rem; color: #fff; }
.psyseo-hero__lead { max-width: 44rem; color: #c7ceda; font-size: clamp(1.06rem, 1.35vw, 1.2rem); }
.psyseo-hero__signals { display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; margin: 2.25rem 0 0; padding: 1.1rem 0 0; border-top: 1px solid var(--psyseo-dark-border); color: #aeb7c7; font-size: .7rem; font-weight: 650; letter-spacing: .08em; list-style: none; text-transform: uppercase; }
.psyseo-hero__portrait { position: relative; align-self: end; width: min(100%, 33rem); margin: 0 auto; }
.psyseo-hero__portrait::before { content: ""; position: absolute; inset: 15% -8% 0; background: linear-gradient(145deg, rgba(120,147,240,.28), rgba(49,87,200,.04)); border-radius: 50% 50% 0 0; filter: blur(1px); }
.psyseo-hero__portrait img { position: relative; width: 100%; max-height: 46rem; object-fit: contain; object-position: center bottom; filter: grayscale(1) contrast(1.03); }
.psyseo-hero__portrait figcaption { position: absolute; right: 0; bottom: 2rem; display: grid; padding: .8rem 1rem; background: rgba(11, 15, 23, .86); border: 1px solid var(--psyseo-dark-border); font-size: .78rem; font-weight: 650; line-height: 1.35; }
.psyseo-hero__portrait figcaption span { color: var(--psyseo-blue-light); font-size: .6rem; letter-spacing: .13em; text-transform: uppercase; }
.psyseo-page-hero { padding: calc(var(--psyseo-header-height) + clamp(4.5rem, 9vw, 8rem)) 0 clamp(5rem, 9vw, 8rem); }
.psyseo-page-hero--dark { background: var(--psyseo-night); color: #fff; }
.psyseo-page-hero--dark :is(h1, h2, h3, h4) { color: #fff; }
.psyseo-page-hero__inner { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(17rem, .62fr); gap: 3rem 7rem; align-items: end; }
.psyseo-page-hero__inner .psyseo-eyebrow { grid-column: 1 / -1; color: var(--psyseo-blue-light); margin-bottom: 0; }
.psyseo-page-hero__inner h1 { max-width: 12ch; margin: 0; }
.psyseo-page-hero__inner > p:last-of-type { margin-bottom: .4rem; color: #bcc3cf; font-size: 1.18rem; }
.psyseo-page-hero__inner .psyseo-actions { grid-column: 1 / -1; } .psyseo-card-grid { display: grid; gap: 1px; margin: 0; padding: 0; background: var(--psyseo-border); border: 1px solid var(--psyseo-border); list-style: none; }
.psyseo-card-grid--four { grid-template-columns: repeat(4, 1fr); }
.psyseo-card-grid--three { grid-template-columns: repeat(3, 1fr); }
.psyseo-card-grid > * { min-height: 16rem; padding: clamp(1.5rem, 3vw, 2.5rem); background: var(--psyseo-paper); }
.psyseo-card-grid span,
.psyseo-review-list > article > span,
.psyseo-layer-list > li > span,
.psyseo-process span,
.psyseo-principle-list span { color: var(--psyseo-blue); font-size: .68rem; font-weight: 750; letter-spacing: .13em; }
.psyseo-card-grid h3 { margin: 3.5rem 0 1rem; font-size: clamp(1.45rem, 2vw, 2rem); }
.psyseo-card-grid p { margin-bottom: 0; color: var(--psyseo-muted); }
.psyseo-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 3vw, 2.5rem); }
.psyseo-feature { display: flex; flex-direction: column; min-height: 28rem; padding: clamp(2rem, 4vw, 3.5rem); border: 1px solid var(--psyseo-border); }
.psyseo-feature h3 { max-width: 13ch; margin: auto 0 1.5rem; font-size: clamp(2.15rem, 3.35vw, 3.4rem); }
.psyseo-feature > p:not(.psyseo-eyebrow) { max-width: 37rem; color: var(--psyseo-muted); }
.psyseo-feature .psyseo-text-link { margin-top: 2rem; align-self: flex-start; }
.psyseo-feature--dark { background: var(--psyseo-panel); color: #fff; }
.psyseo-feature--dark h3 { color: #fff; }
.psyseo-feature--dark > p:not(.psyseo-eyebrow) { color: #b7bfce; }
.psyseo-research { background: #fff; }
.psyseo-research-list { border-top: 1px solid var(--psyseo-border); }
.psyseo-research-list article { display: grid; grid-template-columns: 10rem minmax(0, 1fr) minmax(15rem, .6fr) auto; gap: 2rem; align-items: start; padding: 2.5rem 0; border-bottom: 1px solid var(--psyseo-border); }
.psyseo-research-list h3 { margin: 0; font-size: clamp(1.55rem, 2.25vw, 2.35rem); }
.psyseo-research-list h3 a { text-decoration: none; }
.psyseo-research-list article > p { margin: .2rem 0 0; color: var(--psyseo-muted); }
.psyseo-research-list__meta { color: var(--psyseo-blue) !important; font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.psyseo-research-empty { max-width: 48rem; padding: clamp(2rem, 4vw, 3.5rem); background: var(--psyseo-tint); border-left: 4px solid var(--psyseo-blue); }
.psyseo-research-empty p:last-child { margin-bottom: 0; font-size: 1.1rem; }
.psyseo-closing { background: var(--psyseo-blue); color: #fff; }
.psyseo-closing__inner { text-align: center; }
.psyseo-closing .psyseo-eyebrow { color: #dbe2ff; }
.psyseo-closing h2 { max-width: 14ch; margin: 0 auto 2rem; color: #fff; }
.psyseo-closing p:not(.psyseo-eyebrow) { max-width: 43rem; margin: 0 auto 2rem; color: #e4e8f7; }
.psyseo-layer-list,
.psyseo-review-list { margin: 0; padding: 0; border-top: 1px solid currentColor; list-style: none; }
.psyseo-layer-list li,
.psyseo-review-list article { display: grid; grid-template-columns: 4rem minmax(0, 1fr); gap: 2rem; padding: 2.2rem 0; border-bottom: 1px solid currentColor; }
.psyseo-layer-list h3,
.psyseo-review-list h3 { margin-bottom: .6rem; }
.psyseo-layer-list p,
.psyseo-review-list p { max-width: 50rem; margin-bottom: 0; color: inherit; opacity: .76; }
.psyseo-check-list { margin: 0; padding: 0; list-style: none; }
.psyseo-check-list li { position: relative; padding-left: 2rem; }
.psyseo-check-list li::before { content: "✓"; position: absolute; left: 0; color: var(--psyseo-blue-light); font-weight: 800; }
.psyseo-check-list--negative li::before { content: "—"; color: var(--psyseo-blue); }
.psyseo-principle-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: var(--psyseo-border); border: 1px solid var(--psyseo-border); }
.psyseo-principle-list article { min-height: 13rem; padding: 1.5rem; background: var(--psyseo-paper); }
.psyseo-principle-list h3 { margin: 3rem 0 0; font-size: 1.35rem; }
.psyseo-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 0; padding: 0; background: var(--psyseo-border); border: 1px solid var(--psyseo-border); list-style: none; }
.psyseo-process li { min-height: 16rem; padding: 1.75rem; background: var(--psyseo-paper); }
.psyseo-process h3 { margin: 3rem 0 1rem; }
.psyseo-process p { color: var(--psyseo-muted); }
.psyseo-disclaimer { background: #fff; }
.psyseo-tag-list { display: flex; flex-wrap: wrap; gap: .75rem; }
.psyseo-tag-list span { padding: .7rem 1rem; border: 1px solid var(--psyseo-border); border-radius: 999px; background: #fff; font-size: .78rem; font-weight: 650; } .psyseo-profile-hero { padding-top: var(--psyseo-header-height); background: var(--psyseo-night); color: #fff; }
.psyseo-profile-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .55fr); gap: 5rem; align-items: end; min-height: 46rem; }
.psyseo-profile-hero__copy { align-self: center; padding-block: 5rem; }
.psyseo-profile-hero__copy h1 { max-width: 12ch; color: #fff; font-size: clamp(3.1rem, 5.2vw, 5.6rem); }
.psyseo-profile-hero__copy > p:not(.psyseo-eyebrow) { max-width: 46rem; color: #bdc4d0; font-size: 1.16rem; }
.psyseo-profile-hero__portrait { margin: 0; }
.psyseo-profile-hero__portrait img { width: 100%; max-height: 42rem; object-fit: contain; object-position: bottom; filter: grayscale(1); }
.psyseo-experience { padding-block: 2.25rem; border-bottom: 1px solid var(--psyseo-border); background: #fff; }
.psyseo-experience__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.psyseo-experience article { display: grid; gap: .2rem; padding: 1rem 2rem; border-right: 1px solid var(--psyseo-border); }
.psyseo-experience article:first-child { padding-left: 0; }
.psyseo-experience article:last-child { border-right: 0; }
.psyseo-experience strong { color: var(--psyseo-blue); font-family: Lora, Georgia, serif; font-size: 2.4rem; font-weight: 400; }
.psyseo-experience span { font-size: .78rem; font-weight: 650; letter-spacing: .04em; }
.psyseo-experience > .psyseo-shell > p { margin: 1rem 0 0; color: var(--psyseo-muted); font-size: .72rem; } .psyseo-page-main { padding: calc(var(--psyseo-header-height) + clamp(4rem, 8vw, 7rem)) 0 clamp(5rem, 9vw, 9rem); }
.psyseo-page-shell { width: min(100%, 72rem); margin-inline: auto; padding-inline: var(--psyseo-gutter); }
.psyseo-page-article__header { max-width: 59rem; margin-bottom: 4rem; padding-bottom: 3rem; border-bottom: 1px solid var(--psyseo-border); }
.psyseo-breadcrumb { display: flex; gap: .6rem; margin-bottom: 2rem; color: var(--psyseo-muted); font-size: .72rem; font-weight: 650; text-transform: uppercase; }
.psyseo-breadcrumb a { color: var(--psyseo-blue); }
.psyseo-page-article__header h1 { max-width: 13ch; margin-bottom: 1.5rem; }
.psyseo-page-article__dek { max-width: 45rem; color: var(--psyseo-muted); font-size: 1.15rem; }
.psyseo-page-article__meta { color: var(--psyseo-blue); font-size: .72rem; font-weight: 700; text-transform: uppercase; }
.psyseo-page-article > .psyseo-prose { margin-inline: auto; }
.psyseo-page-article > .psyseo-prose h2 { font-size: clamp(1.8rem, 3.2vw, 3rem); }
.psyseo-research-draft-notice { padding: 1rem 1.25rem; border: 2px solid #b42318; background: #fff2f0; color: #7a271a; }
.psyseo-research-page .psyseo-page-article__header { max-width: 68rem; }
.psyseo-research-page .psyseo-page-article__header h1 { max-width: 18ch; }
.psyseo-research-page .psyseo-page-article > .psyseo-prose { max-width: 60rem; }
.psyseo-research-page .psyseo-prose > :is(p, h2, h3, ul, ol:not(.psyseo-research-timeline):not(.psyseo-research-framework):not(.psyseo-research-references)) { max-width: var(--psyseo-reading); margin-inline: auto; }
.psyseo-research-scope,
.psyseo-source-note,
.psyseo-research-disclaimer { max-width: 54rem; margin-inline: auto; padding: clamp(1.35rem, 3vw, 2rem); border-left: 4px solid var(--psyseo-blue); background: color-mix(in srgb, var(--psyseo-tint) 64%, #fff); }
.psyseo-research-scope .psyseo-eyebrow { margin-bottom: .7rem; }
.psyseo-research-scope p:last-child,
.psyseo-source-note,
.psyseo-research-disclaimer p:last-child { margin-bottom: 0; }
.psyseo-research-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-block: 2.4rem; border: 1px solid var(--psyseo-border); background: #fff; }
.psyseo-research-facts > div { min-width: 0; padding: clamp(1.25rem, 2.5vw, 2rem); border-right: 1px solid var(--psyseo-border); }
.psyseo-research-facts > div:last-child { border-right: 0; }
.psyseo-research-facts dt { color: var(--psyseo-blue); font-family: Lora, Georgia, serif; font-size: clamp(1.9rem, 3.25vw, 3rem); line-height: 1; }
.psyseo-research-facts dd { margin: .75rem 0 0; color: var(--psyseo-muted); font-size: .76rem; font-weight: 650; letter-spacing: .025em; line-height: 1.5; }
.psyseo-table-wrap { max-width: 60rem; margin: 2.4rem auto; overflow-x: auto; border: 1px solid var(--psyseo-border); background: #fff; -webkit-overflow-scrolling: touch; }
.psyseo-table-wrap table { width: 100%; min-width: 46rem; margin: 0; border: 0; border-collapse: collapse; }
.psyseo-table-wrap th,
.psyseo-table-wrap td { padding: 1rem 1.15rem; border-right: 1px solid var(--psyseo-border); border-bottom: 1px solid var(--psyseo-border); text-align: left; vertical-align: top; }
.psyseo-table-wrap th:last-child,
.psyseo-table-wrap td:last-child { border-right: 0; }
.psyseo-table-wrap tbody tr:last-child td { border-bottom: 0; }
.psyseo-table-wrap th { background: var(--psyseo-tint); color: var(--psyseo-ink); font-size: .72rem; font-weight: 750; letter-spacing: .065em; text-transform: uppercase; }
.psyseo-table-wrap td { color: var(--psyseo-muted); font-size: .9rem; line-height: 1.65; }
.psyseo-research-page .psyseo-prose code { padding: .08em .3em; background: var(--psyseo-tint); color: var(--psyseo-ink); font-size: .88em; overflow-wrap: anywhere; }
.psyseo-research-timeline { max-width: 54rem; margin-inline: auto; padding: 0; list-style: none; counter-reset: timeline; }
.psyseo-research-timeline li { position: relative; padding: 0 0 2.1rem 3rem; counter-increment: timeline; }
.psyseo-research-timeline li::before { content: counter(timeline, decimal-leading-zero); position: absolute; top: .15rem; left: 0; color: var(--psyseo-blue); font-size: .7rem; font-weight: 750; letter-spacing: .08em; }
.psyseo-research-timeline li::after { content: ""; position: absolute; top: 1.45rem; bottom: 0; left: .52rem; width: 1px; background: var(--psyseo-border); }
.psyseo-research-timeline li:last-child { padding-bottom: 0; }
.psyseo-research-timeline li:last-child::after { display: none; }
.psyseo-research-intents { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--psyseo-border); background: #fff; }
.psyseo-research-intents section { min-width: 0; padding: clamp(1.4rem, 3vw, 2.2rem); border-right: 1px solid var(--psyseo-border); }
.psyseo-research-intents section:last-child { border-right: 0; }
.psyseo-research-intents .psyseo-eyebrow { margin-bottom: 1rem; }
.psyseo-research-intents h3 { margin: 0 0 1rem; font-size: clamp(1.25rem, 2vw, 1.7rem); overflow-wrap: anywhere; }
.psyseo-research-intents p:last-child { margin-bottom: 0; color: var(--psyseo-muted); font-size: .88rem; }
.psyseo-research-framework { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 60rem; margin-inline: auto; padding: 0; border: 1px solid var(--psyseo-border); background: #fff; list-style: none; }
.psyseo-research-framework li { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: 1rem; min-width: 0; padding: clamp(1.4rem, 3vw, 2.2rem); border-right: 1px solid var(--psyseo-border); border-bottom: 1px solid var(--psyseo-border); }
.psyseo-research-framework li:nth-child(2n) { border-right: 0; }
.psyseo-research-framework li:nth-last-child(-n + 2) { border-bottom: 0; }
.psyseo-research-framework li > span { color: var(--psyseo-blue); font-size: .7rem; font-weight: 750; letter-spacing: .08em; }
.psyseo-research-framework h3 { margin: 0 0 .7rem; font-size: clamp(1.3rem, 2vw, 1.8rem); }
.psyseo-research-framework p { margin: 0; color: var(--psyseo-muted); font-size: .9rem; }
.psyseo-research-references { max-width: 54rem; margin-inline: auto; padding-left: 1.4em; font-size: .92rem; }
.psyseo-research-references li { padding-left: .35rem; overflow-wrap: anywhere; }
.psyseo-research-references a { word-break: break-word; }
.psyseo-research-author { max-width: 54rem; margin-inline: auto; padding: clamp(2rem, 4vw, 3.5rem); background: var(--psyseo-night); color: #c8cfda; }
.psyseo-research-author h2 { margin-top: 0 !important; color: #fff; }
.psyseo-research-author .psyseo-eyebrow { color: var(--psyseo-blue-light); }
.psyseo-research-page .psyseo-prose .psyseo-research-author a { color: #fff; }
.psyseo-research-disclaimer { border-color: var(--psyseo-ink); background: #fff; font-size: .9rem; } .psyseo-inquiry__grid { display: grid; grid-template-columns: minmax(17rem, .55fr) minmax(0, 1fr); gap: clamp(3rem, 8vw, 8rem); }
.psyseo-inquiry__grid header h2 { max-width: 10ch; }
.psyseo-inquiry__grid header > p:last-child { max-width: 28rem; color: var(--psyseo-muted); }
.psyseo-inquiry-form { position: relative; display: grid; gap: 1.25rem; }
.psyseo-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.psyseo-form-field { display: grid; gap: .5rem; }
.psyseo-form-field label { font-size: .72rem; font-weight: 700; letter-spacing: .05em; }
.psyseo-form-field input,
.psyseo-form-field textarea { width: 100%; border: 1px solid var(--psyseo-border); border-radius: 0; background: #fff; color: var(--psyseo-ink); padding: .85rem 1rem; }
.psyseo-form-field input:focus,
.psyseo-form-field textarea:focus { border-color: var(--psyseo-blue); outline: 2px solid color-mix(in srgb, var(--psyseo-blue) 25%, transparent); }
.psyseo-form-privacy { color: var(--psyseo-muted); font-size: .8rem; }
.psyseo-form-privacy a { color: var(--psyseo-blue); }
.psyseo-inquiry-form .psyseo-button { justify-self: start; }
.psyseo-honeypot { position: absolute !important; left: -9999px !important; }
.psyseo-inquiry-status { margin-bottom: 1.5rem; padding: 1rem; border-left: 4px solid var(--psyseo-blue); background: var(--psyseo-tint); }
.psyseo-inquiry-status--error { border-color: #b42318; background: #fff2f0; } .psyseo-footer { background: var(--psyseo-night); color: #fff; }
.psyseo-footer-cta { padding-block: clamp(4rem, 8vw, 7rem); background: var(--psyseo-blue); }
.psyseo-footer-cta__grid { display: grid; grid-template-columns: 1fr minmax(18rem, .55fr); gap: 5rem; align-items: end; }
.psyseo-footer-cta h2 { max-width: 13ch; margin-bottom: 0; color: #fff; }
.psyseo-footer-cta .psyseo-eyebrow { color: #dbe2ff; }
.psyseo-footer-cta p:not(.psyseo-eyebrow) { color: #e4e8f7; }
.psyseo-footer__main { padding-top: clamp(4rem, 8vw, 6rem); }
.psyseo-footer__grid { display: grid; grid-template-columns: 1.35fr repeat(3, .65fr); gap: clamp(2.5rem, 5vw, 5rem); }
.psyseo-footer__brand > p { max-width: 24rem; margin-top: 1.75rem; color: #aeb7c7; }
.psyseo-footer__nav { display: grid; align-content: start; gap: .7rem; }
.psyseo-footer__nav > p { margin-bottom: .65rem; color: var(--psyseo-blue-light); font-size: .65rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.psyseo-footer__nav a,
.psyseo-footer__nav button { width: fit-content; padding: 0; border: 0; background: transparent; color: #c3c9d4; font-size: .82rem; text-align: left; text-decoration: none; cursor: pointer; }
.psyseo-footer__nav a:hover,
.psyseo-footer__nav button:hover { color: #fff; }
.psyseo-footer__bottom { display: flex; justify-content: space-between; gap: 2rem; margin-top: 4rem; padding-block: 1.5rem; border-top: 1px solid var(--psyseo-dark-border); color: #828b9b; font-size: .68rem; letter-spacing: .05em; }
.psyseo-footer__bottom p { margin: 0; }
.psyseo-footer :is(h1, h2, h3, h4) { color: #fff; } .psyseo-cookie-banner { position: fixed; right: 1rem; bottom: 1rem; z-index: 4000; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; width: min(calc(100% - 2rem), 48rem); padding: 1rem; border: 1px solid var(--psyseo-dark-border); background: var(--psyseo-panel); color: #fff; box-shadow: 0 1.5rem 4rem rgba(0,0,0,.3); }
.psyseo-cookie-banner p { margin: 0; color: #c2c8d3; font-size: .82rem; }
.psyseo-consent-eyebrow { color: var(--psyseo-blue-light) !important; font-size: .66rem !important; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.psyseo-cookie-banner-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.psyseo-consent-button,
.psyseo-consent-manage { min-height: 2.65rem; padding: .6rem .8rem; border: 1px solid var(--psyseo-dark-border); background: transparent; color: #fff; font-size: .72rem; font-weight: 700; cursor: pointer; }
.psyseo-consent-button-primary { border-color: var(--psyseo-blue-light); background: var(--psyseo-blue-light); color: var(--psyseo-night); }
.psyseo-consent-manage { border-color: transparent; color: #b2bac8; text-decoration: underline; }
.psyseo-consent-dialog { position: fixed; inset: 0; z-index: 4100; }
.psyseo-consent-dialog[hidden] { display: none; }
.psyseo-consent-backdrop { position: absolute; inset: 0; background: rgba(4,7,12,.78); backdrop-filter: blur(5px); }
.psyseo-consent-panel { position: absolute; top: 50%; left: 50%; width: min(calc(100% - 2rem), 42rem); max-height: calc(100dvh - 2rem); overflow: auto; transform: translate(-50%,-50%); border: 1px solid var(--psyseo-dark-border); background: var(--psyseo-panel); color: #fff; }
.psyseo-consent-header { display: flex; justify-content: space-between; gap: 1rem; padding: 1.5rem; border-bottom: 1px solid var(--psyseo-dark-border); }
.psyseo-consent-header h2 { margin: 0; color: #fff; font-size: 2rem; }
.psyseo-consent-close { width: 2.5rem; height: 2.5rem; border: 1px solid var(--psyseo-dark-border); border-radius: 50%; background: transparent; color: #fff; font-size: 1.3rem; cursor: pointer; }
.psyseo-consent-body { padding: 1.5rem; color: #bec5d1; }
.psyseo-consent-gpc { padding: .8rem; border-left: 3px solid var(--psyseo-blue-light); background: rgba(120,147,240,.1); }
.psyseo-consent-categories { display: grid; gap: .7rem; margin: 1.5rem 0; padding: 0; border: 0; }
.psyseo-consent-category { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid var(--psyseo-dark-border); }
.psyseo-consent-category > div,
.psyseo-consent-category > span:first-child { display: grid; }
.psyseo-consent-category strong { color: #fff; }
.psyseo-consent-category > span:first-child > span { font-size: .78rem; }
.psyseo-consent-required { color: var(--psyseo-blue-light); font-size: .68rem; text-transform: uppercase; }
.psyseo-consent-switch { position: relative; flex: 0 0 auto; width: 3rem; height: 1.65rem; }
.psyseo-consent-switch input { position: absolute; opacity: 0; }
.psyseo-consent-switch > span { position: absolute; inset: 0; border-radius: 1rem; background: #3b4350; }
.psyseo-consent-switch > span::after { content: ""; position: absolute; top: .2rem; left: .2rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #fff; transition: transform .2s ease; }
.psyseo-consent-switch input:checked + span { background: var(--psyseo-blue-light); }
.psyseo-consent-switch input:checked + span::after { transform: translateX(1.35rem); background: var(--psyseo-night); }
.psyseo-consent-details { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--psyseo-dark-border); }
.psyseo-consent-details summary { color: #fff; cursor: pointer; }
.psyseo-consent-links { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.2rem; }
.psyseo-consent-links a { color: var(--psyseo-blue-light); }
.psyseo-consent-footer { display: flex; justify-content: flex-end; gap: .7rem; padding: 1.25rem 1.5rem; border-top: 1px solid var(--psyseo-dark-border); }
.psyseo-consent-noscript { margin: 0; padding: .8rem; background: var(--psyseo-panel); color: #fff; text-align: center; } .psyseo-empty-state { max-width: 55rem; }
.psyseo-empty-state h1 { margin-bottom: 1.5rem; }
.psyseo-empty-state p { color: var(--psyseo-muted); }
.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(1rem); transition: opacity .7s ease, transform .7s ease; }
.js .reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 1220px) {
.psyseo-header__inner { grid-template-columns: minmax(11rem, 1fr) auto minmax(11rem, 1fr); gap: 1rem; }
.psyseo-menu { gap: 1rem; }
.psyseo-menu a { font-size: .72rem; }
}
@media (max-width: 1023px) {
:root { --psyseo-header-height: 5.5rem; }
.admin-bar .psyseo-header,
.admin-bar .psyseo-mobile-navigation { top: 46px; }
.psyseo-header__inner { display: flex; justify-content: space-between; }
.psyseo-navigation,
.psyseo-header__consult { display: none; }
.psyseo-menu-toggle { display: block; }
.psyseo-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem); gap: 1.5rem; min-height: 48rem; }
.psyseo-hero__copy { position: relative; z-index: 2; }
.psyseo-hero__portrait { margin-right: -2rem; opacity: .72; }
.psyseo-hero__portrait figcaption { display: none; }
.psyseo-card-grid--four { grid-template-columns: repeat(2, 1fr); }
.psyseo-principle-list { grid-template-columns: repeat(3, 1fr); }
.psyseo-research-list article { grid-template-columns: 8rem minmax(0, 1fr); }
.psyseo-research-list article > p:not(.psyseo-research-list__meta),
.psyseo-research-list article > .psyseo-text-link { grid-column: 2; }
.psyseo-profile-hero__grid { grid-template-columns: minmax(0, 1fr) 16rem; gap: 2rem; min-height: 42rem; }
.psyseo-footer__grid { grid-template-columns: 1.2fr repeat(2, 1fr); }
.psyseo-footer__nav:last-child { grid-column: 2; }
}
@media (max-width: 767px) {
.admin-bar .psyseo-header,
.admin-bar .psyseo-mobile-navigation { top: 46px; }
.psyseo-section { padding-block: 4.75rem; }
.psyseo-split,
.psyseo-section-head,
.psyseo-page-hero__inner,
.psyseo-inquiry__grid,
.psyseo-footer-cta__grid { grid-template-columns: 1fr; gap: 2rem; }
.psyseo-split h2,
.psyseo-section-head h2 { max-width: 14ch; }
.psyseo-page-hero__inner .psyseo-eyebrow,
.psyseo-page-hero__inner .psyseo-actions { grid-column: auto; }
.psyseo-research-page .psyseo-page-article__header h1 { font-size: clamp(2.55rem, 11.5vw, 3.25rem); }
.psyseo-hero { min-height: auto; }
.psyseo-hero__grid { display: block; min-height: 47rem; padding-top: 3.5rem; }
.psyseo-hero__copy { padding-block: 3rem 16rem; }
.psyseo-hero__copy h1 { max-width: 10ch; font-size: clamp(3rem, 14vw, 4.8rem); }
.psyseo-hero__portrait { position: absolute; right: -3rem; bottom: 4rem; z-index: 1; width: 20rem; margin: 0; opacity: .62; pointer-events: none; }
.psyseo-hero__portrait::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--psyseo-night), transparent 50%); }
.psyseo-hero__signals { position: relative; z-index: 2; }
.psyseo-card-grid--four,
.psyseo-card-grid--three,
.psyseo-feature-grid,
.psyseo-process,
.psyseo-principle-list,
.psyseo-experience__grid,
.psyseo-form-grid { grid-template-columns: 1fr; }
.psyseo-card-grid > *,
.psyseo-process li,
.psyseo-principle-list article { min-height: auto; }
.psyseo-card-grid h3,
.psyseo-process h3,
.psyseo-principle-list h3 { margin-top: 2rem; }
.psyseo-feature { min-height: 25rem; }
.psyseo-layer-list li,
.psyseo-review-list article { grid-template-columns: 2.5rem minmax(0, 1fr); gap: 1rem; }
.psyseo-profile-hero__grid { display: block; min-height: auto; padding-top: 3rem; }
.psyseo-profile-hero__copy { position: relative; z-index: 2; padding-block: 3rem 0; }
.psyseo-profile-hero__portrait { width: min(80%, 22rem); margin: -2rem -2rem 0 auto; opacity: .7; }
.psyseo-experience article { padding: 1rem 0; border-right: 0; border-bottom: 1px solid var(--psyseo-border); }
.psyseo-experience article:last-child { border-bottom: 0; }
.psyseo-research-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.psyseo-research-facts > div { border-bottom: 1px solid var(--psyseo-border); }
.psyseo-research-facts > div:nth-child(2n) { border-right: 0; }
.psyseo-research-facts > div:nth-last-child(-n + 2) { border-bottom: 0; }
.psyseo-research-intents,
.psyseo-research-framework { grid-template-columns: 1fr; }
.psyseo-research-intents section { border-right: 0; border-bottom: 1px solid var(--psyseo-border); }
.psyseo-research-intents section:last-child { border-bottom: 0; }
.psyseo-research-framework li,
.psyseo-research-framework li:nth-child(2n) { border-right: 0; border-bottom: 1px solid var(--psyseo-border); }
.psyseo-research-framework li:nth-last-child(2) { border-bottom: 1px solid var(--psyseo-border); }
.psyseo-research-framework li:last-child { border-bottom: 0; }
.psyseo-footer__grid { grid-template-columns: 1fr 1fr; }
.psyseo-footer__brand { grid-column: 1 / -1; }
.psyseo-footer__nav:last-child { grid-column: auto; }
.psyseo-footer__bottom { flex-direction: column; }
.psyseo-cookie-banner { grid-template-columns: 1fr; }
.psyseo-cookie-banner-actions { justify-content: flex-start; }
}
@media (max-width: 480px) {
:root { --psyseo-gutter: 1.1rem; }
.psyseo-wordmark-primary { font-size: .73rem; }
.psyseo-wordmark-relationship { font-size: .46rem; }
.psyseo-actions { align-items: stretch; flex-direction: column; }
.psyseo-button { width: 100%; }
.psyseo-text-link { width: fit-content; }
.psyseo-research-list article { display: block; }
.psyseo-research-list article > * + * { margin-top: 1rem; }
.psyseo-research-facts { grid-template-columns: 1fr; }
.psyseo-research-facts > div,
.psyseo-research-facts > div:nth-child(2n) { border-right: 0; border-bottom: 1px solid var(--psyseo-border); }
.psyseo-research-facts > div:nth-last-child(2) { border-bottom: 1px solid var(--psyseo-border); }
.psyseo-research-facts > div:last-child { border-bottom: 0; }
.psyseo-research-scope,
.psyseo-source-note,
.psyseo-research-disclaimer,
.psyseo-research-author { padding: 1.25rem; }
.psyseo-research-timeline li { padding-left: 2.25rem; }
.psyseo-footer__grid { grid-template-columns: 1fr; }
.psyseo-footer__brand { grid-column: auto; }
.psyseo-consent-footer { flex-direction: column-reverse; }
.psyseo-consent-footer button,
.psyseo-cookie-banner-actions button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*,
*::before,
*::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
.js .reveal { opacity: 1; transform: none; }
}