:root {
  --flameblade-ink: #102b3a;
  --flameblade-ink-soft: #1b4052;
  --flameblade-vermilion: #c84837;
  --flameblade-gold: #b58a43;
  --flameblade-ivory: #fffaf2;
  --flameblade-mist: #edf4f4;
  --flameblade-line: rgba(181, 138, 67, .32);
  --flameblade-shadow: 0 18px 45px rgba(16, 43, 58, .10);
  --mohan-rose: #c96f8b;
  --mohan-mauve: #79648d;
  --mohan-indigo: #2e365f;
  --mohan-moon: #fffafd;
}

.wp-site-blocks > header,
header.wp-block-template-part {
  position: relative;
  z-index: 20;
  overflow: hidden;
  border-bottom: 1px solid rgba(246, 210, 147, .62);
  background:
    radial-gradient(circle at 14% 46%, rgba(214, 76, 55, .34), transparent 20rem),
    radial-gradient(circle at 78% 0%, rgba(139, 102, 178, .28), transparent 28rem),
    linear-gradient(128deg, #091925, #12344a 52%, #292342);
  box-shadow: 0 16px 42px rgba(7, 22, 34, .22);
}

.wp-site-blocks > header::before,
header.wp-block-template-part::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 0 18%, rgba(255, 255, 255, .055) 18.2% 18.5%, transparent 18.7% 100%),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(255, 255, 255, .025) 80px);
}

.wp-site-blocks > header::after,
header.wp-block-template-part::after {
  content: "";
  position: absolute;
  right: 4%;
  bottom: -1px;
  left: 4%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--flameblade-vermilion), var(--flameblade-gold), transparent);
  opacity: .7;
}

.wp-block-navigation .wp-block-navigation-item__content {
  border-radius: 999px;
  padding: .52rem .82rem;
  color: var(--flameblade-ink) !important;
  font-weight: 650;
  text-decoration: none !important;
  transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
  color: #fff !important;
  background: linear-gradient(135deg, var(--flameblade-vermilion), #a8322b);
  transform: translateY(-1px);
}

.wp-block-query .wp-block-post {
  box-sizing: border-box;
  padding: clamp(22px, 3vw, 38px);
  border: 1px solid rgba(181, 138, 67, .25);
  border-radius: 24px;
  background: rgba(255, 255, 255, .90);
  box-shadow: var(--flameblade-shadow);
}

.wp-block-query .wp-block-post-title a,
body.single .wp-block-post-title {
  color: var(--flameblade-ink) !important;
  text-decoration-color: rgba(200, 72, 55, .35) !important;
  text-underline-offset: .14em;
}

.wp-block-query .wp-block-post-title a:hover {
  color: var(--flameblade-vermilion) !important;
}

.wp-block-button__link,
.wp-element-button {
  border: 1px solid rgba(181, 138, 67, .48);
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--flameblade-ink-soft), var(--flameblade-ink)) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(16, 43, 58, .16);
}

.wp-site-blocks > footer,
footer.wp-block-template-part {
  margin-top: clamp(56px, 8vw, 110px);
  border-top: 1px solid var(--flameblade-line);
  color: #eef7f5;
  background: radial-gradient(circle at 85% 10%, rgba(181, 138, 67, .22), transparent 26rem), linear-gradient(135deg, #102b3a, #183e4f 62%, #702b2a);
}

.wp-site-blocks > footer a,
footer.wp-block-template-part a {
  color: #f6d9a2 !important;
}

.wp-site-blocks > footer .nfd-gap-sm,
footer.wp-block-template-part .nfd-gap-sm {
	gap: 8px !important;
	max-width: 1180px;
	margin: 0 auto;
	text-align: center;
}

.wp-site-blocks > footer p,
footer.wp-block-template-part p {
	margin: 0;
	color: rgba(240, 248, 247, .86);
	font-size: clamp(.78rem, 1.1vw, .96rem);
	line-height: 1.65;
}

.wp-site-blocks > header > .wp-block-group,
header.wp-block-template-part > .wp-block-group {
  box-sizing: border-box;
  max-width: 1480px !important;
  padding: clamp(22px, 2.8vw, 38px) clamp(20px, 4vw, 64px) !important;
}

.wp-site-blocks > header .nfd-py-sm,
header.wp-block-template-part .nfd-py-sm {
  display: grid !important;
  grid-template-columns: minmax(220px, .58fr) minmax(680px, 1.82fr);
  gap: clamp(28px, 4vw, 66px);
  align-items: center;
}

.wp-site-blocks > header .nfd-gap-2xl,
header.wp-block-template-part .nfd-gap-2xl {
  width: 100%;
}

.flameblade-site-logo {
  position: relative;
  width: 100%;
  margin: 0 !important;
  text-align: center;
}

.flameblade-site-logo::after {
  content: "炎劍文化工作室\A FLAMEBLADE STUDIO";
  display: block;
  margin-top: 10px;
  color: #fff6dd;
  font-family: Georgia, "Noto Serif TC", serif;
  font-size: clamp(.78rem, 1.05vw, .98rem);
  font-weight: 800;
  line-height: 1.42;
  letter-spacing: .09em;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .46);
  white-space: pre-line;
}

.flameblade-site-logo img {
  width: 128px !important;
  height: 128px !important;
  max-height: none !important;
  filter: drop-shadow(0 0 18px rgba(255, 213, 135, .38));
  object-fit: contain;
}

