@charset "UTF-8";
h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
}

.is-style-lead, .editor-styles-wrapper .is-style-lead {
  font-family: "Bitter";
  font-weight: 700;
  font-size: 1.25em;
}

.break-word {
  word-break: break-word;
  overflow-wrap: break-word;
}

/* === Base Setup === */
.cut-corner {
  --cut: 50px;
  transition: --cut 0.3s ease, clip-path 0.3s ease;
}

/* === Cut Size Steps === */
.cut-25 {
  --cut: 25px;
}

.cut-50 {
  --cut: 50px;
}

.cut-75 {
  --cut: 75px;
}

.cut-100 {
  --cut: 100px;
}

/* === Single Corner Cuts === */
/* Top-Left */
.cut-top-left {
  clip-path: polygon(0 var(--cut), var(--cut) 0, 100% 0, 100% 100%, 0 100%);
}

/* Top-Right */
.cut-top-right {
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);
}

/* Bottom-Left */
.cut-bottom-left {
  clip-path: polygon(0 0, 100% 0, 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
}

/* Bottom-Right */
.cut-bottom-right {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);
}

/* === Combined Corner Cuts === */
/* Top-Left + Bottom-Right */
.cut-top-left-bottom-right {
  clip-path: polygon(0 var(--cut), var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);
}

/* Top-Right + Bottom-Left */
.cut-top-right-bottom-left {
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
}

/* All Four Corners */
.cut-all-corners {
  clip-path: polygon(0 var(--cut), var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
}

/* === Hover Effect (optional) === */
/* === Keyframe Animation (optional) === */
@keyframes pulse-cut {
  0% {
    --cut: 25px;
  }
  25% {
    --cut: 50px;
  }
  50% {
    --cut: 75px;
  }
  75% {
    --cut: 100px;
  }
  100% {
    --cut: 25px;
  }
}
.cut-animate {
  animation: pulse-cut 4s infinite ease-in-out;
}

body {
  --content-width: 800px;
}

.wp-block-query .wp-block-post .wp-block-post-date {
  margin-left: 0;
  padding: 1rem 2rem 0 2rem;
}
.wp-block-query .wp-block-post .wp-block-post-title a {
  padding: 0 2rem 1rem 2rem;
  font-family: "Bitter";
}

h1, .footer-title {
  position: relative;
}
h1:after, .footer-title:after {
  content: "";
  position: absolute;
  top: -0.25em;
  left: 0;
  width: 100px;
  height: 6px;
  background: var(--primary);
}

.wp-block-cover h1:after {
  display: none;
}

h1 a:not([class]):hover, h2 a:not([class]):hover, h3 a:not([class]):hover, h4 a:not([class]):hover, h5 a:not([class]):hover, h6 a:not([class]):hover {
  text-decoration: none;
}

.single-post article.main-content img, .ar16x9 {
  aspect-ratio: 16/9;
  object-fit: cover;
}

.has-full-link-cover {
  position: relative;
}
.has-full-link-cover:after {
  content: "➔";
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: flex;
  align-items: end;
  width: 1.25em;
  height: 1.25em;
  font-size: 1.25em;
  color: var(--gw);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.has-full-link-cover:hover:after {
  opacity: 1;
  transition: opacity 0.6s ease;
}

.is-style-full-link-cover {
  position: relative;
  --top-cut: 50px;
  --bottom-cut: 50px;
  transition: --top-cut 0.3s ease, clip-path 0.3s ease;
  transition: --bottom-cut 0.3s ease, clip-path 0.3s ease;
  clip-path: polygon(0 var(--top-cut), var(--top-cut) 0, 100% 0, 100% calc(100% - var(--bottom-cut)), calc(100% - var(--bottom-cut)) 100%, 0 100%);
}
.is-style-full-link-cover:hover {
  --top-cut: 0px;
  --bottom-cut: 100px;
}
.is-style-full-link-cover a {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
}
.is-style-full-link-cover a:visited {
  color: #fff;
}
.is-style-full-link-cover a:hover {
  color: #fff;
  text-decoration: none;
}
.is-style-full-link-cover a:active {
  color: #fff;
}

.ssh-card-wrapper {
  position: relative;
}
.ssh-card-wrapper .ssh-card {
  position: relative;
  --top-cut: 50px;
  --bottom-cut: 50px;
  transition: --top-cut 0.3s ease, clip-path 0.3s ease;
  transition: --bottom-cut 0.3s ease, clip-path 0.3s ease;
  clip-path: polygon(0 var(--top-cut), var(--top-cut) 0, 100% 0, 100% calc(100% - var(--bottom-cut)), calc(100% - var(--bottom-cut)) 100%, 0 100%);
}
.ssh-card-wrapper .ssh-card:hover {
  --top-cut: 0px;
  --bottom-cut: 100px;
}
.ssh-card-wrapper:after {
  content: "➔";
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: flex;
  align-items: end;
  width: 1.25em;
  height: 1.25em;
  font-size: 1.25em;
  color: var(--gw);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ssh-card-wrapper:hover:after {
  opacity: 1;
  transition: opacity 0.6s ease;
}

.button {
  display: inline-block;
  padding: 0 19px;
  font-size: 15px;
  font-weight: bold;
  line-height: 40px;
  text-decoration: none !important;
  font-family: "Open Sans", "Frutiger", Helvetica, Arial, sans-serif;
  position: relative;
  text-transform: uppercase;
  text-shadow: none !important;
  transition: none;
  border: 0;
}/*# sourceMappingURL=child-blocks.css.map */