/*!
Theme Name: puppieskingdomteam
Theme URI: https://www.puppieskingdomteam.com
Author: puppieskingdomteam
Author URI: https://www.puppieskingdomteam.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: puppieskingdomteam
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

puppieskingdomteam is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
.text-cream,
body {
    color: var(--cream)
}

.pk-featured .pk-eyebrow,
.pk-section-heading .pk-eyebrow {
    letter-spacing: .25em;
    font-size: 12px;
    text-transform: uppercase
}

.pk-card-link,
.pk-puppy-card,
.pk-trust-card {
    transition: .4s
}

.btn-ghost,
.btn-gold,
.desktop-nav a,
.pk-about .pk-eyebrow,
.pk-adoption .pk-eyebrow,
.pk-blog .pk-eyebrow,
.pk-counter,
.pk-eyebrow,
.pk-featured .pk-eyebrow,
.pk-hero-meta,
.pk-marquee-track span,
.pk-scroll-indicator span,
.pk-section-heading .pk-eyebrow,
.pk-status,
.pk-why-content .pk-eyebrow,
.pk-years-badge .label {
    text-transform: uppercase
}

.font-display,
.pk-about h2,
.pk-blog-content h3,
.pk-faq-number,
.pk-faq-title,
.pk-featured h2,
.pk-final-content h2,
.pk-footer-logo h3,
.pk-hero h1,
.pk-logo-title,
.pk-number,
.pk-puppy-overlay h3,
.pk-review,
.pk-section-heading h2,
.pk-step h3,
.pk-step-circle span,
.pk-trust-card h3,
.pk-why-card h3,
.pk-why-content h2,
.pk-years-badge .years {
    font-family: 'Cormorant Garamond', serif
}

.card-img-wrap,
.pk-about,
.pk-adoption,
.pk-blog-card,
.pk-blog-image,
.pk-final-cta,
.pk-footer,
.pk-hero,
.pk-marquee,
.pk-page-hero,
.pk-puppy-image,
.pk-testimonials {
    overflow: hidden
}

:root {
    --ink-900: #0e0d0b;
    --ink-800: #161410
}

.blog-card,
.btn-ghost,
.btn-gold,
.desktop-nav a,
.hero-post,
.pk-blog-card,
.pk-footer-links a,
.pk-footer-logo,
.pk-view-all,
.puppy-card,
.read-link {
    text-decoration: none
}

.desktop-nav,
.flex {
    display: flex
}

.btn-gold,
.group-hover:hover {
    background: var(--gold)
}

body {
    margin: 0;
    background: var(--bg);
    background-color: var(--ink-900);
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300
}
h1,h2,h3,h4,h5,h6, p, ul li, ul li a, span{ font-family: 'Josefin Sans', sans-serif;}

header[data-testid=site-navbar] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    background: rgba(10, 10, 10, .85);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.max-w-7xl {
    max-width: 1280px
}

.mx-auto {
    margin: auto
}

.items-center {
    align-items: center
}

.justify-between {
    justify-content: space-between
}

.gap-3 {
    gap: 12px
}

.leading-tight {
    line-height: 1.1
}

.h-20 {
    min-height: 80px
}

.px-6 {
    padding-left: 24px;
    padding-right: 24px
}

.blog-card:hover .card-title,
.desktop-nav a.active,
.desktop-nav a:hover,
.hero-post:hover .hero-title,
.text-gold {
    color: var(--gold)
}

.btn-gold,
.btn-gold:hover,
.group-hover:hover {
    color: #000
}

.rounded-full {
    border-radius: 50%
}

.w-10 {
    width: 40px
}

.h-10 {
    height: 40px
}

.border-gold-60 {
    border: 1px solid rgba(203, 163, 101, .6)
}

.desktop-nav {
    gap: 32px
}

.desktop-nav a {
    color: rgba(244, 241, 235, .85);
    font-size: 13px;
    letter-spacing: .18em
}

.mobile-toggle {
    display: none
}

.pk-hero {
    position: relative;
    height: 100vh;
    min-height: 680px;
    background: #0a0a0a
}

.pk-final-bg,
.pk-hero-bg,
.pk-overlay-dark,
.pk-overlay-left,
.pk-page-hero-bg,
.pk-testimonial-bg {
    position: absolute;
    inset: 0
}

.pk-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
   /* animation: 25s infinite alternate kenburns */
}

.pk-overlay-dark {
    background: linear-gradient(to bottom, rgba(10, 10, 10, .8), rgba(10, 10, 10, .4), #0a0a0a)
}

.pk-overlay-left {
    background: linear-gradient(to right, rgba(10, 10, 10, .6), transparent)
}

.pk-container {
    position: relative;
    z-index: 2;
    max-width: 1320px;
    height: 100%
}

.pk-adoption .pk-section-heading,
.pk-hero-content {
    max-width: 700px
}

.pk-eyebrow {
    display: flex;
    align-items: center;
    gap: 15px;
    letter-spacing: .2em
}

.btn-ghost,
.btn-gold {
    letter-spacing: .22em
}

.pk-about .pk-eyebrow span,
.pk-available-puppies .pk-eyebrow span,
.pk-contact-info .pk-eyebrow span,
.pk-eyebrow span,
.pk-final-content .pk-eyebrow span,
.pk-puppies .pk-eyebrow span {
    width: 40px;
    height: 1px;
    background: #cba365
}

.pk-hero h1 {
    color: #f4f1eb;
    font-size: 60px;
    line-height: .95;
    margin-bottom: 30px
}

.pk-about h2 span,
.pk-adoption h2 span,
.pk-blog h2 span,
.pk-cta-content h3 span,
.pk-faq h2 span,
.pk-featured h2 span,
.pk-final-content h2 span,
.pk-hero h1 em,
.pk-page-hero h1 span,
.pk-section-heading h2 span,
.pk-story h2 span,
.pk-title span {
    color: #cba365;
    font-style: italic;
    font-weight: 300
}

.pk-hero p {
    color: rgba(244, 241, 235, .75);
    max-width: 600px;
    font-size: 18px;
    line-height: 1.8
}

.pk-hero-buttons {
    display: flex;
    gap: 15px;
    margin-top: 40px;
    flex-wrap: wrap
}

.btn-gold {
    padding: 16px 32px;
    border-radius: 50px;
    background: #cba365;
    font-size: 12px;
    font-weight: 700
}

.pk-hero-meta {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    color: rgba(244, 241, 235, .7);
    font-size: 12px;
    letter-spacing: .18em
}

.pk-hero-meta .divider {
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, .15)
}

.pk-scroll-indicator {
    position: absolute;
    left: 40px;
    bottom: 120px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px
}

