.page-seor-creative {
	--seor-black: #11100f;
	--seor-white: #f8f7f2;
	--seor-silver: #c8c8c4;
	--seor-silver-dark: #878985;
	--seor-gold: #fffd01;
	--seor-gold-rgb: 255 253 1;
	--seor-beer: #d99524;
	--seor-line: rgba(17, 16, 15, .24);
	background: var(--seor-white);
	color: var(--seor-black);
}

.seorc {
	overflow: clip;
	background: var(--seor-white);
	color: var(--seor-black);
	font-family: Arial, "Helvetica Neue", sans-serif;
}

.seorc *,
.seorc *::before,
.seorc *::after {
	box-sizing: border-box;
}

.seorc-hero {
	min-height: min(920px, calc(100svh - 3rem));
	display: grid;
	grid-template-columns: minmax(0, .86fr) minmax(32rem, 1.14fr);
	background:
		linear-gradient(90deg, transparent 0 49.92%, rgba(17, 16, 15, .14) 50%, transparent 50.08%),
		linear-gradient(rgba(17, 16, 15, .08) 1px, transparent 1px) 0 0 / 100% 8rem,
		var(--seor-white);
	border-bottom: 1px solid var(--seor-black);
}

/* Teaser desktop introduction: preserve the final copy dimensions, stage that
 * fixed-size pane in the center of the full hero, then move it into place as
 * the can visual enters from beyond the right edge. Mobile keeps its existing
 * stacked layout; reduced-motion users receive the final layout immediately. */
@media (min-width: 992px) and (prefers-reduced-motion: no-preference) {
	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-pending {
		overflow: hidden;
	}

	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-pending .seorc-hero-copy {
		position: relative;
		z-index: 3;
		min-width: 0;
		transform: translate3d(calc((100vw - 100%) / 2), 0, 0);
		will-change: transform;
	}

	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-pending .seorc-hero-copy > * {
		opacity: 0;
		transform: translate3d(0, 1rem, 0);
	}

	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-active .seorc-hero-copy > :nth-child(-n + 3) {
		animation: seorc-hero-copy-reveal 520ms cubic-bezier(.22, .61, .36, 1) both;
	}

	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-active .seorc-hero-copy > :nth-child(1) {
		animation-delay: 80ms;
	}

	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-active .seorc-hero-copy > :nth-child(2) {
		animation-delay: 130ms;
	}

	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-active .seorc-hero-copy > :nth-child(3) {
		animation-delay: 180ms;
	}

	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-active .seorc-hero-copy > :nth-child(n + 4) {
		animation: seorc-hero-copy-reveal 460ms cubic-bezier(.22, .61, .36, 1) both;
	}

	/* Sales notice, product line, and actions resolve only after the linked
	 * pane motion has settled, turning the landing sequence into a clear CTA. */
	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-active .seorc-hero-copy > :nth-child(4) {
		animation-delay: 2050ms;
	}

	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-active .seorc-hero-copy > :nth-child(5) {
		animation-delay: 2120ms;
	}

	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-active .seorc-hero-copy > :nth-child(6) {
		animation-delay: 2190ms;
	}

	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-pending .seorc-object-stage {
		min-width: 0;
		transform: translate3d(100%, 0, 0);
		will-change: transform;
	}

	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-active .seorc-hero-copy {
		transform: translate3d(0, 0, 0);
		transition: transform 1250ms cubic-bezier(.22, .61, .36, 1) 850ms;
	}

	.seorc-hero[data-seor-hero-entrance].is-hero-entrance-active .seorc-object-stage {
		transform: translate3d(0, 0, 0);
		transition: transform 1250ms cubic-bezier(.22, .61, .36, 1) 850ms;
	}
}

@keyframes seorc-hero-copy-reveal {
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.seorc-hero-copy {
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding: clamp(6rem, 8vw, 8rem) clamp(1.5rem, 6vw, 7rem) clamp(3.5rem, 5vw, 5rem);
}

.seorc-eyebrow,
.seorc-section-index {
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .09em;
	line-height: 1.3;
}

.seorc-hero h1 {
	margin: 1rem 0 0;
	font-size: clamp(2.65rem, 3.9vw, 4.55rem);
	font-weight: 950;
	letter-spacing: -.065em;
	line-height: .86;
}

.woocommerce .seorc-hero-logo,
.woocommerce-page .seorc-hero-logo,
.seorc-hero-logo {
	display: block;
	width: clamp(7rem, 10vw, 9.5rem);
	max-width: 100%;
	height: auto !important;
	margin-top: 1.5rem;
	object-position: left center;
}

.woocommerce .seorc-hero-title-art,
.woocommerce-page .seorc-hero-title-art,
.seorc-hero-title-art {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto !important;
	object-position: left center;
	transform: translateX(-1.2%);
}

.seorc-hero-ja {
	margin: clamp(2.5rem, 3vw, 3rem) 0 0;
}

.seorc-hero-ja span {
	display: block;
	font-size: clamp(1.05rem, 1.45vw, 1.35rem);
	font-weight: 750;
	line-height: 1.6;
}

.seorc-hero-ja strong {
	display: block;
	margin-top: .75rem;
	font-size: clamp(2rem, 3vw, 3.3rem);
	font-weight: 950;
	letter-spacing: -.06em;
	line-height: 1.02;
}

.seorc-hero-release {
	align-self: flex-start;
	margin: 1.5rem 0 0;
	padding: .72rem .9rem;
	border: 1px solid var(--seor-black);
	background: var(--seor-gold);
	color: var(--seor-black);
	font-size: clamp(.78rem, 1vw, .95rem);
	font-weight: 950;
	letter-spacing: .025em;
	line-height: 1.4;
}

.seorc-hero-product {
	margin: .9rem 0 0;
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .1em;
}

.seorc-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .65rem;
	margin-top: 1.75rem;
}

.seorc-button {
	display: inline-flex;
	min-height: 3rem;
	align-items: center;
	justify-content: center;
	padding: .75rem 1.1rem;
	border: 1px solid var(--seor-black);
	border-radius: 999px;
	background: var(--seor-white);
	color: var(--seor-black);
	font-size: .78rem;
	font-weight: 900;
	text-decoration: none;
}

.seorc-button.is-black {
	background: var(--seor-black);
	color: var(--seor-white);
}

.seorc-object-stage {
	position: relative;
	min-height: 46rem;
	display: grid;
	place-items: center;
	isolation: isolate;
	overflow: hidden;
	background-color: var(--seor-silver);
}

.seorc-object-stage::before {
	content: "";
	position: absolute;
	z-index: 0;
	inset: 0;
	background-image: var(--seor-hero-image);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	filter: none;
	transform: translate3d(0, var(--seorc-parallax-y, 0px), 0) scale(1.24);
	animation: seorc-hero-background-zoom-out 18s cubic-bezier(.22, .61, .36, 1) both;
	will-change: transform;
	pointer-events: none;
}

.seorc-object-stage::after {
	display: none;
}

