@layer sections {
[data-tfg="on"] .contact-page,
[data-tfg="on"] .contact-success-page {
    background: transparent;
    color: var(--tfg-text-primary);
}

/* Patron 2026-06-25: bu yoğun sayfada bölüm-arası ritim daha SIK olmalı — kanonik dense
   section-gap token'ı (home da bunu kullanır; standart token, raw değer değil). Diğer içerik
   sayfaları standart gap'te kalır. ContactSectionSpacingGate bu token'ı kilitler (drift YOK). */
[data-tfg="on"] .contact-page {
    display: grid;
    gap: var(--tfg-geometry-page-section-gap-dense);
}

[data-tfg="on"] .content-page:has(.contact-page) {
    padding-block-end: var(--tfg-space-0);
}

[data-tfg="on"] .content-page:has(.contact-page) .content-page__hero-aside {
    justify-items: center;
}

[data-tfg="on"] .contact-page > :where(section, div) {
    margin-block: var(--tfg-space-0);
}

[data-tfg="on"] .contact-hero-visual {
    inline-size: min(100%, var(--tfg-measure-rem-md));
    justify-self: center;
    margin-inline: auto;
    aspect-ratio: 1;
    border: var(--tfg-hero-frame-border);
    border-radius: var(--tfg-hero-frame-radius);
}

[data-tfg="on"] .contact-hero-visual__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

[data-tfg="on"] .contact-intake-panel {
    min-width: 0;
}

[data-tfg="on"] .contact-support-card,
[data-tfg="on"] .contact-info,
[data-tfg="on"] .quick-contact-modal__panel {
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .contact-info {
    display: grid;
    gap: var(--tfg-space-6);
    padding: var(--tfg-geometry-panel-padding);
}

[data-tfg="on"] .contact-info .tfg-section-header,
[data-tfg="on"] .contact-support-section .tfg-section-header {
    align-items: flex-start;
    max-width: var(--tfg-measure-wide);
    margin: var(--tfg-space-0);
    text-align: left;
}

[data-tfg="on"] .contact-form,
[data-tfg="on"] .contact-form__field,
[data-tfg="on"] .contact-info__list,
[data-tfg="on"] .contact-support-section,
[data-tfg="on"] .contact-support-card,
[data-tfg="on"] .contact-step-list {
    display: grid;
}

[data-tfg="on"] .contact-form {
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .contact-form__field {
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .contact-info__list {
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .contact-info__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: var(--tfg-space-4);
    padding: var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-md);
    background:
        linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.045), hsla(0deg, 0%, 100%, 0.012)),
        var(--tfg-panel-background-soft);
}

[data-tfg="on"] .contact-info__label {
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-eyebrow);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
}

[data-tfg="on"] .contact-info__value {
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-role-card-title);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-normal);
}

[data-tfg="on"] .contact-info__value--link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    min-height: var(--tfg-control-min-height);
    box-sizing: border-box;
    padding-block: var(--tfg-space-1);
    overflow-wrap: anywhere;
    text-decoration-thickness: var(--tfg-border-hairline);
    text-underline-offset: 0.18em;
}

[data-tfg="on"] .contact-info__hint {
    margin-block-start: var(--tfg-space-2);
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-body-sm);
    line-height: var(--tfg-line-height-normal);
}

[data-tfg="on"] .contact-quick-form-section {
    padding-block: var(--tfg-space-0);
    background: transparent;
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .contact-quick-form-container {
    width: 100%;
    max-width: 100%;
    padding: var(--tfg-space-0);
}

[data-tfg="on"] .contact-support-section {
    gap: var(--tfg-space-5);
    padding-block: var(--tfg-space-0);
}

[data-tfg="on"] .contact-intake-shell,
[data-tfg="on"] .contact-guidance-shell,
[data-tfg="on"] .contact-response-faq-shell,
[data-tfg="on"] .contact-channel-section,
[data-tfg="on"] .contact-related-section {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: var(--tfg-geometry-card-gap);
    overflow: hidden;
    padding: var(--tfg-geometry-panel-padding);
    border: var(--tfg-glass-shell-border);
    border-radius: var(--tfg-radius-xl);
    background: var(--tfg-glass-shell-background);
    box-shadow: var(--tfg-glass-shell-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-shell-blur);
    backdrop-filter: var(--tfg-glass-shell-blur);
}

[data-tfg="on"] .contact-intake-shell::before,
[data-tfg="on"] .contact-intake-shell::after,
[data-tfg="on"] .contact-guidance-shell::before,
[data-tfg="on"] .contact-guidance-shell::after,
[data-tfg="on"] .contact-response-faq-shell::before,
[data-tfg="on"] .contact-response-faq-shell::after,
[data-tfg="on"] .contact-channel-section::before,
[data-tfg="on"] .contact-channel-section::after,
[data-tfg="on"] .contact-related-section::before,
[data-tfg="on"] .contact-related-section::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .contact-intake-shell::before,
[data-tfg="on"] .contact-guidance-shell::before,
[data-tfg="on"] .contact-response-faq-shell::before,
[data-tfg="on"] .contact-channel-section::before,
[data-tfg="on"] .contact-related-section::before {
    background:
        linear-gradient(116deg, hsla(0deg, 0%, 100%, 0.13), transparent 34%, transparent 74%, hsla(199deg, 57%, 64%, 0.07)),
        var(--tfg-atmosphere-facet-image),
        var(--tfg-atmosphere-noise-image);
    background-position: center;
    background-size: cover, cover, var(--tfg-grid-card-min) var(--tfg-grid-card-min);
    opacity: 0.24;
}

[data-tfg="on"] .contact-intake-shell::after,
[data-tfg="on"] .contact-guidance-shell::after,
[data-tfg="on"] .contact-response-faq-shell::after,
[data-tfg="on"] .contact-channel-section::after,
[data-tfg="on"] .contact-related-section::after {
    inset-block-start: auto;
    height: var(--tfg-border-hairline);
    margin-inline: var(--tfg-space-8);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-shell-highlight-line);
    opacity: 0.84;
}

