/*
Theme Name: Yog-Sothothery
Theme URI: https://yog.sothothery.com
Author: The Duumvirati
Author URI: https://duum.io
Description: Bespoke theme for The Yog-Sothothery, handmade magic tomes. A grimoire on a desk: dark leather page, a full-bleed cover photograph behind the title, a parchment sheet for the reading, gold rules and an elder sign, Cinzel for display and EB Garamond for text, both self-hosted.
Version: 2.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sothothery
Tags: dark, one-column, custom-header, custom-menu, custom-logo, threaded-comments, translation-ready
*/

/* ---- fonts (self-hosted variable files, latin subset) ------------------- */
@font-face {
	font-family: "Cinzel";
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
	src: url("assets/fonts/cinzel.woff2") format("woff2");
}
@font-face {
	font-family: "EB Garamond";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("assets/fonts/eb-garamond.woff2") format("woff2");
}
@font-face {
	font-family: "EB Garamond";
	font-style: italic;
	font-weight: 400 800;
	font-display: swap;
	src: url("assets/fonts/eb-garamond-italic.woff2") format("woff2");
}

/* ---- tokens ------------------------------------------------------------- */
:root {
	--leather: #130e0a;
	--leather-2: #1d1410;
	--leather-3: #2a1c14;
	--parchment: #efe3c6;
	--parchment-2: #e6d7b3;
	--parchment-3: #d9c690;
	--ink: #2b1d12;
	--ink-soft: #5a4632;
	--ink-muted: #7d6750;
	--blood: #7a1f15;
	--blood-2: #9a2a1d;
	--gold: #c9a227;
	--gold-2: #e2c25a;
	--gold-dim: #8f7326;
	--gold-line: rgba(201, 162, 39, .55);
	--bone: #efe3c6;
	--bone-dim: #b7a98a;

	--display: "Cinzel", "Trajan Pro", "Times New Roman", serif;
	--text: "EB Garamond", Garamond, "Times New Roman", serif;

	--wrap: 1080px;
	--measure: 68ch;
	--gap: 14px;
	--gap-lg: 24px;
	--sheet-pad: 20px;
	--radius: 2px;
}
@media (min-width: 768px) {
	:root { --gap: 16px; --gap-lg: 32px; --sheet-pad: 40px; }
}

/* ---- base --------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--leather);
	color: var(--bone);
	font-family: var(--text);
	font-size: 17px;
	line-height: 1.6;
	text-wrap: pretty;
	font-feature-settings: "kern", "liga", "onum";
}
@media (min-width: 768px) { body { font-size: 18px; } }
img, video { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
h1, h2, h3, h4, h5, h6 {
	font-family: var(--display);
	font-weight: 600;
	line-height: 1.15;
	margin: 1.2em 0 .45em;
	text-wrap: balance;
	overflow-wrap: anywhere;
}
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 17px; letter-spacing: .04em; }
@media (min-width: 768px) {
	h1 { font-size: 38px; }
	h2 { font-size: 28px; }
	h3 { font-size: 22px; }
}
p { margin: 0 0 1em; }
a { color: var(--gold-2); text-decoration: none; }
a:hover { color: #fff; }
:focus-visible { outline: 2px solid var(--gold-2); outline-offset: 3px; }
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.skip-link:focus { clip: auto; clip-path: none; height: auto; left: 8px; top: 8px; width: auto; z-index: 1000; background: var(--gold); color: var(--leather); padding: 8px 12px; }
.wrap { width: min(100% - 32px, var(--wrap)); margin-inline: auto; }
.alignleft { float: left; margin: 4px 20px 10px 0; }
.alignright { float: right; margin: 4px 0 10px 20px; }
.aligncenter { display: block; margin: 8px auto; }
.wp-caption { max-width: 100%; }
.entry-content::after, .site-main::after { content: ""; display: table; clear: both; }
.sticky { }
.bypostauthor { }
.gallery-caption { }

/* Leather grain: layered gradients plus a little SVG noise, no image file. */
.site {
	position: relative;
	min-height: 100vh;
	background:
		radial-gradient(ellipse at 50% 0, rgba(201,162,39,.08), transparent 55%),
		radial-gradient(ellipse at 50% 100%, rgba(0,0,0,.6), transparent 60%),
		var(--leather);
}
.site::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: .35;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .3 0 0 0 0 .2 0 0 0 0 .12 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
	background-size: 180px 180px;
	mix-blend-mode: overlay;
}
.site > * { position: relative; }