.seorc-hero-slideshow {
	position: absolute;
	z-index: 1;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.seorc-hero-slideshow img {
	position: absolute;
	inset: 0;
	display: block;
	/* The globally loaded WooCommerce image rule otherwise restores
	 * height:auto after this stylesheet. Keep slide dimensions locked to the
	 * stage so object-fit:cover applies to landscape media too. */
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	max-height: none;
	object-fit: cover;
	opacity: 0;
	transition: opacity 1.2s ease;
}

.seorc-hero-slideshow img.is-active {
	opacity: 1;
}

.seorc-object-stage.has-hero-slideshow::before {
	opacity: 0;
}

/* The can remains in front of the photographs, but the legacy lower-stage
 * shade must not cover a portrait or landscape MAP slide. */
.seorc-object-stage.has-hero-slideshow .seorc-hero-shade {
	display: none;
}

@keyframes seorc-hero-background-zoom-out {
	from {
		transform: translate3d(0, var(--seorc-parallax-y, 0px), 0) scale(1.3);
	}
	to {
		transform: translate3d(0, var(--seorc-parallax-y, 0px), 0) scale(1.24);
	}
}

@media (prefers-reduced-motion: reduce) {
	.seorc-object-stage::before {
		animation: none;
		transform: scale(1.24);
	}

	.seorc-hero-slideshow img {
		transition: none;
	}
}

.seorc-hero-mesh {
	position: absolute;
	z-index: 2;
	inset: 0;
	display: block;
	background: var(--zokzok-mesh-bg);
	pointer-events: none;
}

.seorc-hero-shade {
	position: absolute;
	z-index: 2;
	inset: 0;
	display: block;
	background: linear-gradient(to bottom, transparent 0 30%, rgba(7, 15, 28, .78) 100%);
	pointer-events: none;
}

.seorc-area-shadow {
	position: absolute;
	width: min(70%, 35rem);
	right: -5%;
	top: 2%;
	fill: rgba(17, 16, 15, .08);
	transform: rotate(12deg);
}

.seorc-can {
	position: relative;
	z-index: 2;
	width: clamp(17rem, 28vw, 24rem);
	aspect-ratio: .66 / 1;
	border: 1px solid rgba(17, 16, 15, .38);
	border-radius: 15% 15% 11% 11% / 6% 6% 4% 4%;
	background:
		linear-gradient(90deg, #787a77, #f7f7f4 15%, #a7a9a5 30%, #f9f9f6 48%, #8d8f8c 74%, #f4f4f1 90%, #747673);
	box-shadow: 2rem 2.5rem 3rem rgba(17, 16, 15, .22);
}

.seorc-can-image {
	position: relative;
	z-index: 3;
	display: block;
	width: auto;
	max-width: min(80%, 32rem);
	height: clamp(34rem, 72vh, 43rem) !important;
	object-fit: contain;
	filter: drop-shadow(2rem 2.5rem 2.25rem rgba(17, 16, 15, .28));
}

.seorc-can::before,
.seorc-can::after {
	content: "";
	position: absolute;
	left: 4%;
	width: 92%;
	height: 4%;
	border: 1px solid rgba(17, 16, 15, .35);
	border-radius: 50%;
	background: linear-gradient(#8b8d89, #f5f5f2, #777976);
}

.seorc-can::before {
	top: -1%;
}

.seorc-can::after {
	bottom: -1%;
}

.seorc-can-top {
	position: absolute;
	z-index: 2;
	top: .4%;
	left: 16%;
	width: 68%;
	height: 3.5%;
	border: 1px solid rgba(17, 16, 15, .6);
	border-radius: 50%;
	background: #b9bab6;
}

.seorc-label-shape {
	position: absolute;
	inset: 12% 8% 10%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1rem;
	clip-path: polygon(0 0, 100% 0, 100% 41%, 89% 51%, 89% 73%, 56% 98%, 47% 92%, 0 92%);
	background: var(--seor-gold);
	color: var(--seor-black);
}

.seorc-label-shape > small {
	align-self: flex-start;
	font-size: .48rem;
	font-weight: 900;
	letter-spacing: .04em;
	line-height: 1.05;
}

.seorc-label-shape > strong {
	margin-top: .35rem;
	font-size: clamp(2.5rem, 4vw, 4.2rem);
	font-weight: 950;
	letter-spacing: .12em;
	line-height: 1;
}

.seorc-compass {
	position: relative;
	width: 2.2rem;
	aspect-ratio: 1;
	margin-top: auto;
	border: .24rem solid currentColor;
	border-radius: 50%;
}

.seorc-compass i {
	position: absolute;
	inset: 15% 25%;
	background: currentColor;
	clip-path: polygon(50% 0, 100% 100%, 50% 74%, 0 100%);
}

.seorc-issue-dot {
	position: absolute;
	right: -1%;
	bottom: 5%;
	width: 38%;
	aspect-ratio: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(248, 247, 242, .9);
	text-align: center;
}

.seorc-issue-dot b {
	font-size: 1.5rem;
	line-height: 1;
}

.seorc-issue-dot span {
	margin-top: .3rem;
	font-size: .42rem;
	font-weight: 900;
	line-height: 1.25;
}

.seorc-limited {
	position: absolute;
	z-index: 4;
	right: 4%;
	bottom: 4%;
	display: flex;
	align-items: flex-end;
	gap: .7rem;
	color: var(--seor-white);
}

.seorc-limited strong {
	font-size: clamp(4rem, 7vw, 7rem);
	font-weight: 950;
	letter-spacing: -.08em;
	line-height: .72;
}

.seorc-limited span {
	font-size: .7rem;
	font-weight: 900;
	line-height: 1.15;
}

.seorc-nav {
	position: sticky;
	z-index: 1020;
	top: var(--zok-header-offset, 64px);
	display: flex;
	overflow-x: auto;
	background: var(--seor-black);
	color: var(--seor-white);
	scrollbar-width: none;
}

.seorc-nav a {
	flex: 1 0 auto;
	padding: .9rem 1rem;
	border-right: 1px solid rgba(248, 247, 242, .22);
	color: inherit;
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .07em;
	text-decoration: none;
}

.seorc-section {
	padding: clamp(5rem, 9vw, 9rem) clamp(1.25rem, 6vw, 7rem);
	border-bottom: 1px solid var(--seor-black);
	scroll-margin-top: calc(var(--zok-header-offset, 64px) + 3rem);
}

.seorc-section-index {
	margin-bottom: clamp(3rem, 6vw, 6rem);
}

.seorc-saison {
	--seor-beer-ink: #231815;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: clamp(4.5rem, 6vw, 6.5rem) clamp(2rem, 6vw, 7rem) clamp(6rem, 8vw, 8rem);
	background: var(--seor-gold);
	color: var(--seor-beer-ink);
}

.seorc-saison > .seorc-section-index {
	position: relative;
	z-index: 2;
	margin-bottom: 1.5rem;
	font-size: .6875rem;
	font-weight: 900;
	letter-spacing: .12em;
}

.seorc-saison-layout {
	position: static;
}

.seorc-saison-visual {
	position: absolute;
	z-index: 0;
	inset: 0;
	margin: 0;
	overflow: hidden;
	background: #d99524;
}

.woocommerce .seorc-saison-visual img,
.woocommerce-page .seorc-saison-visual img,
.seorc-saison-visual img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: 50% 40%;
	transform: translate3d(0, var(--seorc-parallax-y, 0px), 0) scale(1.22);
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.seorc-saison-visual img {
		transform: scale(1.22);
	}
}

.seorc-saison::after {
	position: absolute;
	z-index: 1;
	inset: 0;
	background: linear-gradient(90deg, rgba(255, 250, 235, .52) 0%, rgba(255, 250, 235, .28) 46%, rgba(255, 250, 235, .08) 62%, rgba(255, 250, 235, .46) 100%);
	content: "";
	pointer-events: none;
}

.seorc-saison-content {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-template-rows: auto auto auto;
	column-gap: clamp(2rem, 4vw, 5rem);
	row-gap: 0;
	min-height: 0;
	padding: .5rem 0 0;
	background: transparent;
	color: var(--seor-beer-ink);
}

.seorc-saison-id {
	grid-column: 1 / 8;
	grid-row: 1;
	margin: 0;
	color: var(--seor-beer-ink);
	font-size: .75rem;
	font-weight: 900;
	letter-spacing: .09em;
	line-height: 1.4;
}

.seorc-saison-content h2 {
	grid-column: 1 / 8;
	grid-row: 2;
	align-self: start;
	max-width: 8em;
	margin: 1.25rem 0 0;
	font-size: clamp(3.5rem, 4.6vw, 4.8rem);
	font-weight: 950;
	letter-spacing: -.06em;
	line-height: .91;
}

.seorc-saison-title-desktop,
.seorc-saison-ending-desktop {
	display: block;
}

.seorc-saison-title-mobile,
.seorc-saison-ending-mobile {
	display: none;
}

.seorc-saison-lead {
	grid-column: 1 / 7;
	grid-row: 3;
	align-self: auto;
	margin: 2.5rem 0 0;
	font-size: clamp(1.15rem, 1.45vw, 1.45rem);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.65;
}

.seorc-circle-label {
	position: relative;
	z-index: 2;
	width: clamp(10rem, 13vw, 13rem);
	aspect-ratio: 1;
	margin: 0 auto clamp(3.5rem, 5vw, 5rem);
	padding: 1.4rem;
	border: 0;
	border-radius: 50%;
	background: #fff;
	box-shadow: none;
}

.seorc-circle-label img {
	display: block;
	width: 100%;
	height: auto;
}

@media (min-width: 768px) {
	.seorc-saison {
		display: grid;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		column-gap: clamp(2rem, 4vw, 5rem);
	}

	.seorc-saison > .seorc-section-index,
	.seorc-saison-layout {
		grid-column: 1 / -1;
	}

	.seorc-circle-label {
		grid-column: 9 / -1;
		justify-self: start;
		width: clamp(9.5rem, 11vw, 11rem);
		margin: 0 0 2.25rem;
	}
}

.seorc-saison-story {
	grid-column: 9 / -1;
	grid-row: 2 / 4;
	align-self: start;
	max-width: 28rem;
	margin: .25rem 0 0;
	padding: 0;
	border: 0;
}

.seorc-saison-story > p {
	margin: 0 0 1.25rem;
	color: var(--seor-beer-ink);
	font-size: clamp(.9rem, 1.05vw, 1rem);
	font-weight: 650;
	line-height: 1.9;
}

.seorc-saison-story > strong {
	display: block;
	margin-top: 2.25rem;
	font-size: clamp(1.35rem, 1.65vw, 1.7rem);
	font-weight: 950;
	letter-spacing: -.035em;
	line-height: 1.45;
}

.seorc-beer-facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 3rem;
	border-top: 1px solid var(--seor-black);
	border-left: 1px solid var(--seor-black);
}

.seorc-beer-facts span {
	min-height: 6rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem;
	border-right: 1px solid var(--seor-black);
	border-bottom: 1px solid var(--seor-black);
	font-size: .72rem;
	font-weight: 900;
	line-height: 1.45;
}

.seorc-beer-facts b {
	font-size: .58rem;
	letter-spacing: .08em;
}

.seorc-label-map {
	background: var(--seor-white);
}

.seorc-label-map-grid {
	display: grid;
	grid-template-columns: minmax(19rem, .72fr) minmax(34rem, 1.28fr);
	gap: clamp(3rem, 6vw, 7.5rem);
	align-items: center;
}

.seorc h2 {
	margin: 0;
	font-size: clamp(3rem, 6.8vw, 7.6rem);
	font-weight: 950;
	letter-spacing: -.065em;
	line-height: .86;
}

.seorc h2.seorc-lined {
	max-width: none;
	font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, "Noto Sans JP", sans-serif;
	font-feature-settings: "palt" 1, "kern" 1;
	font-kerning: normal;
	text-rendering: geometricPrecision;
}

.seorc h2.seorc-heading-a {
	font-size: clamp(3.5rem, 5.6vw, 6.5rem);
	letter-spacing: -.075em;
	line-height: .84;
}

.seorc h2.seorc-heading-b {
	font-size: clamp(3rem, 4.5vw, 5rem);
	letter-spacing: -.065em;
	line-height: .92;
}

.seorc h2.seorc-heading-c {
	font-size: clamp(2.6rem, 3.6vw, 4rem);
	letter-spacing: -.05em;
	line-height: 1;
}

.seorc-line {
	display: block;
	width: max-content;
	max-width: 100%;
	white-space: nowrap;
	word-break: keep-all;
}

.seorc-line--join-wide,
.seorc-line--join-wide + .seorc-line {
	display: inline-block;
}

.seorc-desktop-break {
	display: block;
}

@media (min-width: 992px) {
	.seorc-circulation-copy {
		position: relative;
		z-index: 2;
		isolation: isolate;
		padding-left: clamp(1.5rem, 3vw, 3.5rem);
	}

	.seorc-circulation-copy::before {
		position: absolute;
		z-index: -1;
		inset: -2.5rem -2rem -2.5rem -5rem;
		background: linear-gradient(90deg, transparent 0, rgba(17, 16, 15, .92) 22%, var(--seor-black) 45%);
		content: "";
		pointer-events: none;
	}
}

.seorc-label-map-grid > div:first-child > p,
.seorc-map-intro > p,
.seorc-circulation-copy > p,
.seorc-boost-grid > div:last-child > p {
	max-width: 40rem;
	margin: 2rem 0 0;
	font-size: clamp(1rem, 1.4vw, 1.2rem);
	font-weight: 650;
	line-height: 1.9;
}

.seorc-label-copy > p + p {
	margin-top: 1.25rem;
}

.seorc-label-media {
	position: relative;
	min-height: clamp(46rem, 66vw, 68rem);
}

.seorc-label-scene {
	position: absolute;
	inset: 0 0 0 auto;
	width: 74%;
	margin: 0;
	overflow: hidden;
	background: #d2d3d0;
}

.woocommerce .seorc-label-scene img,
.woocommerce-page .seorc-label-scene img,
.seorc-label-scene img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100% !important;
	object-fit: cover;
	object-position: 50% 50%;
}

