@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');
/*
* The Cannon Yarder: second redesign for the Canard theme (Additional CSS).
*
* Headlines: Libre Caslon Display. Caslon is the English type of the 1700s
* and sits naturally beside the green logo's old English letters.
* Reading: Newsreader, a contemporary newspaper text face.
* Colours are all taken from the green logo.
*
* The masthead logo is drawn from the full-size logo file (https://cannonyarder.org/wp-content/uploads/2024/04/cropped-image-1.png).
* If the logo is ever replaced in the Customizer, update that address here.
* Round one is kept as cannon-yarder.css for a one-step restore.
*/

/* ---------- Fallback faces sized to match, so text does not jump when fonts load ---------- */
@font-face {
font-family: "CY Newsreader Fallback";
src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Liberation Serif"), local("LiberationSerif"), local("Times");
size-adjust: 100.7%;
ascent-override: 73%;
descent-override: 26.3%;
line-gap-override: 0%;
}
@font-face {
font-family: "CY Newsreader Fallback";
font-style: italic;
src: local("Times New Roman Italic"), local("TimesNewRomanPS-ItalicMT"), local("Liberation Serif Italic"), local("LiberationSerif-Italic"), local("Times Italic");
size-adjust: 92.1%;
ascent-override: 79.8%;
descent-override: 28.8%;
line-gap-override: 0%;
}
@font-face {
font-family: "CY Caslon Fallback";
src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Liberation Serif"), local("LiberationSerif"), local("Times");
size-adjust: 91.2%;
ascent-override: 106.4%;
descent-override: 29.2%;
line-gap-override: 0%;
}

/* ---------- Tokens ---------- */
:root {
--cy-paper: #f7f6f0;
--cy-paper-2: #edece3;
--cy-ink: #17201a;
--cy-ink-2: #3a453e;
--cy-ink-3: #67716a;
--cy-rule: #d6d9cf;
--cy-rule-2: #e4e5dc;
--cy-green: #2b5b3c;
--cy-green-2: #3e7c53;
--cy-mint: #badebf;
--cy-mint-2: #8dbd96;
--cy-mint-3: #e0eee1;
--cy-night: #12241a;
--cy-night-2: #1b3324;
--cy-night-ink: #dce9dd;
--cy-night-3: #95b09b;
--cy-night-rule: rgba(186, 222, 191, .16);

--cy-display: "Libre Caslon Display", "CY Caslon Fallback", "Times New Roman", Times, serif;
--cy-text: "Newsreader", "CY Newsreader Fallback", "Times New Roman", Times, serif;

--cy-ease: cubic-bezier(.2, .75, .2, 1);
--cy-max: 1240px;
--cy-measure: 680px;
--cy-gutter: 20px;
--cy-gap: 22px;

/* Masthead geometry. The sticky bar relies on these adding up exactly. */
--cy-logo-w: min(400px, calc(100vw - 40px));
--cy-brand-pt: 22px;
--cy-tag-gap: 6px;
--cy-tag-size: clamp(13.5px, 3.95vw, 16px);
--cy-tag-lh: 22px;
--cy-brand-pb: 24px;
--cy-brand-h: calc(var(--cy-brand-pt) + var(--cy-logo-w) / 6.2 + var(--cy-tag-gap) + var(--cy-tag-lh) + var(--cy-brand-pb));
--cy-nav-h: 52px;
--cy-bar: 0px;
--cy-mini-k: .5;
--cy-mini-x: 0px;
}
@media (min-width: 600px) {
:root {
--cy-gutter: 32px;
--cy-gap: 28px;
--cy-logo-w: 500px;
--cy-brand-pt: 30px;
--cy-tag-gap: 8px;
--cy-tag-size: 18px;
--cy-tag-lh: 26px;
--cy-brand-pb: 28px;
--cy-nav-h: 54px;
--cy-mini-k: .4;
}
}
@media (min-width: 960px) {
:root {
--cy-gutter: 40px;
--cy-gap: 34px;
--cy-logo-w: 600px;
--cy-brand-pt: 38px;
--cy-tag-gap: 10px;
--cy-tag-size: 19px;
--cy-tag-lh: 28px;
--cy-brand-pb: 30px;
--cy-nav-h: 58px;
--cy-mini-k: .34;
--cy-mini-x: calc(max(var(--cy-gutter), (100cqw - var(--cy-max)) / 2) + var(--cy-logo-w) * var(--cy-mini-k) / 2 - 50cqw);
}
}
@media (min-width: 1200px) {
:root { --cy-gutter: 48px; --cy-gap: 40px; }
}
/* WordPress toolbar for signed-in editors */
@media (min-width: 601px) { :root:has(body.admin-bar) { --cy-bar: 46px; } }
@media (min-width: 783px) { :root:has(body.admin-bar) { --cy-bar: 32px; } }

/* ---------- Base ---------- */
html {
background: var(--cy-paper);
scroll-padding-top: calc(var(--cy-bar) + var(--cy-nav-h) + 20px);
}
body {
background: var(--cy-paper) !important;
color: var(--cy-ink) !important;
font-family: var(--cy-text) !important;
font-size: 18px;
line-height: 1.6;
font-optical-sizing: auto;
font-kerning: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
@media (min-width: 768px) { body { font-size: 19px; } }
#page { overflow-x: clip; }
button, input, select, textarea { font-family: var(--cy-text) !important; }
::selection { background: var(--cy-mint); color: var(--cy-ink); }

a, a:visited { font-weight: inherit; }
body a {
color: var(--cy-green);
text-decoration: none;
transition: color .25s var(--cy-ease), background-color .25s var(--cy-ease), background-size .55s var(--cy-ease), text-decoration-color .25s var(--cy-ease), opacity .25s var(--cy-ease);
}
body a:hover, body a:focus { color: var(--cy-ink); }
a:focus { outline: none; }
:focus-visible { outline: 2px solid var(--cy-green) !important; outline-offset: 3px; }

h1, h2, h3, h4, h5, h6 {
font-family: var(--cy-display) !important;
font-weight: 400 !important;
font-synthesis: none;
letter-spacing: -.005em;
color: var(--cy-ink);
text-wrap: balance;
}
p { text-wrap: pretty; }
hr { background: var(--cy-rule); }
blockquote:before { display: none; }

/* Buttons and fields, replacing the red capitals */
button, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button__link {
background: var(--cy-green);
border: 1px solid var(--cy-green);
border-radius: 0;
color: var(--cy-paper);
font-weight: 600;
font-size: 12.5px;
letter-spacing: .16em;
line-height: 1.2;
padding: 13px 20px;
text-transform: uppercase;
box-shadow: none;
cursor: pointer;
transition: background-color .25s var(--cy-ease), color .25s var(--cy-ease), border-color .25s var(--cy-ease);
}
button:hover, button:focus, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .wp-block-button__link:hover {
background: var(--cy-ink);
border-color: var(--cy-ink);
color: var(--cy-paper);
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, select {
background: transparent;
border: 0;
border-bottom: 1px solid var(--cy-ink-3);
border-radius: 0;
box-shadow: none;
color: var(--cy-ink);
font-size: 18px;
padding: 10px 0;
transition: border-color .25s var(--cy-ease);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
border-bottom-color: var(--cy-green);
box-shadow: none;
}
textarea { border: 1px solid var(--cy-rule); padding: 12px 14px; }
::placeholder { color: var(--cy-ink-3); opacity: 1; font-style: italic; }

/* ---------- Masthead ---------- */
#masthead.site-header {
position: sticky;
top: calc(var(--cy-bar) - var(--cy-brand-h));
z-index: 60;
width: 100%;
padding: 0;
border: 0;
background: var(--cy-paper);
container-type: inline-size;
}
#masthead .site-branding {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
width: auto;
height: var(--cy-brand-h);
min-height: 0;
margin: 0;
padding: var(--cy-brand-pt) var(--cy-gutter) 0;
text-align: center;
}
/* Thick and thin rule under the masthead, like a printed nameplate */
#masthead .site-branding::after {
content: "";
position: absolute;
left: var(--cy-gutter);
right: var(--cy-gutter);
bottom: 0;
max-width: var(--cy-max);
margin: 0 auto;
border-top: 2px solid var(--cy-ink);
border-bottom: 1px solid var(--cy-ink);
box-sizing: content-box;
padding-bottom: 2px;
height: 0;
}
#masthead .site-logo-link,
#masthead .custom-logo-link {
position: relative;
z-index: 3;
display: block;
flex: none;
width: var(--cy-logo-w);
max-width: 100%;
height: auto;
max-height: none;
aspect-ratio: 6.2;
margin: 0 auto;
padding: 0;
background: url(https://cannonyarder.org/wp-content/uploads/2024/04/cropped-image-1.png) 50% 50% / cover no-repeat;
mix-blend-mode: multiply;
opacity: 1 !important;
transform-origin: 50% 50%;
transition: none;
}
#masthead .site-logo-link img,
#masthead .custom-logo-link img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
object-fit: cover;
opacity: 0;
}
/* The logo already says the name, so the text title stays for screen readers only */
#masthead .site-title {
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px !important;
padding: 0 !important;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
#masthead .site-description {
display: block !important;
margin: var(--cy-tag-gap) 0 0 !important;
padding: 0 !important;
font-family: var(--cy-text) !important;
font-style: italic !important;
font-weight: 400 !important;
font-size: var(--cy-tag-size);
line-height: var(--cy-tag-lh);
letter-spacing: .01em;
text-transform: none;
white-space: nowrap;
color: var(--cy-ink-2) !important;
text-wrap: nowrap;
}

/* Navigation bar */
#masthead .search-navigation {
position: relative;
top: auto;
left: auto;
width: 100%;
height: var(--cy-nav-h);
margin: 0;
padding: 0;
border: 0;
border-bottom: 1px solid var(--cy-rule);
background: var(--cy-paper);
}
#masthead .search-navigation-inner {
position: static;
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
box-sizing: border-box;
width: auto;
max-width: calc(var(--cy-max) + 2 * var(--cy-gutter));
height: 100%;
margin: 0 auto;
padding: 0 var(--cy-gutter);
}
#masthead .main-navigation {
grid-column: 1;
justify-self: start;
float: none;
margin: 0;
font-size: inherit;
line-height: inherit;
}
#masthead .search-header {
grid-column: 3;
justify-self: end;
position: static;
min-width: 0;
}
#masthead .main-navigation ul,
#masthead .main-navigation li { border: 0; }
#masthead .main-navigation a { color: var(--cy-ink); }
#masthead .main-navigation .current-menu-item > a,
#masthead .main-navigation .current_page_item > a { color: var(--cy-green); }

/* Icon buttons in the bar: drawn with masks so they stay crisp */
#masthead .menu-toggle,
#masthead .search-toggle {
position: relative;
top: auto;
right: auto;
display: inline-flex;
align-items: center;
gap: 10px;
width: auto;
height: 40px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--cy-ink);
font-size: 12.5px;
font-weight: 600;
letter-spacing: .16em;
line-height: 1;
text-transform: uppercase;
z-index: 2;
}
#masthead .menu-toggle:hover, #masthead .menu-toggle:focus,
#masthead .search-toggle:hover, #masthead .search-toggle:focus,
#masthead .toggled .menu-toggle, #masthead .toggled .search-toggle {
background: transparent;
border: 0;
color: var(--cy-green);
}
#masthead .menu-toggle::before,
#masthead .search-toggle::before {
content: "";
display: block;
width: 20px;
height: 20px;
margin: 0;
font-size: 0;
line-height: 0;
background: currentColor;
-webkit-mask: var(--cy-icon) center / contain no-repeat;
mask: var(--cy-icon) center / contain no-repeat;
transition: transform .35s var(--cy-ease);
}
#masthead .menu-toggle { --cy-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 8.5h18M3 15.5h18' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); }
#masthead .search-toggle { --cy-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.25' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M15.2 15.2 20.5 20.5' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); width: 40px; justify-content: center; }
#masthead .toggled .menu-toggle,
#masthead .search-header.toggled .search-toggle { --cy-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 5.5l13 13M18.5 5.5l-13 13' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); }
#masthead .toggled .menu-toggle::before,
#masthead .search-header.toggled .search-toggle::before { transform: rotate(90deg); }
#masthead .menu-toggle::after { content: "Menu"; content: "Menu" / ""; }
#masthead .toggled .menu-toggle::after { content: "Close"; content: "Close" / ""; }
#masthead .search-header.toggled .search-toggle::after { display: none; }

/* Search panel */
#masthead .search-header .search-form {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 20;
width: auto;
margin: 0;
padding: 18px var(--cy-gutter) 22px;
background: var(--cy-paper);
border-bottom: 1px solid var(--cy-rule);
box-shadow: 0 28px 40px -30px rgba(18, 36, 26, .35);
}
#masthead .search-header.toggled .search-form { animation: cy-drop .35s var(--cy-ease) both; }
.search-form { position: relative; }
.search-form label { display: block; }
.search-form .search-field {
width: 100%;
height: 52px;
padding: 0 48px 0 0;
font-size: 22px;
font-style: italic;
border-bottom: 1px solid var(--cy-ink);
}
.search-form::before {
content: "";
position: absolute;
top: 50%;
right: 6px;
left: auto;
width: 20px;
height: 20px;
margin-top: -10px;
border-radius: 0;
background: var(--cy-green);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.25' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M15.2 15.2 20.5 20.5' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.25' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M15.2 15.2 20.5 20.5' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
font-size: 0;
line-height: 0;
pointer-events: none;
}
.search-form.hover::before { background: var(--cy-ink); }
#masthead .search-header .search-form::before { top: calc(50% - 2px); right: calc(var(--cy-gutter) + 6px); }
.search-form .search-submit,
.search-form .search-submit:hover,
.search-form .search-submit:focus {
position: absolute;
top: 50%;
right: 0;
width: 44px;
height: 44px;
margin-top: -22px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: transparent;
overflow: hidden;
}
#masthead .search-header .search-form .search-submit { right: var(--cy-gutter); margin-top: -24px; }

/* Phone and tablet menu */
@media (max-width: 959px) {
#masthead .main-navigation { position: static; }
#masthead .main-navigation > div { display: none; }
#masthead .main-navigation.toggled > div {
display: block;
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 20;
width: auto;
max-height: calc(100vh - var(--cy-bar) - var(--cy-nav-h));
max-height: calc(100dvh - var(--cy-bar) - var(--cy-nav-h));
margin: 0;
padding: 6px var(--cy-gutter) 30px;
overflow-y: auto;
background: var(--cy-paper);
border-bottom: 1px solid var(--cy-rule);
box-shadow: 0 30px 40px -30px rgba(18, 36, 26, .35);
animation: cy-drop .35s var(--cy-ease) both;
}
#masthead .main-navigation.toggled > div::before { display: none; }
#masthead .main-navigation > div > ul {
max-width: var(--cy-max);
margin: 0 auto;
padding: 0;
background: transparent;
border: 0;
}
#masthead .main-navigation .nav-menu > li { border-bottom: 1px solid var(--cy-rule); }
#masthead .main-navigation .nav-menu > li:last-child { border-bottom: 0; }
#masthead .main-navigation li { padding: 0; }
#masthead .main-navigation .nav-menu > li > a {
padding: 17px 44px 15px 0;
font-family: var(--cy-display);
font-size: 27px;
line-height: 1.15;
letter-spacing: -.005em;
}
#masthead .main-navigation ul ul {
margin: -4px 0 14px;
padding: 0;
border: 0;
}
#masthead .main-navigation ul ul.toggled { display: block; margin: -4px 0 14px; padding: 0; animation: cy-fade .3s var(--cy-ease) both; }
#masthead .main-navigation ul ul ul,
#masthead .main-navigation ul ul ul.toggled { display: block; margin: 0; padding: 0 0 4px 16px; animation: none; }
#masthead .main-navigation ul ul a {
padding: 7px 0;
font-size: 18.5px;
line-height: 1.35;
color: var(--cy-ink-2);
}
#masthead .main-navigation ul ul ul a { font-size: 17px; color: var(--cy-ink-3); }
#masthead .main-navigation ul ul a:hover { color: var(--cy-green); }
#masthead .main-navigation .menu-item-has-children > a { position: relative; padding-right: 44px; }
/* The parent rows are only there to open their lists, so the whole row works as the switch */
#masthead .main-navigation .dropdown-toggle {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 44px;
height: auto;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--cy-green);
}
#masthead .main-navigation a[href="#"] > .dropdown-toggle { left: 0; width: auto; }
#masthead .main-navigation ul ul .dropdown-toggle { display: none; }
#masthead .main-navigation .dropdown-toggle::before {
content: "";
position: absolute;
top: 50%;
right: 4px;
width: 13px;
height: 13px;
margin-top: -6.5px;
font-size: 0;
line-height: 0;
background:
linear-gradient(currentColor, currentColor) center / 100% 1.5px no-repeat,
linear-gradient(currentColor, currentColor) center / 1.5px 100% no-repeat;
transition: transform .35s var(--cy-ease);
}
#masthead .main-navigation .dropdown-toggle.toggled::before { transform: rotate(135deg); }
#masthead .main-navigation .menu-item-has-children > a::after { display: none; }
#masthead .search-header .search-form::before { right: calc(var(--cy-gutter) + 6px); }
}

/* Desktop menu */
@media (min-width: 960px) {
#masthead .menu-toggle { display: none; }
#masthead .main-navigation { grid-column: 2; justify-self: center; position: static; }
#masthead .main-navigation > div { display: block; width: auto; margin: 0; }
#masthead .main-navigation > div::before { display: none; }
#masthead .main-navigation .nav-menu,
#masthead .main-navigation > div > ul { display: flex; align-items: center; gap: 0; margin: 0; padding: 0; border: 0; background: transparent; }
#masthead .main-navigation .nav-menu::before,
#masthead .main-navigation .nav-menu::after { display: none; }
#masthead .main-navigation .nav-menu > li,
#masthead .main-navigation > div > ul > li { position: relative; float: none; padding: 0; border: 0; }
#masthead .main-navigation .nav-menu > li > a,
#masthead .main-navigation > div > ul > li > a {
position: relative;
display: flex;
align-items: center;
height: var(--cy-nav-h);
padding: 0 24px;
font-size: 13px;
font-weight: 500;
letter-spacing: .17em;
line-height: 1;
text-transform: uppercase;
}
#masthead .main-navigation .nav-menu > li > a::before {
content: "";
position: absolute;
left: 24px;
right: 24px;
bottom: 14px;
height: 1px;
background: var(--cy-green);
transform: scaleX(0);
transition: transform .45s var(--cy-ease);
}
#masthead .main-navigation .nav-menu > li:hover > a,
#masthead .main-navigation .nav-menu > li.focus > a { color: var(--cy-green); }
#masthead .main-navigation .nav-menu > li:hover > a::before,
#masthead .main-navigation .nav-menu > li.focus > a::before { transform: scaleX(1); }
#masthead .main-navigation .menu-item-has-children { padding-right: 0; }
#masthead .main-navigation .menu-item-has-children > a::after {
content: "";
position: static;
display: inline-block;
width: 5px;
height: 5px;
margin: -4px 0 0 10px;
font-size: 0;
line-height: 0;
color: inherit;
border-right: 1.25px solid currentColor;
border-bottom: 1.25px solid currentColor;
transform: rotate(45deg);
transition: transform .35s var(--cy-ease);
}
#masthead .main-navigation .nav-menu > li:hover > a::after,
#masthead .main-navigation .nav-menu > li.focus > a::after { transform: translateY(2px) rotate(45deg); }
#masthead .main-navigation ul ul .menu-item-has-children > a::after { display: none; }
/* A little less room between items where the docked logo sits close to the menu */
@media (max-width: 1099px) {
#masthead .main-navigation .nav-menu > li > a,
#masthead .main-navigation > div > ul > li > a { padding: 0 18px; }
#masthead .main-navigation .nav-menu > li > a::before { left: 18px; right: 18px; }
}
/* A link that only opens a list should not jump to the top of the page when clicked */
#masthead .main-navigation .nav-menu > li > a[href="#"] { cursor: default; }
@media (hover: hover) and (pointer: fine) {
#masthead .main-navigation .nav-menu > li > a[href="#"] { pointer-events: none; }
}

#masthead .main-navigation ul ul {
position: absolute;
top: calc(100% - 6px);
left: 50%;
z-index: 30;
display: block;
float: none;
min-width: 252px;
margin: 0;
padding: 12px 0;
background: var(--cy-paper);
border: 1px solid var(--cy-rule);
box-shadow: 0 28px 50px -28px rgba(18, 36, 26, .32);
opacity: 0;
visibility: hidden;
transform: translate(-50%, 8px);
transition: opacity .22s var(--cy-ease), transform .35s var(--cy-ease), visibility 0s linear .35s;
}
#masthead .main-navigation ul li:hover > ul,
#masthead .main-navigation ul li.focus > ul,
#masthead .main-navigation ul li:focus-within > ul {
left: 50%;
margin-left: 0;
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
transition-delay: 0s;
}
#masthead .main-navigation ul ul li { float: none; padding: 0; background: transparent; }
#masthead .main-navigation ul ul a {
display: block;
width: auto;
padding: 8px 26px;
font-size: 17px;
line-height: 1.35;
letter-spacing: 0;
text-transform: none;
white-space: nowrap;
color: var(--cy-ink);
transition: color .2s var(--cy-ease), background-color .2s var(--cy-ease), padding .35s var(--cy-ease);
}
#masthead .main-navigation ul ul a:hover,
#masthead .main-navigation ul ul a:focus { background: var(--cy-mint-3); color: var(--cy-green); padding-left: 30px; }
/* Third level sits inside the same panel, indented, instead of flying out sideways */
#masthead .main-navigation ul ul ul,
#masthead .main-navigation ul ul li:hover > ul,
#masthead .main-navigation ul ul .focus > ul {
position: static;
left: auto;
top: auto;
min-width: 0;
margin: 0;
padding: 0 0 6px;
border: 0;
box-shadow: none;
background: transparent;
opacity: 1;
visibility: inherit;
transform: none;
transition: none;
}
#masthead .main-navigation ul ul ul a { padding: 5px 26px 5px 44px; font-size: 15.5px; color: var(--cy-ink-3); }
#masthead .main-navigation ul ul ul a:hover { padding-left: 48px; }

#masthead .search-header { position: relative; }
#masthead .search-header .search-form {
top: calc(100% + 8px);
left: auto;
right: -8px;
width: 380px;
padding: 14px 20px 18px;
border: 1px solid var(--cy-rule);
}
#masthead .search-header .search-form::before { right: 26px; }
#masthead .search-header .search-form .search-submit { right: 20px; }
}

/* The logo glides into the bar as the masthead scrolls away (browsers with scroll-linked animation) */
@media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: scroll()) {
#masthead .site-logo-link,
#masthead .custom-logo-link {
animation: cy-logo-dock linear both;
animation-timeline: scroll(root block);
animation-range: 0 var(--cy-brand-h);
}
#masthead .site-description,
#masthead .site-branding::after {
animation: cy-fade-away linear both;
animation-timeline: scroll(root block);
animation-range: 0 calc(var(--cy-brand-h) * .45);
}
}
}
@keyframes cy-logo-dock {
to {
transform:
translate(var(--cy-mini-x), calc(var(--cy-brand-h) - var(--cy-brand-pt) - var(--cy-logo-w) / 12.4 + var(--cy-nav-h) / 2))
scale(var(--cy-mini-k));
}
}
@keyframes cy-fade-away { to { opacity: 0; } }

/* ---------- Shared pieces ---------- */
.site-content::before, .site-content::after,
.site-content-inner::before, .site-content-inner::after,
.featured-content-inner::before, .featured-content-inner::after,
.hentry::before, .hentry::after { display: none; }

/* Section labels */
#featured-content .featured-content-inner::before,
.home.blog #main::before,
#secondary .widget-title,
#tertiary .widget-title,
.cy-rubric {
display: block;
margin: 0 0 22px;
padding: 12px 0 0;
border-top: 1px solid var(--cy-ink);
font-family: var(--cy-text) !important;
font-size: 12px;
font-weight: 600 !important;
font-style: normal;
letter-spacing: .2em;
line-height: 1.2;
text-transform: uppercase;
color: var(--cy-ink);
}

/* Category labels: drop the internal "DEFAULT" category and show at most two */
#content .entry-meta .cat-links,
#content .cat-links { font-size: 0; line-height: 0; }
#content .cat-links a {
position: relative;
z-index: 2;
display: inline-block;
font-family: var(--cy-text);
font-size: 11.5px;
font-weight: 600;
letter-spacing: .17em;
line-height: 1.6;
text-transform: uppercase;
color: var(--cy-green) !important;
opacity: 1 !important;
text-shadow: none;
}
#content .cat-links a:hover { color: var(--cy-ink) !important; }
#content .cat-links a[href*="/category/default/"],
#content .cat-links a:not([href*="/category/default/"]) ~ a:not([href*="/category/default/"]) ~ a:not([href*="/category/default/"]) { display: none; }
#content .cat-links a:not([href*="/category/default/"]) ~ a:not([href*="/category/default/"])::before {
content: "\00b7";
display: inline-block;
margin: 0 .55em 0 .45em;
color: var(--cy-mint-2);
}
#content .entry-header .entry-meta {
margin: 0 0 10px;
padding: 0;
font-family: var(--cy-text) !important;
line-height: 0;
text-transform: uppercase;
color: var(--cy-green);
text-shadow: none;
max-width: none;
}

/* Headline link underline that draws in on hover */
#featured-content .entry-title a,
#main .hentry .entry-title a {
color: var(--cy-ink);
text-shadow: none;
background: linear-gradient(var(--cy-mint-2), var(--cy-mint-2)) 0 94% / 0 1px no-repeat;
padding-bottom: .04em;
}
#featured-content .hentry:hover .entry-title a,
#main .hentry:hover .entry-title a,
#featured-content .entry-title a:focus-visible,
#main .hentry .entry-title a:focus-visible { background-size: 100% 1px; color: var(--cy-ink); }
/* The whole story card is one big link */
#featured-content .entry-title a::after,
#main .hentry .entry-title a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
#main .hentry .entry-meta a,
#main .hentry .byline a,
#main .hentry .posted-on a { position: relative; z-index: 2; }

/* Photos: no black veil, no late swap; a slow zoom on hover */
#content .post-thumbnail {
position: relative;
top: auto;
display: block;
float: none;
width: 100%;
height: auto;
margin: 0;
overflow: hidden;
opacity: 1 !important;
background: var(--cy-paper-2) !important;
background-image: none !important;
}
#content .post-thumbnail img {
position: static;
top: auto;
display: block;
width: 100%;
height: 100%;
margin: 0;
object-fit: cover;
opacity: 1 !important;
visibility: visible !important;
transform: none;
transition: transform 1.4s var(--cy-ease);
}
#featured-content .hentry:hover .post-thumbnail img,
#main .hentry:hover .post-thumbnail img { transform: scale(1.035); }
body.single #main .hentry:hover .post-thumbnail img,
body.page #main .hentry:hover .post-thumbnail img { transform: none; }
.sticky-post { display: none; }

/* ---------- Home: featured stories ---------- */
#featured-content.featured-content {
border: 0;
padding: clamp(28px, 4.2vw, 56px) var(--cy-gutter) 0;
}
#featured-content .featured-content-inner {
display: grid;
grid-template-columns: minmax(0, 1fr);
box-sizing: border-box;
width: auto;
max-width: var(--cy-max);
margin: 0 auto;
}
#featured-content .featured-content-inner::before {
content: "Featured";
content: "Featured" / "";
grid-column: 1 / -1;
}
#featured-content .hentry {
position: relative;
float: none;
width: auto;
height: auto;
margin: 0;
padding: 0;
overflow: visible;
border: 0;
background: none;
color: inherit;
text-shadow: none;
}
#featured-content .hentry:not(.has-post-thumbnail) .post-thumbnail { display: none; }
#featured-content .entry-header {
position: static;
bottom: auto;
padding: 0;
}
#featured-content .entry-meta { width: auto; padding: 0; }
#featured-content .entry-title {
margin: 0;
padding: 0;
font-size: 20px;
line-height: 1.16;
letter-spacing: -.003em;
}
/* Lead story */
#featured-content .hentry:first-of-type .post-thumbnail { aspect-ratio: 3 / 2; }
#featured-content .hentry:first-of-type .entry-header { padding: 18px 0 0; }
#featured-content .hentry:first-of-type .entry-title {
font-size: clamp(30px, 3.5vw, 50px);
line-height: 1.04;
letter-spacing: -.012em;
}
/* The other four */
#featured-content .hentry:not(:first-of-type) {
display: grid;
grid-template-columns: minmax(0, 1fr) 96px;
column-gap: 18px;
align-items: center;
padding: 18px 0;
border-top: 1px solid var(--cy-rule);
}
#featured-content .hentry:nth-of-type(2) { margin-top: 26px; }
#featured-content .hentry:not(:first-of-type) .post-thumbnail { grid-column: 2; grid-row: 1; aspect-ratio: 1; }
#featured-content .hentry:not(:first-of-type) .entry-header { grid-column: 1; grid-row: 1; }
#featured-content .hentry:not(:first-of-type) .entry-meta { margin-bottom: 6px; }

@media (min-width: 600px) and (max-width: 959px) {
#featured-content .featured-content-inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: var(--cy-gap);
}
#featured-content .hentry:first-of-type { grid-column: 1 / -1; }
#featured-content .hentry:not(:first-of-type) {
display: block;
margin-top: 34px;
padding: 0;
border: 0;
}
#featured-content .hentry:not(:first-of-type) .post-thumbnail { aspect-ratio: 3 / 2; }
#featured-content .hentry:not(:first-of-type) .entry-header { padding: 14px 0 0; }
#featured-content .hentry:not(:first-of-type) .entry-title { font-size: 23px; }
}
@media (min-width: 960px) {
#featured-content .featured-content-inner {
grid-template-columns: repeat(12, minmax(0, 1fr));
column-gap: var(--cy-gap);
}
#featured-content .hentry:first-of-type { grid-column: 1 / span 7; grid-row: 2 / span 4; }
#featured-content .hentry:not(:first-of-type) {
grid-column: 8 / -1;
grid-template-columns: 128px minmax(0, 1fr);
column-gap: 22px;
margin: 0;
padding: 0;
border: 0;
}
#featured-content .hentry:nth-of-type(2) { grid-row: 2; }
#featured-content .hentry:nth-of-type(3) { grid-row: 3; }
#featured-content .hentry:nth-of-type(4) { grid-row: 4; }
#featured-content .hentry:nth-of-type(5) { grid-row: 5; }
#featured-content .hentry:nth-of-type(n+3) { border-top: 1px solid var(--cy-rule); }
#featured-content .hentry:not(:first-of-type) .post-thumbnail { grid-column: 1; aspect-ratio: 4 / 3; }
#featured-content .hentry:not(:first-of-type) .entry-header { grid-column: 2; padding: 0; }
#featured-content .hentry:not(:first-of-type) .entry-title { font-size: clamp(19px, 1.6vw, 23px); }
}

