/* Overrides & additions for the reference-based template */

/* Giant mixed-type hero headline (reference uses SVGs; ours is live text) */
.sa-hero-title {
    font-family: 'PPEditorialNew', 'Times New Roman', serif;
    font-weight: 100;
    font-size: 8vw;
    line-height: .92;
    letter-spacing: -.045em;
    text-transform: uppercase;
    text-align: justify;
    text-align-last: justify;
    margin: 0;
    color: #000;
    hyphens: none;
}
.sa-hero-title .sa-hero-sans {
    font-family: 'Neue Haas Grotesk Display Pro', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -.05em;
}
.sa-hero-title .sa-hero-dot {
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
    font-weight: 400;
}
.sa-hero-title.mobile {
    font-size: 11.5vw;
    text-align: left;
    text-align-last: auto;
    word-break: normal;
    overflow-wrap: break-word;
    letter-spacing: -.03em;
}

/* The reference hero is a fixed-height "fold" sized for its short SVG headline;
   our longer live-text headline must be able to grow past the fold instead of
   overlapping the showreel below it */
.s-a-above-the-fold-wrapper { height: auto !important; min-height: 95vh; }
.s-a-main-header-wrapper { height: auto !important; }

/* Prevent any horizontal bleed on narrow screens */
html, body { overflow-x: clip; }
.s-a-main-header-wrapper, .s-a-header-wrapper-mobile { overflow: hidden; }

/* Big serif manifesto (reference: image; ours: live text) */
.sa-statement {
    font-family: 'PPEditorialNew', 'Times New Roman', serif;
    font-weight: 100;
    font-size: 5.6vw;
    line-height: .98;
    letter-spacing: -.04em;
    text-transform: uppercase;
    text-align: justify;
    text-align-last: justify;
    margin: 0;
    color: #000;
}
.s-a-secondary-header { display: flex; align-items: center; gap: 4vw; }
.s-a-secondary-header .div-block-61 img { max-width: 90px; }

/* Footer marquee: text names instead of wordmark images */
.s-a-footer-marquee-gsap { display: flex; align-items: baseline; gap: 4vw; }
.sa-marquee-name {
    font-family: 'PPEditorialNew', 'Times New Roman', serif;
    font-weight: 100;
    font-size: 12vw;
    line-height: 1;
    letter-spacing: -.04em;
    text-transform: uppercase;
    white-space: nowrap;
    color: #000;
}
.sa-marquee-name.alt { font-style: italic; text-transform: none; }
.sa-marquee-name.bold {
    font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
    font-weight: 400;
    letter-spacing: -.05em;
}
.sa-marquee-tag {
    font-family: 'Gt America Mono', monospace;
    font-weight: 300;
    font-size: 1vw;
    letter-spacing: .1em;
    text-transform: uppercase;
    white-space: nowrap;
    align-self: flex-start;
    margin-top: 1.2em;
    color: #000;
}

/* Language switcher row inside nav / mobile menu */
.sa-lang-row {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 6px 0 0;
    font-family: 'Gt America Mono', monospace;
    font-size: 10px;
    text-transform: uppercase;
}
.sa-lang-row .lang-switcher-button {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    letter-spacing: .05em;
    color: inherit;
    cursor: pointer;
    opacity: .45;
    text-transform: uppercase;
}
.sa-lang-row .lang-switcher-button:hover { opacity: .8; }
.sa-lang-row .lang-switcher-button.active-lang { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.sa-lang-sep { opacity: .35; }
.s-a-mobile-menu .sa-lang-row { padding: 14px 0 0; font-size: 14px; gap: 10px; }

/* Featured media block: our image inside their showreel shell */
.sa-featured-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
}

/* Keep injected rows identical to reference rows */
.sa-row-hidden, [data-x-empty],
.s-a-mobile-cs-mobile-card { display: none !important; }

/* Project rows: homepage shows the small mono title (reference hides the large one via variants) */
.s-a-home-case-study-large-title { display: none !important; }
.s-a-home-case-study-empty-text { display: none !important; }
.s-a-case-study-page-row .s-a-case-study-page-title-row { display: block; }