.seorc-label-art {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: clamp(2rem, 5vw, 5rem);
	display: grid;
	place-items: center;
	width: 43%;
	min-height: 0;
	padding: clamp(1.5rem, 3vw, 3.5rem);
	border: 1px solid var(--seor-black);
	background: #d2d3d0;
	box-shadow: 1.25rem 1.25rem 0 rgba(17, 16, 15, .12);
}

.seorc-label-art img {
	display: block;
	width: 100%;
	height: auto !important;
	aspect-ratio: 222 / 274;
	object-fit: contain;
	filter: drop-shadow(.8rem 1rem 1rem rgba(17, 16, 15, .18));
}

.seorc-map-section {
	background: #d2d3d0;
}

.seorc-map-intro {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr);
	gap: 3rem 6rem;
	align-items: end;
}

.seorc-map-intro > p {
	margin: 0;
}

.seorc-map-filters {
	display: flex;
	flex-wrap: wrap;
	gap: .55rem;
	margin: 3.5rem 0 1.5rem;
}

.seorc-map-filters button {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: .8rem;
	min-width: 5.5rem;
	min-height: 2.75rem;
	padding: .65rem 1rem;
	border: 2px solid var(--seor-black);
	border-radius: 999px;
	background: transparent;
	color: var(--seor-black);
	font-size: .75rem;
	font-weight: 900;
	letter-spacing: .08em;
	white-space: nowrap;
	transition: background .18s ease, color .18s ease, transform .18s ease;
}

.seorc-map-filters button b {
	font-size: .56rem;
	font-variant-numeric: tabular-nums;
	opacity: .62;
}

.seorc-map-filters button:hover,
.seorc-map-filters button:focus-visible {
	transform: translateY(-2px);
}

.seorc-map-filters button.is-active {
	background: var(--seor-black);
	color: var(--seor-white);
}

.seorc-map-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(20rem, .55fr);
	border: 2px solid var(--seor-black);
	background: var(--seor-white);
	box-shadow: 1.25rem 1.25rem 0 rgba(17, 16, 15, .16);
}

.seorc-map-canvas {
	position: relative;
	height: min(68vw, 56rem);
	min-height: min(68vw, 56rem);
	overflow: hidden;
	border-right: 2px solid var(--seor-black);
	background: var(--seor-black);
	color: var(--seor-white);
}

.seorc-map-grid {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(rgba(248, 247, 242, .12) 1px, transparent 1px) 0 0 / 100% 5rem,
		linear-gradient(90deg, rgba(248, 247, 242, .12) 1px, transparent 1px) 0 0 / 5rem 100%,
		linear-gradient(22deg, transparent 47%, rgba(248, 247, 242, .08) 48% 49%, transparent 50%) 0 0 / 13rem 13rem;
}

.seorc-map-area {
	position: absolute;
	inset: 7% 17%;
	width: 66%;
	height: 86%;
	fill: rgb(var(--seor-gold-rgb) / .9);
	stroke: var(--seor-white);
	stroke-width: .55;
	filter: drop-shadow(1.25rem 1.25rem 0 rgba(248, 247, 242, .13));
}

.seorc-map-orbit {
	position: absolute;
	border: 1px solid rgba(248, 247, 242, .38);
	border-radius: 50%;
	pointer-events: none;
}

.seorc-map-orbit.is-orbit-one {
	left: -9%;
	top: 13%;
	width: 74%;
	aspect-ratio: 1;
}

.seorc-map-orbit.is-orbit-two {
	right: -14%;
	bottom: -8%;
	width: 68%;
	aspect-ratio: 1;
	border-style: dashed;
}

.seorc-map-links {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: rgba(248, 247, 242, .7);
	stroke-width: .28;
	stroke-dasharray: 1.2 1.2;
	vector-effect: non-scaling-stroke;
}

.seorc-map-axis {
	position: absolute;
	left: 2rem;
	top: 2rem;
	display: grid;
	grid-template-columns: auto auto 4rem auto;
	gap: .6rem;
	align-items: center;
	font-size: .55rem;
	font-weight: 900;
	letter-spacing: .08em;
}

.seorc-map-axis b {
	grid-column: 1 / -1;
	font-size: .62rem;
}

.seorc-map-axis i {
	height: 1px;
	background: currentColor;
}

.seorc-map-north {
	position: absolute;
	right: 3%;
	top: 3%;
	display: grid;
	place-items: center;
	width: 3rem;
	aspect-ratio: 1;
	border: 2px solid var(--seor-white);
	border-radius: 50%;
	font-size: .55rem;
}

.seorc-map-north i {
	width: 55%;
	height: 55%;
	background: var(--seor-white);
	clip-path: polygon(50% 0, 100% 100%, 50% 75%, 0 100%);
}

.seorc-map-north b {
	position: absolute;
	top: -1rem;
}

.seorc-map-point {
	position: absolute;
	z-index: 3;
	left: var(--point-x);
	top: var(--point-y);
	display: flex;
	align-items: center;
	gap: .4rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--seor-white);
	text-align: left;
	transform: translate(-50%, -50%);
	transition: opacity .2s ease, scale .2s ease, filter .2s ease;
}

.seorc-map-point i {
	width: 1.05rem;
	aspect-ratio: 1;
	flex: 0 0 auto;
	border: 2px solid var(--seor-white);
	border-radius: 50%;
	background: var(--seor-white);
	box-shadow: 0 0 0 .28rem rgba(17, 16, 15, .72), 0 0 0 .34rem rgba(248, 247, 242, .58);
}

.seorc-map-point::after {
	position: absolute;
	left: -.85rem;
	top: -.85rem;
	width: 2.75rem;
	height: 2.75rem;
	content: "";
}

.seorc-map-point span {
	max-width: 10rem;
	padding: .4rem .5rem;
	border: 1px solid rgba(248, 247, 242, .65);
	background: rgba(17, 16, 15, .88);
	font-size: .54rem;
	font-weight: 900;
	line-height: 1.25;
}

.seorc-map-point span small {
	display: block;
	margin-bottom: .2rem;
	color: var(--seor-gold);
	font-size: .48rem;
	letter-spacing: .08em;
}

.seorc-map-point.is-beer i {
	background: var(--seor-gold);
}