/* ---------- Lists: home, categories, search ---------- */
.site-content-inner {
box-sizing: border-box;
width: auto;
max-width: calc(var(--cy-max) + 2 * var(--cy-gutter));
margin: 0 auto;
padding: clamp(40px, 5.5vw, 72px) var(--cy-gutter) clamp(64px, 8vw, 112px);
}
#primary.content-area, #main.site-main {
float: none;
width: auto;
margin: 0;
padding: 0;
border: 0;
}
.home.blog #main::before { content: "Latest"; content: "Latest" / ""; }

#main .hentry {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) 104px;
grid-template-rows: auto auto auto auto;
column-gap: 18px;
align-content: start;
margin: 0;
padding: 22px 0;
border: 0;
border-top: 1px solid var(--cy-rule);
overflow: visible;
color: inherit;
}
#main .hentry:first-of-type { margin-top: 0; padding-top: 0; border-top: 0; }
#main .hentry > .post-thumbnail {
grid-column: 2;
grid-row: 1 / span 2;
align-self: start;
aspect-ratio: 1;
margin: 4px 0 0;
}
#main .hentry > .entry-header { display: contents; }
#main .hentry > .entry-header > .entry-meta { grid-column: 1; grid-row: 1; margin: 0 0 6px; }
#main .hentry > .entry-header > .entry-title { grid-column: 1; grid-row: 2; align-self: start; }
#main .hentry > .entry-summary { grid-column: 1 / -1; grid-row: 3; }
#main .hentry > .entry-meta { grid-column: 1 / -1; grid-row: 4; }
#main .hentry:not(.has-post-thumbnail) { grid-template-columns: minmax(0, 1fr); }

#main .hentry .entry-title {
float: none;
width: auto;
margin: 0;
padding: 0;
font-size: 22px;
line-height: 1.12;
letter-spacing: -.006em;
}
#main .entry-summary {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin: 10px 0 0;
padding: 0;
font-size: 16.5px;
font-style: italic;
line-height: 1.5;
color: var(--cy-ink-2);
}
#main .entry-summary p { margin: 0; display: inline; }
#main .entry-summary .more-link { display: none; }
#main .hentry > .entry-meta {
margin: 12px 0 0;
padding: 0;
font-family: var(--cy-text) !important;
font-size: 13.5px;
letter-spacing: .01em;
line-height: 1.4;
text-transform: none;
color: var(--cy-ink-3);
}
#main .hentry > .entry-meta a { color: var(--cy-ink-3); }
#main .hentry > .entry-meta a:hover { color: var(--cy-green); }
#main .hentry > .entry-meta .byline a { color: var(--cy-ink-2); }
#main .entry-summary + .entry-meta > span:not(:first-of-type)::before {
content: "\00b7";
margin: 0 .55em;
font-weight: 400;
}
#content .byline .avatar,
#content .byline img { display: none; }
#content .byline .url::before { content: "By "; font-style: italic; color: var(--cy-ink-3); }
#main .comments-link { display: none; }

@media (min-width: 600px) {
#main .hentry {
grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
grid-template-rows: auto auto auto 1fr;
column-gap: var(--cy-gap);
padding: 32px 0;
}
#main .hentry > .post-thumbnail { grid-column: 1; grid-row: 1 / span 4; aspect-ratio: 3 / 2; margin: 0; }
#main .hentry > .entry-header > .entry-meta,
#main .hentry > .entry-header > .entry-title,
#main .hentry > .entry-summary,
#main .hentry > .entry-meta { grid-column: 2; }
#main .hentry:not(.has-post-thumbnail) > * { grid-column: 1 !important; }
#main .hentry .entry-title { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.09; }
#main .entry-summary { font-size: 17.5px; margin-top: 12px; }
#main .hentry > .entry-meta { margin-top: 14px; }
}

/* Older and newer posts */
#main .posts-navigation {
margin: 0;
padding: 26px 0 0;
border-top: 1px solid var(--cy-ink);
overflow: visible;
font-family: var(--cy-text);
}
#main .posts-navigation .nav-links { display: flex; justify-content: space-between; gap: 20px; }
#main .posts-navigation .nav-previous,
#main .posts-navigation .nav-next { float: none; width: auto; }
#main .posts-navigation .nav-next { margin-left: auto; }
#main .posts-navigation a {
display: inline-block;
padding: 0;
border: 0;
background: none;
color: var(--cy-ink);
font-size: 12.5px;
font-weight: 600;
letter-spacing: .17em;
line-height: 1.4;
text-transform: uppercase;
}
#main .posts-navigation a:hover { background: none; color: var(--cy-green); }
#main .posts-navigation .nav-previous a::before,
#main .posts-navigation .nav-next a::after {
display: inline-block;
width: auto;
height: auto;
font-family: var(--cy-text);
font-size: 15px;
line-height: 1;
vertical-align: baseline;
transition: transform .35s var(--cy-ease);
}
#main .posts-navigation .nav-previous a::before { content: "\2190"; margin-right: .6em; }
#main .posts-navigation .nav-next a::after { content: "\2192"; margin-left: .6em; }
#main .posts-navigation .nav-previous a:hover::before { transform: translateX(-4px); }
#main .posts-navigation .nav-next a:hover::after { transform: translateX(4px); }

/* Category and archive headings */
body.archive #main .page-header,
body.search #main .page-header {
margin: 0 0 clamp(26px, 4vw, 44px);
padding: 0 0 clamp(22px, 3vw, 34px);
border: 0;
border-bottom: 1px solid var(--cy-ink);
}
body.archive .page-header .page-title,
body.search .page-header .page-title {
display: block !important;
margin: 0;
font-family: var(--cy-text) !important;
font-size: 12px;
font-weight: 600 !important;
letter-spacing: .2em;
line-height: 1.3;
text-transform: uppercase;
color: var(--cy-green);
}
body.archive .page-header .page-title span,
body.search .page-header .page-title span {
display: block;
margin-top: 14px;
font-family: var(--cy-display);
font-size: clamp(44px, 6.2vw, 84px);
font-weight: 400;
letter-spacing: -.016em;
line-height: 1;
text-transform: none;
color: var(--cy-ink);
}
body.category .page-header .page-title { font-size: 0; letter-spacing: 0; }
body.category .page-header .page-title::before {
content: "Category";
content: "Category" / "";
font-size: 12px;
letter-spacing: .2em;
}
body.archive .taxonomy-description {
max-width: 46ch;
margin-top: 16px;
font-size: 19px;
font-style: italic;
color: var(--cy-ink-2);
}
body.archive .taxonomy-description p:last-child { margin-bottom: 0; }

/* ---------- Authors (sidebar) ---------- */
.sidebar-toggle { display: none !important; }
#secondary.widget-area {
display: block;
float: none;
width: auto;
margin: clamp(56px, 7vw, 88px) 0 0;
padding: 0;
border: 0;
}
#secondary.widget-area::before { display: none; }
#secondary .widget { margin: 0; padding: 0; font-size: 16px; }
#secondary .widget + .widget { margin-top: 48px; }
#secondary .widget_authors ul {
margin: 0;
padding: 0;
list-style: none;
columns: 2 150px;
column-gap: var(--cy-gap);
}
#secondary .widget_authors li {
break-inside: avoid;
margin: 0;
padding: 0;
border-top: 1px solid var(--cy-rule-2);
}
#secondary .widget_authors a {
display: block;
padding: 8px 0;
font-size: 16px;
line-height: 1.3;
color: var(--cy-ink-2);
transition: color .25s var(--cy-ease), transform .35s var(--cy-ease);
}
#secondary .widget_authors a strong { font-weight: inherit; }
#secondary .widget_authors a:hover { color: var(--cy-green); transform: translateX(4px); }
@media (min-width: 600px) { #secondary .widget_authors ul { columns: 3 180px; } }
@media (min-width: 1080px) {
body:not(.single):not(.page) .site-content-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) 260px;
column-gap: clamp(56px, 6vw, 88px);
align-items: start;
}
body:not(.single):not(.page) #primary { grid-column: 1; grid-row: 1; }
body:not(.single):not(.page) #secondary.widget-area {
grid-column: 2;
grid-row: 1;
position: sticky;
top: calc(var(--cy-bar) + var(--cy-nav-h) + 28px);
margin: 0;
}
body:not(.single):not(.page) #secondary .widget_authors ul { columns: auto; }
body.single #secondary .widget_authors ul,
body.page #secondary .widget_authors ul { columns: 4 200px; }
}

/* ---------- Article ---------- */
body.single .site-content-inner,
body.page .site-content-inner {
display: block;
max-width: none;
padding: 0 0 clamp(64px, 8vw, 112px);
}
/* One column for the article, with a middle row of two cells so the byline and date sit side by side under the title */
body.single #main .hentry,
body.page #main .hentry {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto minmax(0, 1fr);
gap: 0;
align-items: baseline;
margin: 0;
padding: 0;
border: 0;
}
body.single #main .hentry > *,
body.page #main .hentry > * { order: 9; grid-column: 1 / -1; min-width: 0; }
body.single #main .hentry > .entry-header,
body.page #main .hentry > .entry-header { order: 1; }
body.single #main .hentry > .entry-content,
body.page #main .hentry > .entry-content { order: 4; }

/* Title block. The theme moves it out of the article once the page has loaded;
it is styled the same in both places, so nothing shifts. */
body.single #main .hentry > .entry-header,
body.single #content > .entry-hero,
body.page #main .hentry > .entry-header,
body.page #content > .entry-hero {
position: relative;
display: flex !important;
flex-direction: column;
align-items: center;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: clamp(40px, 6vw, 88px) var(--cy-gutter) 0;
text-align: center;
background: none;
}
body.single #content .entry-header-wrapper,
body.single #content .entry-header-inner,
body.page #content .entry-header-wrapper,
body.page #content .entry-header-inner { display: contents; }
body.single #content .entry-header .entry-meta,
body.page #content .entry-header .entry-meta { order: 1; margin: 0 0 18px; text-align: center; }
body.single #content .entry-header .entry-title,
body.page #content .entry-header .entry-title {
order: 2;
max-width: 17em;
margin: 0;
font-size: clamp(38px, 6.2vw, 84px);
line-height: 1.02;
letter-spacing: -.018em;
color: var(--cy-ink) !important;
text-shadow: none;
}
body.single #content .entry-header .post-thumbnail,
body.page #content .entry-header .post-thumbnail {
order: 3;
max-width: var(--cy-max);
aspect-ratio: 2.5;
margin: clamp(30px, 4.4vw, 56px) auto 0;
}
@media (max-width: 599px) {
body.single #content .entry-header .post-thumbnail,
body.page #content .entry-header .post-thumbnail { aspect-ratio: 3 / 2; }
}

/* Byline, pulled up from the foot of the article */
body.single .entry-footer {
display: contents;
font-family: var(--cy-text);
font-size: 15px;
font-weight: 400;
text-transform: none;
color: var(--cy-ink-3);
}
body.single #main .entry-footer > * { order: 9; grid-column: 1 / -1; min-width: 0; }
body.single #main .entry-footer > .byline,
body.single #main .entry-footer > .posted-on {
display: block;
margin: clamp(22px, 3vw, 30px) 0 0;
padding: 0;
border: 0;
font-size: 15.5px;
letter-spacing: .01em;
line-height: 1.4;
color: var(--cy-ink-3);
}
body.single #main .entry-footer > .byline { order: 2; grid-column: 2; }
body.single #main .entry-footer > .posted-on { order: 3; grid-column: 3; }
body.single #main .entry-footer > .posted-on:first-child { grid-column: 2 / 4; }
body.single #main .entry-footer > .posted-on:first-child::before { display: none; }
body.single #main .entry-footer > .posted-on::before { content: "\00b7"; margin: 0 .65em; }
body.single #main .entry-footer a { color: var(--cy-ink-3); }
body.single #main .entry-footer .byline .url { color: var(--cy-ink); }
body.single #main .entry-footer a:hover { color: var(--cy-green); }
body.single #main .entry-footer > .tags-links,
body.single #main .entry-footer > .edit-link,
body.single #main .entry-footer > .comments-link,
body.single #main .entry-footer > .cat-links {
box-sizing: border-box;
max-width: calc(var(--cy-measure) + 2 * var(--cy-gutter));
margin: 28px auto 0;
padding: 0 var(--cy-gutter);
border: 0;
font-size: 14px;
text-align: left;
}
body.single #main .entry-footer > .tags-links a { color: var(--cy-green); margin-right: .3em; }
body.single #main .entry-footer > .edit-link { margin-top: 12px; font-size: 13px; }

/* Reading column */
body.single #main .entry-content,
body.page #main .entry-content {
box-sizing: border-box;
float: none;
width: auto;
max-width: calc(var(--cy-measure) + 2 * var(--cy-gutter));
margin: clamp(30px, 4vw, 48px) auto 0;
padding: 0 var(--cy-gutter);
font-size: 18.5px;
line-height: 1.64;
color: var(--cy-ink);
overflow-wrap: break-word;
}
@media (min-width: 768px) {
body.single #main .entry-content,
body.page #main .entry-content { font-size: 20.5px; line-height: 1.66; }
}
#main .entry-content::before { display: none; }
#main .entry-content p { margin: 0 0 1.05em; }
#main .entry-content a {
color: var(--cy-ink);
text-decoration: underline;
text-decoration-color: var(--cy-mint-2);
text-decoration-thickness: 1px;
text-underline-offset: .2em;
overflow-wrap: anywhere;
}
#main .entry-content a:hover { color: var(--cy-green); text-decoration-color: var(--cy-green); }
/* Footnote markers */
#main .entry-content a:has(> sup),
#main .entry-content sup a { text-decoration: none; }
#main .entry-content sup {
top: -.55em;
padding: 0 .12em;
font-size: .62em;
font-weight: 600;
font-variant-numeric: lining-nums;
color: var(--cy-green);
}
/* Drop capital in the headline Caslon, in the logo's green */
body.single #main .entry-content > p:first-of-type::first-letter {
float: left;
margin: .09em .1em 0 -.03em;
font-family: var(--cy-display);
font-size: 6.75em;
font-weight: 400;
line-height: .74;
color: var(--cy-green);
}
body.single #main .entry-content > p:first-of-type::first-line {
font-size: .86em;
letter-spacing: .06em;
text-transform: uppercase;
}
@supports (initial-letter: 3) or (-webkit-initial-letter: 3) {
body.single #main .entry-content > p:first-of-type::first-letter {
float: none;
margin: 0 .12em 0 0;
font-size: inherit;
line-height: inherit;
-webkit-initial-letter: 3;
initial-letter: 3;
}
}
/* Section headings, which the writers set as a bold line on its own */
#main .entry-content p:has(> strong:only-child) { margin-top: 1.9em; margin-bottom: .55em; }
#main .entry-content p > strong:only-child {
display: block;
font-family: var(--cy-display);
font-size: 1.42em;
font-weight: 400;
font-synthesis: none;
letter-spacing: -.008em;
line-height: 1.16;
color: var(--cy-ink);
text-wrap: balance;
}
#main .entry-content h2 { margin: 1.9em 0 .55em; font-size: 1.5em; line-height: 1.15; }
#main .entry-content h3 { margin: 1.7em 0 .5em; font-size: 1.25em; line-height: 1.2; }
#main .entry-content h4, #main .entry-content h5, #main .entry-content h6 {
margin: 1.6em 0 .5em;
font-family: var(--cy-text) !important;
font-size: .8em;
font-weight: 600 !important;
letter-spacing: .14em;
text-transform: uppercase;
}
#main .entry-content blockquote {
margin: 1.6em 0;
padding: 0 0 0 1.1em;
border-left: 2px solid var(--cy-mint);
font-size: 1.12em;
font-style: italic;
line-height: 1.5;
color: var(--cy-ink-2);
}
#main .entry-content blockquote cite { display: block; margin-top: .6em; font-size: .75em; font-style: normal; letter-spacing: .06em; color: var(--cy-ink-3); }
#main .entry-content ul, #main .entry-content ol { margin: 0 0 1.05em; padding-left: 1.3em; list-style-position: outside; }
#main .entry-content li { margin-bottom: .35em; }
#main .entry-content li::marker { color: var(--cy-green); }
#main .entry-content figure, #main .entry-content .wp-block-image { margin: 1.8em 0; }
#main .entry-content figcaption, #main .entry-content .wp-caption-text {
margin-top: 10px;
font-size: 14.5px;
font-style: italic;
line-height: 1.45;
color: var(--cy-ink-3);
text-align: left;
}
#main .entry-content table { font-size: .82em; border-top: 1px solid var(--cy-ink); }
#main .entry-content th, #main .entry-content td { padding: 8px 10px; border-bottom: 1px solid var(--cy-rule); }
#main .entry-content th { font-family: var(--cy-text); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-size: .8em; }
#main .entry-content hr { width: 120px; height: 1px; margin: 2.4em auto; background: var(--cy-mint-2); }
#main .entry-content pre { border-left: 2px solid var(--cy-mint); background: var(--cy-paper-2); }
/* End mark: a small lozenge between two hairlines */
body.single #main .entry-content::after {
content: "";
display: block;
clear: both;
width: 132px;
height: 12px;
margin: 2.2em auto 0;
background: var(--cy-mint-2);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 12'%3E%3Cpath d='M0 6h52M80 6h52' stroke='black' stroke-width='1'/%3E%3Cpath d='M66 1.5 70.5 6 66 10.5 61.5 6z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 12'%3E%3Cpath d='M0 6h52M80 6h52' stroke='black' stroke-width='1'/%3E%3Cpath d='M66 1.5 70.5 6 66 10.5 61.5 6z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Jetpack sharing, likes and related posts, if switched on */
body.single #main .hentry > .sharedaddy,
body.single #main .hentry > #jp-post-flair,
body.single #main #jp-post-flair,
body.single #main div#jp-relatedposts {
box-sizing: border-box;
float: none;
width: auto;
max-width: calc(var(--cy-measure) + 2 * var(--cy-gutter));
margin-left: auto;
margin-right: auto;
padding-left: var(--cy-gutter);
padding-right: var(--cy-gutter);
}

/* Comments */
body.single #comments.comments-area,
body.page #comments.comments-area {
box-sizing: border-box;
border: 0;
float: none;
width: auto;
max-width: calc(var(--cy-measure) + 2 * var(--cy-gutter));
margin: clamp(48px, 6vw, 72px) auto 0;
padding: 0 var(--cy-gutter);
}
#comments .comments-title,
#comments .comment-reply-title,
#comments #respond h3 {
margin: 0 0 18px;
padding-top: 14px;
border-top: 1px solid var(--cy-ink);
font-family: var(--cy-display) !important;
font-size: 28px;
line-height: 1.15;
}
#comments .comment-notes, #comments .logged-in-as { font-size: 15px; font-style: italic; color: var(--cy-ink-3); }
#comments label { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--cy-ink-3); }
#comments textarea { width: 100%; min-height: 150px; background: rgba(255, 255, 255, .5); }
#comments .form-submit { margin: 18px 0 0; }
#comments iframe { width: 100%; }

/* Previous and next articles */
body.single #main .post-navigation {
box-sizing: border-box;
clear: both;
max-width: calc(var(--cy-max) + 2 * var(--cy-gutter));
margin: clamp(56px, 7vw, 96px) auto 0;
padding: 0 var(--cy-gutter);
overflow: visible;
font-family: var(--cy-text);
}
body.single #main .post-navigation .nav-links {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
gap: 2px;
}
body.single #main .post-navigation .nav-previous,
body.single #main .post-navigation .nav-next {
float: none;
width: auto;
overflow: hidden;
background-color: var(--cy-night);
background-position: 50% 50%;
background-size: cover;
}
body.single #main .post-navigation a {
display: flex;
flex-direction: column;
justify-content: flex-end;
box-sizing: border-box;
min-height: clamp(200px, 22vw, 280px);
height: 100%;
padding: clamp(22px, 3vw, 34px);
border: 0;
background: linear-gradient(180deg, rgba(18, 36, 26, .18) 0%, rgba(18, 36, 26, .86) 100%);
color: #fff;
text-shadow: none;
transition: background-color .4s var(--cy-ease);
}
body.single #main .post-navigation a:hover,
body.single #main .post-navigation a:focus { background-color: rgba(18, 36, 26, .35); }
body.single #main .post-navigation .nav-next a { text-align: right; align-items: flex-end; }
body.single #main .post-navigation .meta-nav {
display: block;
margin-bottom: 10px;
font-size: 11.5px;
font-weight: 600;
letter-spacing: .2em;
line-height: 1.3;
text-transform: uppercase;
color: var(--cy-mint) !important;
}
body.single #main .post-navigation .post-title {
max-width: 22em;
font-family: var(--cy-display);
font-size: clamp(24px, 2.4vw, 32px);
font-weight: 400;
line-height: 1.1;
color: #fff !important;
text-wrap: balance;
background: linear-gradient(var(--cy-mint), var(--cy-mint)) 0 96% / 0 1px no-repeat;
transition: background-size .55s var(--cy-ease);
}
body.single #main .post-navigation a:hover .post-title { background-size: 100% 1px; }

/* Authors list under an article */
body.single #secondary.widget-area,
body.page #secondary.widget-area {
box-sizing: border-box;
max-width: calc(var(--cy-max) + 2 * var(--cy-gutter));
margin: clamp(56px, 7vw, 96px) auto 0;
padding: 0 var(--cy-gutter);
}

/* ---------- Footer ---------- */
#tertiary.footer-widget {
padding: clamp(52px, 7vw, 96px) var(--cy-gutter) clamp(36px, 4vw, 52px);
border: 0;
background: var(--cy-night);
color: var(--cy-night-ink);
}
#tertiary .footer-widget-inner {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 44px var(--cy-gap);
box-sizing: border-box;
width: auto;
max-width: var(--cy-max);
margin: 0 auto;
}
#tertiary .footer-widget-inner .widget {
float: none;
width: auto;
margin: 0;
padding: 0;
border: 0;
font-size: 16px;
color: var(--cy-night-ink);
}
#tertiary .widget-title {
border-top-color: var(--cy-night-rule);
color: var(--cy-mint);
}
#tertiary a { color: var(--cy-night-ink); }
#tertiary a:hover { color: var(--cy-mint); }
#tertiary ul { margin: 0; padding: 0; list-style: none; }
/* Most read, numbered */
#tertiary .widget_top-posts ul { counter-reset: cy-rank; }
#tertiary .widget_top-posts li {
counter-increment: cy-rank;
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
align-items: baseline;
padding: 14px 0;
border-top: 1px solid var(--cy-night-rule);
}
#tertiary .widget_top-posts li:first-child { border-top: 0; padding-top: 0; }
#tertiary .widget_top-posts li::before {
content: counter(cy-rank);
font-family: var(--cy-display);
font-size: 30px;
line-height: 1;
color: var(--cy-mint-2);
}
#tertiary .widget_top-posts a {
font-family: var(--cy-display);
font-size: 21px;
line-height: 1.18;
background: linear-gradient(var(--cy-mint), var(--cy-mint)) 0 96% / 0 1px no-repeat;
}
#tertiary .widget_top-posts a:hover { background-size: 100% 1px; color: var(--cy-night-ink); }
/* Archive menu */
#tertiary select {
-webkit-appearance: none;
appearance: none;
width: 100%;
max-width: 100%;
height: 48px;
margin: 0;
padding: 0 30px 0 0;
border-bottom: 1px solid var(--cy-night-3);
background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23badebf' stroke-width='1.3'/%3E%3C/svg%3E") right 4px center / 12px 8px no-repeat;
color: var(--cy-night-ink);
font-size: 18px;
font-style: italic;
cursor: pointer;
}
#tertiary select option { background: var(--cy-night); color: var(--cy-night-ink); font-style: normal; }
/* Follow by email */
#tertiary .jetpack_subscription_widget form,
#tertiary .wp-block-jetpack-subscriptions__container form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 0; margin: 0; }
#tertiary .jetpack_subscription_widget #subscribe-text,
#tertiary .jetpack_subscription_widget #subscribe-text p { margin: 0 0 14px; font-style: italic; color: var(--cy-night-3); }
#tertiary #subscribe-email { flex: 1 1 200px; margin: 0; }
#tertiary #subscribe-submit { flex: none; margin: 0; }
#tertiary #subscribe-email input,
#tertiary .search-form .search-field {
width: 100% !important;
height: 48px;
padding: 0 !important;
border: 0 !important;
border-bottom: 1px solid var(--cy-night-3) !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--cy-night-ink) !important;
font-size: 18px !important;
font-style: italic;
box-shadow: none !important;
}
#tertiary #subscribe-email input:focus,
#tertiary .search-form .search-field:focus { border-bottom-color: var(--cy-mint) !important; }
#tertiary ::placeholder { color: var(--cy-night-3); }
#tertiary #subscribe-submit button,
#tertiary .jetpack_subscription_widget button {
height: 48px;
margin: 0;
padding: 0 22px !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--cy-mint) !important;
color: var(--cy-night) !important;
font-size: 12.5px !important;
font-weight: 600 !important;
letter-spacing: .17em;
line-height: 1 !important;
text-transform: uppercase;
}
#tertiary #subscribe-submit button:hover,
#tertiary .jetpack_subscription_widget button:hover { background: var(--cy-night-ink) !important; }
#tertiary .search-form { margin: 0; }
#tertiary .search-form::before { background: var(--cy-mint); }
#tertiary .search-form .search-field { padding-right: 40px !important; }

@media (min-width: 600px) {
#tertiary .footer-widget-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#tertiary .widget_top-posts { grid-column: 1 / -1; }
}
@media (min-width: 960px) {
#tertiary .footer-widget-inner { grid-template-columns: repeat(12, minmax(0, 1fr)); row-gap: 40px; }
#tertiary .widget_top-posts { grid-column: 1 / span 5; grid-row: 1 / span 2; }
#tertiary .widget_archive { grid-column: 7 / span 6; grid-row: 1; }
#tertiary .widget_blog_subscription,
#tertiary .jetpack_subscription_widget { grid-column: 7 / span 6; grid-row: 2; }
#tertiary .widget_search { grid-column: 7 / span 6; grid-row: 3; }
#tertiary .widget_archive,
#tertiary .widget_blog_subscription,
#tertiary .widget_search { max-width: 520px; }
}

#colophon.site-footer {
padding: 0 var(--cy-gutter) 30px;
background: var(--cy-night);
}
#colophon .site-info {
box-sizing: border-box;
width: auto;
max-width: var(--cy-max);
margin: 0 auto;
padding: 20px 0 0;
border-top: 1px solid var(--cy-night-rule);
font-size: 13px;
letter-spacing: .02em;
line-height: 1.6;
text-align: left;
color: var(--cy-night-3);
}
#colophon .site-info a { color: var(--cy-night-ink); }
#colophon .site-info a:hover { color: var(--cy-mint); }
#colophon .site-info .sep { font-size: 0; vertical-align: baseline; transform: none; }
#colophon .site-info .sep::before {
content: "\00b7";
display: inline;
width: auto;
height: auto;
margin: 0 .7em;
font-family: var(--cy-text);
font-size: 13px;
line-height: 1;
vertical-align: baseline;
color: var(--cy-night-3);
}

/* Cookie notice */
.widget_eu_cookie_law_widget {
left: auto;
right: 16px;
bottom: 16px;
width: auto;
max-width: min(560px, calc(100% - 32px));
}
#eu-cookie-law {
padding: 16px 18px !important;
border: 1px solid var(--cy-rule) !important;
border-radius: 0 !important;
background: var(--cy-paper) !important;
box-shadow: 0 24px 60px -28px rgba(18, 36, 26, .45);
color: var(--cy-ink-2) !important;
font-family: var(--cy-text) !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
#eu-cookie-law a { color: var(--cy-green) !important; }
#eu-cookie-law input.accept,
#eu-cookie-law input.accept:hover,
#eu-cookie-law input.accept:focus {
margin-left: 18px;
padding: 11px 16px !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--cy-green) !important;
color: var(--cy-paper) !important;
font-family: var(--cy-text) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: .15em;
text-transform: uppercase;
}
#eu-cookie-law input.accept:hover { background: var(--cy-ink) !important; }
@media (max-width: 600px) {
#eu-cookie-law { padding: 16px 16px 70px !important; }
#eu-cookie-law input.accept,
#eu-cookie-law input.accept:hover,
#eu-cookie-law input.accept:focus { position: absolute !important; right: 16px; bottom: 16px; margin: 0; }
}

/* Reading progress, shown under the bar on articles */
@supports (timeline-scope: --cy-read) {
body.single { timeline-scope: --cy-read; }
body.single #main .entry-content {
view-timeline: --cy-read block;
view-timeline-inset: calc(var(--cy-bar) + var(--cy-nav-h)) 0px;
}
body.single #masthead .search-navigation::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 2px;
background: var(--cy-green);
transform: scaleX(0);
transform-origin: 0 50%;
animation: cy-read linear both;
animation-timeline: --cy-read;
animation-range: contain 0% contain 100%;
}
}
@keyframes cy-read { to { transform: scaleX(1); } }

/* ---------- Motion ---------- */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: cy-fade .2s var(--cy-ease) reverse both; }
::view-transition-new(root) { animation: cy-fade .38s var(--cy-ease) both; }
@keyframes cy-fade { from { opacity: 0; } }
@keyframes cy-drop { from { opacity: 0; transform: translateY(-6px); } }
@keyframes cy-rise { from { opacity: 0; transform: translateY(26px); } }