[data-tfg="on"] .contact-intake-shell > *,
[data-tfg="on"] .contact-guidance-shell > *,
[data-tfg="on"] .contact-response-faq-shell > *,
[data-tfg="on"] .contact-channel-section > *,
[data-tfg="on"] .contact-related-section > * {
    position: relative;
    z-index: var(--tfg-z-content);
}

[data-tfg="on"] .contact-premium-section {
    position: relative;
    isolation: isolate;
}

[data-tfg="on"] .contact-premium-heading {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    max-width: min(100%, var(--tfg-measure-wide));
    gap: var(--tfg-space-2) var(--tfg-space-4);
}

[data-tfg="on"] .contact-premium-heading .tfg-section-header__leading {
    grid-row: 1 / span 2;
}

[data-tfg="on"] .contact-premium-heading__icon,
[data-tfg="on"] .contact-card__icon {
    border: var(--tfg-glass-card-border-strong);
    background: var(--tfg-icon-chip-background-warm), var(--tfg-panel-background-heavy);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
}

[data-tfg="on"] .contact-premium-heading .tfg-section-header__title {
    font-size: var(--tfg-font-size-title);
    letter-spacing: var(--tfg-heading-tracking);
}

[data-tfg="on"] .contact-premium-heading .tfg-section-header__description {
    /* Audit card #1 T2 fix: --tfg-measure-readable was never defined (A3 anti-pattern,
       the cap silently no-op'd); section-header copy uses the default measure token. */
    max-width: var(--tfg-measure-default);
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .contact-support-grid {
    display: grid;
    grid-template-columns: var(--tfg-grid-tier-3);
    gap: var(--tfg-geometry-card-gap);
}

[data-tfg="on"] .contact-support-grid--slots {
    grid-template-columns: var(--tfg-grid-tier-2);
}

[data-tfg="on"] .contact-support-card {
    position: relative;
    align-content: start;
    gap: var(--tfg-space-3);
    min-width: 0;
    padding: var(--tfg-space-6);
    overflow: clip;
    background:
        linear-gradient(135deg, var(--tfg-panel-background-strong), var(--tfg-glass-card-background));
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .contact-support-card::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: var(--tfg-space-6);
    block-size: var(--tfg-border-hairline);
    background: var(--tfg-metric-frame-top-rim);
    opacity: 0.82;
    pointer-events: none;
}

[data-tfg="on"] .contact-support-card > * {
    position: relative;
    z-index: var(--tfg-z-content);
}

[data-tfg="on"] .contact-support-card:is(:hover, :focus-within) {
    border: var(--tfg-glass-card-hover-border);
    background: var(--tfg-glass-card-hover-background);
    box-shadow: var(--tfg-glass-card-hover-shadow);
    transform: var(--tfg-glass-card-hover-transform);
}

[data-tfg="on"] .contact-support-card:is(:hover, :focus-within) h3 {
    color: var(--tfg-glass-card-hover-title);
}

[data-tfg="on"] .contact-decision-card,
[data-tfg="on"] .contact-related-card,
[data-tfg="on"] .contact-channel-card {
    min-height: var(--tfg-grid-col-15);
}

[data-tfg="on"] .contact-decision-card {
    grid-template-rows: auto auto minmax(0, 1fr);
}

[data-tfg="on"] .contact-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: var(--tfg-space-3);
    margin-block-end: var(--tfg-space-2);
}

[data-tfg="on"] .contact-card__index {
    display: inline-flex;
    min-width: var(--tfg-icon-chip-sm);
    min-height: var(--tfg-icon-chip-sm);
    align-items: center;
    justify-content: center;
    padding-inline: var(--tfg-space-3);
    border: var(--tfg-glass-meta-pill-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-meta-pill-background);
    color: var(--tfg-text-secondary);
    font-family: var(--tfg-font-num);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-nav);
    line-height: var(--tfg-line-height-tight);
    box-shadow: var(--tfg-glass-meta-pill-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-meta-pill-blur);
    backdrop-filter: var(--tfg-glass-meta-pill-blur);
}

[data-tfg="on"] .contact-support-card h3,
[data-tfg="on"] .contact-support-card p,
[data-tfg="on"] .contact-step-list {
    margin: var(--tfg-space-0);
}

[data-tfg="on"] .contact-support-card h3 {
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-role-card-title);
    line-height: var(--tfg-line-height-tight);
    text-wrap: balance;
}

[data-tfg="on"] .contact-support-card p {
    color: var(--tfg-text-secondary);
    line-height: var(--tfg-line-height-body);
    text-wrap: var(--tfg-text-wrap-body);
}

[data-tfg="on"] .contact-step-list {
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-0);
    list-style: none;
    counter-reset: contact-step;
}

[data-tfg="on"] .contact-step-list li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    min-height: var(--tfg-control-min-height);
    gap: var(--tfg-space-4);
    padding: var(--tfg-space-4) var(--tfg-space-5);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background:
        linear-gradient(90deg, var(--tfg-panel-background-strong), var(--tfg-glass-card-background));
    color: var(--tfg-text-primary);
    line-height: var(--tfg-line-height-body);
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .contact-step-list--premium li::before {
    content: none;
}

[data-tfg="on"] .contact-step-list__number {
    display: inline-grid;
    inline-size: var(--tfg-icon-chip-sm);
    block-size: var(--tfg-icon-chip-sm);
    place-items: center;
    border: var(--tfg-glass-card-border-strong);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-icon-chip-background-warm), var(--tfg-panel-background-heavy);
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-tight);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
}

