:root {
	--aw-paper: var(--wp--preset--color--paper);
	--aw-paper-light: var(--wp--preset--color--paper-light);
	--aw-ink: var(--wp--preset--color--ink);
	--aw-sage: var(--wp--preset--color--sage);
	--aw-rust: var(--wp--preset--color--rust);
	--aw-wood: var(--wp--preset--color--wood);
	--aw-lift: 0 12px 30px rgba(48, 35, 22, 0.16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }

.aw-site-header {
	padding-block: 1rem;
	border-bottom: 1px solid rgba(55, 43, 29, 0.12);
	background: rgba(251, 247, 238, 0.88);
	backdrop-filter: blur(12px);
	position: relative;
	z-index: 30;
}

.aw-brand-slip {
	position: relative;
	padding: .65rem 1rem;
	background: #f8f0e3;
	box-shadow: 0 5px 11px rgba(49, 36, 24, .12);
	transform: rotate(-.4deg);
}
.aw-brand-slip::before {
	content: "";
	position: absolute;
	top: -.35rem;
	left: 42%;
	width: 4rem;
	height: .8rem;
	background: #36523f;
	opacity: .92;
	transform: rotate(1.5deg);
}

.aw-board {
	position: relative;
	isolation: isolate;
}
.aw-board::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background:
		linear-gradient(90deg, rgba(101,82,58,.035) 1px, transparent 1px),
		linear-gradient(rgba(101,82,58,.035) 1px, transparent 1px);
	background-size: 28px 28px;
	mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 88%);
}

.aw-hero-board { padding-block: clamp(3rem, 8vw, 7rem) clamp(2rem, 5vw, 4rem); }
.aw-display-name { max-width: 13ch; }
.aw-kicker,
.aw-label,
.aw-status {
	font-family: var(--wp--preset--font-family--mono);
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: .76rem;
}
.aw-underline { border-bottom: 2px solid var(--aw-rust); display: inline-block; }

.aw-note,
.is-style-paper-note,
.is-style-graph-note,
.is-style-dark-card,
.is-style-wood-panel,
.is-style-cosmic-card,
.is-style-sketchbook-card,
.is-style-retro-web-card,
.is-style-photo-card,
.is-style-whiteboard-card {
	position: relative;
	padding: clamp(1.15rem, 2vw, 1.75rem);
	box-shadow: var(--aw-lift);
}

.is-style-paper-note {
	background: #f8f0e3;
	border: 1px solid rgba(91,70,45,.12);
	transform: rotate(.25deg);
}
.is-style-paper-note::before,
.is-style-sketchbook-card::before,
.is-style-retro-web-card::before {
	content: "";
	position: absolute;
	top: -.45rem;
	left: 38%;
	width: 4.2rem;
	height: 1rem;
	background: rgba(64,87,64,.86);
	transform: rotate(-1.5deg);
}

.is-style-graph-note {
	background-color: #f5f1e8;
	background-image:
		linear-gradient(rgba(70,93,72,.12) 1px, transparent 1px),
		linear-gradient(90deg, rgba(70,93,72,.12) 1px, transparent 1px);
	background-size: 18px 18px;
	border: 1px solid rgba(65,79,63,.2);
	transform: rotate(-.45deg);
}
.is-style-graph-note::after {
	content: "";
	position: absolute;
	top: -.5rem;
	left: 1.5rem;
	width: 1.75rem;
	height: 1.3rem;
	border: 3px solid #24241f;
	border-bottom: 0;
	border-radius: .2rem .2rem 0 0;
}

.is-style-dark-card {
	background: #171a17;
	color: #f4ead9;
	border: 1px solid #31362e;
	transform: rotate(.35deg);
}
.is-style-dark-card h1,
.is-style-dark-card h2,
.is-style-dark-card h3,
.is-style-dark-card a { color: inherit; }