.wp-block-site-logo img {
  width: auto !important;
  max-height: 92px;
  object-fit: contain;
}

@media (max-width: 781px) {
  .wp-site-blocks > header,
  header.wp-block-template-part {
    box-shadow: 0 6px 20px rgba(16, 43, 58, .07);
  }

  .wp-block-navigation__responsive-container.is-menu-open {
    color: var(--flameblade-ink);
    background: var(--flameblade-ivory);
  }

  .wp-block-query .wp-block-post {
    padding: 20px;
    border-radius: 18px;
  }

  .wp-block-site-logo img {
    max-height: 72px;
  }
}

body {
  color: var(--flameblade-ink);
  background:
    radial-gradient(circle at 8% 4%, rgba(200, 72, 55, .13), transparent 31rem),
    radial-gradient(circle at 94% 8%, rgba(121, 100, 141, .14), transparent 34rem),
    linear-gradient(180deg, #fff9ef, #f8f4fa 46%, #eef6f7);
}

/* Illustrated primary-navigation cards. Each destination has a distinct visual
 * cue and a complete bilingual label, while remaining keyboard accessible. */
.flameblade-nav-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(270px, 1fr));
	gap: 14px;
	width: 100%;
}

.flameblade-nav-card {
	display: flex;
	align-items: center;
	gap: 16px;
	box-sizing: border-box;
	min-height: 92px;
	padding: 14px 18px;
	border: 1px solid rgba(255, 244, 216, .28);
	border-radius: 23px;
	color: #fff;
	text-decoration: none;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 14px 30px rgba(3, 14, 24, .24);
	backdrop-filter: blur(10px);
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, filter 180ms ease;
}

.flameblade-nav-card:hover,
.flameblade-nav-card:focus-visible {
	transform: translateY(-4px) scale(1.012);
	border-color: rgba(255, 224, 162, .72);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 20px 38px rgba(3, 14, 24, .34), 0 0 26px rgba(219, 172, 97, .16);
	filter: saturate(1.08) brightness(1.06);
}

.flameblade-nav-card--home { background: linear-gradient(135deg, rgba(181, 138, 67, .55), rgba(92, 61, 38, .72)); }
.flameblade-nav-card--about { background: linear-gradient(135deg, rgba(200, 72, 55, .66), rgba(111, 38, 42, .78)); }
.flameblade-nav-card--mohan { background: linear-gradient(135deg, rgba(201, 111, 139, .68), rgba(66, 54, 105, .82)); }
.flameblade-nav-card--rss { background: linear-gradient(135deg, rgba(48, 119, 158, .65), rgba(38, 52, 101, .82)); }

.flameblade-nav-card__icon {
	display: inline-grid;
	place-items: center;
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	border: 1px solid rgba(255, 255, 255, .32);
	border-radius: 18px;
	background-color: rgba(255, 255, 255, .9);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 52px 52px;
	box-shadow: inset 0 0 0 1px rgba(41, 52, 78, .06), 0 7px 18px rgba(0, 0, 0, .2);
	color: #18364d;
	font-size: 1.75rem;
	line-height: 1;
}

.flameblade-nav-card--about .flameblade-nav-card__icon { background-size: 54px 54px; }
.flameblade-nav-card--mohan .flameblade-nav-card__icon { background-size: 60px 60px; }
.flameblade-nav-card--rss .flameblade-nav-card__icon { color: #315d89; }

.flameblade-nav-card__copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	line-height: 1.25;
}

.flameblade-nav-card__copy strong {
	color: #fffdf7;
	font-size: 1rem;
	font-weight: 800;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .28);
}

.flameblade-nav-card__copy small {
	margin-top: 3px;
	color: rgba(255, 248, 234, .78);
	font-size: .76rem;
	font-weight: 650;
	letter-spacing: .015em;
}

.studio-banner {
	overflow: hidden;
	border-bottom: 1px solid rgba(181, 138, 67, .35);
	box-shadow: 0 22px 48px rgba(31, 42, 67, .16);
}

.wp-block-query .wp-block-post {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 100% 0%, rgba(121, 100, 141, .11), transparent 18rem),
		linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(255, 249, 241, .9));
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.wp-block-query .wp-block-post::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 5px;
	background: linear-gradient(180deg, var(--flameblade-vermilion), var(--flameblade-gold), var(--mohan-mauve));
}

.wp-block-query .wp-block-post:hover {
	transform: translateY(-3px);
	border-color: rgba(181, 138, 67, .45);
	box-shadow: 0 24px 58px rgba(30, 43, 65, .16);
}

/* Investor-facing homepage: establish the studio, prove what already exists,
 * then hand readers to the chronological publishing feed. */
.flameblade-home {
	--home-panel: rgba(255, 255, 255, .92);
	box-sizing: border-box;
	width: min(1500px, calc(100% - 40px));
	margin: clamp(24px, 4vw, 58px) auto 0;
}

.flameblade-home-hero {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(34px, 5vw, 80px);
	align-items: center;
	overflow: hidden;
	box-sizing: border-box;
	min-height: min(720px, calc(100vh - 210px));
	padding: clamp(42px, 6vw, 92px);
	border: 1px solid rgba(245, 211, 149, .34);
	border-radius: clamp(30px, 4vw, 58px);
	background:
		radial-gradient(circle at 4% 16%, rgba(213, 75, 51, .34), transparent 28rem),
		radial-gradient(circle at 95% 10%, rgba(104, 90, 169, .32), transparent 32rem),
		linear-gradient(135deg, #081824 0%, #102d42 49%, #2e203d 100%);
	box-shadow: 0 36px 90px rgba(6, 19, 30, .28);
	color: #fff;
}

.flameblade-home-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(114deg, transparent 0 39%, rgba(255, 255, 255, .045) 39.2% 39.5%, transparent 39.7% 100%),
		repeating-linear-gradient(90deg, transparent 0 89px, rgba(255, 255, 255, .025) 90px);
}

