@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;1,200;1,300;1,400;1,600;1,700;1,800&display=swap');

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*, *::before, *::after {
  box-sizing: inherit;
}

h3 {
  font-size: 22px !important;
  color: var(--accent-darker) !important;
}

:root {
  --white: #ffffff;
  --accent-lightest: #fffdf8;
  --accent-lighter: #fff7df;
  --accent-light: #ffedbc;
  --accent: #ffcb3c;
  --accent-muted: #f0deb5;
  --accent-dark: #b98801;
  --accent-darker: #584200;
  --accent-darkest: #110c00;
  --black: #000000;
}

@media (prefers-color-scheme: dark) {
  :root {
    --black: #f0f0f0;
    --accent-darkest: #e4ddcd;
    --accent-darker: #ddd2b2;
    --accent-dark: #e0c886;
    --accent: #e6b736;
    --accent-muted: #835c00;
    --accent-light: #e9c756;
    --accent-lighter: #584200;
    --accent-lightest: #181100;
    --white: #2e1f02;
  }
  main.body {
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23584200' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
  }
  nav {
    background-color: rgba(255, 227, 148, 0.855) !important;
  }
}

/* Very Smol Reset */
* {
  box-sizing: border-box;
  line-height: 1.5;
  margin: 0;
}

/* Layout */

body {
  font-family: "Nunito Sans", system-ui, sans-serif;
  font-size: large;
}

main.body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 5vh clamp(1rem, 5vw, 3rem) 1rem;
  color: var(--accent-darkest);
  background-color: var(--accent-lightest);
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23fff2cc' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

main.body > * {
  --layout-spacing: max(8vh, 3rem);
  --max-width: 70ch;
  width: min(100%, var(--max-width));
  margin-left: auto;
  margin-right: auto;
}

nav {
  position: fixed;
  background-color: rgba(255, 212, 94, 0.855);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  width: 100vw;
  padding: 0.6em;
  padding-left:0.9em;
}

nav ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-left: -1rem;
  margin-right: -1rem;
}

nav ul li {
  padding: 0.25rem;
  padding-right: 1em;
}

nav [aria-current="page"] {
  font-weight: bold;
}

main {
  background-color: var(--white);
  padding: 1.5em;
  border-radius: 0.25em;
  box-shadow:
  0px 0px 3.6px rgba(17,12,0, 0.007),
  0px 0px 10px rgba(17,12,0, 0.01),
  0px 0px 24.1px rgba(17,12,0, 0.013),
  0px 0px 80px rgba(17,12,0, 0.02);
}

header,
main,
main > * + * {
  margin-top: var(--layout-spacing);
}

main.body > footer {
  margin-top: auto;
  padding-top: var(--layout-spacing);
}

main.body > footer div {
  text-align: center;
  margin-top:-2rem;
  padding-bottom: 0.5em;
  font-size: 0.9rem;
  color: var(--accent-dark);
  opacity: 0.5;
}

article * + * {
  margin-top: 1em;
}

img,blockquote,pre,code {
  border-radius: 5px;
}

/* Typography */
header h3 {
  font-weight: 300 !important;
}

:is(h1, h2, h3) {
  font-weight: 600;
  color: var(--accent-darkest);
  line-height: 1.3;
}

:is(h1, h2) {
  color: var(--accent-darker);
  max-width: 40ch;
}

:is(h2, h3):not(:first-child) {
  margin-top: 2em;
}

/* Link */

a {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
  color: var(--accent-dark);
  display: inline-block;
  border-bottom: solid 2px transparent;
  line-height: 1.2;
  transition: all 0.3s cubic-bezier(0.2, 1, 0.8, 1);
}
a:hover {
  border-bottom: solid 2px var(--accent-dark);
  transform: translate3d(0, -2px, 0);
}
nav#menu {
  z-index: 100;
}
nav#menu a {
  color: #835c00;
}
nav#menu a:hover {
  border-bottom: solid 2px #835c00;
}

