/* GAMMA KINO — PROJECTS / WORK SEPARATION */
body[data-page-id="38519123"] a.image-link[href="VESTIGIO"],
body[data-page-id="38519123"] a.image-link[href="After-Dream-Motel"],
body[data-page-id="38519123"] a.image-link[href="FIXE"],
body[data-page-id="38519123"] a.image-link[href="Antimontti"],
body[data-page-id="38519123"] a.image-link[href="Normal-field-instability"],
body[data-page-id="38519123"] a.image-link[href="Trapped-In"],
body[data-page-id="38519123"] a.image-link[href="InFluid"],
body[data-page-id="38519123"] a.image-link[href="Waves"],
body[data-page-id="38519123"] a.image-link[href="Cloud-over-Lava"],
body[data-page-id="38519123"] a.image-link[href="Story-of-Cloud"],
body[data-page-id="38519123"] a.image-link[href="Anti-self-portrait-series"],
body[data-page-id="38519123"] a.image-link[href="Diunak"],
body[data-page-id="38519123"] a.image-link[href="Light-tracing-the-path"],
body[data-page-id="38519123"] a.image-link[href="kinestesia"],
body[data-page-id="38519123"] a.image-link[href="Thought-processes"],
body[data-page-id="38519123"] a.image-link[href="Sioh"],
body[data-page-id="38519123"] a.image-link[href="Colloid"] { display: none !important; }

body[data-page-id="38571745"] .page_content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(8px, 1.1vw, 15px) !important;
}
body[data-page-id="38571745"] a.image-link {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 8 / 5;
  overflow: hidden !important;
}
body[data-page-id="38571745"] a.image-link img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media (hover: hover) and (pointer: fine) {
  body[data-page-id="38571745"] a.image-link img {
    transition: filter 320ms ease, transform 420ms ease !important;
  }
  body[data-page-id="38571745"] a.image-link::after {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 16px;
    z-index: 2;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0.01em;
    white-space: pre-line;
    text-align: left !important;
    opacity: 0;
    transform: translateY(7px);
    transition: opacity 240ms ease, transform 320ms ease;
    pointer-events: none;
  }
  body[data-page-id="38571745"] a.image-link:hover img {
    filter: brightness(0.42) !important;
    transform: scale(1.012) !important;
  }
  body[data-page-id="38571745"] a.image-link:hover::after {
    opacity: 1;
    transform: translateY(0);
  }
}
body[data-page-id="38571745"] a.image-link[href="VESTIGIO"]::after { content: "VESTÍGIO\A 2026"; }
body[data-page-id="38571745"] a.image-link[href="After-Dream-Motel"]::after { content: "AFTER DREAM MOTEL\A 2026"; }
body[data-page-id="38571745"] a.image-link[href="FIXE"]::after { content: "FIXE\A 2023"; }
body[data-page-id="38571745"] a.image-link[href="Antimontti"]::after { content: "ANTIMONTTI\A 2022"; }
body[data-page-id="38571745"] a.image-link[href="Normal-field-instability"]::after { content: "NORMAL FIELD INSTABILITY\A 2020"; }
body[data-page-id="38571745"] a.image-link[href="Trapped-In"]::after { content: "TRAPPED IN\A 2019"; }
body[data-page-id="38571745"] a.image-link[href="InFluid"]::after { content: "INFLUID\A 2019"; }
body[data-page-id="38571745"] a.image-link[href="Waves"]::after { content: "WAVES\A 2019"; }
body[data-page-id="38571745"] a.image-link[href="Cloud-over-Lava"]::after { content: "CLOUD OVER LAVA\A 2019"; }
body[data-page-id="38571745"] a.image-link[href="Story-of-Cloud"]::after { content: "STORY OF CLOUD\A 2018"; }
body[data-page-id="38571745"] a.image-link[href="Anti-self-portrait-series"]::after { content: "ANTI SELF-PORTRAIT SERIES\A 2018"; }
body[data-page-id="38571745"] a.image-link[href="Diunak"]::after { content: "DIUNAK\A 2017"; }
body[data-page-id="38571745"] a.image-link[href="Light-tracing-the-path"]::after { content: "LIGHT TRACING THE PATH\A 2017"; }
body[data-page-id="38571745"] a.image-link[href="kinestesia"]::after { content: "KINESTESIA\A 2017"; }
body[data-page-id="38571745"] a.image-link[href="Thought-processes"]::after { content: "THOUGHT PROCESSES\A 2017"; }
body[data-page-id="38571745"] a.image-link[href="Sioh"]::after { content: "SIOH\A 2017"; }
body[data-page-id="38571745"] a.image-link[href="Colloid"]::after { content: "COLLOID\A 2016"; }

@media (max-width: 700px) {
  body[data-page-id="38571745"] .page_content { grid-template-columns: 1fr !important; }
}

/* GAMMA KINO — WORK CHRONOLOGY TEST (latest first) */
body[data-page-id="38519123"] a.image-link[href="VESTIGIO"] { order: 1; }
body[data-page-id="38519123"] a.image-link[href="After-Dream-Motel"] { order: 2; }
body[data-page-id="38519123"] a.image-link[href="FIXE"] { order: 3; }
body[data-page-id="38519123"] a.image-link[href="Joseph-Capriati-presents-Metamorfosi-at-Amnesia"] { order: 4; }
body[data-page-id="38519123"] a.image-link[href="Antimontti"] { order: 5; }
body[data-page-id="38519123"] a.image-link[href="Normal-field-instability"] { order: 6; }
body[data-page-id="38519123"] a.image-link[href="Trapped-In"] { order: 7; }
body[data-page-id="38519123"] a.image-link[href="InFluid"] { order: 8; }
body[data-page-id="38519123"] a.image-link[href="Waves"] { order: 9; }
body[data-page-id="38519123"] a.image-link[href="Cloud-over-Lava"] { order: 10; }
body[data-page-id="38519123"] a.image-link[href="Story-of-Cloud"] { order: 11; }
body[data-page-id="38519123"] a.image-link[href="Anti-self-portrait-series"] { order: 12; }
body[data-page-id="38519123"] a.image-link[href="Loco-Dice"] { order: 13; }
body[data-page-id="38519123"] a.image-link[href="Diunak"] { order: 14; }
body[data-page-id="38519123"] a.image-link[href="Light-tracing-the-path"] { order: 15; }
body[data-page-id="38519123"] a.image-link[href="kinestesia"] { order: 16; }
body[data-page-id="38519123"] a.image-link[href="Thought-processes"] { order: 17; }
body[data-page-id="38519123"] a.image-link[href="Sioh"] { order: 18; }
body[data-page-id="38519123"] a.image-link[href="Cocoon-Label"] { order: 19; }
body[data-page-id="38519123"] a.image-link[href="Neopop-Electronic-Music-Festival"] { order: 20; }
body[data-page-id="38519123"] a.image-link[href="Colloid"] { order: 21; }
body[data-page-id="38519123"] a.image-link[href="Roots-of-Minimal-6-Year-Anniversary"] { order: 22; }
body[data-page-id="38519123"] a.image-link[href="Time-Warp-Festival"] { order: 23; }
body[data-page-id="38519123"] a.image-link[href="Sven-Vath-50th-Anniversary"] { order: 24; }