.flameblade-home-hero__copy,
.flameblade-home-hero__visual {
	position: relative;
	z-index: 1;
}

.flameblade-home-hero__copy {
	max-width: 1040px;
	margin: 0 auto;
	text-align: center;
}

.flameblade-home-eyebrow {
	margin: 0 0 14px;
	color: #e6b869;
	font-size: clamp(.72rem, .9vw, .9rem);
	font-weight: 850;
	letter-spacing: .16em;
	line-height: 1.45;
}

.flameblade-home-hero h1 {
	max-width: 780px;
	margin: 0;
	color: #fff8e9;
	font-family: Georgia, "Noto Serif TC", serif;
	font-size: clamp(2.45rem, 4.35vw, 4.9rem);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.05;
	text-shadow: 0 5px 26px rgba(0, 0, 0, .34);
}

.flameblade-home-hero__english {
	max-width: 720px;
	margin: 25px 0 0;
	color: #f0d7c8;
	font-family: Georgia, serif;
	font-size: clamp(1.05rem, 1.55vw, 1.42rem);
	font-weight: 650;
	line-height: 1.55;
}

.flameblade-home-hero__lead {
	max-width: 690px;
	margin: 19px 0 0;
	color: rgba(238, 247, 248, .8);
	font-size: clamp(.96rem, 1.2vw, 1.12rem);
	line-height: 1.8;
}

.flameblade-home-hero__english,
.flameblade-home-hero__lead { margin-right: auto; margin-left: auto; }

.flameblade-home-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 30px;
	justify-content: center;
}

.flameblade-home-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	min-height: 58px;
	padding: 13px 23px;
	border: 1px solid rgba(255, 236, 199, .5);
	border-radius: 17px;
	font-weight: 850;
	line-height: 1.25;
	text-align: center;
	text-decoration: none !important;
	transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.flameblade-home-button span {
	font-size: .78em;
	font-weight: 650;
	opacity: .78;
}

.flameblade-home-button:hover,
.flameblade-home-button:focus-visible {
	transform: translateY(-3px);
	filter: brightness(1.07);
}