/* ---- ornaments ---------------------------------------------------------- */
.rule {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--gold);
	margin: 0;
}
.rule::before, .rule::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--gold-line) 30%, var(--gold-line) 70%, transparent);
}
.rule-glyph { font-size: 14px; line-height: 1; letter-spacing: .3em; margin-right: -.3em; }
.elder-sign {
	display: inline-block;
	width: 56px;
	aspect-ratio: 417 / 480;
	background: var(--gold);
	-webkit-mask: url("assets/img/elder-sign.png") center / contain no-repeat;
	mask: url("assets/img/elder-sign.png") center / contain no-repeat;
	opacity: .9;
}

/* ---- masthead ----------------------------------------------------------- */
.site-header { color: var(--bone); }
.masthead {
	position: relative;
	isolation: isolate;
	display: grid;
	place-items: center;
	text-align: center;
	min-height: 220px;
	padding: 32px 0 28px;
	overflow: hidden;
	background: var(--leather-2);
}
.masthead.has-image { min-height: 280px; }
.home .masthead.has-image { min-height: 300px; }
@media (min-width: 768px) {
	.masthead { min-height: 260px; padding: 40px 0 36px; }
	.masthead.has-image { min-height: 360px; }
	.home .masthead.has-image { min-height: 460px; }
}
.masthead-image {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 55%;
	filter: saturate(.9) contrast(1.05);
}
.masthead::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(180deg, rgba(19,14,10,.35) 0%, rgba(19,14,10,.15) 35%, rgba(19,14,10,.72) 78%, var(--leather) 100%),
		radial-gradient(ellipse at 50% 60%, rgba(0,0,0,.25), rgba(0,0,0,.55) 90%);
}
.site-branding { width: min(100% - 32px, 820px); }
.custom-logo-link { display: inline-block; }
.custom-logo { max-width: min(100%, 360px); height: auto; display: block; margin: 0 auto; filter: drop-shadow(0 2px 10px rgba(0,0,0,.7)); }
.site-title {
	margin: 0;
	font-family: var(--display);
	font-weight: 700;
	font-size: clamp(22px, 6.4vw, 52px);
	letter-spacing: .06em;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--gold-2);
	text-shadow: 0 1px 0 rgba(0,0,0,.6), 0 4px 22px rgba(0,0,0,.8);
}
.site-title a { color: inherit; }
.site-title a:hover { color: #fff; }
.site-description {
	margin: 10px 0 0;
	font-style: italic;
	font-size: clamp(16px, 2.4vw, 21px);
	color: var(--bone);
	opacity: .92;
	text-shadow: 0 1px 8px rgba(0,0,0,.9);
}
.masthead .rule { width: min(100%, 320px); margin: 14px auto 0; }

/* ---- navigation --------------------------------------------------------- */
.main-navigation {
	background: var(--leather-2);
	border-top: 1px solid var(--gold-line);
	border-bottom: 1px solid var(--gold-line);
	box-shadow: 0 1px 0 rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.03);
}
.nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; min-height: 48px; }
.menu, .menu ul { list-style: none; margin: 0; padding: 0; }
.menu a {
	display: block;
	font-family: var(--display);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--bone);
	padding: 12px 12px;
	transition: color .15s;
}
.menu a:hover, .menu > li.current-menu-item > a, .menu > li.current-menu-ancestor > a, .menu > li.current_page_item > a { color: var(--gold-2); }
.menu-toggle, .search-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: none;
	border: 1px solid var(--gold-line);
	border-radius: var(--radius);
	color: var(--bone);
	font-family: var(--display);
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	padding: 7px 10px;
	cursor: pointer;
	margin: 6px 0;
}
.menu-toggle:hover, .search-toggle:hover, .menu-toggle:focus-visible, .search-toggle:focus-visible { background: none; color: var(--gold-2); border-color: var(--gold); }
.menu-toggle-bars { width: 16px; height: 2px; background: currentColor; box-shadow: 0 -5px 0 currentColor, 0 5px 0 currentColor; }
.search-toggle svg { width: 16px; height: 16px; }
.menu-panel { display: none; flex-basis: 100%; order: 3; padding-bottom: 8px; }
body.is-open-menu .menu-panel { display: block; }
.menu-panel .menu a { border-top: 1px solid rgba(201,162,39,.15); }
.menu .sub-menu a { padding-left: 28px; font-size: 11px; opacity: .9; }
.menu .sub-menu .sub-menu a { padding-left: 44px; }
.nav-search { order: 2; margin-left: auto; }
.nav-search-form { flex-basis: 100%; order: 4; padding: 4px 0 12px; }
.nav-search-form[hidden] { display: none; }
@media (min-width: 900px) {
	.menu-toggle { display: none; }
	.menu-panel { display: block !important; flex-basis: auto; order: 1; padding: 0; }
	.menu-panel .menu a { border-top: 0; }
	.menu { display: flex; flex-wrap: wrap; }
	.menu > li { position: relative; }
	.menu > li > a { padding: 16px 14px; }
	.menu .sub-menu {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 220px;
		padding: 6px 0;
		background: var(--leather-3);
		border: 1px solid var(--gold-line);
		box-shadow: 0 12px 30px rgba(0,0,0,.6);
		z-index: 30;
	}
	.menu li:hover > .sub-menu, .menu li:focus-within > .sub-menu { display: block; }
	.menu .sub-menu a { padding: 9px 16px; font-size: 11px; }
	.menu .sub-menu .sub-menu { top: -7px; left: 100%; }
	.menu .sub-menu .sub-menu a { padding-left: 16px; }
	.nav-search { position: relative; }
	.nav-search-form { position: absolute; right: 0; top: calc(100% + 6px); width: 300px; padding: 10px; background: var(--leather-3); border: 1px solid var(--gold-line); box-shadow: 0 12px 30px rgba(0,0,0,.6); z-index: 30; }
}