.pk-scroll-indicator span {
    color: rgba(255, 255, 255, .5);
    font-size: 10px;
    letter-spacing: .3em;
    transform: rotate(-90deg)
}

.pk-scroll-indicator div {
    width: 1px;
    height: 70px;
    background: rgba(255, 255, 255, .3)
}

.pk-marquee {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    border-top: 1px solid rgba(255, 255, 255, .05);
    background: rgba(10, 10, 10, .7);
    backdrop-filter: blur(15px)
}

.pk-marquee-track {
    display: flex;
    width: max-content;
    animation: 35s linear infinite marquee;
    padding: 18px 0
}

.pk-marquee-track span {
    margin: 0 40px;
    color: rgba(244, 241, 235, .7);
    font-size: 11px;
    letter-spacing: .32em
}

@keyframes marquee {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@keyframes kenburns {
    from {
        transform: scale(1.05)
    }

    to {
        transform: scale(1.2)
    }
}

.pk-guarantee,
.pk-rating {
    display: flex;
    align-items: center;
    gap: 10px
}

.pk-stars {
    display: flex;
    gap: 3px
}

.pk-guarantee i {
    color: #cba365;
    font-size: 15px
}

.btn-gold,
.pk-about-buttons .btn-ghost,
.pk-final-buttons .btn-ghost,
.pk-final-buttons .btn-gold {
    display: inline-flex;
    align-items: center;
    gap: 10px
}

.pk-trust {
    background: #0a0a0a;
    padding: 50px 0;
    position: relative
}

.pk-section-heading {
    max-width: 800px
}

.pk-section-heading .pk-eyebrow {
    color: #cba365;
    margin-bottom: 20px;
    justify-content: left
}

.pk-section-heading h2 {
    color: #f4f1eb;
    font-size: 64px;
    line-height: 1.05;
    margin-bottom: 25px
}

.pk-section-heading p {
    color: rgba(244, 241, 235, .65);
    font-size: 18px;
    line-height: 1.8
}

.pk-trust-card {
    background: linear-gradient(180deg, #141415 0, #0d0d0e 100%);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 24px;
    padding: 40px;
    height: 100%
}

.pk-trust-card:hover {
    border-color: rgba(203, 163, 101, .45);
    transform: translateY(-5px)
}

.pk-trust-card .pk-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(203, 163, 101, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cba365;
    margin-bottom: 28px
}

.pk-trust-card .pk-icon i {
    font-size: 22px
}

.pk-trust-card h3 {
    color: #f4f1eb;
    font-size: 30px;
    margin-bottom: 18px
}

.pk-trust-card p {
    color: rgba(244, 241, 235, .6);
    line-height: 1.8;
    margin: 0
}

.pk-featured {
    background: #141415;
    padding: 50px 0
}

.pk-featured .pk-section-heading {
    max-width: 750px
}

.pk-featured .pk-eyebrow {
    color: #cba365;
    margin-bottom: 20px;
    justify-content: left
}

.pk-about h2,
.pk-featured h2 {
    color: #f4f1eb;
    font-size: 64px;
    line-height: 1.05
}

.pk-featured p {
    color: rgba(244, 241, 235, .65);
    line-height: 1.8;
    margin-top: 20px
}

.pk-puppy-card:hover {
    border-color: rgba(203, 163, 101, .4)
}

.card-img-wrap,
.pk-puppy-image {
    position: relative;
    aspect-ratio: 4/5
}

.pk-blog-image img,
.pk-puppy-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 1s
}
.pk-puppy-image img {height:500px;}

.pk-blog-card:hover .pk-blog-image img,
.pk-puppy-card:hover img {
    transform: scale(1.1)
}

.pk-puppy-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #0a0a0a, rgba(10, 10, 10, .2), transparent)
}

.pk-status {
    z-index: 2;
    font-weight: 600;
    letter-spacing: .2em
}

.btn-ghost,
.pk-author span,
.pk-faq .pk-eyebrow,
.pk-puppy-meta {
    font-size: 14px;
    text-transform: uppercase
}

.pk-status.available {
    border: 1px solid rgba(16, 185, 129, .3)
}

.pk-status.reserved {
    border: 1px solid rgba(245, 158, 11, .3)
}

.pk-card-link {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(10, 10, 10, .7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    color: #fff
}

.pk-puppy-card:hover .pk-card-link {
    background: #cba365;
    color: #000
}

.pk-puppy-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px;
    z-index: 2
}

.pk-puppy-meta {
    color: #cba365;
    letter-spacing: .25em;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px
}

.pk-puppy-overlay h3 {
    color: #f4f1eb;
    font-size: 25px;
    margin: 0
}

.pk-about-text p,
.pk-details div,
.pk-tags span {
    color: rgba(244, 241, 235, .65)
}

.pk-puppy-content {
    padding: 28px
}

.pk-tags {
    display: flex;
    flex-wrap: wrap
}

.pk-details {
    display: grid;
    grid-template-columns: 1fr auto
}

.pk-details div:nth-child(2n) {
    text-align: right;
    color: #f4f1eb
}

.pk-details .price {
    color: #cba365 !important;
    font-weight: 600
}

.btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 50px;
    color: #f4f1eb;
    font-weight: 700;
    letter-spacing: .24em
}

.pk-main-image,
.pk-secondary-image {
    border-radius: 24px;
    overflow: hidden
}

.pk-eyebrow,
.pk-faq .pk-eyebrow {
    font-weight: 600;
    margin-bottom: 20px
}

.btn-ghost:hover,
.pk-socials a:hover {
    border-color: #cba365;
    color: #cba365
}

.pk-about {
    background: #0a0a0a;
    padding: 140px 0
}

.pk-about-images,
.pk-card-image {
    position: relative
}

.pk-main-image img,
.pk-secondary-image img {
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
    display: block
}

.pk-secondary-image {
    position: absolute;
    width: 45%;
    right: -40px;
    bottom: -50px;
    border: 8px solid #0a0a0a;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .45)
}

.pk-years-badge {
    position: absolute;
    top: -25px;
    left: -25px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: rgba(10, 10, 10, .85);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(203, 163, 101, .3);
    border-radius: 60px;
    padding: 14px 24px
}

.pk-about .pk-eyebrow,
.pk-why-content .pk-eyebrow {
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    display: flex
}

.pk-years-badge .years {
    font-size: 48px;
    color: #cba365;
    line-height: 1
}

.pk-years-badge .label {
    color: rgba(244, 241, 235, .7);
    font-size: 10px;
    letter-spacing: .28em;
    line-height: 1.4
}

.pk-about .pk-eyebrow,
.pk-eyebrow {
    letter-spacing: .25em
}