/* Reference row grid: title top-left, scope top-right, hairline, number + recognitions bottom */
.s-a-home-case-study-row {
    display: grid !important;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: auto 1fr auto;
    column-gap: var(--s-a-gap-default, 20px);
    height: auto !important;
    min-height: 150px;
    row-gap: 0 !important;
    padding: 16px 0 22px;
    text-decoration: none;
    position: relative;
    align-items: stretch;
}
.s-a-home-case-study-row::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, .6);
}
.s-a-home-case-study-row .s-a-case-studies-row-title,
.s-a-home-case-study-row .s-a-home-case-study-info-wrapper { display: contents !important; }
.s-a-home-case-study-row .s-a-home-case-study-title-small {
    grid-column: 1 / 7;
    grid-row: 2;
    font-family: 'Gt America Mono', monospace;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .02em;
    align-self: center;
}
.s-a-home-case-study-row .s-a-home-case-study-number {
    grid-column: 1;
    grid-row: 1;
    font-family: 'Gt America Mono', monospace;
    font-size: 10px;
    font-weight: 300;
    align-self: start;
}
.s-a-home-case-study-row .s-a-home-case-study-info-scope {
    grid-column: 7 / 11;
    grid-row: 2;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.s-a-home-case-study-row .s-a-case-header-recognitions-wrapper {
    grid-column: 7 / 11;
    grid-row: 3;
    display: flex !important;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-top: 14px;
}
.s-a-home-case-study-row .s-a-case-studies-row-description-right { flex-direction: column; align-items: flex-end; }
.s-a-image-cursor { position: fixed; pointer-events: none; z-index: 60; }

/* Case-studies listing page (/case-studies): reference 10-column row —
   portrait image centred in cols 6-7, industry + number top-left,
   big serif title + arrow bottom-left, recognitions/scope on the right */
#sa-cs-list .s-a-case-study-page-row {
    text-decoration: none;
    min-height: 320px;
    padding: 40px 0;
    position: relative;
    color: inherit;
}
#sa-cs-list .s-a-image-cursor-a,
#sa-cs-list .s-a-image-cursor-hover {
    grid-area: 1 / 6 / 2 / 8;
    place-self: center;
    width: 100%;
    height: auto;
}
#sa-cs-list .s-a-image-cursor-hover { display: none; }
#sa-cs-list .s-a-home-case-study-number { grid-area: 1 / 1 / 2 / 6; place-self: start end; }
#sa-cs-list .s-a-case-study-industry { grid-area: 1 / 1 / 2 / 4; align-self: start; }
#sa-cs-list .s-a-case-study-page-title-row { grid-area: 1 / 1 / 2 / 6; align-self: end; }
#sa-cs-list .s-a-right-arrow { grid-area: 1 / 1 / 2 / 6; place-self: end; width: 26px; }
#sa-cs-list .s-a-home-case-study-info-wrapper { grid-area: 1 / 8 / 2 / 13; justify-content: space-between; }
#sa-cs-list .s-a-case-header-recognitions-wrapper,
#sa-cs-list .s-a-home-case-study-info-scope { justify-content: space-between; gap: 20px; }
#sa-cs-list .s-a-case-studies-row-description-right { flex-direction: column; align-items: flex-end; }

@media (max-width: 991px) {
    #sa-cs-list .s-a-right-arrow { display: none; }
}

/* Mobile rows (home mobile list + case-studies listing on small screens):
   industry top-left, bold title bottom-left, ~100px image on the right,
   row number centred above the image */