/* Media */

article img {
  display: block;
  width: 100%;
  min-height: 20rem;
  max-height: 40vh;
  object-fit: cover;
  margin: 2rem auto;
}

@supports (aspect-ratio: 1) {
  article img {
    max-height: unset;
    aspect-ratio: 3/2;
  }
}

/* Supporting Content */

kbd,code:not([class*="language"]) {
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  font-size: 1.75ex;
  color: var(--accent-darkest);
  background-color: var(--accent-muted);
  padding-right: 0.15em;
  padding-left: 0.15em;
}

blockquote {
  margin: 2rem 0;
  padding: 0.5em 1rem;
  border-left: 3px solid var(--accent);
  background-color: var(--accent-lighter);
  border-radius: 0 0.25rem 0.25rem 0;
}

/* Components */
.brand {
  margin-top: 0.1em;
  margin-right: 1em;
  margin-left: 0.75em;
  filter: contrast(50%) brightness(100%) sepia(400%) saturate(400%) hue-rotate(8deg);
}
.profile {
  display:flex; 
  background-color: var(--accent-light);
  box-shadow:
  0px 0px 3.6px rgba(17,12,0, 0.007),
  0px 0px 10px rgba(17,12,0, 0.01),
  0px 0px 24.1px rgba(17,12,0, 0.013),
  0px 0px 80px rgba(17,12,0, 0.02);
}

header.responsive {
  display:flex; 
  flex-direction:row; 
  flex-wrap: wrap;
  gap:25px;
}

@media (min-width: 768px){
  header.responsive {
    display:flex; 
    flex-direction:row; 
    flex-wrap: nowrap;
    gap:25px;
  }
}

.gallery {
  --min: 15rem;
  --aspect-ratio: 4/3;
  --gap: 0;
}

.gallery li {
  aspect-ratio: var(--aspect-ratio);
}

@supports not (aspect-ratio: 1/1) {
  .gallery li {
    height: max(25vh, 15rem);
  }
}

.gallery img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/*!
    Blueprint CSS 3.1.3
    https://blueprintcss.dev
    License MIT 2021
*/
html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

[bp~=container] {
  width: 100%;
  margin: 0 auto;
  display: block;
  max-width: 1000px;
}

[bp~=grid] {
  display: grid !important;
  grid-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
}

[bp~=vertical-start] {
  align-items: start;
}

[bp~=vertical-center] {
  align-items: center;
}

[bp~=vertical-end] {
  align-items: end;
}

[bp~=between] {
  justify-content: center;
}

[bp~=gap-none] {
  grid-gap: 0;
  margin-bottom: 0;
}

[bp~=gap-column-none] {
  grid-column-gap: 0;
}

[bp~=gap-row-none] {
  grid-row-gap: 0;
  margin-bottom: 0;
}

[bp~=first] {
  order: -1;
}

[bp~=last] {
  order: 12;
}

[bp~=hide] {
  display: none !important;
}

[bp~=show] {
  display: initial !important;
}

[bp~=grid][bp*="@"] {
  grid-template-columns: 12fr;
}

[bp~=grid][bp*="@sm"], [bp~=grid][bp*="@md"], [bp~=grid][bp*="@lg"], [bp~=grid][bp*="@xl"] {
  grid-template-columns: 12fr;
}

