
:root {
	--pr-ink: #111820;
	--pr-navy: #122335;
	--pr-navy-2: #1b354b;
	--pr-ivory: #f7f4ed;
	--pr-paper: #fffdfa;
	--pr-bronze: #a98249;
	--pr-bronze-soft: #d9c7a7;
	--pr-line: #e4ded3;
	--pr-muted: #66717c;
	--pr-green: #2c655c;
	--pr-shadow-sm: 0 8px 22px rgba(17, 24, 32, .07);
	--pr-shadow-md: 0 18px 48px rgba(17, 24, 32, .11);
	--pr-radius: 20px;
}

body.home,
body.blog,
body.archive,
body.search,
body.prayingrun-premium-article {
	background: linear-gradient(180deg, #faf8f3 0, #f7f4ed 100%);
	color: var(--pr-ink);
}

body.home .l-content,
body.blog .l-content,
body.archive .l-content,
body.search .l-content {
	padding-top: clamp(26px, 5vw, 64px);
	padding-bottom: clamp(48px, 7vw, 96px);
}

.l-header {
	border-bottom: 1px solid rgba(169, 130, 73, .22);
	box-shadow: 0 7px 24px rgba(17, 24, 32, .045);
}

.l-header .c-gnav > li > a,
.l-header .c-gnav a {
	letter-spacing: .035em;
	font-weight: 650;
}

.l-header .c-gnav > li > a::after {
	background: var(--pr-bronze) !important;
}

.p-mainVisual {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 84% 22%, rgba(169, 130, 73, .27), transparent 28%),
		linear-gradient(128deg, #0e1824 0%, #152b3d 55%, #213e50 100%) !important;
}

.p-mainVisual::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(9, 17, 25, .76) 0%, rgba(9, 17, 25, .38) 52%, rgba(9, 17, 25, .12) 100%),
		repeating-linear-gradient(135deg, transparent 0 34px, rgba(255,255,255,.018) 35px 36px);
}

.p-mainVisual img {
	filter: grayscale(1) contrast(1.12) brightness(.72);
	transform: scale(1.015);
}

.p-mainVisual__textLayer,
.p-mainVisual__slideTitle,
.p-mainVisual__slideText {
	position: relative;
	z-index: 2;
	color: #fff !important;
	text-shadow: 0 4px 20px rgba(0,0,0,.28);
}

.p-mainVisual__slideTitle {
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-size: clamp(2rem, 5vw, 4.6rem) !important;
	letter-spacing: .055em;
	line-height: 1.2;
}

.p-mainVisual__slideText {
	color: rgba(255,255,255,.84) !important;
	letter-spacing: .08em;
}

.p-postList {
	gap: clamp(18px, 2.2vw, 30px);
}