.seorc-map-point.is-salon i {
	background: #138243;
}

.seorc-map-point.is-record i {
	background: #2474b9;
}

.seorc-map-point.is-muted {
	opacity: .1;
}

.seorc-map-point.is-active {
	z-index: 5;
	filter: drop-shadow(0 0 .7rem rgba(248, 247, 242, .78));
	scale: 1.12;
}

.seorc-map-expansion {
	position: absolute;
	right: 2rem;
	bottom: 2rem;
	margin: 0;
	font-size: clamp(1rem, 1.8vw, 1.55rem);
	font-weight: 950;
	letter-spacing: -.03em;
	line-height: 1;
	text-align: right;
}

.seorc-point-ledger {
	display: flex;
	flex-direction: column;
	min-height: 0;
	height: min(68vw, 56rem);
	background: var(--seor-white);
}

.seorc-point-ledger > header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	padding: 1.25rem;
	background: var(--seor-black);
	color: var(--seor-white);
}

.seorc-record-title {
	display: block;
	width: 5.75rem;
	height: auto;
	filter: invert(1);
}

.seorc-point-ledger > header b {
	font-size: 3rem;
	letter-spacing: -.08em;
	line-height: .75;
}

.seorc-map-records {
	min-height: 0;
	flex: 1 1 auto;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: var(--seor-black) var(--seor-white);
}

.seorc-map-records::-webkit-scrollbar {
	width: .55rem;
}

.seorc-map-records::-webkit-scrollbar-thumb {
	border: 2px solid var(--seor-white);
	background: var(--seor-black);
}

.seorc-map-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .45rem;
	width: 100%;
	padding: 1.25rem;
	border: 0;
	border-bottom: 1px solid var(--seor-black);
	background: var(--seor-white);
	color: var(--seor-black);
	text-align: left;
	transition: background .18s ease, color .18s ease, padding .18s ease;
}

.seorc-map-card:hover,
.seorc-map-card:focus-visible,
.seorc-map-card.is-active {
	padding-left: 1.65rem;
	background: var(--seor-gold);
}

.seorc-map-card[hidden] {
	display: none;
}

.seorc-map-card small {
	font-size: .55rem;
	font-weight: 900;
	letter-spacing: .08em;
}

.seorc-map-card strong {
	font-size: clamp(1.05rem, 1.7vw, 1.4rem);
	line-height: 1.08;
}

.seorc-map-card span {
	font-size: .76rem;
	font-weight: 700;
	line-height: 1.65;
}

.seorc-point-ledger > footer {
	display: flex;
	flex-direction: column;
	gap: .65rem;
	margin-top: auto;
	padding: 1.5rem 1.25rem;
	background: var(--seor-black);
	color: var(--seor-white);
}

.seorc-point-ledger > footer b {
	font-size: .62rem;
	letter-spacing: .08em;
}

.seorc-point-ledger > footer span {
	font-size: .72rem;
	font-weight: 700;
	line-height: 1.65;
}

.seorc-map-editor {
	margin-top: 2rem;
	padding: 1.5rem;
	border: 2px dashed var(--seor-black);
	background: rgb(var(--seor-gold-rgb) / .25);
}

.seorc-map-editor > strong,
.seorc-map-editor li span {
	display: block;
	font-size: .55rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.seorc-map-editor > p {
	margin: .5rem 0 1rem;
	font-size: .72rem;
}

.seorc-map-editor ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.seorc-map-editor li {
	padding: .55rem 0;
	border-top: 1px solid var(--seor-black);
	font-size: .72rem;
}

.seorc-leaflet-map {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: #d9d9d4;
	font-family: inherit;
}

.seorc-map-slideshow {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	background: #d9d9d4;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s ease, visibility .35s ease;
}

.seorc-map-slideshow::after {
	position: absolute;
	inset: 0;
	background: rgba(226, 226, 220, .34);
	content: "";
}

.seorc-map-slideshow img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	max-height: none;
	object-fit: cover !important;
	object-position: center center;
	filter: grayscale(1) contrast(.82) brightness(1.08);
	opacity: 0;
	transform: scale(1.025);
	transition: opacity 1.4s ease, transform 7s ease;
}

.seorc-map-slideshow img.is-active {
	opacity: 1;
	transform: scale(1.065);
}

[data-zokzok-map].is-overview-slideshow-active .seorc-map-slideshow {
	opacity: 1;
	visibility: visible;
}

[data-zokzok-map].is-overview-slideshow-active .seorc-leaflet-map {
	background: transparent;
}

.seorc-leaflet-map .seor-map-base-pane {
	filter: grayscale(1) contrast(.82) brightness(1.04);
	opacity: .82;
	transition: opacity .18s ease;
}

.seorc-leaflet-map .zokzok-map-boundary-fill {
	transition: fill-opacity .18s ease, stroke-opacity .18s ease;
}

.seorc-leaflet-map .seor-map-marker-radius-pane {
	opacity: 0;
	visibility: hidden;
	mix-blend-mode: multiply;
	transition: opacity .24s ease, visibility .24s ease;
}

.seorc-leaflet-map .seor-map-artwork-pane {
	transition: opacity .18s ease;
}

.seorc-leaflet-map .seor-map-artwork {
	pointer-events: none;
	user-select: none;
}

[data-zokzok-map] .leaflet-marker-pane {
	transition: opacity .18s ease;
}