.pk-about-content {
    max-width: 650px
}

.pk-about .pk-eyebrow {
    color: #cba365;
    font-size: 12px;
    justify-content: left
}

.pk-about-text {
    margin-top: 35px
}

.pk-about-text p {
    line-height: 1.9;
    margin-bottom: 22px
}

.pk-about-buttons {
    margin-top: 40px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap
}

.pk-why-choose {
    background: #f4f1eb;
    padding: 50px 0
}

.pk-why-content {
    max-width: 550px
}

.pk-why-content .pk-eyebrow {
    color: #6f4e37;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .28em;
    justify-content: left
}

.pk-why-content .pk-eyebrow span {
    width: 40px;
    height: 1px;
    background: #6f4e37
}

.pk-why-content h2 {
    color: #111;
    font-size: 64px;
    line-height: 1.02;
    letter-spacing: -.02em
}

.pk-why-content h2 span {
    color: #6f4e37;
    font-style: italic;
    font-weight: 300
}

.pk-why-content p {
    margin-top: 30px;
    color: rgba(17, 17, 17, .7);
    font-size: 16px;
    line-height: 1.9
}

.pk-number,
.pk-why-card h3 {
    font-size: 32px
}

.pk-why-card {
    background: #fff;
    border: 1px solid rgba(17, 17, 17, .1);
    border-radius: 24px;
    padding: 32px;
    height: 100%;
    transition: .35s
}

.pk-adoption,
.pk-blog,
.pk-faq,
.pk-faq-page {
    padding: 50px 0
}

.pk-why-card:hover {
    border-color: rgba(111, 78, 55, .4);
    transform: translateY(-4px)
}

.pk-number {
    color: #6f4e37;
    line-height: 1;
    margin-bottom: 22px
}

.pk-why-card h3 {
    color: #111;
    line-height: 1.2;
    margin-bottom: 15px
}

.pk-why-card p {
    margin: 0;
    color: rgba(17, 17, 17, .7);
    font-size: 14.5px;
    line-height: 1.8
}

.pk-adoption h2,
.pk-blog h2,
.pk-faq h2,
.pk-title {
    line-height: 1.02;
    font-family: 'Cormorant Garamond', serif
}

.pk-testimonials {
    position: relative;
    padding: 50px 0;
    background: #0a0a0a
}

.pk-testimonial-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .08
}

.pk-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, #0a0a0a, rgba(10, 10, 10, .95), #0a0a0a)
}

.pk-eyebrow {
    align-items: center;
    justify-content: center
}

.pk-blog h2,
.pk-faq h2,
.pk-title {
    color: #f4f1eb;
    font-size: 64px
}

.pk-testimonial-box {
    position: relative;
    margin-top: 70px;
    text-align: center
}

.pk-quote-icon {
    position: absolute;
    left: 50%;
    top: -60px;
    transform: translateX(-50%);
    font-size: 120px;
    color: rgba(203, 163, 101, .1);
    line-height: 1
}

.pk-stars {
    display: flex;
    justify-content: center;
    gap: 5px;
  
}

.pk-stars i {
    color: #cba365;
    font-size: 18px
}

.pk-review {
    color: #f4f1eb;
    font-size: 25px;
    line-height: 1.25;
    letter-spacing: -.02em;
    max-width: 900px;
    margin: auto
}

.pk-author {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px
}

.pk-author img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid rgba(203, 163, 101, .4)
}

.pk-author h5 {
    margin: 0;
    color: #f4f1eb;
    font-size: 20px;
	font-weight: 600;
}

.pk-author span {
    display: block;
    margin-top: 4px;
    color: rgba(203, 163, 101, .8);
    letter-spacing: .22em
}

.pk-nav {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px
}

.pk-nav-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: 0 0;
    border: 1px solid rgba(255, 255, 255, .15);
    color: #f4f1eb;
    transition: .35s
}

.pk-nav-btn:hover {
    background: #cba365;
    border-color: #cba365;
    color: #000
}

.pk-counter {
    color: rgba(244, 241, 235, .5);
    font-size: 12px;
    letter-spacing: .3em
}

.pk-adoption {
    background: #111315
}

.pk-adoption .pk-eyebrow,
.pk-blog .pk-eyebrow {
    color: #cba365;
    letter-spacing: .28em;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 20px;
    justify-content: left
}

.pk-adoption h2 {
    color: #f4f1eb;
    font-size: 64px;
    letter-spacing: -.02em
}

.pk-adoption p {
    color: rgba(244, 241, 235, .65);
    margin-top: 25px;
    font-size: 17px;
    line-height: 1.8
}

.pk-process-wrapper {
    margin-top: 70px;
    position: relative
}

.pk-process-line {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(203, 163, 101, .35), transparent)
}

.pk-blog,
.pk-faq,
.pk-faq-cta,
.pk-faq-page,
.pk-step-circle {
    background: #0a0a0a
}

.pk-page-hero .container,
.pk-step {
    position: relative;
    z-index: 2
}

.pk-step-circle {
    position: relative;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    border: 1px solid rgba(203, 163, 101, .4);
    display: flex;
    align-items: center;
    justify-content: center
}

.pk-step-circle::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid rgba(203, 163, 101, .1);
    animation: 2s infinite pkPulse
}

.pk-step-circle span {
    color: #cba365;
    font-size: 34px
}

.pk-step h3 {
    margin-top:22px;
    color: #f4f1eb;
    font-size: 32px;
    line-height: 1.2;
    padding-right: 20px
}

.pk-step p {
    margin-top: 15px;
    color: rgba(244, 241, 235, .55);
    font-size: 14px;
    line-height: 1.8;
    padding-right: 20px
}

@keyframes pkPulse {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(1.18);
        opacity: 0
    }
}

.pk-faq .pk-eyebrow {
    color: #cba365;
    letter-spacing: .28em
}

.pk-blog p,
.pk-faq p {
    color: rgba(244, 241, 235, .65);
    font-size: 17px;
    line-height: 1.8;
    margin-top: 25px
}

.pk-faq .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: rgba(255, 255, 255, .08)
}

.pk-faq .accordion-item,
.pk-faq-page .accordion-item {
    background: 0 0;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, .08)
}

.pk-faq .accordion-item:last-child,
.pk-faq-page .accordion-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.pk-faq .accordion-button {
    background: 0 0;
    box-shadow: none;
    padding: 28px 0;
    display: flex;
    align-items: flex-start
}

.pk-footer-logo,
.pk-logo-icon {
    align-items: center;
    display: flex
}

.pk-faq .accordion-button:not(.collapsed) {
    background: 0 0
}

.pk-faq .accordion-button::after,
.pk-faq-page .accordion-button::after {
    filter: invert(1)
}