[data-tfg="on"] .contact-step-list__body {
    min-width: 0;
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .contact-response-faq-list {
    display: grid;
    counter-reset: contact-response-faq;
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .contact-response-faq-item {
    position: relative;
    overflow: hidden;
    padding: var(--tfg-space-0);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-xl);
    background:
        var(--tfg-glass-card-highlight),
        var(--tfg-panel-background-soft);
    box-shadow:
        var(--tfg-rim-light),
        var(--tfg-rim-shadow);
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .contact-response-faq-item::before {
    position: absolute;
    inset-block: var(--tfg-space-0);
    inset-inline-start: var(--tfg-space-0);
    width: calc(var(--tfg-border-hairline) * 3);
    background: var(--tfg-glass-shell-highlight-line);
    content: "";
    opacity: 0;
    transition: opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .contact-response-faq-item[open] {
    border-color: var(--tfg-accent-rim);
    background:
        radial-gradient(circle at 10% 0%, var(--tfg-accent-soft), transparent var(--tfg-grid-card-max)),
        var(--tfg-glass-card-highlight),
        var(--tfg-panel-background-strong);
    box-shadow:
        var(--tfg-glass-card-shadow-hover),
        var(--tfg-warm-glow);
}

[data-tfg="on"] .contact-response-faq-item[open]::before {
    opacity: 1;
}

[data-tfg="on"] .contact-response-faq-item:hover {
    border: var(--tfg-glass-card-hover-border);
    box-shadow: var(--tfg-glass-card-hover-shadow);
    transform: var(--tfg-glass-card-hover-transform);
}

[data-tfg="on"] .contact-response-faq-summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    min-height: calc(var(--tfg-control-min-height) + var(--tfg-space-5));
    gap: var(--tfg-space-4);
    padding: var(--tfg-space-4) var(--tfg-space-5);
    color: var(--tfg-text-headline);
    cursor: pointer;
    list-style: none;
}

[data-tfg="on"] .contact-response-faq-summary::-webkit-details-marker {
    display: none;
}

[data-tfg="on"] .contact-response-faq-summary::before {
    display: inline-grid;
    inline-size: var(--tfg-icon-chip-sm);
    block-size: var(--tfg-icon-chip-sm);
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-icon-chip-background);
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-tight);
    box-shadow: var(--tfg-icon-chip-shadow);
    content: counter(contact-response-faq, decimal-leading-zero);
    counter-increment: contact-response-faq;
}

[data-tfg="on"] .contact-response-faq-summary > span {
    min-width: 0;
    font-size: var(--tfg-font-size-body);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .contact-response-faq-summary:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-md);
}

[data-tfg="on"] .contact-response-faq-chevron {
    display: inline-grid;
    inline-size: var(--tfg-icon-chip-sm);
    block-size: var(--tfg-icon-chip-sm);
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-icon-chip-background-ghost);
    color: var(--tfg-text-secondary);
    transition:
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .contact-response-faq-item[open] .contact-response-faq-chevron {
    color: var(--tfg-accent-warm-bright);
    transform: rotate(180deg);
}

[data-tfg="on"] .contact-response-faq-answer {
    display: grid;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-0) var(--tfg-space-5) var(--tfg-space-5) calc(var(--tfg-space-5) + var(--tfg-icon-chip-sm) + var(--tfg-space-4));
}

[data-tfg="on"] .contact-response-faq-answer p {
    max-width: var(--tfg-measure-wide);
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-sm);
    line-height: var(--tfg-line-height-body);
    text-wrap: var(--tfg-text-wrap-body);
}

[data-tfg="on"] .contact-channel-card {
    min-height: var(--tfg-grid-stat-min);
}

[data-tfg="on"] .contact-related-card .contact-slot-link,
[data-tfg="on"] .contact-channel-card .contact-slot-link {
    width: fit-content;
    max-width: 100%;
    margin-block-start: auto;
}

/* Office-location map (Patron 2026-06-25, "açık kur"): open keyed Maps Embed iframe — functional
   location element, no consent gate (KVKK disclosure lives in the cookie policy third-party table).
   Title sits inside the framed card. Token-only; responsive height via clamp (≈2× prior). */
[data-tfg="on"] .contact-map-card {
    display: grid;
    gap: var(--tfg-space-5);
    padding: var(--tfg-space-6);
}

[data-tfg="on"] .contact-map-embed {
    border-radius: var(--tfg-radius-lg);
    overflow: hidden;
}

[data-tfg="on"] .contact-map-frame {
    display: block;
    inline-size: 100%;
    block-size: clamp(32rem, 60vw, 46rem);
    border: 0;
}

[data-tfg="on"] .contact-map-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .contact-map-address {
    max-inline-size: 46ch;
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
}

/* KVKK click-to-load placeholder (Patron 2026-06-25 Option A, re-affirmed 2026-06-30): shown until the
   visitor clicks; no Google request fires before consent. Token-only; collapses to 1 column on mobile. */
[data-tfg="on"] .contact-map-placeholder {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: var(--tfg-space-3);
    min-height: clamp(16rem, 36vw, 24rem);
    padding: var(--tfg-space-6);
    text-align: center;
}

[data-tfg="on"] .contact-map-consent-note {
    max-inline-size: 46ch;
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-caption);
}

[data-tfg="on"] .contact-map-load {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-2);
    padding-block: var(--tfg-space-2);
    padding-inline: var(--tfg-space-5);
    border: var(--tfg-border-hairline) solid transparent;
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
    color: var(--tfg-text-on-accent);
    font-weight: var(--tfg-font-weight-semibold);
    cursor: pointer;
    transition:
        transform var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard),
        box-shadow var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .contact-map-load:hover {
    transform: translateY(var(--tfg-nav-hover-lift));
    box-shadow: var(--tfg-warm-glow);
}

[data-tfg="on"] .quick-contact-modal__overlay {
    padding: var(--tfg-space-6);
}

[data-tfg="on"] .quick-contact-modal__panel {
    position: relative;
    width: min(100%, var(--tfg-measure-rem-4xl));
    max-height: calc(100vh - (var(--tfg-space-6) * 2));
    overflow: auto;
    padding: var(--tfg-space-0);
    background: var(--tfg-panel-background-heavy);
    box-shadow: var(--tfg-panel-shadow-deep), var(--tfg-rim-light);
}

