.chu-page { min-height: 100vh; padding-top: 96px; background: #fbf5e8; color: #143b4a; }
.chu-hero { position: relative; display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); min-height: 760px; overflow: hidden; background: radial-gradient(circle at 20% 22%,rgba(237,174,54,.15),transparent 26%),linear-gradient(rgba(20,123,120,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(20,123,120,.03) 1px,transparent 1px),#fffaf0; background-size: auto,28px 28px,28px 28px,auto; }
.chu-hero-copy { position: relative; z-index: 2; align-self: center; padding: clamp(5rem,8vw,9rem) clamp(2rem,5vw,6rem) clamp(5rem,8vw,9rem) clamp(1.35rem,8vw,9.5rem); }
.chu-eyebrow { margin: 0 0 1rem; color: #0c5f61; font-size: .67rem; font-weight: 800; letter-spacing: .19em; text-transform: uppercase; }
.chu-hero-copy h1 { margin: 0; color: #b52831; font: 500 clamp(5rem,9vw,10rem)/.82 Georgia,"Songti SC",serif; letter-spacing: .04em; }
.chu-hero-copy h2 { max-width: 690px; margin: 1.2rem 0 0; font: italic 400 clamp(2.7rem,4.3vw,4.8rem)/1 Georgia,serif; letter-spacing: -.04em; }
.chu-hero-copy > p:last-child { max-width: 620px; margin: 2rem 0 0; color: rgba(20,59,74,.72); font-size: 1.02rem; line-height: 1.9; }
.chu-hero-image { position: relative; min-height: 630px; margin: 0; overflow: hidden; }
.chu-hero-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,#fffaf0 0%,transparent 24%),linear-gradient(0deg,rgba(12,52,62,.86),transparent 48%); }
.chu-hero-image img { width: 100%; height: 100%; object-fit: cover; }
.chu-hero-image figcaption { position: absolute; z-index: 2; left: clamp(1.5rem,4vw,4rem); right: clamp(11rem,15vw,13rem); bottom: 2.5rem; display: grid; gap: .35rem; color: white; }
.chu-hero-image figcaption span { color: #ffd58a; font-size: .6rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.chu-hero-image figcaption strong { font: 500 clamp(1.3rem,2vw,2rem) Georgia,"Songti SC",serif; }
.chu-fifteen { position: absolute; z-index: 3; right: clamp(2rem,4vw,4rem); bottom: 2rem; display: grid; place-items: center; width: 135px; height: 135px; border-radius: 50%; background: #ef5c43; color: white; box-shadow: 0 20px 45px rgba(181,40,49,.25); }
.chu-fifteen small { font-size: .5rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.chu-fifteen strong { font: 500 3.7rem/.8 Georgia,serif; }
.chu-fifteen span { font: 500 .8rem Georgia,"Songti SC",serif; }

.chu-meaning { display: grid; grid-template-columns: .45fr 1fr .9fr; gap: clamp(2rem,6vw,7rem); align-items: start; padding: var(--section-space-y) var(--section-space-x); background: #0c5f61; color: white; }
.chu-meaning > .chu-section-label { grid-column: 1; grid-row: 1; align-self: start; }
.chu-meaning > div:nth-child(2) { grid-column: 2; grid-row: 1; }
.chu-section-label { display: flex; gap: .8rem; align-items: flex-start; padding-top: .6rem; }
.chu-section-label span { color: #ef5c43; font: italic 1.7rem Georgia,serif; }
.chu-section-label p { margin: .35rem 0 0; color: #0c5f61; font-size: .66rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.chu-meaning .chu-section-label p { color: rgba(255,255,255,.62); }
.chu-meaning .chu-section-label span { color: #ffd58a; }
.chu-meaning h2,.chu-rituals h2,.chu-table h2,.chu-legend h2,.chu-now h2 { margin: 0; font: 500 clamp(3rem,5vw,5.5rem)/.98 Georgia,"Songti SC",serif; letter-spacing: -.045em; }
.chu-meaning h2 { font-size: clamp(3rem,4.35vw,5rem); }
.chu-meaning-copy { grid-column: 3; grid-row: 1; display: grid; gap: 1.3rem; align-content: start; padding-top: clamp(3.7rem,4.5vw,4.7rem); }
.chu-meaning-copy p { margin: 0; color: rgba(255,255,255,.7); line-height: 1.9; }
.chu-guardian-mark { grid-column: 1; grid-row: 1; align-self: start; justify-self: start; width: min(220px,17vw); margin: clamp(5.5rem,6vw,7rem) 0 0; }
.chu-guardian-mark img { width: 100%; height: auto; filter: drop-shadow(0 18px 30px rgba(4,34,40,.22)); }

.chu-rituals { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(310px,.78fr) minmax(520px,1.22fr); gap: clamp(4rem,8vw,9rem); padding: var(--section-space-y) var(--section-space-x); overflow: hidden; background: radial-gradient(circle at 9% 14%,rgba(237,174,54,.13),transparent 23%),linear-gradient(rgba(20,123,120,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(20,123,120,.022) 1px,transparent 1px),#f8f0e2; background-size: auto,28px 28px,28px 28px,auto; }
.chu-rituals::before { content: ""; position: absolute; z-index: -1; left: -12vw; bottom: -35vw; width: 64vw; aspect-ratio: 1; border: 1px solid rgba(239,92,67,.13); border-radius: 50%; box-shadow: 0 0 0 5vw rgba(255,250,240,.26),0 0 0 calc(5vw + 1px) rgba(20,123,120,.07); }
.chu-rituals header { position: sticky; top: 7rem; align-self: start; display: block; max-width: 530px; margin: 0; }
.chu-rituals header .chu-section-label { margin-bottom: clamp(3.5rem,6vw,6.5rem); }
.chu-ritual-heading-copy { max-width: 530px; }
.chu-ritual-heading-copy .chinese-kicker { margin-bottom: 1.35rem; }
.chu-ritual-heading-copy h2 { max-width: 520px; margin-bottom: 2rem; font-size: clamp(3.45rem,5vw,5.7rem); line-height: .92; }
.chu-ritual-heading-copy > p:last-child { max-width: 490px; margin: 0; color: rgba(20,59,74,.66); font-size: .96rem; line-height: 1.9; }
.chu-ritual-grid { position: relative; display: grid; grid-template-columns: 1fr; align-self: start; max-width: 760px; margin: 0; border-top: 1px solid rgba(20,59,74,.22); }
.chu-ritual-grid::before { content: ""; position: absolute; top: 0; left: 0; width: 82px; height: 2px; background: #ef5c43; }
.chu-ritual-grid article { position: relative; min-height: 184px; padding: 1.8rem 0; border-right: 0; border-bottom: 1px solid rgba(20,59,74,.15); display: grid; grid-template-columns: 42px 132px minmax(0,1fr); gap: clamp(1.2rem,2.6vw,2.5rem); align-items: center; text-align: left; }
.chu-ritual-grid article:last-child { border-bottom-color: rgba(20,59,74,.22); }
.chu-ritual-grid article > small { align-self: center; color: rgba(181,40,49,.7); font: italic .76rem Georgia,serif; letter-spacing: .08em; }
.chu-ritual-symbol { position: relative; z-index: 1; display: block; width: 128px; height: 112px; margin: 0; overflow: hidden; border-radius: 16px; background: rgba(20,59,74,.06); box-shadow: 0 12px 28px rgba(20,59,74,.11); }
.chu-ritual-symbol img { width: 100%; height: 100%; object-fit: cover; }
.chu-ritual-grid article:nth-child(1) .chu-ritual-symbol img { object-position: center 42%; }
.chu-ritual-grid article:nth-child(2) .chu-ritual-symbol img { object-position: center 78%; }
.chu-ritual-grid article:nth-child(3) .chu-ritual-symbol img { object-position: center 48%; }
.chu-ritual-grid article:nth-child(4) .chu-ritual-symbol img { object-position: center 38%; }
.chu-ritual-grid article > div { max-width: 520px; }
.chu-ritual-grid h3 { margin: 0 0 .55rem; color: #b52831; font: 500 clamp(1.2rem,1.6vw,1.45rem) Georgia,"Songti SC",serif; letter-spacing: .07em; }
.chu-ritual-grid p { max-width: 500px; margin: 0; color: rgba(20,59,74,.64); font-size: .84rem; line-height: 1.75; }

.chu-table { padding: var(--section-space-y) var(--section-space-x); background: #153c74; color: white; }
.chu-table-heading { display: grid; grid-template-columns: .45fr 1.55fr; gap: clamp(2rem,6vw,7rem); margin-bottom: 4rem; }
.chu-table-note { max-width: 760px; margin: 1.5rem 0 0; color: rgba(255,255,255,.66); font-size: .9rem; line-height: 1.85; }
.chu-section-label.light p { color: rgba(255,255,255,.62); }
.chu-section-label.light span { color: #ffd58a; }
.chu-food-list { display: grid; grid-template-columns: repeat(4,1fr); }
.chu-food-list article { position: relative; min-height: 240px; padding: 1.8rem clamp(1.5rem,2.5vw,2.6rem); border-bottom: 1px solid rgba(255,255,255,.14); display: flex; flex-direction: column; justify-content: space-between; }
.chu-food-list article:not(:nth-child(4n))::after { content: ""; position: absolute; top: 10%; right: 0; bottom: 10%; width: 1px; background: linear-gradient(180deg,transparent,rgba(255,255,255,.2) 18%,rgba(255,255,255,.2) 82%,transparent); }
.chu-food-list article:nth-last-child(-n+4) { border-bottom: 0; }
.chu-food-list article > span { color: #ffd58a; font: 500 clamp(2.5rem,4vw,4.5rem) Georgia,"Songti SC",serif; }
.chu-food-list h3 { margin: 0 0 .55rem; font: 500 1.25rem Georgia,"Songti SC",serif; }
.chu-food-list p { margin: 0; color: rgba(255,255,255,.6); font-size: .78rem; line-height: 1.65; }

.chu-legend { position: relative; display: grid; grid-template-columns: .55fr 1.45fr; gap: clamp(3rem,8vw,10rem); padding: var(--section-space-y) var(--section-space-x); overflow: hidden; background: linear-gradient(rgba(20,123,120,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(20,123,120,.03) 1px,transparent 1px),#fffaf0; background-size: 28px 28px; }
.chu-legend-mark { position: relative; display: grid; place-items: end center; width: min(320px,28vw); aspect-ratio: 1; margin: 0; overflow: hidden; border: 1px solid rgba(239,92,67,.22); border-radius: 50%; background: radial-gradient(circle at 50% 34%,rgba(255,255,255,.95),rgba(255,250,240,.7) 56%,rgba(20,123,120,.07)); box-shadow: 0 0 0 50px rgba(20,123,120,.04),0 0 0 100px rgba(237,174,54,.035); }
.chu-legend-mark img { position: absolute; left: 50%; bottom: 9%; display: block; width: auto; height: 82%; max-width: 78%; object-fit: contain; object-position: center; transform: translateX(-50%); filter: drop-shadow(0 14px 18px rgba(20,59,74,.16)); }
.chu-legend > div:last-child { align-self: center; max-width: 850px; }
.chu-legend h2 { color: #b52831; }
.chu-legend > div:last-child > p:not(.chu-eyebrow,.chinese-kicker) { margin: 1.7rem 0 1.2rem; color: rgba(20,59,74,.68); font-size: 1rem; line-height: 1.9; }
.chu-legend small { color: rgba(20,59,74,.48); font-size: .7rem; line-height: 1.7; }
.chu-now { display: flex; justify-content: space-between; align-items: center; gap: 4rem; padding: var(--section-space-y) var(--section-space-x); background: #0c5f61; color: white; }
.chu-now > div { max-width: 850px; }
.chu-now > div > p:last-child { color: rgba(255,255,255,.68); line-height: 1.8; }
.chu-now-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .8rem; }
.chu-now-action { display: inline-flex; align-items: center; gap: 1rem; padding: .8rem .8rem .8rem 1.3rem; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; font-size: .66rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; white-space: nowrap; }
.chu-now-action b { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #ffd58a; color: #0c5f61; }
.chu-now-actions .chu-now-primary { border-color: #ffd58a; background: #ffd58a; color: #0c5f61; }
.chu-now-actions .chu-now-primary b { background: #0c5f61; color: #ffd58a; }
.chu-now-application { position: relative; margin-top: .45rem; }
.chu-now-application.is-disabled { cursor: not-allowed; opacity: .88; }
.chu-coming-soon { position: absolute; z-index: 2; top: -1.35rem; right: .95rem; display: block; padding: .42rem .62rem .38rem; border: 1px solid rgba(184,68,61,.2); border-radius: 5px; color: #a63d38; background: #fffaf0; box-shadow: 0 8px 18px rgba(12,52,62,.18); font-size: .5rem; font-style: normal; font-weight: 900; letter-spacing: .08em; line-height: 1; text-transform: uppercase; transform: rotate(4deg); }
.chu-coming-soon::before { content: ""; position: absolute; top: -.38rem; left: 50%; width: 2rem; height: .62rem; background: rgba(255,213,138,.88); box-shadow: 0 1px 2px rgba(12,52,62,.08); transform: translateX(-50%) rotate(-4deg); }

@media (max-width: 1000px) {
	.chu-page { padding-top: 78px; }
	.chu-hero-copy { padding: 4rem 2rem; }
	.chu-meaning { grid-template-columns: .35fr 1.65fr; }
	.chu-meaning > .chu-section-label { grid-column: 1; grid-row: 1; }
	.chu-meaning > div:nth-child(2) { grid-column: 2; grid-row: 1; }
	.chu-meaning-copy { grid-column: 2; grid-row: 2; padding-top: 0; }
	.chu-guardian-mark { grid-column: 1; grid-row: 1 / span 2; align-self: end; justify-self: center; width: min(160px,17vw); margin: 5rem 0 0; }
	.chu-rituals { grid-template-columns: minmax(260px,.7fr) minmax(420px,1.3fr); gap: clamp(2.5rem,5vw,4.5rem); padding-inline: clamp(1.5rem,5vw,3.5rem); }
	.chu-rituals header { position: static; top: auto; }
	.chu-rituals header .chu-section-label { margin-bottom: 3.5rem; }
	.chu-ritual-heading-copy h2 { font-size: clamp(3rem,5.3vw,4.4rem); }
	.chu-ritual-grid article { grid-template-columns: 34px 108px 1fr; gap: 1.1rem; }
	.chu-ritual-symbol { width: 104px; height: 92px; border-radius: 13px; }
	.chu-food-list { grid-template-columns: 1fr; }
	.chu-food-list article { min-height: 0; padding: 1.4rem 0; border-bottom: 1px solid rgba(255,255,255,.14); display: grid; grid-template-columns: 82px minmax(0,1fr); gap: 1.5rem; align-items: center; }
	.chu-food-list article:nth-last-child(-n+4) { border-bottom: 1px solid rgba(255,255,255,.14); }
	.chu-food-list article:last-child { border-bottom: 0; }
	.chu-food-list article::after { display: none; }
	.chu-food-list article > span { grid-column: 1; grid-row: 1; font-size: 2.65rem; }
	.chu-food-list article > div { grid-column: 2; grid-row: 1; }
}

@media (max-width: 700px) {
	.chu-hero { grid-template-columns: 1fr; }
	.chu-hero-copy { padding: 3rem 1.3rem; }
	.chu-hero-image { min-height: 520px; }
	.chu-hero-image::after { background: linear-gradient(0deg,rgba(12,52,62,.86),transparent 60%); }
	.chu-hero-image figcaption { right: 1.5rem; }
	.chu-fifteen { left: auto; right: 1.2rem; bottom: 490px; width: 96px; height: 96px; transform: none; box-shadow: 0 14px 30px rgba(181,40,49,.22); }
	.chu-fifteen small { font-size: .4rem; letter-spacing: .08em; transform: translateY(5px); }
	.chu-fifteen strong { font-size: 2.65rem; }
	.chu-fifteen span { font-size: .68rem; }
	.chu-meaning,.chu-table-heading,.chu-legend { grid-template-columns: 1fr; }
	.chu-meaning,.chu-rituals,.chu-table,.chu-legend,.chu-now { padding: 3rem 1.3rem; }
	.chu-meaning > .chu-section-label,.chu-meaning > div:nth-child(2),.chu-meaning-copy { grid-column: 1; grid-row: auto; }
	.chu-guardian-mark { grid-column: 1; grid-row: auto; order: -1; align-self: auto; justify-self: center; width: 160px; margin: 0 auto 1.4rem; }
	.chu-rituals { display: block; }
	.chu-rituals::before { left: -45vw; bottom: -35vw; width: 120vw; }
	.chu-rituals header { max-width: 100%; margin-bottom: 3.5rem; }
	.chu-rituals header .chu-section-label { margin-bottom: 2.5rem; }
	.chu-ritual-heading-copy h2 { max-width: 420px; font-size: clamp(3rem,13vw,4.2rem); }
	.chu-ritual-grid,.chu-food-list { grid-template-columns: 1fr; }
	.chu-ritual-grid article { grid-template-columns: 24px 86px 1fr; gap: .7rem; padding: 1.35rem 0; }
	.chu-ritual-symbol { width: 82px; height: 74px; border-radius: 10px; }
	.chu-ritual-grid h3 { font-size: 1.08rem; }
	.chu-food-list article { border-right: 0; }
	.chu-table-heading { margin-bottom: 3rem; }
	.chu-legend-mark { width: 180px; }
	.chu-now { align-items: flex-start; flex-direction: column; gap: 2rem; }
	.chu-now-actions { justify-content: flex-start; }
}