[data-zokzok-map].is-area-overview .leaflet-popup-pane {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.seorc-leaflet-map .seor-map-label-pane {
	filter: grayscale(1) contrast(.9);
	opacity: .62;
	transition: opacity .18s ease;
}

.seorc-leaflet-map .leaflet-control-zoom {
	border: 1px solid var(--seor-black);
	border-radius: 0;
	box-shadow: none;
}

.seorc-leaflet-map .leaflet-control-zoom a {
	width: 2.4rem;
	height: 2.4rem;
	border-color: var(--seor-black);
	border-radius: 0 !important;
	background: rgba(248, 247, 242, .94);
	color: var(--seor-black);
	font: 700 1.15rem/2.25rem Arial, sans-serif;
}

.seorc-leaflet-map .leaflet-control-zoom a:hover,
.seorc-leaflet-map .leaflet-control-zoom a:focus-visible {
	background: var(--seor-gold);
}

.seorc-leaflet-map .leaflet-control-attribution {
	padding: .18rem .35rem;
	background: rgba(248, 247, 242, .76);
	color: rgba(17, 16, 15, .58);
	font-size: .48rem;
	line-height: 1.2;
}

.seorc-leaflet-map .leaflet-control-attribution a {
	color: inherit;
}

.zokzok-map-marker {
	position: relative;
	display: block;
	width: 2.7rem;
	height: 2.7rem;
	border: 0;
	background: transparent;
	color: var(--seor-black);
	transform-origin: 50% 100%;
	transition: transform .18s ease;
}

[data-zokzok-map].is-marker-mini .zokzok-map-marker {
	transform: scale(.3333);
}

[data-zokzok-map].is-marker-medium .zokzok-map-marker {
	transform: scale(.6667);
}

.zokzok-map-marker::before {
	position: absolute;
	inset: .15rem;
	border: .22rem solid var(--seor-black);
	border-radius: 50% 50% 50% 0;
	background: var(--seor-gold);
	box-shadow: 0 0 0 .18rem var(--seor-white), .45rem .55rem 0 rgba(17, 16, 15, .25);
	content: "";
	transform: rotate(-45deg);
}

.zokzok-map-marker::after {
	position: absolute;
	inset: .82rem;
	border-radius: 50%;
	background: var(--seor-black);
	content: "";
}

.zokzok-map-marker.is-active {
	filter: drop-shadow(0 0 .7rem rgb(var(--seor-gold-rgb) / .95));
	scale: 1.18;
}


.seorc-map-overlay {
	position: absolute;
	z-index: 500;
	left: 1.25rem;
	bottom: 1.25rem;
	display: flex;
	flex-direction: column;
	pointer-events: none;
}

.seorc-map-overlay img {
	display: block;
	width: 4rem;
	height: auto;
}

.seorc-map-canvas.is-map-overview .seorc-map-overlay {
	opacity: 0;
	visibility: hidden;
}

.seorc-map-card p {
	margin: 0;
	font-size: .76rem;
	font-weight: 700;
	line-height: 1.65;
}

.seorc-map-journals {
	display: flex;
	flex-direction: column;
	gap: .45rem;
	width: 100%;
	margin-top: .35rem;
}

.seorc-map-section[data-map-filter-mode="point"] .seorc-map-journals {
	display: none;
}

.seorc-map-journals > span,
.seorc-map-awaiting {
	font-size: .52rem;
	font-weight: 900;
	letter-spacing: .08em;
}

.seorc-map-journals a {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: .75rem;
	align-items: end;
	padding-top: .45rem;
	border-top: 1px solid currentColor;
	color: inherit;
	text-decoration: none;
}

.seorc-map-journals a b {
	font-size: .76rem;
	line-height: 1.35;
}

.seorc-map-journals a time {
	font-size: .48rem;
	font-weight: 900;
}

.seorc-map-google {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: .65rem;
	min-height: 2.75rem;
	margin-top: .85rem;
	padding: .65rem .8rem;
	border: 1px solid var(--seor-black);
	background: var(--seor-black);
	color: var(--seor-white) !important;
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .04em;
	line-height: 1.2;
	text-decoration: none;
	transition: background .18s ease, color .18s ease, transform .18s ease;
}

.seorc-map-google:hover,
.seorc-map-google:focus-visible,
.seorc-map-google:active {
	border-color: var(--seor-black);
	background: var(--seor-gold);
	color: var(--seor-black) !important;
	transform: translateY(-1px);
}

.seorc-map-google .bi {
	font-size: .8rem;
}

.seorc-map-empty {
	margin: auto 0;
	padding: 2.5rem 1.25rem;
}

.seorc-map-empty b {
	font-size: 1.4rem;
	letter-spacing: -.04em;
}

.seorc-map-empty p {
	margin: 1rem 0 0;
	font-size: .78rem;
	font-weight: 700;
	line-height: 1.7;
}

.seorc-map-layout.is-empty .seorc-map-canvas::after {
	position: absolute;
	z-index: 500;
	inset: 0;
	display: grid;
	place-items: center;
	background: rgba(17, 16, 15, .56);
	color: var(--seor-white);
	content: "JOURNAL POINTS / PREPARING";
	font-size: clamp(1rem, 2vw, 1.5rem);
	font-weight: 950;
	letter-spacing: .08em;
	pointer-events: none;
}

.seorc-leaflet-map .leaflet-popup-content-wrapper,
.seorc-leaflet-map .leaflet-popup-tip {
	border-radius: 0;
	background: var(--seor-white);
	color: var(--seor-black);
	box-shadow: .65rem .65rem 0 #b9bbb6;
}

.seorc-leaflet-map .leaflet-popup-content {
	width: min(17rem, calc(100vw - 5rem)) !important;
	min-width: 14rem;
	margin: 0;
}

.seorc-leaflet-map .leaflet-popup-close-button {
	top: .55rem;
	right: .55rem;
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	padding: 0;
	border: 1px solid var(--seor-black);
	background: var(--seor-white);
	color: var(--seor-black) !important;
	font-size: .75rem;
	line-height: 1;
	backdrop-filter: blur(4px);
}

.seorc-leaflet-map .leaflet-popup-close-button:hover,
.seorc-leaflet-map .leaflet-popup-close-button:focus-visible {
	border-color: var(--seor-gold);
	background: var(--seor-gold);
	color: var(--seor-black) !important;
}

.zokzok-map-popup {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 1rem;
}

.zokzok-map-popup.has-featured-image {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 18rem;
	padding: 8.5rem 1.35rem 1.35rem;
}

.zokzok-map-popup.has-featured-image::before,
.zokzok-map-popup.has-featured-image::after {
	position: absolute;
	z-index: -1;
	inset: 0;
	content: "";
	pointer-events: none;
}

.zokzok-map-popup.has-featured-image::before {
	background: linear-gradient(180deg, rgb(248 247 242 / 0) 0%, rgb(248 247 242 / 0) 38%, var(--seor-white) 64%);
	opacity: 1;
}

.zokzok-map-popup.has-featured-image::after {
	background: linear-gradient(180deg, rgb(248 247 242 / 0) 0%, rgb(248 247 242 / .82) 55%, var(--seor-white) 73%);
}

.zokzok-map-popup-image {
	position: absolute;
	z-index: -2;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	filter: saturate(.82) contrast(1.02);
	opacity: 0;
	transition: opacity .32s ease-out;
}

.zokzok-map-popup.is-image-ready .zokzok-map-popup-image {
	opacity: 1;
}

.zokzok-map-popup small,
.zokzok-map-popup time {
	display: block;
	font-size: .55rem;
	font-weight: 900;
	letter-spacing: .06em;
}

.zokzok-map-popup strong {
	display: block;
	margin-top: .35rem;
	color: var(--seor-black);
	font-size: 1rem;
	line-height: 1.25;
	text-shadow: none;
}

.zokzok-map-popup time {
	width: fit-content;
	margin-top: .8rem;
	padding: .28rem .38rem;
	background: var(--seor-gold);
	color: var(--seor-black);
	line-height: 1;
}

.zokzok-map-popup-actions {
	display: grid;
	gap: .5rem;
	margin-top: 1rem;
}

.zokzok-map-popup-link {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	width: 100%;
	min-height: 2.75rem;
	margin-top: 0;
	padding: .65rem .8rem;
	border: 1px solid var(--seor-gold);
	background: var(--seor-gold);
	color: var(--seor-black) !important;
	font-size: .68rem;
	font-weight: 950;
	letter-spacing: .04em;
	line-height: 1.2;
	text-decoration: none;
	transition: background .18s ease, color .18s ease, transform .18s ease;
}

.zokzok-map-popup-link--primary {
	min-height: 3rem;
	font-size: .72rem;
}

.zokzok-map-popup-link--secondary {
	min-height: 2.5rem;
	border-color: var(--seor-black);
	background: transparent;
	color: var(--seor-black) !important;
	font-size: .62rem;
}

.zokzok-map-popup-link .bi {
	font-size: .82rem;
	line-height: 1;
}

.zokzok-map-popup-link:hover,
.zokzok-map-popup-link:focus-visible {
	background: var(--seor-white);
	border-color: var(--seor-white);
	color: var(--seor-black) !important;
	transform: translateY(-1px);
}

.zokzok-map-popup-link--secondary:hover,
.zokzok-map-popup-link--secondary:focus-visible {
	border-color: var(--seor-gold);
	background: var(--seor-gold);
	color: var(--seor-black) !important;
}

/* The shared modal gets an LP-specific skin only when opened from SEOR MAP. */
#zzUpdateArticleModal.zz-seor-journal-modal .zz-update-log-modal {
	max-width: 68rem;
}

#zzUpdateArticleModal.zz-seor-journal-modal .modal-content {
	border: 1px solid var(--seor-black) !important;
	background: var(--seor-white);
	box-shadow: .55rem .55rem 0 #d2d3d0;
}

#zzUpdateArticleModal.zz-seor-journal-modal .modal-header {
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid var(--seor-black) !important;
	background: var(--seor-white);
	color: var(--seor-black);
}

#zzUpdateArticleModal.zz-seor-journal-modal #modalSeorTitle {
	display: block !important;
	width: 8.25rem;
	height: auto;
	margin-bottom: .8rem;
}

#zzUpdateArticleModal.zz-seor-journal-modal .zz-transit-log-label {
	border-color: var(--seor-black);
	background: transparent;
	color: var(--seor-black);
}

#zzUpdateArticleModal.zz-seor-journal-modal .zz-transit-log-date {
	color: var(--seor-black);
}

#zzUpdateArticleModal.zz-seor-journal-modal #modalUpdateTitle {
	margin-top: .65rem !important;
	color: var(--seor-black);
}

#zzUpdateArticleModal.zz-seor-journal-modal .btn-close {
	opacity: 1;
}

#zzUpdateArticleModal.zz-seor-journal-modal .modal-body {
	padding-top: 1.25rem !important;
}

#zzUpdateArticleModal.zz-seor-journal-modal .zz-update-log-modal-image,
#zzUpdateArticleModal.zz-seor-journal-modal .zz-update-log-modal-content {
	border-color: var(--seor-black);
}

#zzUpdateArticleModal.zz-seor-journal-modal .modal-footer {
	padding-top: .75rem !important;
	padding-bottom: .75rem !important;
	border-top: 1px solid var(--seor-black) !important;
	background: var(--seor-white);
}

#zzUpdateArticleModal.zz-seor-journal-modal #modalJournalLink {
	border-color: var(--seor-gold);
	background: var(--seor-gold);
	color: var(--seor-black);
}

#zzUpdateArticleModal.zz-seor-journal-modal #modalUpdateBookmark {
	border-color: var(--seor-black);
	color: var(--seor-black);
}

.seorc-circulation {
	display: grid;
	grid-template-columns: minmax(18rem, .7fr) minmax(0, 1.3fr);
	gap: clamp(2rem, 5vw, 6rem);
	align-items: end;
	background: var(--seor-black);
	color: var(--seor-white);
}

.seorc-circulation .seorc-section-index,
.seorc-circulation-route {
	grid-column: 1 / -1;
}

.seorc-circulation-number {
	font-size: clamp(8rem, 20vw, 24rem);
	font-weight: 950;
	letter-spacing: -.1em;
	line-height: .68;
	color: var(--seor-gold);
}

.seorc-circulation-copy h2 {
	font-size: clamp(2rem, 3.1vw, 3.8rem);
	line-height: .95;
	text-shadow: .06em .06em 0 var(--seor-black);
}

.seorc-circulation-copy > p + p {
	margin-top: 1rem;
}

.seorc-circulation-route {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: clamp(2rem, 5vw, 5rem);
	border-top: 1px solid rgba(248, 247, 242, .42);
}

.seorc-circulation-route > p {
	min-height: clamp(8rem, 14vw, 13rem);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0;
	padding: 1.25rem;
	border-right: 1px solid rgba(248, 247, 242, .42);
}