/* GAMMA KINO — HOVER LABELS: TITLE + YEAR */
body[data-page-id="38519123"] a.image-link[href="VESTIGIO"]::after { content: "VESTÍGIO\A 2026" !important; }
body[data-page-id="38519123"] a.image-link[href="After-Dream-Motel"]::after { content: "AFTER DREAM MOTEL\A 2026" !important; }
body[data-page-id="38519123"] a.image-link[href="FIXE"]::after { content: "FIXE\A 2023" !important; }
body[data-page-id="38519123"] a.image-link[href="Joseph-Capriati-presents-Metamorfosi-at-Amnesia"]::after { content: "METAMORFOSI\A 2022" !important; }
body[data-page-id="38519123"] a.image-link[href="Antimontti"]::after { content: "ANTIMONTTI\A 2022" !important; }
body[data-page-id="38519123"] a.image-link[href="Normal-field-instability"]::after { content: "NORMAL FIELD INSTABILITY\A 2020" !important; }
body[data-page-id="38519123"] a.image-link[href="Trapped-In"]::after { content: "TRAPPED IN\A 2019" !important; }
body[data-page-id="38519123"] a.image-link[href="InFluid"]::after { content: "INFLUID\A 2019" !important; }
body[data-page-id="38519123"] a.image-link[href="Waves"]::after { content: "WAVES\A 2019" !important; }
body[data-page-id="38519123"] a.image-link[href="Cloud-over-Lava"]::after { content: "CLOUD OVER LAVA\A 2019" !important; }
body[data-page-id="38519123"] a.image-link[href="Story-of-Cloud"]::after { content: "STORY OF CLOUD\A 2018" !important; }
body[data-page-id="38519123"] a.image-link[href="Anti-self-portrait-series"]::after { content: "ANTI SELF-PORTRAIT SERIES\A 2018" !important; }
body[data-page-id="38519123"] a.image-link[href="Loco-Dice"]::after { content: "LOCO DICE\A WORLD TOUR · 2010–2018" !important; }
body[data-page-id="38519123"] a.image-link[href="Diunak"]::after { content: "DIUNAK\A 2017" !important; }
body[data-page-id="38519123"] a.image-link[href="Light-tracing-the-path"]::after { content: "LIGHT TRACING THE PATH\A 2017" !important; }
body[data-page-id="38519123"] a.image-link[href="kinestesia"]::after { content: "KINESTESIA\A 2017" !important; }
body[data-page-id="38519123"] a.image-link[href="Thought-processes"]::after { content: "THOUGHT PROCESSES\A 2017" !important; }
body[data-page-id="38519123"] a.image-link[href="Sioh"]::after { content: "SIOH\A 2017" !important; }
body[data-page-id="38519123"] a.image-link[href="Cocoon-Label"]::after { content: "COCOON\A 2015–2017" !important; }
body[data-page-id="38519123"] a.image-link[href="Neopop-Electronic-Music-Festival"]::after { content: "NEOPOP FESTIVAL\A 2009–2012 · 2015–2017" !important; }
body[data-page-id="38519123"] a.image-link[href="Colloid"]::after { content: "COLLOID\A 2016" !important; }
body[data-page-id="38519123"] a.image-link[href="Roots-of-Minimal-6-Year-Anniversary"]::after { content: "ROOTS OF MINIMAL — 6 YEAR ANNIVERSARY\A 2015" !important; }
body[data-page-id="38519123"] a.image-link[href="Time-Warp-Festival"]::after { content: "TIME WARP FESTIVAL\A 2011–2015" !important; }
body[data-page-id="38519123"] a.image-link[href="Sven-Vath-50th-Anniversary"]::after { content: "SVEN VÄTH — 50TH ANNIVERSARY\A 2014" !important; }



