@charset "UTF-8";
/* ===== CSS CUSTOM PROPERTIES ===== */
:root {
    /* Colors (updated: background set to white) */
    --bg: #f7f3f1; /* page background */
    --primary: #e91657; /* main blue */
    --secondary: #c70f49;
    --white: #FFFFFF;
    --text-dark: #080808; /* dark text for readability */
    --text-light: #66616a;
    --border: #efcbd6;

    /* Fonts */
    --font-heading: "Cormorant Garamond", serif;
    --font-body: "Poppins", sans-serif;
    --font-primary: var(--font-body);
    --danger: var(--primary);
    --header-glass: rgba(18, 18, 20, 0.56);
    --header-glass-soft: rgba(255, 255, 255, 0.12);
    --header-border: rgba(255, 255, 255, 0.2);
    --header-text: #ffffff;

    /* Spacing */
    --space-xs: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
}

/* ===== BASE STYLES ===== */
* , *::before, *::after {
    box-sizing: border-box;
}

html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;
    font-family: var(--font-body);
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--bg);
    color: var(--text-dark);
    margin: 0;
    padding: 0;
}

a:hover {
    color: var(--primary);
    text-decoration: none !important;
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent;
}

/* ===== TYPOGRAPHY ===== */
p {
    font-size: 16px;
    line-height: 26px;
    color: var(--text-light);
    font-weight: 400;
    margin: 0 0 16px 0;
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: var(--text-dark);
    margin: 0 0 16px 0;
    font-family: var(--font-heading);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1.125rem; }


/* ===== COMMON SECTION TITLE ===== */
.common-title { max-width: 920px; margin: 0 auto 32px; text-align: center;}
.common-title__subtitle { display: inline-block; margin-bottom: 12px; color: var(--primary); font-size: 13px; font-weight: 700; letter-spacing: 6px; text-transform: uppercase; font-family: var(--font-body); }
.common-title__subtitle::after { display: none; }
.common-title__heading { margin: 0; color: var(--text-dark); font-size: 64px; font-weight: 700; line-height: 1.06; letter-spacing: -1px; font-family: var(--font-heading); }
.common-title__highlight { color: var(--primary); font-style: italic; display: inline; font-size: 64px; font-weight: 600; line-height: 1.06; margin-top: 8px; }
.common-title__text { margin-top: 16px; max-width: 720px; font-size: 16px; line-height: 29px; font-family: var(--font-body); color: var(--text-light); margin-left: auto; margin-right: auto; }
@media (max-width: 768px) {
    .common-title { margin-bottom: 24px; }
    .common-title__heading { font-size: 36px; line-height: 42px; }
    .common-title__highlight { font-size: 36px; }
    .common-title__subtitle { letter-spacing: 3px; font-size: 12px; }
    .common-title__text { font-size: 15px; }
}

/* ===== COMMON BUTTON ===== */
.common-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 12px 36px; border: 2px solid transparent; border-radius: 999px; background: var(--primary); color: var(--white); font-size: 15px; font-weight: 800; line-height: 1; text-decoration: none; cursor: pointer; position: relative;}
.common-btn:hover,
.common-btn:focus { text-decoration: none; background: var(--danger); border-color: var(--danger); color: var(--white);}
.common-btn::after { display: none; }
.common-btn--outline { background: transparent; color: var(--primary); box-shadow: none; border: 2px solid var(--primary);}
.common-btn--outline:hover,
.common-btn--outline:focus { background: var(--primary); border-color: var(--primary); color: var(--white);}
.common-btn--dark { background: var(--text-dark); border-color: var(--text-dark); color: var(--white); }
.common-btn--dark:hover,
.common-btn--dark:focus { background: var(--secondary); border-color: var(--secondary); color: var(--white);}
.common-btn--sm { min-height: 44px; padding: 10px 22px; font-size: 14px; border-radius: 999px;}
.common-btn--lg { min-height: 60px; padding: 16px 40px; font-size: 16px; border-radius: 999px;}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}
::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    border-radius: 10px;
}