.seorc-circulation-route > p:first-child {
	border-left: 1px solid rgba(248, 247, 242, .42);
}

.seorc-circulation-route span {
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .08em;
}

.seorc-circulation-route strong {
	font-size: clamp(1.8rem, 3.4vw, 4rem);
	font-weight: 950;
	letter-spacing: -.06em;
	line-height: .95;
}

.seorc-circulation-route footer {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding-top: 1.25rem;
}

.seorc-photo-record {
	background: var(--seor-black);
	color: var(--seor-white);
}

.seorc-photo-record figure {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(22rem, .65fr);
	margin: 0;
}

.seorc-photo-record img {
	width: 100%;
	height: 100%;
	min-height: 45rem;
	object-fit: cover;
	filter: saturate(.82) contrast(1.05);
}

.seorc-photo-record figcaption {
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding: clamp(2rem, 5vw, 5rem);
	border-left: 1px solid rgba(248, 247, 242, .35);
}

.seorc-photo-record figcaption b,
.seorc-photo-record figcaption span {
	font-size: .67rem;
	font-weight: 900;
	letter-spacing: .06em;
	line-height: 1.5;
}

.seorc-photo-record figcaption span {
	margin-top: .75rem;
	color: var(--seor-gold);
}

.seorc-photo-record figcaption p {
	margin: 3rem 0 0;
	font-size: clamp(1.4rem, 2.5vw, 2.3rem);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.45;
}

.seorc-salon {
	background: var(--seor-white);
}

.seorc-route {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: clamp(1.25rem, 2.5vw, 3rem);
	margin: 5rem 0 0;
	padding: 0;
	list-style: none;
}

.seorc-route::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: .62rem;
	height: 2px;
	background: var(--seor-black);
}

.seorc-route li {
	position: relative;
	z-index: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	padding: 2.75rem 0 0;
}

.seorc-route-node {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 1.35rem;
	height: 1.35rem;
	border: 2px solid var(--seor-black);
	border-radius: 50%;
	background: var(--route-color);
}

.seorc-route li > div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: .5rem;
}

.seorc-route li > div b {
	font-size: 2rem;
}

.seorc-route time {
	font-size: .57rem;
	font-weight: 900;
}

.seorc-route > li > strong {
	margin-top: clamp(2.5rem, 6vw, 7rem);
	color: var(--route-color);
	font-size: clamp(1.3rem, 2vw, 2.2rem);
	font-weight: 950;
	letter-spacing: -.05em;
}

.seorc-route h3 {
	margin: .45rem 0 0;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.15;
}

.seorc-route p {
	margin: 1rem 0 0;
	font-size: .72rem;
	line-height: 1.65;
}

.seorc-route-action {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	margin-top: clamp(3rem, 6vw, 6rem);
	padding: 1.25rem 0;
	border-top: 1px solid var(--seor-black);
	border-bottom: 1px solid var(--seor-black);
	font-size: .7rem;
	line-height: 1.5;
}

.seorc-magazine {
	background: #d2d3d0;
}

.seorc-record-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 4rem;
	border-top: 1px solid var(--seor-black);
	border-left: 1px solid var(--seor-black);
}

.seorc-record-grid article {
	display: flex;
	flex-direction: column;
	min-height: 32rem;
	padding: 1rem;
	border-right: 1px solid var(--seor-black);
	border-bottom: 1px solid var(--seor-black);
	background: var(--seor-white);
}

.seorc-record-grid article.is-lead {
	grid-column: span 2;
	min-height: 42rem;
}

.seorc-record-grid article.is-lead .seorc-record-visual {
	height: 26rem;
}

.seorc-record-grid article.is-lead h3 {
	max-width: 18ch;
	font-size: clamp(2.4rem, 4.5vw, 5rem);
}

.seorc-record-visual {
	height: 15rem;
	overflow: hidden;
	background: var(--record-color);
}

.seorc-record-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(.2);
}

.seorc-record-placeholder {
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	background:
		linear-gradient(135deg, transparent 48%, rgba(17, 16, 15, .28) 49% 51%, transparent 52%),
		var(--record-color);
}

.seorc-record-placeholder span {
	max-width: 75%;
	font-size: 1rem;
	font-weight: 950;
	text-align: center;
}

.seorc-record-meta {
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
	color: var(--record-color);
	font-size: .65rem;
	font-weight: 900;
}

.seorc-record-grid h3 {
	margin: 3rem 0 0;
	font-size: clamp(1.4rem, 2.2vw, 2.2rem);
	font-weight: 900;
	letter-spacing: -.04em;
	line-height: 1.08;
}

.seorc-record-grid small {
	margin-top: auto;
	padding-top: 2rem;
	font-size: .58rem;
	font-weight: 900;
	line-height: 1.45;
}

.seorc-people {
	background: var(--seor-white);
}

.seorc-people-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: 4rem;
	border-top: 1px solid var(--seor-black);
	border-left: 1px solid var(--seor-black);
}

.seorc-people-grid article {
	min-height: 26rem;
	display: flex;
	flex-direction: column;
	padding: 1.25rem;
	border-right: 1px solid var(--seor-black);
	border-bottom: 1px solid var(--seor-black);
}

.seorc-people-grid span,
.seorc-people-grid small {
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .05em;
	line-height: 1.4;
}

.seorc-people-grid h3 {
	margin: 0;
	font-size: clamp(1.2rem, 1.75vw, 2rem);
	font-weight: 950;
	letter-spacing: -.055em;
}

.seorc-people-grid p {
	margin: auto 0 2rem;
	font-size: clamp(1.25rem, 2vw, 2rem);
	font-weight: 900;
	letter-spacing: -.04em;
	line-height: 1.45;
}

.seorc-people-grid article > div {
	padding-top: 1rem;
	border-top: 1px solid var(--seor-black);
}

.seorc-people-grid small {
	display: block;
	margin-top: .55rem;
	opacity: .7;
}

.seorc-boost {
	background: var(--seor-gold);
}

.seorc-boost-grid {
	display: grid;
	grid-template-columns: minmax(18rem, .7fr) minmax(0, 1.3fr);
	gap: clamp(3rem, 8vw, 10rem);
}

.seorc-boost-grid > div:first-child p {
	margin: 0;
	font-size: clamp(3.5rem, 8vw, 9rem);
	font-weight: 950;
	letter-spacing: -.075em;
	line-height: .82;
}

.seorc-boost-grid > div:last-child {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.seorc-boost-grid h2 {
	font-size: clamp(2.8rem, 5.5vw, 6rem);
}

.seorc-boost-levels {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 3rem;
	border-top: 1px solid var(--seor-black);
	border-left: 1px solid var(--seor-black);
}

.seorc-boost-levels span {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 1rem;
	border-right: 1px solid var(--seor-black);
	border-bottom: 1px solid var(--seor-black);
	font-size: 1.4rem;
	font-weight: 950;
}

.seorc-boost-levels b {
	font-size: .65rem;
	letter-spacing: .08em;
}

.seorc-boost-grid small {
	margin-top: 1rem;
	font-size: .62rem;
	font-weight: 900;
}

.seorc-footer {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 2rem;
	align-items: center;
	padding: 2rem clamp(1.25rem, 6vw, 7rem);
	background: var(--seor-black);
	color: var(--seor-white);
}

.seorc-ten-year {
	position: relative;
	min-height: 88svh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(6rem, 11vw, 12rem) clamp(1.25rem, 8vw, 10rem);
	overflow: hidden;
	background:
		linear-gradient(125deg, rgba(248, 247, 242, .08), transparent 45%),
		var(--seor-black);
	color: var(--seor-white);
	border-bottom: 1px solid rgba(248, 247, 242, .25);
}

.seorc-ten-year > .seorc-ten-year-mark {
	position: absolute;
	z-index: 0;
	right: -5vw;
	top: 50%;
	width: clamp(26rem, 48vw, 54rem);
	max-width: none;
	height: auto !important;
	opacity: .055;
	filter: brightness(0) invert(1);
	transform: translateY(-50%);
	pointer-events: none;
}

.seorc-ten-year > * {
	position: relative;
	z-index: 1;
}

.seorc-ten-year > p:first-of-type {
	margin: 0 0 3rem;
	font-size: .7rem;
	font-weight: 950;
	letter-spacing: .1em;
}

.seorc-ten-year h2 {
	max-width: 12ch;
	font-size: clamp(3.6rem, 8vw, 9.5rem);
}

.seorc-ten-year strong {
	display: block;
	max-width: 22ch;
	margin-top: clamp(3rem, 6vw, 6rem);
	color: var(--seor-gold);
	font-size: clamp(1.7rem, 3.4vw, 3.8rem);
	font-weight: 900;
	letter-spacing: -.035em;
	line-height: 1.4;
}

.seorc-ten-year > p:last-child {
	max-width: 44rem;
	margin: 2.5rem 0 0;
	font-size: clamp(.95rem, 1.25vw, 1.15rem);
	font-weight: 650;
	line-height: 1.95;
}

.seorc-footer > div:first-child,
.seorc-footer > div:last-child {
	display: flex;
	flex-direction: column;
	gap: .45rem;
}

.seorc-footer > div:last-child {
	align-items: end;
	text-align: right;
}

.seorc-footer b,
.seorc-footer span,
.seorc-footer a {
	color: inherit;
	font-size: .62rem;
	font-weight: 900;
	line-height: 1.5;
}

.seorc-footer .seorc-compass {
	display: block;
	width: 4rem;
	aspect-ratio: 64.42 / 49.79;
	margin: 0;
	border: 0;
	border-radius: 0;
	transition: opacity .2s ease, transform .2s ease;
}

.seorc-footer .seorc-compass:hover,
.seorc-footer .seorc-compass:focus-visible {
	opacity: .72;
	transform: translateY(-.2rem);
}

.seorc-footer .seorc-compass img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.seorc-project-hero {
	min-height: min(900px, calc(100svh - 3rem));
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(25rem, .6fr);
	background: var(--seor-black);
	color: var(--seor-white);
}

.seorc-project-title {
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding: clamp(7rem, 10vw, 10rem) clamp(1.5rem, 6vw, 7rem) clamp(4rem, 7vw, 7rem);
}

.seorc-project-title h1 {
	margin: 1.5rem 0 0;
	font-size: clamp(4rem, 9.5vw, 11rem);
	font-weight: 950;
	letter-spacing: -.08em;
	line-height: .78;
}

.seorc-project-title > p:last-child {
	max-width: 43rem;
	margin: 2.5rem 0 0;
	font-size: clamp(1rem, 1.7vw, 1.45rem);
	font-weight: 750;
	line-height: 1.8;
}

.seorc-project-label {
	position: relative;
	display: grid;
	place-items: center;
	overflow: hidden;
	background: var(--seor-silver);
	color: var(--seor-black);
}

.seorc-project-label svg {
	width: 82%;
	fill: var(--seor-gold);
	filter: drop-shadow(1.5rem 1.5rem 0 rgba(17, 16, 15, .16));
}

.seorc-project-label > span {
	position: absolute;
	right: 12%;
	bottom: 10%;
	display: grid;
	place-items: center;
	width: 8rem;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--seor-white);
	font-size: 3rem;
	font-weight: 950;
}

