/* Static pen drawings, kept in the margins and out of the reading order. */
.cf-journal {
	position: absolute;
	inset: 0;
	pointer-events: none;
	color: #b5705e;
}
.cf-journal svg {
	position: absolute;
	display: block;
}
.cf-journal-lead {
	width: 150px;
	height: 115px;
}
.cf-journal-stars {
	width: 44px;
	height: 53px;
}
.cf-journal-heart {
	width: 40px;
	height: 35px;
}
.home-hero-inner,
.home-closing > .home-wrap,
.cf-footer-home,
.cp-hero,
.rr-cover-grid,
.ca-hero-grid {
	position: relative;
}
.cf-journal-home .cf-journal-lead {
	right: -86px;
	bottom: 0;
	transform: rotate(-10deg);
}
.cf-journal-home .cf-journal-stars {
	left: -80px;
	top: 18px;
	transform: rotate(-16deg);
}
.cf-journal-home .cf-journal-heart {
	left: -54px;
	bottom: 90px;
	transform: rotate(-12deg);
}
.home-margin-note {
	position: absolute;
	top: -22px;
	right: 6px;
	font:
		600 1.55rem/1.2 'Caveat',
		cursive;
	color: #653d27;
	transform: rotate(-7deg);
	pointer-events: none;
}
.home-margin-note svg {
	display: block;
	width: 100px;
	height: 64px;
	margin-left: 4px;
}
.home-closing .cf-journal-lead {
	left: 8px;
	top: 35px;
	transform: rotate(12deg);
	width: 170px;
	height: 130px;
}
.home-closing .cf-journal-stars {
	right: 30px;
	top: 30px;
	transform: rotate(12deg);
}
.home-closing .cf-journal-heart {
	right: 95px;
	bottom: 0;
}
.cf-journal-footer .cf-journal-lead {
	right: 10px;
	top: 20px;
	width: 130px;
	height: 100px;
}
.cf-journal-footer .cf-journal-stars {
	left: 30px;
	top: 58px;
}
.cf-journal-footer .cf-journal-heart {
	display: none;
}
.cf-journal-product .cf-journal-lead {
	width: 108px;
	height: 83px;
	top: 12px;
	left: 39%;
	transform: rotate(8deg);
}
.cf-journal-product .cf-journal-heart {
	bottom: 42px;
	left: 20px;
}
.cf-journal-product .cf-journal-stars {
	display: none;
}
.cf-journal-margin .cf-journal-lead {
	right: 3%;
	top: 10px;
	width: 124px;
	height: 95px;
}
.cf-journal-margin .cf-journal-stars {
	left: 5%;
	bottom: 20px;
}
.cf-journal-margin .cf-journal-heart {
	left: 3%;
	top: 36px;
}
.rr-cover-grid .cf-journal-margin .cf-journal-lead {
	top: auto;
	bottom: 0;
	left: 31%;
	right: auto;
}
.rr-cover-grid .cf-journal-margin .cf-journal-stars {
	left: 1%;
	bottom: 0;
}
.rr-cover-grid .cf-journal-margin .cf-journal-heart {
	display: none;
}
.ca-hero-grid .cf-journal-margin .cf-journal-lead {
	top: auto;
	bottom: 0;
	right: 43%;
}
.ca-hero-grid .cf-journal-margin .cf-journal-heart {
	display: none;
}
.ca-hero-grid .cf-journal-margin .cf-journal-stars {
	top: -28px;
	left: 1%;
}
@media (max-width: 1250px) {
	.cf-journal-home .cf-journal-lead {
		right: -12px;
		width: 115px;
		height: 88px;
		bottom: -20px;
	}
	.cf-journal-home .cf-journal-stars {
		left: 0;
		top: 0;
		width: 30px;
	}
	.cf-journal-home .cf-journal-heart {
		left: 0;
		bottom: 0;
		width: 30px;
	}
	.home-margin-note {
		right: 12px;
		font-size: 1.3rem;
	}
}
@media (max-width: 800px) {
	.home-margin-note {
		display: none;
	}
	.cf-journal-product .cf-journal-lead {
		left: auto;
		right: 0;
		width: 74px;
		height: 57px;
		top: 6px;
	}
	.cf-journal-product .cf-journal-heart {
		display: none;
	}
	.home-closing .cf-journal-lead {
		width: 84px;
		height: 64px;
		left: 0;
		top: -56px;
	}
	.home-closing .cf-journal-stars {
		right: 0;
		top: auto;
		bottom: -46px;
		width: 32px;
		height: 38px;
	}
	.home-closing .cf-journal-heart {
		display: none;
	}
	.cf-journal-footer .cf-journal-lead {
		width: 80px;
		height: 61px;
		right: 0;
		top: 22px;
	}
	.cf-journal-footer .cf-journal-stars {
		width: 28px;
		height: 34px;
		left: 0;
		top: 60px;
	}
	.cf-journal-margin .cf-journal-lead {
		top: 0;
		right: 8px;
		width: 65px;
		height: 50px;
	}
	.cf-journal-margin .cf-journal-stars {
		bottom: 8px;
		left: 8px;
		width: 28px;
		height: 34px;
	}
	.cf-journal-margin .cf-journal-heart {
		display: none;
	}
	.ca-hero-grid .cf-journal-margin .cf-journal-lead,
	.ca-hero-grid .cf-journal-margin .cf-journal-stars,
	.rr-cover-grid .cf-journal {
		display: none;
	}
}
@media (max-width: 640px) {
	.cf-journal-home .cf-journal-lead {
		right: 3px;
		bottom: -48px;
		width: 68px;
		height: 52px;
	}
	.cf-journal-home .cf-journal-stars {
		left: 0;
		top: 57px;
		width: 22px;
		height: 26px;
	}
	.cf-journal-home .cf-journal-heart {
		bottom: -30px;
		left: 4px;
		width: 24px;
		height: 21px;
	}
}
@media (forced-colors: active) {
	.cf-journal {
		color: GrayText;
	}
}