.s-a-home-case-studies-list-mobile .s-a-case-study-page-row,
#sa-cs-list .s-a-case-study-page-row.is-compact {
    display: grid !important;
    grid-template-columns: 1fr 96px;
    grid-template-rows: auto 1fr auto;
    column-gap: 16px;
    height: 148px !important;
    min-height: 148px;
    padding: 0 0 12px;
    text-decoration: none;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .6);
    overflow: visible;
}
.s-a-home-case-studies-list-mobile .s-a-case-study-page-row .s-a-image-cursor-a,
#sa-cs-list .s-a-case-study-page-row.is-compact .s-a-image-cursor-a {
    grid-column: 2;
    grid-row: 2 / 4;
    width: 96px;
    height: 120px;
    object-fit: cover;
    display: block;
    position: static;
}
.s-a-home-case-studies-list-mobile .s-a-case-study-page-row .s-a-image-cursor-hover,
#sa-cs-list .s-a-case-study-page-row.is-compact .s-a-image-cursor-hover { display: none; }
.s-a-home-case-studies-list-mobile .s-a-case-study-page-row .s-a-home-case-study-number,
#sa-cs-list .s-a-case-study-page-row.is-compact .s-a-home-case-study-number {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    position: relative;
    z-index: 2;
}
.s-a-home-case-studies-list-mobile .s-a-case-study-page-row .s-a-case-study-industry,
#sa-cs-list .s-a-case-study-page-row.is-compact .s-a-case-study-industry {
    grid-column: 1;
    grid-row: 1;
    font-family: 'Gt America Mono', monospace;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .02em;
}
.s-a-home-case-studies-list-mobile .s-a-case-study-page-row .s-a-case-study-page-title-row,
#sa-cs-list .s-a-case-study-page-row.is-compact .s-a-case-study-page-title-row {
    grid-column: 1;
    grid-row: 3;
    align-self: end;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: -.01em;
}
.s-a-home-case-studies-list-mobile .s-a-case-study-page-row .s-a-right-arrow,
#sa-cs-list .s-a-case-study-page-row.is-compact .s-a-right-arrow { display: none; }

/* Listing rows switch to the compact layout on small screens */
@media (max-width: 767px) {
    #sa-cs-list .s-a-case-study-page-row {
        display: grid !important;
        grid-template-columns: 1fr 96px;
        grid-template-rows: auto 1fr auto auto;
        column-gap: 16px;
        height: auto !important;
        min-height: 148px;
        padding: 0 0 16px;
        text-decoration: none;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, .6);
        overflow: visible;
    }
    #sa-cs-list .s-a-image-cursor-a {
        grid-area: auto;
        grid-column: 2;
        grid-row: 2 / 4;
        width: 96px;
        height: 120px;
        object-fit: cover;
        display: block;
        position: static;
    }
    #sa-cs-list .s-a-image-cursor-hover { display: none !important; }
    #sa-cs-list .s-a-home-case-study-number { grid-area: auto; grid-column: 2; grid-row: 1; justify-self: center; }
    #sa-cs-list .s-a-case-study-industry { grid-area: auto; grid-column: 1; grid-row: 1; }
    #sa-cs-list .s-a-case-study-page-title-row { grid-area: auto; grid-column: 1; grid-row: 3; align-self: end; }
    #sa-cs-list .s-a-right-arrow { display: none; }
    #sa-cs-list .s-a-home-case-study-info-wrapper {
        grid-area: auto;
        grid-column: 1 / 3;
        grid-row: 4;
        padding-top: 14px;
        gap: 10px;
    }
    #sa-cs-list .s-a-case-header-recognitions-wrapper,
    #sa-cs-list .s-a-home-case-study-info-scope { flex-direction: column; align-items: flex-start; gap: 4px; }
    #sa-cs-list .s-a-case-studies-row-description-right { align-items: flex-start; }
}

/* Info list rows (awards-style) */
.sa-info-list .s-a-home-award-item { width: 100%; display: flex !important; justify-content: space-between; align-items: flex-start; gap: 24px; height: auto !important; min-height: 3.5rem; }
.sa-info-list .s-a-home-award-item .a-s-align-to-right { max-width: 60%; text-align: right; }
.sa-info-list-mobile .s-a-home-award-item-mobile { height: auto !important; min-height: 44px; padding: 10px 0; align-items: flex-start; }
.sa-info-list-mobile .flex-block-28 { flex: 1; }
.sa-info-list-mobile .a-s-align-to-right { text-align: right; }