.seorc-project-label .seorc-compass {
	position: absolute;
	width: 7rem;
	margin: 0;
}

.seorc-project-stair {
	background: var(--seor-white);
}

.seorc-project-stair > h2 {
	max-width: 13ch;
}

.seorc-project-stair ol {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin: 4rem 0 0;
	padding: 0;
	border-top: 1px solid var(--seor-black);
	border-left: 1px solid var(--seor-black);
	list-style: none;
}

.seorc-project-stair li {
	min-height: 18rem;
	display: flex;
	flex-direction: column;
	padding: 1rem;
	border-right: 1px solid var(--seor-black);
	border-bottom: 1px solid var(--seor-black);
}

.seorc-project-stair li b {
	font-size: clamp(1.3rem, 2.2vw, 2.5rem);
	letter-spacing: -.04em;
}

.seorc-project-stair li span {
	margin-top: auto;
	font-size: .9rem;
	font-weight: 800;
	line-height: 1.5;
}

.seorc-project-stair li small {
	margin-top: 1rem;
	font-size: .58rem;
	font-weight: 900;
}

.seorc-project-map-summary {
	display: grid;
	grid-template-columns: minmax(25rem, 1fr) minmax(20rem, 1fr);
	gap: 4rem;
	align-items: center;
	margin-top: 4rem;
	padding: clamp(2rem, 5vw, 5rem);
	border: 1px solid var(--seor-black);
	background: var(--seor-white);
}

.seorc-project-map-shape {
	position: relative;
	max-width: 35rem;
	margin: 0 auto;
}

.seorc-project-map-shape svg {
	width: 100%;
	fill: var(--seor-gold);
	stroke: var(--seor-black);
	stroke-width: .45;
}

.seorc-project-map-shape i {
	position: absolute;
	left: var(--point-x);
	top: var(--point-y);
	width: .9rem;
	aspect-ratio: 1;
	border: 2px solid var(--seor-black);
	border-radius: 50%;
	background: var(--seor-white);
	transform: translate(-50%, -50%);
}