@media (prefers-reduced-motion: no-preference) {
html { scroll-behavior: smooth; }
@supports (animation-timeline: view()) {
body:not(.single):not(.page) #main .hentry,
#featured-content .hentry,
body.single #main .post-navigation .nav-links > div {
animation: cy-rise linear both;
animation-timeline: view();
animation-range: entry 0px entry 180px;
}
}
}
@media (prefers-reduced-motion: reduce) {
@view-transition { navigation: none; }
*, *::before, *::after {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
}

/* ---------- Opening: the name is typed in old English letters, then the view pulls back into the site (home page) ---------- */
/* Pure CSS, home page only. While the name is typed, the page waits underneath, magnified around the green logo so the
   logo sits exactly behind the typed name. The typed name then hands over to the real logo and the view zooms out to
   the normal page. html::before is the paper, html::after the typed name. The letters are Grenze Gotisch (SIL Open Font
   License), the closest free match to the green logo, embedded as a tiny subset so it is ready on the first frame.
   It plays when the home page is opened fresh (typed in, followed from another site, refreshed). Arriving by a click
   inside the site skips it in favour of a short zoom (see below). Skipped for reduced motion and in print. */
@font-face {
font-family: "CY Opening";
font-weight: 400;
font-display: block;
src: url(data:font/woff2;base64,d09GMgABAAAAAAc0ABAAAAAADNQAAAbXAAEAgwAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbgQYcKgZgP1NUQVQcAHwRCAqNNIpEATYCJAM0CxwABCAFhFAHIAwHGzQKUZRQUg/Ez4R4c2UXhqq1Nu3WEOb7I4XlxQvjfDx8f/h27v0vrRTsVq1iLFypj8ciHvBgtggtLS3Y8juiTZtjDz00rsSAiAvRisWMkopC6/DvQKj4BWpOKuKQmhiqcOkIbvr+B2CHfTamlYASWAKrCl1VW6FrDOD3W1ZXYAc0IHbLjJxQzRQQKxa2Qi5TE85PyKkb4u6wAGNvrrrUVoXvwwQ6ASmFIjRrFwLtFoWhnGQVVAD3Ybi8A7gK/xuEXvf1sg5goGJFovjE0iwZVkmaVnGAUz/B4TLWLpQSqK1TRoMUAjFeJmQ4DML2JdZ0EJX8WDWA0+pq4hqC4wAMw6kuz4tyYT94kJWCXzMoV9gkmji+s64wiyumJgkMsiB7a2ySY67gE4NQYuNufnsYH9Jslki6CjWGq9ekk6wKHpFGkTt+utebda/1VlthmSXm0xdgDU1cf8fjhK7tjANjII8A8hN8peJrXJwUjjukYP9Or8aycnGg2zoS9riHyCooOtrONtyulcBZqKUSHGBjzcXrDV1oNoPCcoaoAs3hw1tZqoEBTHnZfcE+/xqk3OBMUBR6hzpWpW67gaXS2FT19hLqIxbfOtVaS30X6nv37fKvqiD7sMEmbVdZZYFZC6Zj0YPQeF+ySrd6vl1tXHjftm222nm2NdIK3fbtdVmY0WQyEupVttUVuaDZupW0U82fj9UNIWq0yyyuwlrdEqnq7GZMucJZqtGDYhWhNu3yh5Wn+yuroKJobDp2xFe7Y886oEQCac9iqXTrYnaYcrWfTnXYp069zReLOpARNYS6TwsVTKzMTIMuQe7unwPR2ZyjEs3a6cEqQm1RhSHd9u1VHaQdaZOJADszBvG/49wuQm2xwDCsSjnAUpE2GvNQRwXb3l1rjKR1KArzfp/ABUuWYEi53sBetrXfJorsfIwqrXhQlNaFyGu1ANbEE5OA6rj5ZL/PEqkqlvVAYXbQ7D7d79VrNGILLufIwN64rBOa5oQTnVWrwKV3zZpe60a0BIVer7HR7VpnkrShZIKSJL/uKjppTbe+VfNsHBTkyijcq3ONolpaI31f1OTkL8pfyMn/YGBwLWemUfPDR3o26bzUEHNo9qP7NIk0PmLKqHR+54GN0uKMV6cJzlznR7T1K9Y1xBINW3zfE6zzKYyM1GE4cTAXPwgPPlhN4KTiWS7xdg2TxQqIOVSl20JLKisMmFYUxs28M9Hq54pvJdZF2RyTlcPTE/a086W2iwVWw1Lo7fxipjVvRDVtwPFOpJG2fgUsjPAMfW/bsHGxp4T0lVUu9avZUufin6OYo9rzbKowrAfJaIxxMVPOiH6lR+zv2/zeA7//AK9jpiPHpDg8Hy9nptYdcJoPqxji/df87P97VOAbEM91EXvQONtrgobbxMrvXXYT6dxjr3FTQpWS/+7URY/nEUnCdJ2Zin7sx0Xx9zyn/LtUPEwBF04yHx5WJgrBauvhdIS4r3B8R2eIEDSRZkThvMZ92fsZuDAnJHhwTiSnRDtB8cag/pdPL8yKtEu5ycLX/JoI/A9PZ4HqWrJHqpGL31EqecE2N75F0YMKg8WDs8M45f9P/I9vZMVk+niNHObgGrDZNcEhM4DuQR4VDAK3IiFYkVvLnd//7ZTjdMsQTJTi6pmTQne1S9O/enJlX5IdXVSuY+BDuqY7iYRAZj5AiHMeCaGBoZk7qCWpmxjZGP95DvmeoD/soIh+eo3geaSdMg/jyPUOYl1aBjr1Wor/2ppMM3xmNLU0doVwysJ7KROzoam9PpRTPnauUqDNk0yogygiP0lin/PVl+U144igOi/LMzfOI7M9/i+YYWtBSIIh+5tq6U8Ke9cK2wwaGv7/Yn6ZbwQTmR1yDZziIBkg7b/NNFh+FNKVQMHF0nt4JuJ2xSE8KfMQDlDfCOH99JGOQ3kJHxkIPQH8eXR3Gfx76IT/vl89Gsg5aJYgeHmEsodA/LwCDB6mK3mw3yF+HcSJE/V+kGY7wje9pU5y7xaPKsu3xFM4Bj6WItDlAO5oeOzU5hEShQn8BmgqwqTDitTtr6LhwCtFsZlI0WS8WkWz9eTyblstviIGOuOidJ26jCfTrFETOQ9hJAoeKjpJ9ZBNVk10mNABneQmktFGaoISshNa1AtJDql6qraXYsjoxBZqArkugTjin1ijZlJtjxFERpJR+4PaYu06NAvqSc2GqDBel3riEPSFzD4gwKOUqdeoR5vhZEKJSCbYTLxihYrkij+Gk+lChhj9UgxHj1WqXwLUnFCHuNyPk0vX0tnERkOyE7rIm1g0fKyNaKlx4xJ2zFKgSv12RhCYqsMEq//q98zhfwIAAAA=) format("woff2");
}
/* Clicks inside the site arrive with a view transition, and :active-view-transition is only true while it runs.
   The long transition delay holds --cy-intro-skip at 1 for the rest of the visit, so the opening's animations
   run for 0s and finish at once. A refresh or a fresh visit has no view transition, so the opening plays. */
@property --cy-intro-skip { syntax: "<number>"; inherits: true; initial-value: 0; }
html { transition: --cy-intro-skip 0s 99999s; }
html:active-view-transition { --cy-intro-skip: 1; transition-delay: 0s; }
:root { --cy-intro-zoom: 1.08; }
@media (min-width: 600px) { :root { --cy-intro-zoom: 1.16; } }
@media (min-width: 960px) { :root { --cy-intro-zoom: 1.4; } }
@media (min-width: 1200px) { :root { --cy-intro-zoom: 1.5; } }
@media screen and (prefers-reduced-motion: no-preference) {
html:has(> body.home)::before,
html:has(> body.home)::after {
position: fixed;
z-index: 2147483647;
pointer-events: auto;
visibility: hidden;
}
html:has(> body.home)::before {
content: "";
inset: 0;
background: var(--cy-paper);
animation: cy-intro-paper calc(4.075s * (1 - var(--cy-intro-skip))) both;
}
html:has(> body.home)::after {
content: "The Cannon Yarder";
content: "The Cannon Yarder" / "";
font: 400 calc(var(--cy-logo-w) * var(--cy-intro-zoom) * 0.13445)/1 "CY Opening", var(--cy-display);
left: calc(50% - 3.4360em);
top: calc(50% - 0.93em);
box-sizing: content-box;
height: 1em;
padding: .3em 0 .3em .05em;
overflow: hidden;
white-space: pre;
color: var(--cy-mint-2);
-webkit-font-smoothing: antialiased;
background: linear-gradient(var(--cy-mint-2), var(--cy-mint-2)) right center / 0 0 no-repeat;
transform-origin: 3.4360em 0.93em;
animation:
cy-intro-type calc(4.075s * (1 - var(--cy-intro-skip))) step-end both,
cy-intro-caret calc(4.075s * (1 - var(--cy-intro-skip))) step-end both,
cy-intro-name calc(4.075s * (1 - var(--cy-intro-skip))) both,
cy-intro-handoff calc(4.075s * (1 - var(--cy-intro-skip))) both;
}
html:has(> body.home) #page {
background-color: var(--cy-paper); /* while zoomed, #page is its own layer: the logo's multiply blend needs paper behind it */
transform-origin: 50% calc(var(--cy-brand-pt) + var(--cy-logo-w) / 12.4);
animation: cy-intro-pull calc(4.075s * (1 - var(--cy-intro-skip))) backwards;
}
}
@keyframes cy-intro-type {
0% { width: 0; }
15.215% { width: 0.4800em; }
17.301% { width: 0.9380em; }
19.018% { width: 1.3460em; }
20.859% { width: 1.5060em; }
24.540% { width: 1.9570em; }
26.503% { width: 2.3770em; }
28.221% { width: 2.8550em; }
29.816% { width: 3.3330em; }
31.779% { width: 3.7910em; }
33.497% { width: 4.2690em; }
35.337% { width: 4.3990em; }
38.773% { width: 4.8860em; }
40.736% { width: 5.3060em; }
42.454% { width: 5.6130em; }
44.540% { width: 6.0660em; }
46.258% { width: 6.4740em; }
47.975% { width: 6.8110em; }
}
@keyframes cy-intro-caret {
0.000% { background-size: .045em .78em; }
6.626% { background-size: 0 0; }
13.252% { background-size: .045em .78em; }
47.975% { background-size: .045em .78em; }
52.883% { background-size: 0 0; }
57.791% { background-size: .045em .78em; }
60.245%, 100% { background-size: 0 0; }
}
@keyframes cy-intro-paper {
0%, 64.663% { visibility: visible; opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .6, 1); }
77.399% { visibility: visible; opacity: 0; }
77.423%, 100% { visibility: hidden; opacity: 0; }
}
@keyframes cy-intro-handoff {
0%, 62.699% { visibility: visible; opacity: 1; filter: blur(0); animation-timing-function: cubic-bezier(.45, 0, .55, 1); }
74.969% { visibility: visible; opacity: 0; filter: blur(3px); }
77.423%, 100% { visibility: hidden; opacity: 0; }
}
@keyframes cy-intro-name {
0%, 62.699% { transform: none; animation-timing-function: cubic-bezier(.6, 0, .12, 1); }
99.509%, 100% { transform: translateY(calc(var(--cy-bar) + (var(--cy-brand-pt) + var(--cy-logo-w) / 12.4) - 50vh)) scale(calc(1 / var(--cy-intro-zoom))); }
}
@keyframes cy-intro-pull {
0%, 62.699% { transform: translateY(calc(50vh - var(--cy-bar) - (var(--cy-brand-pt) + var(--cy-logo-w) / 12.4))) scale(var(--cy-intro-zoom)); animation-timing-function: cubic-bezier(.6, 0, .12, 1); }
99.509%, 100% { transform: none; }
}

/* ---------- Coming back to the home page from inside the site: under a second ---------- */
/* The page you leave sinks back and fades; the home page settles in with the same pull-back as the opening,
   and the green logo glides from wherever it sits (the menu bar on a scrolled article) into the masthead.
   The logo is drawn with a multiply blend over the paper, so its moving copy is blended the same way,
   and the transition layer gets the paper underneath so the blend has something to sit on. */
