@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,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) 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,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");
	--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; }
}