.gk-creations { background: #f3f0e9; color: #12251f; }
body:has(.gk-creations) .wp-site-blocks {
  background: #f3f0e9;
}
body:has(.gk-creations) .wp-site-blocks > main {
  margin-block-start: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.gk-creations [hidden] { display: none !important; }
.gk-creations-hero { box-sizing: border-box; position: relative; isolation: isolate; display: flex; height: clamp(40rem, 86svh, 55rem); min-height: 40rem; align-items: flex-end; overflow: clip; padding: clamp(8rem, 12vh, 9.5rem) max(5vw, calc((100vw - 1560px) / 2)) clamp(2.75rem, 5vh, 4rem); color: #fffaf0; background: #12251f; }
.gk-creations-hero__media, .gk-creations-hero__shade { position: absolute; inset: 0; }
.gk-creations-hero__media { z-index: -2; }
.gk-creations-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 58%; }
.gk-creations-hero__shade { z-index: -1; background: linear-gradient(90deg, rgba(5,24,18,.94) 0%, rgba(5,24,18,.74) 43%, rgba(20,22,19,.32) 76%, rgba(20,22,19,.2) 100%), linear-gradient(0deg, rgba(5,18,14,.5), transparent 54%); }
.gk-creations-hero__copy { max-width: 52rem; }
.gk-creations-hero__copy > p:first-child { margin: 0 0 1rem; color: #d3b56f; font-size: .76rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.gk-creations-hero__copy h1 { max-width: 13ch; margin: 0; color: #fffaf0; font-family: var(--wp--preset--font-family--display); font-size: clamp(3rem, 6vw, 5.8rem); font-weight: 400; letter-spacing: -.035em; line-height: .98; text-wrap: balance; }
.gk-creations-hero__copy h1 [data-gk-phrase] { display: block; }
.gk-creations-hero .gk-split-char { display: inline-block; }
.gk-creations-hero__copy > p:last-child { max-width: 62ch; margin: 1.5rem 0 0; color: rgba(255,250,240,.86); font-size: clamp(1rem, 1.35vw, 1.18rem); line-height: 1.7; text-wrap: pretty; }
.gk-creations-catalog { padding: clamp(2.5rem, 4vw, 4rem) max(5vw, calc((100vw - 1560px) / 2)) clamp(4rem, 8vw, 8rem); }
.gk-creations-catalog__title { margin: 0 0 1rem; color: #7a272b; font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.gk-creations-filters { display: flex; gap: .65rem; overflow-x: auto; border-block: 1px solid rgba(18,37,31,.28); padding: 1rem 0; scrollbar-width: thin; }
.gk-creations-filters button { flex: 0 0 auto; border: 1px solid transparent; background: transparent; color: #12251f; padding: .75rem 1.1rem; font: inherit; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.gk-creations-filters button[aria-pressed="true"] { background: #6c1d22; color: #fffaf0; }
.gk-creations-filters button:focus-visible, .gk-creation-card a:focus-visible, .gk-creations-empty button:focus-visible { outline: 3px solid #d3b56f; outline-offset: 3px; }
.gk-creations-count { margin: 1.5rem 0; text-align: right; color: #53615c; }
.gk-creations-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(3rem, 5vw, 5rem) clamp(1rem, 2vw, 2rem); }
.gk-creation-card { display: flex; flex-direction: column; height: 100%; }
.gk-creation-card__image { position: relative; display: block; overflow: hidden; aspect-ratio: 4/5; background: #17352d; color: #fffaf0; }
.gk-creation-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.16,1,.3,1); }
.gk-creation-card__image:hover img, .gk-creation-card__image:focus-visible img { transform: scale(1.035); }
.gk-creation-card__fallback { display: block; width: 100%; height: 100%; background: linear-gradient(145deg, #17352d, #6c1d22); }
.gk-creation-card__action { position: absolute; inset: auto 0 0; padding: 1rem; background: rgba(7,25,20,.9); transform: translateY(100%); transition: transform .3s ease; font-weight: 750; }
.gk-creation-card__image:hover .gk-creation-card__action, .gk-creation-card__image:focus-visible .gk-creation-card__action { transform: none; }
.gk-creation-card__meta { display: flex; justify-content: space-between; gap: 1rem; min-height: 1.25rem; margin-top: 1.15rem; color: #7a272b; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.gk-creation-card h3 { min-height: 2.2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: .55rem 0; color: #12251f; font-family: var(--wp--preset--font-family--display); font-size: clamp(1.55rem, 2.2vw, 2.35rem); line-height: 1.05; }
.gk-creation-card h3 a, .gk-creation-card__link { color: inherit; text-decoration: none; }
.gk-creation-card > p { min-height: 4.95em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: .8rem 0; color: #53615c; line-height: 1.65; }
.gk-creation-card__link { display: inline-block; align-self: flex-start; margin-top: auto; border-bottom: 1px solid #7a272b; padding-bottom: .2rem; font-weight: 750; }
.gk-creations-empty { text-align: center; padding: 5rem 1rem; }
.gk-creations-empty h3 { font-family: var(--wp--preset--font-family--display); font-size: 2.4rem; margin-bottom: .5rem; }
.gk-creations-empty button { margin-top: 1rem; border: 0; background: #6c1d22; color: #fffaf0; padding: .9rem 1.4rem; font-weight: 800; cursor: pointer; }
html[data-gk-motion-active='true'] .gk-creations-hero__media img { animation: gk-creations-hero-settle 10s cubic-bezier(.16,1,.3,1) both; }
html[data-gk-motion-active='true'] .gk-creations-hero__copy h1.is-split-ready .gk-split-char { animation: gk-creations-char-in 950ms cubic-bezier(.16,1,.3,1) var(--gk-char-delay) both; }
html[data-gk-motion-active='true'] .gk-creations-hero__copy [data-gk-creations-hero-detail] { animation: gk-creations-detail-in 900ms 760ms cubic-bezier(.16,1,.3,1) both; }
html[data-gk-motion-active='true'] .gk-creations-hero__copy > [data-gk-creations-hero-detail]:first-child { animation-delay: 100ms; }
html[data-gk-motion-active='true'] .gk-creations-filters {
  animation: gk-creations-controls 620ms 180ms cubic-bezier(.16,1,.3,1) both;
}
@keyframes gk-creations-hero-settle {
  from { transform: scale(1.045); }
  to { transform: scale(1); }
}
@keyframes gk-creations-char-in {
  from { opacity: 0; filter: blur(.5rem); transform: translate3d(0, 2rem, 0); }
  to { opacity: 1; filter: blur(0); transform: translate3d(0, 0, 0); }
}
@keyframes gk-creations-detail-in {
  from { opacity: 0; filter: blur(.35rem); transform: translate3d(0, 1.25rem, 0); }
  to { opacity: 1; filter: blur(0); transform: translate3d(0, 0, 0); }
}
@keyframes gk-creations-controls {
  from { opacity: .45; transform: translate3d(0, .65rem, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@media (max-width: 960px) { .gk-creations-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .gk-creations-hero { height: clamp(36rem, 82svh, 42rem); min-height: 36rem; padding: 7.5rem 18px 2.75rem; }
  .gk-creations-hero__media img { object-position: 42% center; }
  .gk-creations-hero__shade { background: linear-gradient(0deg, rgba(5,24,18,.94) 0%, rgba(5,24,18,.65) 60%, rgba(5,24,18,.4) 100%); }
  .gk-creations-hero__copy h1 { font-size: clamp(2.8rem, 13vw, 4rem); }
  html[data-gk-motion-active='true'] .gk-creations-hero__copy h1.is-split-ready .gk-split-char { animation-delay: var(--gk-mobile-char-delay); }
  .gk-creations-catalog { padding: 2.5rem 18px 4rem; }
  .gk-creations-grid { grid-template-columns: 1fr; gap: 3.5rem; }
  .gk-creations-count { text-align: left; }
  .gk-creation-card__meta { align-items: start; }
  .gk-creation-card__action { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .gk-creations-hero__media img,
  .gk-creations-hero__copy .gk-split-char,
  .gk-creations-hero__copy [data-gk-creations-hero-detail],
  .gk-creations-filters { animation: none !important; }
  .gk-creation-card__image img,
  .gk-creation-card__action { transition: none; }
}