/* ---- the reading sheet -------------------------------------------------- */
.site-content { padding: var(--gap-lg) 0; }
.content-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--gap-lg); align-items: start; }
.content-grid > * { min-width: 0; }
@media (min-width: 1024px) {
	.has-sidebar .content-grid { grid-template-columns: minmax(0, 1fr) 300px; }
}
.sheet {
	position: relative;
	background:
		radial-gradient(ellipse at 50% 0, rgba(255,255,255,.35), transparent 60%),
		radial-gradient(ellipse at 50% 100%, rgba(120,90,40,.18), transparent 60%),
		var(--parchment);
	color: var(--ink);
	padding: var(--sheet-pad);
	border: 1px solid #a88a4c;
	box-shadow: 0 1px 0 rgba(255,255,255,.15) inset, 0 18px 40px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.5);
}
.sheet::before {
	content: "";
	position: absolute;
	inset: 6px;
	pointer-events: none;
	border: 1px solid rgba(143,115,38,.45);
}
.sheet > * { position: relative; }
.sheet a { color: var(--blood); text-decoration: underline; text-decoration-color: var(--gold-dim); text-underline-offset: .14em; text-decoration-thickness: 1px; }
.sheet a:hover { color: var(--blood-2); text-decoration-color: var(--blood-2); }
.sheet h1, .sheet h2, .sheet h3, .sheet h4 { color: var(--blood); }
.sheet .rule { color: var(--gold-dim); }
.sheet .rule::before, .sheet .rule::after { background: linear-gradient(90deg, transparent, rgba(143,115,38,.6) 30%, rgba(143,115,38,.6) 70%, transparent); }
.sheet blockquote {
	margin: 1.2em 0;
	padding: 4px 0 4px 18px;
	border-left: 2px solid var(--gold-dim);
	font-style: italic;
	color: var(--ink-soft);
}
.sheet hr { border: 0; height: 1px; background: rgba(143,115,38,.5); margin: 1.5em 0; }
.sheet code, .sheet pre { font-size: .9em; background: rgba(43,29,18,.07); border-radius: 3px; }
.sheet code { padding: .1em .35em; }
.sheet pre { padding: 12px 14px; overflow-x: auto; }
.sheet table { border-collapse: collapse; width: 100%; margin: 0 0 1em; }
.sheet th, .sheet td { border: 1px solid rgba(143,115,38,.45); padding: 6px 10px; text-align: left; }

