@font-face {
    font-family: "Book Antiqua Bold";
    src: url("https://db.onlinewebfonts.com/t/127984ac535ca158ad9724f752ade6a6.eot");
    src: url("https://db.onlinewebfonts.com/t/127984ac535ca158ad9724f752ade6a6.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/127984ac535ca158ad9724f752ade6a6.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/127984ac535ca158ad9724f752ade6a6.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/127984ac535ca158ad9724f752ade6a6.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/127984ac535ca158ad9724f752ade6a6.svg#Book Antiqua Bold")format("svg");
}

:root {
    --color-ink: #111111;
    --color-ink-soft: #4f4f4f;
    --color-ink-muted: #8a8a8a;
    --color-canvas: #ffffff;
    --color-cream: #f7f7f5;
    --color-dark: #0a0a0a;
    --color-dark-mid: #1c1c1c;
    --color-border: #e6e6e6;
    --color-light-text: #dedede;
    /* --font-serif: "Book Antiqua Bold", serif; */
    --font-sans: "Inter", sans-serif;
    --border-col: #e6e6e6;
    --dark:       #0a0a0a;

    
}
.home_price {
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #111;
    font-weight: 400;
}
.post, .page {
    margin: 0;
}
.entry-content {
    margin: 0;
}
.login-container {
    background-color: #F7F7F5;
    padding: 90px 0;
}
.login-title {
    text-align: center;
}
.login-title h2 {
    line-height: 60px;
    color: #111;
    margin-bottom: 20px;
}
.login-title p {
    font-size: 18px;
    line-height: 24px;
    color: #4F4F4F;
}
.woocommerce .login-form form {
    border: none;
    background: #FFF;
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.06);
    width: 628px;
    margin: 0 auto;
    padding: 40px;
}
.woocommerce .login-form form .form-row label {
    font-size: 16px;
    text-transform: uppercase;
    color: #111;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 10px;
}
.woocommerce form .form-row .input-text {
    border: 1px solid var(--Color-Gray-200, #E6E6E6);
    padding: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.woocommerce form .form-row .input-text::placeholder {
    color: #d3d3d3 !important;
    opacity: 1;
}
.rember-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}
.rember-row p {
    margin: 0;
}
.rember-row a,.rember-row label {
    font-size: 14px;
    line-height: 20px;
    color: #4F4F4F;
    font-weight: 400;
    font-family: var(--font-sans);
}
.woocommerce-form-login__submit {
    display: block;
    width: 100%;
    background-color: #111 !important;
    color: #fff!important;
    text-transform: uppercase;
    opacity: 1;
    font-weight: 400!important;
    font-family: var(--font-sans);
}
.register-button p {
    margin: 0;
    text-align: center;
    color: #8A8A8A;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.register-button p a {
    color: #111;
    text-decoration: underline;
    font-weight: 500;
}
.register-button {
    margin-top: 10px;
}
.woocommerce  .register-form  form.registe {
    margin: 0!important;
}
.woocommerce .register-form .register {
    border: none;
    border: none;
    background: #FFF;
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.06);
    width: 628px;
    margin: 0 auto;
    padding: 40px;
    margin: 0;
}
.woocommerce .register-form .register label {
    font-size: 16px;
    text-transform: uppercase;
    color: #111;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 10px;
}
.register-form p {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 24px;
    margin: 0 0 10px 0;
    text-align: left;
    color: #8A8A8A;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.register-form p a {
    color: #111;
    text-decoration: underline;
    font-weight: 500;
}
.woocommerce-form-register__submit {
    display: block;
    width: 100%;
    background-color: #111 !important;
    color: #fff !important;
    text-transform: uppercase;
    opacity: 1;
    font-weight: 400 !important;
    font-family: var(--font-sans);
    margin-right: 0 !important;
    border-radius: 0 !important;
}
.register-content {
    max-width: 90%;
}
.register-content h6 {
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 400;
    font-family: var(  --font-sans);
    text-transform: uppercase;
    line-height: 20px;
}
.register-content h2 {
    font-weight: 700;
    line-height: normal;
    color: #111;
}
.register-content p {
    font-size: 18px;
    line-height: 28px;
    color: #4F4F4F;
    font-weight: 400;
    font-family: var(  --font-sans);
    margin-bottom: 10px;
}
.register-content p:last-child {
    margin-bottom: 0;
}

