/* Piercing Çalışmalarımız — standalone studio portfolio */
body.page-template-template-partspage-piercing-calismalarimiz-php .site-container,
body.page-template-template-partspage-piercing-calismalarimiz-php #primary,
body.page-template-template-partspage-piercing-calismalarimiz-php .entry-content,
body.page-template-template-partspage-piercing-calismalarimiz-php .entry-content-wrap {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.page-template-template-partspage-piercing-calismalarimiz-php .entry-header,
body.page-template-template-partspage-piercing-calismalarimiz-php .page-title,
body.page-template-template-partspage-piercing-calismalarimiz-php .kadence-breadcrumbs {
    display: none !important;
}

.pi-works-page,
.pi-works-page * { box-sizing: border-box !important; }

.pi-works-page {
    color: #f5f0e8 !important;
    background: #0f0d0c !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.pi-works-shell {
    width: min(1180px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
}

.pi-works-kicker {
    display: block !important;
    margin-bottom: 16px !important;
    color: #c4a574 !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 13px !important;
    font-style: italic !important;
    letter-spacing: .13em !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
}

.pi-works-hero {
    min-height: 590px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    position: relative !important;
    background:
        radial-gradient(circle at 78% 42%, rgba(196, 165, 116, .16), transparent 26%),
        radial-gradient(circle at 85% 80%, rgba(100, 74, 54, .22), transparent 30%),
        #0f0d0c !important;
}

.pi-works-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(108deg, rgba(15, 13, 12, .08) 0%, rgba(15, 13, 12, .7) 53%, rgba(15, 13, 12, .08) 100%) !important;
    pointer-events: none !important;
}

.pi-works-hero__inner { position: relative !important; z-index: 1 !important; max-width: 1180px !important; }

.pi-works-hero h1,
.pi-works-heading h2,
.pi-works-cta h2 {
    margin: 0 !important;
    color: #f5f0e8 !important;
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: clamp(48px, 6.3vw, 78px) !important;
    font-weight: 400 !important;
    letter-spacing: -.035em !important;
    line-height: .98 !important;
}

.pi-works-hero h1 em,
.pi-works-heading h2 em,
.pi-works-cta h2 em {
    color: #c4a574 !important;
    font-style: italic !important;
    font-weight: 400 !important;
}

.pi-works-hero p {
    max-width: 590px !important;
    margin: 28px 0 0 !important;
    color: rgba(245, 240, 232, .68) !important;
    font-size: 17px !important;
    line-height: 1.75 !important;
}

.pi-works-hero__actions { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin-top: 34px !important; }

.pi-works-button {
    min-height: 50px !important;
    padding: 0 25px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .035em !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}

.pi-works-button--primary { background: #c4a574 !important; color: #171411 !important; }
.pi-works-button--primary:hover,
.pi-works-button--primary:focus-visible { background: #d4b896 !important; color: #171411 !important; text-decoration: none !important; transform: translateY(-1px) !important; }
.pi-works-button--secondary { border-color: rgba(196, 165, 116, .35) !important; color: #f5f0e8 !important; }
.pi-works-button--secondary:hover,
.pi-works-button--secondary:focus-visible { background: rgba(196, 165, 116, .08) !important; border-color: #c4a574 !important; color: #f5f0e8 !important; text-decoration: none !important; }

.pi-works-gallery { padding: 108px 0 !important; scroll-margin-top: 24px !important; background: #15120f !important; }
.pi-works-heading { max-width: 620px !important; margin-bottom: 38px !important; }
.pi-works-heading h2,
.pi-works-cta h2 { font-size: clamp(39px, 5.1vw, 62px) !important; line-height: 1.04 !important; }
.pi-works-heading p,
.pi-works-cta p { margin: 22px 0 0 !important; color: rgba(245, 240, 232, .62) !important; font-size: 16px !important; line-height: 1.7 !important; }

.pi-works-filters { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 30px !important; }
.pi-works-filters button { min-height: 40px !important; padding: 0 16px !important; border: 1px solid rgba(196, 165, 116, .28) !important; border-radius: 999px !important; background: transparent !important; color: rgba(245, 240, 232, .7) !important; cursor: pointer !important; font: 600 12px/1 Inter, sans-serif !important; letter-spacing: .035em !important; transition: background .2s ease, border-color .2s ease, color .2s ease !important; }
.pi-works-filters button:hover,
.pi-works-filters button:focus-visible { border-color: #c4a574 !important; color: #f5f0e8 !important; }
.pi-works-filters button.is-active { border-color: #c4a574 !important; background: #c4a574 !important; color: #171411 !important; }

.pi-works-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; }
.pi-works-card { min-width: 0 !important; margin: 0 !important; position: relative !important; overflow: hidden !important; border: 1px solid rgba(196, 165, 116, .18) !important; border-radius: 18px !important; aspect-ratio: 4 / 5 !important; background: #201b17 !important; }
.pi-works-card[hidden] { display: none !important; }
.pi-works-card__trigger { position: absolute !important; z-index: 1 !important; inset: 0 !important; width: 100% !important; height: 100% !important; display: block !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: inherit !important; cursor: zoom-in !important; text-align: left !important; }
.pi-works-card__trigger:focus-visible { outline: 2px solid #d4b896 !important; outline-offset: -4px !important; }
.pi-works-card img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .5s cubic-bezier(.16, 1, .3, 1) !important; }
.pi-works-card::after { content: "" !important; position: absolute !important; z-index: 2 !important; inset: 0 !important; background: linear-gradient(to top, rgba(11, 9, 8, .9), rgba(11, 9, 8, .05) 55%) !important; pointer-events: none !important; }
.pi-works-card figcaption { position: absolute !important; z-index: 3 !important; right: 20px !important; bottom: 19px !important; left: 20px !important; display: flex !important; flex-direction: column !important; gap: 5px !important; pointer-events: none !important; }
.pi-works-card figcaption span { color: #d4b896 !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; }
.pi-works-card figcaption strong { color: #f5f0e8 !important; font-family: "Playfair Display", Georgia, serif !important; font-size: 23px !important; font-weight: 400 !important; line-height: 1.1 !important; }
.pi-works-card:hover img { transform: scale(1.045) !important; }
.pi-works-more-wrap { display: flex !important; justify-content: center !important; margin-top: 42px !important; }
.pi-works-more-wrap[hidden] { display: none !important; }
.pi-works-page button.pi-works-more {
    appearance: none !important;
    -webkit-appearance: none !important;
    min-width: 230px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 25px !important;
    border: 1px solid rgba(196, 165, 116, .42) !important;
    border-radius: 999px !important;
    background: rgba(15, 13, 12, .5) !important;
    color: #f5f0e8 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    font: 600 13px/1 Inter, sans-serif !important;
    letter-spacing: .035em !important;
    text-shadow: none !important;
}
.pi-works-page button.pi-works-more:hover,
.pi-works-page button.pi-works-more:focus-visible {
    border-color: #c4a574 !important;
    background: rgba(196, 165, 116, .1) !important;
    color: #f5f0e8 !important;
    outline: none !important;
    transform: translateY(-1px) !important;
}
.pi-works-note { max-width: 680px !important; margin: 27px 0 0 !important; color: rgba(245, 240, 232, .48) !important; font-size: 13px !important; line-height: 1.65 !important; }

.pi-works-cta { padding: 116px 0 !important; text-align: center !important; background: radial-gradient(circle at 50% 0%, rgba(196, 165, 116, .12), transparent 42%), #0f0d0c !important; }
.pi-works-cta__inner { max-width: 740px !important; }
.pi-works-cta p { max-width: 540px !important; margin-right: auto !important; margin-left: auto !important; }
.pi-works-cta .pi-works-button { margin-top: 30px !important; }

body.pi-works-lightbox-open { overflow: hidden !important; }
.pi-works-lightbox { position: fixed !important; z-index: 100000 !important; inset: 0 !important; display: grid !important; place-items: center !important; padding: 32px !important; background: rgba(8, 7, 6, .92) !important; }
.pi-works-lightbox[hidden] { display: none !important; }
.pi-works-lightbox__content { max-width: min(700px, 100%) !important; max-height: 100% !important; position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
.pi-works-lightbox__content img { display: block !important; width: auto !important; max-width: 100% !important; max-height: min(68vh, 640px) !important; margin: 0 auto !important; object-fit: contain !important; border-radius: 12px !important; }
.pi-works-lightbox__content p { margin: 13px 0 0 !important; color: #f5f0e8 !important; font-family: "Playfair Display", Georgia, serif !important; font-size: 19px !important; text-align: center !important; }
.pi-works-lightbox .pc-gallery-lightbox__cta { min-height: 42px !important; width: auto !important; margin: 12px auto 0 !important; padding: 0 18px !important; border: 1px solid #c4a574 !important; border-radius: 999px !important; background: #c4a574 !important; color: #171411 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font: 650 11px/1 Inter, sans-serif !important; letter-spacing: .025em !important; text-decoration: none !important; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important; }
.pi-works-lightbox .pc-gallery-lightbox__cta[hidden] { display: none !important; }
.pi-works-lightbox .pc-gallery-lightbox__cta:hover,
.pi-works-lightbox .pc-gallery-lightbox__cta:focus-visible { border-color: #c4a574 !important; background: rgba(15, 13, 12, .9) !important; color: #f5f0e8 !important; text-decoration: none !important; transform: translateY(-1px) !important; }
.pi-works-lightbox__close { position: fixed !important; top: 18px !important; right: 20px !important; width: 46px !important; height: 46px !important; padding: 0 !important; border: 1px solid rgba(196, 165, 116, .48) !important; border-radius: 50% !important; background: rgba(15, 13, 12, .84) !important; color: #f5f0e8 !important; cursor: pointer !important; font-size: 31px !important; font-weight: 300 !important; line-height: 1 !important; }
.pi-works-lightbox__close:hover,
.pi-works-lightbox__close:focus-visible { border-color: #d4b896 !important; color: #d4b896 !important; }

@media (max-width: 900px) {
    .pi-works-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 640px) {
    .pi-works-shell { width: min(100% - 32px, 560px) !important; }
    .pi-works-hero { min-height: 560px !important; }
    .pi-works-hero h1 { font-size: clamp(47px, 13vw, 60px) !important; }
    .pi-works-hero p { margin-top: 22px !important; font-size: 15px !important; line-height: 1.7 !important; }
    .pi-works-hero__actions { margin-top: 28px !important; }
    .pi-works-button { width: 100% !important; }
    .pi-works-gallery { padding: 72px 0 !important; }
    .pi-works-heading { margin-bottom: 28px !important; }
    .pi-works-heading h2,
    .pi-works-cta h2 { font-size: clamp(36px, 10.5vw, 48px) !important; }
    .pi-works-heading p,
    .pi-works-cta p { font-size: 15px !important; }
    .pi-works-filters { flex-wrap: wrap !important; overflow: visible !important; margin-right: 0 !important; padding: 0 !important; gap: 10px 8px !important; }
    .pi-works-filters button { flex: 0 0 auto !important; max-width: 100% !important; }
    .pi-works-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
    .pi-works-card { border-radius: 13px !important; }
    .pi-works-card figcaption { right: 13px !important; bottom: 13px !important; left: 13px !important; }
    .pi-works-card figcaption strong { font-size: 19px !important; }
    .pi-works-card figcaption span { font-size: 8px !important; }
    .pi-works-more-wrap { margin-top: 32px !important; }
    .pi-works-page button.pi-works-more { width: 100% !important; }
    .pi-works-lightbox { padding: 20px !important; }
    .pi-works-lightbox__content img { max-height: min(58vh, 480px) !important; }
    .pi-works-lightbox__content { width: 100% !important; overflow-y: auto !important; }
    .pi-works-lightbox .pc-gallery-lightbox__cta { min-height: 46px !important; max-width: 100% !important; padding: 0 18px !important; }
    .pi-works-cta { padding: 78px 0 !important; }
}