@charset "UTF-8";
/*
Theme Name: Katrin
Author: kc
Author URI: 
Description: A minimal portfolio theme
Text Domain: katrin
Tags: 
*/
/*
 * ========================================================================
 * Breakpoints
 * ========================================================================
 */
/*
 * ========================================================================
 * Tokens
 * ========================================================================
 */
/*
 * ========================================================================
 * Mixins
 * ========================================================================
 */
/*
 * ========================================================================
 * Root / CSS Custom Properties
 * ========================================================================
 */
:root {
  --wp--style--root--padding-right: clamp(1rem, 2.7778vw, 4.4444rem);
  --wp--style--root--padding-left: clamp(1rem, 2.7778vw, 4.4444rem);
}

/*
 * ========================================================================
 * Base
 * ========================================================================
 */
h1, h2, h3, h4, h5, h6 {
  text-box-edge: cap alphabetic;
}

a:where(:not(.wp-element-button)) {
  text-underline-offset: 0.175em;
}

footer {
  margin-block-start: 0 !important;
}

/*
 * ========================================================================
 * Frontpage — Project Cards
 * ========================================================================
 */
@media (min-width: 782px) {
  .wp-block-post-template .wp-block-post:nth-child(2n+2) .wp-block-columns:has(.wp-block-post-featured-image) .wp-block-column:first-child,
  .wp-block-post-template .wp-block-post:nth-child(2n+2) .wp-block-column:has(.wp-block-post-featured-image),
  .wp-block-post-template .wp-block-post:nth-child(2n+2) .wp-block-media-text__media {
    grid-column: 2;
    order: 2;
  }
}
@media (min-width: 782px) {
  .wp-block-post-template .wp-block-post:nth-child(2n+2) .wp-block-columns:has(.wp-block-post-featured-image) .wp-block-column:last-child,
  .wp-block-post-template .wp-block-post:nth-child(2n+2) .wp-block-column:not(:has(.wp-block-post-featured-image)),
  .wp-block-post-template .wp-block-post:nth-child(2n+2) .wp-block-media-text__content {
    grid-column: 1;
    order: 1;
  }
}

@media (max-width: 781px) {
  .wp-block-post-template .wp-block-post .wp-block-columns:has(.wp-block-post-featured-image) .wp-block-column:last-child > .wp-block-group,
  .wp-block-post-template .wp-block-post .wp-block-column:not(:has(.wp-block-post-featured-image)) > .wp-block-group {
    padding-left: 0 !important;
  }
}
.wp-block-post-template .wp-block-post .wp-block-post-excerpt__more-link {
  font-weight: 500;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 0.1em;
}

.project-card__terms {
  letter-spacing: 0.01em;
}
.project-card__excerpt {
  max-width: 40ch;
}

@media (max-width: 600px) {
  .hero .is-layout-grid .intend {
    grid-column: span 14;
  }
}

/*
 * ========================================================================
 * Buttons
 * ========================================================================
 */
.wp-block-button__link {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  text-underline-offset: 0.2em;
  gap: 0.25em;
}
.wp-block-button__link::after {
  content: "";
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  background-color: currentColor;
  -webkit-mask-image: url("assets/images/arrow-out.svg");
          mask-image: url("assets/images/arrow-out.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  flex-shrink: 0;
}

/*
 * ========================================================================
 * Images
 * ========================================================================
 */
.wp-block-cover img,
.wp-block-image img {
  border-radius: clamp(0.25rem, 0.5556vw, 0.8875rem);
}

.case__media.has-background img {
  border-radius: 0;
}

/*
 * ========================================================================
 * About Section
 * ========================================================================
 */
section.about figure,
section.about .wp-block-image {
  grid-column: 13/-1;
}

.page-id-227 section.about figure {
  grid-column: 12/-1;
}

/*
 * ========================================================================
 * Utility Classes
 * ========================================================================
 */
.intend {
  text-indent: 5.5rem;
}

.caption {
  font-size: var(--wp--preset--font-size--xs);
  letter-spacing: 0.05em;
  opacity: 0.7;
}

/*
 * ========================================================================
 * Footer
 * ========================================================================
 */
footer .wp-block-separator {
  margin-right: 2%;
  margin-left: 2%;
  height: 0.075em !important;
}

/*
 * ========================================================================
 * Single Post
 * ========================================================================
 */
.single .wp-block-post-title {
  font-family: var(--wp--preset--font-family--die-grotesk-b);
}

/*
 * ========================================================================
 * Case Study
 * ========================================================================
 */
.case__title h1, .case__title .wp-block-heading {
  grid-column: span 14;
}
.case__credits > .wp-block-group p:first-child {
  font-weight: 400;
  letter-spacing: 0.02em;
}
@media (max-width: 600px) {
  .case__credits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
    row-gap: 1.5rem;
  }
}
.case__text.left .is-layout-grid > .wp-block-group {
  grid-column-start: 2;
  grid-column-end: 9;
}
@media (max-width: 961px) {
  .case__text.left .is-layout-grid > .wp-block-group {
    grid-column-start: 2;
    grid-column-end: 10;
  }
}
@media (max-width: 600px) {
  .case__text.left .is-layout-grid > .wp-block-group {
    grid-column-start: 1;
    grid-column-end: 15;
  }
}
.case__text.right .is-layout-grid > .wp-block-group {
  grid-column-start: 6;
  grid-column-end: 14;
}
@media (max-width: 961px) {
  .case__text.right .is-layout-grid > .wp-block-group {
    grid-column-start: 6;
    grid-column-end: 15;
  }
}
@media (max-width: 600px) {
  .case__text.right .is-layout-grid > .wp-block-group {
    grid-column-start: 1;
    grid-column-end: 15;
  }
}/*# sourceMappingURL=style.css.map */