/* ── Token-sweep 2026-06-11 BELGELİ İSTİSNA: designer-credit-modal özel karanlık-cam yüzeyi —
   bu bölümdeki 27 hsla() değeri bileşene özgü cam reçetesidir (tek kullanım, yeniden kullanım yok);
   tokena taşınmaz. Kayıt: docs/execution/ui-uplift/UiWave2TokenSweepRecord.md */
[data-tfg="on"] .designer-credit-modal__panel.quick-contact-modal__panel {
    width: min(100%, var(--tfg-measure-rem-3xl));
    border: var(--tfg-glass-card-border-strong);
    border-radius: calc(var(--tfg-radius-lg) + var(--tfg-space-1));
    background:
        linear-gradient(180deg, hsla(217deg, 36%, 10%, 0.96), hsla(218deg, 41%, 5%, 0.98)),
        var(--tfg-canvas-deep);
    box-shadow:
        0 var(--tfg-space-8) var(--tfg-space-20) hsla(0deg, 0%, 0%, 0.56),
        0 0 0 var(--tfg-border-hairline) hsla(0deg, 0%, 100%, 0.04) inset,
        var(--tfg-rim-light);
}

[data-tfg="on"] .quick-contact-modal__header {
    position: absolute;
    z-index: var(--tfg-z-content);
    inset-block-start: var(--tfg-space-4);
    inset-inline-end: var(--tfg-space-4);
    justify-content: flex-end;
    width: auto;
    padding: var(--tfg-space-0);
    border: 0;
}

[data-tfg="on"] .quick-contact-modal__header .tfg-modal__title {
    position: absolute;
    overflow: hidden;
    width: var(--tfg-border-hairline);
    height: var(--tfg-border-hairline);
    margin: calc(var(--tfg-border-hairline) * -1);
    clip-path: inset(50%);
    white-space: nowrap;
}

[data-tfg="on"] .quick-contact-modal__header .tfg-modal__close {
    background: var(--tfg-surface-strong);
    box-shadow: var(--tfg-rim-light);
}

[data-tfg="on"] .quick-contact-modal__body {
    padding: var(--tfg-space-0);
}

[data-tfg="on"] .quick-contact-modal {
    display: grid;
    grid-template-columns: minmax(var(--tfg-grid-card-min), 0.45fr) minmax(0, 0.55fr);
    min-height: min(var(--tfg-measure-rem-lg), calc(100vh - (var(--tfg-space-12) * 2)));
    background: transparent;
}

[data-tfg="on"] .designer-credit-modal {
    position: relative;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    overflow: hidden;
    min-height: auto;
    background:
        radial-gradient(ellipse 70% 46% at 18% 6%, hsla(41deg, 83%, 68%, 0.08), transparent 58%),
        radial-gradient(ellipse 58% 42% at 82% 2%, hsla(199deg, 57%, 64%, 0.12), transparent 62%),
        linear-gradient(180deg, hsla(216deg, 37%, 8%, 0.92), hsla(216deg, 45%, 4%, 0.96));
    isolation: isolate;
}

[data-tfg="on"] .designer-credit-modal::before {
    content: "";
    position: absolute;
    inset: -18%;
    background: var(--tfg-atmosphere-field);
    background-size: 120% 120%, 122% 122%, 100% 100%;
    filter: blur(var(--tfg-space-12)) saturate(1.08);
    opacity: 0.34;
    pointer-events: none;
}

[data-tfg="on"] .designer-credit-modal::after {
    content: "";
    position: absolute;
    inset: var(--tfg-space-0);
    background:
        linear-gradient(180deg, hsla(220deg, 38%, 3%, 0.3), hsla(220deg, 38%, 3%, 0.64)),
        var(--tfg-atmosphere-facet-image),
        var(--tfg-atmosphere-noise-image);
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: center, 50% 50%, 0 0;
    background-size: cover, var(--tfg-gradient-w-rem-82-5) auto, var(--tfg-gradient-h-rem-13-75) var(--tfg-gradient-h-rem-13-75);
    opacity: 0.14;
    pointer-events: none;
}

[data-tfg="on"] .designer-credit-modal > * {
    position: relative;
    z-index: var(--tfg-z-content);
}

[data-tfg="on"] .quick-contact-modal__visual {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    background: var(--tfg-surface-heavy);
}

[data-tfg="on"] .quick-contact-modal__image,
[data-tfg="on"] .quick-contact-modal__image img {
    display: block;
    width: 100%;
    height: 100%;
}

[data-tfg="on"] .quick-contact-modal__image img {
    object-fit: cover;
}

[data-tfg="on"] .quick-contact-modal__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent, var(--tfg-surface-heavy));
    pointer-events: none;
}

[data-tfg="on"] .quick-contact-modal__visual-content {
    position: absolute;
    z-index: var(--tfg-z-content);
    inset-inline: var(--tfg-space-0);
    inset-block-end: var(--tfg-space-0);
    display: grid;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-8);
}

[data-tfg="on"] .designer-credit-modal__profile-card {
    display: grid;
    position: relative;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    overflow: hidden;
    width: 100%;
    min-height: auto;
    gap: var(--tfg-space-2) var(--tfg-space-5);
    padding: var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background:
        linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.085), hsla(0deg, 0%, 100%, 0.018) 54%),
        hsla(217deg, 42%, 6%, 0.68);
    box-shadow:
        0 var(--tfg-space-5) var(--tfg-space-12) hsla(0deg, 0%, 0%, 0.26),
        0 0 0 var(--tfg-border-hairline) hsla(0deg, 0%, 100%, 0.035) inset;
}