::view-transition { background-color: var(--cy-paper, #f7f6f0); }
#masthead .site-logo-link,
#masthead .custom-logo-link { view-transition-name: cy-logo; }
::view-transition-group(cy-logo) {
mix-blend-mode: multiply;
animation-duration: .62s;
animation-timing-function: cubic-bezier(.2, .75, .2, 1);
}
@media (prefers-reduced-motion: no-preference) {
html:has(> body.home)::view-transition-old(root) { animation: cy-leave .22s cubic-bezier(.25, .6, .4, 1) both; }
html:has(> body.home)::view-transition-new(root) { animation: cy-arrive .5s cubic-bezier(.2, .75, .2, 1) .12s both; }
}
@keyframes cy-leave { to { opacity: 0; transform: scale(.975); } }
@keyframes cy-arrive { from { opacity: 0; transform: scale(1.035); } }
:root { --cy-globe-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CclipPath id='gl'%3E%3Ccircle cx='50.0' cy='50.0' r='47.5'/%3E%3C/clipPath%3E%3CclipPath id='ld'%3E%3Cpath d='M46.7 97.4 36.5 95.6 45.1 97.2 53.8 97.3 62.4 95.8 70.5 92.9 63 95.7 55.1 97.2 47.5 97.4 39.5 96.3 46.7 97.4ZM29.3 46.9 32.2 48.4 28.2 48.2 27.9 47.7 29.3 47.9 28.7 47 29.3 46.9ZM25.1 43.6 28.2 46.5 25.8 46.3 25.5 44.7 23.7 43.5 21.7 43.6 23.6 42.9 25.1 43.6ZM82.5 27.7 83 28.9 81.7 28.7 82.5 27.7ZM44.2 24.2 43.7 24.8 45.4 25.3 45.4 27.1 44.9 26.3 44.1 26.9 42.1 26.2 44.2 24.2ZM68 21.3 66.9 21.9 66.5 19.6 67.5 19.8 68 21.3ZM66.5 17.1 67.7 18.7 70.9 20.1 71.4 21.5 69.2 22.6 69.7 21.5 66.3 18.5 65.9 17.3 66.5 17.1ZM37.4 13.5 37.9 14.8 36 14.8 37.4 13.5ZM59.6 13.6 60.4 14.3 59.4 15.4 56.9 14.5 59.6 13.6ZM37.9 4.1 33.7 5.4 43.1 3 52.8 2.6 67.1 5.7 74.3 9.2 80.3 13.4 85.8 18.8 90.4 25 85.2 18.2 90.7 25.6 94.8 34.1 91 26 95 34.9 96.3 40.5 93.2 33.4 90.2 30.3 93.6 35 96.7 42 96.2 39.1 97.4 47.3 97.3 53.8 95.9 62.2 93.1 69.9 89.3 76.6 85.2 81 89.8 66.3 89.6 61.9 88.3 59.5 88.8 56 88.1 54.9 86.8 55.9 85.8 54.6 78.5 58.3 75.4 56.6 71.1 51.1 71.8 48.2 70.7 45.2 71.7 41.4 73.9 37.8 73.4 35.7 74.3 32.8 76.4 32.8 77.6 31.2 81.4 29.3 82.5 31.8 86.9 32.8 86.6 30.4 89.2 30.3 89.9 29.2 87.7 24.8 86.4 26.5 84.7 24.9 84.6 21.9 85.6 21.7 85.5 20.7 82.1 17.8 83.3 20.4 81.6 19.7 84.4 23.4 83.5 24.9 85.5 27.6 82 24.6 78.2 23.1 78.8 24.2 82.5 25.9 81.9 26 82.8 27.8 77.4 24.6 75.8 26.3 75.9 31.6 74.5 32.6 72.4 32.4 70.2 27.9 73.6 26.2 70.3 23.4 71.6 23.1 70.9 22.4 72 21.8 71.8 19.6 72.6 18.9 70.7 16.8 73.1 18.3 75 16.9 72.6 14 72.8 12.9 71.3 13.5 68.5 10.9 73.1 17.1 69.9 15.3 70 16.2 69.1 16.3 67.1 14.6 64.7 8.6 68.2 8.7 69.2 9.4 68.4 9.7 70.7 10.3 67.3 8.1 68.8 8.4 66.3 5.9 62.5 4.8 67 5.9 52.8 2.6 45.2 2.7 37.9 4.1ZM38.1 11.3 37.6 12.6 39.9 11.7 39 13 32.5 15.2 31 17.5 33.6 19.6 33 22.3 34.3 20.1 36.3 19.2 37.9 15.7 40.4 16.9 40.4 18.7 42.1 17.6 42.4 20.2 44.1 21.5 44.6 23.2 42.1 24.3 38.9 24 35.7 26.1 39.4 24.8 39 26.9 40.6 27.4 41.3 26.6 41.6 27.4 38 28.9 37.8 28.1 38.9 27.6 35.4 28.4 35 29.9 32.6 30.2 30.6 32.7 30.8 31.2 30.3 34 26 36.5 25.1 41.6 24.1 37.2 18.5 36 16.6 37.2 14.9 42.5 15.7 45 17.9 44.7 18.5 43.5 20.4 43.5 18.3 47.8 21.5 49.2 20.8 52.5 21.6 54.5 23.4 54.4 25.2 55.5 26.8 53.8 29.1 53.1 28.9 55.8 30.4 53.5 31.6 55 36.4 55.4 36 56 40.1 59.6 44.8 61.2 45.9 63.2 45.3 64.4 47 64.8 47 65.6 47.7 65.1 50.1 65.9 50.3 66.8 54.2 66.9 58 68.7 58 71.3 55.1 74.4 53.1 80.5 48 82.3 47.2 84.5 44 87.5 40.8 87.1 42.2 88.6 37.7 90.1 38.9 90.8 37.4 91.8 38.6 92.5 37.7 93.5 38.6 94 37.7 94.3 33.4 91.5 33.7 90 33 90.3 31.9 87.6 30.7 76.8 26.3 73.6 22.1 66.6 22.9 64.1 22.1 62.7 24.8 59.4 24.3 55.6 23.4 54.9 22.4 56.1 21.1 55.1 19.5 53.2 18.8 50.1 16.7 49 15.2 46.5 14.2 46.6 11.5 43.1 12.1 30.5 10.7 37.9 10.2 36.3 12.1 27.3 13.8 23.8 28 8.5 25.6 9.3 35.4 5.1 35.9 5.5 32.9 7.7 34.2 8 33.2 10.2 36.2 11.2 35.7 11.9 38.7 10 38.1 11.3ZM37.1 8.3 36.7 9.2 37.8 8.8 36.2 10.5 33.8 9.9 35.5 8.4 37.1 8.3ZM40.9 9.9 41.9 9.9 41.5 10.7 43.1 11.3 43.7 12.6 43 12.8 44.6 14 43.5 14.9 42.5 14.1 42.8 15.8 41.5 15.4 41.9 16.6 38.7 14.5 41.5 13.3 41 11.6 39 11 40.9 9.9ZM41.9 8.1 42.9 9.5 40.9 9 41.9 8.1ZM44.3 7.5 42.9 7.7 44.5 6.8 44.3 7.5ZM47.7 6.8 44.1 8.8 42.2 8.5 45.3 7.4 45.1 6.7 47.7 6.8ZM51.6 6.7 53.9 7.2 53.4 7.8 55.6 10.1 55 11.1 56.2 11.8 55 11.6 55.1 12.2 56.2 12.1 51.8 15 50.1 18.2 47.6 16 47.1 14 48.3 12.6 47.2 12.7 48.2 12.3 47.2 11.7 47.2 9.8 45.3 8.9 47.9 7.3 51.6 6.7Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle cx='50.0' cy='50.0' r='47.5' fill='%23f7f6f0'/%3E%3Cg clip-path='url(%23gl)'%3E%3Cpattern id='sea' width='4' height='3.1' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0 1.5H4' fill='none' stroke='%231f3a2a' stroke-width='.28' opacity='.55'/%3E%3C/pattern%3E%3Crect width='100' height='100' fill='url(%23sea)'/%3E%3Cg clip-path='url(%23ld)'%3E%3Cpattern id='lh' width='1.75' height='1.75' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Crect width='1.75' height='1.75' fill='%23f7f6f0'/%3E%3Cpath d='M0 .9H1.75' fill='none' stroke='%231f3a2a' stroke-width='.9'/%3E%3C/pattern%3E%3Crect width='100' height='100' fill='url(%23lh)'/%3E%3C/g%3E%3Cpath d='M46.7 97.4 36.5 95.6 45.1 97.2 53.8 97.3 62.4 95.8 70.5 92.9 63 95.7 55.1 97.2 47.5 97.4 39.5 96.3 46.7 97.4ZM29.3 46.9 32.2 48.4 28.2 48.2 27.9 47.7 29.3 47.9 28.7 47 29.3 46.9ZM25.1 43.6 28.2 46.5 25.8 46.3 25.5 44.7 23.7 43.5 21.7 43.6 23.6 42.9 25.1 43.6ZM82.5 27.7 83 28.9 81.7 28.7 82.5 27.7ZM44.2 24.2 43.7 24.8 45.4 25.3 45.4 27.1 44.9 26.3 44.1 26.9 42.1 26.2 44.2 24.2ZM68 21.3 66.9 21.9 66.5 19.6 67.5 19.8 68 21.3ZM66.5 17.1 67.7 18.7 70.9 20.1 71.4 21.5 69.2 22.6 69.7 21.5 66.3 18.5 65.9 17.3 66.5 17.1ZM37.4 13.5 37.9 14.8 36 14.8 37.4 13.5ZM59.6 13.6 60.4 14.3 59.4 15.4 56.9 14.5 59.6 13.6ZM37.9 4.1 33.7 5.4 43.1 3 52.8 2.6 67.1 5.7 74.3 9.2 80.3 13.4 85.8 18.8 90.4 25 85.2 18.2 90.7 25.6 94.8 34.1 91 26 95 34.9 96.3 40.5 93.2 33.4 90.2 30.3 93.6 35 96.7 42 96.2 39.1 97.4 47.3 97.3 53.8 95.9 62.2 93.1 69.9 89.3 76.6 85.2 81 89.8 66.3 89.6 61.9 88.3 59.5 88.8 56 88.1 54.9 86.8 55.9 85.8 54.6 78.5 58.3 75.4 56.6 71.1 51.1 71.8 48.2 70.7 45.2 71.7 41.4 73.9 37.8 73.4 35.7 74.3 32.8 76.4 32.8 77.6 31.2 81.4 29.3 82.5 31.8 86.9 32.8 86.6 30.4 89.2 30.3 89.9 29.2 87.7 24.8 86.4 26.5 84.7 24.9 84.6 21.9 85.6 21.7 85.5 20.7 82.1 17.8 83.3 20.4 81.6 19.7 84.4 23.4 83.5 24.9 85.5 27.6 82 24.6 78.2 23.1 78.8 24.2 82.5 25.9 81.9 26 82.8 27.8 77.4 24.6 75.8 26.3 75.9 31.6 74.5 32.6 72.4 32.4 70.2 27.9 73.6 26.2 70.3 23.4 71.6 23.1 70.9 22.4 72 21.8 71.8 19.6 72.6 18.9 70.7 16.8 73.1 18.3 75 16.9 72.6 14 72.8 12.9 71.3 13.5 68.5 10.9 73.1 17.1 69.9 15.3 70 16.2 69.1 16.3 67.1 14.6 64.7 8.6 68.2 8.7 69.2 9.4 68.4 9.7 70.7 10.3 67.3 8.1 68.8 8.4 66.3 5.9 62.5 4.8 67 5.9 52.8 2.6 45.2 2.7 37.9 4.1ZM38.1 11.3 37.6 12.6 39.9 11.7 39 13 32.5 15.2 31 17.5 33.6 19.6 33 22.3 34.3 20.1 36.3 19.2 37.9 15.7 40.4 16.9 40.4 18.7 42.1 17.6 42.4 20.2 44.1 21.5 44.6 23.2 42.1 24.3 38.9 24 35.7 26.1 39.4 24.8 39 26.9 40.6 27.4 41.3 26.6 41.6 27.4 38 28.9 37.8 28.1 38.9 27.6 35.4 28.4 35 29.9 32.6 30.2 30.6 32.7 30.8 31.2 30.3 34 26 36.5 25.1 41.6 24.1 37.2 18.5 36 16.6 37.2 14.9 42.5 15.7 45 17.9 44.7 18.5 43.5 20.4 43.5 18.3 47.8 21.5 49.2 20.8 52.5 21.6 54.5 23.4 54.4 25.2 55.5 26.8 53.8 29.1 53.1 28.9 55.8 30.4 53.5 31.6 55 36.4 55.4 36 56 40.1 59.6 44.8 61.2 45.9 63.2 45.3 64.4 47 64.8 47 65.6 47.7 65.1 50.1 65.9 50.3 66.8 54.2 66.9 58 68.7 58 71.3 55.1 74.4 53.1 80.5 48 82.3 47.2 84.5 44 87.5 40.8 87.1 42.2 88.6 37.7 90.1 38.9 90.8 37.4 91.8 38.6 92.5 37.7 93.5 38.6 94 37.7 94.3 33.4 91.5 33.7 90 33 90.3 31.9 87.6 30.7 76.8 26.3 73.6 22.1 66.6 22.9 64.1 22.1 62.7 24.8 59.4 24.3 55.6 23.4 54.9 22.4 56.1 21.1 55.1 19.5 53.2 18.8 50.1 16.7 49 15.2 46.5 14.2 46.6 11.5 43.1 12.1 30.5 10.7 37.9 10.2 36.3 12.1 27.3 13.8 23.8 28 8.5 25.6 9.3 35.4 5.1 35.9 5.5 32.9 7.7 34.2 8 33.2 10.2 36.2 11.2 35.7 11.9 38.7 10 38.1 11.3ZM37.1 8.3 36.7 9.2 37.8 8.8 36.2 10.5 33.8 9.9 35.5 8.4 37.1 8.3ZM40.9 9.9 41.9 9.9 41.5 10.7 43.1 11.3 43.7 12.6 43 12.8 44.6 14 43.5 14.9 42.5 14.1 42.8 15.8 41.5 15.4 41.9 16.6 38.7 14.5 41.5 13.3 41 11.6 39 11 40.9 9.9ZM41.9 8.1 42.9 9.5 40.9 9 41.9 8.1ZM44.3 7.5 42.9 7.7 44.5 6.8 44.3 7.5ZM47.7 6.8 44.1 8.8 42.2 8.5 45.3 7.4 45.1 6.7 47.7 6.8ZM51.6 6.7 53.9 7.2 53.4 7.8 55.6 10.1 55 11.1 56.2 11.8 55 11.6 55.1 12.2 56.2 12.1 51.8 15 50.1 18.2 47.6 16 47.1 14 48.3 12.6 47.2 12.7 48.2 12.3 47.2 11.7 47.2 9.8 45.3 8.9 47.9 7.3 51.6 6.7Z' fill='none' stroke='%231f3a2a' stroke-width='.55' stroke-linejoin='round'/%3E%3Cpath d='M36.3 4.5 39.6 3.8 43 3.7 46.5 4 50 4.8M15.9 16.9 19.3 13.9 23 11.2 27.1 9 31.3 7.2 35.8 5.9 40.5 5 45.2 4.7 50 4.8M12.9 79.6 10.3 75.9 8.1 71.8 6.4 67.6 5.1 63.1 4.4 58.5 4.1 53.8 4.4 49.1 5.1 44.3 6.4 39.7 8.1 35.1 10.3 30.7 12.9 26.5 15.9 22.6 19.3 19 23 15.7 27.1 12.8 31.3 10.3 35.8 8.2 40.5 6.6 45.2 5.5 50 4.8M33.2 94.3 30.3 92.6 27.5 90.5 25 87.9 22.8 85 20.9 81.6 19.3 77.9 18.1 73.8 17.1 69.5 16.6 65 16.4 60.4 16.6 55.6 17.1 50.8 18.1 45.9 19.3 41.1 20.9 36.4 22.8 31.8 25 27.5 27.5 23.4 30.3 19.6 33.2 16.1 36.3 13 39.6 10.2 43 8 46.5 6.2 50 4.8M45 97 43.9 96.2 42.8 94.9 41.8 93.1 40.9 90.8 40.1 88 39.4 84.9 38.8 81.3 38.3 77.4 38 73.3 37.8 68.8 37.7 64.2 37.8 59.4 38 54.5 38.3 49.5 38.8 44.6 39.4 39.7 40.1 34.9 40.9 30.3 41.8 25.9 42.8 21.8 43.9 18 45 14.5 46.2 11.4 47.4 8.8 48.7 6.6 50 4.8M55 97 56.1 96.2 57.2 94.9 58.2 93.1 59.1 90.8 59.9 88 60.6 84.9 61.2 81.3 61.7 77.4 62 73.3 62.2 68.8 62.3 64.2 62.2 59.4 62 54.5 61.7 49.5 61.2 44.6 60.6 39.7 59.9 34.9 59.1 30.3 58.2 25.9 57.2 21.8 56.1 18 55 14.5 53.8 11.4 52.6 8.8 51.3 6.6 50 4.8M66.8 94.3 69.7 92.6 72.5 90.5 75 87.9 77.2 85 79.1 81.6 80.7 77.9 81.9 73.8 82.9 69.5 83.4 65 83.6 60.4 83.4 55.6 82.9 50.8 81.9 45.9 80.7 41.1 79.1 36.4 77.2 31.8 75 27.5 72.5 23.4 69.7 19.6 66.8 16.1 63.7 13 60.4 10.2 57 8 53.5 6.2 50 4.8M87.1 79.6 89.7 75.9 91.9 71.8 93.6 67.6 94.9 63.1 95.6 58.5 95.9 53.8 95.6 49.1 94.9 44.3 93.6 39.7 91.9 35.1 89.7 30.7 87.1 26.5 84.1 22.6 80.7 19 77 15.7 72.9 12.8 68.7 10.3 64.2 8.2 59.5 6.6 54.8 5.5 50 4.8M84.1 16.9 80.7 13.9 77 11.2 72.9 9 68.7 7.2 64.2 5.9 59.5 5 54.8 4.7 50 4.8M63.7 4.5 60.4 3.8 57 3.7 53.5 4 50 4.8M53.8 2.7 52.6 2.9 51.3 3.6 50 4.8M46.2 2.7 47.4 2.9 48.7 3.6 50 4.8M31.5 93.7 33.2 94.3 35.1 94.8 37.1 95.3 39.2 95.7 41.5 96 43.9 96.2 46.3 96.4 48.8 96.5 51.2 96.5 53.7 96.4 56.1 96.2 58.5 96 60.8 95.7 62.9 95.3 64.9 94.8 66.8 94.3 68.5 93.7M10.3 75.9 11.6 77.1 13.3 78.4 15.5 79.5 18 80.6 20.9 81.6 24.1 82.5 27.6 83.2 31.3 83.9 35.3 84.5 39.4 84.9 43.6 85.1 47.8 85.3 52.2 85.3 56.4 85.1 60.6 84.9 64.7 84.5 68.7 83.9 72.4 83.2 75.9 82.5 79.1 81.6 82 80.6 84.5 79.5 86.7 78.4 88.4 77.1 89.7 75.9M9.4 25.4 8.9 26.7 8.9 28.1 9.4 29.4 10.3 30.7 11.6 32 13.3 33.2 15.5 34.3 18 35.4 20.9 36.4 24.1 37.3 27.6 38.1 31.3 38.7 35.3 39.3 39.4 39.7 43.6 40 47.8 40.1 52.2 40.1 56.4 40 60.6 39.7 64.7 39.3 68.7 38.7 72.4 38.1 75.9 37.3 79.1 36.4 82 35.4 84.5 34.3 86.7 33.2 88.4 32 89.7 30.7 90.6 29.4 91.1 28.1 91.1 26.7 90.6 25.4M30.1 6.9 28.8 7.5 27.8 8.2 27.1 9 26.5 9.7 26.3 10.5 26.3 11.3 26.5 12 27.1 12.8 27.8 13.5 28.8 14.2 30.1 14.9 31.5 15.5 33.2 16.1 35.1 16.6 37.1 17 39.2 17.4 41.5 17.7 43.9 18 46.3 18.1 48.8 18.2 51.2 18.2 53.7 18.1 56.1 18 58.5 17.7 60.8 17.4 62.9 17 64.9 16.6 66.8 16.1 68.5 15.5 69.9 14.9 71.2 14.2 72.2 13.5 72.9 12.8 73.5 12 73.7 11.3 73.7 10.5 73.5 9.7 72.9 9 72.2 8.2 71.2 7.5 69.9 6.9' fill='none' stroke='%231f3a2a' stroke-width='.4'/%3E%3Cpath d='M2.6 50.8 3.1 52.3 4.1 53.8 5.7 55.3 7.7 56.7 10.2 58 13.1 59.2 16.4 60.4 20.1 61.4 24.1 62.3 28.4 63.1 33 63.7 37.7 64.2 42.6 64.5 47.5 64.7 52.5 64.7 57.4 64.5 62.3 64.2 67 63.7 71.6 63.1 75.9 62.3 79.9 61.4 83.6 60.4 86.9 59.2 89.8 58 92.3 56.7 94.3 55.3 95.9 53.8 96.9 52.3 97.4 50.8' fill='none' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cmask id='sh0'%3E%3Ccircle cx='50.0' cy='50.0' r='47.5' fill='%23fff'/%3E%3Ccircle cx='30.1' cy='28.1' r='57.9' fill='%23000'/%3E%3C/mask%3E%3Cg mask='url(%23sh0)'%3E%3Cpattern id='psh0' width='2.8' height='2.8' patternUnits='userSpaceOnUse' patternTransform='rotate(-45) translate(0.0 0)'%3E%3Cpath d='M0 1.4H2.8' fill='none' stroke='%231f3a2a' stroke-width='0.42'/%3E%3C/pattern%3E%3Crect width='100' height='100' fill='url(%23psh0)'/%3E%3C/g%3E%3Cmask id='sh1'%3E%3Ccircle cx='50.0' cy='50.0' r='47.5' fill='%23fff'/%3E%3Ccircle cx='30.1' cy='28.1' r='67.5' fill='%23000'/%3E%3C/mask%3E%3Cg mask='url(%23sh1)'%3E%3Cpattern id='psh1' width='2.8' height='2.8' patternUnits='userSpaceOnUse' patternTransform='rotate(-45) translate(1.4 0)'%3E%3Cpath d='M0 1.4H2.8' fill='none' stroke='%231f3a2a' stroke-width='0.55'/%3E%3C/pattern%3E%3Crect width='100' height='100' fill='url(%23psh1)'/%3E%3C/g%3E%3C/g%3E%3Ccircle cx='50.0' cy='50.0' r='47.5' fill='none' stroke='%231f3a2a' stroke-width='1.5'/%3E%3C/svg%3E"); }
:root { --cy-smoke-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 20 120 52'%3E%3Cg stroke='%231f3a2a' fill='none' stroke-linecap='round'%3E%3Ccircle cx='101.8' cy='48.4' r='15.7' stroke-width='1.15'/%3E%3Ccircle cx='93.9' cy='40.9' r='15.1' stroke-width='1.15'/%3E%3Ccircle cx='87.9' cy='40.5' r='14.4' stroke-width='1.15'/%3E%3Ccircle cx='74.5' cy='40' r='13.5' stroke-width='1.15'/%3E%3Ccircle cx='77.7' cy='31.2' r='13.3' stroke-width='1.15'/%3E%3Ccircle cx='69' cy='36.2' r='12.8' stroke-width='1.15'/%3E%3Ccircle cx='47.9' cy='42.5' r='11.6' stroke-width='1.15'/%3E%3Ccircle cx='58.4' cy='35.7' r='11.2' stroke-width='1.15'/%3E%3Ccircle cx='39.2' cy='46.5' r='10.8' stroke-width='1.15'/%3E%3Ccircle cx='51.3' cy='50.8' r='10.4' stroke-width='1.15'/%3E%3Ccircle cx='33.8' cy='49.2' r='7.5' stroke-width='1.15'/%3E%3Ccircle cx='27.3' cy='40.2' r='6.6' stroke-width='1.15'/%3E%3Ccircle cx='6.9' cy='43.9' r='6' stroke-width='1.15'/%3E%3Ccircle cx='12' cy='46' r='5.9' stroke-width='1.15'/%3E%3Ccircle cx='18.5' cy='45.5' r='5.7' stroke-width='1.15'/%3E%3Ccircle cx='101.8' cy='48.4' r='15.1' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='93.9' cy='40.9' r='14.5' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='87.9' cy='40.5' r='13.8' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='74.5' cy='40' r='12.9' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='77.7' cy='31.2' r='12.7' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='69' cy='36.2' r='12.2' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='47.9' cy='42.5' r='11' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='58.4' cy='35.7' r='10.6' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='39.2' cy='46.5' r='10.2' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='51.3' cy='50.8' r='9.8' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='33.8' cy='49.2' r='6.9' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='27.3' cy='40.2' r='6' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='6.9' cy='43.9' r='5.4' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='12' cy='46' r='5.3' fill='%23f7f6f0' stroke='none'/%3E%3Ccircle cx='18.5' cy='45.5' r='5.1' fill='%23f7f6f0' stroke='none'/%3E%3Cpath d='M92.6 51.7 92.4 49.7 92.6 47.7 93.2 45.9 94.1 44.3 95.3 43 96.8 42 98.3 41.3 99.9 41 101.5 41.1 103 41.5 104.3 42.1 105.4 43 106.2 44.1 106.8 45.2 107.1 46.4 107.1 47.6 106.8 48.7 106.4 49.7 105.8 50.5 105 51.1 104.2 51.5 103.4 51.7 102.6 51.7 101.9 51.5 101.3 51.2 100.8 50.8 100.5 50.3 100.3 49.8 100.3 49.3M85.1 44.1 84.9 42.1 85.1 40.3 85.7 38.5 86.6 37 87.8 35.7 89.1 34.7 90.6 34.1 92.2 33.8 93.7 33.9 95.1 34.3 96.4 34.9 97.4 35.7 98.2 36.8 98.7 37.9 99 39 99 40.2 98.8 41.2 98.4 42.1 97.8 42.9 97.1 43.5 96.3 43.9 95.5 44.1 94.7 44.1 94 43.9 93.5 43.6 93 43.2 92.7 42.7 92.5 42.2 92.5 41.8M79.6 43.6 79.4 41.7 79.6 39.9 80.1 38.3 81 36.8 82.1 35.6 83.4 34.7 84.8 34.1 86.3 33.8 87.7 33.9 89.1 34.2 90.2 34.8 91.2 35.6 92 36.6 92.5 37.7 92.8 38.8 92.8 39.8 92.6 40.8 92.2 41.7 91.6 42.5 90.9 43 90.2 43.4 89.4 43.6 88.7 43.6 88 43.4 87.5 43.1 87.1 42.7 86.8 42.3 86.6 41.8 86.6 41.4M66.7 42.9 66.5 41.1 66.7 39.5 67.2 37.9 68 36.5 69 35.4 70.3 34.5 71.6 34 73 33.7 74.3 33.8 75.6 34.1 76.7 34.7 77.6 35.4 78.4 36.3 78.8 37.3 79.1 38.4 79.1 39.4 78.9 40.3 78.5 41.1 78 41.8 77.3 42.4 76.6 42.7 75.9 42.9 75.3 42.9 74.6 42.7 74.1 42.4 73.7 42.1 73.4 41.7 73.3 41.2 73.3 40.8M69.9 34 69.8 32.3 69.9 30.7 70.4 29.1 71.2 27.8 72.3 26.7 73.5 25.8 74.8 25.3 76.1 25 77.4 25.1 78.7 25.4 79.8 26 80.7 26.7 81.4 27.6 81.9 28.6 82.1 29.6 82.1 30.6 81.9 31.5 81.6 32.3 81 33 80.4 33.5 79.7 33.9 79 34 78.4 34 77.8 33.9 77.2 33.6 76.8 33.2 76.6 32.8 76.4 32.4 76.4 32M61.6 38.9 61.4 37.3 61.6 35.7 62 34.2 62.8 32.9 63.8 31.8 65 31 66.2 30.4 67.6 30.2 68.8 30.3 70 30.6 71.1 31.1 72 31.8 72.7 32.7 73.1 33.6 73.3 34.6 73.4 35.6 73.2 36.5 72.8 37.3 72.3 37.9 71.7 38.4 71 38.7 70.4 38.9 69.7 38.9 69.1 38.7 68.6 38.5 68.2 38.1 68 37.7 67.8 37.3 67.8 36.9M41.1 45 40.9 43.5 41.1 42 41.5 40.7 42.2 39.5 43.1 38.5 44.2 37.8 45.4 37.3 46.5 37.1 47.7 37.1 48.8 37.4 49.8 37.9 50.6 38.6 51.2 39.3 51.6 40.2 51.8 41.1 51.8 42 51.6 42.8 51.3 43.5 50.8 44.1 50.3 44.5 49.7 44.8 49.1 45 48.5 45 48 44.8 47.5 44.6 47.2 44.3 46.9 43.9 46.8 43.6 46.8 43.2' fill='none' stroke='%231f3a2a' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E"); }
:root { --cy-gun-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -16 200 144'%3E%3Cpath d='M122 80 124 99 104 111 26 125.5 13 125.5 11 118 22 112 44 105 46 100.5 64 95.5 66 91 82 86 84 81.5 100 75Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1.15' stroke-linejoin='round'/%3E%3CclipPath id='ck'%3E%3Cpath d='M122 80 124 99 104 111 26 125.5 13 125.5 11 118 22 112 44 105 46 100.5 64 95.5 66 91 82 86 84 81.5 100 75Z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23ck)' stroke='%231f3a2a' fill='none'%3E%3Cpath d='M128.6 70-11.4 103.5' fill='none' stroke='%231f3a2a' stroke-width='0.2'/%3E%3Cpath d='M129.1 73.3-10.9 106.8' fill='none' stroke='%231f3a2a' stroke-width='0.3'/%3E%3Cpath d='M129.6 76.6-10.4 110.1M130.1 79.9-9.9 113.4' fill='none' stroke='%231f3a2a' stroke-width='0.4'/%3E%3Cpath d='M130.6 83.2-9.4 116.7' fill='none' stroke='%231f3a2a' stroke-width='0.5'/%3E%3Cpath d='M131.1 86.5-8.9 120M131.6 89.8-8.4 123.3' fill='none' stroke='%231f3a2a' stroke-width='0.6'/%3E%3Cpath d='M132.1 93.1-7.9 126.6M132.7 96.4-7.3 129.9' fill='none' stroke='%231f3a2a' stroke-width='0.7'/%3E%3Cpath d='M133.2 99.7-6.8 133.2M133.7 103-6.3 136.5' fill='none' stroke='%231f3a2a' stroke-width='0.8'/%3E%3Cpath d='M134.2 106.3-5.8 139.8' fill='none' stroke='%231f3a2a' stroke-width='0.9'/%3E%3Cpath d='M134.7 109.6-5.3 143.1M135.2 112.9-4.8 146.4' fill='none' stroke='%231f3a2a' stroke-width='1'/%3E%3Cpath d='M135.7 116.2-4.3 149.7M136.2 119.5-3.8 153' fill='none' stroke='%231f3a2a' stroke-width='1.1'/%3E%3C/g%3E%3Ccircle cx='36' cy='113' r='1.6' fill='%231f3a2a'/%3E%3Ccircle cx='60' cy='104' r='1.6' fill='%231f3a2a'/%3E%3Ccircle cx='80' cy='96' r='1.6' fill='%231f3a2a'/%3E%3Cpath d='M17 115.5 17 125.5M21 113.5 21 125.5' fill='none' stroke='%231f3a2a' stroke-width='.8'/%3E%3Cpath d='M44.7 103 43.9 111.3 48 116.2 56.3 116.7' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1'/%3E%3Ccircle cx='41.7' cy='117.2' r='5.4' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1.1'/%3E%3Cpath d='M40.2 120.1 43.1 122.1M41.6 119.3 44.2 120.9M43 118.5 45.3 119.7M44.4 117.7 46.4 118.5' fill='none' stroke='%231f3a2a' stroke-width='.55'/%3E%3Cpath d='M37.3 94.1 42.7 89.6 43.5 90.6 95.9 48.8 94.9 47.6 98.3 44.7 99.8 46.5 110.5 38.2 109.5 37.1 111.8 35.2 113.5 37.1 152.2 7 151 5.6 153.7 3.4 154.8 4.6 159.9-2.5 159.1-3.4 163-6.6 184.7 19.3 180.9 22.5 180.2 21.7 172.2 25.5 173.3 26.7 170.6 28.9 169.4 27.6 133 60.4 134.7 62.4 132.4 64.4 131.5 63.2 121.4 72.3 123 74.1 119.5 77 118.5 75.8 68.2 120.1 69 121.1 63.7 125.6Z' fill='%23f7f6f0'/%3E%3Cpath d='M37.3 94.1 40 91.9 42.7 89.6 69 121.1 66.4 123.3 63.7 125.6Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.9'/%3E%3Cpath d='M49 107.1 53.4 103.4' fill='none' stroke='%231f3a2a' stroke-width='0.3'/%3E%3Cpath d='M50.6 109 55 105.3' fill='none' stroke='%231f3a2a' stroke-width='0.4'/%3E%3Cpath d='M52.2 111 56.7 107.2M53.8 112.9 58.3 109.1' fill='none' stroke='%231f3a2a' stroke-width='0.5'/%3E%3Cpath d='M55.4 114.8 59.9 111.1M57 116.7 61.5 113' fill='none' stroke='%231f3a2a' stroke-width='0.6'/%3E%3Cpath d='M58.7 118.6 63.1 114.9M60.3 120.5 64.7 116.8' fill='none' stroke='%231f3a2a' stroke-width='0.7'/%3E%3Cpath d='M61.9 122.5 66.3 118.7' fill='none' stroke='%231f3a2a' stroke-width='0.8'/%3E%3Cpath d='M43.7 96.3 47.9 101.3' fill='none' stroke='%231f3a2a' stroke-width='.35'/%3E%3Cpath d='M44.6 91.9 96.8 49.9M45.6 93.1 97.8 51.1M52.8 101.7 104.4 58.9M53.8 102.9 105.3 60' fill='none' stroke='%231f3a2a' stroke-width='0.3' stroke-linecap='round'/%3E%3Cpath d='M54.8 104.1 106.2 61.2M55.9 105.4 107.2 62.3' fill='none' stroke='%231f3a2a' stroke-width='0.4' stroke-linecap='round'/%3E%3Cpath d='M56.9 106.6 108.1 63.4M57.9 107.8 109.1 64.5' fill='none' stroke='%231f3a2a' stroke-width='0.5' stroke-linecap='round'/%3E%3Cpath d='M59 109 110 65.7' fill='none' stroke='%231f3a2a' stroke-width='0.6' stroke-linecap='round'/%3E%3Cpath d='M60 110.3 111 66.8M61 111.5 111.9 67.9' fill='none' stroke='%231f3a2a' stroke-width='0.7' stroke-linecap='round'/%3E%3Cpath d='M62 112.7 112.8 69' fill='none' stroke='%231f3a2a' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M63.1 113.9 113.8 70.2M64.1 115.2 114.7 71.3' fill='none' stroke='%231f3a2a' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath d='M65.1 116.4 115.7 72.4' fill='none' stroke='%231f3a2a' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M66.2 117.6 116.6 73.5' fill='none' stroke='%231f3a2a' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M67.2 118.8 117.6 74.6' fill='none' stroke='%231f3a2a' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M94.9 47.6 96.6 46.1 98.3 44.7 123 74.1 121.3 75.5 119.5 77Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.9'/%3E%3Cpath d='M105.8 59.7 108.3 57.6' fill='none' stroke='%231f3a2a' stroke-width='0.3'/%3E%3Cpath d='M107.3 61.5 109.8 59.4' fill='none' stroke='%231f3a2a' stroke-width='0.4'/%3E%3Cpath d='M108.8 63.3 111.3 61.2M110.3 65.1 112.9 63' fill='none' stroke='%231f3a2a' stroke-width='0.5'/%3E%3Cpath d='M111.8 66.9 114.4 64.8M113.3 68.7 115.9 66.6' fill='none' stroke='%231f3a2a' stroke-width='0.6'/%3E%3Cpath d='M114.9 70.5 117.4 68.4M116.4 72.3 118.9 70.2' fill='none' stroke='%231f3a2a' stroke-width='0.7'/%3E%3Cpath d='M117.9 74.1 120.4 72' fill='none' stroke='%231f3a2a' stroke-width='0.8'/%3E%3Cpath d='M100 50.3 104 55' fill='none' stroke='%231f3a2a' stroke-width='.35'/%3E%3Cpath d='M100.7 47.6 111.4 39.3M101.6 48.7 112.3 40.3M107.9 56.2 118.4 47.6M108.8 57.2 119.2 48.6' fill='none' stroke='%231f3a2a' stroke-width='0.3' stroke-linecap='round'/%3E%3Cpath d='M109.7 58.3 120.1 49.7M110.6 59.4 121 50.7' fill='none' stroke='%231f3a2a' stroke-width='0.4' stroke-linecap='round'/%3E%3Cpath d='M111.5 60.5 121.9 51.8M112.4 61.5 122.7 52.8' fill='none' stroke='%231f3a2a' stroke-width='0.5' stroke-linecap='round'/%3E%3Cpath d='M113.3 62.6 123.6 53.8' fill='none' stroke='%231f3a2a' stroke-width='0.6' stroke-linecap='round'/%3E%3Cpath d='M114.2 63.7 124.5 54.9M115.1 64.8 125.3 55.9' fill='none' stroke='%231f3a2a' stroke-width='0.7' stroke-linecap='round'/%3E%3Cpath d='M116 65.8 126.2 57' fill='none' stroke='%231f3a2a' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M116.9 66.9 127.1 58M117.8 68 128 59' fill='none' stroke='%231f3a2a' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath d='M118.7 69 128.8 60.1' fill='none' stroke='%231f3a2a' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M119.6 70.1 129.7 61.1' fill='none' stroke='%231f3a2a' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M120.5 71.2 130.6 62.2' fill='none' stroke='%231f3a2a' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M109.5 37.1 110.7 36.1 111.8 35.2 134.7 62.4 133.6 63.4 132.4 64.4Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.9'/%3E%3Cpath d='M119.7 48.3 121.1 47.1' fill='none' stroke='%231f3a2a' stroke-width='0.3'/%3E%3Cpath d='M121.1 50 122.5 48.8' fill='none' stroke='%231f3a2a' stroke-width='0.4'/%3E%3Cpath d='M122.5 51.6 123.9 50.5M123.9 53.3 125.3 52.1' fill='none' stroke='%231f3a2a' stroke-width='0.5'/%3E%3Cpath d='M125.3 55 126.7 53.8M126.7 56.6 128.1 55.5' fill='none' stroke='%231f3a2a' stroke-width='0.6'/%3E%3Cpath d='M128.1 58.3 129.5 57.1M129.5 60 130.9 58.8' fill='none' stroke='%231f3a2a' stroke-width='0.7'/%3E%3Cpath d='M130.9 61.6 132.3 60.5' fill='none' stroke='%231f3a2a' stroke-width='0.8'/%3E%3Cpath d='M113.9 39.9 117.6 44.3' fill='none' stroke='%231f3a2a' stroke-width='.35'/%3E%3Cpath d='M114.3 38.1 152.9 7.9M115.1 39.1 153.6 8.7M120.8 45.9 158.7 14.7M121.7 46.8 159.4 15.6' fill='none' stroke='%231f3a2a' stroke-width='0.3' stroke-linecap='round'/%3E%3Cpath d='M122.5 47.8 160.1 16.4M123.3 48.8 160.8 17.3' fill='none' stroke='%231f3a2a' stroke-width='0.4' stroke-linecap='round'/%3E%3Cpath d='M124.1 49.8 161.5 18.1M124.9 50.7 162.3 19' fill='none' stroke='%231f3a2a' stroke-width='0.5' stroke-linecap='round'/%3E%3Cpath d='M125.7 51.7 163 19.9' fill='none' stroke='%231f3a2a' stroke-width='0.6' stroke-linecap='round'/%3E%3Cpath d='M126.5 52.7 163.7 20.7M127.4 53.6 164.4 21.6' fill='none' stroke='%231f3a2a' stroke-width='0.7' stroke-linecap='round'/%3E%3Cpath d='M128.2 54.6 165.1 22.4' fill='none' stroke='%231f3a2a' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M129 55.6 165.8 23.3M129.8 56.6 166.6 24.1' fill='none' stroke='%231f3a2a' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath d='M130.6 57.5 167.3 25' fill='none' stroke='%231f3a2a' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M131.4 58.5 168 25.8' fill='none' stroke='%231f3a2a' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M132.2 59.5 168.7 26.7' fill='none' stroke='%231f3a2a' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M151 5.6 152.4 4.5 153.7 3.4 173.3 26.7 171.9 27.8 170.6 28.9Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.9'/%3E%3Cpath d='M159.8 15.2 161.6 13.7' fill='none' stroke='%231f3a2a' stroke-width='0.3'/%3E%3Cpath d='M161 16.6 162.8 15.1' fill='none' stroke='%231f3a2a' stroke-width='0.4'/%3E%3Cpath d='M162.2 18 164 16.5M163.4 19.4 165.2 18' fill='none' stroke='%231f3a2a' stroke-width='0.5'/%3E%3Cpath d='M164.6 20.9 166.3 19.4M165.8 22.3 167.5 20.8' fill='none' stroke='%231f3a2a' stroke-width='0.6'/%3E%3Cpath d='M167 23.7 168.7 22.2M168.2 25.1 169.9 23.6' fill='none' stroke='%231f3a2a' stroke-width='0.7'/%3E%3Cpath d='M169.4 26.5 171.1 25.1' fill='none' stroke='%231f3a2a' stroke-width='0.8'/%3E%3Cpath d='M155.1 7.8 158.2 11.5' fill='none' stroke='%231f3a2a' stroke-width='.35'/%3E%3Cpath d='M155.5 5.5 160.7-1.5M156.2 6.4 161.5-0.5M161.3 12.4 167.5 6.6M162 13.3 168.3 7.6' fill='none' stroke='%231f3a2a' stroke-width='0.3' stroke-linecap='round'/%3E%3Cpath d='M162.8 14.2 169.2 8.6M163.5 15 170 9.6' fill='none' stroke='%231f3a2a' stroke-width='0.4' stroke-linecap='round'/%3E%3Cpath d='M164.2 15.9 170.9 10.6M165 16.8 171.7 11.6' fill='none' stroke='%231f3a2a' stroke-width='0.5' stroke-linecap='round'/%3E%3Cpath d='M165.7 17.6 172.5 12.6' fill='none' stroke='%231f3a2a' stroke-width='0.6' stroke-linecap='round'/%3E%3Cpath d='M166.4 18.5 173.4 13.6M167.1 19.4 174.2 14.6' fill='none' stroke='%231f3a2a' stroke-width='0.7' stroke-linecap='round'/%3E%3Cpath d='M167.9 20.3 175.1 15.6' fill='none' stroke='%231f3a2a' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M168.6 21.1 175.9 16.6M169.3 22 176.8 17.6' fill='none' stroke='%231f3a2a' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath d='M170.1 22.9 177.6 18.7' fill='none' stroke='%231f3a2a' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M170.8 23.7 178.5 19.7' fill='none' stroke='%231f3a2a' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M171.5 24.6 179.3 20.7' fill='none' stroke='%231f3a2a' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M159.1-3.4 161.1-5 163-6.6 184.7 19.3 182.8 20.9 180.9 22.5Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.9'/%3E%3Cpath d='M168.8 7.3 171.7 4.8' fill='none' stroke='%231f3a2a' stroke-width='0.3'/%3E%3Cpath d='M170.2 8.8 173.1 6.4' fill='none' stroke='%231f3a2a' stroke-width='0.4'/%3E%3Cpath d='M171.5 10.4 174.4 8M172.8 12 175.7 9.6' fill='none' stroke='%231f3a2a' stroke-width='0.5'/%3E%3Cpath d='M174.1 13.6 177.1 11.1M175.5 15.2 178.4 12.7' fill='none' stroke='%231f3a2a' stroke-width='0.6'/%3E%3Cpath d='M176.8 16.7 179.7 14.3M178.1 18.3 181 15.9' fill='none' stroke='%231f3a2a' stroke-width='0.7'/%3E%3Cpath d='M179.5 19.9 182.4 17.5' fill='none' stroke='%231f3a2a' stroke-width='0.8'/%3E%3Cpath d='M164.1-1.4 167.6 2.8' fill='none' stroke='%231f3a2a' stroke-width='.35'/%3E%3Cpath d='M37.3 94.1 42.7 89.6 43.5 90.6 95.9 48.8 94.9 47.6 98.3 44.7 99.8 46.5 110.5 38.2 109.5 37.1 111.8 35.2 113.5 37.1 152.2 7 151 5.6 153.7 3.4 154.8 4.6 159.9-2.5 159.1-3.4 163-6.6 184.7 19.3 180.9 22.5 180.2 21.7 172.2 25.5 173.3 26.7 170.6 28.9 169.4 27.6 133 60.4 134.7 62.4 132.4 64.4 131.5 63.2 121.4 72.3 123 74.1 119.5 77 118.5 75.8 68.2 120.1 69 121.1 63.7 125.6Z' fill='none' stroke='%231f3a2a' stroke-width='1.25' stroke-linejoin='round'/%3E%3Cpath d='M82.9 59.7 C79.3 52.4 88.2 44.3 95.4 49.8' fill='none' stroke='%231f3a2a' stroke-width='2.1' stroke-linecap='round'/%3E%3Ccircle cx='84.5' cy='49.2' r='1' fill='%231f3a2a'/%3E%3Ccircle cx='40.4' cy='91.6' r='1.1' fill='%231f3a2a'/%3E%3Ccircle cx='77.7' cy='83.1' r='.85' fill='%231f3a2a'/%3E%3Ccircle cx='81.9' cy='83.5' r='.85' fill='%231f3a2a'/%3E%3Ccircle cx='81.5' cy='87.7' r='.85' fill='%231f3a2a'/%3E%3Ccircle cx='77.3' cy='87.4' r='.85' fill='%231f3a2a'/%3E%3Cellipse cx='173.8' cy='6.4' rx='4.2' ry='16.4' transform='rotate(-40 173.8 6.4)' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1.15'/%3E%3Cellipse cx='174.2' cy='6.4' rx='2.4' ry='8.4' transform='rotate(-40 173.8 6.4)' fill='%231f3a2a'/%3E%3Ccircle cx='98' cy='70' r='5.4' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1.1'/%3E%3Cpath d='M95 72.2 A3.8 3.8 0 0 0 101.6 71' fill='none' stroke='%231f3a2a' stroke-width='1.1'/%3E%3Ccircle cx='94' cy='95.5' r='30.0' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1.3'/%3E%3Ccircle cx='94' cy='95.5' r='27.4' fill='none' stroke='%231f3a2a' stroke-width='.6'/%3E%3Ccircle cx='94' cy='95.5' r='23.8' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1'/%3E%3Cpath d='M119.3 86.3 A26.9 26.9 0 0 1 70.7 109M118.7 86.5 A26.3 26.3 0 0 1 71.2 108.6M118.1 86.7 A25.7 25.7 0 0 1 71.8 108.3M117.5 86.9 A25 25 0 0 1 72.3 108M116.9 87.1 A24.4 24.4 0 0 1 72.9 107.7' fill='none' stroke='%231f3a2a' stroke-width='.42'/%3E%3Cpath d='M99.2 97.9 117.6 100 117.9 97.7 99.7 94.6Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M100 95.7 117.3 98.3' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M97.3 100.2 112.2 111.2 113.6 109.4 99.4 97.5Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M99.1 98.7 112.8 109.6' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M94.5 101.2 101.9 118.2 104.1 117.3 97.6 100Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M96.8 100.8 103.3 117.1' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M91.6 100.7 89.5 119.1 91.8 119.4 94.9 101.2Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M93.8 101.5 91.2 118.8' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M89.3 98.8 78.3 113.7 80.1 115.1 92 100.9Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M90.8 100.6 79.9 114.3' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M88.3 96 71.3 103.4 72.2 105.6 89.5 99.1Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M88.7 98.3 72.4 104.8' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M88.8 93.1 70.4 91 70.1 93.3 88.3 96.4Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M88 95.3 70.7 92.7' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M90.7 90.8 75.8 79.8 74.4 81.6 88.6 93.5Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M88.9 92.3 75.2 81.4' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M93.5 89.8 86.1 72.8 83.9 73.7 90.4 91Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M91.2 90.2 84.7 73.9' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M96.4 90.3 98.5 71.9 96.2 71.6 93.1 89.8Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M94.2 89.5 96.8 72.2' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M98.7 92.2 109.7 77.3 107.9 75.9 96 90.1Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M97.2 90.4 108.1 76.7' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M99.7 95 116.7 87.6 115.8 85.4 98.5 91.9Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M99.3 92.7 115.6 86.2' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Ccircle cx='94' cy='95.5' r='6.4' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1.1'/%3E%3Ccircle cx='94' cy='95.5' r='3.1' fill='none' stroke='%231f3a2a' stroke-width='.8'/%3E%3Ccircle cx='94' cy='95.5' r='1.2' fill='%231f3a2a'/%3E%3Ccircle cx='121' cy='105.3' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='110' cy='119.3' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='93' cy='124.2' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='76.3' cy='118.1' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='66.4' cy='103.4' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='67' cy='85.7' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='78' cy='71.7' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='95' cy='66.8' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='111.7' cy='72.9' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='121.6' cy='87.6' r='.55' fill='%231f3a2a'/%3E%3C/svg%3E"); }
@media (min-width: 960px) { :root { --cy-gun-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 12 208 116'%3E%3Cpath d='M122 80 124 99 104 111 26 125.5 13 125.5 11 118 22 112 44 105 46 100.5 64 95.5 66 91 82 86 84 81.5 100 75Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1.15' stroke-linejoin='round'/%3E%3CclipPath id='ck'%3E%3Cpath d='M122 80 124 99 104 111 26 125.5 13 125.5 11 118 22 112 44 105 46 100.5 64 95.5 66 91 82 86 84 81.5 100 75Z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23ck)' stroke='%231f3a2a' fill='none'%3E%3Cpath d='M128.6 70-11.4 103.5' fill='none' stroke='%231f3a2a' stroke-width='0.2'/%3E%3Cpath d='M129.1 73.3-10.9 106.8' fill='none' stroke='%231f3a2a' stroke-width='0.3'/%3E%3Cpath d='M129.6 76.6-10.4 110.1M130.1 79.9-9.9 113.4' fill='none' stroke='%231f3a2a' stroke-width='0.4'/%3E%3Cpath d='M130.6 83.2-9.4 116.7' fill='none' stroke='%231f3a2a' stroke-width='0.5'/%3E%3Cpath d='M131.1 86.5-8.9 120M131.6 89.8-8.4 123.3' fill='none' stroke='%231f3a2a' stroke-width='0.6'/%3E%3Cpath d='M132.1 93.1-7.9 126.6M132.7 96.4-7.3 129.9' fill='none' stroke='%231f3a2a' stroke-width='0.7'/%3E%3Cpath d='M133.2 99.7-6.8 133.2M133.7 103-6.3 136.5' fill='none' stroke='%231f3a2a' stroke-width='0.8'/%3E%3Cpath d='M134.2 106.3-5.8 139.8' fill='none' stroke='%231f3a2a' stroke-width='0.9'/%3E%3Cpath d='M134.7 109.6-5.3 143.1M135.2 112.9-4.8 146.4' fill='none' stroke='%231f3a2a' stroke-width='1'/%3E%3Cpath d='M135.7 116.2-4.3 149.7M136.2 119.5-3.8 153' fill='none' stroke='%231f3a2a' stroke-width='1.1'/%3E%3C/g%3E%3Ccircle cx='36' cy='113' r='1.6' fill='%231f3a2a'/%3E%3Ccircle cx='60' cy='104' r='1.6' fill='%231f3a2a'/%3E%3Ccircle cx='80' cy='96' r='1.6' fill='%231f3a2a'/%3E%3Cpath d='M17 115.5 17 125.5M21 113.5 21 125.5' fill='none' stroke='%231f3a2a' stroke-width='.8'/%3E%3Cpath d='M37.7 87 34.6 94.7 37.2 100.6 45 103.4' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1'/%3E%3Ccircle cx='30.9' cy='99.9' r='5.4' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1.1'/%3E%3Cpath d='M28.6 102.2 30.9 104.9M30.2 101.8 32.3 104.1M31.8 101.5 33.7 103.2M33.4 101.1 35 102.4' fill='none' stroke='%231f3a2a' stroke-width='.55'/%3E%3Cpath d='M33 76.5 39.4 73.6 39.9 74.8 101.8 49 101.2 47.6 105.3 45.7 106.2 47.9 118.8 42.9 118.2 41.5 120.9 40.3 122 42.7 167.5 24.4 166.7 22.8 169.9 21.3 170.6 22.8 177.4 17.3 177 16.3 181.6 14.3 195.3 45.2 190.7 47.2 190.3 46.2 181.6 47.6 182.3 49.1 179.1 50.5 178.4 48.9 134.3 70.5 135.4 72.8 132.6 74.1 132 72.7 119.9 78.6 120.9 80.8 116.8 82.7 116.1 81.2 55.6 109.9 56.1 111.1 49.7 113.9Z' fill='%23f7f6f0'/%3E%3Cpath d='M33 76.5 36.2 75.1 39.4 73.6 56.1 111.1 52.9 112.5 49.7 113.9Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.9'/%3E%3Cpath d='M40.7 92.2 46 89.8' fill='none' stroke='%231f3a2a' stroke-width='0.3'/%3E%3Cpath d='M41.7 94.5 47 92.1' fill='none' stroke='%231f3a2a' stroke-width='0.4'/%3E%3Cpath d='M42.7 96.7 48 94.4M43.7 99 49 96.7' fill='none' stroke='%231f3a2a' stroke-width='0.5'/%3E%3Cpath d='M44.7 101.3 50 99M45.8 103.6 51.1 101.3' fill='none' stroke='%231f3a2a' stroke-width='0.6'/%3E%3Cpath d='M46.8 105.9 52.1 103.5M47.8 108.2 53.1 105.8' fill='none' stroke='%231f3a2a' stroke-width='0.7'/%3E%3Cpath d='M48.8 110.5 54.1 108.1' fill='none' stroke='%231f3a2a' stroke-width='0.8'/%3E%3Cpath d='M38.6 80.3 41.2 86.3' fill='none' stroke='%231f3a2a' stroke-width='.35'/%3E%3Cpath d='M40.6 76.3 102.4 50.4M41.2 77.8 103 51.7M45.8 88 107.2 61.1M46.5 89.4 107.8 62.4' fill='none' stroke='%231f3a2a' stroke-width='0.3' stroke-linecap='round'/%3E%3Cpath d='M47.1 90.9 108.4 63.8M47.8 92.4 109 65.1' fill='none' stroke='%231f3a2a' stroke-width='0.4' stroke-linecap='round'/%3E%3Cpath d='M48.4 93.8 109.6 66.5M49.1 95.3 110.2 67.8' fill='none' stroke='%231f3a2a' stroke-width='0.5' stroke-linecap='round'/%3E%3Cpath d='M49.7 96.8 110.8 69.1' fill='none' stroke='%231f3a2a' stroke-width='0.6' stroke-linecap='round'/%3E%3Cpath d='M50.4 98.2 111.3 70.5M51 99.7 111.9 71.8' fill='none' stroke='%231f3a2a' stroke-width='0.7' stroke-linecap='round'/%3E%3Cpath d='M51.7 101.1 112.5 73.2' fill='none' stroke='%231f3a2a' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M52.3 102.6 113.1 74.5M53 104.1 113.7 75.8' fill='none' stroke='%231f3a2a' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath d='M53.6 105.5 114.3 77.2' fill='none' stroke='%231f3a2a' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M54.3 107 114.9 78.5' fill='none' stroke='%231f3a2a' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M54.9 108.4 115.5 79.9' fill='none' stroke='%231f3a2a' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M101.2 47.6 103.2 46.7 105.3 45.7 120.9 80.8 118.8 81.7 116.8 82.7Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.9'/%3E%3Cpath d='M108.3 62.2 111.4 60.9' fill='none' stroke='%231f3a2a' stroke-width='0.3'/%3E%3Cpath d='M109.3 64.4 112.3 63' fill='none' stroke='%231f3a2a' stroke-width='0.4'/%3E%3Cpath d='M110.2 66.5 113.3 65.2M111.2 68.7 114.2 67.3' fill='none' stroke='%231f3a2a' stroke-width='0.5'/%3E%3Cpath d='M112.2 70.8 115.2 69.5M113.1 73 116.1 71.6' fill='none' stroke='%231f3a2a' stroke-width='0.6'/%3E%3Cpath d='M114.1 75.1 117.1 73.8M115 77.3 118 75.9' fill='none' stroke='%231f3a2a' stroke-width='0.7'/%3E%3Cpath d='M116 79.4 119 78.1' fill='none' stroke='%231f3a2a' stroke-width='0.8'/%3E%3Cpath d='M105.4 51.6 107.9 57.2' fill='none' stroke='%231f3a2a' stroke-width='.35'/%3E%3Cpath d='M106.8 49.2 119.3 44.1M107.4 50.5 119.9 45.4M111.4 59.5 123.7 54.1M111.9 60.7 124.3 55.3' fill='none' stroke='%231f3a2a' stroke-width='0.3' stroke-linecap='round'/%3E%3Cpath d='M112.5 62 124.9 56.6M113.1 63.3 125.4 57.8' fill='none' stroke='%231f3a2a' stroke-width='0.4' stroke-linecap='round'/%3E%3Cpath d='M113.6 64.6 126 59M114.2 65.8 126.5 60.3' fill='none' stroke='%231f3a2a' stroke-width='0.5' stroke-linecap='round'/%3E%3Cpath d='M114.8 67.1 127.1 61.5' fill='none' stroke='%231f3a2a' stroke-width='0.6' stroke-linecap='round'/%3E%3Cpath d='M115.4 68.4 127.6 62.8M115.9 69.7 128.2 64' fill='none' stroke='%231f3a2a' stroke-width='0.7' stroke-linecap='round'/%3E%3Cpath d='M116.5 71 128.7 65.2' fill='none' stroke='%231f3a2a' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M117.1 72.2 129.3 66.5M117.6 73.5 129.8 67.7' fill='none' stroke='%231f3a2a' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath d='M118.2 74.8 130.4 69' fill='none' stroke='%231f3a2a' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M118.8 76.1 130.9 70.2' fill='none' stroke='%231f3a2a' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M119.3 77.4 131.5 71.4' fill='none' stroke='%231f3a2a' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M118.2 41.5 119.5 40.9 120.9 40.3 135.4 72.8 134 73.4 132.6 74.1Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.9'/%3E%3Cpath d='M124.9 55.1 126.5 54.4' fill='none' stroke='%231f3a2a' stroke-width='0.3'/%3E%3Cpath d='M125.8 57.1 127.4 56.4' fill='none' stroke='%231f3a2a' stroke-width='0.4'/%3E%3Cpath d='M126.6 59.1 128.3 58.4M127.5 61.1 129.2 60.3' fill='none' stroke='%231f3a2a' stroke-width='0.5'/%3E%3Cpath d='M128.4 63.1 130.1 62.3M129.3 65.1 130.9 64.3' fill='none' stroke='%231f3a2a' stroke-width='0.6'/%3E%3Cpath d='M130.2 67 131.8 66.3M131.1 69 132.7 68.3' fill='none' stroke='%231f3a2a' stroke-width='0.7'/%3E%3Cpath d='M131.9 71 133.6 70.3' fill='none' stroke='%231f3a2a' stroke-width='0.8'/%3E%3Cpath d='M121.6 45.5 123.9 50.7' fill='none' stroke='%231f3a2a' stroke-width='.35'/%3E%3Cpath d='M122.5 43.8 167.9 25.4M123 45 168.4 26.4M126.6 53.1 171.5 33.6M127.1 54.3 172 34.6' fill='none' stroke='%231f3a2a' stroke-width='0.3' stroke-linecap='round'/%3E%3Cpath d='M127.6 55.4 172.5 35.6M128.1 56.6 172.9 36.6' fill='none' stroke='%231f3a2a' stroke-width='0.4' stroke-linecap='round'/%3E%3Cpath d='M128.7 57.7 173.4 37.7M129.2 58.9 173.8 38.7' fill='none' stroke='%231f3a2a' stroke-width='0.5' stroke-linecap='round'/%3E%3Cpath d='M129.7 60 174.3 39.7' fill='none' stroke='%231f3a2a' stroke-width='0.6' stroke-linecap='round'/%3E%3Cpath d='M130.2 61.2 174.7 40.7M130.7 62.4 175.2 41.7' fill='none' stroke='%231f3a2a' stroke-width='0.7' stroke-linecap='round'/%3E%3Cpath d='M131.2 63.5 175.6 42.8' fill='none' stroke='%231f3a2a' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M131.8 64.7 176.1 43.8M132.3 65.8 176.5 44.8' fill='none' stroke='%231f3a2a' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath d='M132.8 67 177 45.8' fill='none' stroke='%231f3a2a' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M133.3 68.1 177.5 46.8' fill='none' stroke='%231f3a2a' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M133.8 69.3 177.9 47.9' fill='none' stroke='%231f3a2a' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M166.7 22.8 168.3 22 169.9 21.3 182.3 49.1 180.7 49.8 179.1 50.5Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.9'/%3E%3Cpath d='M172.5 34.3 174.6 33.4' fill='none' stroke='%231f3a2a' stroke-width='0.3'/%3E%3Cpath d='M173.3 36 175.4 35.1' fill='none' stroke='%231f3a2a' stroke-width='0.4'/%3E%3Cpath d='M174 37.7 176.1 36.8M174.8 39.4 176.9 38.5' fill='none' stroke='%231f3a2a' stroke-width='0.5'/%3E%3Cpath d='M175.6 41.1 177.7 40.2M176.3 42.8 178.4 41.9' fill='none' stroke='%231f3a2a' stroke-width='0.6'/%3E%3Cpath d='M177.1 44.5 179.2 43.6M177.8 46.2 179.9 45.3' fill='none' stroke='%231f3a2a' stroke-width='0.7'/%3E%3Cpath d='M178.6 47.9 180.7 47' fill='none' stroke='%231f3a2a' stroke-width='0.8'/%3E%3Cpath d='M170.1 25.9 172 30.4' fill='none' stroke='%231f3a2a' stroke-width='.35'/%3E%3Cpath d='M171 23.8 178 18.5M171.5 24.9 178.5 19.7M174.7 32.1 182.3 28.2M175.2 33.2 182.8 29.4' fill='none' stroke='%231f3a2a' stroke-width='0.3' stroke-linecap='round'/%3E%3Cpath d='M175.6 34.2 183.3 30.6M176.1 35.2 183.9 31.8' fill='none' stroke='%231f3a2a' stroke-width='0.4' stroke-linecap='round'/%3E%3Cpath d='M176.6 36.3 184.4 33M177 37.3 184.9 34.2' fill='none' stroke='%231f3a2a' stroke-width='0.5' stroke-linecap='round'/%3E%3Cpath d='M177.5 38.3 185.5 35.4' fill='none' stroke='%231f3a2a' stroke-width='0.6' stroke-linecap='round'/%3E%3Cpath d='M178 39.4 186 36.6M178.4 40.4 186.6 37.8' fill='none' stroke='%231f3a2a' stroke-width='0.7' stroke-linecap='round'/%3E%3Cpath d='M178.9 41.4 187.1 39' fill='none' stroke='%231f3a2a' stroke-width='0.8' stroke-linecap='round'/%3E%3Cpath d='M179.3 42.5 187.6 40.2M179.8 43.5 188.2 41.4' fill='none' stroke='%231f3a2a' stroke-width='0.9' stroke-linecap='round'/%3E%3Cpath d='M180.3 44.5 188.7 42.6' fill='none' stroke='%231f3a2a' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M180.7 45.6 189.2 43.8' fill='none' stroke='%231f3a2a' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M181.2 46.6 189.8 45' fill='none' stroke='%231f3a2a' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M177 16.3 179.3 15.3 181.6 14.3 195.3 45.2 193 46.2 190.7 47.2Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.9'/%3E%3Cpath d='M183.4 29.2 186.9 27.7' fill='none' stroke='%231f3a2a' stroke-width='0.3'/%3E%3Cpath d='M184.2 31.1 187.7 29.5' fill='none' stroke='%231f3a2a' stroke-width='0.4'/%3E%3Cpath d='M185.1 33 188.5 31.4M185.9 34.9 189.4 33.3' fill='none' stroke='%231f3a2a' stroke-width='0.5'/%3E%3Cpath d='M186.8 36.8 190.2 35.2M187.6 38.6 191.1 37.1' fill='none' stroke='%231f3a2a' stroke-width='0.6'/%3E%3Cpath d='M188.4 40.5 191.9 39M189.3 42.4 192.7 40.9' fill='none' stroke='%231f3a2a' stroke-width='0.7'/%3E%3Cpath d='M190.1 44.3 193.6 42.8' fill='none' stroke='%231f3a2a' stroke-width='0.8'/%3E%3Cpath d='M181.2 19.6 183.4 24.6' fill='none' stroke='%231f3a2a' stroke-width='.35'/%3E%3Cpath d='M33 76.5 39.4 73.6 39.9 74.8 101.8 49 101.2 47.6 105.3 45.7 106.2 47.9 118.8 42.9 118.2 41.5 120.9 40.3 122 42.7 167.5 24.4 166.7 22.8 169.9 21.3 170.6 22.8 177.4 17.3 177 16.3 181.6 14.3 195.3 45.2 190.7 47.2 190.3 46.2 181.6 47.6 182.3 49.1 179.1 50.5 178.4 48.9 134.3 70.5 135.4 72.8 132.6 74.1 132 72.7 119.9 78.6 120.9 80.8 116.8 82.7 116.1 81.2 55.6 109.9 56.1 111.1 49.7 113.9Z' fill='none' stroke='%231f3a2a' stroke-width='1.25' stroke-linejoin='round'/%3E%3Cpath d='M86.3 56 C84.9 47.9 95.6 42.6 101.1 49.8' fill='none' stroke='%231f3a2a' stroke-width='2.1' stroke-linecap='round'/%3E%3Ccircle cx='90.7' cy='46.3' r='1' fill='%231f3a2a'/%3E%3Ccircle cx='36.7' cy='74.9' r='1.1' fill='%231f3a2a'/%3E%3Ccircle cx='74.9' cy='77' r='.85' fill='%231f3a2a'/%3E%3Ccircle cx='78.8' cy='78.5' r='.85' fill='%231f3a2a'/%3E%3Ccircle cx='77.3' cy='82.5' r='.85' fill='%231f3a2a'/%3E%3Ccircle cx='73.3' cy='81' r='.85' fill='%231f3a2a'/%3E%3Cellipse cx='188.4' cy='29.7' rx='4.2' ry='16.4' transform='rotate(-24 188.4 29.7)' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1.15'/%3E%3Cellipse cx='188.8' cy='29.7' rx='2.4' ry='8.4' transform='rotate(-24 188.4 29.7)' fill='%231f3a2a'/%3E%3Ccircle cx='98' cy='70' r='5.4' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1.1'/%3E%3Cpath d='M95 72.2 A3.8 3.8 0 0 0 101.6 71' fill='none' stroke='%231f3a2a' stroke-width='1.1'/%3E%3Ccircle cx='94' cy='95.5' r='30.0' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1.3'/%3E%3Ccircle cx='94' cy='95.5' r='27.4' fill='none' stroke='%231f3a2a' stroke-width='.6'/%3E%3Ccircle cx='94' cy='95.5' r='23.8' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1'/%3E%3Cpath d='M119.3 86.3 A26.9 26.9 0 0 1 70.7 109M118.7 86.5 A26.3 26.3 0 0 1 71.2 108.6M118.1 86.7 A25.7 25.7 0 0 1 71.8 108.3M117.5 86.9 A25 25 0 0 1 72.3 108M116.9 87.1 A24.4 24.4 0 0 1 72.9 107.7' fill='none' stroke='%231f3a2a' stroke-width='.42'/%3E%3Cpath d='M99.2 97.9 117.6 100 117.9 97.7 99.7 94.6Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M100 95.7 117.3 98.3' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M97.3 100.2 112.2 111.2 113.6 109.4 99.4 97.5Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M99.1 98.7 112.8 109.6' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M94.5 101.2 101.9 118.2 104.1 117.3 97.6 100Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M96.8 100.8 103.3 117.1' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M91.6 100.7 89.5 119.1 91.8 119.4 94.9 101.2Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M93.8 101.5 91.2 118.8' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M89.3 98.8 78.3 113.7 80.1 115.1 92 100.9Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M90.8 100.6 79.9 114.3' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M88.3 96 71.3 103.4 72.2 105.6 89.5 99.1Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M88.7 98.3 72.4 104.8' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M88.8 93.1 70.4 91 70.1 93.3 88.3 96.4Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M88 95.3 70.7 92.7' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M90.7 90.8 75.8 79.8 74.4 81.6 88.6 93.5Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M88.9 92.3 75.2 81.4' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M93.5 89.8 86.1 72.8 83.9 73.7 90.4 91Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M91.2 90.2 84.7 73.9' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M96.4 90.3 98.5 71.9 96.2 71.6 93.1 89.8Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M94.2 89.5 96.8 72.2' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M98.7 92.2 109.7 77.3 107.9 75.9 96 90.1Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M97.2 90.4 108.1 76.7' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Cpath d='M99.7 95 116.7 87.6 115.8 85.4 98.5 91.9Z' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='.75'/%3E%3Cpath d='M99.3 92.7 115.6 86.2' fill='none' stroke='%231f3a2a' stroke-width='.5'/%3E%3Ccircle cx='94' cy='95.5' r='6.4' fill='%23f7f6f0' stroke='%231f3a2a' stroke-width='1.1'/%3E%3Ccircle cx='94' cy='95.5' r='3.1' fill='none' stroke='%231f3a2a' stroke-width='.8'/%3E%3Ccircle cx='94' cy='95.5' r='1.2' fill='%231f3a2a'/%3E%3Ccircle cx='121' cy='105.3' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='110' cy='119.3' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='93' cy='124.2' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='76.3' cy='118.1' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='66.4' cy='103.4' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='67' cy='85.7' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='78' cy='71.7' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='95' cy='66.8' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='111.7' cy='72.9' r='.55' fill='%231f3a2a'/%3E%3Ccircle cx='121.6' cy='87.6' r='.55' fill='%231f3a2a'/%3E%3C/svg%3E"); } }
/* ---------- The cannon and the globe (round 6, live since 2026-10-04) ---------- */
/* An engraved bronze gun stands on the left end of the masthead rule and a terrestrial globe rests on the right end,
   drawn as copperplate line work in the logo's dark green, the way a 16th-century gunnery treatise would print them.
   On the home page, as the opening pulls back into the page, the gun fires: it kicks back on its carriage, a curl of
   smoke rolls out of the muzzle, and the globe flies along a dotted arc (the trajectory diagrams of Tartaglia's
   Nova Scientia, 1537) over the green logo, lands on the rule and rolls to a stop. Then the arc fades away.
   CSS only. Other pages, reduced motion, and coming back from inside the site show the gun and globe at rest. */
:root { --cy-edge: max(var(--cy-gutter), (100cqw - var(--cy-max)) / 2); }
:root {
	--cy-gun-w: 60px;
	--cy-gun-ang: 40deg;
	--cy-gun-fx: 0.8969;
	--cy-gun-fy: 0.8536;
	--cy-gun-below: 0.0174;
	--cy-gun-h: 43.20px;
	--cy-globe: 21px;
	--cy-shot-d: 25.63px;
	--cy-shot-h: 110.44px;
	--cy-shot-box: 123.63px;
	--cy-roll: 8px;
	--cy-roll-turn: 43.7deg;
	--cy-arc-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath d='M0,792.7 Q500,-890.3 1000,1000' fill='none' stroke='%233a453e' stroke-width='1.5' stroke-dasharray='0 6.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
	--cy-brand-pb: 52px;  /* room under the tagline for the gun and the globe */
}
@media (min-width: 600px) {
:root {
	--cy-gun-w: 80px;
	--cy-gun-ang: 40deg;
	--cy-gun-fx: 0.8969;
	--cy-gun-fy: 0.8536;
	--cy-gun-below: 0.0174;
	--cy-gun-h: 57.60px;
	--cy-globe: 26px;
	--cy-shot-d: 35.17px;
	--cy-shot-h: 153.08px;
	--cy-shot-box: 171.17px;
	--cy-roll: 10px;
	--cy-roll-turn: 44.1deg;
	--cy-arc-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath d='M0,794.5 Q500,-891.4 1000,1000' fill='none' stroke='%233a453e' stroke-width='1.5' stroke-dasharray='0 6.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
	--cy-brand-pb: 62px;  /* room under the tagline for the gun and the globe */
}
}
@media (min-width: 960px) {
:root {
	--cy-gun-w: 118px;
	--cy-gun-ang: 24deg;
	--cy-gun-fx: 0.9340;
	--cy-gun-fy: 0.8541;
	--cy-gun-below: 0.0216;
	--cy-gun-h: 65.81px;
	--cy-globe: 32px;
	--cy-shot-d: 38.79px;
	--cy-shot-h: 168.84px;
	--cy-shot-box: 188.79px;
	--cy-roll: 12px;
	--cy-roll-turn: 43.0deg;
	--cy-arc-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath d='M0,794.5 Q500,-891.4 1000,1000' fill='none' stroke='%233a453e' stroke-width='1.5' stroke-dasharray='0 6.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
}
@media (min-width: 1200px) {
:root {
	--cy-gun-w: 136px;
	--cy-gun-ang: 24deg;
	--cy-gun-fx: 0.9340;
	--cy-gun-fy: 0.8541;
	--cy-gun-below: 0.0216;
	--cy-gun-h: 75.85px;
	--cy-globe: 36px;
	--cy-shot-d: 45.15px;
	--cy-shot-h: 163.80px;
	--cy-shot-box: 187.15px;
	--cy-roll: 14px;
	--cy-roll-turn: 44.6deg;
	--cy-arc-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath d='M0,758.8 Q500,-871.1 1000,1000' fill='none' stroke='%233a453e' stroke-width='1.5' stroke-dasharray='0 6.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
}

/* The gun, on the left end of the rule. Its wheel stands on the rule. */
#masthead .site-branding::before {
content: "";
display: block;
position: absolute;
z-index: 2;
left: var(--cy-edge);
bottom: calc(5px - var(--cy-gun-h) * var(--cy-gun-below));
width: var(--cy-gun-w);
height: var(--cy-gun-h);
background: var(--cy-gun-art) 0 0 / 100% 100% no-repeat;
transform-origin: 45% 97%;
pointer-events: none;
}
/* The globe, resting on the right end of the rule. */
#masthead::after {
content: "";
display: block;
position: absolute;
z-index: 4;
right: var(--cy-edge);
top: calc(var(--cy-brand-h) - 5px - var(--cy-globe));
width: var(--cy-globe);
height: var(--cy-globe);
background: var(--cy-globe-art) 0 0 / 100% 100% no-repeat;
pointer-events: none;
}
/* The dotted arc, from the muzzle to where the globe lands. Only seen while the globe is in flight. */
#masthead::before {
content: "";
display: block;
position: absolute;
z-index: 0;
left: calc(var(--cy-edge) + var(--cy-gun-w) * var(--cy-gun-fx));
right: calc(var(--cy-edge) + var(--cy-globe) / 2 + var(--cy-roll));
top: calc(var(--cy-brand-h) - 5px - var(--cy-globe) / 2 - var(--cy-shot-box));
height: var(--cy-shot-box);
background: var(--cy-arc-art) 0 0 / 100% 100% no-repeat;
opacity: 0;
pointer-events: none;
}
/* Smoke, anchored at the muzzle and turned to the gun's elevation */
#masthead .site-description::before {
content: "";
display: block;
position: absolute;
z-index: -1;  /* under the tagline's letters */
left: calc(var(--cy-edge) + var(--cy-gun-w) * var(--cy-gun-fx) - var(--cy-gun-w) * .05);
bottom: calc(5px - var(--cy-gun-h) * var(--cy-gun-below) + var(--cy-gun-h) * var(--cy-gun-fy) - var(--cy-gun-w) * .26);
width: calc(var(--cy-gun-w) * 1.1);
height: calc(var(--cy-gun-w) * .52);
background: var(--cy-smoke-art) 0 0 / 100% 100% no-repeat;
transform-origin: 5% 50%;
transform: rotate(calc(var(--cy-gun-ang) * -1)) scale(.2);
opacity: 0;
pointer-events: none;
}
#masthead .site-description { position: static; }
@media print {
#masthead::before, #masthead::after, #masthead .site-branding::before, #masthead .site-description::before { display: none; }
}

/* Gun and globe leave with the rule as the masthead scrolls into the bar */
@media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: scroll()) {
#masthead .site-branding::before,
#masthead::after {
animation: cy-fade-away linear both;
animation-timeline: scroll(root block);
animation-range: 0 calc(var(--cy-brand-h) * .45);
}
}
}