.login-container .row {
    align-items: center;
}

.shop-sort-filter-row {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 24px;
}

.shop-sort-filter-row select.orderby,
.shop-sort-filter-row .shop-filters-btn {
    appearance: none;
    -webkit-appearance: none;
    background-color: #f0f0f0;
    border: none;
    border-radius: 6px;
    padding: 10px 36px 10px 16px;
    font-size: 14px;
    font-family: inherit;
    color: #1a1a1a;
    cursor: pointer;
}

.shop-sort-filter-row .woocommerce-ordering {
    position: relative;
}

.shop-sort-filter-row .woocommerce-ordering::after,
.shop-sort-filter-row .filter-icon::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 12px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'><line x1='4' y1='6' x2='20' y2='6'/><line x1='4' y1='12' x2='14' y2='12'/><line x1='4' y1='18' x2='10' y2='18'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.shop-filters-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
}
p{
    font-family:var(--font-sans);
}
a{
    font-family:var(--font-sans);
    text-decoration:none;
}
h2{
    font-size:60px;
}
h1,h2,h3,h4,h5,h6{
  font-family: "Book Antiqua Bold";
}
* {
    box-sizing: border-box;
}
body {
    font-family: var(--font-sans);
    color: var(--color-ink);
    background: var(--color-canvas);
    overflow-x: hidden;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}
/* ── Typography ── */
.serif {
    font-family: var(--font-serif);
}

.display-serif {
    font-family: var(--font-serif);
    font-weight: 700;
}

.label-upper {
    font-size: 13px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--color-ink-soft);
    font-weight: 400;
}

/* ── Sub-header bar ── */
.sub-header {
    background: var(--color-cream);
    font-size: 13px;
    color: #a3a3a3;
    padding: 6px 0;
    border-bottom: 1px solid var(--color-border);
}
.sub-header a {
    color: #a3a3a3;
    text-decoration: underline;
}
.sub-header .divider {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: var(--color-border);
    margin: 0 16px;
    vertical-align: middle;
}

/* ── Navbar ── */
.navbar-brand {
    padding: 0;
}
.site-navbar {
    background: var(--color-canvas);
    padding: 16px 0;
    border-bottom: 1px solid var(--color-border);
}
.site-navbar .nav-link {
    font-family: "Book";
    font-size: 18px;
    color: var(--color-ink) !important;
    padding: 0 !important;
    transition: opacity 0.2s;
}
.site-navbar .nav-link:hover {
    opacity: 0.55;
}
.navbar-icons a {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    color: var(--color-ink);
    text-decoration: none;
}
.navbar-icons a:hover {
    opacity: 0.55;
}
.navbar-icons .bi {
    font-size: 18px;
}

/* ── Buttons ── */
.btn-ink {
    background: var(--color-ink);
    color: #fff;
    font-family: var(--font-sans);
    font-size: 15px;
    padding: 11px 28px;
    border: none;
    border-radius: 0;
    transition: background 0.2s;
}
.btn-ink:hover {
    background: #333;
    color: #fff;
}

.btn-light-outline {
    background: #f5f5f5;
    border: 1px solid var(--color-border);
    color: var(--color-ink);
    font-family: var(--font-sans);
    font-size: 15px;
    padding: 11px 28px;
    border-radius: 0;
    transition:
        background 0.2s,
        color 0.2s;
}
.button-align {
    align-items: center;
}

.button-align .btn {
    width: 170px;
    padding: 7px 0px;
}
.btn-light-outline:hover {
    background: var(--color-ink);
    color: #fff;
    border-color: var(--color-ink);
}

.btn-cream {
    background: #f5f5f5;
    color: var(--color-ink);
    font-family: var(--font-sans);
    font-size: 15px;
    padding: 11px 28px;
    border: none;
    border-radius: 0;
    transition: background 0.2s;
}
.btn-cream:hover {
    background: #e2e2e2;
    color: var(--color-ink);
}