[data-tfg="on"] .designer-credit-modal__profile-card::before {
    content: "";
    position: absolute;
    inset: var(--tfg-space-0);
    background:
        linear-gradient(90deg, hsla(41deg, 83%, 68%, 0.08), transparent 34%),
        radial-gradient(ellipse 42% 80% at 92% 12%, hsla(199deg, 57%, 64%, 0.12), transparent 66%);
    pointer-events: none;
}

[data-tfg="on"] .designer-credit-modal__profile-card > * {
    position: relative;
    z-index: var(--tfg-z-content);
}

[data-tfg="on"] .designer-credit-modal__profile-media {
    display: inline-grid;
    position: relative;
    grid-row: 1 / span 4;
    width: max-content;
    margin-block-end: var(--tfg-space-0);
}

[data-tfg="on"] .designer-credit-modal__portrait {
    display: block;
    overflow: hidden;
    width: var(--tfg-len-rem-5-5);
    aspect-ratio: 1;
    border: var(--tfg-glass-card-border-strong);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-heavy);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
}

[data-tfg="on"] .designer-credit-modal__portrait img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[data-tfg="on"] .designer-credit-modal__profile-mark {
    position: absolute;
    inset-block-end: var(--tfg-space-0);
    inset-inline-end: var(--tfg-space-0);
}

[data-tfg="on"] .designer-credit-modal__profile-mark,
[data-tfg="on"] .designer-credit-modal__icon-orb {
    display: inline-flex;
    width: var(--tfg-control-min-height);
    aspect-ratio: 1;
    flex: 0 0 var(--tfg-control-min-height);
    align-items: center;
    justify-content: center;
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-icon-chip-background-warm), var(--tfg-panel-background-heavy);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
}

[data-tfg="on"] .designer-credit-modal__profile-card .designer-credit-modal__profile-mark,
[data-tfg="on"] .designer-credit-modal__profile-card .designer-credit-modal__icon-orb {
    width: var(--tfg-len-rem-2-35);
    flex-basis: var(--tfg-len-rem-2-35);
}

[data-tfg="on"] .designer-credit-modal__icon-orb .tfg-icon,
[data-tfg="on"] .designer-credit-modal__profile-mark .tfg-icon {
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .designer-credit-modal__profile-card .quick-contact-modal__visual-tagline {
    grid-column: 2;
    font-size: var(--tfg-font-size-title);
}

[data-tfg="on"] .designer-credit-modal__profile-card .quick-contact-modal__visual-copy {
    grid-column: 2;
    font-size: var(--tfg-font-size-body-sm);
}

[data-tfg="on"] .quick-contact-modal__visual-tagline,
[data-tfg="on"] .quick-contact-modal__title,
[data-tfg="on"] .quick-contact-modal__success-title {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-size-title-sm);
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-title);
}

[data-tfg="on"] .quick-contact-modal__visual-copy,
[data-tfg="on"] .quick-contact-modal__subtitle,
[data-tfg="on"] .quick-contact-modal__success-copy,
[data-tfg="on"] .quick-contact-modal__privacy,
[data-tfg="on"] .designer-credit-modal__consent {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-sm);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .quick-contact-modal__visual-topic,
[data-tfg="on"] .designer-credit-modal__profile-links a {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: calc(var(--tfg-control-min-height) + var(--tfg-space-2));
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-1) var(--tfg-space-3) var(--tfg-space-1) var(--tfg-space-1);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    text-decoration: none;
}

[data-tfg="on"] .designer-credit-modal__role-chip {
    grid-column: 2;
    margin-block-start: var(--tfg-space-2);
}

[data-tfg="on"] .designer-credit-modal__profile-card .designer-credit-modal__role-chip,
[data-tfg="on"] .designer-credit-modal__profile-card .designer-credit-modal__profile-links a {
    min-height: var(--tfg-len-rem-2-65);
    background: hsla(217deg, 45%, 6%, 0.68);
    box-shadow:
        0 var(--tfg-space-3) var(--tfg-len-rem-1-8) hsla(0deg, 0%, 0%, 0.2),
        0 0 0 var(--tfg-border-hairline) hsla(0deg, 0%, 100%, 0.025) inset;
}

[data-tfg="on"] .designer-credit-modal__copy-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .designer-credit-modal__copy-head .quick-contact-modal__badge {
    width: 100%;
    min-width: var(--tfg-space-0);
    margin: var(--tfg-space-0);
}

[data-tfg="on"] .designer-credit-modal__inline-close {
    width: var(--tfg-control-min-height);
    min-height: var(--tfg-control-min-height);
    padding: var(--tfg-space-0);
    background: var(--tfg-surface-strong);
    box-shadow: var(--tfg-rim-light);
    justify-self: end;
}

[data-tfg="on"] .designer-credit-modal__inline-close:hover,
[data-tfg="on"] .designer-credit-modal__inline-close:focus-visible {
    border-color: var(--tfg-surface-border-strong);
    background: var(--tfg-panel-background-strong);
}