.pk-faq-number {
    min-width: 50px;
    color: #cba365;
    font-size: 24px;
    margin-right: 20px
}

.pk-blog-content h3,
.pk-faq-title {
    font-size: 32px;
    transition: .3s
}

.pk-faq-title,
.pk-logo-title {
    color: #f4f1eb
}

.pk-blog-card:hover h3,
.pk-contact-list i,
.pk-faq .accordion-button:not(.collapsed) .pk-faq-title,
.pk-faq-page .accordion-button:not(.collapsed),
.pk-footer-links a:hover {
    color: #cba365
}

.pk-faq .accordion-body {
    padding: 0 0 30px 70px;
    color: rgba(244, 241, 235, .65);
    line-height: 1.9;
    font-size: 15px
}

.pk-blog {
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.pk-logo-icon {
    justify-content: center;
    flex-shrink: 0
}

.pk-logo-title {
    font-size: 34px;
    line-height: 1
}

.pk-blog-category,
.pk-logo-subtitle,
.pk-meta {
    font-size: 10px;
    text-transform: uppercase
}

.pk-logo-subtitle {
    margin-top: 4px;
    color: rgba(203, 163, 101, .8);
    letter-spacing: .3em
}

.pk-logo-icon svg {
    width: 18px;
    height: 18px;
    display: block
}

.pk-blog-card {
    display: block;
    height: 100%;
    border-radius: 24px;
    background: #111315;
    border: 1px solid rgba(255, 255, 255, .06);
    transition: .4s
}

.pk-blog-card:hover {
    border-color: rgba(203, 163, 101, .35)
}

.pk-blog-image {
    position: relative;
    aspect-ratio: 16/11
}

.pk-blog-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10, 10, 10, .65), transparent)
}

.pk-blog-category {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 8px 14px;
    border-radius: 50px;
    background: rgba(10, 10, 10, .7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .1);
    color: #f4f1eb;
    letter-spacing: .24em
}

.pk-blog-content {
    padding: 30px
}

.pk-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(244, 241, 235, .45);
    letter-spacing: .28em;
    margin-bottom: 18px
}

.pk-final-content .pk-eyebrow,
.pk-read-more {
    font-size: 11px;
    font-weight: 600;
    display: flex;
    color: #cba365;
    text-transform: uppercase
}

.pk-meta .dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(244, 241, 235, .3)
}

.pk-blog-content h3 {
    color: #f4f1eb;
    line-height: 1.2
}

.pk-blog-content p {
    margin-top: 18px;
    color: rgba(244, 241, 235, .6);
    font-size: 14px;
    line-height: 1.8
}

.pk-read-more {
    margin-top: 25px;
    align-items: center;
    gap: 10px;
    letter-spacing: .24em
}

.pk-final-cta {
    position: relative;
    height: 80vh;
    min-height: 560px
}

.pk-final-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: 20s infinite alternate pkKenBurns
}

.pk-overlay-bottom {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #0a0a0a, rgba(10, 10, 10, .7), rgba(10, 10, 10, .4))
}

.pk-overlay-side {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(10, 10, 10, .85), rgba(10, 10, 10, .3), transparent)
}

.pk-final-content {
    position: relative;
    z-index: 2;
    max-width: 760px
}

.pk-final-content .pk-eyebrow {
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    letter-spacing: .28em;
    justify-content: left
}

.pk-final-content h2 {
    color: #f4f1eb;
    font-size: 80px;
    line-height: .95;
    letter-spacing: -.02em
}

.pk-final-content p {
    margin-top: 35px;
    max-width: 620px;
    color: rgba(244, 241, 235, .8);
    font-size: 18px;
    line-height: 1.9
}

.pk-final-buttons {
    margin-top: 40px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap
}

.pk-footer {
    position: relative;
    background: #0a0a0a;
    border-top: 1px solid rgba(255, 255, 255, .05);
    padding: 90px 0 40px
}

.pk-footer-glow {
    position: absolute;
    top: -120px;
    right: 50px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(203, 163, 101, .05);
    filter: blur(100px);
    pointer-events: none
}

.pk-logo-icon,
.pk-socials a {
    width: 42px;
    height: 42px;
    display: flex
}

.pk-footer-logo {
    display: flex;
    align-items: center;
    gap: 14px
}

.pk-logo-icon {
    border-radius: 50%;
    border: 1px solid rgba(203, 163, 101, .6);
    align-items: center;
    justify-content: center;
    color: #cba365
}

.pk-footer-logo h3 {
    margin: 0;
    color: #f4f1eb;
    font-size: 34px
}

.pk-footer-logo span {
    color: rgba(203, 163, 101, .8);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .3em
}

.pk-footer-description {
    margin-top: 25px;
    max-width: 350px;
    color: rgba(244, 241, 235, .55);
    line-height: 1.9
}

.pk-socials {
    display: flex;
    gap: 12px;
    margin-top: 25px
}

.pk-socials a {
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .1);
    align-items: center;
    justify-content: center;
    color: rgba(244, 241, 235, .7);
    transition: .3s
}

.pk-footer-title {
    color: #cba365;
    text-transform: uppercase;
    letter-spacing: .22em;
    font-size: 11px;
    margin-bottom: 25px
}

.pk-contact-list,
.pk-footer-links {
    list-style: none;
    padding: 0;
    margin: 0
}

.pk-footer-links li {
    margin-bottom: 12px
}

.pk-footer-links a {
    color: rgba(244, 241, 235, .75);
    transition: .3s
}

.pk-contact-list li a{
    display: flex;
    gap: 12px;
	text-decoration: none;
    color: rgba(244, 241, 235, .75)
}

.pk-appointment {
    margin-top: 20px;
    color: rgba(244, 241, 235, .4);
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .18em
}

.pk-footer-trust,
.pk-newsletter-form button {
    text-transform: uppercase;
    letter-spacing: .22em
}

.pk-newsletter-text {
    color: rgba(244, 241, 235, .6);
    margin-bottom: 20px
}

.pk-newsletter-form {
    display: flex;
    gap: 10px
}

.pk-newsletter-form input {
    flex: 1;
    background: #111315;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50px;
    padding: 14px 18px;
    color: #f4f1eb
}

.pk-newsletter-form input:focus {
    outline: 0;
    border-color: #cba365
}

.pk-newsletter-form button {
    border: none;
    background: #cba365;
    color: #000;
    border-radius: 50px;
    padding: 14px 22px;
    font-size: 11px;
    font-weight: 700
}

.pk-page-hero h1,
.pk-story h2 {
    color: #f4f1eb;
    font-family: 'Cormorant Garamond', serif
}