/* GAMMA KINO — Work hover test: VESTÍGIO */
@media (hover: hover) and (pointer: fine) {
  body[data-page-id="38519123"] a.image-link[href="VESTIGIO"] {
    position: relative;
    display: block;
    overflow: hidden;
  }

  body[data-page-id="38519123"] a.image-link[href="VESTIGIO"] img {
    display: block;
    transition: filter 320ms ease, transform 420ms ease;
  }

  body[data-page-id="38519123"] a.image-link[href="VESTIGIO"]::after {
    content: "VESTÍGIO\A Audiovisual work · 2026\A Organic matter, industrial surfaces and sound.";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 16px;
    z-index: 2;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0.01em;
    white-space: pre-line;
    opacity: 0;
    transform: translateY(7px);
    transition: opacity 240ms ease, transform 320ms ease;
    pointer-events: none;
  }

  body[data-page-id="38519123"] a.image-link[href="VESTIGIO"]:hover img {
    filter: brightness(0.42);
    transform: scale(1.012);
  }

  body[data-page-id="38519123"] a.image-link[href="VESTIGIO"]:hover::after {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Hover label alignment */
body[data-page-id="38519123"] a.image-link[href="VESTIGIO"]::after { text-align: left !important; }

/* GAMMA KINO — WORK INDEX HOVER LABELS */
@media (hover: hover) and (pointer: fine) {
  body[data-page-id="38519123"] a.image-link {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
  }

  body[data-page-id="38519123"] a.image-link img {
    display: block !important;
    transition: filter 320ms ease, transform 420ms ease !important;
  }

  body[data-page-id="38519123"] a.image-link::after {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 16px;
    z-index: 2;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0.01em;
    white-space: pre-line;
    text-align: left !important;
    opacity: 0;
    transform: translateY(7px);
    transition: opacity 240ms ease, transform 320ms ease;
    pointer-events: none;
  }

  body[data-page-id="38519123"] a.image-link:hover img {
    filter: brightness(0.42) !important;
    transform: scale(1.012) !important;
  }

  body[data-page-id="38519123"] a.image-link:hover::after {
    opacity: 1;
    transform: translateY(0);
  }

  body[data-page-id="38519123"] a.image-link[href="VESTIGIO"]::after { content: "VESTÍGIO\A Organic matter, industrial surfaces and sound."; }
  body[data-page-id="38519123"] a.image-link[href="Joseph-Capriati-presents-Metamorfosi-at-Amnesia"]::after { content: "METAMORFOSI\A Immersive stage visuals shaped by light and architecture."; }
  body[data-page-id="38519123"] a.image-link[href="FIXE"]::after { content: "FIXE\A Music, performance and live image in a shared space."; }
  body[data-page-id="38519123"] a.image-link[href="Trapped-In"]::after { content: "TRAPPED IN\A A study of enclosure, tension and moving image."; }
  body[data-page-id="38519123"] a.image-link[href="Loco-Dice"]::after { content: "LOCO DICE\A Live visual direction for electronic music performance."; }
  body[data-page-id="38519123"] a.image-link[href="Story-of-Cloud"]::after { content: "STORY OF CLOUD\A An audiovisual meditation on atmosphere and transformation."; }
  body[data-page-id="38519123"] a.image-link[href="Sven-Vath-50th-Anniversary"]::after { content: "SVEN VÄTH — 50TH ANNIVERSARY\A Live visuals developed for a large-scale celebration."; }
  body[data-page-id="38519123"] a.image-link[href="Normal-field-instability"]::after { content: "NORMAL FIELD INSTABILITY\A Image and sound explore unstable fields and perception."; }
  body[data-page-id="38519123"] a.image-link[href="Time-Warp-Festival"]::after { content: "TIME WARP FESTIVAL\A Spatial visual content for an electronic music environment."; }
  body[data-page-id="38519123"] a.image-link[href="InFluid"]::after { content: "INFLUID\A Fluid states move between body, matter and abstraction."; }
  body[data-page-id="38519123"] a.image-link[href="Antimontti"]::after { content: "ANTIMONTTI\A Experimental moving image built through fragmentation and rhythm."; }
  body[data-page-id="38519123"] a.image-link[href="After-Dream-Motel"]::after { content: "AFTER DREAM MOTEL\A A photographic fiction suspended between memory and hallucination."; }
  body[data-page-id="38519123"] a.image-link[href="Neopop-Electronic-Music-Festival"]::after { content: "NEOPOP ELECTRONIC MUSIC FESTIVAL\A Visual content created for festival-scale projection."; }
  body[data-page-id="38519123"] a.image-link[href="Waves"]::after { content: "WAVES\A Light and movement unfold as a continuous visual frequency."; }
  body[data-page-id="38519123"] a.image-link[href="Diunak"]::after { content: "DIUNAK\A An audiovisual work shaped by texture, pulse and repetition."; }
  body[data-page-id="38519123"] a.image-link[href="Light-tracing-the-path"]::after { content: "LIGHT TRACING THE PATH\A Light becomes material, gesture and spatial trace."; }
  body[data-page-id="38519123"] a.image-link[href="kinestesia"]::after { content: "KINESTESIA\A Sensory movement connects image, body and perception."; }
  body[data-page-id="38519123"] a.image-link[href="Thought-processes"]::after { content: "THOUGHT PROCESSES\A Mental activity translated into image, structure and motion."; }
  body[data-page-id="38519123"] a.image-link[href="Colloid"]::after { content: "COLLOID\A Microscopic matter expands into an unstable visual landscape."; }
  body[data-page-id="38519123"] a.image-link[href="Cocoon-Label"]::after { content: "COCOON\A Visual direction and moving image for electronic music culture."; }
  body[data-page-id="38519123"] a.image-link[href="Sioh"]::after { content: "SIOH\A An experimental audiovisual composition of matter and signal."; }
  body[data-page-id="38519123"] a.image-link[href="Anti-self-portrait-series"]::after { content: "ANTI SELF-PORTRAIT SERIES\A Identity becomes an unstable surface resistant to recognition."; }
  body[data-page-id="38519123"] a.image-link[href="Roots-of-Minimal-6-Year-Anniversary"]::after { content: "ROOTS OF MINIMAL — 6 YEAR ANNIVERSARY\A Live visuals designed for a collective electronic ritual."; }
  body[data-page-id="38519123"] a.image-link[href="Cloud-over-Lava"]::after { content: "CLOUD OVER LAVA\A A collaborative platform for sound and artistic experimentation."; }
}



body[data-page-id="38519116"] .thumbnail[data-id="38519132"] { order: 4 !important; }
body.homepage .thumbnail[data-id="38562874"] { order: 0 !important; margin-top: 0 !important; }
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38562874"] { order: 0 !important; grid-column: 1 / span 7 !important; margin-top: 0 !important; }
:root { --gk-bg: #ffffff; --gk-fg: #111111; --gk-muted: #777777; --gk-rule: #d8d8d5; --gk-gutter: clamp(16px, 1.8vw, 28px); --gk-header: clamp(92px, 9vw, 126px); --gk-sans: Arial, Helvetica, sans-serif; }

html, body { -webkit-font-smoothing: antialiased; background: var(--gk-bg) !important; color: var(--gk-fg) !important; font-family: var(--gk-sans) !important; font-size: 16px !important; line-height: 1.35 !important; }

bodycopy, bodycopy *, .page_content, .page_content * { font-family: var(--gk-sans) !important; box-sizing: border-box; }

a, a:visited { color: inherit !important; text-decoration: none !important; border-bottom: 0px !important; }

.page_container .container_width, .thumbnails .thumbnails_width { width: 100% !important; max-width: none !important; }

[local-style="38519119"], [local-style="38519121"] { z-index: 1000 !important; }

[local-style="38519119"] .page, [local-style="38519121"] .page { padding: 20px var(--gk-gutter) !important; }

[local-style="38519119"] bodycopy, [local-style="38519121"] bodycopy { padding: 0px !important; }

[local-style="38519119"] { width: 58% !important; }

[local-style="38519121"] { left: auto !important; right: 0px !important; width: 52% !important; }

[local-style="38519119"] .gk-logo-home { letter-spacing: -0.02em; font-size: 18px !important; font-weight: 700 !important; line-height: 1.15 !important; }

[local-style="38519119"] .gk-logo-home + * { color: var(--gk-muted) !important; font-size: 13px !important; font-weight: 400 !important; }

[local-style="38519121"] h2 { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: clamp(14px, 1.8vw, 28px) !important; margin: 0px !important; color: var(--gk-fg) !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; }

[local-style="38519121"] h2 a { white-space: nowrap; color: var(--gk-fg) !important; font-size: inherit !important; font-weight: 400 !important; }

[local-style="38519121"] h2 a:hover, [local-style="38519119"] .gk-logo-home:hover { opacity: 0.48; }

.page_container:not(.overlay):not([local-style="38519120"]) .page { padding: var(--gk-header) var(--gk-gutter) 72px !important; }

.page_container:not(.overlay):not([local-style="38519120"]) bodycopy { padding: 0px !important; }

.page_container:not(.overlay):not([local-style="38519120"]) .page_content { width: 100%; max-width: 1440px; margin: 0px auto; }

.page_content h1 { margin: 0px; letter-spacing: -0.045em; color: var(--gk-fg) !important; font-size: clamp(34px, 4.1vw, 68px) !important; font-weight: 400 !important; line-height: 0.98 !important; }

.page_content h2 { letter-spacing: -0.025em; color: var(--gk-fg) !important; font-size: clamp(20px, 2vw, 30px) !important; font-weight: 400 !important; line-height: 1.08 !important; }

.page_content small { letter-spacing: 0.075em; text-transform: uppercase; color: var(--gk-fg) !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.2 !important; }

.page_content p, .page_content div { color: var(--gk-fg); }

.gk-home-intro { padding: 8px 0px clamp(52px, 8vw, 112px); }

.gk-home-intro small { display: block; margin-bottom: clamp(22px, 3vw, 42px); }

.gk-home-intro h1 { max-width: 900px; }

body.homepage .thumbnails { padding: 0 var(--gk-gutter) 76px !important; }

body.homepage .thumbnails .content_padding { padding: 0px !important; }

body.homepage .thumbnails [data-elementresizer] { grid-template-columns: repeat(3, minmax(0px, 1fr)); display: grid !important; gap: clamp(8px, 1.1vw, 16px) !important; }

body.homepage .thumbnail { overflow: hidden; width: auto !important; margin: 0px !important; }

body.homepage .thumbnail .thumb_image { background: rgb(239, 239, 237); padding-bottom: 62.5% !important; }

body.homepage .thumbnail img { position: absolute; inset: 0px; object-fit: cover; width: 100% !important; height: 100% !important; }

body[data-page-id="38519116"] a.image-link { filter: grayscale(100%); transition: filter 0.38s, opacity 0.25s; }

body[data-page-id="38519116"] a.image-link:hover, body[data-page-id="38519116"] a.image-link:focus-visible { filter: grayscale(0%); }

[local-style="38519123"] .page_content { grid-template-columns: repeat(3, minmax(0px, 1fr)); display: grid !important; gap: clamp(8px, 1.1vw, 16px) !important; }

[local-style="38519123"] a.image-link { aspect-ratio: 16 / 10; overflow: hidden; background: rgb(239, 239, 237); display: block !important; width: 100% !important; }

[local-style="38519123"] a.image-link img { display: block; object-fit: cover; transform: scale(1.002); transition: transform 0.45s, opacity 0.3s; width: 100% !important; height: 100% !important; }

[local-style="38519123"] a.image-link:hover img { transform: scale(1.025); opacity: 0.82; }

.gk-about { max-width: 1320px; margin: 0px auto; }

.gk-about-header { max-width: 1080px; padding-bottom: clamp(70px, 10vw, 150px); }

.gk-about-kicker { display: block; margin-bottom: clamp(24px, 4vw, 56px); }

.gk-about-body { display: grid; grid-template-columns: minmax(180px, 0.8fr) minmax(0px, 2fr); gap: clamp(32px, 8vw, 130px); padding-top: 18px; border-top: 1px solid var(--gk-rule); }

.gk-about-meta { font-size: 13px; line-height: 1.5; color: var(--gk-muted) !important; }

.gk-about-copy { max-width: 820px; font-size: clamp(18px, 1.55vw, 24px); line-height: 1.32; }

.gk-about-copy p { margin: 0px 0px 1.2em; }

.gk-about-selected { margin-top: clamp(90px, 12vw, 180px); border-top: 1px solid var(--gk-fg); }

.gk-about-selected > small { display: block; padding: 14px 0px 38px; }

.gk-about-row { display: grid; grid-template-columns: 1.35fr 1fr 1.45fr; gap: 24px; padding: 13px 0px; border-top: 1px solid var(--gk-rule); font-size: 13px; line-height: 1.25; }

.gk-about-row span:nth-child(2), .gk-about-row span:nth-child(3) { color: var(--gk-muted); }

.gk-about-image { margin-top: clamp(76px, 10vw, 150px); }

.gk-about-image img, .gk-contact-image img { display: block; width: 100% !important; height: auto !important; }

.gk-contact { max-width: 1320px; margin: 0px auto; }

.gk-contact-header { max-width: 1000px; padding-bottom: clamp(76px, 11vw, 170px); }

.gk-contact-header small { display: block; margin-bottom: clamp(24px, 4vw, 56px); }

.gk-contact-grid { display: grid; grid-template-columns: 2fr 1fr; gap: clamp(44px, 10vw, 180px); padding-top: 18px; border-top: 1px solid var(--gk-fg); }

.gk-contact-primary { font-size: clamp(18px, 1.7vw, 26px); }

.gk-contact-primary > a { display: inline-block; margin-bottom: 26px; }

.gk-contact-primary p { max-width: 720px; margin: 0px 0px 24px; }

.gk-contact-secondary { display: flex; flex-direction: column; align-items: flex-start; border-top: 1px solid var(--gk-rule); }

.gk-social-link { width: 100%; padding: 12px 0px; font-size: 13px; border-bottom: 1px solid var(--gk-rule) !important; }

.gk-social-link:hover, .gk-contact-primary a:hover { opacity: 0.48; }

.gk-contact-image { margin-top: clamp(90px, 12vw, 180px); }

.gk-cv { max-width: 1260px; margin: 0px auto; }

.gk-cv-intro { padding-bottom: clamp(76px, 10vw, 150px); }

.gk-cv-intro small { display: block; margin-bottom: clamp(22px, 4vw, 54px); }

.gk-cv-intro h1 { margin-bottom: 18px; }

.gk-cv-intro h2 { margin: 0px; letter-spacing: 0px; color: var(--gk-muted) !important; font-size: clamp(16px, 1.45vw, 22px) !important; }

.gk-cv-section { padding: 16px 0px 48px; border-top: 1px solid var(--gk-rule); }

.gk-cv-section > small { display: block; margin-bottom: 28px; }

.gk-cv-section p { margin: 0px 0px 22px; font-size: 14px; line-height: 1.48; }

.gk-cv-profile p { max-width: 920px; font-size: clamp(17px, 1.35vw, 21px); line-height: 1.42; }

.gk-cv-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: clamp(44px, 8vw, 120px); }

.gk-cv-contact, .gk-cv-download { padding-top: 16px; border-top: 1px solid var(--gk-fg); font-size: 13px; line-height: 1.5; }

.gk-cv-download a { display: inline-block; margin-right: 24px; padding-bottom: 2px; border-bottom: 1px solid var(--gk-fg) !important; }

.gk-project-copy { max-width: 620px; font-size: 15px; line-height: 1.48; }

.gk-project-copy h2 { margin-top: 0px; margin-bottom: 10px; }

.page_content [grid-row] { margin-bottom: clamp(30px, 5vw, 78px) !important; }

.page_content img { max-width: 100%; }

.page_content iframe { max-width: 100%; }

[local-style="38519120"] .page { border-top: 1px solid var(--gk-rule); padding: 22px var(--gk-gutter) 28px !important; }

[local-style="38519120"] bodycopy { letter-spacing: 0.03em; padding: 0px !important; color: var(--gk-muted) !important; font-size: 11px !important; }

@media (max-width: 760px) {
          body[data-page-id="38519116"] [thumbnails="columns"] > .column { display: flex !important; flex-direction: column !important; }
  :root { --gk-header: 112px; }
  [local-style="38519119"] { width: 100% !important; }
  [local-style="38519119"] .page { padding: 16px 16px 8px !important; }
  [local-style="38519119"] .gk-logo-home + * { display: block; margin-top: 3px; font-size: 11px !important; }
  .page_container:not(.overlay):not([local-style="38519120"]) .page { padding: var(--gk-header) 16px 52px !important; }
  body.homepage .thumbnails { padding: 0px 16px 52px !important; }
  body.homepage .thumbnails [data-elementresizer], [local-style="38519123"] .page_content { grid-template-columns: 1fr !important; gap: 10px !important; }
  .gk-home-intro { padding-bottom: 52px; }
  .gk-about-body, .gk-contact-grid, .gk-cv-grid { grid-template-columns: 1fr; }
  .gk-about-row { grid-template-columns: 1fr; gap: 5px; }
  .gk-about-copy { font-size: 18px; }
  .gk-contact-secondary { margin-top: 24px; }
  .page_content [grid-row] [grid-col] { width: 100% !important; display: block !important; }
}

[local-style="38519119"] .gk-logo-home { pointer-events: auto; border: 0px !important; color: inherit !important; text-decoration: none !important; }

[local-style="38519119"] .gk-logo-home:hover, [local-style="38519119"] .gk-logo-home:focus { border: 0px !important; text-decoration: none !important; }

.lang-pt { display: none !important; }

html[data-gk-language="en"] .lang-en { display: block !important; }

html[data-gk-language="en"] .lang-pt { display: none !important; }

html[data-gk-language="pt"] .lang-en { display: none !important; }

html[data-gk-language="pt"] .lang-pt { display: block !important; }

[local-style="38519121"] h2 { display: flex; align-items: center; justify-content: flex-end; gap: clamp(0.7rem, 1.25vw, 1.4rem); }

[local-style="38519121"] h2 a { white-space: nowrap; }

body[data-page-id="38519116"] a.image-link { filter: grayscale(100%); transition: -webkit-filter 0.35s, filter 0.35s; }

body[data-page-id="38519116"] a.image-link:hover, body[data-page-id="38519116"] a.image-link:focus-visible { filter: grayscale(0%); }

[data-predefined-style="true"] [local-style="38519121"] h2 { margin: 0px !important; color: rgb(17, 17, 17) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0px !important; }

[data-predefined-style="true"] [local-style="38519121"] h2 a { color: rgb(17, 17, 17) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; text-decoration: none !important; border: 0px !important; }

[data-predefined-style="true"] [local-style="38519119"] bodycopy { color: rgb(17, 17, 17) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; line-height: 1.2 !important; }

[local-style="38519119"] { width: 52% !important; }

[local-style="38519119"] .gk-logo-home { display: inline-block !important; }

[local-style="38519119"] .gk-logo-home + * { display: block !important; margin-top: 5px !important; color: var(--gk-muted) !important; font-size: 11px !important; line-height: 1.25 !important; letter-spacing: 0.015em !important; }

.gk-home-intro { min-height: 58vh; padding: clamp(34px, 5vw, 78px) 0px clamp(120px, 16vw, 240px) !important; }

.gk-home-intro small { margin-bottom: clamp(36px, 5vw, 72px) !important; }

.gk-home-intro h1 { max-width: 1180px !important; font-size: clamp(56px, 8.2vw, 136px) !important; line-height: 0.9 !important; letter-spacing: -0.06em !important; }

body.homepage .thumbnails { padding-bottom: clamp(110px, 14vw, 220px) !important; }

body.homepage .thumbnails [data-elementresizer] { display: grid !important; grid-template-columns: repeat(12, minmax(0px, 1fr)) !important; gap: clamp(90px, 11vw, 180px) clamp(18px, 2.4vw, 40px) !important; align-items: start !important; }

body.homepage .thumbnail { grid-column: span 4; width: auto !important; margin: 0px !important; }

body.homepage .thumbnail:nth-child(6n+1) { grid-column: 1 / span 7; }

body.homepage .thumbnail:nth-child(6n+2) { grid-column: 9 / span 4; margin-top: clamp(54px, 8vw, 120px) !important; }

body.homepage .thumbnail:nth-child(6n+3) { grid-column: 2 / span 5; }

body.homepage .thumbnail:nth-child(6n+4) { grid-column: 7 / span 6; margin-top: clamp(68px, 9vw, 138px) !important; }

body.homepage .thumbnail:nth-child(6n+5) { grid-column: 1 / span 4; margin-top: clamp(26px, 4vw, 68px) !important; }

body.homepage .thumbnail:nth-child(6n) { grid-column: 6 / span 7; }

body.homepage .thumbnail:last-child { grid-column: 3 / span 8; margin-top: clamp(40px, 6vw, 92px) !important; }

@media (max-width: 760px) {
  [local-style="38519119"] { width: 100% !important; }
  .gk-home-intro { min-height: auto; padding: 28px 0px 88px !important; }
  .gk-home-intro small { margin-bottom: 30px !important; }
  .gk-home-intro h1 { font-size: clamp(46px, 14vw, 76px) !important; line-height: 0.92 !important; }
  body.homepage .thumbnails [data-elementresizer] { grid-template-columns: 1fr !important; row-gap: 56px !important; }
  body.homepage .thumbnail, body.homepage .thumbnail:nth-child(n) { grid-column: 1 / -1 !important; margin-top: 0px !important; }
}

/* Current site additions */
body[data-page-id="38519116"] .thumbnail[data-id="38519129"] { order: 1; }

body[data-page-id="38519116"] .thumbnail[data-id="38519125"] { order: 2; }

body[data-page-id="38519116"] .thumbnail[data-id="38519126"] { order: 3; }

  body[data-page-id="38519116"] .thumbnail[data-id="38551062"] { grid-column: 6 / span 7 !important; margin-top: 6vw !important;  order: 4;}

body[data-page-id="38519116"] .thumbnail[data-id="38519127"] { order: 4; }

body[data-page-id="38519116"] .thumbnail[data-id="38519128"] { order: 5; }

body[data-page-id="38519116"] .thumbnail[data-id="38519124"] { order: 6; }

body[data-page-id="38519116"] .thumbnail[data-id="38536692"] { order: 7; }

body[data-page-id="38519116"] .thumbnail[data-id="38519130"] { order: 7; }

body[data-page-id="38519116"] .thumbnail[data-id="38519131"] { order: 8; }

body[data-page-id="38519116"] .thumbnail[data-id="38519133"] { order: 9; }

body[data-page-id="38519116"] .thumbnail[data-id="38519134"] { order: 10; }

body[data-page-id="38519116"] .thumbnail[data-id="38519135"] { order: 11; }

body[data-page-id="38519116"] .thumbnail[data-id="38519136"] { order: 12; }

body[data-page-id="38519116"] .thumbnail[data-id="38519137"] { order: 13; }

@media (min-width: 761px) {
  body[data-page-id="38519116"] [thumbnails="freeform"] { display: grid !important; grid-template-columns: repeat(12, minmax(0px, 1fr)) !important; gap: 11vw 2.4vw !important; align-items: start !important; width: calc(100% - 3.6vw) !important; margin: 35vw 1.8vw 0px !important; box-sizing: border-box !important; }
  body[data-page-id="38519116"] [thumbnails="freeform"] .thumbnail { width: 100% !important; margin-top: 0px !important; }
  body[data-page-id="38519116"] [thumbnails="freeform"] .thumbnail > a.image-link { display: block !important; aspect-ratio: 8 / 5 !important; overflow: hidden !important; }
  body[data-page-id="38519116"] [thumbnails="freeform"] .thumb_image { height: 100% !important; padding-bottom: 0px !important; }
  body[data-page-id="38519116"] [thumbnails="freeform"] .thumb_image img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
  body[data-page-id="38519116"] .thumbnail[data-id="38519129"] { grid-column: 1 / span 7 !important; }
  body[data-page-id="38519116"] .thumbnail[data-id="38519125"] { grid-column: 9 / span 4 !important; margin-top: 8vw !important; }
  body[data-page-id="38519116"] .thumbnail[data-id="38519126"] { grid-column: 2 / span 5 !important; }
  
  body[data-page-id="38519116"] .thumbnail[data-id="38519127"] { grid-column: 1 / span 4 !important; margin-top: 4vw !important; }
  body[data-page-id="38519116"] .thumbnail[data-id="38519128"] { grid-column: 6 / span 7 !important; }
    body[data-page-id="38519116"] .thumbnail[data-id="38519124"] { grid-column: 2 / span 6 !important; }
  body[data-page-id="38519116"] .thumbnail[data-id="38536692"] { grid-column: 1 / span 5 !important; margin-top: 8vw !important; }
  body[data-page-id="38519116"] .thumbnail[data-id="38519130"] { grid-column: 8 / span 5 !important; }
  body[data-page-id="38519116"] .thumbnail[data-id="38519131"] { grid-column: 7 / span 6 !important; margin-top: 9vw !important; }
  body[data-page-id="38519116"] .thumbnail[data-id="38519133"] { grid-column: 1 / span 4 !important; margin-top: 4vw !important; }
  body[data-page-id="38519116"] .thumbnail[data-id="38519134"] { grid-column: 6 / span 7 !important; }
  body[data-page-id="38519116"] .thumbnail[data-id="38519135"] { grid-column: 1 / span 7 !important; }
  body[data-page-id="38519116"] .thumbnail[data-id="38519136"] { grid-column: 9 / span 4 !important; margin-top: 8vw !important; }
  body[data-page-id="38519116"] .thumbnail[data-id="38519137"] { grid-column: 3 / span 8 !important; margin-top: 6vw !important; }
}

@media (max-width: 760px) {
  body[data-page-id="38519116"] .thumbnail[data-id="38536692"], body[data-page-id="38519116"] .thumbnail[data-id="38519129"], body[data-page-id="38519116"] .thumbnail[data-id="38519130"], body[data-page-id="38519116"] .thumbnail[data-id="38519124"] { grid-column: 1 / -1 !important; margin-top: 0px !important; }
}

body[data-page-id="38519123"] a.image-link { filter: grayscale(100%); transition: filter 0.35s, opacity 0.25s; }

body[data-page-id="38519123"] a.image-link:hover, body[data-page-id="38519123"] a.image-link:focus-visible { filter: grayscale(0%); }

@media (min-width: 761px) {
  body[data-page-id="38519116"] [thumbnails="freeform"] {
    width: 100% !important;
    margin: 0 !important;
  }
}

body[data-page-id="ai-image"] .thumbnails,
body[data-page-id="38551652"] .thumbnails {
  padding: var(--gk-header) var(--gk-gutter) 76px !important;
}

body[data-page-id="ai-image"] .thumbnails .content_padding,
body[data-page-id="38551652"] .thumbnails .content_padding {
  padding: 0 !important;
}

body[data-page-id="ai-image"] .thumbnails [data-elementresizer],
body[data-page-id="38551652"] .thumbnails [data-elementresizer] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(8px, 1.1vw, 16px) !important;
}

body[data-page-id="ai-image"] .thumbnail,
body[data-page-id="38551652"] .thumbnail {
  width: auto !important;
  margin: 0 !important;
  overflow: hidden;
}

body[data-page-id="ai-image"] a.image-link,
body[data-page-id="38551652"] a.image-link {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--gk-rule);
  filter: grayscale(100%);
  transition: filter .35s, opacity .25s;
}

