/* =========================================================
   BLOCKBUSTER — SITEWIDE NAVY NEUMORPHISM
   Inner pages, archive, posts, magazine modules, and footer.
   ========================================================= */

:root {
	--bb-grad-a: #35c6ff;
	--bb-grad-b: #2f6bff;
	--bb-grad-c: #7085ff;
	--bb-grad: linear-gradient(135deg, #35c6ff 0%, #2f6bff 100%);
	--bb-grad-h: linear-gradient(90deg, #35c6ff 0%, #2f6bff 100%);
	--bb-accent: #35c6ff;
	--bb-bg: #171f2f;
	--bb-surface: #202b3d;
	--bb-glass: #171f2f;
	--bb-soft: #263348;
	--bb-ink: #ffffff;
	--bb-muted: #aeb7c8;
	--bb-line: rgba(51, 65, 87, 0.54);
	--bb-dark: #141b29;
	--bb-shadow-sm: -5px -5px 14px rgba(58, 74, 103, 0.16), 7px 8px 18px rgba(7, 12, 22, 0.38);
	--bb-shadow-md: -8px -8px 20px rgba(58, 74, 103, 0.18), 10px 12px 26px rgba(7, 12, 22, 0.44);
	--bb-shadow-lg: -11px -11px 28px rgba(58, 74, 103, 0.19), 14px 16px 34px rgba(7, 12, 22, 0.48);
	--bb-shadow-card: var(--bb-shadow-sm);
	--bb-shadow-hover: var(--bb-shadow-md);
	--bb-r-sm: 14px;
	--bb-r-md: 20px;
	--bb-r-lg: 28px;
}

body:not(.bb-portfolio-front) {
	background: var(--bbp-outer);
	color: var(--bbp-white);
	font-family: var(--bbp-font);
	overflow-x: hidden;
}

body:not(.bb-portfolio-front) .bb-site-header,
body:not(.bb-portfolio-front) .bb-site-main,
body:not(.bb-portfolio-front) .bb-site-footer {
	margin-inline: auto;
	max-width: 1680px;
}

body:not(.bb-portfolio-front) .bb-site-main {
	background: var(--bbp-base-2);
	box-shadow: 0 26px 64px rgba(20, 27, 41, 0.25);
	color: var(--bbp-white);
	min-height: 56vh;
}

body:not(.bb-portfolio-front) .bb-site-main > .bb-narrow {
	padding-bottom: clamp(68px, 8vw, 108px);
	padding-top: clamp(48px, 6vw, 78px);
}

body:not(.bb-portfolio-front) :focus-visible {
	box-shadow: none;
	outline: 3px solid var(--bbp-accent);
	outline-offset: 4px;
}

body:not(.bb-portfolio-front) button,
body:not(.bb-portfolio-front) input,
body:not(.bb-portfolio-front) textarea,
body:not(.bb-portfolio-front) select {
	font-family: var(--bbp-font);
}

/* Header and navigation */
.bb-site-header {
	background: var(--bbp-base-2);
	box-shadow: 0 12px 30px rgba(7, 12, 22, 0.4);
	color: var(--bbp-white);
	position: relative;
	z-index: 120;
}

.bb-topbar {
	background: var(--bbp-base);
	box-shadow: inset 0 -1px 0 var(--bbp-divider);
	color: var(--bbp-muted);
}

.bb-topbar a,
.bb-topbar p {
	color: var(--bbp-muted);
}

.bb-topbar a:hover,
.bb-topbar a:focus {
	color: var(--bbp-accent);
}

.bb-brand-row {
	background: var(--bbp-base-2);
	min-height: 104px;
}

.bb-site-title {
	font-family: var(--bbp-font);
	font-size: clamp(34px, 4vw, 48px);
	font-weight: 750;
	letter-spacing: -0.045em;
}

.bb-site-title a,
.bb-footer-brand a {
	background: var(--bbp-blue-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.bb-site-description {
	color: var(--bbp-muted);
	font-family: var(--bbp-mono);
	font-size: 9px;
	letter-spacing: 0.08em;
}

.bb-nav-row {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: var(--bbp-base-2);
	border: 0;
	box-shadow: inset 0 1px 0 var(--bbp-divider), 0 9px 20px rgba(7, 12, 22, 0.28);
}

.bb-nav-row::after,
.bb-menu a::after {
	background: var(--bbp-blue-gradient);
}

.bb-menu a {
	color: var(--bbp-muted-bright);
	font-size: 11px;
	font-weight: 680;
	letter-spacing: 0.055em;
}

.bb-menu a:hover,
.bb-menu a:focus,
.bb-menu .current-menu-item > a,
.bb-menu .current_page_item > a,
.home .bb-menu > li:first-child > a {
	color: var(--bbp-white);
}

.bb-menu-icon span {
	background: var(--bbp-white);
}

.search-field,
.comment-form input:not([type="checkbox"]),
.comment-form textarea,
.bb-entry-content input:not([type="submit"]),
.bb-entry-content textarea,
.bb-entry-content select {
	background: var(--bbp-card-2);
	border: 0;
	box-shadow: var(--bbp-shadow-inset);
	color: var(--bbp-white);
}

.search-field::placeholder,
.comment-form input::placeholder,
.comment-form textarea::placeholder {
	color: var(--bbp-muted);
}

.search-field:focus,
.comment-form input:focus,
.comment-form textarea:focus {
	background: var(--bbp-card-2);
	border-color: transparent;
	outline: 2px solid var(--bbp-accent);
	outline-offset: 2px;
}

.search-submit,
.form-submit .submit,
.bb-entry-content input[type="submit"],
.bb-entry-content button {
	background: var(--bbp-blue-gradient);
	border: 0;
	box-shadow: var(--bbp-shadow-soft);
	color: var(--bbp-white);
}

/* Shared content surfaces */
.bb-layout {
	gap: clamp(30px, 4vw, 48px);
	padding-bottom: clamp(68px, 8vw, 108px);
	padding-top: clamp(48px, 6vw, 78px);
}

.bb-page-panel,
.bb-archive-header,
.bb-comments,
.comments-area,
.bb-sidebar-widget,
.widget {
	background: var(--bbp-card);
	border: 0;
	border-radius: var(--bbp-radius-lg);
	box-shadow: var(--bbp-shadow-raised);
	color: var(--bbp-muted-bright);
	padding: clamp(24px, 3vw, 38px);
}

.bb-page-panel h1,
.bb-archive-header h1,
.bb-single-header h1 {
	color: var(--bbp-white);
	font-family: var(--bbp-font);
	font-size: clamp(34px, 4vw, 48px);
	font-weight: 740;
	letter-spacing: -0.045em;
	line-height: 1.05;
	margin: 0;
}

.bb-archive-header {
	margin-bottom: clamp(28px, 4vw, 42px);
	overflow: hidden;
	position: relative;
}

.bb-archive-header::before {
	background: var(--bbp-blue-gradient);
	border-radius: 999px;
	content: "";
	height: 5px;
	left: clamp(24px, 3vw, 38px);
	position: absolute;
	top: 0;
	width: 78px;
}

.bb-archive-header > p,
.bb-archive-description,
.bb-writing-archive-header > p:last-child {
	color: var(--bbp-muted-bright);
	font-size: 16px;
	line-height: 1.7;
	margin: 18px 0 0;
	max-width: 680px;
}

.bb-neo-eyebrow,
.bb-archive-header .bb-neo-eyebrow {
	color: var(--bbp-accent);
	font-family: var(--bbp-mono);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.09em;
	margin: 0 0 18px;
	text-transform: uppercase;
}

.bb-archive-header .search-form {
	margin-top: 24px;
	max-width: 560px;
}

.bb-content-stack > .bb-card-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bb-layout.no-sidebar .bb-content-stack > .bb-card-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bb-story-card,
.bb-mag-card,
.bb-sp-related-card {
	background: var(--bbp-card);
	border-radius: var(--bbp-radius-md);
	box-shadow: var(--bbp-shadow-raised);
	color: var(--bbp-white);
}

.bb-story-card:hover,
.bb-mag-card:hover,
.bb-sp-related-card:hover {
	box-shadow: var(--bbp-shadow-raised);
	transform: translateY(-3px);
}

.bb-story-image,
.bb-mag-card > .bb-item-media,
.bb-sp-related-thumb {
	background: var(--bbp-card-2);
	box-shadow: var(--bbp-shadow-inset);
}

.bb-story-image img,
.bb-mag-card > .bb-item-media img,
.bb-sp-related-thumb img {
	filter: saturate(0.8) contrast(0.96);
}

.bb-story-content {
	padding: 22px;
}

.bb-story-content h3 {
	color: var(--bbp-white);
	font-size: clamp(20px, 2vw, 27px);
	font-weight: 680;
	letter-spacing: -0.025em;
	line-height: 1.2;
	margin: 12px 0 10px;
}

.bb-story-content p,
.bb-mag-body p,
.bb-news-body p,
.bb-post-meta,
.bb-item-meta {
	color: var(--bbp-muted);
}

.bb-category-pill,
.bb-kicker,
.bb-item-category {
	background: var(--bbp-blue-gradient);
	border-radius: 999px;
	color: var(--bbp-white);
	font-size: 9px;
	font-weight: 700;
	padding: 6px 10px;
}

.bb-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 38px;
}

.bb-pagination .page-numbers,
.page-links a,
.page-links > span {
	background: var(--bbp-card);
	border: 0;
	border-radius: 12px;
	box-shadow: var(--bbp-shadow-soft);
	color: var(--bbp-muted-bright);
	display: inline-flex;
	min-height: 42px;
	min-width: 42px;
	padding: 9px 13px;
}

.bb-pagination .current,
.bb-pagination a:hover,
.bb-pagination a:focus {
	background: var(--bbp-blue-gradient);
	color: var(--bbp-white);
}

/* Sidebar */
.bb-sidebar {
	gap: 30px;
}

.bb-sidebar-widget h2,
.widget-title,
.widgettitle {
	color: var(--bbp-white);
	font-family: var(--bbp-font);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.015em;
}

.bb-sidebar-widget h2::after,
.widget-title::after {
	background: var(--bbp-blue-gradient);
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget li {
	box-shadow: inset 0 -1px 0 var(--bbp-divider);
	padding: 10px 0;
}

.widget a,
.bb-sidebar-cats a,
.bb-popular-list a {
	color: var(--bbp-muted-bright);
}

.widget a:hover,
.bb-sidebar-cats a:hover,
.bb-popular-list a:hover {
	color: var(--bbp-accent);
}

.bb-social-links a,
.bb-social-facebook,
.bb-social-twitter,
.bb-social-instagram,
.bb-social-pinterest,
.bb-social-youtube,
.bb-social-tiktok {
	background: var(--bbp-blue-gradient);
	box-shadow: var(--bbp-shadow-soft);
}

.bb-newsletter {
	background: var(--bbp-card) !important;
	box-shadow: var(--bbp-shadow-raised) !important;
	color: var(--bbp-white);
}

.bb-newsletter input[type="email"],
.bb-newsletter input[type="text"] {
	background: var(--bbp-card-2);
	border: 0;
	box-shadow: var(--bbp-shadow-inset);
}

.bb-newsletter button {
	background: var(--bbp-blue-gradient);
	border: 0;
	box-shadow: var(--bbp-shadow-soft);
}

/* Magazine layout, when enabled */
.bb-home-main {
	background: var(--bbp-base-2);
	color: var(--bbp-white);
	padding-bottom: 84px;
}

.bb-feature-area {
	margin-top: 34px;
}

.bb-feature-grid {
	gap: 18px;
}

.bb-feature-card,
.bb-feature-card.bb-feature-title-below {
	background: var(--bbp-card);
	border-radius: var(--bbp-radius-md);
	box-shadow: var(--bbp-shadow-raised);
	padding: 12px;
}

.bb-feature-card > .bb-item-media,
.bb-feature-card.bb-feature-title-below > .bb-item-media {
	border-radius: 14px;
	box-shadow: var(--bbp-shadow-inset);
	overflow: hidden;
}

.bb-feature-card > .bb-item-media::after,
.bb-item-media.bb-has-title-overlay::after {
	background: linear-gradient(180deg, rgba(20, 27, 41, 0.04) 20%, rgba(20, 27, 41, 0.9) 100%);
}

.bb-feature-grid--title-below .bb-feature-content,
.bb-feature-card.bb-feature-title-below .bb-feature-content {
	background: var(--bbp-card);
	color: var(--bbp-white);
}

.bb-feature-content h2,
.bb-feature-content h3 {
	font-family: var(--bbp-font);
	font-size: clamp(23px, 2.6vw, 32px);
	font-weight: 700;
	letter-spacing: -0.035em;
}

.bb-feature-small .bb-feature-content h2 {
	font-size: 18px;
}

.bb-highlights {
	border: 0;
	box-shadow: inset 0 1px 0 var(--bbp-divider), inset 0 -1px 0 var(--bbp-divider);
}

.bb-highlights h2,
.bb-module-title h2 {
	background: var(--bbp-blue-gradient);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.bb-highlight-list a,
.bb-mag-body h3,
.bb-news-body h3 {
	color: var(--bbp-white);
}

.bb-category-tiles {
	gap: 14px;
}

.bb-category-tile {
	background: var(--bbp-card);
	border-radius: var(--bbp-radius-sm);
	box-shadow: var(--bbp-shadow-soft);
	color: var(--bbp-white);
}

.bb-category-tile::before {
	background: var(--bbp-blue-gradient);
	opacity: 0.14;
}

.bb-category-tile:hover::before,
.bb-category-tile:focus::before {
	opacity: 0.28;
}

.bb-module-title::before,
.bb-module-title::after,
.bb-grid-list-tail,
.bb-news-large {
	background: var(--bbp-divider);
	border-color: transparent;
}

.bb-dark-module {
	background: var(--bbp-card);
	border-radius: var(--bbp-radius-lg);
	box-shadow: var(--bbp-shadow-raised);
}

.bb-news-item {
	background: var(--bbp-card);
	border-radius: var(--bbp-radius-md);
	box-shadow: var(--bbp-shadow-soft);
	padding: 12px;
}

.bb-news-thumb,
.bb-compact-thumb {
	background: var(--bbp-card-2);
	border-radius: 12px;
	box-shadow: var(--bbp-shadow-inset);
}

/* Single articles */
.bb-sp {
	background: var(--bbp-base-2);
	color: var(--bbp-muted-bright);
}

.bb-sp-header-above,
.bb-sp-header-below {
	padding-bottom: clamp(26px, 4vw, 40px);
	padding-top: clamp(34px, 5vw, 58px);
}

.bb-sp-title,
.bb-sp-title--sm,
.bb-sp-title--md,
.bb-sp-title--lg,
.bb-sp-title--xl,
.bb-sp-title--xxl,
.bb-sp--layout-6 .bb-sp-title,
.bb-sp--layout-18 .bb-sp-title,
.bb-sp--layout-20 .bb-sp-title {
	color: var(--bbp-white);
	font-family: var(--bbp-font);
	font-size: clamp(34px, 5vw, 56px);
	font-weight: 760;
	letter-spacing: -0.048em;
	line-height: 1.04;
}

.bb-sp-subtitle,
.bb-sp-meta,
.bb-sp-author-desc,
.bb-sp-related-body time {
	color: var(--bbp-muted);
}

.bb-sp-readtime,
.bb-tags a {
	background: var(--bbp-card-2);
	border: 0;
	box-shadow: var(--bbp-shadow-inset);
	color: var(--bbp-muted-bright);
}

.bb-sp-hero--contained,
.bb-sp--layout-16 .bb-sp-center {
	background: var(--bbp-card);
	border: 0;
	border-radius: var(--bbp-radius-lg);
	box-shadow: var(--bbp-shadow-raised);
	padding: 12px;
}

.bb-sp-hero--contained .bb-sp-hero-img,
.bb-sp--layout-16 .bb-sp-hero-img {
	border-radius: var(--bbp-radius-md);
}

.bb-sp--layout-11 .bb-sp-header-above,
.bb-sp--layout-17 .bb-sp-header-above {
	background: var(--bbp-base-3);
	box-shadow: inset 0 -1px 0 var(--bbp-divider);
}

.bb-sp-parallax::after,
.bb-sp-hero-overlay-text {
	background: linear-gradient(180deg, rgba(20, 27, 41, 0.08) 10%, rgba(20, 27, 41, 0.92) 100%);
}

.bb-sp--layout-20 .bb-entry-content {
	font-family: var(--bbp-font);
	font-size: 18px;
	line-height: 1.82;
}

.bb-entry-content {
	color: var(--bbp-muted-bright);
	font-family: var(--bbp-font);
	font-size: clamp(17px, 1.4vw, 18px);
}

.bb-entry-content h1,
.bb-entry-content h2,
.bb-entry-content h3,
.bb-entry-content h4,
.bb-entry-content h5,
.bb-entry-content h6 {
	color: var(--bbp-white);
	font-family: var(--bbp-font);
	font-weight: 720;
	letter-spacing: -0.025em;
}

.bb-entry-content h2 { font-size: clamp(26px, 3vw, 34px); }
.bb-entry-content h3 { font-size: clamp(22px, 2.4vw, 28px); }
.bb-entry-content h4 { font-size: clamp(19px, 2vw, 23px); }

.bb-entry-content a {
	background: none;
	color: var(--bbp-accent);
	text-decoration: underline;
	text-decoration-color: rgba(53, 198, 255, 0.4);
	text-underline-offset: 4px;
}

.bb-entry-content a:hover,
.bb-entry-content a:focus {
	background: none;
	color: var(--bbp-white);
}

.bb-entry-content blockquote,
.bb-entry-content code,
.bb-entry-content pre {
	background: var(--bbp-card-2);
	border: 0;
	border-radius: var(--bbp-radius-sm);
	box-shadow: var(--bbp-shadow-inset);
	color: var(--bbp-white);
}

.bb-entry-content blockquote {
	border-left: 4px solid var(--bbp-accent);
}

.bb-entry-content img,
.bb-featured-image img {
	border-radius: var(--bbp-radius-md);
	box-shadow: var(--bbp-shadow-soft);
}

.bb-entry-content hr {
	background: var(--bbp-blue-gradient);
}

.bb-entry-content th {
	background: var(--bbp-blue-gradient);
	color: var(--bbp-white);
}

.bb-entry-content td {
	border-color: var(--bbp-divider);
}

.bb-sp-footer {
	border-color: var(--bbp-divider);
}

.bb-sp-author,
.bb-post-navigation a,
.bb-comments,
.comments-area {
	background: var(--bbp-card);
	border: 0;
	border-radius: var(--bbp-radius-md);
	box-shadow: var(--bbp-shadow-raised);
}

.bb-sp-author-name,
.bb-sp-related-body h3,
.comments-title,
.comment-reply-title {
	color: var(--bbp-white);
}

.bb-post-navigation a {
	color: var(--bbp-muted-bright);
}

.bb-post-navigation a:hover,
.bb-post-navigation a:focus {
	color: var(--bbp-accent);
}

.bb-sp-related {
	background: var(--bbp-base-3);
	box-shadow: inset 0 1px 0 var(--bbp-divider);
}

.bb-sp-related-title {
	color: var(--bbp-white);
}

.bb-sp-related-cat {
	color: var(--bbp-accent);
}

/* About and Contact */
.bb-neo-page {
	padding-block: clamp(62px, 8vw, 112px);
}

.bb-neo-page-shell {
	margin-inline: auto;
	max-width: 1180px;
}

.bb-neo-page-hero {
	margin-bottom: clamp(48px, 7vw, 86px);
	max-width: 940px;
}

.bb-neo-page-hero h1 {
	color: var(--bbp-white);
	font-family: var(--bbp-font);
	font-size: clamp(38px, 5vw, 56px);
	font-weight: 760;
	letter-spacing: -0.055em;
	line-height: 0.98;
	margin: 0;
}

.bb-neo-page-hero > p:last-child {
	color: var(--bbp-muted-bright);
	font-size: clamp(17px, 1.8vw, 21px);
	line-height: 1.65;
	margin: 24px 0 0;
	max-width: 760px;
}

.bb-neo-card {
	background: var(--bbp-card);
	border: 0;
	border-radius: var(--bbp-radius-lg);
	box-shadow: var(--bbp-shadow-raised);
}

.bb-neo-kicker {
	color: var(--bbp-accent);
	font-family: var(--bbp-mono);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.bb-about-intro-grid,
.bb-contact-intro-grid {
	display: grid;
	gap: clamp(26px, 4vw, 48px);
	grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.75fr);
}

.bb-about-copy-card,
.bb-contact-copy-card {
	padding: clamp(30px, 5vw, 58px);
}

.bb-about-copy-card h2,
.bb-contact-copy-card h2,
.bb-about-profile-card h2 {
	color: var(--bbp-white);
	font-size: clamp(28px, 3.5vw, 40px);
	font-weight: 720;
	letter-spacing: -0.04em;
	line-height: 1.08;
	margin: 0 0 24px;
}

.bb-about-copy-card > p:not(.bb-neo-kicker),
.bb-contact-copy-card > p:not(.bb-neo-kicker) {
	color: var(--bbp-muted-bright);
	font-size: 16px;
	line-height: 1.78;
}

.bb-about-profile-card {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	padding: clamp(28px, 4vw, 42px);
}

.bb-about-profile-mark {
	align-items: center;
	background: var(--bbp-blue-gradient);
	border-radius: 50%;
	box-shadow: var(--bbp-shadow-soft);
	color: var(--bbp-white);
	display: flex;
	font-size: 28px;
	font-weight: 760;
	height: 76px;
	justify-content: center;
	margin-bottom: 34px;
	width: 76px;
}

.bb-about-profile-card > p:not(.bb-neo-kicker) {
	color: var(--bbp-muted);
	margin: -12px 0 28px;
}

.bb-profile-links {
	display: grid;
	gap: 0;
	margin-top: auto;
}

.bb-profile-links a {
	align-items: center;
	box-shadow: inset 0 -1px 0 var(--bbp-divider);
	color: var(--bbp-muted-bright);
	display: flex;
	font-size: 13px;
	gap: 12px;
	justify-content: space-between;
	padding: 13px 0;
}

.bb-profile-links a span {
	color: var(--bbp-accent);
}

.bb-profile-links a:hover,
.bb-profile-links a:focus {
	color: var(--bbp-white);
}

.bb-about-capabilities,
.bb-about-method {
	padding-top: clamp(76px, 9vw, 116px);
}

.bb-neo-section-heading {
	margin-bottom: clamp(30px, 5vw, 50px);
	max-width: 760px;
}

.bb-neo-section-heading h2 {
	color: var(--bbp-white);
	font-size: clamp(30px, 4vw, 44px);
	font-weight: 730;
	letter-spacing: -0.045em;
	line-height: 1.05;
	margin: 0;
}

.bb-neo-card-grid {
	display: grid;
	gap: clamp(22px, 3vw, 34px);
}

.bb-neo-card-grid-three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bb-capability-card {
	padding: clamp(25px, 3vw, 34px);
}

.bb-capability-card > span {
	color: var(--bbp-accent);
	font-family: var(--bbp-mono);
	font-size: 10px;
}

.bb-capability-card h3,
.bb-method-list h3 {
	color: var(--bbp-white);
	font-size: 21px;
	font-weight: 700;
	letter-spacing: -0.025em;
	margin: 26px 0 12px;
}

.bb-capability-card p,
.bb-method-list p {
	color: var(--bbp-muted-bright);
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
}

.bb-method-list {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.bb-method-list li {
	box-shadow: inset -1px 0 0 var(--bbp-divider);
	min-height: 250px;
	padding: 26px 30px;
}

.bb-method-list li:first-child {
	padding-left: 0;
}

.bb-method-list li:last-child {
	box-shadow: none;
	padding-right: 0;
}

.bb-method-list > li > span {
	color: var(--bbp-accent);
	font-family: var(--bbp-mono);
	font-size: 10px;
}

.bb-about-editor-content,
.bb-contact-editor-content {
	margin-top: clamp(60px, 8vw, 96px);
	padding: clamp(28px, 5vw, 56px);
}

.bb-about-editor-content .bb-entry-content,
.bb-contact-editor-content .bb-entry-content {
	padding: 0;
}

.bb-neo-contact-band {
	align-items: center;
	background: var(--bbp-card-2);
	border-radius: var(--bbp-radius-lg);
	box-shadow: var(--bbp-shadow-inset);
	display: grid;
	gap: 36px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-top: clamp(76px, 10vw, 126px);
	padding: clamp(34px, 5vw, 58px);
}

.bb-neo-contact-band h2 {
	color: var(--bbp-white);
	font-size: clamp(28px, 3.5vw, 40px);
	letter-spacing: -0.04em;
	line-height: 1.08;
	margin: 0;
	max-width: 700px;
}

.bb-neo-button {
	align-items: center;
	background: var(--bbp-blue-gradient);
	border-radius: 999px;
	box-shadow: var(--bbp-shadow-soft);
	color: var(--bbp-white);
	display: inline-flex;
	font-size: 11px;
	font-weight: 720;
	gap: 14px;
	letter-spacing: 0.055em;
	padding: 16px 22px;
	text-transform: uppercase;
	white-space: nowrap;
}

.bb-neo-button:hover,
.bb-neo-button:focus {
	color: var(--bbp-white);
	transform: translateY(-2px);
}

.bb-contact-page-hero {
	max-width: 820px;
}

.bb-contact-intro-grid {
	grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
}

.bb-contact-topic-list {
	display: grid;
	list-style: none;
	margin: 32px 0 0;
	padding: 0;
}

.bb-contact-topic-list li {
	align-items: center;
	box-shadow: inset 0 -1px 0 var(--bbp-divider);
	color: var(--bbp-muted-bright);
	display: grid;
	font-size: 14px;
	gap: 16px;
	grid-template-columns: 28px 1fr;
	padding: 15px 0;
}

.bb-contact-topic-list span {
	color: var(--bbp-accent);
	font-family: var(--bbp-mono);
	font-size: 9px;
}

.bb-contact-methods {
	display: grid;
	gap: 20px;
}

.bb-contact-method {
	align-items: center;
	display: grid;
	gap: 18px;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	padding: 20px;
}

.bb-contact-method:hover,
.bb-contact-method:focus {
	color: inherit;
	transform: translateY(-2px);
}

.bb-contact-method-icon {
	align-items: center;
	background: var(--bbp-card-2);
	border-radius: 15px;
	box-shadow: var(--bbp-shadow-inset);
	color: var(--bbp-accent);
	display: flex;
	font-size: 16px;
	font-weight: 760;
	height: 52px;
	justify-content: center;
	width: 52px;
}

.bb-contact-method small {
	color: var(--bbp-accent);
	display: block;
	font-family: var(--bbp-mono);
	font-size: 8px;
	letter-spacing: 0.08em;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.bb-contact-method strong {
	color: var(--bbp-white);
	display: block;
	font-size: 14px;
	overflow-wrap: anywhere;
}

.bb-contact-method p {
	color: var(--bbp-muted);
	font-size: 12px;
	margin: 5px 0 0;
}

.bb-contact-method b {
	color: var(--bbp-accent);
	font-weight: 500;
}

.bb-contact-note {
	align-items: center;
	display: flex;
	gap: 18px;
	margin: clamp(56px, 8vw, 94px) auto 0;
	max-width: 720px;
}

.bb-contact-note > span {
	align-items: center;
	background: var(--bbp-blue-gradient);
	border-radius: 50%;
	box-shadow: var(--bbp-shadow-soft);
	color: var(--bbp-white);
	display: flex;
	flex: 0 0 46px;
	height: 46px;
	justify-content: center;
}

.bb-contact-note p {
	color: var(--bbp-muted);
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
}

.bb-contact-note strong {
	color: var(--bbp-white);
}

/* Footer */
.bb-site-footer {
	background: var(--bbp-base);
	border: 0;
	box-shadow: inset 0 2px 0 var(--bbp-divider);
	color: var(--bbp-muted);
}

.bb-footer-widgets,
.bb-footer-main {
	border-color: transparent;
	box-shadow: inset 0 -1px 0 var(--bbp-divider);
}

.bb-footer-cols .widget {
	background: transparent;
	box-shadow: none;
	color: var(--bbp-muted);
	padding: 0;
}

.bb-footer-cols .widget-title,
.bb-footer-cols .widgettitle,
.bb-footer-about h2,
.bb-footer-important-links h2,
.bb-footer-menu-panel h2 {
	background: none;
	color: var(--bbp-accent);
	-webkit-text-fill-color: currentColor;
}

.bb-footer-about p,
.bb-footer-cols .widget,
.bb-footer-cols .widget ul li a,
.bb-footer-important-links a,
.bb-footer-nav a,
.bb-footer-menu a {
	color: var(--bbp-muted);
}

.bb-footer-cols .widget ul li,
.bb-footer-important-links li,
.bb-footer-nav li,
.bb-footer-menu li {
	border-color: transparent;
	box-shadow: inset 0 -1px 0 var(--bbp-divider);
}

.bb-footer-cols .widget ul li:first-child,
.bb-footer-important-links li:first-child,
.bb-footer-nav li:first-child,
.bb-footer-menu li:first-child {
	border-color: transparent;
	box-shadow: inset 0 1px 0 var(--bbp-divider), inset 0 -1px 0 var(--bbp-divider);
}

.bb-footer-contact-links {
	display: flex;
	flex-wrap: wrap;
	gap: 9px 18px;
	margin-top: 20px;
}

.bb-footer-contact-links a {
	color: var(--bbp-accent);
	font-size: 12px;
}

.bb-footer-credit,
.bb-affiliate-note {
	color: var(--bbp-muted);
	opacity: 0.72;
}

@media (max-width: 1080px) {
	.bb-layout.no-sidebar .bb-content-stack > .bb-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bb-about-intro-grid,
	.bb-contact-intro-grid {
		grid-template-columns: 1fr;
	}

	.bb-about-profile-card {
		min-height: 390px;
	}

	.bb-method-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bb-method-list li,
	.bb-method-list li:first-child,
	.bb-method-list li:last-child {
		box-shadow: inset -1px -1px 0 var(--bbp-divider);
		padding: 26px;
	}
}

@media (max-width: 820px) {
	.bb-nav-row {
		position: relative;
	}

	.bb-menu a {
		border: 0;
		box-shadow: inset 0 1px 0 var(--bbp-divider);
		color: var(--bbp-muted-bright);
	}

	.bb-content-stack > .bb-card-grid,
	.bb-layout.no-sidebar .bb-content-stack > .bb-card-grid,
	.bb-neo-card-grid-three {
		grid-template-columns: 1fr;
	}

	.bb-neo-page-hero h1 {
		font-size: clamp(38px, 10vw, 52px);
	}

	.bb-neo-contact-band {
		align-items: start;
		grid-template-columns: 1fr;
	}

	.bb-neo-button {
		justify-self: start;
	}
}

@media (max-width: 620px) {
	.bb-topbar {
		display: none;
	}

	.bb-brand-row {
		min-height: 86px;
	}

	.bb-layout,
	.bb-neo-page {
		padding-bottom: 64px;
		padding-top: 46px;
	}

	.bb-page-panel,
	.bb-archive-header,
	.bb-comments,
	.comments-area,
	.bb-sidebar-widget,
	.widget {
		border-radius: var(--bbp-radius-md);
		padding: 23px;
	}

	.bb-sp-title,
	.bb-sp-title--sm,
	.bb-sp-title--md,
	.bb-sp-title--lg,
	.bb-sp-title--xl,
	.bb-sp-title--xxl,
	.bb-sp--layout-6 .bb-sp-title,
	.bb-sp--layout-18 .bb-sp-title,
	.bb-sp--layout-20 .bb-sp-title {
		font-size: clamp(32px, 9.5vw, 44px);
	}

	.bb-method-list {
		grid-template-columns: 1fr;
	}

	.bb-method-list li,
	.bb-method-list li:first-child,
	.bb-method-list li:last-child {
		box-shadow: inset 0 -1px 0 var(--bbp-divider);
		min-height: 0;
		padding: 26px 0;
	}

	.bb-contact-method {
		align-items: start;
		grid-template-columns: 44px minmax(0, 1fr);
	}

	.bb-contact-method-icon {
		height: 44px;
		width: 44px;
	}

	.bb-contact-method b {
		display: none;
	}

	.bb-neo-contact-band {
		border-radius: var(--bbp-radius-md);
	}

	.bb-footer-main-grid,
	.bb-footer-cols {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	body:not(.bb-portfolio-front) *,
	body:not(.bb-portfolio-front) *::before,
	body:not(.bb-portfolio-front) *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}