/* Discover's editorial layout. Header styles are intentionally inherited. */
@font-face {
	font-family: "LC Editorial Display";
	src: url("assets/fonts/Anton-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "LC Editorial Mono";
	src: url("assets/fonts/SpaceMono-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "LC Editorial Pixel";
	src: url("assets/fonts/VT323-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Hover/focus reveals the whole title on top of the blurred photograph. */
.lc-discover-page .project-card > img {
	transition: filter .32s ease, transform .45s var(--lc-ease-out), opacity .32s ease;
}
.lc-discover-page .project-card .card-caption {
	inset: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	padding: 18px;
	border-radius: 0;
	background: transparent;
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(15px, 1.5vw, 20px);
	line-height: 1.12;
	font-weight: 400;
	letter-spacing: -.025em;
	text-align: center;
	text-transform: none;
	text-shadow: 0 1px 4px rgb(0 0 0 / 55%);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	opacity: 0;
	transform: translateY(7px);
	transition: opacity .28s ease, transform .35s var(--lc-ease-out);
}
.lc-discover-page .card-caption > span:first-child { flex: 0 1 auto; text-wrap: balance; }
.lc-discover-page .card-caption > span:last-child { font: 11px/1.2 Arial, sans-serif; letter-spacing: .08em; }
.lc-discover-page .project-card:focus-visible > img {
	filter: blur(2px) brightness(.72);
	opacity: 1;
	transform: scale(1.08);
}
.lc-discover-page .project-card:focus-visible .card-caption { opacity: 1; transform: none; }
@media (hover: hover) and (pointer: fine) {
	.lc-discover-page .project-card:hover > img {
		filter: blur(2px) brightness(.72);
		opacity: 1;
		transform: scale(1.08);
	}
	.lc-discover-page .project-card:hover .card-caption { opacity: 1; transform: none; }
}
/* Touch has no hover: a compact caption remains legible without obscuring the photo. */
@media (hover: none) {
	.lc-discover-page .project-card .card-caption {
		top: auto;
		gap: 5px;
		padding: 26px 12px 12px;
		background: linear-gradient(transparent, rgb(0 0 0 / 78%));
		font-size: 15px;
		opacity: 1;
		transform: none;
	}
}

body.lc-article-page { background: #fff; overflow: auto; }
.lc-article-page > .lc-discover-back { display: none; }
.lc-article-page .lc-editorial {
	padding-top: var(--lc-discover-header-space, 144px);
	background: #fff;
	color: #1b1a1c;
}
.lc-story { width: 100%; overflow: hidden; }
.lc-story--coming-soon .lc-story__headline { min-height:55vh; }
.lc-story--coming-soon .lc-story__intro { display:none; }
.lc-story__hero { margin: 0; width: 100%; }
.lc-story__hero > img { display: block; width: 100%; height: auto; }
.lc-story__image-credit { margin: 12px 18px 0; text-align: center; font: 400 11px/1.6 "LC Editorial Mono", "Courier New", monospace; }
.lc-story__headline {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 39vw;
	padding: 6vw 8vw;
}
.lc-story__headline h1 {
	width: 78%;
	margin: 0;
	font: 400 clamp(48px, 7.9vw, 180px)/1.02 "LC Editorial Display", Impact, sans-serif;
	letter-spacing: -.025em;
	text-align: center;
	text-wrap: balance;
	overflow-wrap: anywhere;
	transform: rotate(-4deg) skewY(-1deg);
}
.lc-story__intro { padding: 0 1vw 40px; text-align: center; }
.lc-story__byline {
	margin: 0 0 30px;
	font: 400 28px/1 "LC Editorial Pixel", monospace;
	text-transform: uppercase;
}
.lc-story__dek {
	max-width: 98vw;
	margin: 0 auto;
	font: 400 clamp(30px, 3.2vw, 48px)/.9 "LC Editorial Pixel", monospace;
}
.lc-story__dek p { margin: 0; }
.lc-story__body {
	display: flow-root;
	width: 98%;
	margin: 0 auto;
	font: 400 12.8px/1.625 "LC Editorial Mono", "Courier New", monospace;
	letter-spacing: -.02em;
}
.lc-story__body > * {
	width: min(48vw, 100%);
	max-width: 100%;
	margin: 0 auto 24px;
}
.lc-story__body p { text-align: justify; }
.lc-story__body :is(h2, h3, h4, h5, h6) {
	font: inherit;
	font-size: 1.35em;
	line-height: 1.4;
	margin-top: 2em;
}
.lc-story__body :is(figure, .wp-block-image, .wp-block-gallery, .alignwide, .alignfull, .full) {
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
}
.lc-story__body img { max-width: 100%; height: auto; }
.lc-story__body figure img { display: block; margin: 0 auto; }
.lc-story__body figcaption { margin: 12px auto 28px; text-align: center; font-size: 11px; }
.lc-story__body :is(.left, .alignleft) { width: 48vw; margin-left: 0; margin-right: auto; }
.lc-story__body :is(.right, .alignright) { width: 48vw; margin-left: auto; margin-right: 0; }
.lc-story__body .centre { width: 48vw; margin-inline: auto; }
.lc-story__body blockquote { padding-left: 1.5em; border-left: 1px solid currentColor; }
.lc-story__body a { text-decoration: underline; text-underline-offset: 3px; }
.lc-story__body :is(video, iframe, audio) { max-width: 100%; }
.lc-story__footer { padding: 70px 20px 100px; text-align: center; }
.lc-story__navigation { display: flex; justify-content: center; align-items: center; gap: clamp(18px, 4vw, 56px); }
.lc-story__navigation a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; white-space: nowrap; }
.lc-story__footer a { font: 16px/1.4 Georgia, serif; border-bottom: 1px solid currentColor; padding-bottom: 4px; }
.lc-story__footer a:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; }
@media (max-width: 480px) { .lc-story__footer a { font-size: 14px; } }
@media (max-width: 767px) {
	.lc-story__headline { min-height: 64vw; padding: 60px 6vw; }
	.lc-story__headline h1 { width: 100%; font-size: clamp(42px, 11vw, 82px); }
	.lc-story__intro { padding: 0 12px 30px; }
	.lc-story__byline { font-size: 22px; }
	.lc-story__dek { line-height: 1; }
	.lc-story__body { width: calc(100% - 24px); }
	.lc-story__body > *,
	.lc-story__body :is(.left, .right, .centre, .alignleft, .alignright) { width: 100%; float: none; margin-inline: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.lc-discover-page .project-card > img,
	.lc-discover-page .project-card .card-caption { transition: none; }
}

/* These two figures belong to the article opening, not to the viewport. */
.lc-story__opening{position:relative;isolation:isolate;overflow:hidden;overflow:clip}

/* Reserve actual walking space. No image or paragraph occupies the side lanes. */
.lc-story__walking-section{--lc-walk-lane:clamp(112px,13vw,180px);position:relative;isolation:isolate;overflow:clip;padding:18px 0 64px;min-height:720px}
.lc-story__walking-section>.lc-story__headline,.lc-story__walking-section>.lc-story__intro,.lc-story__walking-section>.lc-story__body,.lc-story__walking-section>.lc-interactive-launch{width:calc(100% - 2*var(--lc-walk-lane));max-width:calc(100% - 2*var(--lc-walk-lane));margin-inline:auto;box-sizing:border-box}
.lc-story__walking-section>.lc-story__headline{padding-inline:0}
.lc-story__walking-section>.lc-story__body>:is(figure,.wp-block-image,.wp-block-gallery,.alignwide,.alignfull,.full){max-width:100%;margin-inline:auto}
.lc-story__walking-section>.lc-story__body .lc-vollebak-still,.lc-story__walking-section>.lc-story__body .lc-steel-still{max-width:100%}
.lc-story__walking-section>:is(.lc-steel-walker,.lc-vollebak-walker){width:calc(var(--lc-walk-lane) - 40px);height:calc((var(--lc-walk-lane) - 40px)*1.75)}
@media(max-width:767px){.lc-story__walking-section{--lc-walk-lane:68px;min-height:480px}.lc-story__walking-section>:is(.lc-steel-walker,.lc-vollebak-walker){width:40px;height:70px}.lc-story__walking-section>.lc-story__headline h1{font-size:clamp(32px,8vw,60px)}.lc-story__walking-section>.lc-story__intro{padding-inline:0}.lc-story__walking-section>.lc-story__body>*{width:100%}}

.lc-story__walking-section>:is(.lc-steel-toggle,.lc-vollebak-toggle){right:calc(var(--lc-walk-lane) + 12px)}

/* Keep Milo's supplied photographs uncropped at both sizes. */
.lc-story--milo .lc-story__hero{padding:24px 18px 0;box-sizing:border-box}
.lc-story--milo .lc-story__hero>img{width:auto;max-width:100%;max-height:76svh;height:auto;object-fit:contain;margin:0 auto}
.lc-story--milo .lc-story__body .lc-milo-childhood{width:min(560px,100%);margin:40px auto}
.lc-milo-childhood img{width:100%;height:auto}

/* Supplied Isla photographs follow their interview sections at natural ratios. */
.lc-story__body .lc-isla-article-figure{width:min(760px,100%);margin:40px auto}
.lc-story__body .lc-isla-article-figure img{width:auto;max-width:100%;height:auto}
.lc-isla-article-figure img+img{margin-top:24px}
.lc-story__body .lc-isla-article-figure figcaption{max-width:640px;padding-inline:8px;line-height:1.6}
.lc-story__body .lc-valerie-closing{width:min(960px,100%);margin:48px auto 0}
.lc-valerie-closing img{width:100%;height:auto}

.lc-story__byline--credit { text-transform: none; }

/* Family photographs retain their complete frame at a comfortable reading size. */
.lc-story__body .lc-family-photograph { width: min(880px, 100%); margin: 40px auto; }
.lc-story__body .lc-family-photograph--portrait { width: min(560px, 100%); }
.lc-family-photograph img { width: 100%; height: auto; }
.lc-story__source-note { padding-block: 18px; border-block: 1px solid #ccc; font-size: 11px; }
.lc-story__source-note p { margin: 0 0 8px; text-align: left; }
.lc-story__source-note p:last-child { margin-bottom: 0; }

/* Distinguish Peter's interview sections and questions from the body copy. */
.lc-story--peter-cusack .lc-story__body :is(h2, h3, h4, h5, h6),
.lc-story--peter-cusack .lc-story__body :is(h2, h3, h4, h5, h6) :is(strong, em) {
 font-weight: 700;
}
/* Give the childhood story's closing attribution its own breathing room. */
.lc-story--dad .lc-story__body .lc-story__closing-credit {
 margin-top: clamp(56px, 7vw, 96px);
 margin-bottom: clamp(48px, 6vw, 80px);
 text-align: left;
}
/* Milo's selected work follows the interview and precedes article navigation. */
.lc-milo-media { width: min(640px, calc(100% - 24px)); margin: 64px auto 0; font: 400 12.8px/1.625 "LC Editorial Mono", "Courier New", monospace; }
.lc-milo-media > h2 { margin: 0 0 32px; font: inherit; font-weight: 700; }
.lc-milo-media__item { margin: 0 0 48px; }
.lc-milo-media__item figcaption { margin: 0 0 16px; }
.lc-milo-media a { color: inherit; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.lc-milo-media a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.lc-milo-media .instagram-media { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; }
.lc-milo-media blockquote { padding: 24px; border: 1px solid #ddd; }
.lc-milo-media iframe { display: block; width: 100%; max-width: 100%; border: 0; }
.lc-milo-media__source { margin: 12px 0 0; font-size: 11px; }

/* Image citations sit beneath photographs on individual article pages. */
.lc-story .lc-image-credit {
 display:block; margin-top:8px; color:#555; font:400 11px/1.6 "LC Editorial Mono","Courier New",monospace;
}
.lc-story .lc-image-credit a, .lc-story__image-credit a {
 color:inherit; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere;
}
.lc-story .lc-image-credit a:focus-visible, .lc-story__image-credit a:focus-visible {
 outline:2px solid currentColor; outline-offset:4px;
}

/* Keep the supplied archival photograph at a comfortable reading width. */
.lc-story--laughs-around-the-world .lc-story__hero { max-width:840px; margin-inline:auto; padding:24px 18px 0; box-sizing:border-box; }

@font-face { font-family:"LC Laughter CJK"; src:url("assets/globe/fonts/cjk.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap; unicode-range:U+314B,U+5339-9FFF,U+D06C; }
@font-face { font-family:"LC Laughter Thai"; src:url("assets/globe/fonts/thai.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap; unicode-range:U+0E00-0E7F; }
.lc-story--laughs-around-the-world .lc-story__body { font-family:"LC Editorial Mono","LC Laughter CJK","LC Laughter Thai",monospace; }
.lc-experience .lc-laugh .lc-laugh__spelling { font-family:"LC Interactive Mono","LC Laughter CJK","LC Laughter Thai",monospace; }