/* ── Hero ── */
.hero-section {
    position: relative;
    background: var(--color-dark);
    min-height: 600px;
    overflow: hidden;
}
.hero-section .hero-bg {
    position: absolute;
    inset: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.hero-watch {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-55%) rotate(7deg);
    width: 52%;
    max-width: 680px;
    pointer-events: none;
}
.hero-content {
    position: relative;
    z-index: 2;
    padding: 100px 0 80px;
    max-width: 600px;
}
.hero-badge {
    background: var(--color-dark-mid);
    border: 1px solid #212121;
    color: var(--color-light-text);
    font-size: 13px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 9999px;
    width: 287px;
}
.hero-headline {
   
    font-weight: 700;
    font-size: clamp(40px, 5vw, 68px);
    line-height: 1.05;
    color: #fff;
}
.hero-sub {
    font-size: 17px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.82);
    max-width: 500px;
}

/* ── Section headings ── */
.section-eyebrow {
    color: var(--color-ink-soft);
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-size: 14px;
}
.collector-left h2 {
    margin-bottom: 24px;
    font-family: var(--font-serif);
    font-weight: 700;
    font-size: clamp(36px, 4vw, 56px);
    line-height: 1.1;
    color: var(--color-ink);
}
.collector-left p {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.65;
    color: var(--color-ink-soft);
}
.collector-content {
    max-width: 540px;
}
/* ── Brands ── */
.section-brands {
    background: var(--color-cream);
    padding: 90px 0;
}
.brand-card {
    background: var(--color-cream);
    padding: 28px 24px 20px;
    text-align: center;
}
.brand-bg {
    background-color: #fff;
    padding: 20px;
    padding: 32px 24px;
    border: 1px solid #e6e6e6;
    border-left: none;
}

.brand-img {
    margin-bottom: 30px;
}
.brand-card h3 {
    font-weight: 700;
    font-size: 24px;
    color: var(--color-ink);
}