[bp~="12@sm"], [bp~="12@md"], [bp~="12@lg"], [bp~="12@xl"], [bp~="11@sm"], [bp~="11@md"], [bp~="11@lg"], [bp~="11@xl"], [bp~="10@sm"], [bp~="10@md"], [bp~="10@lg"], [bp~="10@xl"], [bp~="9@sm"], [bp~="9@md"], [bp~="9@lg"], [bp~="9@xl"], [bp~="8@sm"], [bp~="8@md"], [bp~="8@lg"], [bp~="8@xl"], [bp~="7@sm"], [bp~="7@md"], [bp~="7@lg"], [bp~="7@xl"], [bp~="6@sm"], [bp~="6@md"], [bp~="6@lg"], [bp~="6@xl"], [bp~="5@sm"], [bp~="5@md"], [bp~="5@lg"], [bp~="5@xl"], [bp~="4@sm"], [bp~="4@md"], [bp~="4@lg"], [bp~="4@xl"], [bp~="3@sm"], [bp~="3@md"], [bp~="3@lg"], [bp~="3@xl"], [bp~="2@sm"], [bp~="2@md"], [bp~="2@lg"], [bp~="2@xl"], [bp~="1@sm"], [bp~="1@md"], [bp~="1@lg"], [bp~="1@xl"] {
  grid-column: span 12;
}

[bp~=grid][bp~="1"] {
  grid-template-columns: repeat(12, 1fr);
}

[bp~="1"] {
  grid-column: span 1/span 1;
}

[bp~=grid][bp~="2"] {
  grid-template-columns: repeat(6, 1fr);
}

[bp~="2"] {
  grid-column: span 2/span 2;
}

[bp~=grid][bp~="3"] {
  grid-template-columns: repeat(4, 1fr);
}

[bp~="3"] {
  grid-column: span 3/span 3;
}

[bp~=grid][bp~="4"] {
  grid-template-columns: repeat(3, 1fr);
}

[bp~="4"] {
  grid-column: span 4/span 4;
}

[bp~=grid][bp~="5"] {
  grid-template-columns: repeat(2.4, 1fr);
}

[bp~="5"] {
  grid-column: span 5/span 5;
}

[bp~=grid][bp~="6"] {
  grid-template-columns: repeat(2, 1fr);
}

[bp~="6"] {
  grid-column: span 6/span 6;
}

[bp~=grid][bp~="7"] {
  grid-template-columns: repeat(1.7142857143, 1fr);
}

[bp~="7"] {
  grid-column: span 7/span 7;
}

[bp~=grid][bp~="8"] {
  grid-template-columns: repeat(1.5, 1fr);
}

[bp~="8"] {
  grid-column: span 8/span 8;
}

[bp~=grid][bp~="9"] {
  grid-template-columns: repeat(1.3333333333, 1fr);
}

[bp~="9"] {
  grid-column: span 9/span 9;
}

[bp~=grid][bp~="10"] {
  grid-template-columns: repeat(1.2, 1fr);
}

[bp~="10"] {
  grid-column: span 10/span 10;
}

[bp~=grid][bp~="11"] {
  grid-template-columns: repeat(1.0909090909, 1fr);
}

[bp~="11"] {
  grid-column: span 11/span 11;
}

[bp~=grid][bp~="12"] {
  grid-template-columns: repeat(1, 1fr);
}

[bp~="12"] {
  grid-column: span 12/span 12;
}

[bp~=offset-1] {
  grid-column-start: 1;
}

[bp~=offset-2] {
  grid-column-start: 2;
}

[bp~=offset-3] {
  grid-column-start: 3;
}

[bp~=offset-4] {
  grid-column-start: 4;
}

[bp~=offset-5] {
  grid-column-start: 5;
}

[bp~=offset-6] {
  grid-column-start: 6;
}

[bp~=offset-7] {
  grid-column-start: 7;
}

[bp~=offset-8] {
  grid-column-start: 8;
}

[bp~=offset-9] {
  grid-column-start: 9;
}

[bp~=offset-10] {
  grid-column-start: 10;
}

[bp~=offset-11] {
  grid-column-start: 11;
}

[bp~=offset-12] {
  grid-column-start: 12;
}