.is-style-wood-panel {
	background:
		linear-gradient(rgba(24,17,12,.16), rgba(24,17,12,.18)),
		repeating-linear-gradient(0deg, #4a3425 0 20px, #513927 20px 22px, #402b1e 22px 42px);
	color: #f6eddf;
	box-shadow: inset 0 1px rgba(255,255,255,.08), 0 12px 25px rgba(32,20,12,.25);
}
.is-style-wood-panel h1,
.is-style-wood-panel h2,
.is-style-wood-panel h3,
.is-style-wood-panel a { color: inherit; }

.is-style-cosmic-card {
	background:
		radial-gradient(circle at 78% 20%, rgba(38,167,161,.65), transparent 24%),
		radial-gradient(circle at 28% 78%, rgba(136,86,167,.7), transparent 32%),
		linear-gradient(145deg, #0b1823, #28213f 55%, #120e1d);
	color: #f8f3ff;
	border: 1px solid rgba(255,255,255,.15);
}
.is-style-cosmic-card h1,
.is-style-cosmic-card h2,
.is-style-cosmic-card h3,
.is-style-cosmic-card a { color: inherit; }

.is-style-sketchbook-card {
	background: #fbf7ee;
	border: 1px solid #d6cdbd;
	background-image: repeating-linear-gradient(to bottom, transparent 0 27px, rgba(78,104,81,.13) 27px 28px);
	transform: rotate(-.25deg);
}

.is-style-retro-web-card {
	background: #0d0d0d;
	color: #efcb69;
	border: 4px ridge #777;
	font-family: var(--wp--preset--font-family--mono);
	image-rendering: pixelated;
}
.is-style-retro-web-card h1,
.is-style-retro-web-card h2,
.is-style-retro-web-card h3,
.is-style-retro-web-card a { color: #fff000; }

.is-style-photo-card {
	background: #d8dacd;
	min-height: 16rem;
	color: #f7f4ea;
	overflow: hidden;
	box-shadow: var(--aw-lift);
}
.is-style-photo-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(15,22,17,.8), rgba(30,42,34,.08));
	z-index: 0;
}
.is-style-photo-card > * { position: relative; z-index: 1; }

.is-style-whiteboard-card {
	background: #f4f6ef;
	border: 9px solid #b6b8b0;
	box-shadow: inset 0 0 0 1px #7e817a, var(--aw-lift);
	font-family: var(--wp--preset--font-family--hand);
}

.is-style-taped-photo { position: relative; transform: rotate(.4deg); }
.is-style-taped-photo::before {
	content: "";
	position: absolute;
	top: -.45rem;
	left: 42%;
	width: 5rem;
	height: 1.2rem;
	background: rgba(214,197,167,.82);
	z-index: 2;
}
.is-style-taped-photo img { box-shadow: var(--aw-lift); }

.aw-pathway-grid > .wp-block-column { display: flex; }
.aw-pathway-grid .wp-block-group { width: 100%; min-height: 23rem; display: flex; flex-direction: column; justify-content: space-between; }
.aw-pathway-grid .wp-block-buttons { margin-top: auto; }
.aw-shelf {
	position: relative;
	padding-bottom: 2.25rem;
}
.aw-shelf::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: .5rem;
	width: 100vw;
	height: 2rem;
	transform: translateX(-50%);
	background: linear-gradient(#604631, #3d291d);
	box-shadow: 0 9px 12px rgba(35,23,15,.24);
	z-index: -1;
}

.aw-current-board {
	background:
		linear-gradient(rgba(20,13,8,.13), rgba(20,13,8,.22)),
		repeating-linear-gradient(0deg, #563c29 0 25px, #49311f 25px 27px, #60422c 27px 52px);
	padding-block: clamp(2rem, 5vw, 5rem);
}
.aw-current-board .wp-block-heading { color: inherit; }
.aw-status-list { list-style: none; padding: 0; }
.aw-status-list li { display: grid; grid-template-columns: 1fr auto; gap: 1rem; padding-block: .8rem; border-bottom: 1px solid rgba(62,71,58,.18); }

.aw-history-strip { padding-block: clamp(2rem, 4vw, 4rem); }
.aw-timeline { position: relative; }
.aw-timeline::before { content: ""; position: absolute; left: 5%; right: 5%; top: 52%; height: 1px; background: rgba(39,38,33,.45); }
.aw-timeline > * { position: relative; z-index: 1; }

.aw-interior-shell,
.aw-post-shell { padding-block: clamp(3rem, 8vw, 7rem); }
.aw-content-paper {
	background: #faf5eb;
	padding: clamp(1.5rem, 4vw, 3.5rem);
	box-shadow: var(--aw-lift);
	border-left: 10px solid rgba(101,116,91,.2);
	background-image: repeating-linear-gradient(to bottom, transparent 0 31px, rgba(82,94,77,.07) 31px 32px);
}
.aw-content-paper > :where(p, ul, ol, blockquote, h2, h3, h4, h5, h6) { max-width: 88ch; }
.aw-content-paper > :where(figure, .wp-block-image, .wp-block-gallery, .wp-block-cover, .wp-block-group.alignwide, .wp-block-group.alignfull) { max-width: none; width: 100%; }
.aw-sidebar-stack > * + * { margin-top: 1.25rem; }
.aw-post-layout {
	width: min(100%, 1480px);
	max-width: 1480px !important;
	margin-inline: auto;
	gap: clamp(1.5rem, 3vw, 3.5rem);
}
.aw-post-main { min-width: 0; }
.aw-post-title {
	font-size: clamp(3.25rem, 6.6vw, 7.5rem) !important;
	max-width: 14ch;
	text-wrap: balance;
}
.aw-post-sidebar {
	position: sticky;
	top: 2rem;
	align-self: flex-start;
}
.aw-post-sidebar-card { margin: 0; }
.aw-post-sidebar-card .aw-sidebar-body > :first-child { margin-top: 0; }
.aw-post-sidebar-card .aw-sidebar-body > :last-child { margin-bottom: 0; }
.aw-post-navigation {
	margin-block: 2rem;
	padding: 1rem 0;
	border-top: 1px solid rgba(55,43,29,.15);
	border-bottom: 1px solid rgba(55,43,29,.15);
}
.aw-author-box {
	margin-top: 2rem;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1rem;
	align-items: center;
}
.aw-author-box img { border-radius: 2px; }

.aw-post-meta { font-family: var(--wp--preset--font-family--mono); font-size: .78rem; opacity: .78; }

.aw-footer {
	background:
		linear-gradient(rgba(18,12,8,.18), rgba(18,12,8,.26)),
		repeating-linear-gradient(0deg, #39271c 0 25px, #452e20 25px 27px, #332219 27px 52px);
	color: #f4ead9;
	padding-block: 2.5rem 1rem;
}
.aw-footer h2,
.aw-footer h3,
.aw-footer a { color: inherit; }

@media (max-width: 1050px) {
	.aw-post-layout { flex-wrap: wrap !important; }
	.aw-post-main, .aw-post-sidebar { flex-basis: 100% !important; }
	.aw-post-sidebar { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
	.aw-sidebar-stack > * + * { margin-top: 0; }
}

@media (max-width: 900px) {
	.aw-pathway-grid { flex-wrap: wrap !important; }
	.aw-pathway-grid > .wp-block-column { flex-basis: calc(50% - 1rem) !important; }
	.aw-pathway-grid .wp-block-group { min-height: 20rem; }
}

@media (max-width: 700px) {
	.aw-post-sidebar { grid-template-columns: 1fr; }
	.aw-post-title { font-size: clamp(3rem, 14vw, 5.5rem) !important; }
	.aw-site-header .wp-block-navigation { justify-content: flex-end; }
	.aw-pathway-grid > .wp-block-column { flex-basis: 100% !important; }
	.aw-pathway-grid .wp-block-group { min-height: auto; }
	.aw-current-board { padding-inline: .4rem; }
	.aw-timeline::before { display: none; }
	.aw-display-name { font-size: clamp(3.25rem, 17vw, 5rem) !important; }
	.aw-note,
	.is-style-paper-note,
	.is-style-graph-note,
	.is-style-dark-card,
	.is-style-wood-panel,
	.is-style-cosmic-card,
	.is-style-sketchbook-card,
	.is-style-retro-web-card,
	.is-style-photo-card,
	.is-style-whiteboard-card { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}