/* ── Archive / dark band ── */
.section-archive {
    padding: 90px 0;
    background: var(--color-canvas);
}
.archive-inner {
    background: linear-gradient(to bottom, #0a0a0a, #404040);
    position: relative;
    /* overflow: hidden; */
    /* min-height: 620px; */
    display: flex;
    flex-direction: row-reverse;
}
.archives-img {
    width: 50%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.archive-content {
    position: relative;
    z-index: 2;
    padding: 80px 60px;
    max-width: 580px;
}
.archive-eyebrow {
    color: var(--color-light-text);
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-size: 14px;
}
.archive-content h2 {
    font-weight: 700;
    line-height: 60px;
    color: #fff;
    font-weight: 700;
}
.archive-content p{
    color: var(--color-light-text);
}

/* ── Watch product cards ── */
.section-arrivals {
    background: var(--color-canvas);
    padding: 90px 0;
}
.watch-card {
    background: var(--color-cream);
    height: 100%;
}
.watch-card-img {
    width: 100%;
    aspect-ratio: 318 / 250;
    object-fit: cover;
    display: block;
}
.watch-card-body {
    padding: 28px 24px 24px;
}
.watch-category {
    font-size: 12px;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    color: var(--color-ink-soft);
}
.watch-name {
    font-family: var(--font-serif);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.35;
    color: var(--color-ink);
    margin-top: 8px;
}
.btn-view-details {
    display: block;
    align-items: center;
    gap: 6px;
    background: var(--color-canvas);
    border: none;
    color: var(--color-ink);
    font-size: 15px;
    padding: 8px 0;
    text-decoration: none;
    transition: opacity 0.2s;
    text-align: center;
}
.btn-view-details:hover {
    opacity: 0.55;
    color: var(--color-ink);
}
.price-note {
    font-size: 11px;
    color: var(--color-ink-muted);
    margin-top: 4px;
}
.view-all-link {
    color: var(--color-ink);
    font-size: 15px;
    text-decoration: underline;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.view-all-link:hover {
    opacity: 0.55;
    color: var(--color-ink);
}

/* ── Collector Access ── */
.section-collector {
    background: var(--color-cream);
    padding: 90px 0;
}
.collector-card {
    background: var(--color-canvas);
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: stretch;
}
.collector-left {
    padding: 60px 48px;
    flex: 1;
    width: 60%;
}
.collector-panel {
    background: var(--color-dark);
    border-left: 1px solid #404040;
    width: 40%;
    flex-shrink: 0;
    padding: 60px 36px;
}
.feature-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid #272727;
}
.feature-row:last-child {
    border-bottom: none;
}
.feature-icon-wrap {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #272727;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.feature-icon-wrap .bi {
    font-size: 18px;
    color: #fff;
}
.feature-label {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}
.feature-value {
    font-family: var(--font-serif);
    font-size: 15px;
    color: var(--color-light-text);
}

/* ── Journal ── */
.section-journal {
    background: var(--color-cream);
    padding: 90px 0;
}
.journal-card {
    background: transparent;
}
.journal-card img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}
.journal-category {
    font-size: 12px;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    color: var(--color-ink-soft);
    margin-top: 28px;
}
.journal-title {
    font-size: 19px;
    font-weight: 500;
    color: var(--color-ink);
    margin-top: 10px;
    line-height: 1.4;
}

/* ── Sell section ── */
.sell-inner-column {
    max-width: 700px;
    margin: 0 auto;
}
.sell-inner-column p {
    color: #4f4f4f;
}
.section-sell {
    background: var(--color-cream);
    position: relative;
    overflow: hidden;
}
.sell_rows {
    display: flex;
    align-items: center;
}

.sell-content {
    text-align: center;
    width: 60%;
}

.sell_imgs {
    width: 40%;
}
/* ── Footer ── */
.site-footer {
    background: var(--color-dark);
    padding-bottom: 0;
}
.footer-top {
    background: var(--color-canvas);
    padding: 20px 0;
    border-bottom: 1px solid var(--color-border);
}
.footer-links ul li a {
    color: #dedede;
    font-size: 16px;
    padding: 10px 0px;
    display: block;
    margin: 0;
}
.collector-inner-column {
    background-color: #1c1c1c;
}
.footer-title h6 {
    color: #fff;
}
.footer-main {
    padding: 60px 0 40px;
}
.footer-subscribe {
    background: var(--color-dark-mid);
    padding: 36px 32px;
}
.footer-subscribe label {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 16px;
}
.footer-subscribe-form {
    display: flex;
    gap: 0;
}
.footer-subscribe-form input {
    flex: 1;
    background: #fff;
    border: none;
    padding: 12px 16px;
    font-size: 14px;
    color: var(--color-ink);
    outline: none;
}
.footer-subscribe-form button {
    background: var(--color-ink);
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s;
}
.footer-subscribe-form button:hover {
    background: #333;
}
.footer-subscribe small {
    display: block;
    color: rgba(211, 211, 211, 0.6);
    font-size: 11px;
    margin-top: 12px;
    line-height: 1.5;
}
.footer-divider {
    border-color: #212121;
    margin: 0;
}
.footer-bottom {
    padding: 20px 0;
    border-top: 1px solid #212121;
}
.footer-bottom p {
    font-size: 12px;
    color: var(--color-light-text);
    margin: 0;
}
.bottom-link ul {
    display: flex;
}
.footer-rows {
    display: flex;
}
.footer-col-1,
.footer-col-2,
.footer-col-3 {
    width: 22%;
}
.footer-col-4 {
    width: 34%;
    padding-left: 30px;
}
.footer-social-link ul li a {
    color: var(--color-ink-soft);
    font-size: 14px;
    text-decoration: none;
    display: block;
    text-align: center;
}
.bottom-link ul li a {
    color: #4f4f4f;
    font-size: 14px;
    padding: 0 20px;
}
.footer-social-link ul {
    display: flex;
    align-items: center;
}

.footer-social-link ul li {
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-border);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
}

/* ══ HERO ══ */
.blog-hero {
    padding: 80px 0 70px;
    text-align: center;
}

.blog-hero .eyebrow {
    font-size: 13px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--color-ink-soft);
    margin-bottom: 20px;
}

.blog-hero h1 {
    font-family: var(--serif);
    font-weight: 700;
    font-size: clamp(36px, 5vw, 56px);
    line-height: 1.1;
    color: var(--ink);
    max-width: 800px;
    margin: 0 auto 24px;
}