/* Case-study header: scope label vs values spacing */
.s-a-case-header-scope-wrapper { justify-content: space-between; }
.s-a-case-header-scope { margin-right: 40px; }
.s-a-case-header-scope-wrapper .s-a-case-studies-row-description-right { flex-direction: column; align-items: flex-end; }
.s-a-cs-go-back { text-decoration: none; }

/* Contact: hide Signal-A FAQ + founder photo (our content goes through contact settings) */
.image-62 { display: none !important; }

/* FAQ accordion (JS-driven, reference IX replacement) */
.s-a-contact-faq-item-content { display: none; }
.s-a-contact-faq-item.is-open .s-a-contact-faq-item-content { display: flex; }
.s-a-contact-faq-item .faq-chevron { transition: transform .3s ease; }
.s-a-contact-faq-item.is-open .faq-chevron { transform: rotate(180deg); }

/* Mobile archive accordion: images flow naturally */
.s-a-archive-mobile-content { height: auto !important; overflow: visible !important; }
.s-a-archive-mobile-content .mobile-slider-image { width: 100% !important; height: auto !important; position: static !important; }
.s-a-archive-mobile-header { text-decoration: none; display: block; }
#sa-cs-gallery .s-a-full-width-image { width: auto; max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; justify-self: center; }
#sa-cs-gallery .sa-col-full { grid-column: 1 / -1; }
#sa-cs-gallery .sa-col-half { grid-column: span 6; }
#sa-cs-gallery .sa-col-third { grid-column: span 4; }
#sa-cs-gallery .sa-cs-video { position: relative; aspect-ratio: 16 / 9; }
#sa-cs-gallery .sa-cs-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Case-study "more cases" grid — reference small list items */
.flex-block-39 .small-case-study-list-item { flex: 1; }
.small-case-study-list-item { text-decoration: none; color: inherit; position: relative; min-height: 120px; }
.small-case-study-list-item > div:first-child { grid-area: 1 / 6 / 2 / 7; position: relative; }
.small-case-study-list-item .s-a-more-cases-thumb { width: 100%; height: auto; display: block; }
.small-case-study-list-item .hover {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    display: none;
}
.small-case-study-list-item:hover .hover { display: block; }
.small-case-study-list-item > .scramble-target:not(.s-a-default-text) { grid-area: 1 / 1 / 2 / 6; align-self: start; }
.small-case-study-list-item > .s-a-right-arrow { grid-area: 1 / 5 / 2 / 6; place-self: end; width: 22px; }
.small-case-study-list-item > .s-a-default-text { grid-area: 1 / 1 / 2 / 6; align-self: end; }
.s-a-case-study-more-header { color: inherit; text-decoration: none; }
.s-a-more-cases a.small-case-study-list-item.w--current { opacity: .45; pointer-events: none; }

@media (max-width: 767px) {
    #sa-cs-gallery .sa-col-half, #sa-cs-gallery .sa-col-third { grid-column: 1 / -1; }
    .small-case-study-list-item > .s-a-right-arrow { display: none; }
    .small-case-study-list-item > .scramble-target:not(.s-a-default-text) { grid-area: 1 / 1 / 2 / 6; }
}

/* Playground / archive hover image preserves each image's natural aspect ratio */
.s-a-archive-cursor {
    aspect-ratio: auto !important;
    width: auto !important;
    min-width: auto !important;
    max-width: min(45vh, 600px) !important;
    height: auto !important;
    max-height: min(45vh, 600px) !important;
    object-fit: contain !important;
    /* row copy stays hidden; the cursor clone overrides display via inline style */
    display: none;
}
.custom-cursor {
    width: auto !important;
    height: auto !important;
    max-width: min(45vh, 600px) !important;
    max-height: min(45vh, 600px) !important;
    object-fit: contain !important;
}

/* Archive row overlay (reference expand-on-click) */
.s-a-archive-row.is-viewed .s-a-archive-viewed { display: flex; }
.s-a-archive-overlay .s-a-archive-content-wrapper { flex-direction: column; }
.s-a-archive-overlay .s-a-archive-slider {
    display: flex;
    gap: var(--s-a-gap-default, 20px);
    overflow-x: auto;
    scroll-snap-type: x proximity;
    align-items: center;
    justify-content: safe center;
    border-top: 1px solid #000;
    padding-top: 20px;
}
.sa-archive-slide {
    flex: 0 0 auto;
    scroll-snap-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}