@media (min-width: 480px) {
  [bp~=grid][bp~="1@sm"] {
    grid-template-columns: repeat(12, 1fr);
  }

  [bp~="1@sm"] {
    grid-column: span 1/span 1;
  }

  [bp~=grid][bp~="2@sm"] {
    grid-template-columns: repeat(6, 1fr);
  }

  [bp~="2@sm"] {
    grid-column: span 2/span 2;
  }

  [bp~=grid][bp~="3@sm"] {
    grid-template-columns: repeat(4, 1fr);
  }

  [bp~="3@sm"] {
    grid-column: span 3/span 3;
  }

  [bp~=grid][bp~="4@sm"] {
    grid-template-columns: repeat(3, 1fr);
  }

  [bp~="4@sm"] {
    grid-column: span 4/span 4;
  }

  [bp~=grid][bp~="5@sm"] {
    grid-template-columns: repeat(2.4, 1fr);
  }

  [bp~="5@sm"] {
    grid-column: span 5/span 5;
  }

  [bp~=grid][bp~="6@sm"] {
    grid-template-columns: repeat(2, 1fr);
  }

  [bp~="6@sm"] {
    grid-column: span 6/span 6;
  }

  [bp~=grid][bp~="7@sm"] {
    grid-template-columns: repeat(1.7142857143, 1fr);
  }

  [bp~="7@sm"] {
    grid-column: span 7/span 7;
  }

  [bp~=grid][bp~="8@sm"] {
    grid-template-columns: repeat(1.5, 1fr);
  }

  [bp~="8@sm"] {
    grid-column: span 8/span 8;
  }

  [bp~=grid][bp~="9@sm"] {
    grid-template-columns: repeat(1.3333333333, 1fr);
  }

  [bp~="9@sm"] {
    grid-column: span 9/span 9;
  }

  [bp~=grid][bp~="10@sm"] {
    grid-template-columns: repeat(1.2, 1fr);
  }

  [bp~="10@sm"] {
    grid-column: span 10/span 10;
  }

  [bp~=grid][bp~="11@sm"] {
    grid-template-columns: repeat(1.0909090909, 1fr);
  }

  [bp~="11@sm"] {
    grid-column: span 11/span 11;
  }

  [bp~=grid][bp~="12@sm"] {
    grid-template-columns: repeat(1, 1fr);
  }

  [bp~="12@sm"] {
    grid-column: span 12/span 12;
  }

  [bp~="offset-1@sm"] {
    grid-column-start: 1;
  }

  [bp~="offset-2@sm"] {
    grid-column-start: 2;
  }

  [bp~="offset-3@sm"] {
    grid-column-start: 3;
  }

  [bp~="offset-4@sm"] {
    grid-column-start: 4;
  }

  [bp~="offset-5@sm"] {
    grid-column-start: 5;
  }

  [bp~="offset-6@sm"] {
    grid-column-start: 6;
  }

  [bp~="offset-7@sm"] {
    grid-column-start: 7;
  }

  [bp~="offset-8@sm"] {
    grid-column-start: 8;
  }

  [bp~="offset-9@sm"] {
    grid-column-start: 9;
  }

  [bp~="offset-10@sm"] {
    grid-column-start: 10;
  }

  [bp~="offset-11@sm"] {
    grid-column-start: 11;
  }

  [bp~="offset-12@sm"] {
    grid-column-start: 12;
  }

  [bp~="hide@sm"] {
    display: none !important;
  }

  [bp~="show@sm"] {
    display: initial !important;
  }

  [bp~="first@sm"] {
    order: -1;
  }

  [bp~="last@sm"] {
    order: 12;
  }
}
@media (min-width: 720px) {
  [bp~=grid][bp~="1@md"] {
    grid-template-columns: repeat(12, 1fr);
  }

  [bp~="1@md"] {
    grid-column: span 1/span 1;
  }

  [bp~=grid][bp~="2@md"] {
    grid-template-columns: repeat(6, 1fr);
  }

  [bp~="2@md"] {
    grid-column: span 2/span 2;
  }

  [bp~=grid][bp~="3@md"] {
    grid-template-columns: repeat(4, 1fr);
  }

  [bp~="3@md"] {
    grid-column: span 3/span 3;
  }

  [bp~=grid][bp~="4@md"] {
    grid-template-columns: repeat(3, 1fr);
  }

  [bp~="4@md"] {
    grid-column: span 4/span 4;
  }

  [bp~=grid][bp~="5@md"] {
    grid-template-columns: repeat(2.4, 1fr);
  }

  [bp~="5@md"] {
    grid-column: span 5/span 5;
  }

  [bp~=grid][bp~="6@md"] {
    grid-template-columns: repeat(2, 1fr);
  }

  [bp~="6@md"] {
    grid-column: span 6/span 6;
  }

  [bp~=grid][bp~="7@md"] {
    grid-template-columns: repeat(1.7142857143, 1fr);
  }

  [bp~="7@md"] {
    grid-column: span 7/span 7;
  }

  [bp~=grid][bp~="8@md"] {
    grid-template-columns: repeat(1.5, 1fr);
  }

  [bp~="8@md"] {
    grid-column: span 8/span 8;
  }

  [bp~=grid][bp~="9@md"] {
    grid-template-columns: repeat(1.3333333333, 1fr);
  }

  [bp~="9@md"] {
    grid-column: span 9/span 9;
  }

  [bp~=grid][bp~="10@md"] {
    grid-template-columns: repeat(1.2, 1fr);
  }

  [bp~="10@md"] {
    grid-column: span 10/span 10;
  }

  [bp~=grid][bp~="11@md"] {
    grid-template-columns: repeat(1.0909090909, 1fr);
  }

  [bp~="11@md"] {
    grid-column: span 11/span 11;
  }

  [bp~=grid][bp~="12@md"] {
    grid-template-columns: repeat(1, 1fr);
  }

  [bp~="12@md"] {
    grid-column: span 12/span 12;
  }

  [bp~="offset-1@md"] {
    grid-column-start: 1;
  }

  [bp~="offset-2@md"] {
    grid-column-start: 2;
  }

  [bp~="offset-3@md"] {
    grid-column-start: 3;
  }

  [bp~="offset-4@md"] {
    grid-column-start: 4;
  }

  [bp~="offset-5@md"] {
    grid-column-start: 5;
  }

  [bp~="offset-6@md"] {
    grid-column-start: 6;
  }

  [bp~="offset-7@md"] {
    grid-column-start: 7;
  }

  [bp~="offset-8@md"] {
    grid-column-start: 8;
  }

  [bp~="offset-9@md"] {
    grid-column-start: 9;
  }

  [bp~="offset-10@md"] {
    grid-column-start: 10;
  }

  [bp~="offset-11@md"] {
    grid-column-start: 11;
  }

  [bp~="offset-12@md"] {
    grid-column-start: 12;
  }

  [bp~="hide@md"] {
    display: none !important;
  }

  [bp~="show@md"] {
    display: initial !important;
  }

  [bp~="first@md"] {
    order: -1;
  }

  [bp~="last@md"] {
    order: 12;
  }
}
@media (min-width: 960px) {
  [bp~=grid][bp~="1@lg"] {
    grid-template-columns: repeat(12, 1fr);
  }

  [bp~="1@lg"] {
    grid-column: span 1/span 1;
  }

  [bp~=grid][bp~="2@lg"] {
    grid-template-columns: repeat(6, 1fr);
  }

  [bp~="2@lg"] {
    grid-column: span 2/span 2;
  }

  [bp~=grid][bp~="3@lg"] {
    grid-template-columns: repeat(4, 1fr);
  }

  [bp~="3@lg"] {
    grid-column: span 3/span 3;
  }

  [bp~=grid][bp~="4@lg"] {
    grid-template-columns: repeat(3, 1fr);
  }

  [bp~="4@lg"] {
    grid-column: span 4/span 4;
  }

  [bp~=grid][bp~="5@lg"] {
    grid-template-columns: repeat(2.4, 1fr);
  }

  [bp~="5@lg"] {
    grid-column: span 5/span 5;
  }

  [bp~=grid][bp~="6@lg"] {
    grid-template-columns: repeat(2, 1fr);
  }

  [bp~="6@lg"] {
    grid-column: span 6/span 6;
  }

  [bp~=grid][bp~="7@lg"] {
    grid-template-columns: repeat(1.7142857143, 1fr);
  }

  [bp~="7@lg"] {
    grid-column: span 7/span 7;
  }

  [bp~=grid][bp~="8@lg"] {
    grid-template-columns: repeat(1.5, 1fr);
  }

  [bp~="8@lg"] {
    grid-column: span 8/span 8;
  }

  [bp~=grid][bp~="9@lg"] {
    grid-template-columns: repeat(1.3333333333, 1fr);
  }

  [bp~="9@lg"] {
    grid-column: span 9/span 9;
  }

  [bp~=grid][bp~="10@lg"] {
    grid-template-columns: repeat(1.2, 1fr);
  }

  [bp~="10@lg"] {
    grid-column: span 10/span 10;
  }

  [bp~=grid][bp~="11@lg"] {
    grid-template-columns: repeat(1.0909090909, 1fr);
  }

  [bp~="11@lg"] {
    grid-column: span 11/span 11;
  }

  [bp~=grid][bp~="12@lg"] {
    grid-template-columns: repeat(1, 1fr);
  }

  [bp~="12@lg"] {
    grid-column: span 12/span 12;
  }

  [bp~="offset-1@lg"] {
    grid-column-start: 1;
  }

  [bp~="offset-2@lg"] {
    grid-column-start: 2;
  }

  [bp~="offset-3@lg"] {
    grid-column-start: 3;
  }

  [bp~="offset-4@lg"] {
    grid-column-start: 4;
  }

  [bp~="offset-5@lg"] {
    grid-column-start: 5;
  }

  [bp~="offset-6@lg"] {
    grid-column-start: 6;
  }

  [bp~="offset-7@lg"] {
    grid-column-start: 7;
  }

  [bp~="offset-8@lg"] {
    grid-column-start: 8;
  }

  [bp~="offset-9@lg"] {
    grid-column-start: 9;
  }

  [bp~="offset-10@lg"] {
    grid-column-start: 10;
  }

  [bp~="offset-11@lg"] {
    grid-column-start: 11;
  }

  [bp~="offset-12@lg"] {
    grid-column-start: 12;
  }

  [bp~="hide@lg"] {
    display: none !important;
  }

  [bp~="show@lg"] {
    display: initial !important;
  }

  [bp~="first@lg"] {
    order: -1;
  }

  [bp~="last@lg"] {
    order: 12;
  }
}
@media (min-width: 1440px) {
  [bp~=grid][bp~="1@xl"] {
    grid-template-columns: repeat(12, 1fr);
  }

  [bp~="1@xl"] {
    grid-column: span 1/span 1;
  }

  [bp~=grid][bp~="2@xl"] {
    grid-template-columns: repeat(6, 1fr);
  }

  [bp~="2@xl"] {
    grid-column: span 2/span 2;
  }

  [bp~=grid][bp~="3@xl"] {
    grid-template-columns: repeat(4, 1fr);
  }

  [bp~="3@xl"] {
    grid-column: span 3/span 3;
  }

  [bp~=grid][bp~="4@xl"] {
    grid-template-columns: repeat(3, 1fr);
  }

  [bp~="4@xl"] {
    grid-column: span 4/span 4;
  }

  [bp~=grid][bp~="5@xl"] {
    grid-template-columns: repeat(2.4, 1fr);
  }

  [bp~="5@xl"] {
    grid-column: span 5/span 5;
  }

  [bp~=grid][bp~="6@xl"] {
    grid-template-columns: repeat(2, 1fr);
  }

  [bp~="6@xl"] {
    grid-column: span 6/span 6;
  }

  [bp~=grid][bp~="7@xl"] {
    grid-template-columns: repeat(1.7142857143, 1fr);
  }

  [bp~="7@xl"] {
    grid-column: span 7/span 7;
  }

  [bp~=grid][bp~="8@xl"] {
    grid-template-columns: repeat(1.5, 1fr);
  }

  [bp~="8@xl"] {
    grid-column: span 8/span 8;
  }

  [bp~=grid][bp~="9@xl"] {
    grid-template-columns: repeat(1.3333333333, 1fr);
  }

  [bp~="9@xl"] {
    grid-column: span 9/span 9;
  }

  [bp~=grid][bp~="10@xl"] {
    grid-template-columns: repeat(1.2, 1fr);
  }

  [bp~="10@xl"] {
    grid-column: span 10/span 10;
  }

  [bp~=grid][bp~="11@xl"] {
    grid-template-columns: repeat(1.0909090909, 1fr);
  }

  [bp~="11@xl"] {
    grid-column: span 11/span 11;
  }

  [bp~=grid][bp~="12@xl"] {
    grid-template-columns: repeat(1, 1fr);
  }

  [bp~="12@xl"] {
    grid-column: span 12/span 12;
  }

  [bp~="offset-1@xl"] {
    grid-column-start: 1;
  }

  [bp~="offset-2@xl"] {
    grid-column-start: 2;
  }

  [bp~="offset-3@xl"] {
    grid-column-start: 3;
  }

  [bp~="offset-4@xl"] {
    grid-column-start: 4;
  }

  [bp~="offset-5@xl"] {
    grid-column-start: 5;
  }

  [bp~="offset-6@xl"] {
    grid-column-start: 6;
  }

  [bp~="offset-7@xl"] {
    grid-column-start: 7;
  }

  [bp~="offset-8@xl"] {
    grid-column-start: 8;
  }

  [bp~="offset-9@xl"] {
    grid-column-start: 9;
  }

  [bp~="offset-10@xl"] {
    grid-column-start: 10;
  }

  [bp~="offset-11@xl"] {
    grid-column-start: 11;
  }

  [bp~="offset-12@xl"] {
    grid-column-start: 12;
  }

  [bp~="hide@xl"] {
    display: none !important;
  }

  [bp~="show@xl"] {
    display: initial !important;
  }

  [bp~="first@xl"] {
    order: -1;
  }

  [bp~="last@xl"] {
    order: 12;
  }
}
[bp~=flex] {
  flex-wrap: wrap;
  display: flex;
}