/* The shot. It starts 3.3s after the page opens, as the opening pulls back. Same skip as the opening. */
@media screen and (prefers-reduced-motion: no-preference) {
html:has(> body.home) #masthead .site-branding::before { animation: cy-shot-kick calc(2.6s * (1 - var(--cy-intro-skip))) calc(3.3s * (1 - var(--cy-intro-skip))) both; }
html:has(> body.home) #masthead .site-description::before { animation: cy-shot-smoke calc(2.6s * (1 - var(--cy-intro-skip))) calc(3.3s * (1 - var(--cy-intro-skip))) both; }
html:has(> body.home) #masthead::before { animation: cy-shot-arc calc(2.6s * (1 - var(--cy-intro-skip))) calc(3.3s * (1 - var(--cy-intro-skip))) both; }
html:has(> body.home) #masthead::after { animation: cy-shot-fly calc(2.6s * (1 - var(--cy-intro-skip))) calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-shot-lob calc(2.6s * (1 - var(--cy-intro-skip))) calc(3.3s * (1 - var(--cy-intro-skip))) both; }
@supports (animation-timeline: scroll()) {
html:has(> body.home) #masthead .site-branding::before {
animation: cy-shot-kick calc(2.6s * (1 - var(--cy-intro-skip))) calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-fade-away linear both;
animation-timeline: auto, scroll(root block);
animation-range: normal, 0 calc(var(--cy-brand-h) * .45);
}
html:has(> body.home) #masthead::after {
animation: cy-shot-fly calc(2.6s * (1 - var(--cy-intro-skip))) calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-shot-lob calc(2.6s * (1 - var(--cy-intro-skip))) calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-fade-away linear both;
animation-timeline: auto, auto, scroll(root block);
animation-range: normal, normal, 0 calc(var(--cy-brand-h) * .45);
}
}
}
/* Recoil: back on the carriage in a blink, the muzzle kicking up a touch, then eased back into place */
@keyframes cy-shot-kick {
0% { translate: 0 0; rotate: 0deg; animation-timing-function: cubic-bezier(.1, .8, .3, 1); }
2.692% { translate: calc(var(--cy-gun-w) * -.06) 0; rotate: -1.6deg; animation-timing-function: cubic-bezier(.45, 0, .25, 1); }
32.692%, 100% { translate: 0 0; rotate: 0deg; }
}
/* Smoke: blooms out of the muzzle, drifts up and thins away */
@keyframes cy-shot-smoke {
0% { opacity: 0; transform: rotate(calc(var(--cy-gun-ang) * -1)) scale(.15); animation-timing-function: cubic-bezier(.15, .7, .3, 1); }
1.923% { opacity: 1; }
21.154% { opacity: .95; transform: translate(4%, -8%) rotate(calc(var(--cy-gun-ang) * -1 + 6deg)) scale(.92); animation-timing-function: cubic-bezier(.3, 0, .5, 1); }
57.692%, 100% { opacity: 0; transform: translate(10%, -24%) rotate(calc(var(--cy-gun-ang) * -1 + 10deg)) scale(1.08); }
}
/* The arc draws itself level with the globe's flight, holds a moment, then fades */
@keyframes cy-shot-arc {
0% { opacity: 1; clip-path: inset(-2px 100% -2px 0); animation-timing-function: linear; }
36.538% { opacity: 1; clip-path: inset(-2px 0 -2px 0); }
50.000% { opacity: 1; animation-timing-function: cubic-bezier(.4, 0, .6, 1); }
88.462%, 100% { opacity: 0; clip-path: inset(-2px 0 -2px 0); }
}
/* The globe's flight. Sideways it moves at an even pace and drops by the height difference (cy-shot-fly);
   the lob on top (cy-shot-lob, on the margin so the globe's own turning cannot tilt it) is a true parabola, so the path matches the dotted arc exactly.
   It turns slowly in flight and the last turn is the roll along the rule. */