.pk-footer-divider {
    height: 1px;
    background: rgba(255, 255, 255, .06);
    margin: 60px 0 30px
}

.pk-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    color: rgba(244, 241, 235, .45);
    font-size: 12px
}

.pk-page-hero {
    position: relative;
    height: 70vh;
    min-height: 500px;
    background: #0a0a0a
}

.pk-page-hero-bg img {
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
    animation: 20s ease-in-out infinite alternate pkKenBurns
}

.pk-page-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(10, 10, 10, .7), rgba(10, 10, 10, .4), #0a0a0a)
}

.pk-page-hero-content {
    padding-bottom: 80px
}

.pk-page-hero .pk-eyebrow {
    color: #cba365;
    text-transform: uppercase;
    justify-content: left;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .28em;
    margin-bottom: 20px
}

.pk-page-hero h1 {
    font-size: 88px;
    line-height: .95;
    letter-spacing: -.03em;
    max-width: 900px;
    margin: 0
}

@keyframes pkKenBurns {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.12)
    }
}

.pk-available-puppies,
.pk-puppies,
.pk-story,
.pk-values {
    padding: 50px 0;
    background: #0a0a0a
}

.pk-story-heading {
    max-width: 520px
}

.pk-story .pk-eyebrow {
    color: #cba365;
    justify-content: left;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .28em;
    margin-bottom: 20px
}

.pk-story h2 {
    font-size: 58px;
    line-height: 1.15;
    letter-spacing: -.02em;
    margin: 0
}

.pk-story-content {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.pk-story-content p {
    margin: 0;
    color: rgba(244, 241, 235, .65);
    font-size: 15.5px;
    line-height: 1.95
}

.pk-stats {
    padding: 80px 0;
    background: #111315;
    border-top: 1px solid rgba(255, 255, 255, .05);
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.pk-stat-item {
    text-align: left
}

.pk-stat-number {
    font-family: 'Cormorant Garamond', serif;
    color: #cba365;
    font-size: 72px;
    line-height: 1;
    margin: 0
}

.pk-puppies .pk-eyebrow,
.pk-stat-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .28em
}

.pk-value-card h3,
.pk-value-number {
    margin-bottom: 18px;
    font-family: 'Cormorant Garamond', serif
}

.pk-stat-label {
    margin-top: 14px;
    color: rgba(244, 241, 235, .55);
    font-weight: 500;
    line-height: 1.6
}

.pk-value-card {
    height: 100%;
    padding: 40px;
    border-radius: 24px;
    background: linear-gradient(180deg, #141415 0, #0d0d0e 100%);
    border: 1px solid rgba(255, 255, 255, .06);
    transition: .35s
}

.pk-breed-image,
.pk-puppy-card {
    border-radius: 24px;
    overflow: hidden
}

.pk-value-card:hover {
    border-color: rgba(203, 163, 101, .35);
    transform: translateY(-5px)
}

.pk-value-number {
    color: #cba365;
    font-size: 36px;
    line-height: 1
}

.pk-value-card h3 {
    color: #f4f1eb;
    font-size: 34px;
    line-height: 1.2;
    letter-spacing: -.01em
}

.pk-value-card p {
    margin: 0;
    color: rgba(244, 241, 235, .65);
    font-size: 15px;
    line-height: 1.9
}

.pk-cta-banner {
    padding: 50px 0;
    background: #0a0a0a;
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.pk-cta-content {
    text-align: center;
    max-width: 800px;
    margin: auto
}

.pk-cta-content h3 {
    font-family: 'Cormorant Garamond', serif;
    color: #f4f1eb;
    font-size: 58px;
    line-height: 1.1;
    letter-spacing: -.02em;
    margin: 0
}

.pk-cta-content p {
    margin-top: 20px;
    color: rgba(244, 241, 235, .6);
    font-size: 17px;
    line-height: 1.8
}

.pk-breed-content h2,
.pk-puppies h1 {
    font-family: 'Cormorant Garamond', serif;
    color: #f4f1eb
}

.pk-cta-buttons {
    margin-top: 36px;
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap
}

.pk-cta-buttons .btn-ghost,
.pk-cta-buttons .btn-gold {
    min-width: 240px;
    text-align: center
}

.detail-price,
.detail-value {
    text-align: right;
    font-size: 16px;
	text-transform: uppercase;
}

.pk-puppies .pk-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #cba365;
    font-weight: 600
}

.pk-puppies h1 {
    margin-top: 20px;
    font-size: 80px;
    line-height: .95
}

.pk-available-puppies h1 span,
.pk-breed-content h2 span,
.pk-contact-info h1 span,
.pk-faq-page h2 span,
.pk-faq-page-hero h1 span,
.pk-puppies h1 span {
    color: #cba365;
    font-style: italic
}

.pk-puppies .pk-section-heading p {
    max-width: 720px;
    margin-top: 25px;
    color: rgba(244, 241, 235, .65);
    line-height: 1.9
}

.pk-breed-image img,
.pk-card-image img {
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover
}

.pk-breed-content h2 {
    font-size: 52px;
    line-height: 1.1
}

.pk-breed-content p {
    margin-top: 20px;
    color: rgba(244, 241, 235, .65);
    line-height: 1.9
}

.pk-card-overlay h3,
.pk-roster-title {
    color: #f4f1eb;
    font-family: 'Cormorant Garamond', serif
}

.pk-divider {
    height: 1px;
    background: rgba(255, 255, 255, .06);
    margin: 80px 0
}

.pk-roster-title {
    font-size: 42px
}

.pk-gender,
.pk-view-all {
    color: #cba365;
    font-size: 11px;
    letter-spacing: .24em
}

.pk-view-all {
    text-transform: uppercase
}

.pk-puppy-card {
    background: #111315;
    border: 1px solid rgba(255, 255, 255, .06);
    height: 100%
}

.pk-card-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25px;
    background: linear-gradient(to top, rgba(10, 10, 10, .9), transparent)
}

.pk-card-overlay h3 {
    font-size: 38px
}

.pk-gender {
    text-transform: uppercase
}

.pk-status,
.pk-tags span {
    font-size: 10px;
    text-transform: uppercase
}

.count-row,
.pk-results-bar,
.pk-status {
    letter-spacing: .22em
}

.pk-status {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 8px 14px;
    border-radius: 50px
}

.arrow-btn,
.category-badge,
.status-badge {
    position: absolute;
    top: 1rem
}

.pk-status.available {
    background:rgb(0 230 85);
    color: #000;
}

.pk-status.reserved {
    background: rgba(245, 158, 11, .15);
    color: #fcd34d
}

.pk-card-content {
    padding: 25px
}

.pk-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px
}