[data-tfg="on"] .quick-contact-modal__form-shell,
[data-tfg="on"] .quick-contact-modal__success {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: var(--tfg-space-0);
    gap: var(--tfg-space-5);
    padding: var(--tfg-space-10) var(--tfg-space-8);
    background: var(--tfg-panel-background-strong);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__form-shell,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__success {
    justify-content: flex-start;
    padding: var(--tfg-space-6) var(--tfg-space-7) var(--tfg-space-7);
    background: transparent;
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__copy {
    gap: var(--tfg-space-5);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__title {
    font-size: var(--tfg-font-size-title);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__subtitle {
    max-width: var(--tfg-measure-rem-2xl);
}

[data-tfg="on"] .quick-contact-modal__copy,
[data-tfg="on"] .quick-contact-modal__form,
[data-tfg="on"] .quick-contact-modal__field {
    display: grid;
}

[data-tfg="on"] .quick-contact-modal__copy,
[data-tfg="on"] .quick-contact-modal__form {
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .quick-contact-modal__field {
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .quick-contact-modal__field-row,
[data-tfg="on"] .quick-contact-modal__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .quick-contact-modal__label {
    display: block;
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-body-sm);
    font-weight: var(--tfg-font-weight-medium);
}

[data-tfg="on"] .quick-contact-modal__required,
[data-tfg="on"] .quick-contact-modal__field--error .quick-contact-modal__label {
    color: var(--tfg-state-error);
}

[data-tfg="on"] .quick-contact-modal__input {
    width: 100%;
    min-height: var(--tfg-space-12);
    padding: var(--tfg-space-3) var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-surface);
    color: var(--tfg-text-primary);
    font: inherit;
    outline: none;
    transition: border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__input {
    min-height: var(--tfg-len-rem-3-2);
    border-color: hsla(212deg, 47%, 85%, 0.2);
    background: hsla(215deg, 50%, 5%, 0.76);
    box-shadow:
        0 var(--tfg-border-hairline) 0 hsla(0deg, 0%, 100%, 0.04) inset,
        0 var(--tfg-len-rem-0-85) var(--tfg-len-rem-1-8) hsla(0deg, 0%, 0%, 0.14);
}

[data-tfg="on"] .quick-contact-modal__input::placeholder {
    color: var(--tfg-text-muted);
}

[data-tfg="on"] .quick-contact-modal__input:focus {
    border-color: var(--tfg-surface-border-strong);
    box-shadow: 0 0 0 var(--tfg-focus-width) var(--tfg-focus-ring);
}

[data-tfg="on"] .quick-contact-modal__input--error {
    border-color: var(--tfg-state-error);
}

[data-tfg="on"] .quick-contact-modal__input--tel {
    font-variant-numeric: tabular-nums;
}

[data-tfg="on"] .quick-contact-modal__textarea {
    min-height: var(--tfg-size-rem-7);
    resize: vertical;
}

[data-tfg="on"] .quick-contact-modal__error {
    min-height: var(--tfg-space-4);
    color: var(--tfg-state-error);
    font-size: var(--tfg-font-size-caption);
}

[data-tfg="on"] .quick-contact-modal__hint {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-2);
    color: var(--tfg-state-warning);
    font-size: var(--tfg-font-size-caption);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .quick-contact-modal__honeypot {
    position: absolute;
    overflow: hidden;
    width: var(--tfg-border-hairline);
    height: var(--tfg-border-hairline);
    clip-path: inset(50%);
}

[data-tfg="on"] .quick-contact-modal__privacy a,
[data-tfg="on"] .designer-credit-modal__consent a {
    color: var(--tfg-accent-cool);
    text-underline-offset: var(--tfg-nudge-sm);
}

[data-tfg="on"] .quick-contact-modal__cancel,
[data-tfg="on"] .quick-contact-modal__submit,
[data-tfg="on"] .quick-contact-modal__submit--link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--tfg-space-12);
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-3) var(--tfg-space-5);
    border-radius: var(--tfg-radius-pill);
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-body);
    font-weight: var(--tfg-font-weight-semibold);
    text-decoration: none;
    transition: transform var(--tfg-duration-fast) var(--tfg-ease-standard),
        opacity var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .quick-contact-modal__cancel {
    border: var(--tfg-panel-border);
    background: transparent;
}

[data-tfg="on"] .quick-contact-modal__submit,
[data-tfg="on"] .quick-contact-modal__submit--link {
    border: var(--tfg-panel-border-strong);
    background: linear-gradient(135deg, var(--tfg-accent-warm-bright), var(--tfg-accent-warm-deep));
    color: var(--tfg-text-inverse);
    cursor: pointer;
}

[data-tfg="on"] .quick-contact-modal__cancel:hover,
[data-tfg="on"] .quick-contact-modal__submit:hover,
[data-tfg="on"] .quick-contact-modal__submit--link:hover {
    transform: translateY(calc(var(--tfg-border-hairline) * -1));
}

[data-tfg="on"] .quick-contact-modal__submit:disabled,
[data-tfg="on"] .quick-contact-modal__submit--loading {
    cursor: not-allowed;
    opacity: 0.72;
}

[data-tfg="on"] .quick-contact-modal__submit--loading::after {
    content: "";
    width: var(--tfg-space-4);
    aspect-ratio: 1;
    border: var(--tfg-focus-width) solid currentcolor;
    border-block-start-color: transparent;
    border-radius: var(--tfg-radius-pill);
    animation: quick-contact-spin var(--tfg-duration-slow) linear infinite;
}

[data-tfg="on"] .quick-contact-modal__success {
    text-align: start;
}

[data-tfg="on"] .quick-contact-modal__success-mark,
[data-tfg="on"] .quick-contact-modal__success-icon {
    width: var(--tfg-len-rem-4-5);
    height: var(--tfg-len-rem-4-5);
}

[data-tfg="on"] .quick-contact-modal__success-circle {
    stroke: var(--tfg-state-success);
    stroke-width: 2;
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    animation: quick-contact-circle var(--tfg-duration-slow) var(--tfg-ease-emphasized) forwards;
}

[data-tfg="on"] .quick-contact-modal__success-check {
    stroke: var(--tfg-state-success);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 40;
    stroke-dashoffset: 40;
    animation: quick-contact-check var(--tfg-duration-standard) var(--tfg-ease-emphasized) var(--tfg-duration-fast) forwards;
}

[data-tfg="on"] .quick-contact-modal__panel--unified {
    width: min(calc(100vw - (var(--tfg-space-5) * 2)), var(--tfg-container-lg));
}

[data-tfg="on"] .quick-contact-modal__body--unified {
    padding: var(--tfg-space-0);
}

[data-tfg="on"] .quick-contact-modal--unified {
    display: block;
    min-height: auto;
}

[data-tfg="on"] .quick-contact-modal--unified .home-quick-form-card {
    width: 100%;
    border: 0;
    border-radius: var(--tfg-radius-xl);
    box-shadow: none;
}

[data-tfg="on"] .contact-page #contact-form {
    min-width: 0;
}

[data-tfg="on"] .designer-credit-modal__profile-links {
    display: flex;
    grid-column: 2;
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .designer-credit-modal__profile-links a {
    min-height: calc(var(--tfg-control-min-height) + var(--tfg-space-2));
    font-size: var(--tfg-font-size-body-sm);
}

[data-tfg="on"] .designer-credit-modal__profile-links a:hover,
[data-tfg="on"] .designer-credit-modal__profile-links a:focus-visible {
    border-color: var(--tfg-surface-border-strong);
    background: var(--tfg-panel-background-strong);
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .designer-credit-modal__social-icon {
    flex: 0 0 auto;
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .designer-credit-modal__consent {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-3);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-panel-background-soft);
    cursor: pointer;
}

[data-tfg="on"] .designer-credit-modal .designer-credit-modal__consent {
    border-color: hsla(212deg, 47%, 85%, 0.2);
    background:
        linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.055), hsla(0deg, 0%, 100%, 0.015)),
        hsla(217deg, 45%, 6%, 0.72);
    box-shadow: 0 var(--tfg-len-rem-0-85) var(--tfg-space-8) hsla(0deg, 0%, 0%, 0.14);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__actions {
    padding-block-start: var(--tfg-space-4);
    border-block-start: var(--tfg-border-hairline) solid hsla(212deg, 47%, 85%, 0.16);
}

[data-tfg="on"] .designer-credit-modal__consent:focus-within {
    border-color: var(--tfg-surface-border-strong);
    box-shadow: 0 0 0 var(--tfg-focus-width) var(--tfg-focus-ring);
}

[data-tfg="on"] .designer-credit-modal__consent input {
    margin-block-start: var(--tfg-space-1);
    accent-color: var(--tfg-accent-warm);
}

[data-tfg="on"] .designer-credit-modal__consent-control {
    width: var(--tfg-space-4);
    height: var(--tfg-space-4);
}

@keyframes quick-contact-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes quick-contact-circle {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes quick-contact-check {
    to {
        stroke-dashoffset: 0;
    }
}

@media (max-width: 64rem) {
    [data-tfg="on"] .contact-decision-grid,
    [data-tfg="on"] .contact-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 48rem) {
    [data-tfg="on"] .contact-support-grid,
    [data-tfg="on"] .contact-support-grid--slots {
        grid-template-columns: var(--tfg-grid-tier-1);
    }

    [data-tfg="on"] .contact-intake-shell,
    [data-tfg="on"] .contact-guidance-shell,
    [data-tfg="on"] .contact-response-faq-shell,
    [data-tfg="on"] .contact-channel-section,
    [data-tfg="on"] .contact-related-section {
        gap: var(--tfg-space-6);
        padding: var(--tfg-geometry-panel-padding-mobile);
    }

    [data-tfg="on"] .contact-intake-shell::after,
    [data-tfg="on"] .contact-guidance-shell::after,
    [data-tfg="on"] .contact-response-faq-shell::after,
    [data-tfg="on"] .contact-channel-section::after,
    [data-tfg="on"] .contact-related-section::after {
        margin-inline: var(--tfg-space-5);
    }

    [data-tfg="on"] .contact-response-faq-list {
        gap: var(--tfg-space-2);
    }

    [data-tfg="on"] .contact-response-faq-summary {
        gap: var(--tfg-space-3);
        padding: var(--tfg-space-4);
    }

    [data-tfg="on"] .contact-response-faq-summary > span {
        font-size: var(--tfg-font-size-body-sm);
    }

    [data-tfg="on"] .contact-response-faq-answer {
        padding: var(--tfg-space-0) var(--tfg-space-4) var(--tfg-space-4);
    }

    [data-tfg="on"] .contact-premium-heading {
        grid-template-columns: minmax(0, 1fr);
    }

    [data-tfg="on"] .contact-premium-heading .tfg-section-header__leading {
        grid-row: auto;
    }

    [data-tfg="on"] .contact-support-card {
        min-height: auto;
        padding: var(--tfg-space-5);
    }

    [data-tfg="on"] .contact-support-card::before {
        inset-inline: var(--tfg-space-5);
    }

    [data-tfg="on"] .contact-step-list li {
        align-items: start;
        gap: var(--tfg-space-3);
        padding: var(--tfg-space-4);
    }

    [data-tfg="on"] .contact-info {
        gap: var(--tfg-space-5);
        padding: var(--tfg-geometry-panel-padding-mobile);
    }

    [data-tfg="on"] .contact-info__value--link {
        min-height: var(--tfg-touch-min-height);
    }

    [data-tfg="on"] .contact-hero-visual {
        inline-size: min(100%, var(--tfg-measure-rem-sm));
    }

    [data-tfg="on"] .quick-contact-modal__overlay {
        padding: var(--tfg-space-3);
    }

    [data-tfg="on"] .quick-contact-modal {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    [data-tfg="on"] .quick-contact-modal__visual {
        min-height: var(--tfg-size-rem-12-5);
        max-height: var(--tfg-size-rem-12-5);
    }

    [data-tfg="on"] .designer-credit-modal .quick-contact-modal__visual {
        min-height: auto;
        max-height: none;
    }

    [data-tfg="on"] .designer-credit-modal .quick-contact-modal__visual::after {
        display: none;
    }

    [data-tfg="on"] .designer-credit-modal .quick-contact-modal__visual-content {
        position: relative;
        inset: auto;
    }

    [data-tfg="on"] .designer-credit-modal__profile-card {
        grid-template-columns: 1fr;
        align-items: start;
        min-height: auto;
    }

    [data-tfg="on"] .designer-credit-modal__profile-media,
    [data-tfg="on"] .designer-credit-modal__profile-card .quick-contact-modal__visual-tagline,
    [data-tfg="on"] .designer-credit-modal__profile-card .quick-contact-modal__visual-copy,
    [data-tfg="on"] .designer-credit-modal__role-chip,
    [data-tfg="on"] .designer-credit-modal__profile-links {
        grid-column: 1;
        grid-row: auto;
    }

    [data-tfg="on"] .designer-credit-modal__portrait {
        width: calc(var(--tfg-space-24) + var(--tfg-space-2));
    }

    [data-tfg="on"] .quick-contact-modal__visual-content,
    [data-tfg="on"] .quick-contact-modal__form-shell,
    [data-tfg="on"] .quick-contact-modal__success {
        padding: var(--tfg-space-6);
    }
}

@media (max-width: 30rem) {
    [data-tfg="on"] .quick-contact-modal__field-row,
    [data-tfg="on"] .quick-contact-modal__actions {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .quick-contact-modal__submit,
    [data-tfg="on"] .quick-contact-modal__submit--link,
    [data-tfg="on"] .quick-contact-modal__cancel,
    [data-tfg="on"] .quick-contact-modal__submit--loading::after,
    [data-tfg="on"] .quick-contact-modal__success-circle,
    [data-tfg="on"] .quick-contact-modal__success-check {
        animation: none;
        transition: none;
        transform: none;
    }
}
}

@layer sections {
    /* UIW2 Step-1 singles card A5: qualitative four-cell hero brief on the contact hero.
       Non-home hero contract: max-four metric cells; chrome flows from the
       tfg-metric-frame / tfg-metric-card primitives (Card.css), layout slots only here. */
    [data-tfg="on"] .contact-hero-brief {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--tfg-space-3);
        padding: var(--tfg-space-4);
    }

    [data-tfg="on"] .contact-hero-brief__cell {
        display: grid;
        align-content: center;
        gap: var(--tfg-space-1);
        padding: var(--tfg-space-3) var(--tfg-space-4);
    }

    [data-tfg="on"] .contact-hero-brief__label {
        color: var(--tfg-text-headline);
        font-size: var(--tfg-font-size-caption);
        font-weight: var(--tfg-font-weight-semibold);
        line-height: var(--tfg-line-height-tight);
    }

    @media (min-width: 64rem) {
        [data-tfg="on"] .contact-hero-brief {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    /* Adım-3 craft (P1-DH-BLOG-FAMILY-CRAFT kapsam genişletmesi, Kart #011 B-17):
       contact-success__* ailesi — teşekkür sayfası bölüm/adım/kanal/bağlantı yerleşimi.
       Acil-yardım vurgusu accent (altın) halkayla yapılır; acil-müdahale rengine
       burada YENİ kapsam açılmaz (anayasal hue kilidi korunur). */
    [data-tfg="on"] .contact-success {
        display: grid;
        gap: var(--tfg-space-6);
    }

    /* Bölüm kabuğu artık paylaşılan tfg-premium-shell primitive'inden gelir
       (Patron 2026-06-12 tokenizasyon); burada yalnız aile iç-ritim farkı kalır. */
    [data-tfg="on"] .contact-success__section {
        gap: var(--tfg-space-4);
    }

    [data-tfg="on"] .contact-success__section--accent {
        border-color: var(--tfg-accent-ring, var(--tfg-accent-warm));
    }

    [data-tfg="on"] .contact-success__steps {
        display: grid;
        gap: var(--tfg-space-3);
        margin: var(--tfg-space-0);
        padding-inline-start: var(--tfg-space-5);
    }

    [data-tfg="on"] .contact-success__steps li {
        color: var(--tfg-text-secondary);
        font-size: var(--tfg-font-size-body);
        line-height: var(--tfg-line-height-body);
    }

    [data-tfg="on"] .contact-success__steps li::marker {
        color: var(--tfg-accent-warm-bright);
        font-weight: var(--tfg-font-weight-bold);
    }

    [data-tfg="on"] .contact-success__methods,
    [data-tfg="on"] .contact-success__links {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(var(--tfg-grid-col-14), 1fr));
        gap: var(--tfg-space-4);
        align-items: stretch;
    }

    [data-tfg="on"] .contact-success__method,
    [data-tfg="on"] .contact-success__link-card {
        display: grid;
        gap: var(--tfg-space-2);
        padding: var(--tfg-space-4);
        border: var(--tfg-panel-border);
        border-radius: var(--tfg-radius-md);
        background: var(--tfg-panel-background);
        justify-items: start;
        min-width: 0;
    }

    [data-tfg="on"] .contact-success__method h3,
    [data-tfg="on"] .contact-success__link-card h3 {
        color: var(--tfg-text-headline);
        font-size: var(--tfg-font-size-body-lg);
        line-height: var(--tfg-line-height-title);
    }

    [data-tfg="on"] .contact-success__method a,
    [data-tfg="on"] .contact-success__link-card a {
        color: var(--tfg-accent-warm-bright);
        font-weight: var(--tfg-font-weight-semibold);
        text-decoration: none;
    }

    [data-tfg="on"] .contact-success__method a:hover,
    [data-tfg="on"] .contact-success__method a:focus-visible,
    [data-tfg="on"] .contact-success__link-card a:hover,
    [data-tfg="on"] .contact-success__link-card a:focus-visible {
        text-decoration: underline;
    }

    [data-tfg="on"] .contact-success__method p,
    [data-tfg="on"] .contact-success__link-card p {
        color: var(--tfg-text-secondary);
        font-size: var(--tfg-font-size-body-sm);
        line-height: var(--tfg-line-height-body);
    }

    [data-tfg="on"] .contact-success__actions {
        display: flex;
        flex-wrap: wrap;
        gap: var(--tfg-space-3);
    }

    @media (max-width: 48rem) {
        [data-tfg="on"] .contact-success__section {
            padding: var(--tfg-space-4);
        }

        [data-tfg="on"] .contact-success__methods,
        [data-tfg="on"] .contact-success__links {
            grid-template-columns: 1fr;
        }
    }
}