@keyframes cy-shot-fly {
0% { opacity: 0; translate: calc(var(--cy-globe) / 2 + var(--cy-edge) * 2 + var(--cy-gun-w) * var(--cy-gun-fx) - 100cqw) calc(var(--cy-shot-d) * -1); scale: .55; rotate: -70deg; animation-timing-function: linear; }
1.154% { opacity: 1; }
6.154% { scale: 1; }
36.538% { opacity: 1; translate: calc(var(--cy-roll) * -1) 0; scale: 1; rotate: calc(var(--cy-roll-turn) * -1); animation-timing-function: cubic-bezier(.25, .6, .35, 1); }
55.769%, 100% { opacity: 1; translate: 0 0; scale: 1; rotate: 0deg; }
}
@keyframes cy-shot-lob {
0% { margin-top: 0; animation-timing-function: cubic-bezier(.3333, .6667, .6667, 1); }
18.269% { margin-top: calc(var(--cy-shot-h) * -1); animation-timing-function: cubic-bezier(.3333, 0, .6667, .3333); }
36.538% { margin-top: 0; animation-timing-function: cubic-bezier(.3333, .6667, .6667, 1); }
40.000% { margin-top: calc(var(--cy-globe) * -.09); animation-timing-function: cubic-bezier(.3333, 0, .6667, .3333); }
43.462%, 100% { margin-top: 0; }
}
/* ---------- Atlas (round 7) ---------- */
/* Atlas, the Titan, on the right end of the masthead rule: the drawing supplied for the site, cut into eight
   pieces (trunk with head and drape, both arms, both thighs, both shins, and the planted front foot). At rest he
   is exactly that drawing, holding the site's own globe on his shoulders. On the home page he stands as the gun
   fires, raises his arms, catches the globe as it arrives, and its weight drives him down into the lunge, with a
   short settle. The globe's flight and the dotted arc now end in his hands. Same skip as the opening; reduced
   motion, other pages and print show him at rest. Two pieces sit on #page, so #page is positioned. */
:root {
	--cy-atlas-shinb: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAMAAAAB8C7XAAAAeFBMVEUgOyssRTZWal0gOiotRjcuRzhQZFeHlIktRjc7UkQhPCxTaFp3hnu7wrk7UkM6UkN9jIDBxr7X29Pd4NhDWktygnZ5iH2apZqWoZf39vD19O7V2NDr6+SIlot2hXmxua9DWktmeGvh49xRZVjHzMSirKKZpJofOSmljUahAAAAKHRSTlNgI/EkpdIQ+Fruo6Mj/1u3/+EB/3ltvxOgAP7////+/vT8//j///8I0k0bdwAAAUpJREFUeNp1ktdyAjEMRbXeTgktzbbk7t3//8PIQBYSQDN+uWd0ZRWQLwIkVC/AxlXPwbF/SkDKb2qf2LGVwJDH4QEcP51SCqn5lwSDEQcmSvvVHwS19+sCUFvfdHdgjv1OnQMx+ZshyLXx1mp9gbrfDd0VDMZ5Q5StRq1RYRbnNJC1N8Z42iJqlSijUim+FVBFwwkTTafi5YupFm8M5hpWbTS0TUXjcpxjXQeXP9TQ7rPOlvXAQBuA3+9VK09JBxb5pf4GJFCRUOkUwhSrBcwxY1CYlM6ZTCMXAMayjT3ZiYxouxtoLBsFtKYX43snFzBHGxC5amxhc93g1al0saUYh2W15z4EN6AObO++7kFjbCgtTNGvl7HXc806lkFZT7FbQCO85v3xS+T27gYETyKRmfJEzo0fdyfajm5ctc65FqC+PzgefPd4iT+z0EORRPp2NgAAAABJRU5ErkJggg==");
	--cy-atlas-thighb: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAYCAMAAABdhlSLAAAAeFBMVEXg4ttNYlQfOiofOiqYo5k4UEFRZVd+jIEsRTYuRzchOyxUaFq8wrpUaFogOysrRDWKl4wtRjc8U0WkraTAxr7k5d6EkYY4UEFygnZwgHR0hHh/jYJ/jYK+xLvw8On39vD29e+Kl4xneGx1hXlTZ1mwuK7X2tKZpJrn23KmAAAAKHRSTlP89R5a+/at+qbnnxr/Xulmoh4uG/8YTIdNts0DkIV5AP/+/v79//7+2RnJfQAAAZFJREFUeNqNUwly4zAMoy7fztW03XYPmzr//8NCctqJ3Y13kfFM5AFIUIRpWuPST7ug9fGHE2L8b/7TydXOi8suX8qfC3k8OU66rvv9+q0xzThWb1Y7huDUT9I0R/mQ3x2MMd56a53j9xeMLJyzXj70czighciCE9jnilMIzN3DeaVUx9a01djLYyVqDjTTNQkld+6nFYAXNtcO8zxTEL5VUqmmymjUp/rG7wTsZPYwzzFCEF2CQw4RIJpjcG2R3Pjy4K2rWQ+ZS/lJg0+U/32C+PVuXwqOLOtQGEUQV+zy+n6/shO25hTnx4hPqzwojwWkiKrfKt/we52fo0EHeAphWAQbGdEmb2d4cgwJ6+WS6L4ThfC8zbNsbPYTELwAZxSui4QoRvT9s+VjCI6UrxyRwCzXlPRAQ/aYmGFoy58aj2+AM7TTWgdeDohgwhU/f+NPqkE0kFVny8pZeyTFY52MXn/hlzFUhikRT/jV1hZVP9HOt3RWDSKUO6FXbvFr2uWXRl1OLox5L1D+X/yi+QIOH+WfdWftzfq7AAAAAElFTkSuQmCC");
	--cy-atlas-arml: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAxCAMAAAAcPSI3AAAAeFBMVEUgOystRjdabmA8U0V9jIDe4NkhPCwrRTUqQzRIXVAjPS46UUIpQzSLmI3Bx75VaVs3T0B4iHyGk4iBj4T39vD19O6Jlot2hXnT1s/q6+RUaFpneWweOSnGzMOvt66ZpJkeOikfOSlFW03i49xabmCjraO7wbktRTZdi8ffAAAAKHRSTlNZ4ujw/P+cFWCvGbCU/v8eVwUFsAD//v7///v8EP///zJz9P/7//ysTRrg5wAAAbhJREFUeNp11Nmy4iAQBmBCVvXomUVoaLbsef83nAadqhkDXeWNX1r+BiJ7lovR5zL3JbOG334VbNxQfhdschBYwS5ug5J9ydaMBWPSyalgV+ldV7AethZZYXa5C3nYvM1e6FDZrA2yFS1MWetXJcRejzl7Hn4RGrqs9eC0kKfGZN918CKsn3FeczGplESccnZTwsGc7+NKKLmy3Hq2Idswa4xmUB6zOWk5sQS0GbOgBe3ompt9coJKYvZ+RtKQM9tEW6DO3UEVTUGdycIjCRf4eQbb6Gj+AcPJmE+mHFxO9rUsKYs7DcFogmTaSTidg9HpN8UjwPhpdMleQaX5OAhmpRKvoJLeGHuyNLxvZvab2//s7lIYHaCSSu+DHf7JsqcwrjFA59EarCf713hY4oIbBBefUXdTdfZth4zHp3flU1ztYa2r/r1nJkWJgVRsXO6AdXV97bWJ32jlYs+2e0/DEL4tig9eKaU3SQVmnqvjRzTc3UYxdKvcY6cmMAYR5yr9h/Cmgfg4lTEhxEayI9rPoetmNGblK/VE54gGb+/34dmziao7ZsQVV05d7Pr8fAesHalsHOH5B6tFbItnFIQYAAAAAElFTkSuQmCC");
	--cy-atlas-shinf: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAuCAMAAACRbICIAAAAeFBMVEVSZlkgOytPZFYrRTXm5+Df4dry8esrRDXBx74jPS6WoZf29e8uRzc7UkRYbF59jICKl40iPCw6UkN1hXk1TT44UEG1vLOfqZ+/xb329fD19O6Jlovq6uSwuK/U2NCZpJni49zGy8O7wrmirKJld2seOSp2hXkeOSlVb9NLAAAAKHRSTlPxUacb7i2bq/+bFWlw3xX//zKbJMMDTrKxAP7///7+/v3///36Cv4v5tgOpwAAAfpJREFUeNp9lNl22zAMRClZm+3EcZK2KQGCq5b//8MCspwTiVL5ynswwGBIpU+f+r9H6WJMvmquf+pDYnjFCADRADT7hC765AFMPCZ0ORfpDNRHRKGS5SLU6CPi9IrEOs3lkNAvCjvWoapprqxU68ttQ5zakXiUwFpyTEX9tCb0oJyXIuaBWO/KDaEVBr4JEZYqcZw2xBmTAQMUliIVlhui6NEyYdDOQtZQP6yJQSHbbsG7IIixhMWa0Oc3x0UsWCcLghDwZUO8K+RJgofgqPOe6LuRJ6Fb5CKevbXJObpjTkxKrI+dLAjR4b3dEvo8io4TX2PCsS8y4qTQdTzE3Kgb1ZAR4gk7RuKrp13ixhOTBRIdi9+2/yAkJ468EZ0q4ccOMbcSIXTz6so9Ym7Fim8s82xkTfxukV2pJPr0bGRNzDq8HEnTczEbYtbxxohMuU/o9s7b9ZyVtCQkI1gnWQuV6ZaEZAQH0hF3QmFJc06cJCme3Y+PeXOCi7An1rjwNh0QU+8CyyRH5QGhVfIce9uHeZo94iPxqwPgjoujGs54tjX0odwlpl9jSkYe3xjdlBND288vU9KIaMuMkO/o8QEQJhW9e98kqGWgen4RqPiJqWFFDJdbXf99EPwR9HStP4e808vyE4EfjxyrFwK+Lkee6kbuq+tBgrLzD3ikkv8kUw57AAAAAElFTkSuQmCC");
	--cy-atlas-thighf: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAbCAMAAADWDFZiAAAAeFBMVEUfOipZbF+ZpJohOys7UkPg4tt+jIEgOystRjdVaVwgOyvx8ero6eI6UkNjdWhOY1WjrKPAxr4rRDUrRDWqs6nn6OIySjs6UkP39vD29e/T1s+LmI3p6uOwuK+ZpJpneGx1hXlRZli7wrkeOSkwSTrHzMTi49xGXE0CwfMUAAAAKHRSTlNf6v70/Pn9JaUJlqtmm1Knaf8XcyUb1UUA/v7+///+//z6/g39//31GemlkgAAAeRJREFUeNqNk4dy4zAMREmqWW6xU+7EAlaR+v8/vKVcLo5zBSNLM/ITsFgQbPpXpDQNI57sb8zAts0cvLbvfyQTYwfuvdbek6CY99+SiW24thQpxpyVLkZKuXsmgXlSinJXAYRd709kYgGYukKfSPlIDozHHJV8iG/IkXFS0cgvQWV97H+Tw8Z2ZyWfQlFRUdjTnWQB+p4wo/LZU4Tw3ZVM277kr4VNJgKja+IcP1aSLVmqR7Comwc6VmfFCDJttHoETVfuVhnMyfEQjiCZrYLqS9N1CoWISFjCfGqQDs6FsBxAcvjQ1SaFRWhdf7hrK4jwop/bGpuJJQFKrdIwaHVTWfPiE9GHGdHM7ciSNkavxaH2TKhZzN2kqHs3t4tzzh9ZckSa8CdJ8uSdr/Ux0xU3JmpQuCq56FyTGpJKlki9C5UWau0oovzCQzs3jE1vnmQtiCtr385cwJgeB11Xpd61TdNA6k82vS6wqZiLgaa4eeFeQIFz3HM4NKP5eQkjZnRxXt3atjy9BCB+9ZyHJUCOW0nmdcZxo0vDnRIhYYuwaOikuh6QtmkSyPGHt8gYbyPv7Eta9+SAdMsCmc2WDZWcXo+n0363K+oBXU/tdgvoejA/rdH7x36/q4NV/dvzZrPpf+MXJCNpYKvdXwUAAAAASUVORK5CYII=");
	--cy-atlas-torso: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABvCAMAAABbwScuAAAAeFBMVEVQZFfe4NmapZt1hXkuRzg6UkO7wrkfOip9jIDAxr4fOiohPCwqQzQhPCxQZVdVaVsuRzgsRTacp5xWaVz29e+Un5X08+06UUKdp5329vA3T0A9VUZxgXVzg3d5iX19jIB/jYK5wLf39fD19O6Kl4yutq1neWzU18/Lk0L0AAAAKHRSTlP9/vz++vf9F/7+XPulnGAeG10Ko52jLKVfaSxpIKZeM56+AP7+/v7+z2c7rwAAC/9JREFUeNq1mgl/27YSxHEQIEhJtmXHuZq+Q8Tx/b/h+w8o52ojiWqefm0qN/ZwtZjdmV3YnP5vL3M6jWN/N+5f9rMxh/1h/F3Qn+ss4Dm4mGrKhtfhN0G/LmYGOXnnXM7J1JxN2D/9Duj/LtaQiFps8aZkV301vg6PvwF6WpY2JGecS85NhdhrJe7hctxfrh+IGduyWB+dKTUT92BSyoMin9++Jcx/+alP1n68CboQZsneTjm7wptK4H44zD2wcd6PfwFeluXdDdB2IeBap1KKMc3VPAwcpBmcC48w0refQN4t/XUTtB0MUISaa3XZDN7xRTWJnMyGdC1fv/n96dMZuEM//2seLyfEk4bsjPfV+1SLyMejyEnIUcjL+zfk5bvXp8dXvx8vRx0NXPNm8oZHOMf7mr3Z1WrcCqITe/f+3fLDqzlv5mvk8xQJMTpbBMkDjAvDUKFKW0HKy/Ppvf0BmyMZDsNV6BeTctMRkgSQOUCTd2Q7riEX8uM+fsO21jqz2w3DEK6EbU4PqpacdXLVBGNCDmUgG7YDNaA5XcDfvf+k/1PDsNvtQlAo5nKuT6OHel7hmhwGxe1KKDa79vbhW6iZpxee4wbi1QfjR/hnfwU6D0HQioNTNFVPyXZpdrKtEXvRh4qWd0qFUDniqlbm63i5X3N2RCVcgCwMN/pRIZVCnK7Fr6fXP1a0mQZGhZGqD5ehX02oAPKBnV+WmOF5VX6t2MHDvhGj0Laqb0ujredSCNyPF6GdU/JcbETLj/MAT9tOzoPb8tS+Itvi1Ap4lmvZuyjs/UXoD/ODCTsfoXJupDT6bCrY1uXIIX7HZnJdbU+6klWaiDVeglZ7+7Dbp+QTJOBHfeaTVoozQcHyNSFidPI9Q02sRDtcTvMVaKR3PAwkURksZB6W7KBM8iV+l2vqp5b+EP3rSryYEfPt7Wz4dp9cdp5MViqDDPnyPbRLtZ0/gTIPSZJ5ugH6NJqFSKuaik+e4gge9rWe2zN0TuvbwhP0AXnWeAs0ce+ptczHhNyqOioSRrT2NWq0aNGXUdkhJTTK+SboHvpBp2h8oP1kJda58kZr2jqE6d2FhLRep+l2aEI3UrAOHXt1t3MSOAM+hj3nmkPoLeBwO/R4UKcScu2lD3YUJVXzxdozVXpetkJLw8Mwc6DelbYmosQomLisuWixU3BB+LLfAr3iE7XPK6lpsN209YbS4htjJh2kN5uhT090z+wmVb6dEiebRQzyff4oJIS/aiX90mb9GnoPw4lUTVu1QTJalBygO9GS/VWGkN/9VmjcjUxrXlMhCro8nSsxOyve2LY22qet0KIKLR9v4qU5OeVzTbbOk3LOi/1l2OaSuo17KhIJLHaiBeYiDtIbndL+Jp3RpXAHtIg4Y0ikufCE5BSZZFX78uZ/Gu726R5oeWDpLH2KnLiEusE4p6x8a+MufL4PWiwUDykcrFXrOmZt+k4i0LXHu6CpHupep5mwb6sgOB9ETUTUqSL/XhBugD59ptXqPJ2VW2tob0KNOsM9R2zh9vD5PmheR2k+3HBKSiylK1hXUuQO5sQcHu+ERoFUm4ix2Cjb4ibbRV4thqNIOdyT670xR0oz6DyxfzyANJDwHrueYNE8Y7ZCI/Vog4vIAwDZ4s1qKvpT7nLli+qGk94IPWusoXXjv/HFzCEQ3OPaSkupettti00R7L8OseZavezMNJFaC2KAfLyNOU8OthC7UQuXB0eC0s/D97VCH08m8KPG4EHKYGtT0Ufipa1m+CGL32JL0vbD1mN89R6Ekm2OKVnTGvLVcDpkgqLHBha9QSz8TzV5Hfoj3VluzRa8rHODtCHa2ns3GWqtVpm0TC+Yn7dBP3BwE3EZckA71cyns/O9P2nopDyVa+bO8LCxPRGXjc7CPsjgGtNI95O5S4OVRDhRKJmfCHgdepzQRqV3kLYovnUaaaV27EkzlMYV/Hl93FaNmL6EfLvBKMiyeFuNPHaMZ+5phFOVYhf326Bf7QKtW8OoaR5p1pNwtcAyaWaSo+9bg6qZ9nET9ANMgMVLH8tod/CleT0GE0sFTciw5qohyY4/bYJ+krnj4BgBTQ97qTgSD7Wjm7wmk57sYIZQ8rit88Vlyowv2joktTpLUU6aPaTy8NHV7j93BnO1Dfr0Stdc+zJVadF2hrQCb1yVzkzy3zoLVMdszPXphWTrx32KHmz51QwLGd5rpkV5uT/bl1b5ZaPKHDHpnNriS40cZZ+rK7WN7St9rKeN225QzPNG6LGsGck2kJSsQYZZns43IZfMrn1zJcvwY8u+SRtpnH7qs4xvaYh9ALEGf40DL1FSYdYdyXboF3UMJbtwaHVYoUtVNzUys9JhaO3vgN6TbGWkFvoGg/A6pueqoUm6U0VpbWLHq9Dj+KMW7cui5r+kWMyUczBy1m3h/AjcTj7sDM0q1Xo96vnHxnsKSfQQBfNkmqN9aqqhcpiMvUZWjlNaEG6QgtH8eRzHb19R4E5Ng4GmUt1VrQ95tL66vrSiGIncP9wiYEeO3/15PG9sdzsssJLt6UzG5uY93KPYrQ8eu622h3H7gdW/PsYHmX7OfX+c5/2wI2RN1d6mxgiGTehOjwe57jTp2IQfboMW4ZaEERu0fpMK0P2YMrBk2hEVrUtV3AgwvY+5IYSbFX3Eb5WqpaI2e4iX1bDk5G0ySokMEPjEdKYD0GgKAY838voPbeayikHwZd0oQOtpwYuof9C+K5yBIhCkacrJ5jZtVNhYc1MFPVQGZyUbv2BLKBgmZ71MYOYPP8nEE0Y93laNa9jGaSAwgS+c1hStlgXbirOOTS2kruTDfOtBN3Y+Gh7ZNlkjmAm0Ow3s1dKiyrCrMqnUukYEl2oIwzx/qObWHvLa+Yft0DLXa/xsC1KAfTLQps8d5Vwyvi+Fx/2t0H+ClgWNKIojyJTNeL8e9m43JJwCbkRm5zhuG5MeZOoGR5uAu+KIrDox0/cNXN8dDh+0IDD7cdw6kgpaNyuMXT7t6roYqrU1pFvQ4+nrtd9d0LryQE3y0DOi4QD76K3RwV29b7x4jLQO7ycxOOS+0o6O9sqkPlBH493QfXmgPSjKpXtIrZwK9p3CNrbfSz7eC93NuTORWaOoc04ypvCD0i6+QPchzP8k6sxspA2nNFBrcY1ejOrerVX48E9yzUg3qXtiCBrpntACTz8ystPhXujOEI2hzBuoix8q2oiR4kH4Vdl1OsDzXdC65QR6oF84N+UUhiiXpLDLtMja5EsZuehDlOzcfUe/zzC77JIrDC+WMX1RS8w1PN8F/Z9OPrUPysTS30yUW4pImKwrnZwm/XAX9B8ScZxYQcQzrcMMTtd7E5YSAlo6ibzkl3ugx0n+wITagNZUOhjdCPE0eklhPOCvnP9wD7SS7bvE6PTQwb4V8bVoWVS1w+43iV/ugX6QzjgT1gsbMjFAERiXU7IMHXGJXQae74AW/STcBnvAvDihCEiLIsWnFWG7mswvTvKKCSYjRJmH6LVWzrruxOr0DVRR3EVW2LzcA/1yFprKWOv6mEvYdBACz3LGcFCp/9tL72tbnG79yHbVujPr6s7onobu0Ve4Piv3Je8ft68QXa8aHwz6WnCr5D33aRrFlDaQJOaEVP6m4K9BP2jycp11xTHwtupD67d4tSbfZAPhY0UvXjbv+dwZmpHCaXejW/FVJYuRBDOMMkp7rOr8uHGtRdjyiWbn6Ky00u5p+hVY0VISI6m3/UI2fXjaBE3Y+q0R9MvidjnK2p2xtMxJeqJurZlmjGegxpMcNwx3x6az8zR+zLQGdLlL3esxHogyjgMW+no3GesfWxZE/BjG3xjtKbB9Nut3BHTRycxgotclcCF2rYoVxb83bXEaOlh3OkMtgeWNtUzAp/KPUt9/MUBLueh47Mv+8fk26GOcNAWRAuyjTCsxuqkvE5J+1QFIGuyiJasxTK2QJ5vjl5ugKW5dPlcRuq231RQjNl7X3TXthjCst4dawdOuHPY4hacboB8fZl39hLBnPMxiGtD7Q+mbG8T+gEcbPOdbQv/VGz6YBr7xxoX+2B3pOB/2+8PMa9QvAMXo9Iyx788PYTjwn/566t9+613BHa//ARzQ/01kj5NXAAAAAElFTkSuQmCC");
	--cy-atlas-armr: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAcCAMAAAAJOSJeAAAAeFBMVEVcb2Lh49wgOyt3hnq7wrkfOiotRjfAxr6UoJaSn5RidGckPi8zSzw7UkN9jIEtRjc7UkNbbmFYbF+eqJ/c39cuRzh0g3eeqJ7Axr08U0Q5UUJzg3f29vDEycH29vD19e+utq2LmI2ZpJnT1s/r7OWjrKPGy8MeOSlbSIiMAAAAKHRSTlPt/lz+/iue/xfxGZLS2P4amlSnrAxdIWklDHxnZZoA/v7+/v7+/v4Kkww04AAAAk1JREFUeNqllYdS40AMhrXFLRVCOLiGVba8/xsi2YmBm0vIcZpx4hl7v/1/lTW8/G/AJ89r433zsr/ff5XQbNhJgAOs61cI1beDjKMrKQkS3KmYfyHUpgXqUnKCaZxDCNZ+fyOhWQOhyLQwScb5bnQK8d8/J1QP7E77jqmQLVctM00yfHQDf1sfx/ENAHw2IZMdiRnWzRVCs8G39eZj1nAyMf2ViND6eoHwQcCcCMldWiSdhGEhaB/7jwTrHa+ApJ7n1zu0e3GRNZXiXEoGcCe4c3T3nqC1y8U5ZK19NwMKJtdlpkAazEyMxU1edLkJifBtIdR1sGdSMpY0J0wB4pAoQGDkHdNOKZTLbExtyBgnEROhbrvxzyhc9GKCDVAW0eWInPMuKHAubGQxEUaoG3m3NM25YtSfrA1Ua6syMmLmrJjMg/qy5CZCbCdC9ZTK0kGuM6dInW6CFPxpQAAg6LUFC7LkSFRVsFLCT7b+PwuQXEYXs1bBYSZql5GstWlqPd150Gc5qqZHJfxK9FZubTgtgM1SivrS9tJM1w1kNca47dVFdOOCkKi9UopoVZge7i8eCj80n0bIYaWEAZf51e1xUHv6Mzz1V46OA8VoEjKYhkNwZw+aaZpieDpePxw5otU3gNXiHq1fdW51b8oQQrgifyHgVNnd3dQP/e8iRQfOFGit2v0NB7S1KUeYqmnx/KDIIeMQfK03nPANBNoCFzgcl8la9X3/3B9Xt30jfFCxOnHtDd+LCyaUQKH1qy8TvPW2X930zbrUk3U55V4B6ubCln2wvpgAAAAASUVORK5CYII=");
	--cy-atlas-footf: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAICAMAAAA2o9QoAAAAeFBMVEVXal1KX1LU2NCgqqDAxr0gOyshPCwnQTEmQDE5UUL39vD19O6IlYqutq3V2NDs7OZPY1Z0hHijrKMjPS1md2vs7OYhOywpQjOZpJr19O4fOSogOysxSTrJzsYsRTY9VEaRnpOfqqCut628w7rd4Nji5N0fOiofOioedVI5AAAAKHRSTlPVoMrK5ANlLELKAP/+////yP7/pP7KNJD/ynSVx/+y/cr/yv///z5buNFKfAAAAJJJREFUeNp1jkcOwkAMADeFltjbawqpwP9/iKMEcYGx5JE8F7Pqw6X6BTvsGRT57PLkXMrLsZhdSm70e78GabHnPefiUQvapA3MqPsQlJ5AT1iu9YGgoR23ngFojD2C2NvKUSMi51zDnXoYwCqIloPWy4IRlGKWLuThTP30NF0nb5LdjWRSys60zatpDcl////HG/PFDk856YvOAAAAAElFTkSuQmCC");
}
:root {
	--cy-au: 0.4375px;
	--cy-atlas-lob: 101.71px;
	--cy-atlas-arc-top: 134.13px;
	--cy-atlas-arc-h: 105.49px;
	--cy-atlas-arc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath d='M0,929.1 Q500,-963.9 1000,1000' fill='none' stroke='%233a453e' stroke-width='1.5' stroke-dasharray='0 6.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
@media (min-width: 600px) {
:root {
	--cy-au: 0.54167px;
	--cy-atlas-lob: 142.29px;
	--cy-atlas-arc-top: 184.17px;
	--cy-atlas-arc-h: 148.71px;
	--cy-atlas-arc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath d='M0,914.6 Q500,-956.3 1000,1000' fill='none' stroke='%233a453e' stroke-width='1.5' stroke-dasharray='0 6.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
}
@media (min-width: 960px) {
:root {
	--cy-au: 0.66667px;
	--cy-atlas-lob: 155.53px;
	--cy-atlas-arc-top: 204.79px;
	--cy-atlas-arc-h: 161.15px;
	--cy-atlas-arc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath d='M0,930.8 Q500,-964.8 1000,1000' fill='none' stroke='%233a453e' stroke-width='1.5' stroke-dasharray='0 6.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
}
@media (min-width: 1200px) {
:root {
	--cy-au: 0.75px;
	--cy-atlas-lob: 148.95px;
	--cy-atlas-arc-top: 205.15px;
	--cy-atlas-arc-h: 156.05px;
	--cy-atlas-arc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cpath d='M0,910 Q500,-953.9 1000,1000' fill='none' stroke='%233a453e' stroke-width='1.5' stroke-dasharray='0 6.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}
}
#page { position: relative; }
#masthead .site-description::after {
content: "";
display: block;
position: absolute;
z-index: 5;
right: calc(var(--cy-edge) + var(--cy-au) * 0.3);
bottom: calc(5px + var(--cy-au) * -0.26);
width: calc(var(--cy-au) * 10.49);
height: calc(var(--cy-au) * 13.11);
background: var(--cy-atlas-shinb) 0 0 / 100% 100% no-repeat;
transform-origin: 24.38% 93%;
pointer-events: none;
}
#masthead .search-navigation::before {
content: "";
display: block;
position: absolute;
z-index: 5;
right: calc(var(--cy-edge) + var(--cy-au) * 8.63);
bottom: calc(100% + 5px + var(--cy-au) * 6.3);
width: calc(var(--cy-au) * 20.52);
height: calc(var(--cy-au) * 10.49);
background: var(--cy-atlas-thighb) 0 0 / 100% 100% no-repeat;
transform-origin: 15.02% -37.5%;
pointer-events: none;
}
#masthead .search-navigation-inner::before {
content: "";
display: block;
position: absolute;
z-index: 6;
right: calc(var(--cy-edge) + var(--cy-au) * 44.89);
bottom: calc(100% + 5px + var(--cy-au) * 33.44);
width: calc(var(--cy-au) * 11.8);
height: calc(var(--cy-au) * 21.38);
background: var(--cy-atlas-arml) 0 0 / 100% 100% no-repeat;
transform-origin: 102.78% 90.49%;
pointer-events: none;
}
#masthead .search-navigation-inner::after {
content: "";
display: block;
position: absolute;
z-index: 7;
right: calc(var(--cy-edge) + var(--cy-au) * 37.02);
bottom: calc(100% + 5px + var(--cy-au) * 0.2);
width: calc(var(--cy-au) * 14.43);
height: calc(var(--cy-au) * 20.13);
background: var(--cy-atlas-shinf) 0 0 / 100% 100% no-repeat;
transform-origin: 70.45% 83.39%;
pointer-events: none;
}
#masthead .main-navigation::before {
content: "";
display: block;
position: absolute;
z-index: 20;
right: calc(var(--cy-edge) + var(--cy-au) * 33.55);
bottom: calc(100% + 5px + var(--cy-au) * 16.39);
width: calc(var(--cy-au) * 17.9);
height: calc(var(--cy-au) * 11.8);
background: var(--cy-atlas-thighf) 0 0 / 100% 100% no-repeat;
transform-origin: 79.49% 43.89%;
pointer-events: none;
}
#page::before {
content: "";
display: block;
position: absolute;
z-index: 61;
right: calc(max(var(--cy-gutter), (100% - var(--cy-max)) / 2) + var(--cy-au) * 12.96);
top: calc(var(--cy-brand-h) - 5px - var(--cy-au) * 47.87);
width: calc(var(--cy-au) * 39.34);
height: calc(var(--cy-au) * 48.52);
background: var(--cy-atlas-torso) 0 0 / 100% 100% no-repeat;
transform-origin: 50.83% 48.51%;
pointer-events: none;
}
#page::after {
content: "";
display: block;
position: absolute;
z-index: 62;
right: calc(max(var(--cy-gutter), (100% - var(--cy-max)) / 2) + var(--cy-au) * 9.48);
top: calc(var(--cy-brand-h) - 5px - var(--cy-au) * 51.8);
width: calc(var(--cy-au) * 28.39);
height: calc(var(--cy-au) * 12.26);
background: var(--cy-atlas-armr) 0 0 / 100% 100% no-repeat;
transform-origin: 14.32% 60.96%;
pointer-events: none;
}
#masthead .main-navigation::after {
content: "";
display: block;
position: absolute;
z-index: 21;
right: calc(var(--cy-edge) + var(--cy-au) * 36.56);
bottom: calc(100% + 5px + var(--cy-au) * -0.66);
width: calc(var(--cy-au) * 13.57);
height: calc(var(--cy-au) * 3.48);
background: var(--cy-atlas-footf) 0 0 / 100% 100% no-repeat;
pointer-events: none;
}
/* The globe rests on his shoulders */
#masthead::after {
right: calc(var(--cy-edge) + var(--cy-au) * 7.78);
top: calc(var(--cy-brand-h) - 5px - var(--cy-au) * 84.66);
}
/* The dotted arc ends where he catches the globe */
#masthead::before {
right: calc(var(--cy-edge) + var(--cy-au) * 14.97);
top: calc(var(--cy-brand-h) - 5px - var(--cy-atlas-arc-top));
height: var(--cy-atlas-arc-h);
background-image: var(--cy-atlas-arc);
}
@media print {
#masthead .site-description::after, #masthead .search-navigation::before, #masthead .search-navigation-inner::before, #masthead .search-navigation-inner::after, #masthead .main-navigation::before, #page::before, #page::after, #masthead .main-navigation::after { display: none; }
}
/* Atlas leaves with the rule as the masthead scrolls into the bar */
@media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: scroll()) {
#masthead .search-navigation::before,
#masthead .search-navigation-inner::before,
#masthead .search-navigation-inner::after,
#masthead .main-navigation::before,
#page::before,
#page::after,
#masthead .main-navigation::after {
animation: cy-fade-away linear both;
animation-timeline: scroll(root block);
animation-range: 0 calc(var(--cy-brand-h) * .45);
}
}
}
/* The catch. Same start and skip as the shot. */
@media screen and (prefers-reduced-motion: no-preference) {
html:has(> body.home) #masthead .site-description::after { animation: cy-atlas-shinb calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both; }
html:has(> body.home) #masthead .search-navigation::before { animation: cy-atlas-thighb calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both; }
html:has(> body.home) #masthead .search-navigation-inner::before { animation: cy-atlas-arml calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both; }
html:has(> body.home) #masthead .search-navigation-inner::after { animation: cy-atlas-shinf calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both; }
html:has(> body.home) #masthead .main-navigation::before { animation: cy-atlas-thighf calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both; }
html:has(> body.home) #page::before { animation: cy-atlas-torso calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both; }
html:has(> body.home) #page::after { animation: cy-atlas-armr calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both; }
html:has(> body.home) #masthead::after { animation: cy-atlas-globe calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-atlas-lob calc(2.6s * (1 - var(--cy-intro-skip))) calc(3.3s * (1 - var(--cy-intro-skip))) both; }
@supports (animation-timeline: scroll()) {
html:has(> body.home) #masthead .search-navigation::before {
animation: cy-atlas-thighb calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-fade-away linear both;
animation-timeline: auto, scroll(root block);
animation-range: normal, 0 calc(var(--cy-brand-h) * .45);
}
html:has(> body.home) #masthead .search-navigation-inner::before {
animation: cy-atlas-arml calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-fade-away linear both;
animation-timeline: auto, scroll(root block);
animation-range: normal, 0 calc(var(--cy-brand-h) * .45);
}
html:has(> body.home) #masthead .search-navigation-inner::after {
animation: cy-atlas-shinf calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-fade-away linear both;
animation-timeline: auto, scroll(root block);
animation-range: normal, 0 calc(var(--cy-brand-h) * .45);
}
html:has(> body.home) #masthead .main-navigation::before {
animation: cy-atlas-thighf calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-fade-away linear both;
animation-timeline: auto, scroll(root block);
animation-range: normal, 0 calc(var(--cy-brand-h) * .45);
}
html:has(> body.home) #page::before {
animation: cy-atlas-torso calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-fade-away linear both;
animation-timeline: auto, scroll(root block);
animation-range: normal, 0 calc(var(--cy-brand-h) * .45);
}
html:has(> body.home) #page::after {
animation: cy-atlas-armr calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-fade-away linear both;
animation-timeline: auto, scroll(root block);
animation-range: normal, 0 calc(var(--cy-brand-h) * .45);
}
html:has(> body.home) #masthead::after {
animation: cy-atlas-globe calc(2.6s * (1 - var(--cy-intro-skip))) linear calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-atlas-lob calc(2.6s * (1 - var(--cy-intro-skip))) calc(3.3s * (1 - var(--cy-intro-skip))) both, cy-fade-away linear both;
animation-timeline: auto, auto, scroll(root block);
animation-range: normal, normal, 0 calc(var(--cy-brand-h) * .45);
}
}
}
@keyframes cy-atlas-shinb {
0% { translate: 0% 0%; rotate: 25.04deg; }
16.154% { translate: 0% 0%; rotate: 25.24deg; }
36.538% { translate: 0% 0%; rotate: 30.93deg; }
37.500% { translate: 0% 0%; rotate: 35.43deg; }
38.654% { translate: 0% 0%; rotate: 38.67deg; }
40.962% { translate: 0% 0%; rotate: 39.82deg; }
44.423% { translate: 0% 0%; rotate: 36.91deg; }
47.500% { translate: 0% 0%; rotate: 29.58deg; }
48.846% { translate: 0% 0%; rotate: 24.19deg; }
50.192% { translate: 0% 0%; rotate: 16.87deg; }
51.346% { translate: 0% 0%; rotate: 8.49deg; }
52.308% { translate: 0% 0%; rotate: -0.72deg; }
53.269% { translate: 0% 0%; rotate: -4.32deg; }
54.038% { translate: 0% 0%; rotate: -5.72deg; }
55.192% { translate: 0% 0%; rotate: -5.17deg; }
58.269% { translate: 0% 0%; rotate: 0.35deg; }
60% { translate: 0% 0%; rotate: 1.45deg; }
65.769% { translate: 0% 0%; rotate: -0.49deg; }
100% { translate: 0 0; rotate: 0deg; }
}
@keyframes cy-atlas-thighb {
0% { translate: 40.53% -42.65%; rotate: 18.46deg; }
15.385% { translate: 40.74% -42.82%; rotate: 18.57deg; }
36.538% { translate: 46.27% -42.26%; rotate: 19.42deg; }
37.885% { translate: 48% -35.63%; rotate: 17.49deg; }
39.231% { translate: 48.87% -32.23%; rotate: 16.64deg; }
42.308% { translate: 47.98% -31.44%; rotate: 16.13deg; }
43.654% { translate: 46% -30.52%; rotate: 15.27deg; }
45% { translate: 42.83% -28.86%; rotate: 13.88deg; }
47.115% { translate: 35.18% -24.57%; rotate: 10.67deg; }
49.423% { translate: 22.85% -17.33%; rotate: 6.19deg; }
50.962% { translate: 12.17% -10.92%; rotate: 3.3deg; }
52.308% { translate: 1.15% -4.23%; rotate: 1.75deg; }
53.462% { translate: 0.78% -9.01%; rotate: 4.4deg; }
54.423% { translate: 0.4% -9.37%; rotate: 4.76deg; }
55.385% { translate: 0.06% -7.37%; rotate: 3.74deg; }
57.885% { translate: -0.33% 0.65%; rotate: -0.23deg; }
59.808% { translate: -0.22% 3.14%; rotate: -1.39deg; }
65.577% { translate: 0.07% -0.99%; rotate: 0.45deg; }
71.538% { translate: -0.02% 0.31%; rotate: -0.14deg; }
100% { translate: 0 0; rotate: 0deg; }
}
@keyframes cy-atlas-arml {
0% { translate: 109.32% -41.44%; rotate: 9.41deg; }
12.308% { translate: 109.29% -41.43%; rotate: 9.4deg; }
17.308% { translate: 108.4% -40.77%; rotate: 8.74deg; }
27.500% { translate: 106.39% -37.23%; rotate: 5.84deg; }
32.500% { translate: 105.78% -35.71%; rotate: 1.5deg; }
34.615% { translate: 105.66% -35.35%; rotate: 0.5deg; }
36.538% { translate: 105.62% -35.24%; rotate: 5.43deg; }
37.692% { translate: 102.53% -29.47%; rotate: 5.39deg; }
38.654% { translate: 100.95% -26.39%; rotate: 5.55deg; }
40% { translate: 100.15% -24.79%; rotate: 6.1deg; }
41.538% { translate: 98.55% -24.26%; rotate: 6.04deg; }
42.885% { translate: 94.63% -23.1%; rotate: 5.39deg; }
44.231% { translate: 88.24% -21.29%; rotate: 4.53deg; }
45.577% { translate: 79.29% -18.82%; rotate: 3.48deg; }
46.923% { translate: 67.68% -15.66%; rotate: 2.26deg; }
48.269% { translate: 53.37% -11.81%; rotate: 0.9deg; }
49.615% { translate: 36.29% -7.23%; rotate: -0.6deg; }
50.962% { translate: 16.4% -1.93%; rotate: -2.24deg; }
52.308% { translate: -6.34% 4.13%; rotate: -4deg; }
53.462% { translate: -4.25% -0.35%; rotate: -2.65deg; }
54.615% { translate: -1.76% -2.83%; rotate: -1.08deg; }
55.577% { translate: 0% -3.33%; rotate: 0deg; }
56.731% { translate: 1.34% -2.61%; rotate: 0.81deg; }
59.231% { translate: 1.46% 0.09%; rotate: 0.88deg; }
62.692% { translate: -0.19% 0.6%; rotate: -0.12deg; }
100% { translate: 0 0; rotate: 0deg; }
}
@keyframes cy-atlas-shinf {
0% { translate: 0% 0%; rotate: 35.74deg; }
36.538% { translate: 0% 0%; rotate: 36.2deg; }
38.269% { translate: 0% 0%; rotate: 34.53deg; }
41.731% { translate: 0% 0%; rotate: 33.62deg; }
44.423% { translate: 0% 0%; rotate: 30.16deg; }
47.115% { translate: 0% 0%; rotate: 23.38deg; }
49.808% { translate: 0% 0%; rotate: 13.21deg; }
52.308% { translate: 0% 0%; rotate: 0.14deg; }
100% { translate: 0 0; rotate: 0deg; }
}
@keyframes cy-atlas-thighf {
0% { translate: 52.11% -62.31%; rotate: -25.51deg; }
15.769% { translate: 52.23% -61.9%; rotate: -25.25deg; }
30.769% { translate: 55.71% -55.48%; rotate: -21.38deg; }
36.538% { translate: 56.39% -54.31%; rotate: -20.71deg; }
37.885% { translate: 57.39% -44.47%; rotate: -14.66deg; }
39.231% { translate: 57.92% -39.39%; rotate: -11.71deg; }
42.500% { translate: 56.31% -36.99%; rotate: -10.19deg; }
44.038% { translate: 53.1% -34.39%; rotate: -8.53deg; }
45.577% { translate: 47.98% -30.5%; rotate: -6.29deg; }
47.500% { translate: 38.72% -23.73%; rotate: -3.09deg; }
49.231% { translate: 27.53% -15.78%; rotate: -0.38deg; }
50.769% { translate: 15.2% -7.18%; rotate: 1.32deg; }
52.308% { translate: 0.58% 2.88%; rotate: 1.59deg; }
53.654% { translate: 0.33% -4.34%; rotate: -1.93deg; }
55% { translate: 0.08% -6.44%; rotate: -3.01deg; }
56.154% { translate: -0.06% -5.11%; rotate: -2.43deg; }
58.846% { translate: -0.12% 0.6%; rotate: 0.24deg; }
60.385% { translate: -0.06% 1.87%; rotate: 0.86deg; }
66.154% { translate: 0.02% -0.57%; rotate: -0.26deg; }
100% { translate: 0 0; rotate: 0deg; }
}
@keyframes cy-atlas-torso {
0% { translate: 24.15% -12.36%; rotate: 15.41deg; }
15.192% { translate: 24.18% -12.35%; rotate: 15.12deg; }
30.577% { translate: 25.74% -11.51%; rotate: 11.13deg; }
36.538% { translate: 26.05% -11.33%; rotate: 10.41deg; }
37.885% { translate: 26.45% -9.4%; rotate: 7.9deg; }
39.231% { translate: 26.66% -8.4%; rotate: 6.61deg; }
40.962% { translate: 26.59% -8.21%; rotate: 6.23deg; }
42.500% { translate: 25.89% -8%; rotate: 5.6deg; }
44.038% { translate: 24.39% -7.53%; rotate: 4.66deg; }
45.577% { translate: 22.01% -6.8%; rotate: 3.48deg; }
47.308% { translate: 18.21% -5.62%; rotate: 1.89deg; }
49.038% { translate: 13.16% -4.06%; rotate: 0.06deg; }
50.769% { translate: 6.79% -2.1%; rotate: -2deg; }
52.308% { translate: 0% 0%; rotate: -4deg; }
53.269% { translate: 0% -1.19%; rotate: -2.91deg; }
54.423% { translate: 0% -1.73%; rotate: -1.33deg; }
56.346% { translate: 0% -1.04%; rotate: 0.6deg; }
58.846% { translate: 0% 0.32%; rotate: 0.97deg; }
62.308% { translate: 0% 0.29%; rotate: -0.04deg; }
65.192% { translate: 0% -0.15%; rotate: -0.24deg; }
71.154% { translate: 0% 0.05%; rotate: 0.06deg; }
100% { translate: 0 0; rotate: 0deg; }
}
@keyframes cy-atlas-armr {
0% { translate: 52.37% -46.33%; rotate: -26.59deg; }
14.231% { translate: 52.18% -46.41%; rotate: -26.75deg; }
27.500% { translate: 49.84% -45.27%; rotate: -30.01deg; }
29.423% { translate: 49.52% -44.99%; rotate: -29.24deg; }
33.269% { translate: 49.06% -44.54%; rotate: -26.06deg; }
35% { translate: 48.95% -44.43%; rotate: -25.53deg; }
36.538% { translate: 48.92% -44.39%; rotate: -11.37deg; }
37.885% { translate: 46.39% -37.33%; rotate: -4.35deg; }
39.038% { translate: 45.19% -33.88%; rotate: 0.47deg; }
40.192% { translate: 44.86% -32.97%; rotate: 4.15deg; }
41.346% { translate: 44.22% -32.75%; rotate: 5.86deg; }
42.500% { translate: 42.77% -32.06%; rotate: 5.6deg; }
44.038% { translate: 39.54% -30.27%; rotate: 4.66deg; }
45.385% { translate: 35.46% -27.78%; rotate: 3.64deg; }
46.731% { translate: 30.19% -24.35%; rotate: 2.45deg; }
48.269% { translate: 22.67% -19.19%; rotate: 0.9deg; }
49.615% { translate: 14.76% -13.53%; rotate: -0.6deg; }
50.962% { translate: 5.57% -6.73%; rotate: -2.24deg; }
52.308% { translate: -4.9% 1.26%; rotate: -4deg; }
53.462% { translate: -3.25% -4.59%; rotate: -2.65deg; }
55% { translate: -0.75% -6.49%; rotate: -0.61deg; }
56.154% { translate: 0.59% -4.68%; rotate: 0.48deg; }
57.500% { translate: 1.27% -1.44%; rotate: 1.04deg; }
59.615% { translate: 0.94% 1.82%; rotate: 0.77deg; }
63.654% { translate: -0.28% 0.17%; rotate: -0.23deg; }
100% { translate: 0 0; rotate: 0deg; }
}
/* The globe's flight into his hands (cy-atlas-globe sideways at an even pace, cy-atlas-lob the parabola on top,
   as before), then it rides his shoulders down. */