.flameblade-home-button--primary {
	background: linear-gradient(135deg, #d9523e, #9f292b);
	box-shadow: 0 15px 32px rgba(180, 52, 44, .3);
	color: #fff !important;
}

.flameblade-home-button--secondary {
	background: rgba(255, 255, 255, .095);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
	color: #fff8e8 !important;
	backdrop-filter: blur(12px);
}

.flameblade-home-signals {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 24px 0 0;
	padding: 0;
	justify-content: center;
	list-style: none;
}

.flameblade-home-signals li {
	padding: 8px 11px;
	border: 1px solid rgba(240, 216, 168, .22);
	border-radius: 999px;
	background: rgba(255, 255, 255, .055);
	color: rgba(255, 248, 234, .82);
	font-size: .75rem;
	font-weight: 750;
}

.flameblade-home-signals span {
	margin-left: 4px;
	opacity: .65;
}

.flameblade-home-hero__visual {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	width: min(1220px, 100%);
	margin: 0 auto;
	padding: clamp(14px, 2vw, 26px);
}

.flameblade-home-hero__visual::before {
	content: "";
	position: absolute;
	inset: -5%;
	border: 1px solid rgba(246, 204, 125, .32);
	border-radius: 50%;
	transform: rotate(-7deg);
	box-shadow: 0 0 70px rgba(226, 112, 75, .15);
}

.flameblade-home-hero__visual figure {
	position: relative;
	grid-column: 1 / -1;
	overflow: hidden;
	margin: 0;
	border: 1px solid rgba(255, 230, 183, .48);
	border-radius: 26px;
	background: #071521;
	box-shadow: 0 26px 66px rgba(0, 0, 0, .45);
	transform: rotate(1.5deg);
}

.flameblade-home-hero__visual img {
	display: block;
	width: 100%;
	height: auto;
	min-height: 0;
	object-fit: contain;
	object-position: center;
}

.flameblade-home-art-title {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 14px 28px;
	align-items: center;
	box-sizing: border-box;
	width: calc(100% - 44px);
	margin: -2px auto 0;
	padding: 16px clamp(18px, 3vw, 34px);
	border: 1px solid rgba(255, 225, 168, .28);
	border-radius: 0 0 22px 22px;
	background: linear-gradient(110deg, rgba(6, 18, 28, .95), rgba(37, 25, 47, .94));
	box-shadow: 0 18px 34px rgba(0, 0, 0, .27);
	color: #fff;
}

.flameblade-home-art-title > span {
	color: #d7aa62;
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .15em;
}

.flameblade-home-art-title__name {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-self: center;
}

.flameblade-home-art-title__name strong {
	justify-self: center;
	color: #fff7e8;
	font-family: Georgia, "Noto Serif TC", serif;
	font-size: clamp(1.9rem, 3.4vw, 4rem);
	line-height: 1;
	letter-spacing: .05em;
}

.flameblade-home-art-title__name strong span,
.flameblade-home-art-title small span { color: #e34d39; }

.flameblade-home-art-title__name em {
	margin-top: 5px;
	color: #e8c78f;
	font-family: Georgia, serif;
	font-size: clamp(.72rem, 1.05vw, .98rem);
	font-style: normal;
	font-weight: 750;
	letter-spacing: .075em;
}

.flameblade-home-art-title small {
	color: #ead9c3;
	font-size: clamp(.74rem, 1vw, .95rem);
	font-weight: 800;
	letter-spacing: .08em;
}

.flameblade-home-hero__badge {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 13px 17px;
	border: 1px solid rgba(255, 232, 190, .5);
	border-radius: 16px;
	background: rgba(11, 29, 42, .87);
	box-shadow: 0 13px 30px rgba(0, 0, 0, .32);
	backdrop-filter: blur(13px);
}

.flameblade-home-hero__badge strong { color: #fff4d9; font-size: .94rem; }
.flameblade-home-hero__badge span { margin-top: 2px; color: #dfbea2; font-size: .7rem; }
.flameblade-home-hero__badge--ip,
.flameblade-home-hero__badge--product { inset: auto; }

.flameblade-home-proof {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 18px;
}

.flameblade-home-proof article {
	position: relative;
	box-sizing: border-box;
	min-height: 270px;
	padding: clamp(25px, 3vw, 39px);
	overflow: hidden;
	border: 1px solid rgba(181, 138, 67, .28);
	border-radius: 28px;
	background: var(--home-panel);
	box-shadow: 0 17px 42px rgba(20, 39, 55, .1);
}

.flameblade-home-proof article::after {
	content: "";
	position: absolute;
	right: -60px;
	bottom: -85px;
	width: 190px;
	height: 190px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(202, 77, 56, .16), transparent 67%);
}

.flameblade-home-proof article:nth-child(2)::after { background: radial-gradient(circle, rgba(121, 100, 141, .2), transparent 67%); }
.flameblade-home-proof article:nth-child(3)::after { background: radial-gradient(circle, rgba(181, 138, 67, .2), transparent 67%); }

.flameblade-home-proof__number {
	color: var(--flameblade-vermilion);
	font-family: Georgia, serif;
	font-size: .82rem;
	font-weight: 900;
	letter-spacing: .16em;
}

.flameblade-home-proof h2 {
	margin: 18px 0 10px;
	color: var(--flameblade-ink);
	font-family: Georgia, "Noto Serif TC", serif;
	font-size: clamp(1.55rem, 2.4vw, 2.25rem);
}

.flameblade-home-proof p,
.flameblade-home-proof small {
	position: relative;
	z-index: 1;
	color: #4f5a69;
	line-height: 1.72;
}

.flameblade-home-proof p { margin: 0 0 12px; }
.flameblade-home-proof small { display: block; color: #7b6570; }

.flameblade-home-section {
	padding: clamp(76px, 9vw, 138px) 0 clamp(64px, 8vw, 110px);
}

.flameblade-home-section__heading {
	max-width: 860px;
	margin: 0 auto clamp(34px, 5vw, 60px);
	text-align: center;
}

.flameblade-home-section__heading h2,
.flameblade-home-latest h2 {
	margin: 0;
	color: var(--flameblade-ink);
	font-family: Georgia, "Noto Serif TC", serif;
	font-size: clamp(2rem, 4vw, 4.3rem);
	line-height: 1.12;
}

.flameblade-home-section__heading > p:last-child {
	margin: 18px auto 0;
	color: #6c6574;
	font-size: 1.03rem;
	line-height: 1.7;
}

.flameblade-home-flagships {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(18px, 3vw, 34px);
}

.flameblade-home-project {
	overflow: hidden;
	border: 1px solid rgba(71, 71, 87, .18);
	border-radius: 34px;
	background: #fff;
	box-shadow: 0 24px 58px rgba(22, 36, 54, .13);
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.flameblade-home-project:hover {
	transform: translateY(-5px);
	box-shadow: 0 32px 68px rgba(22, 36, 54, .18);
}

.flameblade-home-project__media {
	height: auto;
	overflow: hidden;
	background: #0b1823;
}

.flameblade-home-project__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1920 / 645;
	object-fit: contain;
	object-position: center;
}

.flameblade-home-project--squad {
	display: block;
}

.flameblade-home-project--squad .flameblade-home-project__media {
	min-height: 0;
}

.flameblade-home-project--squad .flameblade-home-project__media img {
	height: auto;
	aspect-ratio: auto;
	object-fit: contain;
	object-position: center;
}

.flameblade-home-project--squad .flameblade-home-project__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.flameblade-home-project__media--mohan {
	min-height: 560px;
	background-color: #171d2d;
	filter: saturate(1.045) contrast(1.015);
}

.flameblade-home-project__media--mohan img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 560px;
	aspect-ratio: auto;
	object-fit: cover;
	object-position: center 38%;
}

.flameblade-home-project--mohan {
	display: grid;
	grid-template-columns: minmax(400px, .9fr) minmax(0, 1.1fr);
	align-items: stretch;
}

.flameblade-home-project--mohan .flameblade-home-project__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.flameblade-home-project__copy {
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
	padding: clamp(25px, 3.3vw, 45px);
	overflow-wrap: anywhere;
}

.flameblade-home-project__type {
	color: var(--flameblade-vermilion);
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .14em;
}

.flameblade-home-project--mohan .flameblade-home-project__type { color: #8f567d; }

.flameblade-home-project h3 {
	margin: 10px 0 15px;
	color: var(--flameblade-ink);
	font-family: Georgia, "Noto Serif TC", serif;
	font-size: clamp(2rem, 3.4vw, 3.7rem);
	line-height: 1.05;
}

.flameblade-home-project h3 span {
	display: block;
	margin-top: .38em;
	color: #786576;
	font-family: Georgia, serif;
	font-size: .42em;
	font-weight: 700;
	letter-spacing: .025em;
	line-height: 1.25;
}

.flameblade-home-project p {
	margin: 0 0 12px;
	color: #56606c;
	line-height: 1.72;
}

.flameblade-home-project p[lang="en"] { color: #7a6974; }

.flameblade-home-project a {
	display: inline-flex;
	margin-top: 13px;
	color: #9c302d !important;
	font-weight: 850;
	text-decoration: none !important;
}

.flameblade-home-project--mohan a { color: #664d82 !important; }

.flameblade-home-founder {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: clamp(26px, 5vw, 78px);
	align-items: center;
	box-sizing: border-box;
	padding: clamp(35px, 5vw, 70px);
	border: 1px solid rgba(244, 218, 167, .32);
	border-radius: 34px;
	background:
		radial-gradient(circle at 4% 10%, rgba(198, 71, 52, .31), transparent 24rem),
		linear-gradient(135deg, #102d40, #242846 68%, #442439);
	box-shadow: 0 24px 54px rgba(18, 37, 52, .18);
	color: #fff;
}

.flameblade-home-founder h2 {
	margin: 0 0 15px;
	color: #fff6df;
	font-family: Georgia, "Noto Serif TC", serif;
	font-size: clamp(2rem, 3.4vw, 3.8rem);
	line-height: 1.14;
}

.flameblade-home-founder p:not(.flameblade-home-eyebrow) {
	max-width: 920px;
	margin: 8px 0 0;
	color: rgba(239, 244, 244, .82);
	line-height: 1.75;
}

.flameblade-home-button--light {
	min-width: 220px;
	background: #fff8e9;
	box-shadow: 0 14px 28px rgba(0, 0, 0, .2);
	color: #842d2d !important;
}

.flameblade-home-latest {
	max-width: 920px;
	margin: clamp(74px, 9vw, 130px) auto 34px;
	text-align: center;
}

.flameblade-home-latest > p:last-child {
	margin: 17px 0 0;
	color: #6a6671;
	font-size: 1.02rem;
	line-height: 1.7;
}

.flameblade-home-posts {
	box-sizing: border-box;
	width: min(1120px, calc(100% - 40px));
	margin: 0 auto;
}

@media (max-width: 1120px) {
	.flameblade-home-hero { grid-template-columns: 1fr; min-height: 0; }
	.flameblade-home-hero__copy { max-width: 860px; }
	.flameblade-home-hero__visual { width: min(900px, 100%); margin: 0 auto; }
	.flameblade-home-proof { grid-template-columns: 1fr 1fr; }
	.flameblade-home-proof article:last-child { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
	.flameblade-home { width: min(100% - 18px, 1500px); margin-top: 10px; }
	.flameblade-home-hero { gap: 27px; padding: 31px 20px 40px; border-radius: 27px; }
	.flameblade-home-hero h1 { font-size: clamp(2.25rem, 11.5vw, 4.4rem); }
	.flameblade-home-hero__english { font-size: 1rem; }
	.flameblade-home-actions { flex-direction: column; }
	.flameblade-home-button { width: 100%; }
	.flameblade-home-signals { display: grid; grid-template-columns: 1fr; }
	.flameblade-home-hero__visual { padding: 7px 0 32px; }
	.flameblade-home-hero__visual::before { display: none; }
	.flameblade-home-hero__visual figure { border-radius: 18px; transform: none; }
	.flameblade-home-art-title { grid-template-columns: 1fr; gap: 6px; width: calc(100% - 12px); padding: 14px; text-align: center; }
	.flameblade-home-art-title__name { justify-self: center; }
	.flameblade-home-proof,
	.flameblade-home-flagships { grid-template-columns: 1fr; }
	.flameblade-home-proof article,
	.flameblade-home-proof article:last-child { grid-column: auto; min-height: 0; }
	.flameblade-home-section { padding: 74px 0 64px; }
	.flameblade-home-project { border-radius: 24px; }
	.flameblade-home-project--squad,
	.flameblade-home-project--mohan { grid-template-columns: 1fr; }
	.flameblade-home-project--squad .flameblade-home-project__media { min-height: 0; }
	.flameblade-home-project--squad .flameblade-home-project__media img { height: auto; aspect-ratio: auto; object-position: center; }
	.flameblade-home-project__media--mohan { min-height: 0; aspect-ratio: 4 / 5; }
	.flameblade-home-project__media--mohan img { min-height: 0; height: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 32%; }
	.flameblade-home-founder { grid-template-columns: 1fr; padding: 31px 22px; border-radius: 25px; }
	.flameblade-home-button--light { min-width: 0; }
	.flameblade-home-posts { width: min(100% - 18px, 1120px); }
}

@media (max-width: 440px) {
	.flameblade-home-art-title__name strong { font-size: 1.75rem; }
}

/* RSS subscription centre: human-friendly HTML entry point while keeping the
 * canonical XML feed untouched for feed readers. */
.flameblade-rss-hub {
	box-sizing: border-box;
	width: min(1120px, calc(100% - 32px));
	margin: clamp(34px, 6vw, 82px) auto;
	padding: clamp(24px, 5vw, 64px);
	border: 1px solid rgba(91, 109, 151, .18);
	border-radius: 34px;
	background:
		radial-gradient(circle at 12% 10%, rgba(255, 209, 160, .42), transparent 23rem),
		radial-gradient(circle at 90% 4%, rgba(190, 208, 255, .52), transparent 24rem),
		linear-gradient(145deg, #fffaf2, #f6f3ff 58%, #eef8ff);
	box-shadow: 0 22px 60px rgba(31, 52, 80, .12);
}

.flameblade-rss-hub__eyebrow {
	margin: 0 0 10px;
	color: #8f4762;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.flameblade-rss-hub h1 {
	margin: 0;
	color: var(--flameblade-ink);
	font-size: clamp(2rem, 5vw, 4.2rem);
	line-height: 1.04;
}

.flameblade-rss-hub__lead {
	max-width: 760px;
	margin: 20px 0 0;
	color: #4e5970;
	font-size: clamp(1rem, 2vw, 1.2rem);
	line-height: 1.8;
}

.flameblade-rss-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 32px;
}

.flameblade-rss-card {
	box-sizing: border-box;
	min-height: 210px;
	padding: 24px;
	border: 1px solid rgba(31, 52, 80, .12);
	border-radius: 24px;
	background: rgba(255, 255, 255, .82);
	box-shadow: 0 12px 28px rgba(31, 52, 80, .08);
}

.flameblade-rss-card h2 {
	margin: 0 0 10px;
	color: var(--flameblade-ink);
	font-size: 1.25rem;
}

.flameblade-rss-card p {
	margin: 0 0 18px;
	color: #5c6173;
	line-height: 1.65;
}

.flameblade-rss-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
  height: 96px;
  min-height: 96px;
	padding: 12px 18px;
	flex-direction: column;
	border-radius: 18px;
	background: linear-gradient(135deg, #9d506f, #3e416f);
	color: #fff !important;
	font-weight: 800;
	line-height: 1.28;
	text-align: center;
	text-decoration: none !important;
	box-shadow: 0 10px 22px rgba(80, 55, 100, .18);
}

.flameblade-rss-button small {
	margin-top: 4px;
	color: rgba(255, 255, 255, .82);
	font-size: .82rem;
	font-weight: 650;
}

.flameblade-rss-url {
	box-sizing: border-box;
	width: 100%;
	padding: 13px 15px;
	border: 1px solid rgba(31, 52, 80, .18);
	border-radius: 13px;
	background: #fff;
	color: #293853;
	font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
	font-size: .88rem;
}

.flameblade-rss-note {
	margin: 28px 0 0;
	padding: 18px 20px;
	border-left: 4px solid var(--flameblade-gold);
	border-radius: 0 16px 16px 0;
	background: rgba(255, 255, 255, .66);
	color: #555e70;
	line-height: 1.7;
}

@media (max-width: 1180px) {
	.wp-site-blocks > header .nfd-py-sm,
	header.wp-block-template-part .nfd-py-sm {
		grid-template-columns: 180px minmax(0, 1fr);
		gap: 24px;
	}
	.flameblade-site-logo img { width: 104px !important; height: 104px !important; }
	.flameblade-nav-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}

@media (max-width: 700px) {
	.wp-site-blocks > header > .wp-block-group,
	header.wp-block-template-part > .wp-block-group { padding: 20px 14px !important; }
	.wp-site-blocks > header .nfd-py-sm,
	header.wp-block-template-part .nfd-py-sm { grid-template-columns: 1fr; gap: 18px; }
	.flameblade-site-logo { display: flex; align-items: center; justify-content: center; gap: 14px; }
	.flameblade-site-logo::after { margin-top: 0; text-align: left; }
	.flameblade-site-logo img { width: 82px !important; height: 82px !important; }
	.flameblade-nav-cards { grid-template-columns: 1fr 1fr; gap: 9px; }
	.flameblade-nav-card { min-height: 78px; gap: 9px; padding: 9px 10px; border-radius: 17px; }
	.flameblade-nav-card__icon { flex-basis: 46px; width: 46px; height: 46px; border-radius: 14px; background-size: 40px 40px; font-size: 1.28rem; }
	.flameblade-nav-card--about .flameblade-nav-card__icon { background-size: 42px 42px; }
	.flameblade-nav-card--mohan .flameblade-nav-card__icon { background-size: 46px 46px; }
	.flameblade-nav-card__copy strong { font-size: .78rem; line-height: 1.25; }
	.flameblade-nav-card__copy small { font-size: .63rem; }
	.flameblade-rss-hub { width: min(100% - 18px, 1120px); padding: 24px 18px; border-radius: 24px; }
	.flameblade-rss-grid { grid-template-columns: 1fr; }
}

@media (max-width: 440px) {
	.flameblade-nav-cards { grid-template-columns: 1fr; }
	.flameblade-nav-card { min-height: 66px; }
	.flameblade-nav-card__copy strong { font-size: .86rem; }
	.flameblade-nav-card__copy small { font-size: .68rem; }
}

@media (min-width: 701px) and (max-width: 960px) {
	.flameblade-rss-grid { grid-template-columns: 1fr 1fr; }
	.flameblade-rss-card:last-child { grid-column: 1 / -1; }
}

/* The hosted theme stylesheet may be enqueued after WordPress global custom
 * CSS. These higher-specificity declarations keep the redesigned header as
 * the authority until the next packaged theme deployment replaces that file. */
body .wp-site-blocks > header,
body header.wp-block-template-part {
	position: relative;
	z-index: 20;
	overflow: hidden;
	border-bottom-color: rgba(246, 210, 147, .62);
	background:
		radial-gradient(circle at 14% 46%, rgba(214, 76, 55, .34), transparent 20rem),
		radial-gradient(circle at 78% 0%, rgba(139, 102, 178, .28), transparent 28rem),
		linear-gradient(128deg, #091925, #12344a 52%, #292342);
	box-shadow: 0 16px 42px rgba(7, 22, 34, .22);
}

body .wp-site-blocks > header > .wp-block-group,
body header.wp-block-template-part > .wp-block-group {
	max-width: 1480px !important;
	padding: clamp(16px, 1.8vw, 24px) clamp(20px, 4vw, 64px) !important;
	background: transparent !important;
}

body .wp-site-blocks > header .nfd-container,
body header.wp-block-template-part .nfd-container {
	background-color: transparent !important;
	background-image: none !important;
}

body .wp-site-blocks > header .nfd-py-sm,
body header.wp-block-template-part .nfd-py-sm {
	display: grid !important;
	grid-template-columns: minmax(330px, .78fr) minmax(650px, 1.62fr);
	gap: clamp(24px, 3.2vw, 52px);
	align-items: center;
}

body .flameblade-site-logo img {
	width: 210px !important;
	height: 210px !important;
	max-height: none !important;
}

body .flameblade-site-logo::after {
	display: table;
	width: auto;
	margin: 9px auto 0;
	padding: 9px 16px;
	border: 1px solid rgba(246, 210, 147, .34);
	border-radius: 10px;
	background: rgba(6, 22, 34, .86);
	box-shadow: 0 8px 20px rgba(0, 0, 0, .24);
	color: #fff3d4;
	font-size: clamp(.96rem, 1.25vw, 1.18rem);
	letter-spacing: .075em;
}

body .flameblade-nav-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(260px, 1fr));
	gap: 12px;
	width: 100%;
}

body a.flameblade-nav-card {
	min-height: 70px;
	padding: 9px 14px;
	border-color: rgba(255, 244, 216, .28);
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 14px 30px rgba(3, 14, 24, .24);
}

body a.flameblade-nav-card--home { background: linear-gradient(135deg, rgba(181, 138, 67, .55), rgba(92, 61, 38, .72)); }
body a.flameblade-nav-card--about { background: linear-gradient(135deg, rgba(200, 72, 55, .66), rgba(111, 38, 42, .78)); }
body a.flameblade-nav-card--mohan { background: linear-gradient(135deg, rgba(201, 111, 139, .68), rgba(66, 54, 105, .82)); }
body a.flameblade-nav-card--rss { background: linear-gradient(135deg, rgba(48, 119, 158, .65), rgba(38, 52, 101, .82)); }

body .flameblade-nav-card__icon {
	flex-basis: 48px;
	width: 48px;
	height: 48px;
	background-size: 42px 42px;
}

body .flameblade-nav-card--about .flameblade-nav-card__icon { background-size: 44px 44px; }
body .flameblade-nav-card--mohan .flameblade-nav-card__icon { background-size: 48px 48px; }
body .flameblade-nav-card__copy strong { color: #fffdf7; font-size: .96rem; }
body .flameblade-nav-card__copy small { color: rgba(255, 248, 234, .78); font-size: .73rem; }

@media (max-width: 1180px) {
	body .wp-site-blocks > header .nfd-py-sm,
	body header.wp-block-template-part .nfd-py-sm {
		grid-template-columns: 250px minmax(0, 1fr);
		gap: 22px;
	}
	body .flameblade-nav-cards { grid-template-columns: repeat(2, minmax(210px, 1fr)); }
	body .flameblade-site-logo img { width: 170px !important; height: 170px !important; }
}

@media (max-width: 700px) {
	body .wp-site-blocks > header > .wp-block-group,
	body header.wp-block-template-part > .wp-block-group { padding: 18px 13px !important; }
	body .wp-site-blocks > header .nfd-py-sm,
	body header.wp-block-template-part .nfd-py-sm { grid-template-columns: 1fr; gap: 16px; }
	body .flameblade-site-logo img { width: 128px !important; height: 128px !important; }
	body .flameblade-site-logo::after { margin: 0; padding: 8px 12px; font-size: .86rem; }
	body .flameblade-nav-cards { grid-template-columns: 1fr 1fr; gap: 8px; }
	body a.flameblade-nav-card { min-height: 74px; gap: 8px; padding: 8px 9px; border-radius: 16px; }
	body .flameblade-nav-card__icon { flex-basis: 43px; width: 43px; height: 43px; border-radius: 13px; background-size: 38px 38px; }
	body .flameblade-nav-card--about .flameblade-nav-card__icon { background-size: 39px 39px; }
	body .flameblade-nav-card--mohan .flameblade-nav-card__icon { background-size: 43px 43px; }
	body .flameblade-nav-card__copy strong { font-size: .76rem; }
	body .flameblade-nav-card__copy small { font-size: .61rem; }
}

@media (max-width: 440px) {
	body .flameblade-nav-cards { grid-template-columns: 1fr; }
	body a.flameblade-nav-card { min-height: 62px; }
}

/* Image-led navigation portals inspired by game launch sites. The artwork is
 * decorative; complete bilingual labels remain real HTML for accessibility. */
body a.flameblade-nav-card {
	position: relative;
	isolation: isolate;
	align-items: flex-end;
	overflow: hidden;
	min-height: 112px;
	padding: 56px 17px 13px;
	border-color: rgba(255, 224, 166, .42);
	background-color: #10283a;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 15px 34px rgba(2, 14, 24, .3);
}

body a.flameblade-nav-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, rgba(5, 15, 24, .01) 0%, rgba(6, 18, 29, .18) 48%, rgba(5, 14, 23, .72) 100%);
}

body a.flameblade-nav-card::after {
	content: "";
	position: absolute;
	inset: 7px;
	z-index: -1;
	pointer-events: none;
	border: 1px solid rgba(255, 225, 171, .24);
	border-radius: 15px;
}

body a.flameblade-nav-card--home {
	background-image: url("https://www.flamebladestudio.com.tw/wp-content/uploads/2026/08/flameblade-home-world-gateway-v1.webp");
	background-position: 58% center;
}

body a.flameblade-nav-card--about {
	background-image: url("https://www.flamebladestudio.com.tw/wp-content/uploads/2026/08/flameblade-studio-team-q-nav-v1.webp");
	background-position: center 31%;
}

body a.flameblade-nav-card--mohan {
	background-image:
		url("https://www.flamebladestudio.com.tw/wp-content/uploads/2026/08/mohan-expression-relaxed-v1.webp"),
		linear-gradient(90deg, rgba(8, 24, 37, .72) 0%, rgba(8, 24, 37, .23) 57%, rgba(8, 24, 37, .08) 100%),
		url("https://www.flamebladestudio.com.tw/wp-content/uploads/2026/08/mohan-app-ui-nav-v1.webp");
	background-color: #10263b;
	background-position: 96% -8px, center, center 16%;
	background-repeat: no-repeat;
	background-size: 154px auto, cover, cover;
}

body a.flameblade-nav-card--mohan:hover,
body a.flameblade-nav-card--mohan:focus-visible {
	background-size: 154px auto, cover, cover;
}

body a.flameblade-nav-card--rss:hover,
body a.flameblade-nav-card--rss:focus-visible {
	background-size: cover, 104px 104px;
}

body a.flameblade-nav-card--rss {
	background-image:
		radial-gradient(circle at 78% 34%, rgba(205, 88, 58, .32), transparent 48%),
		url("https://www.flamebladestudio.com.tw/wp-content/uploads/2026/08/rss-feed-icon-v1.png");
	background-color: #142d48;
	background-position: center, 82% 46%;
	background-size: cover, 104px 104px;
}

body .flameblade-nav-card__icon { display: none; }

body .flameblade-nav-card__copy {
	position: relative;
	z-index: 2;
	width: 100%;
	padding-left: 3px;
}

body .flameblade-nav-card__copy strong {
	color: rgba(255, 249, 236, .93);
	font-size: 1rem;
	font-weight: 780;
	letter-spacing: .01em;
	text-shadow: 0 1px 4px rgba(0, 0, 0, .96), 0 0 10px rgba(0, 0, 0, .68);
}

body .flameblade-nav-card__copy small {
	color: rgba(255, 244, 224, .7);
	font-size: .72rem;
	font-weight: 580;
	text-shadow: 0 1px 4px rgba(0, 0, 0, .92), 0 0 8px rgba(0, 0, 0, .58);
}

body a.flameblade-nav-card:hover,
body a.flameblade-nav-card:focus-visible {
	transform: translateY(-3px);
	filter: brightness(1.06) saturate(1.04);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .26), 0 20px 42px rgba(2, 14, 24, .4), 0 0 28px rgba(224, 161, 77, .2);
}

body a.flameblade-nav-card:active {
	transform: translateY(0) scale(.985);
	filter: brightness(.98) saturate(1.02);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 9px 20px rgba(2, 14, 24, .34);
}

@media (max-width: 700px) {
	body a.flameblade-nav-card { min-height: 102px; padding: 50px 11px 11px; }
	body a.flameblade-nav-card--home { background-position: 62% center; }
	body a.flameblade-nav-card--mohan {
		background-position: 104% -2px, center, center 16%;
		background-size: 136px auto, cover, cover;
	}
	body a.flameblade-nav-card--mohan:hover,
	body a.flameblade-nav-card--mohan:focus-visible { background-size: 136px auto, cover, cover; }
	body .flameblade-nav-card__copy strong { font-size: .82rem; }
	body .flameblade-nav-card__copy small { font-size: .63rem; }
}

@media (max-width: 440px) {
	body .flameblade-nav-cards { grid-template-columns: 1fr 1fr; }
	body a.flameblade-nav-card { min-height: 94px; padding-top: 45px; }
	body .flameblade-site-logo { flex-direction: column; }
	body .flameblade-site-logo img { flex: 0 0 auto; }
	body .flameblade-site-logo::after { margin: 7px auto 0; }
}

@media (max-width: 330px) {
	body .flameblade-nav-cards { grid-template-columns: 1fr; }
}

.wp-site-blocks {
  min-height: 100vh;
}

.wp-block-button__link,
button,
input,
select,
textarea {
  font: inherit;
}

.wp-block-button__link {
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.wp-block-button__link:hover {
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}