.blog-hero .lead-text {
    font-size: 17px;
    line-height: 1.7;
    color: var(--color-ink-soft);
    max-width: 780px;
    margin: 0 auto;
}

/* ══ FEATURED + SIDEBAR ══ */
.featured-section {
    padding-bottom: 70px;
}

/* Featured card */
.featured-card {
    background: var(--cream);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.featured-card .card-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.featured-card .meta-row {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--ink-muted);
}

.featured-card h2 {
    font-family: var(--serif);
    font-weight: 700;
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.2;
    color: var(--ink);
    margin: 0;
}

.featured-card p {
    font-size: 15px;
    line-height: 1.65;
    color: var(--color-ink-soft);
    margin: 0;
}

/* Popular posts sidebar */
.sidebar-title {
    font-family: var(--serif);
    font-weight: 700;
    font-size: 22px;
    color: var(--ink);
    margin-bottom: 12px;
}

.sidebar-divider {
    border: none;
    border-top: 1px solid var(--border-col);
    margin: 0 0 20px;
}

.popular-card {
    background: var(--cream);
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px;
}


.popular-card .info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.popular-card .meta-row {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--ink-muted);
}

.popular-card h3 {
    font-family: var(--serif);
    font-weight: 700;
    font-size: 17px;
    line-height: 1.35;
    color: #221429;
    margin: 0;
}

/* ══ FILTER TABS ══ */
.filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 50px;
}

.filter-btn ,
.category-filter a{
    height: 44px;
    padding: 0 28px;
    font-size: 12px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    font-weight: 500;
    border: none;
    background: transparent;
    color: var(--ink-soft);
    cursor: pointer;
    outline: 1px solid var(--border-col);
    transition: background .2s, color .2s, outline-color .2s;
    white-space: nowrap;
        display: flex;
    align-items: center;
    justify-content: center;
}
.category-filter {
    display: flex;
    flex-wrap: wrap;
}

.category-filter a {
    margin-right: 15px;
}
.filter-btn.active,
.filter-btn:hover,
.category-filter a:hover,
.category-filter a.active {
    background: var( --color-ink);
    color: #fff;
    outline-color: var( --color-ink);
}

/* ══ BLOG CARDS GRID ══ */
.blog-cards-section {
    padding-bottom: 80px;
}

.blog-card {
    background: var(--cream);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.blog-card .card-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.blog-card .meta-row {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--ink-muted);
}

.blog-card h2 {
    font-family: var(--serif);
    font-weight: 700;
    font-size: clamp(22px, 2.5vw, 30px);
    line-height: 1.2;
    color: var(--ink);
    margin: 0;
}

.blog-card p {
    font-size: 15px;
    line-height: 1.65;
    color: var(--ink-soft);
    margin: 0;
}

/* ══ CTA BANNER ══ */

.cta-banner {
    background: #F6FAFF;
    padding: 30px 0px;
    text-align: center;
}
.cat-innerbanner {
    background-color: #0A0A0A;
    padding: 90px 30px;
}
.cta-banner h2 {
    font-family: var(--serif);
    font-weight: 700;
    font-size: clamp(32px, 4.5vw, 52px);
    line-height: 1.15;
    color: #fff;
    max-width: 700px;
    margin: 0 auto 16px;
}

.cta-banner .sub {
    font-size: 17px;
    color: rgba(255,255,255,.75);
    margin-bottom: 36px;
}

.cta-form {
    display: flex;
    gap: 0;
    max-width: 520px;
    margin: 0 auto;
}

.cta-form input {
    flex: 1;
    background: transparent;
    border: 1px solid #212121;
    color: #dedede;
    font-size: 14px;
    padding: 12px 20px;
    outline: none;
}