@keyframes cy-atlas-globe {
0% { opacity: 0; translate: calc(var(--cy-edge) * 2 + var(--cy-gun-w) * var(--cy-gun-fx) + var(--cy-au) * 31.78 - 100cqw) calc(var(--cy-au) * 60.66 - var(--cy-gun-h) * (var(--cy-gun-fy) - var(--cy-gun-below))); scale: .55; rotate: -70deg; }
1.154% { opacity: 1; }
6.154% { scale: 1; }
36.538% { opacity: 1; scale: 1; translate: 35.01% -10.01%; rotate: 10.41deg; }
37.692% { translate: 32.41% -8.79%; rotate: 8.19deg; }
38.654% { translate: 31.03% -8.11%; rotate: 7.02deg; }
39.423% { translate: 30.45% -7.81%; rotate: 6.52deg; }
41.154% { translate: 29.89% -7.73%; rotate: 6.18deg; }
42.500% { translate: 28.6% -7.62%; rotate: 5.6deg; }
44.038% { translate: 26.14% -7.28%; rotate: 4.66deg; }
45.577% { translate: 22.63% -6.67%; rotate: 3.48deg; }
47.308% { translate: 17.42% -5.61%; rotate: 1.89deg; }
49.038% { translate: 10.86% -4.11%; rotate: 0.06deg; }
50.769% { translate: 2.93% -2.11%; rotate: -2deg; }
52.308% { translate: -5.28% 0.11%; rotate: -4deg; }
53.462% { translate: -3.5% -1.33%; rotate: -2.65deg; }
55.192% { translate: -0.52% -1.64%; rotate: -0.39deg; }
56.346% { translate: 0.8% -1.04%; rotate: 0.6deg; }
57.692% { translate: 1.4% -0.17%; rotate: 1.06deg; }
59.615% { translate: 1.01% 0.52%; rotate: 0.77deg; }
61.923% { translate: 0.06% 0.37%; rotate: 0.05deg; }
64.038% { translate: -0.33% -0.03%; rotate: -0.25deg; }
70.769% { translate: 0.08% 0.04%; rotate: 0.06deg; }
100% { translate: 0 0; rotate: 0deg; }
}
@keyframes cy-atlas-lob {
0% { margin-top: 0; animation-timing-function: cubic-bezier(.3333, .6667, .6667, 1); }
18.269% { margin-top: calc(var(--cy-atlas-lob) * -1); animation-timing-function: cubic-bezier(.3333, 0, .6667, .3333); }
36.538%, 100% { margin-top: 0; }
}

/* ---------- The globe passes behind the heading (round 7b) ---------- */
/* The shot's globe (z-index 4) now flies behind the green logo's letters wherever its path crosses them. The logo is
   drawn with a multiply blend, so the globe stays visible behind it: through the paper round the letters and, darkened,
   through the letters themselves. Nothing moves: only the logo's place in the stack changes, from 3 to 5. */
#masthead .site-logo-link,
#masthead .custom-logo-link { z-index: 5; }

/* ---------- The opening types the logo itself (round 8) ---------- */
/* The name in the masthead is the logo picture, not a font, so the opening now uncovers that same picture letter by
   letter, with the caret stepping along behind each one: the typed name is the header, stroke for stroke, in the
   logo's own green and with the same multiply blend. Same keystroke times, caret blink, hand-off and pull-back as
   before; only what is typed changes. The letter edges were measured from the logo file. Grenze Gotisch, above,
   is no longer drawn. Restore: remove this block. */
@media screen and (prefers-reduced-motion: no-preference) {
html:has(> body.home)::after {
--cy-iw: calc(var(--cy-logo-w) * var(--cy-intro-zoom));
content: "";
left: calc(50% - var(--cy-iw) / 2);
top: calc(50% - var(--cy-iw) / 12.4);
box-sizing: border-box;
width: var(--cy-iw);
height: calc(var(--cy-iw) / 6.2);
padding: 0;
overflow: visible;
background:
linear-gradient(var(--cy-mint-2), var(--cy-mint-2)) 0 0 / 0 0 no-repeat,
url(https://cannonyarder.org/wp-content/uploads/2024/04/cropped-image-1.png) 50% 50% / cover no-repeat;
mix-blend-mode: multiply;
transform-origin: 50% 50%;
animation:
cy-intro-type-logo calc(4.075s * (1 - var(--cy-intro-skip))) step-end both,
cy-intro-caret-logo calc(4.075s * (1 - var(--cy-intro-skip))) step-end both,
cy-intro-name calc(4.075s * (1 - var(--cy-intro-skip))) both,
cy-intro-handoff calc(4.075s * (1 - var(--cy-intro-skip))) both;
}
}
@keyframes cy-intro-type-logo {
0% { clip-path: inset(-20% 95.750% -20% -2%); background-position: calc(var(--cy-iw) * 0.03850) calc(var(--cy-iw) * 0.01465), 50% 50%; }
15.215% { clip-path: inset(-20% 86.700% -20% -2%); background-position: calc(var(--cy-iw) * 0.12900) calc(var(--cy-iw) * 0.01465), 50% 50%; }
17.301% { clip-path: inset(-20% 82.050% -20% -2%); background-position: calc(var(--cy-iw) * 0.17550) calc(var(--cy-iw) * 0.01465), 50% 50%; }
19.018% { clip-path: inset(-20% 77.350% -20% -2%); background-position: calc(var(--cy-iw) * 0.22250) calc(var(--cy-iw) * 0.01465), 50% 50%; }
20.859% { clip-path: inset(-20% 73.850% -20% -2%); background-position: calc(var(--cy-iw) * 0.25750) calc(var(--cy-iw) * 0.01465), 50% 50%; }
24.540% { clip-path: inset(-20% 65.450% -20% -2%); background-position: calc(var(--cy-iw) * 0.34150) calc(var(--cy-iw) * 0.01465), 50% 50%; }
26.503% { clip-path: inset(-20% 60.500% -20% -2%); background-position: calc(var(--cy-iw) * 0.39100) calc(var(--cy-iw) * 0.01465), 50% 50%; }
28.221% { clip-path: inset(-20% 55.100% -20% -2%); background-position: calc(var(--cy-iw) * 0.44500) calc(var(--cy-iw) * 0.01465), 50% 50%; }
29.816% { clip-path: inset(-20% 49.700% -20% -2%); background-position: calc(var(--cy-iw) * 0.49900) calc(var(--cy-iw) * 0.01465), 50% 50%; }
31.779% { clip-path: inset(-20% 45.400% -20% -2%); background-position: calc(var(--cy-iw) * 0.54200) calc(var(--cy-iw) * 0.01465), 50% 50%; }
33.497% { clip-path: inset(-20% 39.550% -20% -2%); background-position: calc(var(--cy-iw) * 0.60050) calc(var(--cy-iw) * 0.01465), 50% 50%; }
35.337% { clip-path: inset(-20% 36.400% -20% -2%); background-position: calc(var(--cy-iw) * 0.63200) calc(var(--cy-iw) * 0.01465), 50% 50%; }
38.773% { clip-path: inset(-20% 27.350% -20% -2%); background-position: calc(var(--cy-iw) * 0.72250) calc(var(--cy-iw) * 0.01465), 50% 50%; }
40.736% { clip-path: inset(-20% 22.100% -20% -2%); background-position: calc(var(--cy-iw) * 0.77500) calc(var(--cy-iw) * 0.01465), 50% 50%; }
42.454% { clip-path: inset(-20% 17.950% -20% -2%); background-position: calc(var(--cy-iw) * 0.81650) calc(var(--cy-iw) * 0.01465), 50% 50%; }
44.540% { clip-path: inset(-20% 13.300% -20% -2%); background-position: calc(var(--cy-iw) * 0.86300) calc(var(--cy-iw) * 0.01465), 50% 50%; }
46.258% { clip-path: inset(-20% 8.700% -20% -2%); background-position: calc(var(--cy-iw) * 0.90900) calc(var(--cy-iw) * 0.01465), 50% 50%; }
47.975% { clip-path: inset(-20% -2% -20% -2%); background-position: calc(var(--cy-iw) * 0.95050) calc(var(--cy-iw) * 0.01465), 50% 50%; }
}
@keyframes cy-intro-caret-logo {
0.000% { background-size: calc(var(--cy-iw) * 0.0040) calc(var(--cy-iw) * 0.08350), cover; }
6.626% { background-size: 0 0, cover; }
13.252% { background-size: calc(var(--cy-iw) * 0.0040) calc(var(--cy-iw) * 0.08350), cover; }
47.975% { background-size: calc(var(--cy-iw) * 0.0040) calc(var(--cy-iw) * 0.08350), cover; }
52.883% { background-size: 0 0, cover; }
57.791% { background-size: calc(var(--cy-iw) * 0.0040) calc(var(--cy-iw) * 0.08350), cover; }
60.245%, 100% { background-size: 0 0, cover; }
}


/* ---------- Prizes (round 8) ---------- */
/* Prize essays (category "Prizes") carry a small engraved laurel: drawn in above the category line on the essay
   itself, beside the category line on cards, and above the title of the Prizes topic page. Reduced motion and
   print show it at rest. The essays keep their topic categories, so they still appear under Physical, Human
   and Geopolitics. */
:root { --cy-laurel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 74 46'%3E%3Cg fill='none' stroke='%232b5b3c' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M37,41 L36.4,34.3 L34.6,28 L31.7,22 L27.7,16.4 L23,12 L17,8 L11,5.6 L4.5,4M37,41 L37.6,34.3 L39.4,28 L42.3,22 L46.3,16.4 L51,12 L57,8 L63,5.6 L70,4M32,39Q37,43 42,39M37,41l-4,4.5M37,41l4,4.5M36.4,34.3Q41.3,32 42.3,27Q37.4,29 36.4,34.3ZM36.4,34.3Q33.7,29.7 28.4,29Q31,34 36.4,34.3ZM34.6,28Q39,25 39,20Q34.7,23 34.6,28ZM34.6,28Q31.3,24 26.3,24.5Q29.6,28.3 34.6,28ZM31.7,22Q35,18.5 34,14Q31,17 31.7,22ZM31.7,22Q28,19 23.4,20Q27,23 31.7,22ZM27.7,16.4Q30,13 28.7,8.6Q26,12.3 27.7,16.4ZM27.7,16.4Q24,14.3 20,16Q23.7,18.4 27.7,16.4ZM23,12Q24.5,8 22.5,4.5Q20.7,8.3 23,12ZM23,12Q19,10.5 15.6,13Q19.5,14.3 23,12ZM17,8Q18,4.5 15.6,1.6Q14.7,5.3 17,8ZM17,8Q13.4,7.6 11,10.4Q14.6,11 17,8ZM11,5.6Q11,2 8.5,0Q8.3,3.4 11,5.6ZM11,5.6Q7.5,5.7 5.6,8.7Q9,8.5 11,5.6ZM4.5,4Q4,1 1.3,-0.5Q1.7,2.7 4.5,4ZM4.5,4Q1.4,5 0,8Q3,7 4.5,4ZM4.5,4q-1.5,-6 1,-10q3,4 -1,10ZM37.6,34.3Q36.6,29 31.7,27Q32.7,32 37.6,34.3ZM37.6,34.3Q43,34 45.6,29Q40.3,29.7 37.6,34.3ZM39.4,28Q39.3,23 35,20Q35,25 39.4,28ZM39.4,28Q44.4,28.3 47.7,24.5Q42.7,24 39.4,28ZM42.3,22Q43,17 40,14Q39,18.5 42.3,22ZM42.3,22Q47,23 50.6,20Q46,19 42.3,22ZM46.3,16.4Q48,12.3 45.3,8.6Q44,13 46.3,16.4ZM46.3,16.4Q50.3,18.4 54,16Q50,14.3 46.3,16.4ZM51,12Q53.3,8.3 51.5,4.5Q49.5,8 51,12ZM51,12Q54.5,14.3 58.4,13Q55,10.5 51,12ZM57,8Q59.3,5.3 58.4,1.6Q56,4.5 57,8ZM57,8Q59.4,11 63,10.4Q61,7.6 57,8ZM63,5.6Q66,3.4 65,0Q63,2 63,5.6ZM63,5.6Q65,8.5 68,8.7Q66,5.7 63,5.6ZM70,4Q72,2.7 73,-0.5Q70,1 70,4ZM70,4Q71,7 74,8Q73,5 70,4ZM70,4q1.5,-6 -1,-10q-3,4 1,10Z'/%3E%3Cpath stroke-width='0.6' d='M36.4,34.3L41,28.4M36.4,34.3L30,30M34.6,28L38,21.6M34.6,28L28,25M31.7,22L33.7,15.4M31.7,22L25,20.4M27.7,16.4L28.5,10M27.7,16.4L21.4,16M23,12L22.5,6M23,12L17,12.7M17,8L16,3M17,8L12,10M11,5.6L9,1M11,5.6L6.7,8M4.5,4L2,0.5M4.5,4L1,7M37.6,34.3L33,28.4M37.6,34.3L44,30M39.4,28L36,21.6M39.4,28L46,25M42.3,22L40.3,15.4M42.3,22L49,20.4M46.3,16.4L45.5,10M46.3,16.4L52.6,16M51,12L51.5,6M51,12L57,12.7M57,8L58,3M57,8L62,10M63,5.6L65,1M63,5.6L67,8M70,4L72,0.5M70,4L73,7'/%3E%3C/g%3E%3C/svg%3E"); }
body.single:has(.hentry.category-prizes, .hentry.category-prize-essays) #content .entry-header .entry-meta::before,
body.category-prizes .page-header::before,
body.category-prize-essays .page-header::before {
content: "";
display: block;
width: 74px;
height: 46px;
margin: 0 auto 14px;
background: var(--cy-laurel) center / contain no-repeat;
}
body.category-prizes .page-header,
body.category-prize-essays .page-header { text-align: center; }
#content .hentry.category-prizes .entry-meta .cat-links::before,
#content .hentry.category-prize-essays .entry-meta .cat-links::before {
content: "";
display: inline-block;
width: 19px;
height: 12px;
margin: 0 7px 0 0;
vertical-align: -1px;
background: var(--cy-laurel) center / contain no-repeat;
}
body.single #content .entry-header .entry-meta .cat-links::before { display: none; }
@media screen and (prefers-reduced-motion: no-preference) {
body.single:has(.hentry.category-prizes, .hentry.category-prize-essays) #content .entry-header .entry-meta::before,
body.category-prizes .page-header::before,
body.category-prize-essays .page-header::before { animation: cy-laurel 1.3s var(--cy-ease) .25s both; }
}
@keyframes cy-laurel {
from { clip-path: inset(100% 0 0 0); opacity: .2; transform: translateY(6px); }
to { clip-path: inset(0 0 0 0); opacity: 1; transform: none; }
}
/* ---------- Articles without a featured image ---------- */
/* The card rule "#main .hentry:not(.has-post-thumbnail) > * { grid-column: 1 }" was also catching single posts and
   pages, squeezing an article with no featured image into the narrow left track. Articles span the full grid again. */
body.single #main .hentry:not(.has-post-thumbnail) > *,
body.page #main .hentry:not(.has-post-thumbnail) > * { grid-column: 1 / -1 !important; }
/* ---------- Articles: wide figures can no longer push the page sideways in Safari (round 9) ---------- */
/* The article is a grid whose two middle columns are sized to the byline and date. Safari also lets the
   widest thing inside the article (a figure set wider than a phone so it can scroll sideways) stretch those
   columns, so the whole text column ran off the screen. Containing the content's width, at the full width it
   already took, stops that. Nothing else changes; Chrome and Firefox already behaved this way.
   Restore: remove this block. */
body.single #main .hentry > .entry-content,
body.page #main .hentry > .entry-content { width: 100%; contain: inline-size; }

/* ---------- Max Garner's essay: figures fit the phone screen (round 10) ---------- */
/* On phones the map and charts used to be set wider than the screen and scroll sideways. They now shrink to the
   width of the text, with their labels drawn larger so they stay readable at the smaller size, and the summary
   of contents stays in one column. Only this essay's figures are affected (the .cyw- classes).
   Restore: remove this block. */
@media (max-width: 640px) {
#main .entry-content .cyw-brief ol { columns: auto; }
#main .entry-content .cyw-scroll { overflow: visible; }
#main .entry-content .cyw-scroll > svg { width: 100%; max-width: 100%; }
#main .entry-content .cyw-scroll::after { content: none; display: none; }
#main .entry-content .cyw-map .cyw-desert { font-size: 21.0px; }
#main .entry-content .cyw-map .cyw-sean { font-size: 24.6px; }
#main .entry-content .cyw-map .cyw-cty { font-size: 18.8px; letter-spacing: .12em; }
#main .entry-content .cyw-map .cyw-cty.cyw-faint { font-size: 16.5px; letter-spacing: .1em; }
#main .entry-content .cyw-map .cyw-sub { font-size: 13.8px; }
#main .entry-content .cyw-map .cyw-rl { font-size: 20.2px; }
#main .entry-content .cyw-map .cyw-rl-s { font-size: 17.1px; }
#main .entry-content .cyw-map .cyw-ctn { font-size: 17.6px; }
#main .entry-content .cyw-map .cyw-dn { font-size: 18.4px; }
#main .entry-content .cyw-map .cyw-cn { font-size: 16.9px; }
#main .entry-content .cyw-map .cyw-ct { font-size: 24.1px; }
#main .entry-content .cyw-map .cyw-cst { font-size: 13.8px; }
#main .entry-content .cyw-map .cyw-key { font-size: 11.0px; }
#main .entry-content .cyw-bargain .cyw-side { font-size: 16.7px; letter-spacing: .1em; }
#main .entry-content .cyw-bargain .cyw-sidesub { font-size: 16.8px; }
#main .entry-content .cyw-bargain .cyw-season { font-size: 21.6px; }
#main .entry-content .cyw-bargain .cyw-season-s { font-size: 17.5px; }
#main .entry-content .cyw-sankey .cyw-sk-l { font-size: 18.1px; }
#main .entry-content .cyw-sankey .cyw-sk-r { font-size: 18.1px; }
#main .entry-content .cyw-sankey .cyw-sk-h { font-size: 15.4px; letter-spacing: .1em; }
#main .entry-content .cyw-gdp .cyw-ch-h { font-size: 15.9px; letter-spacing: .1em; }
#main .entry-content .cyw-gdp .cyw-bar-n { font-size: 15.6px; }
#main .entry-content .cyw-gdp .cyw-bar-v { font-size: 16.2px; }
#main .entry-content .cyw-gdp .cyw-tick { font-size: 16.5px; }
#main .entry-content .cyw-gdp .cyw-line-n { font-size: 13.8px; }
}

/* ---------- Max Garner's essay: summary of contents in one column (round 11) ---------- */
/* The summary was set in two flowing newspaper columns. Safari (iPhone, iPad and Mac) left a large empty gap
   below it, so it is now a single column on every screen. Restore: remove this block. */
#main .entry-content .cyw-brief ol { columns: auto; column-count: auto; max-width: 640px; }

/* ---------- Home page: the "Featured" heading reads "Popular" (round 12) ---------- */
/* Only the label changes; the posts shown and their layout stay the same. Restore: remove this block. */
#featured-content .featured-content-inner::before { content: "Popular"; content: "Popular" / ""; }


/* ---------- Home page: "Lead" tag picks the big featured story (round 13) ---------- */
/* Tag a Popular post "Lead" and it takes the big slot; the other posts fill the side list in date order.
   With no Lead post, the newest Popular post is the big one, as before. If several posts carry Lead, the newest wins.
   Browsers without :has() ignore this block and keep the newest-first layout. Restore: remove this block. */
#featured-content .featured-content-inner:has(> .hentry.tag-lead)::before { order: -2; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry.tag-lead:not(.tag-lead ~ .tag-lead) {
order: -1;
display: block;
margin: 0;
padding: 0;
border: 0;
}
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry.tag-lead:not(.tag-lead ~ .tag-lead) .post-thumbnail { grid-column: auto; grid-row: auto; aspect-ratio: 3 / 2; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry.tag-lead:not(.tag-lead ~ .tag-lead) .entry-header { grid-column: auto; grid-row: auto; padding: 18px 0 0; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry.tag-lead:not(.tag-lead ~ .tag-lead) .entry-title {
font-size: clamp(30px, 3.5vw, 50px);
line-height: 1.04;
letter-spacing: -.012em;
}
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) {
display: grid;
grid-template-columns: minmax(0, 1fr) 96px;
column-gap: 18px;
align-items: center;
margin: 26px 0 0;
padding: 18px 0;
border: 0;
border-top: 1px solid var(--cy-rule);
}
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) ~ .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) { margin-top: 0; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) .post-thumbnail { grid-column: 2; grid-row: 1; aspect-ratio: 1; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) .entry-header { grid-column: 1; grid-row: 1; padding: 0; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) .entry-meta { margin-bottom: 6px; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) .entry-title {
font-size: 20px;
line-height: 1.16;
letter-spacing: -.003em;
}
@media (min-width: 600px) and (max-width: 959px) {
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry.tag-lead:not(.tag-lead ~ .tag-lead) { grid-column: 1 / -1; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)), #featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) ~ .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) {
grid-column: auto;
display: block;
margin: 34px 0 0;
padding: 0;
border: 0;
}
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) .post-thumbnail { grid-column: auto; grid-row: auto; aspect-ratio: 3 / 2; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) .entry-header { grid-column: auto; grid-row: auto; padding: 14px 0 0; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) .entry-title { font-size: 23px; }
}
@media (min-width: 960px) {
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry.tag-lead:not(.tag-lead ~ .tag-lead) { grid-column: 1 / span 7; grid-row: 2 / span 4; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)), #featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) ~ .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) {
grid-column: 8 / -1;
grid-row: auto;
grid-template-columns: 128px minmax(0, 1fr);
column-gap: 22px;
margin: 0;
padding: 0;
border: 0;
}
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) ~ .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) { border-top: 1px solid var(--cy-rule); }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) .post-thumbnail { grid-column: 1; aspect-ratio: 4 / 3; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) .entry-header { grid-column: 2; padding: 0; }
#featured-content .featured-content-inner:has(> .hentry.tag-lead) > .hentry:not(.tag-lead:not(.tag-lead ~ .tag-lead)) .entry-title { font-size: clamp(19px, 1.6vw, 23px); }
}
/* The Lead tag is only for the homepage, so it is not listed on the article itself. */
.tags-links a[href*="/tag/lead/"] { display: none; }
/* ---------- Ivy round "The Cannon Yardle" in the menu (round 14) ---------- */
/* An engraved ivy stem in the logo green twines round the menu label: up across the first letter, over THE, down
   through the gap between the words, under CANNON, back up through the next gap, over YARDLE and down across the
   last letter, with a second stem climbing the left end. The stem is a fine line and the leaves stay above and
   below the letters, so the label still reads clearly. The drawing animates itself (vines/build.py): on the home page it grows
   once the opening has finished (at once when arriving from inside the site), then the leaves sway gently; on
   other pages and with reduced motion it is shown grown. Desktop menu only. Restore: remove this block. */