.pk-tags span {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50px;
    padding: 8px 12px;
    letter-spacing: .18em;
    color: rgba(244, 241, 235, .65)
}

.pk-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.pk-details div {
    color: rgba(244, 241, 235, .75)
}

.pk-details .gold {
    color: #cba365;
    text-align: right;
    font-weight: 600
}

.pk-available-puppies .pk-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #cba365;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .28em
}

.pk-available-puppies h1 {
    margin-top: 20px;
    font-family: 'Cormorant Garamond', serif;
    color: #f4f1eb;
    font-size: 82px;
    line-height: .95
}

.filter-select,
.search-box input {
    font-family: 'Josefin Sans', sans-serif
}

.pk-available-puppies p {
    margin-top: 25px;
    max-width: 720px;
    color: rgba(244, 241, 235, .65);
    line-height: 1.9
}

.pk-filters {
    margin-top: 50px;
    padding: 20px;
    border-radius: 24px;
    background: #111315;
    border: 1px solid rgba(255, 255, 255, .08)
}

.pk-search,
.pk-select {
    background: #0a0a0a;
    padding: 14px 18px
}

.pk-search {
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .08)
}

.pk-search i {
    color: rgba(244, 241, 235, .5)
}

.pk-search input {
    flex: 1;
    border: none;
    outline: 0;
    background: 0 0;
    color: #f4f1eb
}

.pk-search input::placeholder {
    color: rgba(244, 241, 235, .4)
}

.pk-select {
    min-width: 180px;
    color: #f4f1eb;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 14px
}

.pk-select:focus {
    border-color: #cba365;
    box-shadow: none
}

.pk-results-bar {
    margin: 35px 0;
    display: flex;
    justify-content: space-between;
    color: rgba(244, 241, 235, .55);
    font-size: 11px;
    text-transform: uppercase
}

.eyebrow,
.filter-select,
.search-box,
.search-box input {
    color: var(--cream)
}

:root {
    --bg: #0A0A0A;
    --cream: #F4F1EB;
    --gold: #CBA365;
    --gold: #c9a84c;
    --cream: #f5efe6;
    --emerald-text: #6ee7b7;
    --emerald-border: rgba(52, 211, 153, .3);
    --emerald-bg: rgba(52, 211, 153, .12);
    --border-subtle: rgba(255, 255, 255, .08);
    --border-soft: rgba(255, 255, 255, .10)
}

.eyebrow {
    text-transform: uppercase
}

.eyebrow-line {
    background: var(--gold);
    vertical-align: middle;
    margin-right: .75rem
}

.filter-bar {
    background: var(--ink-800);
    border: 1px solid var(--border-subtle);
    border-radius: 1rem;
    padding: 1.25rem
}

.search-box {
    background: var(--ink-900);
    border: 1px solid var(--border-subtle);
    border-radius: .75rem;
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    gap: .6rem;
    flex: 1
}

.search-box input {
    background: 0 0;
    border: none;
    outline: 0;
    font-size: .875rem;
    width: 100%
}

.search-box input::placeholder {
    color: rgba(245, 239, 230, .4)
}

.search-box .bi {
    color: rgba(245, 239, 230, .5)
}

.filter-select {
    appearance: none;
    -webkit-appearance: none;
    background-color: var(--ink-900);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(245,239,230,.5)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    border: 1px solid var(--border-soft);
    border-radius: .75rem;
    padding: .75rem 2.5rem .75rem 1.25rem;
    font-size: .8rem;
    min-width: 170px;
    cursor: pointer;
    transition: border-color .2s
}

.card-name,
.card-title,
.display-heading,
.hero-post .hero-title {
    font-family: 'Cormorant Garamond', serif
}

.filter-select:focus {
    outline: 0;
    border-color: var(--gold)
}

.filter-select option {
    background: var(--ink-900)
}

.count-row {
    font-size: .65rem;
    text-transform: uppercase;
    color: rgba(245, 239, 230, .55)
}

.card-gender-line,
.status-badge {
    font-size: .6rem;
    text-transform: uppercase
}

.puppy-card {
    background: var(--ink-800);
    border: 1px solid var(--border-subtle);
    border-radius: 1rem;
    overflow: hidden;
    display: block;
    transition: border-color .3s, transform .3s
}

.blog-card:hover,
.puppy-card:hover {
    border-color: rgba(201, 168, 76, .25);
    transform: translateY(-3px)
}

.card-img-wrap img,
.hero-post .hero-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s
}

.blog-card:hover .card-img-wrap img,
.puppy-card:hover .card-img-wrap img {
    transform: scale(1.08)
}

.card-img-overlay-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, var(--ink-900) 0, rgba(14, 13, 11, .3) 50%, transparent 100%);
    pointer-events: none
}

.status-badge {
    left: 1rem;
    letter-spacing: .24em;
    font-weight: 600;
    padding: .35rem .75rem;
    border-radius: 999px;
    border: 1px solid var(--emerald-border);
    background: var(--emerald-bg);
    color: var(--emerald-text)
}

.arrow-btn {
    right: 1rem;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background: rgba(14, 13, 11, .7);
    backdrop-filter: blur(6px);
    border: none;
    display: grid;
    place-items: center;
    color: var(--cream);
    transition: background .25s, color .25s
}

.puppy-card:hover .arrow-btn {
    background: var(--gold);
    color: var(--ink-900)
}

.card-img-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.5rem
}

.card-gender-line {
    letter-spacing: .28em;
    color: var(--gold);
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    gap: .4rem
}

.card-name {
    font-weight: 600;
    font-size: 2rem;
    color: var(--cream);
    letter-spacing: -.01em;
    margin: 0
}

.card-body-custom {
    padding: 1.5rem 1.75rem
}

.trait-pill {
    font-size: .6rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(245, 239, 230, .65);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 999px;
    padding: .25rem .75rem;
    display: inline-block
}

.eyebrow,
.hero-post .featured-label {
    text-transform: uppercase;
    display: flex;
    gap: .75rem
}

.detail-label {
    color: rgba(245, 239, 230, .45);
    font-size: .875rem
}

.detail-value {
    color: rgba(245, 239, 230, .85)
}

.detail-price {
    color: var(--gold);
    font-weight: 600
}

:root {
    --gold: #c9a84c;
    --cream: #f5efe6;
    --border-subtle: rgba(255, 255, 255, .08);
    --border-soft: rgba(255, 255, 255, .10)
}

.display-heading {
    font-weight: 600;
    font-size: clamp(3rem, 7vw, 5rem);
    line-height: .95;
    letter-spacing: -.02em;
    color: var(--cream)
}

.display-heading .italic-gold {
    font-style: italic;
    color: var(--gold)
}