/* ===== UTILITY CLASSES ===== */
.bg-dark {
    background-color: var(--text-dark) !important;
}
.bg-light {
    background-color: var(--bg) !important;
}

.content-section {
    padding: 70px 0;
}

/* ===== CARDS ===== */
.work-card {
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    overflow: hidden;
}

.work-content {
    padding: 20px 15px 10px;
}

.client-card {
    padding: 15px;
    background-color: var(--text-dark);
    border-radius: 6px;
    color: var(--white);
}

/* ===== WORDPRESS SPECIFIC ===== */
#wpadminbar {
    display: none !important;
}

.grecaptcha-badge {
    display: none !important;
}

/* ===== CONTAINER ===== */
.container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ===== HEADER / NAV STYLES ===== */
.navin-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 18px 0 0; pointer-events: none; transition: padding .25s ease; }
.navin-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 22px; background: transparent; padding: 12px 24px; border-radius: 999px; max-width: 1350px; margin: 0 auto; pointer-events: auto; transition: background .25s ease, backdrop-filter .25s ease, box-shadow .25s ease, border-color .25s ease;}
.navin-header__brand { display: flex; align-items: center; flex: 0 0 auto; }
.navin-header__logo { max-height: 54px; width: auto; display: block; }
.navin-header__nav { display: flex; align-items: center;  justify-content: flex-end;  gap: 26px; flex: 1 1 auto;}
.navin-header__links { display: flex; align-items: center; justify-content: center; gap: 26px; flex: 1 1 auto;}
.navin-header__link { color: var(--text-dark); text-decoration: none; font-weight: 700; font-size: 15px; line-height: 1;  padding: 10px 0; position: relative;}
.navin-header__link::after { content: ""; position: absolute; left: 0; bottom: 2px; width: 100%; height: 2px; border-radius: 999px;  background: var(--primary);  transform: scaleX(0);  transform-origin: center;  transition: transform .2s ease;}
.navin-header__link:hover::after, .navin-header__link:focus::after {  transform: scaleX(1);}
.navin-header__cta { flex: 0 0 auto;  min-width: 120px; box-shadow: 0 14px 30px rgba(233, 22, 87, 0.28);}
.navin-header__toggle { display: none; background: #00000091; border: 1px solid rgba(255, 255, 255, 0.18); width: 48px; height: 48px; border-radius: 999px; padding: 0;  align-items: center;  justify-content: center;  flex-direction: column; gap: 5px;}
.navin-header__toggle span {display: block; width: 18px; height: 2px; background: var(--white); border-radius: 999px; transition: transform .2s ease, opacity .2s ease, background .2s ease;}
.navin-header__backdrop { display: none;} .navin-header.is-sticky { padding-top: 12px;}
.navin-header.is-sticky .navin-header__inner { background: var(--header-glass); border: 1px solid var(--header-border); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);}
.navin-header.is-sticky .navin-header__link,
.navin-header.is-sticky .navin-header__toggle span {  color: #0f1220;}
@media (min-width: 901px) {.navin-panel-top, .navin-header__close { display: none;} .navin-header__nav { align-items: center;}
.navin-header__links { justify-content: center; }
.navin-header.is-sticky .navin-header__inner {  background: linear-gradient(90deg, rgba(255,255,255,0.08), rgba(233,22,87,0.08));}}
@media (max-width: 900px) { .navin-header {  padding: 12px 0 0; } .navin-header__inner {  padding: 12px 16px; width: calc(100% - 20px); border-radius: 24px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12);  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.navin-header__nav { position: fixed; inset: 0; width: 100%; max-width: 100%;  height: 100vh; min-height: 100vh; overflow-y: auto; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; padding: 22px 20px 28px; transform: translateX(-102%); transition: transform .36s cubic-bezier(.2,.9,.2,1);  z-index: 1002; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18);}
.navin-header__links { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; width: 100%;}
.navin-header__nav.open { transform: translateX(0);}
.navin-header__backdrop { display: block; position: fixed; inset: 0; background: rgba(8, 8, 8, 0.36); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; z-index: 1001;}
.navin-header.is-open .navin-header__backdrop { opacity: 1; visibility: visible;}
.navin-panel-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px;}
.navin-panel-logo {  display: inline-flex;  align-items: center;}.navin-panel-logo__img {   max-height: 42px;  width: auto;   display: block;}
.navin-header__close { background: #eef0f6; color: #6a6a76; border: 0; width: 44px;  height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1;}
.navin-header__link { color: #0f1220; font-size: 18px; font-weight: 500;  padding: 18px 4px; border-bottom: 1px solid rgba(15, 18, 32, 0.08);}
.navin-header__link::after {  display: none;}
.navin-header__cta { margin-top: 24px;  width: 100%;  min-width: 0;  justify-content: center;}
.navin-header__toggle { display: inline-flex;}
.navin-header.is-sticky .navin-header__inner {  background: rgba(255, 255, 255, 0.12);}}
body.navin-menu-open { overflow: hidden;}


/* ===== FOOTER STYLES ===== */
.site-footer { background: #070606; color: #d7d7d7; font-family: var(--font-body); }
.site-footer a { color: #d7d7d7; }
.site-footer a:hover { color: var(--primary); }
.footer-top { padding: 64px 0 36px; }
.footer-grid { display: grid; grid-template-columns: 1fr 220px 220px 260px; gap: 32px; align-items: start; }
.footer-col h4 { color: #cfcfcf; font-family: var(--font-heading); font-size: 13px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 20px; }
.footer-brand .footer-logo img { max-height: 56px; width: auto; display: block; margin-bottom: 18px; }
.footer-desc { color: #bdb8b8; max-width: 360px; margin-bottom: 18px; }
.footer-social { display: flex; gap: 12px; margin-top: 8px; }
.social-btn { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.06); color: #e9e9e9; text-decoration: none; background: transparent; }
.social-btn i { font-size: 14px; }
.footer-links ul, .footer-collections ul { list-style: none; padding: 0; margin: 0; }
.footer-links li, .footer-collections li { margin-bottom: 12px; }
.footer-links a, .footer-collections a { color: #cfcfcf; font-size: 15px; text-decoration: none; }
.footer-contact address { font-style: normal; color: #cfcfcf; line-height: 1.8; }

.footer-bottom { border-top: 1px solid rgba(255,255,255,0.04); padding: 18px 0; }
.footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.copyright { color: #cfcfcf; }
.footer-small-links { display: flex; gap: 18px; }
.footer-small-links a { color: #bdb8b8; font-size: 14px; text-decoration: none; }

@media (max-width: 980px) {
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom-inner { flex-direction: column; align-items: flex-start; gap: 8px; }
}




.ankita-pagebradsd-section{ background: var(--border); text-align: center; padding: 150px 20px 100px;}
.ankita-pagebradsd-tag{ display: inline-block; color: var(--text-dark); font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px;}
.ankita-pagebradsd-title{ color: var(--primary); font-size: clamp(2rem, 5vw, 4rem); font-weight: 700; line-height: 1.2; margin-bottom: 20px;}
.ankita-pagebradsd-description{   max-width: 700px;  margin: 0 auto;  color: var(--text-light);  font-size: 18px;  line-height: 1.8;}
@media (max-width: 768px){ .ankita-pagebradsd-section{  padding: 80px 20px; }.ankita-pagebradsd-title{  font-size: 2.5rem;}.ankita-pagebradsd-description{ font-size: 16px; }}
@media (max-width: 480px){.ankita-pagebradsd-section{ padding: 60px 15px;}.ankita-pagebradsd-title{ font-size: 2rem;}.ankita-pagebradsd-description{ font-size: 15px; line-height: 1.7; }}