[bp~=fill] {
  flex: 1 1 0%;
  flex-basis: 0%;
}

[bp~=fit] {
  flex-basis: auto;
}

[bp~=float-center] {
  margin-left: auto;
  margin-right: auto;
  display: block;
  float: none;
}

[bp~=float-left] {
  float: left;
}

[bp~=float-right] {
  float: right;
}

[bp~=clear-fix]::after {
  content: "";
  display: table;
  clear: both;
}

[bp~=text-left] {
  text-align: left !important;
}

[bp~=text-right] {
  text-align: right !important;
}

[bp~=text-center] {
  text-align: center !important;
}

[bp~="1--max"] {
  max-width: 83.3333333333px !important;
}

[bp~="2--max"] {
  max-width: 166.6666666667px !important;
}

[bp~="3--max"] {
  max-width: 250px !important;
}

[bp~="4--max"] {
  max-width: 333.3333333333px !important;
}

[bp~="5--max"] {
  max-width: 416.6666666667px !important;
}

[bp~="6--max"] {
  max-width: 500px !important;
}

[bp~="7--max"] {
  max-width: 583.3333333333px !important;
}

[bp~="8--max"] {
  max-width: 666.6666666667px !important;
}

[bp~="9--max"] {
  max-width: 750px !important;
}