/* ---- entries ------------------------------------------------------------ */
.page-header { margin-bottom: var(--gap-lg); }
.page-title { margin: 0 0 6px; }
.archive-description { color: var(--ink-soft); font-style: italic; }
.archive-description > :last-child { margin-bottom: 0; }
.entry-header { margin-bottom: var(--gap); }
.entry-title { margin: 0 0 8px; }
.entry-title a { color: var(--blood); text-decoration: none; }
.entry-title a:hover { color: var(--blood-2); text-decoration: none; }
.entry-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 18px;
	font-family: var(--display);
	font-size: 11px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ink-muted);
}
.sheet .entry-meta a { color: var(--ink-muted); text-decoration: none; }
.sheet .entry-meta a:hover { color: var(--blood); }
.post-thumbnail { display: block; margin: 0 0 var(--gap); }
.post-thumbnail img { display: block; width: 100%; height: auto; border: 1px solid rgba(90,60,30,.35); box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.entry-content, .entry-summary { max-width: var(--measure); overflow-wrap: anywhere; }
.entry-content > :first-child { margin-top: 0; }
.entry-content > :last-child { margin-bottom: 0; }
.entry-content ul, .entry-content ol { padding-left: 1.4em; }
.entry-content li { margin-bottom: .3em; }
.entry-content img { height: auto; }
.entry-content .wp-block-image img, .entry-content figure > img, .entry-content > img { border: 1px solid rgba(90,60,30,.35); box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.entry-content .wp-block-image, .entry-content figure { margin: 0 0 1.2em; }
.entry-content .wp-block-embed { max-width: 100%; }
/* Core wraps video embeds in a padding-ratio box; the fleet CSS gives the iframe its own 16:9, so the box only adds a blank band. */
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: none; padding: 0; }
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper iframe { position: static; }
.entry-content .wp-block-embed iframe { border: 1px solid rgba(90,60,30,.35); box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.wp-caption-text, .wp-element-caption { font-size: .9em; font-style: italic; color: var(--ink-soft); margin: .5em 0 0; text-align: center; }
.alignwide, .alignfull { max-width: none; }
.entry-content .has-text-align-center { text-align: center; }
.single .entry-content > p:first-child::first-letter,
.page .entry-content > p:first-child::first-letter {
	font-family: var(--display);
	font-weight: 700;
	font-size: 3.4em;
	line-height: .78;
	float: left;
	margin: .08em .12em 0 0;
	color: var(--blood);
}
.entry-footer { margin-top: var(--gap-lg); padding-top: var(--gap); border-top: 1px solid rgba(143,115,38,.45); font-family: var(--display); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }
.sheet .entry-footer a { color: var(--ink-muted); text-decoration: none; }
.sheet .entry-footer a:hover { color: var(--blood); }
.read-more { display: inline-block; margin-top: 4px; font-family: var(--display); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.sheet .read-more { text-decoration: none; }
.sheet .read-more::after { content: " \2192"; }

/* A list of entries: each one separated by an ornamental rule. */
.entry-list .rule { margin: var(--gap-lg) 0; }
.entry-list article + .rule + article { }

/* ---- navigation between pages and posts --------------------------------- */
.pagination, .post-navigation { margin-top: var(--gap-lg); padding-top: var(--gap); border-top: 1px solid rgba(143,115,38,.45); }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: space-between; }
.post-navigation .nav-previous, .post-navigation .nav-next { flex: 1 1 45%; min-width: 0; }
.post-navigation .nav-next { text-align: right; }
.sheet .post-navigation a { text-decoration: none; font-family: var(--display); font-size: 13px; letter-spacing: .04em; }
.nav-label { display: block; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); margin-bottom: 2px; }
.pagination .nav-links { justify-content: center; align-items: center; }
.page-numbers { display: inline-block; padding: 6px 10px; font-family: var(--display); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.sheet .page-numbers { color: var(--ink-soft); text-decoration: none; }
.sheet a.page-numbers:hover { color: var(--blood); }
.page-numbers.current { color: var(--blood); border-bottom: 2px solid var(--gold); }

/* ---- forms and buttons -------------------------------------------------- */
button, .button, .search-submit, .comment-form .submit, .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid var(--gold-dim);
	background: linear-gradient(180deg, var(--gold-2), var(--gold));
	color: var(--leather);
	font-family: var(--display);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	padding: 9px 16px;
	border-radius: var(--radius);
	cursor: pointer;
	text-decoration: none !important;
	box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 2px 6px rgba(0,0,0,.35);
}
button:hover, .button:hover, .search-submit:hover, .comment-form .submit:hover, .wp-block-button__link:hover { background: linear-gradient(180deg, #f0d377, var(--gold-2)); color: var(--leather); }
.menu-toggle, .search-toggle { background: none; box-shadow: none; font-weight: 600; }
.search-form { display: flex; gap: 6px; max-width: 100%; }
.search-field, .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea {
	width: 100%;
	min-width: 0;
	padding: 8px 10px;
	border: 1px solid rgba(143,115,38,.6);
	border-radius: var(--radius);
	background: #fbf5e6;
	color: var(--ink);
	font: inherit;
	font-size: 16px;
}
.search-field { flex: 1 1 auto; }
.search-submit { padding: 8px 12px; }
.search-submit svg { width: 16px; height: 16px; }
.main-navigation .search-field { background: var(--leather); color: var(--bone); border-color: var(--gold-line); }
.comment-form label { display: block; margin-bottom: 4px; font-family: var(--display); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }
.comment-form p { margin-bottom: 12px; }
.comment-form .comment-notes, .comment-form .logged-in-as { font-size: .9em; color: var(--ink-soft); }
.comment-form-cookies-consent label { display: inline; text-transform: none; letter-spacing: 0; font-family: var(--text); font-size: 1em; color: var(--ink); }

/* ---- comments ----------------------------------------------------------- */
.comments-area { margin-top: var(--gap-lg); padding-top: var(--gap); border-top: 1px solid rgba(143,115,38,.45); }
.comments-title, .comment-reply-title { font-size: 20px; margin-top: 0; }
.comment-list { list-style: none; margin: 0 0 var(--gap-lg); padding: 0; }
.comment-list .children { list-style: none; padding-left: 24px; }
.comment-body { padding: 12px 0; border-bottom: 1px solid rgba(143,115,38,.3); }
.comment-meta { font-size: .9em; margin-bottom: 6px; }
.comment-author .fn { font-weight: 600; font-style: normal; }
.comment-metadata { font-family: var(--display); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }
.comment .avatar { float: left; margin-right: 10px; border-radius: 50%; border: 1px solid rgba(143,115,38,.5); }
.comment-content > :last-child { margin-bottom: 0; }
.reply { font-size: .85em; }
.no-comments { font-style: italic; color: var(--ink-soft); }

/* ---- sidebar (widgets) -------------------------------------------------- */
.widget-area .widget { margin-bottom: var(--gap-lg); }
.widget-area .widget:last-child { margin-bottom: 0; }
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget li { padding: 4px 0; border-bottom: 1px solid rgba(143,115,38,.25); }
.widget-title, .widget .wp-block-heading { margin: 0 0 10px; font-size: 16px; letter-spacing: .08em; text-transform: uppercase; }
.widget iframe { display: block; margin-inline: auto; }
.sidebar-sheet { --sheet-pad: 20px; }

/* ---- footer ------------------------------------------------------------- */
.site-footer { padding: var(--gap-lg) 0 28px; color: var(--bone-dim); font-size: 15px; }
.footer-inner { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.footer-inner .rule { width: min(100%, 420px); }
.footer-navigation .menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 8px; }
.footer-navigation .menu a { padding: 4px 8px; color: var(--bone-dim); }
.footer-navigation .menu a:hover { color: var(--gold-2); }
.copyright { margin: 0; font-style: italic; }
.copyright a { color: inherit; }

/* ---- the not-found and no-results states -------------------------------- */
.error-404 .search-form, .no-results .search-form { max-width: 420px; }

/* ---- reduced motion ----------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* { transition: none !important; }
}

/* ---- print -------------------------------------------------------------- */
@media print {
	body, .site { background: #fff; color: #000; }
	.site::before, .main-navigation, .site-footer, .masthead-image, .masthead::after { display: none; }
	.sheet { box-shadow: none; border: 0; padding: 0; background: none; }
}