body[data-page-id="ai-image"] a.image-link:hover,
body[data-page-id="ai-image"] a.image-link:focus-visible,
body[data-page-id="38551652"] a.image-link:hover,
body[data-page-id="38551652"] a.image-link:focus-visible {
  filter: grayscale(0%);
}

body[data-page-id="ai-image"] a.image-link img,
body[data-page-id="38551652"] a.image-link img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.gk-ai-image {
  font-size: 15px;
  line-height: 1.48;
}

@media (max-width: 760px) {
  body[data-page-id="ai-image"] .thumbnails,
  body[data-page-id="38551652"] .thumbnails {
    padding: var(--gk-header) 16px 52px !important;
  }
  body[data-page-id="ai-image"] .thumbnails [data-elementresizer],
  body[data-page-id="38551652"] .thumbnails [data-elementresizer] {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}


/* AI collection page sizing */
body[data-page-id="ai-image"] .thumbnails,
body[data-page-id="38551652"] .thumbnails {
  min-height: calc(100vh - 66px);
  box-sizing: border-box;
}

body[data-page-id="ai-image"] .thumbnail .thumb_image,
body[data-page-id="38551652"] .thumbnail .thumb_image {
  position: relative;
  height: 100% !important;
  padding-bottom: 0 !important;
}

body[data-page-id="ai-image"] .thumbnail .thumb_image img,
body[data-page-id="38551652"] .thumbnail .thumb_image img {
  position: absolute !important;
  inset: 0 !important;
}


/* Keep AI collection pages visually complete */
body[data-page-id="ai-image"] [local-style="38519120"],
body[data-page-id="38551652"] [local-style="38519120"] {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
}


/* VESTÍGIO — Home editorial placement */
body[data-page-id="38519116"] .thumbnail[data-id="38562874"] {
  order: 9 !important;
  grid-column: 2 / span 7 !important;
  margin-top: 8vw !important;
}

body[data-page-id="38519116"] .thumbnail[data-id="38519133"] { order: 10 !important; }
body[data-page-id="38519116"] .thumbnail[data-id="38519134"] { order: 11 !important; }
body[data-page-id="38519116"] .thumbnail[data-id="38519135"] { order: 12 !important; }
body[data-page-id="38519116"] .thumbnail[data-id="38519136"] { order: 13 !important; }
body[data-page-id="38519116"] .thumbnail[data-id="38519137"] { order: 14 !important; }

@media (max-width: 760px) {
  body[data-page-id="38519116"] .thumbnail[data-id="38562874"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-top: 0 !important;
  }
}


/* VESTÍGIO — Home editorial placement */
body[data-page-id="38519116"] .thumbnail[data-id="38562874"] {
  order: 9 !important;
  grid-column: 2 / span 7 !important;
  margin-top: 8vw !important;
}

body[data-page-id="38519116"] .thumbnail[data-id="38519133"] { order: 10 !important; }
body[data-page-id="38519116"] .thumbnail[data-id="38519134"] { order: 11 !important; }
body[data-page-id="38519116"] .thumbnail[data-id="38519135"] { order: 12 !important; }
body[data-page-id="38519116"] .thumbnail[data-id="38519136"] { order: 13 !important; }
body[data-page-id="38519116"] .thumbnail[data-id="38519137"] { order: 14 !important; }

@media (max-width: 760px) {
  body[data-page-id="38519116"] .thumbnail[data-id="38562874"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-top: 0 !important;
  }
}


/* TIME WARP FESTIVAL — RECENT LIVE VISUALS */
body[data-page-id="38519123"] a.image-link[href="Time-Warp-Festival-2023-2025"] { order: 0 !important; display: block !important; }
body[data-page-id="38519123"] a.image-link[href="Time-Warp-Festival-2023-2025"]::after { content: "TIME WARP FESTIVAL\A LIVE VISUALS · 2023–2025" !important; }


/* TIME WARP 2023–2026 — GRID FIX */
body[data-page-id="38519123"] a[href$="Time-Warp-Festival-2023-2026"] { position: relative !important; order: 0 !important; display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 10 !important; overflow: hidden !important; }
body[data-page-id="38519123"] a[href$="Time-Warp-Festival-2023-2026"] > img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
body[data-page-id="38519123"] a[href$="Time-Warp-Festival-2023-2026"] > span { position: absolute !important; inset: 0 !important; z-index: 5 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 18px !important; background: rgba(0,0,0,.38) !important; color: #fff !important; text-align: center !important; font-size: 12px !important; line-height: 1.35 !important; letter-spacing: .04em !important; opacity: 0 !important; transition: opacity .28s ease !important; pointer-events: none !important; }
@media (hover: hover) and (pointer: fine) { body[data-page-id="38519123"] a[href$="Time-Warp-Festival-2023-2026"]:hover > span { opacity: 1 !important; } }


/* Time Warp 2023–2026 — match standard Work thumbnails */
body[data-page-id="38519123"] a[href$="Time-Warp-Festival-2023-2026"] {
  background: #efefed;
  filter: grayscale(1);
  transition: filter .35s, opacity .25s;
}
body[data-page-id="38519123"] a[href$="Time-Warp-Festival-2023-2026"]:hover {
  filter: grayscale(0);
}
body[data-page-id="38519123"] a[href$="Time-Warp-Festival-2023-2026"] img {
  transform: scale(1.002);
  transition: filter .32s, transform .42s;
}
body[data-page-id="38519123"] a[href$="Time-Warp-Festival-2023-2026"]:hover img {
  transform: scale(1.012);
}
body[data-page-id="38519123"] a[href$="Time-Warp-Festival-2023-2026"] .gk-work-label {
  display: block;
  position: absolute;
  inset: auto 18px 16px;
  width: auto;
  height: auto;
  padding: 0;
  color: #fff;
  background: transparent;
  font-size: 11px;
  line-height: 1.35;
  letter-spacing: .01em;
  text-align: left;
  opacity: 0;
  transform: translateY(7px);
  transition: opacity .24s, transform .32s;
}
body[data-page-id="38519123"] a[href$="Time-Warp-Festival-2023-2026"]:hover .gk-work-label {
  opacity: 1;
  transform: translateY(0);
}


/* Override the former centered Time Warp overlay */
body[data-page-id="38519123"] a[href$="Time-Warp-Festival-2023-2026"] > span.gk-work-label {
  display: block !important;
  position: absolute !important;
  inset: auto 18px 16px !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  color: #fff !important;
  background: transparent !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  letter-spacing: .01em !important;
  text-align: left !important;
  opacity: 0 !important;
  transform: translateY(7px) !important;
  transition: opacity .24s, transform .32s !important;
}
body[data-page-id="38519123"] a[href$="Time-Warp-Festival-2023-2026"]:hover > span.gk-work-label {
  opacity: 1 !important;
  transform: translateY(0) !important;
}


/* Keep the global header aligned on Projects */
body[data-page-id="38571745"] .page_container.overlay .page_content {
  display: block !important;
  grid-template-columns: none !important;
}


/* HOME ORDER — AUGUST 2026 */
body[data-page-id="38519116"] a.image-link[href="Sven-Vath-50th-Anniversary"] { order: 1 !important; }
body[data-page-id="38519116"] a.image-link[href="After-Dream-Motel"] { order: 2 !important; }
body[data-page-id="38519116"] a.image-link[href="Cloud-over-Lava"] { order: 3 !important; }
body[data-page-id="38519116"] a.image-link[href="_Macro-Visuals"] { order: 4 !important; }
body[data-page-id="38519116"] a.image-link[href="Nerve"] { order: 5 !important; }
body[data-page-id="38519116"] a.image-link[href="Loco-Dice"] { order: 6 !important; }
body[data-page-id="38519116"] a.image-link[href="Neopop-Anti-Stage-Electronic-Music-Festival"] { order: 7 !important; }
body[data-page-id="38519116"] a.image-link[href="VESTIGIO"] { order: 8 !important; }
body[data-page-id="38519116"] a.image-link[href="Time-Warp-Festival"] { order: 9 !important; }
body[data-page-id="38519116"] a.image-link[href="Joseph-Capriati-presents-Metamorfosi-at-Amnesia"] { order: 10 !important; }
body[data-page-id="38519116"] a.image-link[href="FIXE"] { order: 11 !important; }
body[data-page-id="38519116"] a.image-link[href="Trapped-In"] { order: 12 !important; }
body[data-page-id="38519116"] a.image-link[href="Diunak"] { order: 13 !important; }
body[data-page-id="38519116"] a.image-link[href="Neopop-Electronic-Music-Festival"] { order: 14 !important; }
body[data-page-id="38519116"] a.image-link[href="Sioh"] { order: 15 !important; }
body[data-page-id="38519116"] a.image-link[href="kinestesia"] { order: 16 !important; }
body[data-page-id="38519116"] a.image-link[href="Antimontti"] { order: 17 !important; }

/* TIME WARP AFTER VESTIGIO — HOME */
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519131"] { order: 0 !important; }

/* TIME WARP 2023–2026 AFTER VESTIGIO — HOME */
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519131"] { order: initial !important; }
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519139"] { order: 0 !important; }

/* KEEP ORIGINAL TIME WARP IN ITS WORK SEQUENCE */
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519131"] { order: 8 !important; }

/* HOME — FEATURED ORDER AUGUST 2026 */
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38562874"] { order: 0 !important; }
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519129"] { order: 1 !important; }
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519125"] { order: 2 !important; }
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519139"] { order: 3 !important; }

/* KEEP TIME WARP 2023–2026 DIRECTLY AFTER MACRO VISUALS */
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519139"] { order: 2 !important; }

/* AFTER DREAM MOTEL DIRECTLY AFTER TIME WARP 2023–2026 */
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38551062"] { order: 3 !important; }

/* FIXE DIRECTLY AFTER AFTER DREAM MOTEL */
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38536692"] { order: 3 !important; }
body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519126"] { order: 4 !important; }

/* HOME EDITORIAL GRID — UVA-INSPIRED TEST, AUGUST 2026 */
@media (min-width: 761px) {
  body.homepage[data-page-id="38519116"] [thumbnails="freeform"] {
    gap: 6vw 2.4vw !important;
    margin-top: 24vw !important;
  }
  body.homepage[data-page-id="38519116"] [thumbnails="freeform"] .thumbnail > a.image-link {
    aspect-ratio: auto !important;
  }
  body.homepage[data-page-id="38519116"] [thumbnails="freeform"] .thumb_image {
    height: 0 !important;
    padding-bottom: var(--gk-ratio, 56.25%) !important;
  }
  body.homepage[data-page-id="38519116"] .thumbnail[data-id="38562874"] { grid-column: 1 / span 7 !important; --gk-ratio: 56.25%; margin-top: 0 !important; }
  body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519129"] { grid-column: 9 / span 4 !important; --gk-ratio: 66.6731%; margin-top: 6vw !important; }
  body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519125"] { grid-column: 2 / span 5 !important; --gk-ratio: 56.25%; margin-top: 0 !important; }
  body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519139"] { grid-column: 7 / span 6 !important; --gk-ratio: 66.6667%; margin-top: 4vw !important; }
  body.homepage[data-page-id="38519116"] .thumbnail[data-id="38551062"] { grid-column: 1 / span 7 !important; --gk-ratio: 56.25%; margin-top: 0 !important; }
  body.homepage[data-page-id="38519116"] .thumbnail[data-id="38536692"] { grid-column: 9 / span 4 !important; --gk-ratio: 56.25%; margin-top: 5vw !important; }
}

/* HOME — TIGHTEN HERO TO PROJECT GRID */
@media (min-width: 761px) {
  body.homepage[data-page-id="38519116"] [thumbnails="freeform"] { margin-top: 0 !important; }
}


/* HOME — CLOUD OVER LAVA + NERVE */
@media (min-width: 761px) {
  body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519132"] {
    order: 4 !important;
    grid-column: 2 / span 5 !important;
    margin-top: 0 !important;
  }
  body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519126"] {
    order: 4 !important;
    grid-column: 7 / span 6 !important;
    margin-top: 4vw !important;
  }
}


/* HOME — TIME WARP TRANSITION BLOCK */
@media (min-width: 761px) {
  body.homepage[data-page-id="38519116"] .thumbnail[data-id="38519131"] {
    order: 8 !important;
    grid-column: 3 / span 8 !important;
    margin-top: 0 !important;
  }
}