.seorc-project-map-shape i.is-confirmed-public,
.seorc-project-map-shape i.is-beer { background: var(--seor-gold); }
.seorc-project-map-shape i.is-warm-hidden { background: var(--seor-gold); }
.seorc-project-map-shape i.is-candidate-hidden { border-style: dashed; background: var(--seor-silver); }
.seorc-project-map-shape i.is-salon { background: #138243; }
.seorc-project-map-shape i.is-record { background: #2474b9; }

.seorc-project-map-summary > div:last-child {
	display: flex;
	flex-direction: column;
}

.seorc-project-map-summary > div:last-child > b {
	font-size: clamp(4rem, 10vw, 10rem);
	font-weight: 950;
	letter-spacing: -.08em;
	line-height: .75;
}

.seorc-project-map-summary > div:last-child > span {
	margin-top: 1rem;
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .08em;
}

.seorc-project-map-summary > div:last-child > p {
	margin: 3rem 0 0;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.8;
}

.seorc-project-ticket-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 2rem;
	border-top: 1px solid var(--seor-black);
	border-left: 1px solid var(--seor-black);
}

.seorc-project-ticket-grid > div {
	min-height: 13rem;
	display: flex;
	flex-direction: column;
	padding: 1rem;
	border-right: 1px solid var(--seor-black);
	border-bottom: 1px solid var(--seor-black);
}

.seorc-project-ticket-grid > div.is-pass {
	background: var(--seor-black);
	color: var(--seor-white);
	box-shadow: inset 0 .65rem var(--seor-gold);
}

.seorc-project-ticket-grid span,
.seorc-project-ticket-grid small {
	font-size: .6rem;
	font-weight: 900;
	letter-spacing: .06em;
}

.seorc-project-ticket-grid b {
	margin-top: auto;
	font-size: 1.2rem;
}

.seorc-project-ticket-grid strong {
	margin-top: .4rem;
	font-size: 2.2rem;
}

.seorc-project-ticket-grid small {
	margin-top: .5rem;
	opacity: .65;
}

@media (max-width: 1199.98px) {
	.seorc-route {
		grid-template-columns: repeat(6, minmax(13rem, 1fr));
		overflow-x: auto;
		padding-bottom: 1.25rem;
		scroll-snap-type: x mandatory;
		scrollbar-width: thin;
	}

	.seorc-route li {
		scroll-snap-align: start;
	}

	.seorc-people-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.seorc-project-stair ol {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 991.98px) {
	.seorc-nav {
		display: none;
	}

	.seorc-hero,
	.seorc-project-hero,
	.seorc-saison-layout,
	.seorc-label-map-grid,
	.seorc-map-intro,
	.seorc-circulation,
	.seorc-photo-record figure,
	.seorc-boost-grid,
	.seorc-project-map-summary {
		grid-template-columns: 1fr;
	}

	.seorc-hero-copy {
		min-height: 44rem;
	}

	.seorc-object-stage {
		min-height: 45rem;
	}

	.seorc-project-title {
		min-height: 42rem;
	}

	.seorc-project-label {
		min-height: 42rem;
	}

	.seorc-map-layout {
		grid-template-columns: 1fr;
	}

	.seorc-map-canvas {
		height: auto;
		min-height: 46rem;
		border-right: 0;
		border-bottom: 2px solid var(--seor-black);
	}

	.seorc-leaflet-map .leaflet-control-zoom {
		display: none;
	}

	.seorc-point-ledger {
		display: grid;
		height: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.seorc-point-ledger > header,
	.seorc-point-ledger > footer,
	.seorc-map-records {
		grid-column: 1 / -1;
	}

	.seorc-map-records {
		overflow: visible;
	}

	.seorc-map-card.is-grid-left {
		border-right: 1px solid var(--seor-black);
	}

	.seorc-circulation-number {
		font-size: 31vw;
	}

	.seorc-photo-record img {
		min-height: 34rem;
	}

	.seorc-photo-record figcaption {
		border-top: 1px solid rgba(248, 247, 242, .35);
		border-left: 0;
	}

	.seorc-record-grid article.is-lead {
		grid-column: auto;
	}
}

@media (max-width: 767.98px) {
	/* Keep the selected pin and its popup together inside the short mobile map. */
	.seorc-leaflet-map .leaflet-popup-content {
		width: min(15.5rem, calc(100vw - 4.5rem)) !important;
		min-width: 0;
	}

	.zokzok-map-popup {
		padding: .85rem;
	}

	.zokzok-map-popup.has-featured-image {
		min-height: 0;
		padding: 5.6rem 1rem 1rem;
	}

	.zokzok-map-popup.has-featured-image::before {
		background: linear-gradient(180deg, rgb(248 247 242 / 0) 0%, rgb(248 247 242 / 0) 28%, var(--seor-white) 57%);
	}

	.zokzok-map-popup.has-featured-image::after {
		background: linear-gradient(180deg, rgb(248 247 242 / 0) 0%, rgb(248 247 242 / .8) 45%, var(--seor-white) 65%);
	}

	.zokzok-map-popup strong {
		font-size: 1rem;
		line-height: 1.2;
	}

	.zokzok-map-popup time {
		margin-top: .55rem;
	}

	.zokzok-map-popup-actions {
		gap: .4rem;
		margin-top: .75rem;
	}

	.zokzok-map-popup-link--primary {
		min-height: 2.7rem;
	}

	.zokzok-map-popup-link--secondary {
		min-height: 2.25rem;
	}

	.seorc-saison {
		padding: 3.5rem 1.25rem 5.5rem;
	}

	.seorc-saison > .seorc-section-index {
		margin-bottom: 1.25rem;
		padding-inline: 0;
	}

	.seorc-nav a:not(.is-mobile-primary) {
		display: none;
	}

	.seorc-nav a.is-mobile-primary {
		flex: 1 1 25%;
		padding-inline: .5rem;
		text-align: center;
	}

	.seorc-map-filters {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: .5rem;
		scrollbar-width: thin;
	}

	.seorc-map-filters button {
		flex: 0 0 auto;
	}

	.seorc-hero-copy {
		min-height: 29rem;
		padding: 3rem 1.5rem 2rem;
	}

	.seorc-hero h1 {
		margin-top: .75rem;
		font-size: clamp(2.45rem, 12vw, 3.15rem);
		line-height: .88;
	}

	.seorc-hero-logo {
		width: 7rem;
		margin-top: 1.25rem;
	}

	.seorc-hero-ja strong {
		margin-top: .5rem;
		font-size: clamp(2.05rem, 10.2vw, 2.8rem);
	}

	.seorc-hero-ja {
		margin-top: 1.75rem;
	}

	.seorc-hero-release {
		align-self: stretch;
		margin-top: 1.25rem;
		padding: .7rem .75rem;
		font-size: .72rem;
		text-align: center;
	}

	.seorc-hero-ja span {
		font-size: .95rem;
		line-height: 1.5;
	}

	.seorc-hero-product {
		margin-top: 1rem;
	}

	.seorc-actions {
		margin-top: 1.5rem;
	}

	.seorc-button {
		min-height: 2.75rem;
		padding: .65rem .95rem;
		font-size: .72rem;
	}

	.seorc-object-stage {
		min-height: max(28rem, 52svh);
	}

	.seorc-can {
		width: min(35vw, 8.75rem);
	}

	.seorc-can-image {
		width: auto;
		max-width: 90%;
		height: min(47svh, 28rem) !important;
	}

	.seorc-limited {
		right: 1rem;
		bottom: 1rem;
	}

	.seorc-limited strong {
		font-size: 4.25rem;
	}

	.seorc-limited span {
		font-size: .56rem;
	}

	.seorc-label-map-grid {
		gap: 3rem;
	}

	.seorc-label-media {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		min-height: 0;
		padding-bottom: 2.5rem;
	}

	.seorc-label-scene {
		position: relative;
		inset: auto;
		width: calc(100% - 1.5rem);
		aspect-ratio: 2 / 3;
		margin-left: 1.5rem;
	}

	.seorc-label-art {
		position: relative;
		left: auto;
		bottom: auto;
		width: min(72%, 22rem);
		margin-top: -4.5rem;
		padding: 1.75rem;
	}

	.seorc h2.seorc-heading-a {
		font-size: clamp(2.65rem, 10.8vw, 4.3rem);
		letter-spacing: -.065em;
		line-height: .9;
	}

	.seorc h2.seorc-heading-b {
		font-size: clamp(2.35rem, 9.5vw, 3.7rem);
		letter-spacing: -.055em;
		line-height: .98;
	}

	.seorc h2.seorc-heading-c {
		font-size: clamp(2.1rem, 8.4vw, 3.15rem);
		letter-spacing: -.045em;
		line-height: 1.04;
	}

	.seorc-line--join-wide,
	.seorc-line--join-wide + .seorc-line {
		display: block;
	}

	.seorc-line--join-narrow,
	.seorc-line--join-narrow + .seorc-line {
		display: inline-block;
	}

	.seorc-desktop-break {
		display: none;
	}

	.seorc-saison-story > strong {
		margin-top: 2.5rem;
		font-size: 1.5rem;
		line-height: 1.45;
	}

	.seorc-saison-visual {
		min-height: 100%;
	}

	.seorc-saison-visual img {
		object-position: 50% 36%;
	}

	.seorc-saison::after {
		background: rgba(255, 250, 235, .24);
	}

	.seorc-saison-content {
		display: block;
		min-height: 0;
		padding: .5rem 0 0;
	}

	.seorc-saison-id {
		font-size: .6875rem;
		line-height: 1.45;
	}

	.seorc .seorc-saison-content h2.seorc-heading-b {
		max-width: 9em;
		margin: 1.25rem 0 0;
		font-size: clamp(2.55rem, 11.5vw, 3rem);
		line-height: .92;
	}

	.seorc-saison-lead {
		max-width: 19rem;
		margin-top: 2.75rem;
		font-size: 1.05rem;
		line-height: 1.65;
	}

	.seorc-saison-story {
		max-width: 21rem;
		margin-top: 3.75rem;
	}

	.seorc-saison-story > p {
		font-size: .9rem;
		line-height: 1.9;
	}

	.seorc-saison-title-desktop,
	.seorc-saison-ending-desktop {
		display: none;
	}

	.seorc-saison-title-mobile,
	.seorc-saison-ending-mobile {
		display: block;
	}

	.seorc-beer-facts {
		grid-template-columns: 1fr;
	}

	.seorc-ten-year {
		min-height: 76svh;
	}

	.seorc-ten-year > .seorc-ten-year-mark {
		right: -30vw;
		width: 92vw;
		opacity: .065;
	}


	.seorc-ten-year h2 {
		max-width: none;
	}

	.seorc-ten-year strong {
		font-size: 1.6rem;
		line-height: 1.45;
	}

	.seorc-map-canvas {
		min-height: 33rem;
	}

	.seorc-map-area {
		inset: 7% 9%;
		width: 82%;
		height: 86%;
	}

	.seorc-map-point span {
		display: none;
	}

	.seorc-map-point i {
		width: 1rem;
	}

	.seorc-map-axis {
		left: 1rem;
		top: 1rem;
		grid-template-columns: auto auto 2rem auto;
	}

	.seorc-map-expansion {
		right: 1rem;
		bottom: 1rem;
		font-size: .8rem;
	}

	.seorc-point-ledger {
		display: flex;
	}

	.seorc-map-card.is-grid-left {
		border-right: 0;
	}

	.seorc-map-editor ul {
		grid-template-columns: 1fr;
	}

	.seorc-circulation {
		gap: 4rem;
	}

	.seorc h2.seorc-circulation-heading {
		font-size: clamp(1.2rem, 5.35vw, 1.45rem);
		letter-spacing: -.065em;
		line-height: 1.08;
	}

	.seorc-circulation-route {
		grid-template-columns: 1fr;
	}

	.seorc-circulation-route > p {
		min-height: 8rem;
		border-left: 1px solid rgba(248, 247, 242, .42);
		border-bottom: 1px solid rgba(248, 247, 242, .42);
	}

	.seorc-circulation-route footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.seorc-circulation-route footer .seorc-button {
		width: 100%;
	}

	.seorc-photo-record img {
		min-height: 24rem;
	}

	.seorc-route {
		grid-template-columns: repeat(6, 78vw);
		margin-right: -1.25rem;
	}

	.seorc-route-action {
		flex-direction: column;
	}

	.seorc-record-grid {
		display: flex;
		overflow-x: auto;
		margin-right: -1.25rem;
		border-left: 0;
		scroll-snap-type: x mandatory;
		scrollbar-width: thin;
	}

	.seorc-record-grid article,
	.seorc-record-grid article.is-lead {
		flex: 0 0 82vw;
		min-height: 32rem;
		border-left: 1px solid var(--seor-black);
		scroll-snap-align: start;
	}

	.seorc-record-grid article.is-lead .seorc-record-visual {
		height: 18rem;
	}

	.seorc-record-grid article.is-lead h3 {
		font-size: clamp(2rem, 9vw, 3rem);
	}

	.seorc-people-grid {
		display: flex;
		overflow-x: auto;
		margin-right: -1.25rem;
		border-left: 0;
		scroll-snap-type: x mandatory;
		scrollbar-width: thin;
	}

	.seorc-people-grid article {
		flex: 0 0 78vw;
		min-height: 24rem;
		border-left: 1px solid var(--seor-black);
		scroll-snap-align: start;
	}

	.seorc-circle-label {
		width: 80vw;
		max-width: 20rem;
		margin: 0 auto 2.75rem;
		padding: clamp(2rem, 8vw, 3rem);
		box-shadow: none;
	}

	.seorc-boost-levels {
		grid-template-columns: 1fr;
	}

	.seorc-project-stair ol,
	.seorc-project-ticket-grid {
		grid-template-columns: 1fr;
	}

	.seorc-project-stair li {
		min-height: 12rem;
	}

	.seorc-footer {
		grid-template-columns: 1fr auto;
	}

	.seorc-footer > div:last-child {
		grid-column: 1 / -1;
		align-items: start;
		text-align: left;
	}
}