.eyebrow {
    font-size: .65rem;
    letter-spacing: .22em;
    color: var(--cream);
    align-items: center
}

.eyebrow-line {
    display: inline-block;
    width: 2.5rem;
    height: 1px;
    background: var(--gold);
    flex-shrink: 0
}

.section-intro {
    max-width: 38rem;
    color: rgba(245, 239, 230, .65);
    line-height: 1.7;
    font-size: .95rem;
    margin-top: 1.5rem
}

.hairline {
    border: none;
    border-top: 1px solid var(--border-subtle);
    margin: 5rem 0
}

.hero-post {
    display: block
}

.hero-post .hero-img-wrap {
    border-radius: 1rem;
    overflow: hidden;
    aspect-ratio: 16/10
}

.hero-post:hover .hero-img-wrap img {
    transform: scale(1.05)
}

.hero-post .featured-label {
    font-size: .6rem;
    letter-spacing: .28em;
    color: var(--gold);
    align-items: center;
    margin-bottom: .75rem
}

.featured-label-line {
    display: inline-block;
    width: 2rem;
    height: 1px;
    background: var(--gold);
    flex-shrink: 0
}

.hero-post .hero-title {
    font-weight: 600;
    font-size: clamp(1.75rem, 3vw, 3rem);
    line-height: 1.1;
    letter-spacing: -.01em;
    color: var(--cream);
    transition: color .25s
}

.hero-post .hero-excerpt {
    color: rgba(245, 239, 230, .65);
    line-height: 1.7;
    font-size: .95rem;
    margin-top: 1.25rem
}

.post-meta {
    font-size: .65rem;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: rgba(245, 239, 230, .5);
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    margin-top: 1.5rem
}

.card-date-line,
.category-badge {
    font-size: .6rem;
    text-transform: uppercase
}

.meta-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(245, 239, 230, .3);
    display: inline-block;
    flex-shrink: 0
}

.blog-card {
    background: var(--ink-800);
    border: 1px solid var(--border-subtle);
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: border-color .3s, transform .3s
}

.blog-card .card-img-wrap {
    position: relative;
    aspect-ratio: 16/11;
    overflow: hidden;
    flex-shrink: 0
}

.blog-card .card-img-wrap img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s
}

.card-img-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(14, 13, 11, .6), transparent);
    pointer-events: none
}

.category-badge {
    left: 1rem;
    letter-spacing: .24em;
    color: var(--cream);
    background: rgba(14, 13, 11, .7);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 999px;
    padding: .35rem .75rem
}

.blog-card .card-body-inner {
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    flex: 1
}

.card-date-line {
    letter-spacing: .28em;
    color: rgba(245, 239, 230, .45);
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem
}

.card-title {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: var(--cream);
    transition: color .25s
}

.card-excerpt {
    color: rgba(245, 239, 230, .6);
    font-size: .85rem;
    line-height: 1.65;
    margin-top: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1
}

.read-link {
    font-size: .65rem;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--gold);
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-top: 1.25rem
}

.page-section {
    padding-top: 7rem;
    padding-bottom: 6rem
}

@media (min-width:768px) {
    .page-section, .default-page-section {
        padding-top: 9rem
    }
}

.pk-faq-page-hero {
    padding: 140px 0 60px;
    background: #0a0a0a
}

.pk-faq-cta {
    padding: 90px 0;
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.pk-faq-cta h3,
.pk-faq-page h1,
.pk-faq-page h2 {
    font-family: 'Cormorant Garamond', serif;
    color: #f4f1eb
}

.pk-faq-page-hero h1 {
    font-size: 55px;
    line-height: .95
}

.pk-faq-page h2 {
    font-size: 64px
}

.pk-eyebrow {
    color: #cba365;
    text-transform: uppercase;
    letter-spacing: .28em;
    font-size: 11px;
    font-weight: 600
}

.pk-contact-label,
.pk-form-label {
    text-transform: uppercase;
    font-size: 10px
}

.pk-faq-cta p,
.pk-faq-page p,
.pk-faq-page-hero p {
    color: rgba(244, 241, 235, .65);
    line-height: 1.9
}

.pk-contact-info h1,
.pk-faq-page .accordion-button {
    font-family: 'Cormorant Garamond', serif;
    color: #f4f1eb
}

.pk-faq-wrapper {
    max-width: 1000px;
    margin: 70px auto 0
}

.pk-faq-page .accordion-button {
    background: 0 0;
    box-shadow: none;
    padding: 30px 0;
    font-size: 30px
}

.pk-faq-no {
    color: #cba365;
    min-width: 60px;
    margin-right: 20px
}

.pk-faq-page .accordion-body {
    color: rgba(244, 241, 235, .65);
    padding: 0 0 30px 80px;
    line-height: 1.9
}

.pk-faq-cta h3 {
    font-size: 48px
}

.pk-contact-page {
    background: #0a0a0a;
    padding: 140px 0 100px
}

.pk-contact-info .pk-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #cba365;
    justify-content: left;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .28em;
    margin-bottom: 20px
}

.pk-contact-info h1 {
    font-size: 82px;
    line-height: .95;
    margin: 0
}

.pk-contact-info p {
    margin-top: 25px;
    color: rgba(244, 241, 235, .65);
    line-height: 1.9;
    max-width: 420px
}

.pk-contact-list {
    list-style: none;
    padding: 0;
    margin: 50px 0 0
}

.pk-contact-list li {
    display: flex;
    gap: 18px;
    margin-bottom: 28px
}

.pk-contact-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(203, 163, 101, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cba365;
    flex-shrink: 0
}

.pk-contact-label {
    color: rgba(244, 241, 235, .5);
    letter-spacing: .28em
}

.pk-contact-value {
    color: #f4f1eb;
    margin-top: 6px
}

.pk-contact-form {
    padding: 40px;
    border-radius: 24px;
    background: #111315;
    border: 1px solid rgba(255, 255, 255, .08)
}

.pk-form-label {
    display: block;
    margin-bottom: 10px;
    color: rgba(244, 241, 235, .55);
    letter-spacing: .24em
}

.pk-input,
.pk-input:focus {
    color: #f4f1eb;
    background: #0a0a0a
}

.pk-input {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 14px;
    padding: 14px 16px
}

.pk-input:focus {
    border-color: #cba365;
    box-shadow: none
}

.pk-contact-map {
    background: #0a0a0a;
    padding-bottom: 100px
}

.pk-map-wrapper {
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, .08)
}

.pk-map-wrapper iframe {
    width: 100%;
    height: 420px;
    border: 0;
    filter: grayscale(100%) brightness(.75) contrast(1.1)
}