[bp~="10--max"] {
  max-width: 833.3333333333px !important;
}

[bp~="11--max"] {
  max-width: 916.6666666667px !important;
}

[bp~="12--max"] {
  max-width: 1000px !important;
}

[bp~=full-width] {
  width: 100%;
}

@media (max-width: 480px) {
  [bp~="full-width-until@sm"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 720px) {
  [bp~="full-width-until@md"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 960px) {
  [bp~="full-width-until@lg"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 1440px) {
  [bp~="full-width-until@xl"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}
[bp~=margin--xs] {
  margin: 4px !important;
}

[bp~=margin-top--xs] {
  margin-top: 4px !important;
}

[bp~=margin-bottom--xs] {
  margin-bottom: 4px !important;
}

[bp~=margin-right--xs] {
  margin-right: 4px !important;
}

[bp~=margin-left--xs] {
  margin-left: 4px !important;
}

[bp~=padding--xs] {
  padding: 4px !important;
}

[bp~=padding-top--xs] {
  padding-top: 4px !important;
}

[bp~=padding-bottom--xs] {
  padding-bottom: 4px !important;
}

[bp~=padding-right--xs] {
  padding-right: 4px !important;
}

[bp~=padding-left--xs] {
  padding-left: 4px !important;
}

[bp~=margin--sm] {
  margin: 8px !important;
}

[bp~=margin-top--sm] {
  margin-top: 8px !important;
}

[bp~=margin-bottom--sm] {
  margin-bottom: 8px !important;
}

[bp~=margin-right--sm] {
  margin-right: 8px !important;
}

[bp~=margin-left--sm] {
  margin-left: 8px !important;
}

[bp~=padding--sm] {
  padding: 8px !important;
}

[bp~=padding-top--sm] {
  padding-top: 8px !important;
}

[bp~=padding-bottom--sm] {
  padding-bottom: 8px !important;
}

[bp~=padding-right--sm] {
  padding-right: 8px !important;
}

[bp~=padding-left--sm] {
  padding-left: 8px !important;
}

[bp~=margin] {
  margin: 16px !important;
}

[bp~=margin-top] {
  margin-top: 16px !important;
}

[bp~=margin-bottom] {
  margin-bottom: 16px !important;
}

[bp~=margin-right] {
  margin-right: 16px !important;
}

[bp~=margin-left] {
  margin-left: 16px !important;
}

[bp~=padding] {
  padding: 16px !important;
}

[bp~=padding-top] {
  padding-top: 16px !important;
}

[bp~=padding-bottom] {
  padding-bottom: 16px !important;
}

[bp~=padding-right] {
  padding-right: 16px !important;
}

[bp~=padding-left] {
  padding-left: 16px !important;
}

[bp~=margin--lg] {
  margin: 24px !important;
}

[bp~=margin-top--lg] {
  margin-top: 24px !important;
}

[bp~=margin-bottom--lg] {
  margin-bottom: 24px !important;
}

[bp~=margin-right--lg] {
  margin-right: 24px !important;
}

[bp~=margin-left--lg] {
  margin-left: 24px !important;
}

[bp~=padding--lg] {
  padding: 24px !important;
}

[bp~=padding-top--lg] {
  padding-top: 24px !important;
}

[bp~=padding-bottom--lg] {
  padding-bottom: 24px !important;
}

[bp~=padding-right--lg] {
  padding-right: 24px !important;
}

[bp~=padding-left--lg] {
  padding-left: 24px !important;
}

[bp~=margin--none] {
  margin: 0 !important;
}

[bp~=margin-top--none] {
  margin-top: 0 !important;
}

[bp~=margin-bottom--none] {
  margin-bottom: 0 !important;
}

[bp~=margin-right--none] {
  margin-right: 0 !important;
}

[bp~=margin-left--none] {
  margin-left: 0 !important;
}

[bp~=padding--none] {
  padding: 0 !important;
}

[bp~=padding-top--none] {
  padding-top: 0 !important;
}

[bp~=padding-bottom--none] {
  padding-bottom: 0 !important;
}

[bp~=padding-right--none] {
  padding-right: 0 !important;
}

[bp~=padding-left--none] {
  padding-left: 0 !important;
}