/* Brand philosophy promotional panel + embedded book reader */
.brand-philosophy-promo{
	position:relative;
	min-height:520px;
	display:flex;
	align-items:center;
	overflow:hidden;
	background-color:#f4f0e7;
	background-image:var(--philosophy-bg);
	background-size:cover;
	background-position:center;
	border-top:1px solid rgba(17,20,23,.08);
	border-bottom:1px solid rgba(17,20,23,.08);
}
.brand-philosophy-promo::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(90deg,rgba(249,247,241,.98) 0%,rgba(249,247,241,.93) 38%,rgba(249,247,241,.52) 65%,rgba(249,247,241,.08) 100%);
}
.brand-philosophy-promo .site-shell{position:relative;z-index:1;width:100%}
.brand-philosophy-promo-copy{max-width:650px;padding:92px 0}
.brand-philosophy-promo-copy h2{
	margin-top:20px;
	font-size:clamp(48px,5.4vw,82px);
	line-height:.98;
	letter-spacing:-.06em;
}
.brand-philosophy-promo-copy .philosophy-cn{
	display:block;
	margin-top:26px;
	color:var(--red);
	font:600 22px/1.2 "Archivo",sans-serif;
	letter-spacing:.05em;
}
.brand-philosophy-promo-copy p{
	max-width:610px;
	margin-top:24px;
	color:#555d62;
	font-size:19px;
	line-height:1.65;
}
.brand-philosophy-promo-copy .button{margin-top:30px}

.philosophy-book-intro{
	padding:128px 0 74px;
	background:#f7f4ed;
	border-bottom:1px solid rgba(17,20,23,.09);
}
.philosophy-book-heading{
	display:grid;
	grid-template-columns:1.15fr .85fr;
	gap:90px;
	align-items:end;
}
.philosophy-book-heading h1{
	margin-top:20px;
	font-size:clamp(54px,6vw,92px);
	line-height:.98;
	letter-spacing:-.06em;
}
.philosophy-book-intro-copy{
	max-width:520px;
	color:#5d6367;
	font-size:18px;
	line-height:1.6;
}
.philosophy-book-intro-copy p:first-child{
	margin-bottom:18px;
	color:var(--red);
	font:600 13px/1.4 "Archivo",sans-serif;
	letter-spacing:.13em;
	text-transform:uppercase;
}
.philosophy-reader-section{padding:72px 0 100px;background:#171a1c;color:#fff}
.philosophy-reader-toolbar{
	display:flex;
	justify-content:space-between;
	align-items:end;
	gap:30px;
	margin-bottom:28px;
}
.philosophy-reader-toolbar h2{
	margin-top:10px;
	font-size:clamp(38px,4vw,58px);
	letter-spacing:-.045em;
}
.philosophy-reader-toolbar .text-link{color:#fff}
.philosophy-reader-shell{
	position:relative;
	width:min(100%,980px);
	margin:0 auto;
	aspect-ratio:16/11;
	overflow:hidden;
	background:#0e1011;
	border:1px solid rgba(255,255,255,.13);
	box-shadow:0 28px 70px rgba(0,0,0,.3);
}
.philosophy-reader-shell iframe{
	display:block;
	width:100%;
	height:100%;
	border:0;
	background:#fff;
}
.philosophy-reader-note{
	max-width:760px;
	margin:22px auto 0;
	color:rgba(255,255,255,.58);
	text-align:center;
	font-size:14px;
}
.philosophy-book-close{background:#fff}
.philosophy-book-close .button{margin-top:28px}
.philosophy-holding{padding:90px 0 110px}
.philosophy-holding-card{
	max-width:900px;
	margin:0 auto;
	padding:72px 72px 66px;
	text-align:center;
	border:1px solid rgba(255,255,255,.14);
	background:
		radial-gradient(circle at 50% 0%,rgba(237,28,36,.11),transparent 40%),
		rgba(255,255,255,.025);
	box-shadow:0 30px 80px rgba(0,0,0,.22);
}
.philosophy-holding-seal{
	width:78px;
	height:78px;
	margin:0 auto 28px;
	display:grid;
	place-items:center;
	border-radius:50%;
	background:var(--red);
	color:#fff;
	font-size:34px;
	font-weight:700;
	line-height:1;
}
.philosophy-holding-card h2{
	margin-top:14px;
	font-size:clamp(54px,6vw,90px);
	line-height:.95;
	letter-spacing:-.06em;
}
.philosophy-holding-lede{
	max-width:660px;
	margin:26px auto 0;
	color:rgba(255,255,255,.68);
	font-size:19px;
	line-height:1.7;
}
.philosophy-holding-actions{
	justify-content:center;
	margin-top:34px;
}
.philosophy-book-close .statement{
	margin-top:26px;
	color:var(--red);
	font-weight:600;
}


@media(max-width:980px){
	.brand-philosophy-promo{min-height:470px;background-position:64% center}
	.brand-philosophy-promo::after{background:linear-gradient(90deg,rgba(249,247,241,.98) 0%,rgba(249,247,241,.88) 58%,rgba(249,247,241,.32) 100%)}
	.brand-philosophy-promo-copy{max-width:580px;padding:72px 0}
	.philosophy-book-heading{grid-template-columns:1fr;gap:34px}
	.philosophy-reader-shell{aspect-ratio:4/3}
}
@media(max-width:620px){
	.brand-philosophy-promo{min-height:560px;align-items:flex-start;background-position:72% bottom}
	.brand-philosophy-promo::after{background:linear-gradient(180deg,rgba(249,247,241,.99) 0%,rgba(249,247,241,.94) 57%,rgba(249,247,241,.28) 100%)}
	.brand-philosophy-promo-copy{padding:58px 0 210px}
	.brand-philosophy-promo-copy .philosophy-cn{font-size:18px}
	.philosophy-reader-section{padding:48px 0 70px}
	.philosophy-reader-toolbar{display:block}
	.philosophy-reader-toolbar .text-link{display:inline-block;margin-top:14px}
	.philosophy-reader-shell{aspect-ratio:3/4}
	.philosophy-holding{padding:48px 0 70px}
	.philosophy-holding-card{padding:52px 24px 46px}
	.philosophy-holding-seal{width:66px;height:66px;font-size:30px}
}