@media (min-width: 960px) {
#masthead .main-navigation .menu-item-5851 { position: relative; }
#masthead .main-navigation .menu-item-5851::before {
content: "";
position: absolute;
z-index: 2;
left: -17px;
right: -17px;
top: 0;
bottom: 0;
pointer-events: none;
background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 260 58%22 width=%22260%22 height=%2258%22 preserveAspectRatio=%22none%22%3E%3Cstyle%3E.s{fill:none;stroke:%232b5b3c;stroke-linecap:round;stroke-linejoin:round}.l path{stroke:%232b5b3c;stroke-linejoin:round;stroke-linecap:round}.l .b{fill:%23e2eedf;stroke-width:.8}.l .m{fill:none;stroke-width:.55}.l .v{fill:none;stroke-width:.4;opacity:.8}.l.k .b{fill:%23c9e0cb}%3C/style%3E%3Cpath class=%22s%22 d=%22M8.0 58.0C14.0 50.0 26.0 50.0 34.0 44.0C42.0 38.0 44.0 30.0 46.0 22.0C48.0 14.0 54.0 9.0 64.0 9.0C68.0 9.0 73.0 11.0 75.0 18.0C76.5 30.0 73.0 40.0 84.0 46.0C98.0 52.0 122.0 44.0 138.0 48.0C150.0 50.0 156.0 44.0 154.0 34.0C152.0 24.0 154.0 14.0 166.0 10.0C178.0 6.0 196.0 12.0 206.0 13.0C214.0 15.0 215.0 24.0 217.0 32.0C219.0 40.0 226.0 47.0 238.0 48.0%22 stroke-width=%221.45%22/%3E%3Cpath class=%22s%22 d=%22M14.0 58.0C10.0 50.0 16.0 42.0 13.0 33.0C10.0 24.0 12.0 15.0 22.0 11.0C28.0 8.0 34.0 9.0 38.0 6.0%22 stroke-width=%221.10%22/%3E%3Cpath class=%22s%22 d=%22M204.4 12.8C210.4 4.8 220.4 3.8 226.4 8.8%22 stroke-width=%220.90%22/%3E%3Cpath class=%22s%22 d=%22M237.9 40.0L237.0 40.0L236.1 40.3L235.4 40.8L234.8 41.4L234.3 42.1L234.1 42.9L234.0 43.7L234.1 44.5L234.4 45.2L234.8 45.8L235.4 46.3L236.0 46.7L236.7 46.9L237.4 46.9L238.0 46.8L238.7 46.6L239.2 46.2L239.6 45.7L239.9 45.1L240.0 44.5L240.0 44.0L239.9 43.4L239.6 42.9L239.3 42.5L238.9 42.2L238.4 42.0L237.9 41.9L237.5 41.9L237.0 42.0L236.6 42.3L236.3 42.6L236.1 42.9L236.0 43.3L235.9 43.6L236.0 44.0L236.1 44.3L236.3 44.6L236.5 44.8L236.8 44.9L237.1 45.0L237.3 45.0L237.6 45.0L237.8 44.8L237.9 44.7%22 stroke-width=%22.8%22/%3E%3Cpath class=%22s%22 d=%22M41.4 11.4L40.8 11.7L40.1 11.9L39.4 11.8L38.8 11.7L38.2 11.4L37.7 10.9L37.3 10.4L37.0 9.9L36.9 9.3L37.0 8.7L37.1 8.1L37.4 7.6L37.7 7.2L38.2 6.9L38.7 6.7L39.2 6.6L39.7 6.6L40.1 6.8L40.6 7.0L40.9 7.3L41.1 7.7L41.3 8.1L41.4 8.5L41.3 8.9L41.2 9.3L41.0 9.6L40.8 9.9L40.5 10.1L40.1 10.2L39.8 10.2L39.5 10.2L39.2 10.1L39.0 9.9L38.8 9.7L38.6 9.5L38.6 9.2L38.6 9.0L38.6 8.8L38.7 8.6L38.8 8.4L39.0 8.3L39.2 8.2%22 stroke-width=%22.8%22/%3E%3Cg class=%22l%22%3E%3Cg style=%22transform:translate(21.7px,49.7px) rotate(-82deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.60 -3.52 4.80 -3.97 6.40 0C4.80 3.97 1.60 3.52 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.77 0L5.50 0%22/%3E%3Cpath class=%22v%22 d=%22M2.43 0L3.84 -1.92 M2.43 0L3.84 1.92 M3.97 0L4.99 -1.02%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l k%22%3E%3Cg style=%22transform:translate(50.7px,13.6px) rotate(-94deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.85 -4.07 5.55 -4.59 7.40 0C5.55 4.59 1.85 4.07 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.89 0L6.36 0%22/%3E%3Cpath class=%22v%22 d=%22M2.81 0L4.44 -2.22 M2.81 0L4.44 2.22 M4.59 0L5.77 -1.18%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22transform:translate(73.9px,15.2px) rotate(14deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.95 -4.29 5.85 -4.84 7.80 0C5.85 4.84 1.95 4.29 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.94 0L6.71 0%22/%3E%3Cpath class=%22v%22 d=%22M2.96 0L4.68 -2.34 M2.96 0L4.68 2.34 M4.84 0L6.08 -1.25%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22transform:translate(111.7px,47.6px) rotate(68deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C2.00 -4.40 6.00 -4.96 8.00 0C6.00 4.96 2.00 4.40 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.96 0L6.88 0%22/%3E%3Cpath class=%22v%22 d=%22M3.04 0L4.80 -2.40 M3.04 0L4.80 2.40 M4.96 0L6.24 -1.28%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l k%22%3E%3Cg style=%22transform:translate(134.3px,47.3px) rotate(59deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.80 -3.96 5.40 -4.46 7.20 0C5.40 4.46 1.80 3.96 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.86 0L6.19 0%22/%3E%3Cpath class=%22v%22 d=%22M2.74 0L4.32 -2.16 M2.74 0L4.32 2.16 M4.46 0L5.62 -1.15%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22transform:translate(154.0px,40.7px) rotate(-2deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.60 -3.52 4.80 -3.97 6.40 0C4.80 3.97 1.60 3.52 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.77 0L5.50 0%22/%3E%3Cpath class=%22v%22 d=%22M2.43 0L3.84 -1.92 M2.43 0L3.84 1.92 M3.97 0L4.99 -1.02%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22transform:translate(168.8px,9.3px) rotate(-82deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C2.00 -4.40 6.00 -4.96 8.00 0C6.00 4.96 2.00 4.40 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.96 0L6.88 0%22/%3E%3Cpath class=%22v%22 d=%22M3.04 0L4.80 -2.40 M3.04 0L4.80 2.40 M4.96 0L6.24 -1.28%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l k%22%3E%3Cg style=%22transform:translate(187.8px,9.8px) rotate(-40deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.75 -3.85 5.25 -4.34 7.00 0C5.25 4.34 1.75 3.85 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.84 0L6.02 0%22/%3E%3Cpath class=%22v%22 d=%22M2.66 0L4.20 -2.10 M2.66 0L4.20 2.10 M4.34 0L5.46 -1.12%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22transform:translate(222.7px,41.7px) rotate(96deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.75 -3.85 5.25 -4.34 7.00 0C5.25 4.34 1.75 3.85 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.84 0L6.02 0%22/%3E%3Cpath class=%22v%22 d=%22M2.66 0L4.20 -2.10 M2.66 0L4.20 2.10 M4.34 0L5.46 -1.12%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22transform:translate(234.6px,47.5px) rotate(82deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.40 -3.08 4.20 -3.47 5.60 0C4.20 3.47 1.40 3.08 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.67 0L4.82 0%22/%3E%3Cpath class=%22v%22 d=%22M2.13 0L3.36 -1.68 M2.13 0L3.36 1.68 M3.47 0L4.37 -0.90%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l k%22%3E%3Cg style=%22transform:translate(13.3px,44.6px) rotate(-134deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.70 -3.74 5.10 -4.22 6.80 0C5.10 4.22 1.70 3.74 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.82 0L5.85 0%22/%3E%3Cpath class=%22v%22 d=%22M2.58 0L4.08 -2.04 M2.58 0L4.08 2.04 M4.22 0L5.30 -1.09%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22transform:translate(11.8px,27.6px) rotate(-169deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.90 -4.18 5.70 -4.71 7.60 0C5.70 4.71 1.90 4.18 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.91 0L6.54 0%22/%3E%3Cpath class=%22v%22 d=%22M2.89 0L4.56 -2.28 M2.89 0L4.56 2.28 M4.71 0L5.93 -1.22%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22transform:translate(19.2px,12.3px) rotate(-77deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.60 -3.52 4.80 -3.97 6.40 0C4.80 3.97 1.60 3.52 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.77 0L5.50 0%22/%3E%3Cpath class=%22v%22 d=%22M2.43 0L3.84 -1.92 M2.43 0L3.84 1.92 M3.97 0L4.99 -1.02%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l k%22%3E%3Cg style=%22transform:translate(34.7px,7.6px) rotate(-90deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.35 -2.97 4.05 -3.35 5.40 0C4.05 3.35 1.35 2.97 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.65 0L4.64 0%22/%3E%3Cpath class=%22v%22 d=%22M2.05 0L3.24 -1.62 M2.05 0L3.24 1.62 M3.35 0L4.21 -0.86%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22transform:translate(224.0px,7.2px) rotate(-34deg)%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.35 -2.97 4.05 -3.35 5.40 0C4.05 3.35 1.35 2.97 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.65 0L4.64 0%22/%3E%3Cpath class=%22v%22 d=%22M2.05 0L3.24 -1.62 M2.05 0L3.24 1.62 M3.35 0L4.21 -0.86%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
}
}
@media (min-width: 960px) and (prefers-reduced-motion: no-preference) {
#masthead .main-navigation .menu-item-5851::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 260 58%22 width=%22260%22 height=%2258%22 preserveAspectRatio=%22none%22%3E%3Cstyle%3E.s{fill:none;stroke:%232b5b3c;stroke-linecap:round;stroke-linejoin:round}.l path{stroke:%232b5b3c;stroke-linejoin:round;stroke-linecap:round}.l .b{fill:%23e2eedf;stroke-width:.8}.l .m{fill:none;stroke-width:.55}.l .v{fill:none;stroke-width:.4;opacity:.8}.l.k .b{fill:%23c9e0cb}@keyframes g{to{stroke-dashoffset:0}}@keyframes u{0%25{transform:var(--r) scale(0)}70%25{transform:var(--r) scale(1.08)}100%25{transform:var(--r) scale(1)}}@keyframes w{0%25,100%25{transform:var(--r) rotate(-3deg)}50%25{transform:var(--r) rotate(3deg)}}@keyframes f{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}.l%3Eg{transform:var(--r)!important}}%3C/style%3E%3Cpath class=%22s%22 d=%22M8.0 58.0C14.0 50.0 26.0 50.0 34.0 44.0C42.0 38.0 44.0 30.0 46.0 22.0C48.0 14.0 54.0 9.0 64.0 9.0C68.0 9.0 73.0 11.0 75.0 18.0C76.5 30.0 73.0 40.0 84.0 46.0C98.0 52.0 122.0 44.0 138.0 48.0C150.0 50.0 156.0 44.0 154.0 34.0C152.0 24.0 154.0 14.0 166.0 10.0C178.0 6.0 196.0 12.0 206.0 13.0C214.0 15.0 215.0 24.0 217.0 32.0C219.0 40.0 226.0 47.0 238.0 48.0%22 stroke-width=%221.45%22 style=%22stroke-dasharray:329.8;stroke-dashoffset:329.8;animation:g 3.40s cubic-bezier(.45,.05,.35,1) 0.20s forwards%22/%3E%3Cpath class=%22s%22 d=%22M14.0 58.0C10.0 50.0 16.0 42.0 13.0 33.0C10.0 24.0 12.0 15.0 22.0 11.0C28.0 8.0 34.0 9.0 38.0 6.0%22 stroke-width=%221.10%22 style=%22stroke-dasharray:69.9;stroke-dashoffset:69.9;animation:g 1.50s cubic-bezier(.45,.05,.35,1) 1.00s forwards%22/%3E%3Cpath class=%22s%22 d=%22M204.4 12.8C210.4 4.8 220.4 3.8 226.4 8.8%22 stroke-width=%220.90%22 style=%22stroke-dasharray:26.0;stroke-dashoffset:26.0;animation:g 0.80s cubic-bezier(.45,.05,.35,1) 2.90s forwards%22/%3E%3Cpath class=%22s%22 d=%22M237.9 40.0L237.0 40.0L236.1 40.3L235.4 40.8L234.8 41.4L234.3 42.1L234.1 42.9L234.0 43.7L234.1 44.5L234.4 45.2L234.8 45.8L235.4 46.3L236.0 46.7L236.7 46.9L237.4 46.9L238.0 46.8L238.7 46.6L239.2 46.2L239.6 45.7L239.9 45.1L240.0 44.5L240.0 44.0L239.9 43.4L239.6 42.9L239.3 42.5L238.9 42.2L238.4 42.0L237.9 41.9L237.5 41.9L237.0 42.0L236.6 42.3L236.3 42.6L236.1 42.9L236.0 43.3L235.9 43.6L236.0 44.0L236.1 44.3L236.3 44.6L236.5 44.8L236.8 44.9L237.1 45.0L237.3 45.0L237.6 45.0L237.8 44.8L237.9 44.7%22 stroke-width=%22.8%22 style=%22stroke-dasharray:25.7;stroke-dashoffset:25.7;animation:g .9s cubic-bezier(.3,.6,.3,1) 3.55s forwards%22/%3E%3Cpath class=%22s%22 d=%22M41.4 11.4L40.8 11.7L40.1 11.9L39.4 11.8L38.8 11.7L38.2 11.4L37.7 10.9L37.3 10.4L37.0 9.9L36.9 9.3L37.0 8.7L37.1 8.1L37.4 7.6L37.7 7.2L38.2 6.9L38.7 6.7L39.2 6.6L39.7 6.6L40.1 6.8L40.6 7.0L40.9 7.3L41.1 7.7L41.3 8.1L41.4 8.5L41.3 8.9L41.2 9.3L41.0 9.6L40.8 9.9L40.5 10.1L40.1 10.2L39.8 10.2L39.5 10.2L39.2 10.1L39.0 9.9L38.8 9.7L38.6 9.5L38.6 9.2L38.6 9.0L38.6 8.8L38.7 8.6L38.8 8.4L39.0 8.3L39.2 8.2%22 stroke-width=%22.8%22 style=%22stroke-dasharray:19.6;stroke-dashoffset:19.6;animation:g .9s cubic-bezier(.3,.6,.3,1) 2.45s forwards%22/%3E%3Cg class=%22l%22%3E%3Cg style=%22--r:translate(21.7px,49.7px) rotate(-82deg);transform:translate(21.7px,49.7px) rotate(-82deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 0.42s both, w 5.5s ease-in-out 1.12s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.60 -3.52 4.80 -3.97 6.40 0C4.80 3.97 1.60 3.52 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.77 0L5.50 0%22/%3E%3Cpath class=%22v%22 d=%22M2.43 0L3.84 -1.92 M2.43 0L3.84 1.92 M3.97 0L4.99 -1.02%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l k%22%3E%3Cg style=%22--r:translate(50.7px,13.6px) rotate(-94deg);transform:translate(50.7px,13.6px) rotate(-94deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 1.02s both, w 6.2s ease-in-out 2.12s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.85 -4.07 5.55 -4.59 7.40 0C5.55 4.59 1.85 4.07 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.89 0L6.36 0%22/%3E%3Cpath class=%22v%22 d=%22M2.81 0L4.44 -2.22 M2.81 0L4.44 2.22 M4.59 0L5.77 -1.18%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22--r:translate(73.9px,15.2px) rotate(14deg);transform:translate(73.9px,15.2px) rotate(14deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 1.30s both, w 6.9s ease-in-out 2.80s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.95 -4.29 5.85 -4.84 7.80 0C5.85 4.84 1.95 4.29 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.94 0L6.71 0%22/%3E%3Cpath class=%22v%22 d=%22M2.96 0L4.68 -2.34 M2.96 0L4.68 2.34 M4.84 0L6.08 -1.25%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22--r:translate(111.7px,47.6px) rotate(68deg);transform:translate(111.7px,47.6px) rotate(68deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 1.94s both, w 7.6s ease-in-out 2.64s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C2.00 -4.40 6.00 -4.96 8.00 0C6.00 4.96 2.00 4.40 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.96 0L6.88 0%22/%3E%3Cpath class=%22v%22 d=%22M3.04 0L4.80 -2.40 M3.04 0L4.80 2.40 M4.96 0L6.24 -1.28%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l k%22%3E%3Cg style=%22--r:translate(134.3px,47.3px) rotate(59deg);transform:translate(134.3px,47.3px) rotate(59deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 2.16s both, w 5.5s ease-in-out 3.26s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.80 -3.96 5.40 -4.46 7.20 0C5.40 4.46 1.80 3.96 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.86 0L6.19 0%22/%3E%3Cpath class=%22v%22 d=%22M2.74 0L4.32 -2.16 M2.74 0L4.32 2.16 M4.46 0L5.62 -1.15%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22--r:translate(154.0px,40.7px) rotate(-2deg);transform:translate(154.0px,40.7px) rotate(-2deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 2.38s both, w 6.2s ease-in-out 3.88s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.60 -3.52 4.80 -3.97 6.40 0C4.80 3.97 1.60 3.52 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.77 0L5.50 0%22/%3E%3Cpath class=%22v%22 d=%22M2.43 0L3.84 -1.92 M2.43 0L3.84 1.92 M3.97 0L4.99 -1.02%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22--r:translate(168.8px,9.3px) rotate(-82deg);transform:translate(168.8px,9.3px) rotate(-82deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 2.75s both, w 6.9s ease-in-out 3.45s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C2.00 -4.40 6.00 -4.96 8.00 0C6.00 4.96 2.00 4.40 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.96 0L6.88 0%22/%3E%3Cpath class=%22v%22 d=%22M3.04 0L4.80 -2.40 M3.04 0L4.80 2.40 M4.96 0L6.24 -1.28%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l k%22%3E%3Cg style=%22--r:translate(187.8px,9.8px) rotate(-40deg);transform:translate(187.8px,9.8px) rotate(-40deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 2.93s both, w 7.6s ease-in-out 4.03s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.75 -3.85 5.25 -4.34 7.00 0C5.25 4.34 1.75 3.85 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.84 0L6.02 0%22/%3E%3Cpath class=%22v%22 d=%22M2.66 0L4.20 -2.10 M2.66 0L4.20 2.10 M4.34 0L5.46 -1.12%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22--r:translate(222.7px,41.7px) rotate(96deg);transform:translate(222.7px,41.7px) rotate(96deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 3.40s both, w 5.5s ease-in-out 4.90s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.75 -3.85 5.25 -4.34 7.00 0C5.25 4.34 1.75 3.85 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.84 0L6.02 0%22/%3E%3Cpath class=%22v%22 d=%22M2.66 0L4.20 -2.10 M2.66 0L4.20 2.10 M4.34 0L5.46 -1.12%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22--r:translate(234.6px,47.5px) rotate(82deg);transform:translate(234.6px,47.5px) rotate(82deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 3.52s both, w 6.2s ease-in-out 4.22s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.40 -3.08 4.20 -3.47 5.60 0C4.20 3.47 1.40 3.08 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.67 0L4.82 0%22/%3E%3Cpath class=%22v%22 d=%22M2.13 0L3.36 -1.68 M2.13 0L3.36 1.68 M3.47 0L4.37 -0.90%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l k%22%3E%3Cg style=%22--r:translate(13.3px,44.6px) rotate(-134deg);transform:translate(13.3px,44.6px) rotate(-134deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 1.33s both, w 6.9s ease-in-out 2.43s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.70 -3.74 5.10 -4.22 6.80 0C5.10 4.22 1.70 3.74 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.82 0L5.85 0%22/%3E%3Cpath class=%22v%22 d=%22M2.58 0L4.08 -2.04 M2.58 0L4.08 2.04 M4.22 0L5.30 -1.09%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22--r:translate(11.8px,27.6px) rotate(-169deg);transform:translate(11.8px,27.6px) rotate(-169deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 1.71s both, w 7.6s ease-in-out 3.21s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.90 -4.18 5.70 -4.71 7.60 0C5.70 4.71 1.90 4.18 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.91 0L6.54 0%22/%3E%3Cpath class=%22v%22 d=%22M2.89 0L4.56 -2.28 M2.89 0L4.56 2.28 M4.71 0L5.93 -1.22%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22--r:translate(19.2px,12.3px) rotate(-77deg);transform:translate(19.2px,12.3px) rotate(-77deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 2.08s both, w 5.5s ease-in-out 2.78s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.60 -3.52 4.80 -3.97 6.40 0C4.80 3.97 1.60 3.52 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.77 0L5.50 0%22/%3E%3Cpath class=%22v%22 d=%22M2.43 0L3.84 -1.92 M2.43 0L3.84 1.92 M3.97 0L4.99 -1.02%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l k%22%3E%3Cg style=%22--r:translate(34.7px,7.6px) rotate(-90deg);transform:translate(34.7px,7.6px) rotate(-90deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 2.39s both, w 6.2s ease-in-out 3.49s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.35 -2.97 4.05 -3.35 5.40 0C4.05 3.35 1.35 2.97 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.65 0L4.64 0%22/%3E%3Cpath class=%22v%22 d=%22M2.05 0L3.24 -1.62 M2.05 0L3.24 1.62 M3.35 0L4.21 -0.86%22/%3E%3C/g%3E%3C/g%3E%3Cg class=%22l%22%3E%3Cg style=%22--r:translate(224.0px,7.2px) rotate(-34deg);transform:translate(224.0px,7.2px) rotate(-34deg);animation:u .7s cubic-bezier(.3,1.4,.5,1) 3.58s both, w 6.9s ease-in-out 5.08s infinite%22%3E%3Cpath class=%22b%22 d=%22M0 0C1.35 -2.97 4.05 -3.35 5.40 0C4.05 3.35 1.35 2.97 0 0Z%22/%3E%3Cpath class=%22m%22 d=%22M0.65 0L4.64 0%22/%3E%3Cpath class=%22v%22 d=%22M2.05 0L3.24 -1.62 M2.05 0L3.24 1.62 M3.35 0L4.21 -0.86%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
body.home #masthead .main-navigation .menu-item-5851::before { animation: cy-ivy-wait calc(4.3s * (1 - var(--cy-intro-skip))) step-end; }
}
@keyframes cy-ivy-wait { from, to { background-image: none; } }

/* Ivy round 14 hidden while it is redrawn */
#masthead .main-navigation .menu-item-5851::before{content:none!important;display:none!important;background:none!important;animation:none!important}