@media(max-width:991px) {

    .desktop-cta,
    .desktop-nav,
    .pk-process-line,
    .pk-scroll-indicator,
    .pk-secondary-image {
        display: none
    }

    .mobile-toggle {
        display: block;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: 0 0;
        color: #fff;
        border: 1px solid rgba(255, 255, 255, .1)
    }

    .pk-hero {
        min-height: 750px
    }

    .pk-final-content h2,
    .pk-hero h1 {
        font-size: 44px
    }

    .pk-adoption,
    .pk-blog,
    .pk-cta-banner,
    .pk-faq,
    .pk-featured,
    .pk-testimonials,
    .pk-trust,
    .pk-why-choose {
        padding: 50px 0
    }

    .pk-about h2,
    .pk-adoption h2,
    .pk-blog h2,
    .pk-faq h2,
    .pk-featured h2,
    .pk-section-heading h2,
    .pk-title,
    .pk-why-content h2 {
        font-size: 42px
    }

    .pk-contact-form,
    .pk-trust-card {
        padding: 30px
    }

    .pk-review,
    .pk-step h3,
    .pk-trust-card h3 {
        font-size: 25px
    }

    .pk-about,
    .pk-available-puppies,
    .pk-story,
    .pk-values {
        padding: 50px 0
    }

    .pk-years-badge {
        left: 15px;
        top: 15px;
        transform: scale(.9)
    }

    .pk-why-card {
        padding: 28px
    }

    .pk-blog-content h3,
    .pk-why-card h3 {
        font-size: 26px
    }

    .pk-quote-icon {
        font-size: 90px
    }

    .pk-step h3,
    .pk-step p {
        padding-right: 0
    }

    .pk-step {
        text-align: center
    }

    .pk-step-circle {
        margin: auto
    }

    .pk-faq-title {
        font-size: 24px
    }

    .pk-faq .accordion-body {
        padding-left: 0
    }

    .pk-final-cta {
        min-height: 650px
    }

    .pk-final-content p {
        font-size: 16px
    }

    .pk-footer {
        padding: 70px 0 30px
    }

    .pk-footer-bottom {
        flex-direction: column;
        align-items: flex-start
    }

    .pk-newsletter-form {
        flex-direction: column
    }

    .pk-page-hero {
        min-height: 500px
    }

    .pk-page-hero-content {
        padding-bottom: 60px
    }

    .pk-page-hero h1 {
        font-size: 64px
    }

    .pk-cta-content h3,
    .pk-story h2 {
        font-size: 46px
    }

    .pk-stats {
        padding: 70px 0
    }

    .pk-contact-info h1,
    .pk-stat-number {
        font-size: 58px
    }

    .pk-value-card {
        padding: 35px
    }

    .pk-value-card h3 {
        font-size: 30px
    }

    .pk-available-puppies h1 {
        font-size: 56px
    }

    .pk-results-bar {
        flex-direction: column;
        gap: 10px
    }

    .pk-contact-page {
        padding: 50px 0 80px
    }
}
@media(max-width:575px){
	.ngg-gallery-thumbnail img{height:auto !important;}
	.pk-puppy-image img, .pk-blog-image img {height:100%; object-fit:contain !important;}
	.pk-page-hero-bg img, .card-img-wrap img, .hero-post .hero-img-wrap img{height:100%; object-fit:contain !important;}
	
}
@media(max-width:767px) {
	.litter-information{padding:10px !important;}
	.sire_details img, .dog-gallery img{height:100% !important;}
    .pk-page-hero {
        min-height: 450px
    }
    .pk-page-hero-content {
        padding-bottom: 50px
    }
    .pk-page-hero h1 {
        font-size: 46px;
        line-height: 1
    }
    .pk-available-puppies,
    .pk-cta-banner,
    .pk-story,
    .pk-values {
        padding: 50px 0
    }
    .pk-story h2 {
        font-size: 38px
    }

    .pk-story-content {
        gap: 20px
    }
    .pk-stats {
        padding: 60px 0
    }
    .pk-stat-number {
        font-size: 46px
    }
    .pk-stat-label {
        font-size: 10px;
        letter-spacing: .22em
    }
    .pk-value-card {
        padding: 30px
    }
    .pk-value-number {
        font-size: 30px
    }
    .pk-value-card h3 {
        font-size: 26px
    }
    .pk-cta-content h3 {
        font-size: 36px
    }
    .pk-cta-buttons {
        flex-direction: column
    }

    .pk-cta-buttons .btn-ghost,
    .pk-cta-buttons .btn-gold {
        width: 100%
    }

    .pk-available-puppies h1,
    .pk-contact-info h1 {
        font-size: 42px
    }

    .pk-contact-form {
        padding: 25px
    }
.site-name {font-size: 20px !important;}
}
.site-name {font-size: 30px;color: #f4f1eb;}
.site-sub-heading{margin-top: 4px; color: rgba(203, 163, 101, .8); letter-spacing: .3em;font-size: 10px;text-transform: uppercase;}
a.logo-link{text-decoration:none;display: flex;align-items: center;gap: 14px;}
.ngg-gallery-thumbnail img{height:300px; object-fit: cover;}
.sire_details p, .sire span{color:#fff;}
.sire_details img{height:500px; object-fit: cover;}
.litter-information{ margin:0 auto;padding:50px;background:#80808036;}
.video-box {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.video-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.video-box:hover .video-thumb {
    transform: scale(1.05);
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.dog-gallery img{height:auto; object-fit: cover;}
.dog-gallery .card-name{text-align: center;padding:20px;}
.dog-gallery .description{text-align: center;}
#mobileMenu	.offcanvas-body {
    padding: 0;
    display: flex;
    flex-direction: column;
	background:#0000005e;
}
#mobileMenu .offcanvas-body a {
    display: flex;
    align-items: center;
    padding: 16px 24px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #f1f1f1;
    transition: all 0.3s ease;
    position: relative;
}
#mobileMenu .offcanvas-body a:last-child {
    border-bottom: none;
}
#mobileMenu .offcanvas-body a:hover,
#mobileMenu .offcanvas-body a:focus {
    background: linear-gradient(135deg, #b19444, #927a44);
    color: #fff;
    padding-left: 32px;
}
#mobileMenu .offcanvas-body a::after {
    content: "›";
    margin-left: auto;
    font-size: 16px;
    opacity: 0;
    transition: all 0.3s ease;
}
#mobileMenu .offcanvas-body a:hover::after,
#mobileMenu .offcanvas-body a:focus::after {
    opacity: 1;
    transform: translateX(5px);
}
#mobileMenu{
    max-width: 320px;
}
#mobileMenu .offcanvas-header {
    border-bottom: 1px solid #eee;
}