.cta-form input::placeholder { color: #dedede; }

.cta-form button {
    background: #f5f5f5;
    color: var(--ink);
    border: none;
    padding: 12px 28px;
    font-size: 13px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    transition: background .2s;
    white-space: nowrap;
}

.cta-form button:hover { background: #ddd; }
.blog-images {
    width: 100%;
    height: 390px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* ── Gap helpers ── */
.row-gap { margin-bottom: 24px; }
.blog-features {
    width: 100%;
    height: 460px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.pouplar-blog {
    width: 190px;
    height: 142px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.blog-detail-column {
    width: 120px;
    /* position: sticky; */
    /* top: 90px; */
}

.blog-detail-row {
    display: flex;
}

.blog-details {
    background-color: #F7F7F5;
    padding: 90px 0;
}

.blog-detail-column2 {
    width: 370px;
}

.blog-detail-column1 {
    width: calc(100% - 400px);
    padding-right: 50px;
}

.table-of-content {
    background-color: #fff;
    border-radius: 8px;
    padding: 33px;
    position: sticky;
    top: 90px;
}

.table-title h2 {
    color: #221429;
    font-size: 24px;
    margin-bottom: 14px;
}

.table-title ol li {
    padding: 10px 0;
    color: #8A8A8A;
    font-size: 16px;
}

.table-title ol {
    padding-left: 21px;
    margin: 0;
}

.share-blog {
    position: sticky;
    top: 90px;
    text-align: center;
}

.share-blog h6 {
    color: #111;
    font-size: 18px;
}

.share-blog ul li {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.share-blog ul {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.blog-detail-content h2 {
    color: #111;
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 700;
}

.blog-detail-content p {
    margin-bottom: 20px;
    font-size: 18px;
    color: #4F4F4F;
    font-weight: 400;
    line-height: 28px;
}

.blog-detail-content img {
    margin-bottom: 20px;
}

.blog-detail-content ul {
    list-style: inside;
}

.blog-detail-content ul li {
    padding-bottom: 10px;
    font-size: 18px;
    color: #4F4F4F;
    font-weight: 400;
}
.related-article {
    padding: 60px 0;
}

.related-title {
    margin-bottom: 50px;
    text-align: center;
}

.related-title h2 {
    color: #111;
    font-size: 60px;
    font-weight: 700;
}
.blog-features-image {
    margin-top: 40px;
}
.related-article .card-body {
    background-color: #F7F7F5;
}
/* ══════════════════════════════════════
       § 1 — HERO
    ══════════════════════════════════════ */
    .about-hero {
      background: var(--cream);
      padding: 80px 0 0;
      overflow: hidden;
    }

    .about-hero .headline-wrap h1 {
      font-weight: 700;
      font-size: clamp(64px, 9vw, 120px);
      line-height: .95;
      color: var(--ink);
      margin: 0;
    }

    .about-hero .intro-text {
      font-size: 17px;
      line-height: 1.7;
      color: var(--ink-soft);
      max-width: 300px;
      padding-top: 20px;
    }

    .hero-watch-col {
      position: relative;
      min-height: 420px;
    }

    .hero-watch-col img {
      width: 100%;
      height: 100%;
      min-height: 360px;
      object-fit: cover;
      display: block;
    }

    .philosophy-col {
      padding: 40px 0 60px;
    }

    .philosophy-col h3 {
      
      font-weight: 700;
      font-size: 22px;
      line-height: 1.3;
      color: var(--ink);
      margin-bottom: 16px;
    }

    .philosophy-col p {
      font-size: 15px;
      line-height: 1.7;
      color: var(--ink-soft);
    }

    /* ══════════════════════════════════════
       § 2 — ABOUT THE FOUNDER
    ══════════════════════════════════════ */
    .about-founder {
      background: var(--warm);
      padding: 90px 0 0;
    }

    .founder-copy .eyebrow {
      font-size: 13px;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      color: var(--ink-soft);
      margin-bottom: 20px;
    }

    .founder-copy h2 {
      
      font-weight: 700;
      font-size: clamp(36px, 4vw, 52px);
      line-height: 1.1;
      color: var(--ink);
      margin-bottom: 24px;
    }

    .founder-copy p {
      font-size: 17px;
      line-height: 1.7;
      color: var(--ink-soft);
    }

    .founder-photo {
      background: #fff;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      overflow: hidden;
      min-height: 440px;
    }

    .founder-photo img {
      width: 100%;
      max-height: 480px;
      object-fit: cover;
      object-position: top center;
      display: block;
    }

    /* Stats bar */
    .stats-bar {
      display: flex;
      align-items: stretch;
      border-top: 1px solid #dedede;
      margin-top: 60px;
    }

    .stat-dark {
      background: var(--dark-mid);
      padding: 36px 32px;
      flex: 0 0 42%;
    }

    .stat-dark .big-num {
     
      font-size: clamp(48px, 6vw, 60px);
      font-weight: 700;
      color: #fff;
      line-height: 1;
      display: block;
    }

    .stat-dark .stat-label {
      font-size: 13px;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      color: #dedede;
      margin: 10px 0 16px;
      display: block;
    }

    .stat-dark .stat-desc {
      font-size: 17px;
      line-height: 1.65;
      color: #dedede;
    }

    .stat-light {
      flex: 1;
      padding: 36px 40px;
      border: 1px solid #d3d3d3;
      border-left: none;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .stat-light .big-num {
      
      font-size: clamp(48px, 6vw, 60px);
      font-weight: 700;
      color: var(--ink);
      line-height: 1;
      display: block;
    }

    .stat-light .stat-label {
      font-size: 13px;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      color: var(--ink-soft);
      margin-top: 12px;
      display: block;
    }

    /* ══════════════════════════════════════
       § 3 — WHAT SETS US APART
    ══════════════════════════════════════ */
    .section-apart {
      background: var(--cream);
      padding: 90px 0;
    }

    .section-apart .eyebrow {
      font-size: 13px;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      color: var(--ink-soft);
      margin-bottom: 20px;
    }

    .section-apart h2 {
      
      font-weight: 700;
      font-size: clamp(36px, 4vw, 52px);
      line-height: 1.1;
      color: var(--ink);
      margin-bottom: 20px;
    }

    .section-apart .lead-text {
      font-size: 17px;
      line-height: 1.7;
      color: var(--ink-soft);
    }

    /* Feature card (white) */
    .feature-card {
      background: #fff;
      padding: 36px 32px;
      height: 100%;
    }

    .feature-card .icon-wrap {
      width: 48px;
      height: 48px;
      margin-bottom: 24px;
      color: var(--ink-soft);
    }

    .feature-card .icon-wrap svg {
      width: 100%;
      height: 100%;
    }

    .feature-card h3 {
      
      font-weight: 700;
      font-size: 22px;
      color: var(--ink);
      margin-bottom: 10px;
    }

    .feature-card p {
      font-size: 15px;
      line-height: 1.65;
      color: var(--ink-soft);
      margin: 0;
    }

    /* Dark centre card (Exclusive Access) */
    .exclusive-card {
      background: #050504;
      position: relative;
      overflow: hidden;
      min-height: 500px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }

    .exclusive-card img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 60%;
      object-fit: cover;
      object-position: center;
    }

    .exclusive-card .card-text {
      position: relative;
      z-index: 2;
      padding: 32px;
      background: linear-gradient(to top, #050504 60%, transparent);
      padding-top: 80px;
    }

    .exclusive-card h3 {
      
      font-weight: 700;
      font-size: 32px;
      line-height: 1.2;
      color: #fff;
      margin-bottom: 12px;
    }

    .exclusive-card p {
      font-size: 14px;
      line-height: 1.6;
      color: #dedede;
      margin: 0;
    }

    /* ══════════════════════════════════════
       § 4 — GLOBAL NETWORK
    ══════════════════════════════════════ */
    .section-network {
      background: var(--cream);
      padding: 90px 0;
      border-top: 1px solid var(--border);
    }

    .section-network .eyebrow {
      font-size: 13px;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      color: var(--ink-soft);
      margin-bottom: 20px;
    }

    .section-network h2 {
      
      font-weight: 700;
      font-size: clamp(36px, 4vw, 52px);
      color: var(--ink);
      margin-bottom: 20px;
    }

    .section-network .lead-text {
      font-size: 17px;
      line-height: 1.7;
      color: var(--ink-soft);
    }

    .partner-logo {
      display: flex;
      align-items: center;
      justify-content: center;
    }

   

    /* ══════════════════════════════════════
       § 5 — CTA BAND
    ══════════════════════════════════════ */
    .section-cta {
      background: var(--dark);
      padding: 90px 0;
      text-align: center;
    }

    .section-cta h2 {
      
      font-weight: 700;
      font-size: clamp(36px, 4.5vw, 56px);
      line-height: 1.15;
      color: #fff;
      max-width: 760px;
      margin: 0 auto 40px;
    }

    .cta-btn-primary {
      background: #f5f5f5;
      color: var(--ink);
      border: none;
      padding: 13px 32px;
      font-size: 15px;
      font-weight: 500;
      cursor: pointer;
      transition: background .2s;
      text-decoration: none;
      display: inline-block;
    }

    .cta-btn-primary:hover {
      background: #ddd;
      color: var(--ink);
    }

    .cta-btn-outline {
      background: transparent;
      color: #e6e6e6;
      border: 1px solid #e6e6e6;
      padding: 13px 32px;
      font-size: 15px;
      font-weight: 500;
      cursor: pointer;
      transition: background .2s, color .2s;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .cta-btn-outline:hover {
      background: rgba(255,255,255,.08);
      color: #fff;
    }

    /* ══════════════════════════════════════
       § 6 — SIGNIFICANT PLACEMENTS
    ══════════════════════════════════════ */
    .section-placements {
      background: var(--cream);
      padding: 90px 0;
    }

    .section-placements .eyebrow {
      font-size: 13px;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      color: var(--ink-soft);
      margin-bottom: 16px;
    }

    .section-placements h2 {
      
      font-weight: 700;
      font-size: clamp(36px, 4vw, 52px);
      color: var(--ink);
      margin-bottom: 20px;
    }

    .section-placements .lead-text {
      font-size: 17px;
      line-height: 1.7;
      color: var(--ink-soft);
    }

    .placement-card img {
      width: 100%;
      height: 280px;
      object-fit: cover;
      display: block;
    }

    .placement-card .info {
      padding-top: 24px;
    }

    .placement-card h3 {
      font-size: 19px;
      font-weight: 500;
      color: var(--ink);
      margin-bottom: 8px;
    }

    .placement-card .acquisition {
      font-size: 12px;
      letter-spacing: 0.56px;
      text-transform: uppercase;
      color: var(--ink-soft);
    }
    .shop-banner-content {
        text-align: center;
    }
   .shop-banner-content .breadcrumb {
        align-items: center;
        justify-content: center;
    }
    .shop-banner-content .breadcrumb li a {
        font-size: 16px;
        color: #4F4F4F;
        font-weight: 400;
        letter-spacing: 1.6px;
        text-transform: uppercase;
    }
    .shop-banner-content .breadcrumb li {
        position: relative;
        padding: 0 12px;
    }
    .shop-banner-content .breadcrumb li:before {
        position: absolute;
        content: "/";
        right: -2px;
    }
    .shop-banner-content .breadcrumb li:last-child:before {
        display: none;
    }
    .shop-banner-content h6 {
        color: #111;
        font-size: 36px;
        max-width: 80%;
        margin: 0 auto;
        line-height: 40px;
    }
/* ── Responsive ── */
@media (max-width: 991px) {
    .stats-bar { flex-direction: column; }
      .stat-dark { flex: none; }
      .stat-light { border-left: 1px solid #d3d3d3; border-top: none; }
      .hero-watch-col { min-height: 280px; }
      .founder-photo { min-height: 320px; }
    

    .hero-watch {
        display: none;
    }
    .archive-watch {
        display: none;
    }
    .sell-watch-img {
        display: none;
    }
    .collector-card {
        flex-direction: column;
    }
    .collector-panel {
        width: 100%;
        border-left: none;
        border-top: 1px solid #404040;
    }
    .hero-content {
        padding: 80px 0 60px;
    }
    .archive-content {
        padding: 60px 40px;
    }
}

@media (max-width: 767px) {
    .about-hero .headline-wrap h1 { font-size: 64px; }
    .exclusive-card { min-height: 380px; }
    .popular-card img { width: 110px; height: 85px; }
    .cta-form { flex-direction: column; }
    .cta-form button { width: 100%; }
    .sub-header .divider {
        display: none;
    }
    .sub-header .sub-email {
        display: none;
    }
    .section-eyebrow,
    .archive-eyebrow {
        font-size: 12px;
    }
}