/*
Theme Name: Ollie Briggs 2025
Theme URI: https://olliebriggs.com/
Author: Ollie Briggs
Author URI: https://olliebriggs.com/
Description: A bespoke theme for Ollie Briggs, by Ollie Briggs
Tags: Ollie Briggs, OB, Briggs
Version: 1.7.84
Requires at least: 5.2
Tested up to: 6.9
Requires PHP: 8.1
License: © Ollie Briggs 2025, All rights reserved
License URI: https://olliebriggs.com/
Text Domain: olliebriggs2025
*/

/* Load Typefaces */
@font-face {
  font-family: 'SCTOGroteskA';
  src: url(https://olliebriggs.com/delta/assets/fonts/scto-regular.woff);
  font-weight: normal;
  font-style: normal;
}	
@font-face {
  font-family: 'SCTOGroteskA';
  src: url(https://olliebriggs.com/delta/assets/fonts/scto-regular-italic.woff);
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'OBIconsBeta6';
  src: url(https://olliebriggs.com/delta/assets/fonts/ob-icons-beta-6.woff);
  font-weight: normal;
  font-style: normal;
}	
	
/* Reset */
*, *::before, *::after {box-sizing: border-box; margin: 0; padding: 0; border: 0; -webkit-text-size-adjust: 100%; position: relative;}
nav, main, footer {display: block;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none; display: block;}
body {-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; text-size-adjust: none;}
body, html {width: 100vw; min-height: 100vh;}
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
a {text-decoration: none; color: inherit; cursor: pointer;}
	

	
/* --- Variables --- */
	
/* Typefaces */
:root {
--font-main: "SCTOGroteskA", sans-serif;
--font-icons: "OBIconsBeta6", sans-serif;
	}
/* Blurs */
:root {
--blur-regular: 44px;
--blur-deep: 88px;
	}
/* Color */
.set-mode-light {
--c-trans: rgba(255, 255, 255, 0);
--c-white: #FFFFFF;
--c-black: #000000;
--c-button-regular-normal: rgba(0, 0, 0, 0);
--c-button-regular-hover: rgba(0, 0, 0, 0.06);
--c-button-regular-active: rgba(0, 0, 0, 0.12);
--c-button-gray-normal: rgba(0, 0, 0, 0.06);
--c-button-gray-hover: rgba(0, 0, 0, 0.12);
--c-button-gray-active: rgba(0, 0, 0, 0.20);
--c-text-gray: rgba(0, 0, 0, 0.36);
--c-nav-bg: rgba(255, 255, 255, 0.76);
--c-hr: rgba(0, 0, 0, 0.12);
--c-hr-table: rgba(0, 0, 0, 0.06);
--c-overlay: rgba(255, 255, 255, 0.72);
--c-loading: #F0F0F0;
}
.set-mode-light .c-red {
	--cs-pastel: #FAEBEB;
}
.set-mode-light .c-orange {
	--cs-pastel: #FCEEE3;
}
.set-mode-light .c-amber {
	--cs-pastel: #FCF1DE;
}
.set-mode-light .c-yellow {
	--cs-pastel: #FAF4DC;
}
.set-mode-light .c-lime {
	--cs-pastel: #EEF7E4;
}
.set-mode-light .c-green {
	--cs-pastel: #E6F7E9;
}
.set-mode-light .c-mint {
	--cs-pastel: #E6F7F5;
}
.set-mode-light .c-blue {
	--cs-pastel: #E8F0FC;
}
.set-mode-light .c-violet {
	--cs-pastel: #EBF0FC;
}
.set-mode-light .c-purple {
	--cs-pastel: #F4EDFA;
}
.set-mode-light .c-pink {
	--cs-pastel: #FAEBF3;
}
.set-mode-light .c-gray {
	--cs-pastel: #F0F0F0;
}
.set-mode-light .c-cool {
	--cs-pastel: #F2F4F7;
}
.set-mode-light .c-warm {
	--cs-pastel: #F5F2ED;
}
.set-mode-dark {
--c-trans: rgba(0, 0, 0, 0);
--c-white: #000000;
--c-black: #FFFFFF;
--c-button-regular-normal: rgba(255, 255, 255, 0);
--c-button-regular-hover: rgba(255, 255, 255, 0.14);
--c-button-regular-active: rgba(255, 255, 255, 0.22);
--c-button-gray-normal: rgba(255, 255, 255, 0.14);
--c-button-gray-hover: rgba(255, 255, 255, 0.22);
--c-button-gray-active: rgba(255, 255, 255, 0.30);
--c-text-gray: rgba(255, 255, 255, 0.44);
--c-nav-bg: rgba(0, 0, 0, 0.6);
--c-hr: rgba(255, 255, 255, 0.2);
--c-hr-table: rgba(255, 255, 255, 0.1);
--c-overlay: rgba(0, 0, 0, 0.72);
--c-loading: #242424;
	}
.set-mode-dark .c-red {
	--cs-pastel: #331616;
}
.set-mode-dark .c-orange {
	--cs-pastel: #362017;
}
.set-mode-dark .c-amber {
	--cs-pastel: #362616;
}
.set-mode-dark .c-yellow {
	--cs-pastel: #302C15;
}
.set-mode-dark .c-lime {
	--cs-pastel: #222B15;
}
.set-mode-dark .c-green {
	--cs-pastel: #112915;
}
.set-mode-dark .c-mint {
	--cs-pastel: #0B2925;
}
.set-mode-dark .c-blue {
	--cs-pastel: #112433;
}
.set-mode-dark .c-violet {
	--cs-pastel: #1D1D38;
}
.set-mode-dark .c-purple {
	--cs-pastel: #271A30;
}
.set-mode-dark .c-pink {
	--cs-pastel: #2E1723;
}
.set-mode-dark .c-gray {
	--cs-pastel: #242424;
}
.set-mode-dark .c-cool {
	--cs-pastel: #1C1F24;
}
.set-mode-dark .c-warm {
	--cs-pastel: #211E14;
}	
	
	
	
/* Sizing */
:root {
--s-max-text-width: 600px; /* This also sets the width of the toolbar */
--s-button-p-t: 7px;
--s-button-p-b: 7px;
--s-button-p-icon: 16px;
--s-button-p-text: 20px;
--s-button-gap: 7px;
	
--s-margin-xs: 40px;
--s-margin-s: 56px;
--s-margin-m: 80px;
--s-margin-l: 112px;
--s-margin-xl: 168px;
	
--s-text-size: 17px;
--s-line-height: 25px;
	
--s-gap-text: var(--s-line-height);
	}
	
/* > Mob vs. Notmob */
@media only screen and (max-width: 470px) { /* mobile */ :root {
		--s-box-listed: 4px;
		--s-box-gutter: 12px;
		--s-header-height: 64px;
		--s-header-vertical-margins: var(--s-box-gutter);
		--s-gap-figure: var(--s-margin-xs);
	}}
@media only screen and (min-width: 471px) { /* notmob */ :root {
		--s-box-listed: 12px;
		--s-box-gutter: 24px;
		--s-header-height: 80px;
		--s-header-vertical-margins: calc(var(--s-box-gutter) - 4px);
		--s-gap-figure: var(--s-margin-s);
	}}
	
	
/* > All Sizes */	
@media only screen and (max-width: 470px) { /* mobile */ :root {
		--s-box-padding: 18px;
		--s-box-in-box-padding: 18px;
		--s-gap-division: var(--s-margin-s);
	}}
@media only screen and (min-width: 471px) and (max-width: 620px) { /* phablet */ :root {
		--s-box-padding: 32px;
		--s-box-in-box-padding: 32px;
		--s-gap-division: var(--s-margin-m);
	}}
@media only screen and (min-width: 621px) and (max-width: 800px) { /* tablet */ :root {
		--s-box-padding: var(--s-margin-s);
		--s-box-in-box-padding: var(--s-margin-xs);
		--s-gap-division: var(--s-margin-l);
	}}
@media only screen and (min-width: 801px) and (max-width: 1200px) { /* d-small */ :root {
		--s-box-padding: var(--s-margin-s);
		--s-box-in-box-padding: var(--s-margin-xs);
		--s-gap-division: var(--s-margin-l);
	}}	
@media only screen and (min-width: 1201px) and (max-width: 1600px) { /* d-mediu */ :root {
		--s-box-padding: var(--s-margin-l);
		--s-box-in-box-padding: var(--s-margin-xs);
		--s-gap-division: var(--s-margin-xl);
	}}		
@media only screen and (min-width: 1601px) { /* d-large */ :root {
		--s-box-padding: var(--s-margin-xl);
		--s-box-in-box-padding: var(--s-margin-xs);
		--s-gap-division: var(--s-margin-xl);
	}}		
	
	

/* Border Radii */
:root {
	--br-none: 0px;
	--br-small: 6px;
	--br-circle: 9999px;
}
@media only screen and (max-width: 470px) { /* mobile */
	:root {
		--br-large: 18px;
	}}
@media only screen and (min-width: 471px) { /* notmob */
	:root {
		--br-large: 20px;
	}}
	
	

/* --- Typography --- */
* {font-family: var(--font-main); color: var(--c-black); text-transform: none; font-weight: normal; font-size: var(--s-text-size); line-height: var(--s-line-height);}
i.icon {display: inline-block; font-family: var(--font-icons); font-style: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.main :where(h1, h2, h3, h4, h5, h6, blockquote) :where(b, u, i, a, span, strong, em, del, ins, s, mark, cite) {font-size: inherit; line-height: inherit;}
	
/* --- Flex --- */
.main div, .stru div {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
	
/* --- General Page Structure --- */
body, html {background-color: var(--c-white);}
.body-wrapper {width: 100%; min-height: 100%; min-width: 280px; max-width: 2000px; margin: 0 auto;}
.stru {width: 100%;}
.header {z-index: 200; overflow: visible;}
.main {
	z-index: 100;
	padding-left: var(--s-box-gutter);
	padding-right: var(--s-box-gutter);
	width: 100%;
	padding-top: var(--s-header-height);
	min-height: calc(100vh - ((var(--s-box-gutter) * 2) + var(--br-large) * 2));
	gap: var(--s-box-gutter);
	display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center;
	}
.over {z-index: 300;}



/* --- Overlays --- */
.over {display: flex; position: fixed; top: 0; left: 0; height: 100svh; height: 100vh; width: 100vw;background-color: var(--c-overlay); -webkit-backdrop-filter: blur(var(--blur-deep));
backdrop-filter: blur(var(--blur-deep));}
@media only screen and (max-width: 470px) { /* mobile */ .over {padding: calc(var(--s-box-gutter) * 2);}}
@media only screen and (min-width: 471px) { /* notmob */ .over {padding: var(--s-box-gutter);}}

/* Lightbox */
.over.lightbox {flex-direction: column; align-content: stretch; align-items: stretch; display: none;}
.over.lightbox.is-open {display: flex;}
.lightbox .ob-buttons {flex-grow: 0;}
.lightbox .image {display: flex; align-items: center; justify-content: center; flex: 1; min-height: 0; padding-top: var(--s-box-gutter); padding-bottom: var(--s-box-gutter);}
.lightbox .image img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.2);}
	
	
	
/* --- Navigation --- */

/* Navigation Links */
.stru .nav ul {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; width: 100%;}
.stru .nav ul li {list-style-type: none;}
.stru .nav ul li, .stru .nav ul li * {text-transform: uppercase; }
.stru .nav ul li a {display: block;}
.stru .nav ul li a > span {display: inline-block; background-color: var(--c-button-regular-normal); border-radius: var(--br-circle);}
@media only screen and (max-width: 470px) { /* mobile */ .stru .nav ul li a > span {padding: 4.5px 12px 2.5px 12px; }}
@media only screen and (min-width: 471px) { /* notmob */ .stru .nav ul li a > span {padding: 4.5px 14px 2.5px 14px; }}
.stru .nav ul li a:hover > span {background-color: var(--c-button-regular-hover);}
.stru .nav ul li a:active > span {background-color: var(--c-button-regular-active);}
.stru .nav ul li.current-lang a > span,
.stru .nav ul li.current-menu-item a > span {background-color: var(--c-white);}
.stru .nav ul li.current-lang a:hover > span,
.stru .nav ul li.current-menu-item a:hover > span {background-color: var(--c-button-regular-hover);}
.stru .nav ul li.current-lang a:active > span,
.stru .nav ul li.current-menu-item a:active > span {background-color: var(--c-button-regular-active);}
/* Header */
.header { position: sticky; top: 0; height: 0;}
.stru .toolbar-container {
	width: 100%;
	padding-left: var(--s-box-gutter);
	padding-right: var(--s-box-gutter);
	min-height: var(--s-header-height);
	background-color: var(--c-nav-bg);
	-webkit-backdrop-filter: blur(var(--blur-regular));
	backdrop-filter: blur(var(--blur-regular));
	}
.stru .toolbar {
	width: 100%;
	max-width: calc(var(--s-max-text-width) + 6px);
	border-radius: var(--br-large);
	overflow: hidden;
	gap: 1px;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	margin-top: var(--s-header-vertical-margins);
	margin-bottom: var(--s-header-vertical-margins);
}
@media only screen and (max-width: 720px) {.stru .toolbar { max-width: none; }} /* Toolbar width snap */
.stru .toolbar > div {
	width: 100%; background-color: var(--c-button-gray-normal);
}
.stru .tools ul {
	flex-direction: row;
	justify-content: space-between;
	padding: 4px;
}
.stru .tools ul li a .text {display: none;}
.stru .tools ul li a .icon {width: 16px; text-align: center;}
.stru .tools ul li a .logo-gg {font-family: var(--font-icons);}
.stru .tools ul li a .icon.close {display: none;}
.stru .langmenu ul,
.stru .mainmenu ul {
	padding-top: 14px;
	padding-bottom: 14px;
	gap: 4px;
}
.stru .langmenu ul li, .stru .langmenu ul li a,
.stru .mainmenu ul li, .stru .mainmenu ul li a {
	width: 100%;
	text-align: center;
}
/* Menu animation */
#mainmenu, #langmenu {
  display: none;
  height: 0;
  overflow: hidden;
  transition: height 0.25s ease;
}
/* Main menu on desktop */
@media only screen and (min-width: 721px) { /* custom */
	.stru .toolbar > div.mainmenu {background-color: transparent;}
	.stru .mainmenu ul {
		flex-direction: row;
		flex-wrap: wrap;
		padding-top: 0;
		padding-bottom: 0;
		gap: 1px;
	}
	.stru .mainmenu ul li {
		flex-basis: 45%;
		flex-grow: 1;
	}
	.stru .mainmenu ul li a {
		background-color: var(--c-button-gray-normal);
		width: 100%;
		display: block;
		text-align: center;
		padding-top: 22px;
		padding-bottom: 22px;
	}
}
/* Menu open overrides to tools */
.toolbar.mainmenu-open .tools ul li a *,
.toolbar.langmenu-open .tools ul li a *{
	color: var(--c-text-gray);
}
.toolbar.mainmenu-open .tools #mainmenu-icon-open {display: none;}
.toolbar.mainmenu-open .tools #mainmenu-icon-close {display: block;}
.toolbar.langmenu-open .tools #langmenu-icon-open {display: none;}
.toolbar.langmenu-open .tools #langmenu-icon-close {display: block;}
/* Rounders for main */
.header .main-rounder {position: absolute; top: 0; height: 100%; background-color: var(--c-white); width: calc(var(--s-box-gutter) + var(--br-large));}
.header .main-rounder::after {content: " "; display: block; position: absolute; height: 100%; width: 15vw; min-width: 100px;}
.header .main-rounder svg {position: absolute; top: 100%; width: var(--br-large); height: var(--br-large);}
.header .main-rounder svg .main-rounder-svg-path {fill: var(--c-white);}
.header .main-rounder.left {left: 0;}
.header .main-rounder.left svg {right: 0;}
.header .main-rounder.left::after {left: 100%; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 100%);}
.header .main-rounder.right {right: 0;}
.header .main-rounder.right svg {left: 0;}
.header .main-rounder.right::after {right: 100%; background: linear-gradient(270deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 100%);}
/* Responsive logo */
@media only screen and (max-width: 320px) {.stru .tools ul li a .logo-bris {display: none;}}
/* Footer */
.stru .footerbuttons {
	width: 100%;
	padding: var(--s-box-gutter);
	padding-top: var(--s-header-vertical-margins);
}
.stru .footerbuttons ul {
	flex-direction: row;
	justify-content: space-between;
}
.stru .footerbuttons ul li {
	width: calc(var(--br-large)*2);
	height: calc(var(--br-large)*2);
}
.stru .footerbuttons ul li a,
.stru .footerbuttons ul li a > span {width: 100%; height: 100%; display: block; padding: 0; text-align: center;}
.stru .footerbuttons ul li a .text {display: none;}
.stru .footerbuttons ul li a > span {background-color: var(--c-button-gray-normal);}
.stru .footerbuttons ul li a:hover > span {background-color: var(--c-button-gray-hover);}
.stru .footerbuttons ul li a:active > span {background-color: var(--c-button-gray-active);}
@media only screen and (max-width: 470px) { /* mobile */ .stru .footerbuttons ul li a > span {padding-top: 6px;}}
@media only screen and (min-width: 471px) { /* notmob */ .stru .footerbuttons ul li a > span {padding-top: 7.5px;}}
	
	
	
/* --- Main Blocks --- */
	
/* Widths */
	.w-full {width: 100%;}
	.w-text {max-width: var(--s-max-text-width);}

/* Texts */
	.main :where(p, h1, h2, h3, h4, h5, h6, pre, ul, ol, blockquote, table) {width: 100%; max-width: var(--s-max-text-width);}
	.main p.gray,
	.main p.grey,
	.main p .gray,
	.main p .grey {color: var(--c-text-gray);}
	
/* Typography */
	.main h1, .main h2, .main h3, .main h4, .main h5, .main h6, .main .wp-block-pullquote p {text-wrap: balance; max-inline-size: var(--s-max-text-width);}
	.main h1 {text-transform: uppercase;}
	@media only screen and (max-width: 470px) { /* mobile */
	.main h1 {font-size: 36px; line-height: 110%;}
	.main h2, .main h1.small, .wp-block-pullquote * {font-size: 28px; line-height: 115%;}
	.main h3 {font-size: 22px; line-height: 115%;}
		}
	@media only screen and (min-width: 471px) { /* notmob */
	.main h1 {font-size: 44px; line-height: 110%; letter-spacing: -1px;}
	.main h2, .main h1.small, .wp-block-pullquote * {font-size: 34px; line-height: 115%; letter-spacing: normal;}
	.main h3 {font-size: 24px; line-height: 115%;}
		}
	p a {text-decoration: underline; text-decoration-color: var(--c-text-gray); text-underline-offset: 2px; text-decoration-thickness: 1px;}
	p a:hover {color: var(--c-text-gray); text-decoration-style: dotted;}
	p a:active {text-decoration-style: double; color: inherit;}
	em {font-style: italic;}
	b, strong {font-weight: bold;}
	.date {font-variant-numeric: tabular-nums;}
	
/* Row */
	.ob-row {
		width: 100%; 
		background-color: var(--cs-pastel);
		border-radius: var(--br-large);
		min-height: calc(var(--br-large) * 2);
		padding: var(--s-box-padding);
	}
	.ob-row.last-row {background-color: transparent;}
	@media only screen and (max-width: 470px) { /* mobile */  .ob-row.last-row {padding-top: var(--s-gap-division); padding-bottom: var(--s-gap-division);}}
	@media only screen and (min-width: 801px) { /* tablet+ */ .ob-row.last-row {padding-bottom: calc(var(--s-box-padding) - (2 * var(--br-large)));}}
	.ob-row.last-row > p {text-align: center;}
	
	
/* Container */
	.ob-container {width: 100%; padding-top: 0; padding-bottom: 0; gap: var(--s-box-listed);}
	@media only screen and (max-width: 1200px) { /* < desktop s */ .ob-container {padding-left: 0; padding-right: 0;}}
	@media only screen and (min-width: 1201px) { /* > desktop s */ .ob-container {padding-left: var(--s-box-padding); padding-right: var(--s-box-padding);}}
	
/* Spacers */
	.ob-spacer {width: 100%;}
	.ob-spacer.size-division {height: var(--s-gap-division);}
	.ob-spacer.size-figure {height: var(--s-gap-figure);}
	.ob-spacer.size-text {height: var(--s-gap-text);}
	.ob-spacer.size-box {height: var(--s-box-padding);}
	@media only screen and (max-width: 470px) { /* mobile */ .ob-spacer.size-top {height: 18vh;}}
	@media only screen and (min-width: 471px) { /* notmob */ .ob-spacer.size-top {height: 25vh;}}
	
/* Margins */
	.main .ob-box > :where(p, h1, h2, h3, h4, h5, h6, pre, ul, ol, .wp-block-pullquote, .wp-block-quote, .ob-buttons) + 
					:where(p, h1, h2, h3, h4, h5, h6, pre, ul, ol, .wp-block-pullquote, .wp-block-quote, .ob-buttons) {margin-top: var(--s-gap-text);}
	
/* Buttons */
	.ob-buttons, .wp-block-buttons {width: 100%;}
		/* Layout */
		.ob-buttons, .wp-block-buttons {column-gap: 35px; row-gap: 16px;}
		.ob-buttons.but-l-row, .wp-block-buttons {flex-direction: row;}
		.ob-buttons.but-l-col {flex-direction: column;}
		/* Alignment */
		.ob-buttons.but-l-row.but-a-l, .wp-block-buttons {justify-content: flex-start;}
		.ob-buttons.but-l-row.but-a-c {justify-content: center;}
		.ob-buttons.but-l-row.but-a-r {justify-content: flex-end;}
		.ob-buttons.but-l-col.but-a-l {align-items: flex-start;}
		.ob-buttons.but-l-col.but-a-c {align-items: center;}
		.ob-buttons.but-l-col.but-a-r {align-items: flex-end;}
		/* Button */
		.ob-buttons .button, .wp-block-buttons .wp-block-button {flex-direction: row; align-items: flex-start;}
		.ob-buttons .link, .wp-block-buttons a {display: flex; row; align-items: flex-start; background-color: var(--c-button-regular-normal); cursor: pointer; border-radius: var(--br-large); gap: var(--s-button-gap);}
		.ob-buttons .link:hover, .wp-block-buttons a:hover {background-color: var(--c-button-regular-hover);}
		.ob-buttons .link:active, .wp-block-buttons a:active {background-color: var(--c-button-regular-active);}
		.ob-buttons.but-s-l .ico-only .link .text {display: none;}
		/* Sizing */
		.wp-block-buttons a, .ob-buttons.but-s-l .link {
			padding-top: var(--s-button-p-t);
			margin-top: calc(0px - var(--s-button-p-t));
			padding-bottom: var(--s-button-p-b);
			margin-bottom: calc(0px - var(--s-button-p-b));}
		/* Icon Right */
		.wp-block-buttons a, .ob-buttons.but-s-l .ico-a-r .link {
			padding-left: var(--s-button-p-text);
			margin-left: calc(0px - var(--s-button-p-text));
			padding-right: var(--s-button-p-icon);
			margin-right: calc(0px - var(--s-button-p-icon));}
		/* Icon Left */
		.ob-buttons.but-s-l .ico-a-l .link {
			padding-left: var(--s-button-p-icon);
			margin-left: calc(0px - var(--s-button-p-icon));
			padding-right: var(--s-button-p-text);
			margin-right: calc(0px - var(--s-button-p-text));}
		/* Only Icon */
		.ob-buttons.but-s-l .ico-only .link {padding-left: 12px; padding-right: 12px; margin-left: -12px; margin-right: -12px;}
		/* Gray */
		.ob-buttons.but-c-gray .link {background-color: var(--c-button-gray-normal);}
		.ob-buttons.but-c-gray .link:hover {background-color: var(--c-button-gray-hover);}
		.ob-buttons.but-c-gray .link:active {background-color: var(--c-button-gray-active);}
		.ob-buttons.but-c-gray .ico-a-l .link, .ob-buttons.but-c-gray .ico-a-r .link {margin-left: 0; margin-right: 0;}
		/* Light */
		.ob-buttons.but-c-light .link * {color: var(--c-text-gray);}
		/* Small */
		.ob-buttons.but-s-s .link {background-color: transparent !important; text-underline-offset: 4px; text-decoration-thickness: 1px;}
		.ob-buttons.but-s-s .link:hover .text {text-decoration: underline;}
		/* Icon */
		.wp-block-buttons a::after {content: '\E033\FE0E'; font-family: var(--font-icons);}
		.ob-buttons .link .icon, .wp-block-buttons a::after {display: block; width: 16px; text-align: center;}
		.ob-buttons .ico-a-l .link {flex-direction: row-reverse;} /* Realign icon */

/* Mini Accordion */
	.main .ob-mini-accordion,
	.main .ob-mini-accordion .content {width: 100%;}
	.main .ob-mini-accordion .content p {margin-top: var(--s-gap-text); text-align: center;}
	.main .ob-mini-accordion .content-initial p:first-child {margin-top: 0;}
	.main .ob-mini-accordion .content-expanded {overflow: hidden; height: 0; transition: height 0.25s ease;}
	.main .ob-mini-accordion .ob-buttons {margin-top: var(--s-gap-text);}
	.main .ob-mini-accordion .button-close {display: none;}
	.main .ob-mini-accordion.is-open .button-open {display: none;}
	.main .ob-mini-accordion.is-open .button-close {display: block;}
	@media only screen and (max-width: 620px) { /* mob+phab */ .main .ob-mini-accordion {padding: var(--s-box-padding);}} /* padding fix on small sizes */
	
/* Illustration */
	.main .ob-illustration {width: 100%; max-width: 1000px;}
	.main .ob-illustration div,
	.main .ob-illustration svg {width: 100%; height: auto;}
	@media only screen and (max-width: 470px) { /* mobile */ .main .ob-illustration .size-desktop {display: none;}}
	@media only screen and (min-width: 471px) { /* notmob */ .main .ob-illustration .size-mobile {display: none;}}
	.main .ob-illustration svg .cls-1 {stroke: var(--c-black) !important;}
	@media only screen and (max-width: 300px) 							{ .main .ob-illustration svg .cls-1 {stroke-width: 1.6px !important;}}
	@media only screen and (min-width: 301px) and (max-width: 470px)	{ .main .ob-illustration svg .cls-1 {stroke-width: 1.3px !important;}}
	@media only screen and (min-width: 471px) and (max-width: 570px)	{ .main .ob-illustration svg .cls-1 {stroke-width: 3px !important;}}
	@media only screen and (min-width: 571px) and (max-width: 670px)	{ .main .ob-illustration svg .cls-1 {stroke-width: 2.5px !important;}}
	@media only screen and (min-width: 671px) and (max-width: 770px)	{ .main .ob-illustration svg .cls-1 {stroke-width: 2.2px !important;}}
	@media only screen and (min-width: 771px) and (max-width: 870px)	{ .main .ob-illustration svg .cls-1 {stroke-width: 2px !important;}}
	@media only screen and (min-width: 871px) and (max-width: 970px)	{ .main .ob-illustration svg .cls-1 {stroke-width: 1.6px !important;}}
	@media only screen and (min-width: 971px) and (max-width: 1070px)	{ .main .ob-illustration svg .cls-1 {stroke-width: 1.5px !important;}}
	@media only screen and (min-width: 1071px)							{ .main .ob-illustration svg .cls-1 {stroke-width: 1.4px !important;}}
	
/* Home Image */
	.main .ob-home-image {border-radius: var(--br-small); background-position: 50% 50%; background-size: cover;}
	.main .ob-home-image,
	.main .ob-home-image img {width: 100%; height: auto;}
	.main .ob-home-image img {border-radius: var(--br-small);}
	@media only screen and (max-width: 470px) { /* mobile */
		.main .ob-home-image:not(.ar-mobile-original) img {display: none;}
		.main .ob-home-image.ar-mobile-16-9 {aspect-ratio: 16 / 9;}
		.main .ob-home-image.ar-mobile-3-2 {aspect-ratio: 3 / 2;}
		.main .ob-home-image.ar-mobile-4-3 {aspect-ratio: 4 / 3;}
		.main .ob-home-image.ar-mobile-1-1 {aspect-ratio: 1 / 1;}
		.main .ob-home-image.ar-mobile-3-4 {aspect-ratio: 3 / 4;}
		.main .ob-home-image.ar-mobile-2-3 {aspect-ratio: 2 / 3;}
		.main .ob-home-image.ar-mobile-9-16 {aspect-ratio: 9 / 16;}
		}
	@media only screen and (min-width: 471px) and (max-width: 620px) { /* phablet */
		.main .ob-home-image:not(.ar-phablet-original) img {display: none;}
		.main .ob-home-image.ar-phablet-16-9 {aspect-ratio: 16 / 9;}
		.main .ob-home-image.ar-phablet-3-2 {aspect-ratio: 3 / 2;}
		.main .ob-home-image.ar-phablet-4-3 {aspect-ratio: 4 / 3;}
		.main .ob-home-image.ar-phablet-1-1 {aspect-ratio: 1 / 1;}
		.main .ob-home-image.ar-phablet-3-4 {aspect-ratio: 3 / 4;}
		.main .ob-home-image.ar-phablet-2-3 {aspect-ratio: 2 / 3;}
		.main .ob-home-image.ar-phablet-9-16 {aspect-ratio: 9 / 16;}
		}
	@media only screen and (min-width: 621px) and (max-width: 800px) { /* tablet */
		.main .ob-home-image:not(.ar-tablet-original) img {display: none;}
		.main .ob-home-image.ar-tablet-16-9 {aspect-ratio: 16 / 9;}
		.main .ob-home-image.ar-tablet-3-2 {aspect-ratio: 3 / 2;}
		.main .ob-home-image.ar-tablet-4-3 {aspect-ratio: 4 / 3;}
		.main .ob-home-image.ar-tablet-1-1 {aspect-ratio: 1 / 1;}
		.main .ob-home-image.ar-tablet-3-4 {aspect-ratio: 3 / 4;}
		.main .ob-home-image.ar-tablet-2-3 {aspect-ratio: 2 / 3;}
		.main .ob-home-image.ar-tablet-9-16 {aspect-ratio: 9 / 16;}
		}
	@media only screen and (min-width: 801px){ /* desktop */
		.main .ob-home-image:not(.ar-desktop-original) img {display: none;}
		.main .ob-home-image.ar-desktop-16-9 {aspect-ratio: 16 / 9;}
		.main .ob-home-image.ar-desktop-3-2 {aspect-ratio: 3 / 2;}
		.main .ob-home-image.ar-desktop-4-3 {aspect-ratio: 4 / 3;}
		.main .ob-home-image.ar-desktop-1-1 {aspect-ratio: 1 / 1;}
		.main .ob-home-image.ar-desktop-3-4 {aspect-ratio: 3 / 4;}
		.main .ob-home-image.ar-desktop-2-3 {aspect-ratio: 2 / 3;}
		.main .ob-home-image.ar-desktop-9-16 {aspect-ratio: 9 / 16;}
		}
	
/* Post Pagination */
	.main .ob-post-pagination {width: 100%; gap: var(--s-box-gutter); justify-content: space-between; align-items: stretch;}
	.main .ob-post-pagination .post-link {background-color: var(--cs-pastel); border-radius: var(--br-large); flex-grow: 1; flex-shrink: 0; flex-basis: 0; width: 100%; display: flex; justify-content: center; align-items: center;}
	@media only screen and (max-width: 800px) { /* notdesk */ .main .ob-post-pagination {flex-direction: column;}}
	@media only screen and (min-width: 801px) { /* desktop */ .main .ob-post-pagination {flex-direction: row;}}
	.main .ob-post-pagination .post-link > .inner {width: 100%; gap: 12px;}
	.main .ob-post-pagination .post-link h1 {text-align: center; width: 100%;}
	@media only screen and (max-width: 800px) { /* notdesk */ .main .ob-post-pagination .post-link {
		padding-top: var(--s-gap-division);
		padding-bottom: var(--s-gap-division);
		padding-left: var(--s-margin-xs);
		padding-right: var(--s-margin-xs);
		}}
	@media only screen and (min-width: 801px) { /* desktop */ .main .ob-post-pagination .post-link {
		padding-top: var(--s-gap-division);
		padding-bottom: var(--s-gap-division);
		padding-left: var(--s-box-padding);
		padding-right: var(--s-box-padding);
		}}
	.main .ob-post-pagination .post-link:hover > .inner .ob-buttons .link .text {text-decoration: underline;}
	.main .ob-post-pagination .post-link:hover > .inner {opacity: 0.7;}
	
/* Page Pagination */
	.main .ob-page-pagination {width: 100%;}
	.main .ob-page-pagination .nav-links {flex-direction: row; width: 100%; flex-wrap: wrap; justify-content: center;}
	.main .ob-page-pagination .nav-links .page-numbers {text-align: center;}
	.main .ob-page-pagination .nav-links .page-numbers.dots {width: 16px; color: var(--c-text-gray); padding-top: 3px; overflow: visible; min-width: unset;}
	.main .ob-page-pagination .nav-links .page-numbers.current {background-color: var(--c-button-regular-hover);}
	.main .ob-page-pagination .nav-links a.page-numbers:hover {background-color: var(--c-button-regular-hover);}
	@media only screen and (max-width: 470px) { /* mobile */
		.main .ob-page-pagination .nav-links {gap: 1px;}
		.main .ob-page-pagination .nav-links .page-numbers {min-width: 32px; height: 32px; padding-top: 4px; padding-left: 6px; padding-right: 6px; border-radius: var(--br-large);}
		.main .ob-page-pagination .nav-links .page-numbers.dots {width: 16px; padding-top: 0; margin-top: -1px; padding-left: 0; padding-right: 0;}
	}
	@media only screen and (min-width: 471px) { /* notmob */
		.main .ob-page-pagination .nav-links {gap: 2px;}
		.main .ob-page-pagination .nav-links .page-numbers {min-width: 40px; height: 40px; padding-top: 8px; padding-left: 8px; padding-right: 8px; border-radius: var(--br-large);}
		.main .ob-page-pagination .nav-links .page-numbers.dots {width: 16px; padding-top: 3px; padding-left: 0; padding-right: 0;}
	}
	
/* Lists UL OL */
	.main li {display: list-item; list-style: none; padding-left: 30px;}
	.main li:before {min-width: 30px; padding-right: 16px; display: block; position: absolute; top: 0; left: 0;}
	.main li ol,
	.main li ul {padding-left: 0;}
	.main ol {counter-reset: ol-counter;}
	.main ol li:before {counter-increment: ol-counter; content: counter(ol-counter); font-variant-numeric: tabular-nums;}
	.main :where(ol, ul) ol li:before {content: counter(ol-counter, lower-latin); color: var(--c-text-gray);}
	.main :where(ol, ul) :where(ol, ul) ol li:before {content: counter(ol-counter, lower-roman);}
	.main ul {counter-reset: ol-counter;}
	.main ul li:before {content: "\2022";}
	.main :where(ol, ul) ul li:before {color: var(--c-text-gray);}
	.main :where(ol, ul) :where(ol, ul) ul li:before {content: "\2013";}
	
/* Quote */
	.main .wp-block-quote {display: block;}
	.main .wp-block-quote p {font-style: italic; text-wrap: balance; max-inline-size: 200ch; margin-top: 0;}
	.main .wp-block-quote cite {font-style: normal; margin-top: 0; display: block; color: var(--c-text-gray);}
	.main .wp-block-quote cite:before {content: "\2014 \00A0"; display: inline-block;}
	
/* Pullquote */
	.main .wp-block-pullquote * {width: 100%;}
	.main .wp-block-pullquote p {max-width: none;}
	.main .content .wp-block-column .wp-block-pullquote {margin-top: 0px;}
	.main .content .wp-block-column .wp-block-pullquote * {text-align: left;}
	@media only screen and (max-width: 800px) { /* mobile */ .main .content > .wp-block-pullquote * {text-align: left;}}
	@media only screen and (min-width: 801px) { /* notmob */ .main .content > .wp-block-pullquote * {text-align: center;}}
	
/* Separator */
	.main hr {width: 100%; height: 1px; background-color: var(--c-hr);}
	
/* Code */
	.main code {display: block; font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; background: var(--c-button-gray-normal); border-radius: var(--br-small); padding: 14px 16px 14px 16px; width: 100%;}
	
/* Post Crosslinks */
	.main .ob-post-crosslinks {width: 100%; max-width: var(--s-max-text-width); gap: var(--s-gap-text);}
	.main .ob-post-crosslink {
		width: 100%;
		border-radius: var(--br-small);
		padding-left: var(--s-box-in-box-padding);
		padding-right: var(--s-box-in-box-padding);
		padding-top: calc(var(--s-box-in-box-padding) - 6px);
		padding-bottom: calc(var(--s-box-in-box-padding) - 6px);
		gap: var(--s-gap-text);
	}
	.main .ob-post-crosslink.bc-white {background-color: var(--c-white);}
	.main .ob-post-crosslink.bc-gray {background-color: var(--c-button-gray-normal);}
	
/* Table */
	.main table {border: none; border-collapse: collapse;}
	.main table, .main table * {flex: none; text-align: left;}
	.main table tr + tr,
	.main table thead + tbody,
	.main table tbody + tfoot {border-top: 1px solid var(--c-hr-table);}
	.main table thead *,
	.main table tfoot * {font-weight: bold;}
	.main table th,
	.main table td {padding-top: 10px; padding-bottom: 10px; padding-right: var(--s-box-gutter);}
	@media only screen and (max-width: 470px) { /* mobile */
	.main table th,
	.main table td {font-size: 14px; line-height: 16px;}}
	
/* Images & Videos */
	.main figure img,
	.main figure video {
		display: block;          /* removes inline spacing issues */
		width: 100% !important;  /* full container width */
		height: auto !important; /* maintain aspect ratio */
		max-width: 100% !important;         /* prevent overflow */
		aspect-ratio: auto !important;      /* lets browser use intrinsic ratio */
	}
	.main :where(img, video) {border-radius: var(--br-small);}
	.main figure figcaption {color: var(--c-text-gray); padding-top: 8px;}
	
/* Embeds */
	.main .wp-block-embed {width: 100%; height: auto;}
	.main .wp-block-embed.is-type-video {aspect-ratio: 16 / 9; border-radius: var(--br-small); overflow: hidden;}
	.main .wp-block-embed.is-type-video > div {width: 100%; height: 100%;}
	.main .wp-block-embed.is-type-video > div > iframe {width: 100% !important; height: 100% !important;}
	
/* Archived Post */
	.main .ob-archived-post {width: 100%; display: flex; flex-grow: 1; background-color: var(--cs-pastel); flex-direction: row; align-items: flex-start; overflow: hidden; border-radius: var(--br-large);}
	.main .ob-archived-post:hover {opacity: 0.75;}
	.main .ob-archived-post > p {width: auto;}
	.main .ob-archived-post .date {flex-grow: 0; flex-shrink: 0; color: var(--c-text-gray);}
	.main .ob-archived-post .title {flex-grow: 1; max-width: unset;}
	.main .ob-archived-post .location {flex-grow: 0; flex-shrink: 0; color: var(--c-text-gray);}
	.main .ob-archived-post .link-icon {flex-grow: 0; flex-shrink: 0; color: var(--c-text-gray);}
	@media only screen and (max-width: 620px) { /* mob+pha */
		.main .ob-archived-post {padding-left: var(--s-box-padding); padding-right: var(--s-box-padding); padding-top: 12px; padding-bottom: 12px;}
		.main .ob-archived-post .date {width: 100px;}
		.main .ob-archived-post .location {display: none;}
		.main .ob-archived-post .link-icon {display: none;}
		}
	@media only screen and (min-width: 621px) and (max-width: 800px) { /* tablet */
		.main .ob-archived-post {padding-left: var(--s-margin-xs); padding-right: var(--s-margin-xs); padding-top: 16px; padding-bottom: 16px;}
		.main .ob-archived-post > p {padding-right: 20px;}
		.main .ob-archived-post .date {width: 130px;}
		.main .ob-archived-post .location {display: none;}
	}
	@media only screen and (min-width: 801px) { /* desktop */
		.main .ob-archived-post {padding-left: var(--s-margin-xs); padding-right: var(--s-margin-xs); padding-top: 16px; padding-bottom: 16px;}
		.main .ob-archived-post > p {padding-right: 20px;}
		.main .ob-archived-post .date {width: 160px;}
		.main .ob-archived-post .location {width: 200px;}
		}

/* Reading Books */
	.main .ob-reading-book {width: 100%; display: flex; flex-grow: 1; background-color: var(--c-text-gray); flex-direction: row; align-items: flex-start; overflow: hidden; border-radius: var(--br-large);}
	.main .ob-reading-book > p {max-width: unset;flex-grow: 0; flex-shrink: 0; width: auto;}
	.main .ob-reading-book .date {color: var(--c-text-gray);}
	.main .ob-reading-book .title {flex-grow: 1;}
	.main .ob-reading-book .rating {color: var(--c-text-gray);}
	.main .ob-reading-book .status,
	.main .ob-reading-book .status * {color: var(--c-text-gray);}
	.main .ob-reading-book .status .text {padding-left: 8px;}
	.main .ob-reading-book .status::before {font-family: var(--font-icons);}
	.main .ob-reading-book.status-is-reading .status::before {content: '\E028\FE0E';}
	.main .ob-reading-book.status-is-paused .status::before {content: '\E032\FE0E';}
	.main .ob-reading-book.status-is-stopped .status::before {content: '\E00E\FE0E';}
	.main .ob-reading-book.status-is-read .status::before {content: '\E011\FE0E';}

	@media only screen and (max-width: 620px) { /* mob+pha */
		.main .ob-reading-book {padding-left: var(--s-box-padding); padding-right: var(--s-box-padding); padding-top: 12px; padding-bottom: 12px;}
		.main .ob-reading-book .date {width: 70px;}
		.main .ob-reading-book .status .text {display: none;}
		}
	@media only screen and (min-width: 621px) and (max-width: 800px) { /* tablet */
		.main .ob-reading-book {padding-left: var(--s-margin-xs); padding-right: var(--s-margin-xs); padding-top: 16px; padding-bottom: 16px;}
		.main .ob-reading-book > p {padding-right: 20px;}
		.main .ob-reading-book .status {padding-right: 0; padding-left: 20px;}
		.main .ob-reading-book .date {width: 70px;}
	}
	@media only screen and (min-width: 801px) { /* desktop */
		.main .ob-reading-book {padding-left: var(--s-margin-xs); padding-right: var(--s-margin-xs); padding-top: 16px; padding-bottom: 16px;}
		.main .ob-reading-book > p {padding-right: 20px;}
		.main .ob-reading-book .author {width: 30%;}
		.main .ob-reading-book .status {padding-right: 0; padding-left: 20px;}
		.main .ob-reading-book .date {width: 90px;}
		}
		
/* Featured Photos */
	.main .ob-featured-photo-grid {width: 100%; display: grid; gap: var(--s-box-gutter);}
	@media only screen and (max-width: 800px) { /* 1 col */ .main .ob-featured-photo-grid {grid-template-columns: repeat(1, 1fr);}}
	@media only screen and (min-width: 801px) and (max-width: 1200px) { /* 2 col */ .main .ob-featured-photo-grid {grid-template-columns: repeat(2, 1fr);}}
	@media only screen and (min-width: 1201px) { /* 3 col */ .main .ob-featured-photo-grid {grid-template-columns: repeat(3, 1fr); }}
	.main .ob-featured-photo {
		border-radius: var(--br-large);
		aspect-ratio: 1 / 1;
		display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;
	}
	.main .ob-featured-photo .photo {
		border-radius: var(--br-small);
		background-position: 50% 50%;
		background-size: cover;
		display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;
	}
	.main .ob-featured-photo .photo:hover {filter: brightness(1.1);}
	.main .ob-featured-photo .photo.ar-vertical {
		aspect-ratio: 3 / 4;
		height: 80%;
		max-height: calc(100% - (2 * var(--s-box-gutter)));
		width: auto;
	}
	.main .ob-featured-photo .photo.ar-horizontal {
		aspect-ratio: 4 / 3;
		width: 80%;
		max-width: calc(100% - (2 * var(--s-box-gutter)));
		height: auto;
	}
	.main .ob-featured-photo .blog-post-link {
		display: none;
		width: auto;
	}
	
/* Blog Posts */
	.main .post {padding-top: 0; padding-bottom: var(--s-gap-division);}
	.main .post .content {width: 100%;}
	
	/* Toppers */
		.main .post hgroup {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%;}
		.main .post hgroup > * {max-width: 600px;}
		@media only screen and (max-width: 470px) { /* mobile */
			.main .post hgroup {align-items: center; justify-content: center;}
			.main .post hgroup > * {text-align: center;}
			.main .post.category-photographic hgroup {align-items: center;}
			.main .post.category-photographic hgroup > * {text-align: center;}
		}
		@media only screen and (min-width: 471px) { /* notmob */
			.main .post hgroup {align-items: center;}
			.main .post hgroup > * {text-align: center;}
		}
		.main .post .topper-photographic {width: 100%; border-radius: var(--br-small); background-size: cover; background-position: 50% 50%; align-items: center; justify-content: center; margin-top: var(--s-box-padding);}
		@media only screen and (max-width: 620px) { /* mob+pha */ .main .post .topper-photographic {aspect-ratio: 1 / 1;}}
		@media only screen and (min-width: 621px) { /* tablet+ */ .main .post .topper-photographic {aspect-ratio: 16 / 9;}}
		.main .post .topper-text {width: 100%; margin-top: var(--s-gap-division); margin-bottom: calc(var(--s-gap-division) - 12px);}
		@media only screen and (min-width: 471px) { /* notmobi */ .main .post .topper-text hgroup {padding-left: 40px; padding-right: 40px;}} /* extra padding for beauty */
		@media only screen and (max-width: 800px) { /* notdesk */ .main .post .topper-photographic hgroup {display: none;}} /* switch between text + photo */
		@media only screen and (min-width: 801px) { /* desktop */ .main .post.category-photographic .topper-text {display: none;}} /* switch between text + photo */
		.main .post .topper-photographic hgroup * {color: #FFFFFF; text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4), 0px 0px 40px rgba(0, 0, 0, 0.8);}
		.main .post .topper-photographic hgroup > * {width: 100%; text-align: center;}
	
	/* Images */
		.main .post figure img {max-width: none !important; height: auto; aspect-ratio: auto;}
	
	/* Columns */
		.main .post .wp-block-columns {column-gap: var(--s-gap-figure); width: 100%;}
	
	/* Margins */
		.main .post .content > :where(p, pre, ul, ol, .wp-block-pullquote, .wp-block-quote, .ob-buttons),
		.main .post .content > :where(p, pre, ul, ol, .wp-block-pullquote, .wp-block-quote, .ob-buttons) + * {margin-top: var(--s-gap-text);}
		.main .post .content > :where(figure, .wp-block-columns, .ob-illustration, .ob-post-crosslinks, h1, h2, h3, h4, h5, h6),
		.main .post .content > :where(figure, .wp-block-columns, .ob-illustration, .ob-post-crosslinks) + * {margin-top: var(--s-gap-figure);}
		.main .post .content > :where(hr),
		.main .post .content > :where(hr) + * {margin-top: var(--s-gap-division);}
		.main .category-photographic .content .wp-block-column > :where(figure) + * {margin-top: var(--s-gap-figure);}
		.main .post .content :where(ul, ol, li) > * {margin-top: 8px;}
		.main .post .content :where(ul, ol) > *:first-child {margin-top: 0;}
		@media only screen and (max-width: 800px) { /* notdesk */
		.main .post .content .wp-block-column + .wp-block-column {margin-top: var(--s-gap-figure);}
		}
	
	/* TYPE — Photographic */
		.main .category-photographic figure {width: 100%;}
		.main .category-photographic .content .wp-block-columns p {max-width: 550px;}
			/* Column Behaviour */
			.main .category-photographic .wp-block-columns {align-content: flex-start; align-items: flex-start;}
			.main .category-photographic .wp-block-columns .wp-block-column {align-content: flex-start; align-items: flex-start;}
			.main .category-photographic .wp-block-columns .wp-block-column >
			:where(p, h1, h2, h3, h4, h5, h6, pre, ul, ol, .wp-block-pullquote, .wp-block-quote, .ob-buttons) +
			:where(p, h1, h2, h3, h4, h5, h6, pre, ul, ol, .wp-block-pullquote, .wp-block-quote, .ob-buttons) {margin-top: var(--s-gap-text);}
			@media only screen and (min-width: 801px) { /* desktop */
			.main .category-photographic .wp-block-columns {flex-direction: row;}
			.main .category-photographic .wp-block-columns .wp-block-column {flex-grow: 1; flex-basis: 0; width: 100%;}
			}
			@media only screen and (max-width: 800px) { /* notdesk */
			.main .category-photographic .wp-block-column + .wp-block-column {margin-top: var(--s-gap-figure);}
			}
	
	/* TYPE — Legacy */
		.main .category-legacy .content {align-items: center;}
		.main .category-legacy .content p:first-of-type {margin-top: 0;}

			/* Numbered Titles */
			.main .category-legacy :where(h1, h2, h3, h4, h5, h6) .number {color: var(--c-text-gray); display:inline-block; min-width: 34px; font-size: inherit;}
			.main .category-legacy :where(h1, h2, h3, h4, h5, h6) strong {font-weight: normal; font-size: inherit; color: var(--c-text-gray);}
		
			/* Pullquotes */
			.main .category-legacy .wp-block-pullquote * {width: 100%;}
			.main .category-legacy .wp-block-pullquote p {max-width: none;}
			.main .category-legacy .content .wp-block-column .wp-block-pullquote {margin-top: 0;}
			.main .category-legacy .content .wp-block-column .wp-block-pullquote * {text-align: left;}
			@media only screen and (max-width: 800px) { /* mobile */ .main .category-legacy .content > .wp-block-pullquote * {text-align: left;}}
			@media only screen and (min-width: 801px) { /* notmob */ .main .category-legacy .content > .wp-block-pullquote * {text-align: center;}}
			
			/* Images */
			.main .category-legacy .wp-block-image {width: 100%;}
			@media only screen and (min-width: 801px) { /* desktop */
			.main .category-legacy .wp-block-image:not(.horizontal, .vertical, .pano) {max-width: 700px;}
			.main .category-legacy :where(.wp-block-image.horizontal, .wp-block-video, .wp-block-embed.is-type-video) {max-width: 900px;}
			.main .category-legacy .wp-block-image.square {max-width: 700px;}
			.main .category-legacy .wp-block-image.vertical {max-width: 500px;}
			}
			/* Column Behaviour */
			@media only screen and (min-width: 801px) { /* desktop */
			.main .category-legacy .wp-block-columns {flex-direction: row; justify-content: center;}
			.main .category-legacy .wp-block-columns .wp-block-column {flex-grow: 1; flex-basis: 0;}
			.main .category-legacy .wp-block-columns.vertical .wp-block-column {max-width: 500px;}
			.main .category-legacy .wp-block-column {justify-content: center;}
			}
	
	/* Opens with illustration */
		.main .post .content .ob-illustration {padding-top: 18px; padding-bottom: 12px;}
		.main .post .content .ob-illustration:first-child {margin-top: calc(var(--s-gap-figure) - var(--s-gap-division));}

/* WP Admin Bar Overrides */
#wpadminbar-wrapper,
#wpadminbar-wrapper * {all: none;}
#wpadminbar {position; relative !important;}