.p-postList__item {
	overflow: hidden;
	border: 1px solid var(--pr-line);
	border-radius: var(--pr-radius);
	background: rgba(255,253,250,.94);
	box-shadow: var(--pr-shadow-sm);
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.p-postList__item:hover {
	transform: translateY(-5px);
	border-color: rgba(169,130,73,.55);
	box-shadow: var(--pr-shadow-md);
}

.p-postList__thumb {
	overflow: hidden;
	background: #e9e4db;
}

.p-postList__thumb img {
	transition: transform .6s cubic-bezier(.2,.7,.2,1), filter .35s ease;
}

.p-postList__item:hover .p-postList__thumb img {
	transform: scale(1.045);
	filter: saturate(.88) contrast(1.03);
}

.p-postList__body {
	padding: clamp(18px, 2.4vw, 28px) !important;
}

.p-postList__title {
	color: var(--pr-navy);
	font-size: clamp(1rem, 1.3vw, 1.18rem);
	font-weight: 760;
	line-height: 1.65;
}

.p-postList__excerpt {
	margin-top: 10px;
	color: var(--pr-muted);
	font-size: .92rem;
	line-height: 1.8;
}

.p-postList__cat {
	border-radius: 999px !important;
	background: var(--pr-navy) !important;
	color: #fff !important;
	font-size: 10px !important;
	letter-spacing: .08em;
}

.c-pageTitle,
.p-archiveHead {
	position: relative;
	padding-bottom: 18px;
	color: var(--pr-navy);
}

.c-pageTitle::after,
.p-archiveHead::after {
	content: "";
	display: block;
	width: 70px;
	height: 3px;
	margin-top: 15px;
	background: linear-gradient(90deg, var(--pr-bronze), transparent);
}

.home .widget_tag_cloud,
.blog .widget_tag_cloud,
.archive .widget_tag_cloud {
	opacity: .76;
}

.home .widget_tag_cloud a,
.blog .widget_tag_cloud a,
.archive .widget_tag_cloud a {
	display: inline-flex;
	margin: 4px;
	padding: 6px 11px;
	border: 1px solid var(--pr-line);
	border-radius: 999px;
	background: rgba(255,255,255,.72);
	color: var(--pr-muted);
	font-size: 12px !important;
	text-decoration: none;
}

body.prayingrun-premium-article .l-content {
	padding-top: clamp(26px, 5vw, 68px);
	padding-bottom: clamp(54px, 8vw, 110px);
}

body.prayingrun-premium-article .p-articleHead {
	position: relative;
	overflow: hidden;
	margin-bottom: 34px;
	padding: clamp(28px, 5vw, 54px);
	border: 1px solid rgba(169,130,73,.27);
	border-radius: 24px;
	background:
		radial-gradient(circle at 88% 12%, rgba(169,130,73,.23), transparent 27%),
		linear-gradient(135deg, #0f1c29 0%, #173249 63%, #204458 100%);
	box-shadow: var(--pr-shadow-md);
	color: #fff;
}

body.prayingrun-premium-article .p-articleHead::before {
	content: "MEN'S GROOMING EDITORIAL";
	display: block;
	margin-bottom: 14px;
	color: var(--pr-bronze-soft);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .18em;
}

body.prayingrun-premium-article .p-articleHead::after {
	content: "";
	position: absolute;
	right: -58px;
	bottom: -92px;
	width: 220px;
	height: 220px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 50%;
}

body.prayingrun-premium-article .c-postTitle,
body.prayingrun-premium-article .p-articleHead .c-postTitle__ttl {
	position: relative;
	z-index: 1;
	color: #fff !important;
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-size: clamp(1.75rem, 4vw, 3.15rem);
	font-weight: 700;
	letter-spacing: .035em;
	line-height: 1.45;
}

body.prayingrun-premium-article .p-articleMetas,
body.prayingrun-premium-article .p-articleMetas a {
	position: relative;
	z-index: 1;
	color: rgba(255,255,255,.72) !important;
}

body.prayingrun-premium-article .post_content,
body.prayingrun-premium-article .c-postContent__body,
body.prayingrun-premium-article .entry-content {
	max-width: 860px;
	margin-right: auto;
	margin-left: auto;
	color: var(--pr-ink);
	font-size: clamp(16px, 1.2vw, 18px);
	line-height: 2;
}

body.prayingrun-premium-article .post_content > p:first-of-type,
body.prayingrun-premium-article .pr-lead {
	position: relative;
	margin: 0 0 42px;
	padding: clamp(23px, 4vw, 34px);
	border: 1px solid var(--pr-line);
	border-left: 5px solid var(--pr-bronze);
	border-radius: 18px;
	background: linear-gradient(135deg, #fffdfa 0%, #f4efe4 100%);
	box-shadow: var(--pr-shadow-sm);
	color: #28333d;
}

body.prayingrun-premium-article .post_content > p:first-of-type::before,
body.prayingrun-premium-article .pr-lead::before {
	content: "EDITOR'S NOTE";
	display: block;
	margin-bottom: 10px;
	color: var(--pr-bronze);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .18em;
}

body.prayingrun-premium-article .post_content h2 {
	position: relative;
	margin: 68px 0 26px;
	padding: 18px 22px 18px 26px;
	border: 0;
	border-left: 5px solid var(--pr-bronze);
	background: linear-gradient(90deg, rgba(18,35,53,.075), transparent);
	color: var(--pr-navy);
	font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-size: clamp(1.45rem, 3vw, 2.05rem);
	letter-spacing: .025em;
	line-height: 1.55;
}

body.prayingrun-premium-article .post_content h3 {
	color: var(--pr-navy);
	font-size: clamp(1.2rem, 2.4vw, 1.62rem);
	line-height: 1.6;
}

.pr-reading-progress {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, var(--pr-bronze), #d7c08d, var(--pr-navy-2));
	transform: scaleX(0);
	transform-origin: left center;
	pointer-events: none;
}

.pr-product-nav {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	margin: -5px 0 34px;
	padding: 8px 2px 14px;
	scrollbar-width: thin;
	scroll-snap-type: x proximity;
}

.pr-product-nav__item {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 9px;
	max-width: 250px;
	padding: 10px 14px;
	border: 1px solid var(--pr-line);
	border-radius: 999px;
	background: rgba(255,253,250,.96);
	box-shadow: 0 6px 18px rgba(17,24,32,.06);
	color: var(--pr-navy);
	font-size: 12px;
	font-weight: 760;
	line-height: 1.45;
	text-decoration: none !important;
	scroll-snap-align: start;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.pr-product-nav__item:hover {
	transform: translateY(-2px);
	border-color: var(--pr-bronze);
	box-shadow: var(--pr-shadow-sm);
	color: var(--pr-navy);
}

.pr-product-nav__rank {
	display: grid;
	flex: 0 0 29px;
	width: 29px;
	height: 29px;
	place-items: center;
	border-radius: 50%;
	background: var(--pr-navy);
	color: #fff;
	font-size: 11px;
	font-weight: 900;
}

.pr-product-card {
	position: relative;
	overflow: hidden;
	margin: 0 0 34px;
	padding: clamp(25px, 4vw, 42px);
	border: 1px solid var(--pr-line);
	border-radius: 24px;
	background: linear-gradient(180deg, #fffdfa 0%, #fff 75%, #f7f3eb 100%);
	box-shadow: var(--pr-shadow-md);
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.pr-product-card::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, var(--pr-navy), var(--pr-bronze), var(--pr-navy-2));
}

.pr-product-card::before {
	content: "0" attr(data-rank);
	position: absolute;
	top: 22px;
	right: 22px;
	z-index: 2;
	display: grid;
	width: 50px;
	height: 50px;
	place-items: center;
	border: 1px solid rgba(169,130,73,.55);
	border-radius: 50%;
	background: var(--pr-navy);
	box-shadow: 0 8px 22px rgba(17,24,32,.18);
	color: #fff;
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .08em;
}

.pr-product-card[data-rank="1"]::before {
	background: linear-gradient(135deg, #8f6a33, #c6a76c);
}

.pr-product-card:hover {
	transform: translateY(-4px);
	border-color: rgba(169,130,73,.54);
	box-shadow: 0 24px 60px rgba(17,24,32,.15);
}

.pr-product-card > h3 {
	margin: 0 74px 22px 0 !important;
	padding: 0 0 17px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--pr-line) !important;
	background: transparent !important;
}

.pr-product-card > p {
	margin: 16px 0;
}

.pr-fit,
.pr-caution {
	position: relative;
	margin: 17px 0 !important;
	padding: 17px 18px 17px 52px;
	border-radius: 14px;
}

.pr-fit {
	border: 1px solid rgba(44,101,92,.2);
	background: rgba(44,101,92,.07);
}

.pr-caution {
	border: 1px solid rgba(169,130,73,.23);
	background: rgba(169,130,73,.09);
}

.pr-fit::before,
.pr-caution::before {
	position: absolute;
	top: 17px;
	left: 17px;
	display: grid;
	width: 25px;
	height: 25px;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	font-size: 13px;
	font-weight: 900;
}

.pr-fit::before {
	content: "✓";
	background: var(--pr-green);
}

.pr-caution::before {
	content: "!";
	background: var(--pr-bronze);
}

.pr-pochipp-area {
	margin-top: 28px;
	padding-top: 27px;
	border-top: 1px dashed #d7cfc2;
}

.pr-pochipp-area [class*="pochipp"],
.pr-product-card [class*="pochipp"] {
	border-radius: 17px !important;
}

.pr-product-card [class*="btn"] a,
.pr-product-card a[class*="btn"],
.pr-product-card a[class*="button"] {
	border-radius: 10px !important;
	font-weight: 760;
	letter-spacing: .015em;
	transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.pr-product-card [class*="btn"] a:hover,
.pr-product-card a[class*="btn"]:hover,
.pr-product-card a[class*="button"]:hover {
	transform: translateY(-2px);
	filter: brightness(1.03);
	box-shadow: 0 9px 21px rgba(17,24,32,.14);
}

.pr-summary-heading {
	margin-top: 62px !important;
	padding: 19px 24px !important;
	border: 0 !important;
	border-radius: 16px 16px 0 0;
	background: var(--pr-navy) !important;
	color: #fff !important;
}

.pr-summary-text {
	margin-top: 0 !important;
	padding: 26px 28px;
	border: 1px solid var(--pr-line);
	border-top: 0;
	border-radius: 0 0 16px 16px;
	background: #fffdfa;
	box-shadow: var(--pr-shadow-sm);
}

.pr-reveal {
	opacity: 0;
	transform: translateY(20px);
}

.pr-reveal.pr-visible {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .58s ease, transform .58s ease;
}

body.prayingrun-premium-article [class*="pochipp-box"],
body.prayingrun-premium-article [class*="pochipp_item"],
body.prayingrun-premium-article [class*="pochipp-item"] {
	border-color: var(--pr-line) !important;
	box-shadow: 0 10px 28px rgba(17,24,32,.07) !important;
}

@media (max-width: 767px) {
	.p-mainVisual__slideTitle {
		font-size: clamp(1.85rem, 9vw, 3rem) !important;
	}

	body.prayingrun-premium-article .p-articleHead {
		padding: 25px 20px;
		border-radius: 18px;
	}

	body.prayingrun-premium-article .post_content,
	body.prayingrun-premium-article .c-postContent__body,
	body.prayingrun-premium-article .entry-content {
		font-size: 16px;
		line-height: 1.9;
	}

	body.prayingrun-premium-article .post_content h2 {
		margin-top: 48px;
		padding: 15px 15px 15px 18px;
	}

	.pr-product-nav {
		margin-right: -16px;
		padding-right: 16px;
	}

	.pr-product-nav__item {
		max-width: 210px;
	}

	.pr-product-card {
		margin-bottom: 25px;
		padding: 25px 18px 23px;
		border-radius: 18px;
	}

	.pr-product-card::before {
		top: 17px;
		right: 15px;
		width: 43px;
		height: 43px;
		font-size: 12px;
	}

	.pr-product-card > h3 {
		margin-right: 52px !important;
	}

	.pr-fit,
	.pr-caution {
		padding-left: 48px;
	}

	.pr-reading-progress {
		height: 3px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pr-reveal,
	.pr-reveal.pr-visible,
	.pr-product-card,
	.pr-product-nav__item,
	.p-postList__item {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