/* Carry the section waves through collection and information pages too. */
.cf-info-page main > section:first-child,
.ca-hero {
	position: relative;
}
.cf-info-page main > section:first-child::after,
.ca-hero::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: clamp(24px, 3.5vw, 48px);
	pointer-events: none;
	background: #fffaf5;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 24C120 0 240 0 360 24S600 48 720 24S960 0 1080 24S1320 48 1440 24V48H0Z' fill='black'/%3E%3C/svg%3E")
		center / 100% 100% no-repeat;
}

/* Pen strokes, paper scraps, and little compositions around the work. */
:root {
	--journal-underline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 18' preserveAspectRatio='none'%3E%3Cpath d='M4 8C69 1 166 15 294 5M28 15C112 8 205 17 275 11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	--journal-frame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 400' preserveAspectRatio='none'%3E%3Cpath d='M29 8C143 5 329 11 472 7Q492 8 491 29L493 366Q491 389 470 390C311 386 150 394 28 389Q7 388 9 367C12 245 5 119 9 29Q10 9 29 8Z' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
}
.home-collection {
	position: relative;
}
.home-workbench-sketch {
	position: absolute;
	left: -100px;
	top: 45%;
	width: 140px;
	color: #a16048;
	transform: rotate(-9deg);
	pointer-events: none;
}
.home-workbench-sketch .cf-journal-lead {
	position: static;
	display: block;
	width: 140px;
	height: 107px;
}
.home-workbench-sketch span {
	display: block;
	font:
		600 1.4rem/1.1 'Caveat',
		cursive;
	color: #653d27;
	text-align: center;
}
.home-sketch-squiggle {
	display: block;
	width: 95px;
	height: 14px;
	margin: 6px auto 0;
}
.home-hero-flourish {
	position: absolute;
	right: -45px;
	top: 40%;
	width: 66px;
	height: 58px;
	color: #b5705e;
	pointer-events: none;
	transform: rotate(8deg);
}
.home-shelf-caption {
	position: absolute;
	top: 56px;
	left: 2px;
	transform: rotate(-4deg);
	color: #653d27;
	font:
		600 1.7rem/1.3 'Caveat',
		cursive;
	pointer-events: none;
}
.home-shelf-caption svg {
	width: 245px;
	height: 16px;
	display: block;
	color: #bd8065;
}
.home-shelf-sketch {
	position: absolute;
	width: 105px;
	pointer-events: none;
	color: #b5705e;
}
.home-shelf-sketch .cf-journal-lead {
	display: block;
	position: static;
	width: 105px;
	height: 95px;
}
.home-shelf-sketch span {
	display: block;
	font:
		600 1.4rem/1.2 'Caveat',
		cursive;
	color: #653d27;
	text-align: center;
}
.home-shelf-sketch-left {
	left: -122px;
	top: 31%;
	transform: rotate(-8deg);
}
.home-shelf-sketch-right {
	right: -128px;
	top: 65%;
	transform: rotate(8deg);
}
.home-hero h1 > span:last-child::after {
	content: '';
	display: block;
	width: min(430px, 66%);
	height: 14px;
	margin: 5px auto -19px;
	background: #d98f77;
	mask: var(--journal-underline) center / 100% 100% no-repeat;
}
.home-announcement {
	border-radius: 11px 16px 12px 15px / 15px 11px 17px 12px;
	border-color: #ba9479;
}
.home-tile {
	position: relative;
	border-radius: 24px 19px 25px 18px / 20px 25px 18px 24px;
}
.home-tile::after {
	content: '';
	position: absolute;
	inset: 8px;
	background: #fffaf566;
	mask: var(--journal-frame) center / 100% 100% no-repeat;
	pointer-events: none;
}
.home-tile::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 4px;
	left: 28px;
	width: 60px;
	height: 15px;
	transform: rotate(-7deg);
	background: #f4d6b0b3;
	clip-path: polygon(2% 4%, 97% 0, 100% 90%, 3% 100%, 5% 73%, 0 62%);
	pointer-events: none;
}
.home-tile-reading::before,
.home-tile-story::before {
	left: auto;
	right: 30px;
	transform: rotate(8deg);
}
.home-closing h2 > span {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.home-closing h2 > span::after {
	content: '';
	position: absolute;
	height: 15px;
	left: -3%;
	right: -3%;
	bottom: -8px;
	background: #ba765e;
	mask: var(--journal-underline) center / 100% 100% no-repeat;
}
.cf-journal-hatch {
	width: 46px;
	height: 26px;
}
.cf-journal-product .cf-journal-hatch {
	right: 0;
	bottom: 24px;
	transform: rotate(-9deg);
}
.cf-journal-margin .cf-journal-hatch {
	right: 8%;
	bottom: 36px;
	transform: rotate(6deg);
}
.ca-hero-grid .cf-journal-hatch,
.rr-cover-grid .cf-journal-hatch {
	display: none;
}
/* Content stays upright and readable; only its decorative edges are loose. */
.cp-desk,
.cp-wide-screen,
.rr-cover-art,
.rr-podcast-cover,
.rr-story-list > a,
.ca-source {
	position: relative;
}
.cp-desk::after,
.cp-wide-screen::after,
.rr-cover-art::after,
.rr-podcast-cover::after,
.rr-story-list > a::after,
.ca-source::after {
	content: '';
	position: absolute;
	inset: 8px;
	mask: var(--journal-frame) center / 100% 100% no-repeat;
	background: #8d665633;
	pointer-events: none;
}
.cp-desk::after,
.cp-wide-screen::after,
.rr-cover-art::after,
.rr-podcast-cover::after {
	background: #fffaf54d;
}
.cp-desk-label,
.cp-desk figcaption,
.cp-wide-screen figcaption {
	font-family: 'Caveat', cursive;
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: 0;
}
.cp-hand,
.ce-handwritten {
	position: relative;
	width: fit-content;
}
.cp-hand::after,
.ce-handwritten::after {
	content: '';
	display: block;
	width: 70%;
	min-width: 80px;
	height: 11px;
	margin-top: 3px;
	background: #b5705e;
	mask: var(--journal-underline) center / 100% 100% no-repeat;
}
.cf-info-page main > section:first-child h1 {
	width: fit-content;
}
.cf-info-page main > section:first-child h1::after {
	content: '';
	display: block;
	width: 64%;
	height: 13px;
	margin: 5px auto -18px;
	background: #b5705e;
	mask: var(--journal-underline) center / 100% 100% no-repeat;
}
.cf-footer-thanks {
	transform: rotate(-3deg);
}
@media (max-width: 1250px) {
	.home-workbench-sketch {
		left: 0;
		top: 44%;
		width: 94px;
	}
	.home-workbench-sketch .cf-journal-lead {
		width: 94px;
		height: 72px;
	}
	.home-workbench-sketch span {
		font-size: 1.2rem;
	}
	.home-sketch-squiggle {
		width: 70px;
	}
	.home-hero-flourish {
		right: 0;
		width: 50px;
	}
	.home-shelf-sketch {
		display: none;
	}
}
@media (max-width: 900px) {
	.home-workbench-sketch,
	.home-hero-flourish {
		display: none;
	}
	.home-shelf-caption {
		font-size: 1.4rem;
	}
	.home-shelf-caption svg {
		width: 190px;
	}
}
@media (max-width: 640px) {
	.home-shelf-caption {
		position: static;
		transform: rotate(-3deg);
		font-size: 1.4rem;
		width: fit-content;
		margin: 4px 0 18px;
	}
	.home-shelf-caption svg {
		width: 190px;
	}
	.home-hero h1 > span:last-child::after {
		height: 9px;
		margin-bottom: -14px;
		width: 58%;
	}
	.home-tile::after {
		inset: 6px;
	}
	.home-tile::before {
		width: 48px;
		height: 12px;
	}
	.home-closing h2 > span::after {
		height: 10px;
		bottom: -5px;
	}
	.cf-journal-margin .cf-journal-hatch {
		display: none;
	}
	.cf-journal-product .cf-journal-hatch {
		width: 32px;
		height: 18px;
		bottom: 12px;
	}
}