/* Fort Art Jewels — Tiffany Blue & White luxury theme */
:root {
  --ink: #173132;
  --ink-soft: #50696a;
  --muted: #73898a;
  --teal-950: #053d3b;
  --teal-900: #075b58;
  --teal-850: #08736f;
  --teal-800: #078b86;
  --teal-700: #099e99;
  --teal-500: #0abab5;
  --gold: #0abab5;
  --gold-light: #0a9f9a;
  --gold-pale: #d7f7f5;
  --line: rgba(10, 186, 181, .22);
  --line-soft: rgba(23, 49, 50, .1);
  --glass: rgba(255, 255, 255, .84);
  --shadow: 0 24px 70px rgba(7, 91, 88, .14);
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Manrope", Arial, sans-serif;
}

body {
  color: var(--ink);
  background: #fff;
  font-family: var(--sans);
}
body::before {
  opacity: .55;
  background-image:
    linear-gradient(rgba(10,186,181,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10,186,181,.03) 1px, transparent 1px);
  mask-image: linear-gradient(to bottom, black, transparent 75%);
}
::selection { color: #fff; background: var(--teal-500); }
.pointer-aura { background: radial-gradient(circle, rgba(10,186,181,.12), transparent 68%); mix-blend-mode: multiply; }

.eyebrow { color: var(--teal-800); }
.ornament { color: var(--teal-500); }
.ornament i { background: linear-gradient(90deg, transparent, var(--teal-500), transparent); }

.site-header {
  border-bottom-color: rgba(10,186,181,.18);
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 28px rgba(7,91,88,.06);
}
.site-header.is-sticky { box-shadow: 0 12px 38px rgba(7,91,88,.11); }
.topbar { border-bottom-color: rgba(255,255,255,.18); background: #0a9f9a; }
.topbar a { color: rgba(255,255,255,.92); }
.topbar a:hover, .topbar .icon { color: #fff; }
.topbar__line { background: rgba(255,255,255,.35); }
.social-icon { border-color: rgba(255,255,255,.5); }
.brand__copy strong { color: #075b58; }
.brand__copy small { color: #4e6f6e; }
.nav-menu a { color: #254546; }
.nav-menu a:hover, .nav-menu a.is-active { color: var(--teal-800); }
.nav-menu a::after { background: var(--teal-500); }
.nav-toggle { color: var(--teal-900); border-color: rgba(10,186,181,.3); background: #fff; }
.whatsapp-pill {
  color: #fff;
  border-color: var(--teal-500);
  background: linear-gradient(135deg, #0abab5, #078a86);
  box-shadow: 0 12px 28px rgba(10,186,181,.22);
}
.whatsapp-pill small { color: rgba(255,255,255,.76); }

.button { border-radius: 999px; }
.button--gold {
  color: #fff;
  background: linear-gradient(135deg, #0abab5, #078985);
  box-shadow: 0 16px 35px rgba(10,186,181,.24);
}
.button--gold:hover { box-shadow: 0 20px 42px rgba(10,186,181,.32); }
.button--outline {
  color: #075b58;
  border-color: rgba(10,186,181,.5);
  background: rgba(255,255,255,.78);
}
.button--outline:hover { color: #fff; border-color: var(--teal-500); background: var(--teal-500); }
.text-link { color: var(--teal-800); }

.hero--home {
  border-bottom-color: rgba(10,186,181,.18);
  background:
    radial-gradient(circle at 82% 34%, rgba(10,186,181,.18), transparent 28rem),
    radial-gradient(circle at 16% 8%, rgba(10,186,181,.08), transparent 22rem),
    linear-gradient(135deg, #ffffff 0%, #f6ffff 53%, #dff8f6 100%);
}
.hero__noise { opacity: .35; background-image: radial-gradient(rgba(7,91,88,.12) .55px, transparent .55px); }
.hero__orb--one { background: radial-gradient(circle, rgba(10,186,181,.2), transparent 67%); }
.hero__orb--two { background: radial-gradient(circle, rgba(10,186,181,.1), transparent 67%); }
.hero h1 { color: #173132; font-weight: 600; }
.hero h1 span { color: var(--teal-800); }
.hero__lead { color: #526d6e; }
.hero__highlights { border-top-color: rgba(10,186,181,.24); }
.hero-highlight { border-right-color: rgba(10,186,181,.2); }
.hero-highlight > .icon { color: var(--teal-700); }
.hero-highlight strong { color: #173132; }
.hero-highlight small { color: #6d8586; }
.hero__scroll { color: #557273; }
.hero__scroll span { background: var(--teal-500); }

.jewel-stage__glow { background: radial-gradient(circle, rgba(10,186,181,.22), transparent 70%); }
.jewel-stage__plinth { border-color: rgba(10,186,181,.24); background: rgba(255,255,255,.68); box-shadow: var(--shadow); }
.floating-jewel {
  border-color: rgba(10,186,181,.28);
  background: #fff;
  box-shadow: 0 28px 65px rgba(7,91,88,.18);
}
.floating-jewel img { background: #f2fbfa; }
.floating-jewel__reflection { background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent); }
.heritage-medallion {
  color: #315354;
  border-color: rgba(10,186,181,.4);
  background: rgba(255,255,255,.94);
  box-shadow: 0 20px 50px rgba(7,91,88,.17);
}
.heritage-medallion b { color: var(--teal-900); }

.section { background: #fff; }
.section--collections { background: linear-gradient(180deg, #fff, #f1fbfa); }
.section-heading h2 { color: #173132; }
.collection-card {
  border-color: rgba(10,186,181,.2);
  background: #fff;
  box-shadow: 0 20px 55px rgba(7,91,88,.1);
}
.collection-card:hover { border-color: rgba(10,186,181,.55); box-shadow: 0 26px 65px rgba(7,91,88,.17); }
.collection-card__media { background: #eaf8f7; }
.collection-card__media::after { background: linear-gradient(180deg, transparent 48%, rgba(5,61,59,.25)); }
.collection-card__body { color: #173132; background: #fff; }
.collection-card__body > span { color: var(--teal-700); }
.collection-card__body p { color: #6e8586; }
.collection-card__body > .icon { color: var(--teal-700); }

.editorial-grid { border-color: rgba(10,186,181,.18); background: #fff; }
.editorial-panel { border-color: rgba(10,186,181,.18); background: #fff; }
.editorial-panel--custom { background: linear-gradient(135deg, #ecfbfa, #fff); }
.editorial-panel--craft { background: linear-gradient(135deg, #fff, #e4f8f6); }
.editorial-panel__copy h2 { color: #173132; }
.editorial-panel__copy p:not(.eyebrow) { color: #587172; }
.editorial-panel__image { border-color: rgba(10,186,181,.24); box-shadow: var(--shadow); }

.section--products { background: #fff; }
.product-card {
  border-color: rgba(10,186,181,.18);
  background: #fff;
  box-shadow: 0 18px 46px rgba(7,91,88,.09);
}
.product-card:hover { border-color: rgba(10,186,181,.5); box-shadow: 0 25px 60px rgba(7,91,88,.16); }
.product-card__media { background: #f1f9f8; }
.product-card__media::after { background: linear-gradient(180deg, transparent 58%, rgba(5,61,59,.32)); }
.product-card__view { color: #fff; background: rgba(7,137,133,.92); }
.product-card__body { background: #fff; }
.product-card__body > p { color: var(--teal-700); }
.product-card__body h3, .product-card__body h3 a { color: #173132; }
.product-card__body div { color: #73898a; border-top-color: rgba(10,186,181,.14); }
.product-card__shine { background: linear-gradient(90deg, transparent, rgba(255,255,255,.68), transparent); }

.atelier-film { overflow: hidden; background: linear-gradient(135deg, #075b58, #0a9f9a); }
.atelier-film__grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(45px, 7vw, 110px); align-items: center; }
.atelier-film__copy { color: #fff; }
.atelier-film__copy .eyebrow { color: #bff4f1; }
.atelier-film__copy h2 { margin: 0 0 20px; font: 600 clamp(44px, 5vw, 72px)/.96 var(--serif); }
.atelier-film__copy > p:not(.eyebrow) { margin: 0; color: rgba(255,255,255,.8); font-size: 16px; }
.atelier-film__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 30px 0; }
.atelier-film__facts span { display: grid; grid-template-columns: auto 1fr; gap: 0 12px; padding: 18px; border: 1px solid rgba(255,255,255,.2); border-radius: 18px; background: rgba(255,255,255,.08); }
.atelier-film__facts .icon { grid-row: 1 / 3; width: 28px; height: 28px; color: #d9fffd; }
.atelier-film__facts strong { font-size: 12px; letter-spacing: .05em; text-transform: uppercase; }
.atelier-film__facts small { color: rgba(255,255,255,.68); font-size: 10px; }
.atelier-film__copy .button--gold { color: #075b58; background: #fff; box-shadow: 0 18px 40px rgba(0,0,0,.12); }
.atelier-film__media { position: relative; min-height: 620px; }
.atelier-film figure { position: absolute; overflow: hidden; margin: 0; border: 8px solid #fff; border-radius: 28px; background: #063e3c; box-shadow: 0 28px 70px rgba(0,0,0,.28); }
.atelier-film video { width: 100%; height: 100%; display: block; object-fit: cover; }
.atelier-film figcaption { position: absolute; left: 16px; right: 16px; bottom: 14px; display: flex; align-items: center; gap: 10px; padding: 11px 14px; color: #fff; border-radius: 999px; background: rgba(5,61,59,.78); backdrop-filter: blur(10px); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.atelier-film figcaption span { width: 27px; height: 27px; display: grid; place-items: center; color: #075b58; border-radius: 50%; background: #fff; font-weight: 700; }
.atelier-film__main { inset: 0 22% 7% 0; }
.atelier-film__secondary { width: 42%; height: 54%; right: 0; top: 18%; transform: rotate(3deg); }

.heritage-band { background: linear-gradient(135deg, #e8f9f8, #fff); }
.heritage-band__media { box-shadow: var(--shadow); }
.heritage-band__frame { border-color: rgba(10,186,181,.36); }
.heritage-band__copy h2 { color: #173132; }
.heritage-band__copy > p:not(.eyebrow) { color: #587172; }
.heritage-stats { border-color: rgba(10,186,181,.2); }
.heritage-stats div { border-color: rgba(10,186,181,.18); }
.heritage-stats strong { color: var(--teal-800); }
.heritage-stats span { color: #6a8182; }

.section--gallery-preview { background: #fff; }
.gallery-thumb { border-color: rgba(10,186,181,.22); background: #eff9f8; box-shadow: 0 14px 35px rgba(7,91,88,.08); }
.gallery-thumb::after { background: linear-gradient(180deg, transparent, rgba(5,61,59,.55)); }
.gallery-thumb span, .gallery-thumb .icon { color: #fff; }
.trust-band { border-color: rgba(10,186,181,.18); background: #e8f8f7; }
.trust-chip { border-color: rgba(10,186,181,.2); }
.trust-chip .icon { color: var(--teal-700); }
.trust-chip strong { color: #173132; }
.trust-chip small { color: #6d8384; }

.page-hero { background: #075b58; }
.page-hero__veil { background: linear-gradient(90deg, rgba(5,61,59,.88), rgba(7,91,88,.58) 48%, rgba(10,186,181,.18)); }
.page-hero__content { color: #fff; }
.page-hero__content .eyebrow { color: #c6f8f5; }
.page-hero__content > p:last-child { color: rgba(255,255,255,.82); }

.split-story__copy h2, .craft-section__copy h2, .custom-intro__copy h2, .contact-section__details h1,
.contact-form-card h2, .product-detail__copy h1, .product-story__copy h2 { color: #173132; }
.split-story__copy > p:not(.eyebrow), .craft-section__copy > p, .custom-intro__copy > p,
.contact-section__details > p, .product-detail__copy > p, .product-story__copy > p { color: #587172; }
.signature-card { border-color: rgba(10,186,181,.22); background: #effafa; }
.signature-card strong, .signature-card a { color: var(--teal-900); }
.photo-stack figure, .design-stage figure { border-color: rgba(10,186,181,.28); box-shadow: var(--shadow); }
.photo-stack__seal { border-color: rgba(10,186,181,.3); background: #fff; box-shadow: var(--shadow); }

.values-section, .process-section, .locations-section, .gallery-page, .catalog-section, .custom-enquiry { background: #f1fbfa; }
.value-card, .process-card, .location-card, .inspiration-card, .contact-card, .contact-form-card {
  color: #173132;
  border-color: rgba(10,186,181,.2);
  background: #fff;
  box-shadow: 0 18px 48px rgba(7,91,88,.09);
}
.value-card .icon, .process-card > span, .location-card > span, .contact-card .icon { color: var(--teal-700); }
.value-card p, .process-card p, .location-card p, .inspiration-card p, .contact-card small { color: #6a8182; }
.craft-section { background: #fff; }
.craft-media-grid img { border-color: rgba(10,186,181,.2); box-shadow: var(--shadow); }
.process-list li { border-color: rgba(10,186,181,.18); }
.process-list li > span { color: var(--teal-700); }
.process-list p { color: #687f80; }

.filter-chip { color: #426263; border-color: rgba(10,186,181,.28); background: #fff; }
.filter-chip:hover, .filter-chip.is-active { color: #fff; border-color: var(--teal-500); background: var(--teal-500); }
.catalog-toolbar, .gallery-toolbar { border-color: rgba(10,186,181,.18); }
.empty-state { color: #657d7e; border-color: rgba(10,186,181,.26); background: #fff; }
.bespoke-banner, .gallery-cta { background: linear-gradient(135deg, #075b58, #0a9f9a); }
.bespoke-banner h2, .gallery-cta h2 { color: #fff; }
.bespoke-banner p, .gallery-cta p { color: rgba(255,255,255,.78); }
.bespoke-banner .eyebrow, .gallery-cta .eyebrow { color: #c9f9f6; }

.product-detail { background: linear-gradient(180deg, #fff, #f1fbfa); }
.product-detail__main { border-color: rgba(10,186,181,.25); background: #fff; box-shadow: var(--shadow); }
.product-detail__thumbs button { border-color: rgba(10,186,181,.22); background: #fff; }
.product-detail__thumbs button.is-active { border-color: var(--teal-500); }
.breadcrumbs { color: #73898a; }
.breadcrumbs a:hover { color: var(--teal-700); }
.product-detail__summary { color: #365657 !important; }
.product-specs { border-color: rgba(10,186,181,.2); background: #fff; }
.product-specs div { border-color: rgba(10,186,181,.16); }
.product-specs dt { color: #718788; }
.product-specs dd { color: #173132; }
.product-detail__note { color: #486667; border-color: rgba(10,186,181,.2); background: #e8f8f7; }
.product-detail__note .icon { color: var(--teal-700); }
.product-story { background: #fff; }
.product-story__media { border-color: rgba(10,186,181,.2); box-shadow: var(--shadow); }

.custom-intro, .contact-section { background: #fff; }
.custom-intro__checks span { color: #416263; border-color: rgba(10,186,181,.18); background: #effafa; }
.custom-intro__checks .icon { color: var(--teal-700); }
.design-stage { background: linear-gradient(135deg, #e5f8f6, #fff); }
.design-stage__line { border-color: rgba(10,186,181,.3); }
.inspiration-card { overflow: hidden; }
.inspiration-card__media { background: #eff9f8; }
.enquiry-form input, .enquiry-form select, .enquiry-form textarea {
  color: #173132;
  border-color: rgba(10,186,181,.25);
  background: #fff;
}
.enquiry-form input:focus, .enquiry-form select:focus, .enquiry-form textarea:focus { border-color: var(--teal-500); box-shadow: 0 0 0 4px rgba(10,186,181,.1); }
.enquiry-form label > span { color: #3d5d5e; }
.form-alert--success { color: #075b58; border-color: rgba(10,186,181,.35); background: #e4faf8; }
.contact-locations article { border-color: rgba(10,186,181,.18); background: #f0fbfa; }
.contact-locations article > span, .contact-locations .icon, .contact-mini-list .icon { color: var(--teal-700); }
.contact-mini-list a { border-color: rgba(10,186,181,.18); background: #fff; }
.map-section__panel { background: linear-gradient(145deg, #075b58, #0a9f9a); }
.map-section__panel h2 { color: #fff; }
.map-section__panel p:not(.eyebrow) { color: rgba(255,255,255,.78); }
.map-section__panel .eyebrow { color: #cdf9f6; }
.map-section__panel img { filter: brightness(0) invert(1); }

.gallery-tile { border-color: rgba(10,186,181,.2); background: #eef9f8; box-shadow: 0 14px 38px rgba(7,91,88,.08); }
.gallery-tile__overlay { background: linear-gradient(180deg, transparent 45%, rgba(5,61,59,.8)); }
.gallery-tile__overlay span, .gallery-tile__overlay .icon { color: #fff; }

.footer { color: #fff; border-top-color: rgba(255,255,255,.15); background: #064f4c; }
.footer__brand h2, .footer__column h3 { color: #fff; }
.footer__brand p, .footer__column a, .footer__column p { color: rgba(255,255,255,.72); }
.footer__column a:hover { color: #fff; }
.footer__socials a { color: #fff; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.06); }
.footer__brand img { filter: brightness(0) invert(1); }
.footer__bottom { color: rgba(255,255,255,.65); border-top-color: rgba(255,255,255,.15); background: #043f3d; }
.floating-whatsapp { color: #fff; background: linear-gradient(135deg, #0abab5, #087f7b); box-shadow: 0 18px 45px rgba(7,91,88,.25); }

.lightbox { background: rgba(3,48,47,.94); }
.lightbox img { border-color: rgba(255,255,255,.4); }
.lightbox figcaption { color: #fff; }
.lightbox__close, .lightbox__nav { color: #fff; border-color: rgba(255,255,255,.5); background: rgba(10,186,181,.72); }
.not-found { background: linear-gradient(135deg, #e7f9f8, #fff); }
.not-found__inner > .icon { color: var(--teal-700); }

@media (max-width: 960px) {
  .nav-menu { border-color: rgba(10,186,181,.24); background: rgba(255,255,255,.98); }
  .atelier-film__grid { grid-template-columns: 1fr; }
  .atelier-film__copy { text-align: center; }
  .atelier-film__copy > p { max-width: 700px; margin-inline: auto !important; }
  .atelier-film__media { min-height: 560px; }
}

@media (max-width: 640px) {
  .atelier-film__copy h2 { font-size: 44px; }
  .atelier-film__facts { grid-template-columns: 1fr; }
  .atelier-film__media { min-height: 450px; }
  .atelier-film__main { inset: 0 8% 10% 0; }
  .atelier-film__secondary { width: 48%; height: 46%; top: 34%; }
  .atelier-film figure { border-width: 5px; border-radius: 20px; }
  .atelier-film figcaption { font-size: 8px; }
}