.sa-archive-slide img {
    max-width: 60vw;
    max-height: 55vh;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}
.sa-archive-slide iframe {
    width: 60vw;
    aspect-ratio: 16 / 9;
    border: 0;
    display: block;
}
.s-a-archive-overlay .s-a-archive-slider-nav { padding-bottom: 10px; }
.s-a-archive-overlay .s-a-archive-slider-nav .s-a-slider-buttons { width: 100%; }
.s-a-archive-overlay .s-a-slider-buttons img { height: 14px; }
.s-a-slider-button-left-bottom-line.disabled,
.s-a-slider-button-right-bottom-line.disabled { opacity: .3; pointer-events: none; }
.s-a-archive-overlay .s-a-archive-project-descirption-wrapper {
    display: grid;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    min-height: 140px;
}
.s-a-archive-overlay .s-a-archive-project-descirption-wrapper .s-a-default-text { align-self: end; }
.s-a-archive-overlay .s-a-archive-close-wrapper { cursor: none; display: flex; justify-content: space-between; height: 50px; padding: 20px 0; }
.archive-custom-cursor {
    position: fixed;
    pointer-events: none;
    z-index: 6000;
    transform: translate(-50%, -50%);
    display: none;
    -webkit-font-smoothing: antialiased;
}

/* Contact: direct mail link */
.s-a-contact-email {
    color: inherit;
    text-decoration: none;
    font-family: PPEditorialNew, 'Times New Roman', serif;
    font-size: clamp(22px, 2.6vw, 40px);
    line-height: 1.1;
    border-bottom: var(--s-a-stroke-width-default, 1px) solid currentColor;
    align-self: flex-start;
    margin-top: 10px;
}
.s-a-contact-email:hover { opacity: .6; }

/* About: injected reference sections (CMS-driven) */
#sa-about-recognitions-grid .s-a-table-header { grid-area: 1 / 1 / 2 / 7; }
#sa-about-recognitions-grid .s-a-home-awards-list { grid-area: 1 / 7 / 2 / 13; }
#sa-about-recognitions-grid .s-a-home-award-item { border-bottom: var(--s-a-stroke-width-default, 1px) solid var(--s-a-black, #000); height: 55px; align-items: center; justify-content: space-between; }
#sa-about-recognitions-grid .s-a-award-image-b img { max-height: 34px; width: auto; }
.sa-testimonial-grid .s-a-tstmnl { grid-area: 1 / 7 / 2 / 13; }
.sa-testimonial-grid .s-a-b-testimonial { grid-area: auto; display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-a-gap-default, 20px); }
.sa-founder-grid .div-block-20 { grid-area: 1 / 3 / 2 / 7; }
.sa-founder-grid .div-block-23 { grid-area: 1 / 7 / 2 / 11; }
.sa-founder-grid .image-10 { width: 100%; height: auto; display: block; }

@media (max-width: 991px) {
    #sa-about-recognitions-grid .s-a-table-header,
    #sa-about-recognitions-grid .s-a-home-awards-list,
    .sa-testimonial-grid .s-a-tstmnl,
    .sa-founder-grid .div-block-20,
    .sa-founder-grid .div-block-23 { grid-column: 1 / -1; grid-row: auto; }
    .sa-testimonial-grid .s-a-b-testimonial { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .sa-hero-title { font-size: 12.5vw; }
    .sa-statement { font-size: 7.2vw; text-align: left; text-align-last: auto; }
    .sa-marquee-name { font-size: 17vw; }
    .sa-marquee-tag { font-size: 3vw; margin-top: .9em; }
}

/* Lang switcher: her zaman en üstte ve tıklanabilir */
.lang-switcher { position: relative; z-index: 30; pointer-events: auto; }
.s-a-menu > .lang-switcher {
  grid-column: 6;
  justify-self: end;
  align-self: start;
  padding: 14px 0 0;
}
.s-a-mobile-menu .lang-switcher { width: 100%; }