:root {
  --gold: #d4a044;
  --gold-light: #f2c96d;
  --gold-dark: #a87524;
  --ink: #080a0d;
  --ink-2: #101318;
  --paper: #ffffff;
  --soft: #f6f7f9;
  --soft-2: #eef1f4;
  --muted: #727272;
  --line: #e5e0d8;
  --black: #060606;
  --black2: #101010;
  --gold2: #f0ca73;
  --gold3: #95651d;
  --cream: #f7f5f1;
  --white: #fff;
  --text: #171717;
  --shadow: 0 18px 45px #00000012;
  --r: 18px;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  background: var(--cream);
  font-family: "DM Sans",sans-serif;
  color: var(--text);
  line-height: 1.6;
}

.container, .wrap {
  width: min(1240px, calc(100% - 40px));
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.section {
  position: relative;
  padding: 88px 0;
}

.header {
  height: 82px;
  background: #050505f4;
  border-bottom: 1px solid #ffffff13;
  box-shadow: 0 8px 30px rgba(0,0,0,.16);
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(15px);
}

.nav {
  height: 82px;
  width: min(1240px, calc(100% - 40px));
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo img {
  width: 120px;
  height: auto;
}

.menu {
  gap: 23px;
  display: flex;
  align-items: center;
}

.menu>a, .drop>button {
  font-size: 13px;
  letter-spacing: -.01em;
  transition: color .25s ease, transform .25s ease;
}

.menu>a:hover, .drop:hover>button {
  color: var(--gold-light);
}

.drop-menu {
  top: 33px;
  width: 205px;
  border-color: rgba(212,160,68,.20);
  box-shadow: 0 18px 40px #0008;
  position: absolute;
  left: -12px;
  background: #111;
  border: 1px solid #ffffff15;
  border-radius: 9px;
  padding: 7px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(7px);
  transition: .25s;
}

.header .btn {
  padding: 8px 10px;
  border-radius: 9px;
  font-size: 12px;
  display:block;
  box-shadow: 0 8px 25px rgba(212,160,68,.12);
}

.page-breadcrumb {
  background: #f3f0e9 !important;
  position: relative;
  color: #17191c !important;
  border-top: 1px solid #e5e0d7;
  border-bottom: 1px solid #ddd8ce;
  overflow: hidden;
}

.page-breadcrumb .wrap {
  min-height: 170px;
  width: min(1240px, calc(100% - 40px));
  padding: 28px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: relative;
  z-index: 1;
}

.page-breadcrumb .eyebrow {
  color: #73716d !important;
  font-size: 11px;
  letter-spacing: .08em;
}

.page-breadcrumb h1 {
  font-size: clamp(30px,4vw,48px);
  line-height: 1;
  font-weight: 800;
  color: #17191c !important;
  margin-top: 12px;
  margin: 8px 0 0;
  letter-spacing: -.05em;
}

.bread-links {
  padding: 11px 16px;
  border: 1px solid #ddd7cc;
  border-radius: 30px;
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  color: #66635e !important;
  font-weight: 700;
  white-space: nowrap;
}

.bread-links .current {
  color: #a87524 !important;
}

.ip-hero {
  padding: 86px 0 78px;
  background: var(--black);
  color: #fff;
  position: relative;
  overflow: hidden;
}

.ip-hero-grid {
  width: min(1240px, calc(100% - 40px));
  grid-template-columns: 1.05fr .95fr;
  gap: 65px;
  position: relative;
  z-index: 2;
  display: grid;
  align-items: center;
}

.ip-hero h1 {
  font-size: clamp(48px,5.5vw,76px);
  line-height: .96;
  max-width: 720px;
  font: 800 clamp(45px,6vw,78px)/.97 Manrope,sans-serif;
  letter-spacing: -.06em;
  margin: 16px 0;
}

.ip-hero p {
  max-width: 600px;
  color: #aeb6bf;
  font-size: 16px;
  line-height: 1.75;
}

.ip-visual {
  min-width: 0;
  height: 470px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ip-visual img {
  border-radius: 20px;
  object-fit: cover;
  box-shadow: 0 30px 70px rgba(0,0,0,.42);
  border: 1px solid rgba(255,255,255,.08);
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 25px 30px #0009);
}

.section.cream, .capability, .services {
  background: var(--soft);
}

.about, .portfolio, .gallery-section {
  background: #fff;
}

.ip-card, .cap-card, .service-card {
  border-color: #e2e7eb;
  box-shadow: 0 12px 30px rgba(15,23,32,.055);
}

.ip-card:hover, .cap-card:hover, .service-card:hover {
  border-color: rgba(212,160,68,.42);
  box-shadow: 0 22px 50px rgba(15,23,32,.10);
}

.service-image {
  height: 275px;
  background: #f5f5f5;
  overflow: hidden;
}

.service-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
  object-position: center;
}

.ip-two {
  gap: 70px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.ip-photo {
  box-shadow: 0 20px 55px rgba(0,0,0,.10);
  /*height: 520px;*/
  border-radius: 20px;
  overflow: hidden;
}

.section-head {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.section-head h2, .head h2 {
  letter-spacing: -.045em;
}

.ip-banner {
  background: var(--gold);
  padding: 32px 0;
}

.ip-banner-in {
  min-height: 260px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

.ip-darkbtn {
  border-radius: 7px;
  transition: .3s ease;
  background: #090b0f;
  color: #fff;
  padding: 13px 18px;
  font-size: 11px;
  font-weight: 900;
}

.ip-darkbtn:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 30px rgba(0,0,0,.22);
}

.gallery-grid {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: 1.25fr .75fr .75fr;
  gap: 13px;
  display: grid;
  grid-template-rows: 230px 230px;
}

.gallery-item {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  position: relative;
  margin: 0;
  background: #e9ecef;
  cursor: pointer;
}

.gallery-item img {
  transition: .5s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-item:hover img {
  transform: scale(1.06);
  filter: saturate(1.06);
}

.gallery-overlay {
  opacity: 0;
  transition: .3s;
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,transparent 45%,#05070acc);
  display: flex;
  align-items: flex-end;
  padding: 20px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gallery-item:hover .gallery-overlay {
  opacity: 1;
}

.enquiry-section {
  background: #f3f1eb;
}

.enquiry-grid {
  width: min(1240px, calc(100% - 40px));
  grid-template-columns: .85fr 1.15fr;
  display: grid;
  gap: 60px;
  align-items: start;
}

.project-form {
  border: 1px solid #ddd;
  box-shadow: 0 22px 55px rgba(15,23,32,.08);
  border-radius: 16px;
  background: #fff;
  padding: 30px;
}

.project-form input, .project-form select, .project-form textarea {
  border-color: #dfe4e8;
  background: #fbfcfd;
}

.project-form input:focus, .project-form select:focus, .project-form textarea:focus {
  border-color: rgba(212,160,68,.75);
  box-shadow: 0 0 0 4px rgba(212,160,68,.10);
  outline: 0;
}

.footer {
  background: #050505;
  border-top: 1px solid rgba(212,160,68,.14);
  color: #fff;
  padding: 65px 0 20px;
}

.footer-logo {
  max-width: 110px;
  width: 190px;
}

.footer a:hover {
  color: #fff;
}

.btn {
  position: relative;
  overflow: hidden;
  font-size: 12px;
  transition: .3s;
  /*display: inline-flex;*/
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 21px;
  border-radius: 8px;
  background: linear-gradient(135deg,var(--gold2),var(--gold3));
  border: 1px solid #e2b250;
  color: #111;
  font-weight: 800;
}

.btn:after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-110%);
  background: linear-gradient(100deg,transparent,rgba(255,255,255,.20),transparent);
  transition: transform .55s ease;
}

.btn:hover:after {
  transform: translateX(110%);
}

.hero, .video, .stats {
  overflow: hidden;
}

.hero-grid {
  width: min(1240px, calc(100% - 40px));
  position: relative;
  z-index: 2;
  min-height: 650px;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 45px;
}

@media (max-width:1200px){
.menu {
  gap: 13px;
}

.menu>a,.drop>button {
  font-size: 12px;
}

.header .btn {
  min-width: 140px;
  padding-left: 14px;
  padding-right: 14px;
}

.ip-hero-grid {
  gap: 38px;
}
}

@media (max-width:1050px){
.menu {
  display: none;
}

.burger {
  display: block;
}

.header .btn {
  margin-left: auto;
  margin-right: 12px;
}

.ip-hero-grid {
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.ip-visual {
  height: 430px;
}

.gallery-grid {
  grid-template-columns: 1fr 1fr;
}
}

@media (max-width:820px){
.container,.wrap, .nav, .page-breadcrumb .wrap, .ip-hero-grid, .enquiry-grid, .hero-grid {
  width: min(100% - 30px, 700px);
}

.page-breadcrumb .wrap {
  min-height: auto;
  padding: 32px 0 30px;
  display: block;
}

.bread-links {
  display: inline-flex;
  margin-top: 18px;
}

.ip-hero {
  padding: 58px 0 64px;
}

.ip-hero-grid {
  grid-template-columns: 1fr;
}

.ip-visual {
  height: 380px;
}

.ip-two, .enquiry-grid {
  grid-template-columns: 1fr;
}

.ip-photo {
  height: 400px;
}

.gallery-grid {
  width: min(100% - 30px,700px);
}
}

@media (max-width:600px){
.header,.nav {
  height: 72px;
}

.logo img {
  width: 92px;
}

.header .btn {
  display: none;
}

.burger {
  margin-left: auto;
}

.page-breadcrumb h1 {
  font-size: 34px;
}

.bread-links {
  font-size: 10px;
  padding: 9px 12px;
}

.ip-hero h1 {
  font-size: 46px;
}

.ip-hero p {
  font-size: 14px;
}

.ip-visual {
  height: 290px;
}

.ip-photo {
  height: 310px;
}

.gallery-grid {
  grid-template-columns: 1fr;
}

.gallery-grid .gallery-item {
  /*min-height: 230px;*/
}

.gallery-grid .gallery-item img {
  height: 100%;
  min-height: 230px;
  object-fit: cover;
}
}

@media (max-width:420px){
.container,.wrap, .nav, .page-breadcrumb .wrap, .ip-hero-grid, .enquiry-grid, .hero-grid {
  width: calc(100% - 24px);
}
.ip-hero h1 {
  font-size: 25px !important;
  line-height: 30px !important;
}
.ip-title {
  font-size: 25px !important;
  line-height: 30px !important;  
}
.hero-actions {
  gap: 8px;
}
.slider-controls {
    margin-top: 20px;
}
.cta p {
    margin-bottom: 20px;
}

.btn {
  padding: 5px 12px;
}
.stat strong {
  font: 800 20px Manrope, sans-serif !important;
}
.about-copy h2{
    font-size: 25px !important;
}
.head h2 {
    font-size: 25px !important;
    margin-bottom: 10px;
}
}
@media (prefers-reduced-motion:reduce){
*, *::before, *::after {
  scroll-behavior: auto!important;
  animation-duration: .01ms!important;
  animation-iteration-count: 1!important;
  transition-duration: .01ms!important;
}
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

img {
  display: block;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

button,input,select,textarea {
  font: inherit;
}

.container {
  width: min(1240px,calc(100% - 40px));
  margin: auto;
}

.gold {
  color: var(--gold);
}

.kicker {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gold3);
  margin-bottom: 10px;
}

.head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 30px;
  margin-bottom: 38px;
}

.head h2 {
  font: 800 clamp(31px,4vw,51px)/1.07 Manrope,sans-serif;
  letter-spacing: -.04em;
}

.head p {
  max-width: 480px;
  color: var(--muted);
  font-size: 16px;
}

.btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 13px 30px #b37b2628;
}

.btn.dark {
  background: transparent;
  color: #fff;
  border-color: #ffffff35;
  box-shadow: none;
}

.btn.dark:hover {
  background: #fff;
  color: #111;
}

.arrow {
  font-size: 16px;
}

.menu>a,.drop>button {
  font-size: 14px;
  font-weight: 700;
  color: #eee;
  background: none;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
}

.menu>a:hover,.drop:hover>button {
  color: var(--gold2);
}

.drop {
  position: relative;
}

.drop>button:after {
  content: "";
  color: var(--gold);
  margin-left: 5px;
}

.drop:hover .drop-menu {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.drop-menu a {
  display: block;
  color: #ccc;
  padding: 10px;
  border-radius: 6px;
  font-size: 14px;
}

.drop-menu a:hover {
  background: #ffffff0b;
  color: var(--gold2);
}

.burger {
  display: none;
  width: 42px;
  height: 42px;
  background: none;
  border: 1px solid #ffffff35;
  border-radius: 8px;
}

.burger span {
  display: block;
  width: 19px;
  height: 2px;
  background: #fff;
  margin: 4px auto;
}

.mobile {
  display: none;
  background: #080808;
  border-top: 1px solid #ffffff15;
}

.mobile.open {
  display: block;
}

.mobile a {
  display: block;
  color: #fff;
  padding: 14px 20px;
  border-bottom: 1px solid #ffffff0d;
  font-size: 12px;
  font-weight: 700;
}

.hero {
  position: relative;
  min-height: 650px;
  background: #050505;
  color: #fff;
  overflow: hidden;
}

.hero:before {
  content: "";
  position: absolute;
  width: 720px;
  height: 720px;
  right: -190px;
  top: -250px;
  border-radius: 50%;
  border: 1px solid #d4a0443b;
  box-shadow: 0 0 0 55px #d4a04405,0 0 0 110px #d4a04403;
}

.hero:after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 78% 54%,#d4a04419,transparent 25%),linear-gradient(115deg,#050505 0%,#0d0a06 62%,#121212 100%);
}

.hero-copy {
  padding: 45px 0;
}

.hero-line {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .13em;
  color: var(--gold2);
  text-transform: uppercase;
}

.hero-line:before {
  content: "";
  width: 35px;
  height: 2px;
  background: var(--gold);
}

.hero h1 {
  font: 800 clamp(42px,5.6vw,50px)/.98 Manrope,sans-serif;
  letter-spacing: -.055em;
  margin: 18px 0 21px;
  line-height: 60px;
}

.hero h1 span {
  color: var(--gold2);
}

.hero-copy>p {
  color: #c8c8c8;
  max-width: 530px;
  font-size: 14px;
}

.hero-actions {
  display: flex;
  gap: 11px;
  flex-wrap: wrap;
  margin-top: 27px;
}

.hero-points {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  margin-top: 35px;
  gap: 10px;
}

.hero-point {
  display: flex;
  gap: 9px;
  align-items: center;
  border-right: 1px solid #ffffff20;
}

.hero-point:last-child {
  border: 0;
}

.hero-icon {
  width: 34px;
  height: 34px;
  border: 1px solid #d4a04470;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--gold2);
  font-size: 13px;
}

.hero-point strong {
  font-size: 14px;
  display: block;
}

.hero-point small {
  font-size: 12px;
  color: #999;
}

.hero-products {
  height: 550px;
  position: relative;
}

.product {
  position: absolute;
  object-fit: contain;
  filter: drop-shadow(0 28px 25px #000b);
  transition: .55s;
}

.p1 {
  width: 39%;
  right: 29%;
  bottom: 18px;
  z-index: 4;
  transform: rotate(-2deg);
}

.p2 {
  width: 35%;
  right: 1%;
  bottom: 65px;
  z-index: 3;
  transform: rotate(4deg);
}

.p3 {
  width: 34%;
  left: 2%;
  bottom: 60px;
  z-index: 2;
  transform: rotate(-5deg);
}

.p4 {
  width: 31%;
  right: 37%;
  top: 70px;
  z-index: 1;
  transform: rotate(2deg);
}

.hero-products:hover .p1 {
  transform: translateY(-8px) rotate(-2deg);
}

.hero-products:hover .p2 {
  transform: translateY(-5px) rotate(4deg);
}

.hero-products:hover .p3 {
  transform: translateY(-5px) rotate(-5deg);
}

.floor {
  position: absolute;
  bottom: 19px;
  left: 3%;
  right: 3%;
  height: 1px;
  background: linear-gradient(90deg,transparent,var(--gold),transparent);
  box-shadow: 0 0 25px #d4a04488;
}

.services {
  background: #f2f0ec;
  padding: 26px 0 48px;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 13px;
}

.service-card {
  display: grid;
  grid-template-columns: 1fr 1.08fr;
  min-height: 175px;
  background: #fff;
  border: 1px solid #e2ddd5;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 6px 18px #00000008;
  transition: .3s;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow);
  border-color: #d5a04470;
}

.service-info {
  padding: 19px 8px 17px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.service-info h3 {
  font: 800 17px/1.08 Manrope,sans-serif;
}

.service-info span {
  font-size: 12px;
  font-weight: 800;
}

.service-info b {
  font-size: 15px;
  color: var(--gold3);
}

.service-card:hover img {
  transform: scale(1.08);
}

.stats {
  background: #101010;
  color: #fff;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
}

.stat {
  min-height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 13px;
  border-right: 1px solid #ffffff1d;
}

.stat:last-child {
  border: 0;
}

.stat i {
  font-style: normal;
  color: var(--gold2);
  font-size: 25px;
}

.stat strong {
  display: block;
  font: 800 27px Manrope,sans-serif;
}

.stat span {
  display: block;
  color: #aaa;
  font-size: 12px;
}

.about {
  background: #fff;
}

.about-grid {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 72px;
  align-items: center;
}

.about-image {
  height: 455px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.about-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-image:after {
  content: "JASDIPI";
  position: absolute;
  bottom: 18px;
  left: 20px;
  color: #fff;
  font: 800 11px Manrope;
  letter-spacing: .2em;
}

.about-copy h2 {
  font: 800 clamp(31px,4vw,50px)/1.08 Manrope,sans-serif;
  letter-spacing: -.04em;
}

.about-copy p {
  color: var(--muted);
  font-size: 16px;
  margin: 18px 0;
}

.about-points {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 24px 0;
}

.about-points div {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 13px;
  font-size: 14px;
  font-weight: 700;
}

.about-points b {
  color: var(--gold3);
  margin-right: 7px;
}

.capability {
  background: #f2f0ec;
}

.cap-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 17px;
}

.cap-card {
  background: #fff;
  border-radius: 16px;
  border: 1px solid var(--line);
  padding: 28px;
  position: relative;
  overflow: hidden;
}

.cap-card:before {
  content: "";
  position: absolute;
  right: -40px;
  top: -40px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  border: 1px solid #d4a04438;
}

.cap-no {
  color: var(--gold3);
  font-size: 12px;
  font-weight: 800;
}

.cap-card h3 {
  font: 800 20px Manrope,sans-serif;
  margin: 38px 0 10px;
}

.cap-card p {
  font-size: 15px;
  color: var(--muted);
}

.cap-link {
  display: inline-block;
  margin-top: 22px;
  color: var(--gold3);
  font-size: 12px;
  font-weight: 800;
}

.portfolio {
  background: #fff;
}

.portfolio-wrap {
  overflow: hidden;
}

.portfolio-track {
  display: flex;
  gap: 18px;
  transition: .55s;
}

.port-card {
  flex: 0 0 30%;
  min-width: 280px;
}

.port-image {
  height: 355px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background: #ddd;
}

.port-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s;
}

.port-card:hover .port-image img {
  transform: scale(1.06);
}

.port-image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,#0008,transparent 55%);
}

.port-label {
  position: absolute;
  left: 17px;
  bottom: 15px;
  z-index: 2;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}

.port-meta {
  padding: 13px 2px;
}

.port-meta h3 {
  font: 800 17px Manrope,sans-serif;
}

.port-meta p {
  font-size: 15px;
  color: var(--muted);
}

.slider-controls {
  display: flex;
  gap: 7px;
}

.slide-btn {
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
}

.slide-btn:hover {
  background: var(--black);
  color: #fff;
}

.video {
  background: #0b0b0b;
  color: #fff;
}

.video-grid {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 58px;
  align-items: center;
}

.video-box {
  aspect-ratio: 16/9;
  border-radius: 16px;
  overflow: hidden;
  border: 5px solid #ffffff0e;
  box-shadow: 0 22px 55px #0008;
}

.video-box iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.video-copy h2 {
  font: 800 clamp(30px,4vw,49px)/1.08 Manrope,sans-serif;
  letter-spacing: -.04em;
}

.video-copy h2 span {
  color: var(--gold2);
}

.video-copy p {
  color: #aaa;
  font-size: 15px;
  margin: 18px 0 23px;
}

.checks {
  border-top: 1px solid #ffffff18;
  margin-top: 28px;
}

.check {
  display: flex;
  gap: 11px;
  align-items: center;
  border-bottom: 1px solid #ffffff18;
  padding: 12px 0;
  font-size: 14px;
}

.check b {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #d4a0441e;
  color: var(--gold2);
  display: grid;
  place-items: center;
}

.facility {
  background: #f2f0ec;
}

.facility-grid {
  display: grid;
  grid-template-columns: 1.3fr .7fr .7fr;
  grid-template-rows: 220px 220px;
  gap: 15px;
}

.facility-card {
  position: relative;
  border-radius: 17px;
  overflow: hidden;
  background: #111;
}

.facility-card.tall {
  grid-row: span 2;
}

.facility-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s;
}

.facility-card:hover img {
  transform: scale(1.05);
}

.facility-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,#0009,transparent 65%);
}

.facility-text {
  position: absolute;
  z-index: 2;
  left: 19px;
  bottom: 17px;
  color: #fff;
}

.facility-text strong {
  display: block;
  font: 800 17px Manrope;
}

.facility-text small {
  font-size: 14px;
  color: #ddd;
}

.bts {
  background: #fff;
}

.bts-viewport {
  overflow: hidden;
}

.bts-track {
  display: flex;
  gap: 18px;
  transition: .55s;
}

.bts-card {
  flex: 0 0 31%;
  min-width: 275px;
  aspect-ratio: 4/4.7;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.bts-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s;
}

.bts-card:hover img {
  transform: scale(1.06);
}

.bts-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,#000b,transparent 60%);
}

.bts-card div {
  position: absolute;
  left: 18px;
  bottom: 18px;
  color: #fff;
  z-index: 2;
}

.bts-card strong {
  display: block;
  font: 800 17px Manrope;
}

.bts-card small {
  font-size: 14px;
  color: #ddd;
}

.quality {
  background: #f2f0ec;
}

.quality-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 65px;
  align-items: center;
}

.quality-photo {
  height: 470px;
  border-radius: 20px;
  overflow: hidden;
}

.quality-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quality-list {
  border-top: 1px solid var(--line);
}

.quality-item {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 14px;
  padding: 21px 0;
  border-bottom: 1px solid var(--line);
}

.quality-item>i {
  font-style: normal;
  color: var(--gold3);
  font-size: 20px;
}

.quality-item h3 {
  font: 800 16px Manrope;
}

.quality-item p {
  font-size: 15px;
  color: var(--muted);
  margin-top: 4px;
}

.process {
  background: #fff;
}

.process-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 15px;
}

.process-card {
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 25px;
  background: #fff;
  position: relative;
}

.process-card:after {
  content: "";
  position: absolute;
  right: 0;
  top: 35px;
  width: 35px;
  height: 1px;
  background: var(--gold);
}

.process-no {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #f4e7ca;
  color: var(--gold3);
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 800;
}

.process-card h3 {
  font: 800 18px Manrope;
  margin: 26px 0 8px;
}

.process-card p {
  font-size: 15px;
  color: var(--muted);
}

.testimonials {
  background: #111;
  color: #fff;
}

.testimonial-box {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  max-width: 1020px;
  margin: auto;
  border: 1px solid #ffffff18;
  border-radius: 18px;
  overflow: hidden;
}

.testimonial-image {
  min-height: 440px;
  position: relative;
  overflow: hidden;
}

.testimonial-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .8s ease;
}

.testimonial-copy {
  padding: 55px 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
}

.quote {
  font: 800 42px Georgia;
  color: var(--gold2);
}

.testimonial-copy blockquote {
  font: 600 22px/1.45 Manrope;
  margin: 0;
  max-width: 650px;
  color: #f1f3f4;
  font-family: "Manrope",sans-serif;
  font-size: clamp(24px,2.5vw,34px);
  line-height: 1.35;
  letter-spacing: -.035em;
}

.client {
  border-top: 1px solid #ffffff1b;
  padding-top: 20px;
}

.client strong {
  display: block;
  font-size: 16px;
}

.client span {
  font-size: 15px;
  color: #999;
}

.faq {
  background: #fff;
}

.faq-grid {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 80px;
}

.faq-intro p {
  color: var(--muted);
  font-size: 15px;
  margin-top: 18px;
}

.faq-item {
  border-top: 1px solid var(--line);
}

.faq-item:last-child {
  border-bottom: 1px solid var(--line);
}

.faq-q {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border: 0;
  background: none;
  text-align: left;
  font-size: 16px;
  font-weight: 800;
}

.plus {
  font-size: 20px;
  color: var(--gold3);
}

.faq-a {
  max-height: 0;
  overflow: hidden;
  transition: .35s;
}

.faq-a p {
  padding: 0 25px 20px 0;
  color: var(--muted);
  font-size: 15px;
}

.blog {
  background: #f2f0ec;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 17px;
}

.blog-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--line);
  transition: .3s;
}

.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow);
}

.blog-image {
  overflow: hidden;
}

.blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s;
}

.blog-card:hover img {
  transform: scale(1.05);
}

.blog-copy {
  padding: 20px;
}

.blog-copy small {
  font-size: 12px;
  color: var(--gold3);
  font-weight: 800;
}

.blog-copy h3 {
  font: 800 18px/1.2 Manrope;
  margin: 8px 0;
}

.blog-copy p {
  font-size: 15px;
  color: var(--muted);
}

.blog-copy a {
  display: inline-block;
  margin-top: 13px;
  color: var(--gold3);
  font-size: 14px;
  font-weight: 800;
}

.cta {
  background: linear-gradient(110deg,#080808,#1a1309);
  color: #fff;
}

.cta-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.cta h2 {
  font: 800 clamp(31px,4vw,51px)/1.08 Manrope;
}

.cta p {
  color: #aaa;
  font-size: 15px;
  margin-top: 7px;
}

.contact {
  background: #fff;
}

.contact-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 75px;
}

.contact-copy h2 {
  font: 800 clamp(31px,4vw,50px)/1.08 Manrope;
}

.contact-copy>p {
  color: var(--muted);
  font-size: 16px;
  margin: 18px 0;
}

.contact-item {
  border-top: 1px solid var(--line);
  padding: 15px 0;
}

.contact-item small {
  display: block;
  color: var(--gold3);
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 4px;
}

.contact-item a,.contact-item p {
  font-size: 14px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.field.full {
  grid-column: 1/-1;
}

.field label {
  display: block;
  font-size: 15px;
  font-weight: 700;
 /* color: #777;*/
  margin-bottom: 6px; 
}

.field input,.field select,.field textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fafafa;
  padding: 12px;
  outline: 0;
  font-size: 14px;
}

.field textarea {
  min-height: 105px;
  resize: vertical;
}

.field input:focus,.field select:focus,.field textarea:focus {
  border-color: #cfa14f;
  box-shadow: 0 0 0 3px #d4a04412;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.35fr .8fr .95fr 1fr;
  gap: 45px;
  padding-bottom: 48px;
}

.footer-brand p {
  color: #999;
  font-size: 11px;
  max-width: 320px;
  margin: 17px 0;
}

.socials {
  display: flex;
  gap: 8px;
}

.social {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #ffffff1d;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #bbb;
  font-size: 11px;
}

.social:hover {
  color: var(--gold2);
  border-color: var(--gold);
}

.footer h4 {
  font-size: 14px;
  color: var(--gold2);
  letter-spacing: .12em;
  margin-bottom: 16px;
}

.footer a,.footer p {
  display: block;
  color: #999;
  font-size: 15px;
  margin-bottom: 10px;
}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.10) !important;
  padding-top: 20px;
  display: flex !important;
  justify-content: space-between !important;
  color: #666;
  font-size: 15px;
  align-items: flex-start !important;
  width: 100% !important;
  gap: 30px !important;
  padding: 25px 0 28px !important;
}

.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);
}

.reveal.in {
  opacity: 1;
  transform: none;
}

.whatsapp {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 90;
  background: #21bd67;
  color: #fff;
  border-radius: 30px;
  padding: 12px 17px;
  font-size: 10px;
  font-weight: 800;
  box-shadow: 0 10px 30px #0005;
}

@media(max-width:1100px){
.menu {
  gap: 14px;
}

.menu>a,.drop>button {
  font-size: 10px;
}

.service-grid {
  grid-template-columns: repeat(2,1fr);
}

.hero-grid {
  grid-template-columns: 1fr 1fr;
}

.port-card,.bts-card {
  flex-basis: 43%;
}
}

@media(max-width:850px){
.menu,.header>.container>.btn {
  display: none;
}

.burger {
  display: block;
}

.hero-grid,.about-grid,.video-grid,.quality-grid,.contact-grid,.faq-grid {
  grid-template-columns: 1fr;
}

.hero-grid {
  padding-top: 20px;
  min-height: auto;
}

.hero-products {
  height: 390px;
  order: -1;
}

.hero-copy {
  padding: 15px 0 55px;
}

.hero {
  min-height: auto;
}

.hero-points {
  grid-template-columns: 1fr 1fr;
}

.stats-grid {
  grid-template-columns: 1fr 1fr;
}

.stat:nth-child(2) {
  border-right: 0;
}

.stat:nth-child(-n+2) {
  border-bottom: 1px solid #ffffff1b;
}

.cap-grid,.blog-grid {
  grid-template-columns: 1fr 1fr;
}

.process-grid {
  grid-template-columns: 1fr 1fr;
}

.facility-grid {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 240px 240px;
}

.facility-card.tall {
  grid-row: auto;
}

.testimonial-box {
  grid-template-columns: 1fr;
}

.testimonial-image {
  min-height: 300px;
}

.footer-grid {
  grid-template-columns: 1fr 1fr;
}

.footer-brand {
  grid-column: 1/-1;
}
}

@media(max-width:600px){
.container {
  width: calc(100% - 28px);
}
.enquiry-intro h2 {
    font-size: 25px !important;
    line-height: 30px !important;
}
.section {
  padding: 65px 0;
}

.head {
  display: block;
}

.head p {
  margin-top: 13px;
}

.hero h1 {
  font-size: 30px;
  line-height: 40px;
}

.hero-products {
  height: 300px;
}

.p1 {
  width: 46%;
  right: 27%;
}

.p2 {
  width: 40%;
  right: 0;
}

.p3 {
  width: 40%;
  left: 0;
}

.p4 {
  width: 37%;
  right: 32%;
  top: 30px;
}

.hero-points {
  gap: 12px;
}

.service-grid,.cap-grid,.blog-grid,.process-grid {
  grid-template-columns: 1fr;
}

.stats-grid {
  grid-template-columns: 1fr;
}

.stat {
  border-right: 0!important;
  border-bottom: 1px solid #ffffff1b!important;
}

.stat:last-child {
  border: 0!important;
}

.about-image,.quality-photo {
  height: 330px;
}

.about-points {
  grid-template-columns: 1fr;
}

.port-card,.bts-card {
  flex-basis: 82%;
}

.facility-grid {
  grid-template-columns: 1fr;
  grid-template-rows: 280px 280px 280px;
}

.testimonial-copy {
  padding: 30px 24px;
}

.testimonial-copy blockquote {
  font-size: 18px;
}

.form-grid {
  grid-template-columns: 1fr;
}

.field.full {
  grid-column: auto;
}

.cta-inner {
  display: block;
}

.cta .btn {
  margin-top: 22px;
}

.footer-grid {
  grid-template-columns: 1fr 1fr;
}

.footer-bottom {
  display: block;
}

.footer-bottom span {
  display: block;
  margin-bottom: 8px;
}

.whatsapp {
  right: 13px;
  bottom: 13px;
}
}

.ip-hero:before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  border: 1px solid #d4a04435;
  border-radius: 50%;
  right: -100px;
  top: -150px;
  box-shadow: 0 0 0 70px #d4a04408,0 0 0 140px #d4a04404;
}

.ip-hero h1 span {
  color: var(--gold2);
}

.ip-label {
  font: 800 10px Manrope;
  letter-spacing: .18em;
  color: var(--gold3);
  text-transform: uppercase;
}

.ip-title {
  font: 800 clamp(32px,4.4vw,55px)/1.03 Manrope,sans-serif;
  letter-spacing: -.045em;
}

.ip-lead {
  max-width: 580px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.8;
}

.ip-dark .ip-lead {
  color: #aeb6bf;
}

.ip-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ip-copy p {
  color: var(--muted);
  line-height: 1.8;
  margin: 18px 0;
}

.ip-dark .ip-copy p {
  color: #aeb6bf;
}

.ip-checks {
  border-top: 1px solid var(--line);
  margin-top: 25px;
}

.ip-dark .ip-checks {
  border-color: #fff2;
}

.ip-check {
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 12px;
  font-size: 14px;
  font-weight: 700;
}

.ip-dark .ip-check {
  border-color: #fff2;
}

.ip-check b {
  color: var(--gold3);
}

.ip-three {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}

.ip-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 17px;
  overflow: hidden;
}

.ip-dark .ip-card {
  background: #141920;
  border-color: #fff1;
}

.ip-card-img {
  height: 250px;
  overflow: hidden;
}

.ip-card-img img {
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
  transition: .5s;
}

.ip-card:hover img {
  transform: scale(1.05);
}

.ip-card-body {
  padding: 24px;
}

.ip-card-body p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.ip-dark .ip-card-body p {
  color: #aeb6bf;
}

.ip-no {
  font: 800 10px Manrope;
  color: var(--gold3);
  letter-spacing: .13em;
}

.ip-card h3 {
  margin: 12px 0 8px;
  font: 800 21px Manrope;
}

.ip-stats {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  background: #11151b;
  color: #fff;
}

.ip-stat {
  padding: 30px 24px;
  border-right: 1px solid #fff1;
}

.ip-stat:last-child {
  border: 0;
}

.ip-stat b {
  display: block;
  color: var(--gold2);
  font: 800 28px Manrope;
}

.ip-stat span {
  font-size: 12px;
  color: #aab1b9;
}

.ip-steps {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.ip-step {
  padding: 30px 24px;
  border-right: 1px solid var(--line);
}

.ip-step:last-child {
  border: 0;
}

.ip-step b {
  color: var(--gold3);
  font: 800 11px Manrope;
}

.ip-step h3 {
  margin: 12px 0 8px;
}

.ip-step p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}

.ip-mosaic {
  display: grid;
  grid-template-columns: 1.25fr .75fr .75fr;
  grid-template-rows: 260px 260px;
  gap: 14px;
}

.ip-mosaic figure {
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
}

.ip-mosaic figure:first-child {
  grid-row: span 2;
}

.ip-mosaic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s;
}

.ip-mosaic figure:hover img {
  transform: scale(1.04);
}

.ip-banner h3 {
  font: 800 26px Manrope;
}

.ip-video-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 55px;
  align-items: center;
}

.ip-video {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 19px;
  overflow: hidden;
  background: #101419;
  border: 5px solid #fff1;
  box-shadow: 0 25px 65px #0009;
}

.ip-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.55);
}

.ip-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 82px;
  height: 82px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid #fff8;
  background: #ffffff18;
  color: #fff;
  font-size: 22px;
}

.ip-video-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  width: 100%;
}

.ip-mini-video {
  position: relative;
  height: 280px;
  border-radius: 14px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #111;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10);
}

.ip-mini-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*.ip-mini-video:after {
  content: "▶";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 52px;
  height: 52px;
  border: 1px solid #fff8;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: #0004;
}*/

.ip-editorial {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
}

.ip-article {
  border-radius: 17px;
  overflow: hidden;
  background: #f1f3f4;
}

.ip-article.big {
  grid-row: span 2;
}

.ip-article-img {
  height: 270px;
}

.ip-article.big .ip-article-img {
  height: 475px;
}

.ip-article-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ip-article-body {
  padding: 22px;
}

.ip-article-body small {
  font: 800 10px Manrope;
  color: var(--gold3);
  letter-spacing: .12em;
}

.ip-article-body h3 {
  margin: 8px 0;
}

.ip-article-body p {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.7;
}

.ip-contact {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px;
}

.ip-form {
  background: #f2f0ec;
  border-radius: 20px;
  padding: 30px;
}

.ip-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.ip-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ip-field.full {
  grid-column: 1/-1;
}

.ip-field label {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ip-field input,.ip-field select,.ip-field textarea {
  border: 1px solid #d9dee2;
  border-radius: 7px;
  background: #fff;
  padding: 13px;
  font: 14px "DM Sans";
}

.ip-field textarea {
  min-height: 135px;
  resize: vertical;
}

@media(max-width:1000px){
.ip-hero-grid,.ip-two,.ip-video-grid,.ip-contact {
  grid-template-columns: 1fr;
}

.ip-visual {
  height: 360px;
}

.ip-three,.ip-video-cards {
  grid-template-columns: 1fr 1fr;
}

.ip-steps {
  grid-template-columns: 1fr 1fr;
}

.ip-stats {
  grid-template-columns: 1fr 1fr;
}

.ip-mosaic {
  grid-template-columns: 1fr 1fr;
}

.ip-mosaic figure:first-child {
  grid-row: span 2;
}
}

@media(max-width:600px){
.ip-hero {
  padding: 60px 0;
}

.ip-three,.ip-video-cards,.ip-steps,.ip-stats,.ip-form-grid {
  grid-template-columns: 1fr;
}

.ip-step,.ip-stat {
  border-right: 0;
  border-bottom: 1px solid #fff2;
}

.ip-mosaic {
  grid-template-rows: 180px 180px 180px;
}

.ip-mosaic figure:first-child {
  grid-row: span 2;
}

.ip-article.big .ip-article-img {
  height: 300px;
}

.ip-article-img {
  height: 210px;
}

.ip-field.full {
  grid-column: auto;
}

.ip-banner-in {
  align-items: flex-start;
  flex-direction: column;
}
}

.enquiry-intro h2 {
  margin: 12px 0;
}

.enquiry-intro p {
  color: #69737e;
  line-height: 1.8;
}

.enquiry-points {
  margin-top: 28px;
  border-top: 1px solid #ddd;
}

.enquiry-points div {
  padding: 13px 0;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  font-weight: 700;
}

.enquiry-points b {
  color: #a77428;
  margin-right: 15px;
}

.project-form label {
  display: block;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
/*  letter-spacing: .12em;*/
  margin-bottom: 6px;
}

.project-form input,.project-form select,.project-form textarea {
  width: 100%;
  padding: 13px;
  border: 1px solid #ddd;
  border-radius: 7px;
  margin-bottom: 15px;
  font: 13px inherit;
}

.project-form textarea {
  min-height: 125px;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.project-form button {
  border: 0;
  cursor: pointer;
}

.article-page .article-hero {
  background: #080a0d;
  color: #fff;
  padding: 90px 0;
}

.article-page .article-hero h1 {
  max-width: 1000px;
  margin: 18px 0;
}

.article-page .article-hero p {
  max-width: 700px;
  color: #adb5bd;
  font-size: 17px;
  line-height: 1.8;
}

.article-body {
  max-width: 880px;
  margin: auto;
  padding: 75px 0;
}

.article-body img {
  width: 100%;
  height: 440px;
  object-fit: cover;
  border-radius: 18px;
  margin-bottom: 35px;
}

.article-body p {
  font-size: 16px;
  line-height: 1.9;
  color: #5e6872;
  margin-bottom: 22px;
}

.article-body h2 {
  margin: 50px 0 15px;
}

.article-body .lead {
  font: 600 23px/1.6 Manrope,Arial;
  color: #222;
}

.article-body blockquote {
  padding: 25px 30px;
  margin: 35px 0;
  background: #f5f1e8;
  border-left: 3px solid #d5a34d;
  font: 700 20px/1.5 Manrope,Arial;
}

@media(max-width:800px){
.enquiry-grid,.form-row {
  grid-template-columns: 1fr;
}

.article-body {
  padding: 50px 15px;
}

.article-body img {
  height: 300px;
}
}

.page-breadcrumb:before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(190,140,55,.20);
  border-radius: 50%;
  right: -140px;
  top: -250px;
  pointer-events: none;
}

.bread-links a:hover {
  color: #9b6b27 !important;
}

.bread-sep {
  color: #aaa39a !important;
}

.reveal.in-view {
  opacity: 1;
  transform: none;
}

.reveal-left {
  opacity: 0;
  transform: translateX(-35px);
  transition: opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);
}

.reveal-left.in-view {
  opacity: 1;
  transform: none;
}

.reveal-right {
  opacity: 0;
  transform: translateX(35px);
  transition: opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);
}

.reveal-right.in-view {
  opacity: 1;
  transform: none;
}

.stagger>* {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .65s ease,transform .65s ease;
}

.stagger.in-view>* {
  opacity: 1;
  transform: none;
}

.stagger.in-view>*:nth-child(2) {
  transition-delay: .08s;
}

.stagger.in-view>*:nth-child(3) {
  transition-delay: .16s;
}

.stagger.in-view>*:nth-child(4) {
  transition-delay: .24s;
}

.stagger.in-view>*:nth-child(5) {
  transition-delay: .32s;
}

.stagger.in-view>*:nth-child(6) {
  transition-delay: .4s;
}

.img-reveal {
  overflow: hidden;
}

.img-reveal img {
  transform: scale(1.06);
  transition: transform 1s cubic-bezier(.2,.7,.2,1);
}

.img-reveal.in-view img {
  transform: scale(1);
}

@media(max-width:700px){
.page-breadcrumb .wrap {
  min-height: 145px;
  display: block;
  padding: 34px 0;
}

.page-breadcrumb h1 {
  font-size: 32px;
}

.bread-links {
  margin-top: 13px;
  white-space: normal;
  flex-wrap: wrap;
}
}

@media(prefers-reduced-motion:reduce){
.reveal,.reveal-left,.reveal-right,.stagger>*,.img-reveal img {
  opacity: 1!important;
  transform: none!important;
  transition: none!important;
}
}

.page-breadcrumb:after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(212,160,68,.07);
  border-radius: 50%;
  right: 90px;
  bottom: -175px;
  pointer-events: none;
}

.bread-links a {
  color: #55534f !important;
  transition: color .25s ease;
}

.stagger > * {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .65s ease, transform .65s ease;
}

.stagger.in-view > * {
  opacity: 1;
  transform: none;
}

.stagger.in-view > *:nth-child(2) {
  transition-delay: .08s;
}

.stagger.in-view > *:nth-child(3) {
  transition-delay: .16s;
}

.stagger.in-view > *:nth-child(4) {
  transition-delay: .24s;
}

.stagger.in-view > *:nth-child(5) {
  transition-delay: .32s;
}

.stagger.in-view > *:nth-child(6) {
  transition-delay: .40s;
}

@media(max-width:700px){
.page-breadcrumb .wrap {
  min-height: 145px;
  display: block;
  padding: 34px 0;
}

.page-breadcrumb h1 {
  font-size: 32px;
}

.bread-links {
  margin-top: 13px;
  white-space: normal;
  flex-wrap: wrap;
  width: max-content;
  max-width: 100%;
}

.page-breadcrumb:before {
  width: 300px;
  height: 300px;
  right: -130px;
  top: -190px;
}

.page-breadcrumb:after {
  width: 160px;
  height: 160px;
  right: 30px;
  bottom: -130px;
}
}

@media(prefers-reduced-motion:reduce){
.reveal, .reveal-left, .reveal-right, .stagger > *, .img-reveal img {
  opacity: 1!important;
  transform: none!important;
  transition: none!important;
}
}

/* =========================================================
   GALLERY SECTION
========================================================= */

.gallery-section {
    width: 100%;
    padding: 80px 0;
    background: #fff;
}


/* =========================================================
   GALLERY GRID
   MASONRY COLUMNS
========================================================= */

.gallery-grid {
    width: 100%;
    margin-top: 20px;
    column-count: 3;
    column-gap: 16px;

    display: block;
}


/* =========================================================
   GALLERY ITEM
========================================================= */

.gallery-item {
    position: relative;

    width: 100%;

    height: auto !important;

    margin: 0 0 16px;
    padding: 0;

    display: inline-block;

    vertical-align: top;

    overflow: hidden;

    background: transparent;

    border-radius: 16px;

    cursor: pointer;

    line-height: 0;

    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;

    isolation: isolate;
}


/* =========================================================
   REMOVE ALL OLD GRID BEHAVIOUR
========================================================= */

.gallery-item:first-child {
    grid-column: auto !important;
    grid-row: auto !important;

    width: 100% !important;
    height: auto !important;
}


/* =========================================================
   IMAGE
   ORIGINAL RATIO
   NO CROP
   NO WHITE SPACE
========================================================= */

.gallery-item img {
    display: block !important;

    width: 100% !important;

    height: auto !important;

    max-width: 100% !important;

    min-width: 0 !important;

    min-height: 0 !important;

    max-height: none !important;

    object-fit: fill !important;

    object-position: center !important;

    padding: 0 !important;

    margin: 0 !important;

    border: 0 !important;

    background: transparent !important;

    vertical-align: top;

    line-height: 0;

    transition: transform .45s ease;
}


/* =========================================================
   IMPORTANT
   PREVENT IMAGE HEIGHT FROM BEING FORCED
========================================================= */

.gallery-item img[width],
.gallery-item img[height] {
    height: auto !important;
}


/* =========================================================
   HOVER ZOOM
========================================================= */

.gallery-item:hover img {
    transform: scale(1.025);
}


/* =========================================================
   DARK HOVER OVERLAY
========================================================= */

.gallery-item::after {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, .38),
        rgba(0, 0, 0, .10) 45%,
        transparent 75%
    );

    opacity: 0;

    pointer-events: none;

    z-index: 2;

    transition: opacity .3s ease;
}


.gallery-item:hover::after {
    opacity: 1;
}


/* =========================================================
   VIEW IMAGE BUTTON
========================================================= */

.gallery-item .gallery-overlay {

    position: absolute !important;

    left: 15px !important;

    right: auto !important;

    top: auto !important;

    bottom: 15px !important;

    width: auto !important;

    height: auto !important;

    min-width: 0 !important;

    min-height: 0 !important;

    max-width: max-content !important;

    max-height: max-content !important;

    margin: 0 !important;

    padding: 8px 13px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    color: #fff !important;

    background: rgba(0, 0, 0, .62) !important;

    border: 1px solid rgba(255, 255, 255, .25) !important;

    border-radius: 30px !important;

    font-size: 10px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    letter-spacing: .04em !important;

    white-space: nowrap !important;

    text-align: center !important;

    backdrop-filter: none !important;

    -webkit-backdrop-filter: none !important;

    box-shadow: none !important;

    z-index: 10 !important;

    opacity: 0;

    visibility: hidden;

    transform: translateY(7px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease !important;
}


/* =========================================================
   SHOW BUTTON
========================================================= */

.gallery-item:hover .gallery-overlay {

    opacity: 1 !important;

    visibility: visible !important;

    transform: translateY(0) !important;
}


/* =========================================================
   REMOVE EXTRA OVERLAY ELEMENTS
========================================================= */

.gallery-item .gallery-overlay::before,
.gallery-item .gallery-overlay::after {

    content: none !important;

    display: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

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

    .gallery-grid {

        column-count: 2;

        column-gap: 15px;
    }

    .gallery-item {

        margin-bottom: 15px;

        border-radius: 14px;
    }
}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 991px) {

    .gallery-section {
        padding: 60px 0;
    }

    .gallery-grid {

        column-count: 2;

        column-gap: 14px;
    }

    .gallery-item {

        margin-bottom: 14px;

        border-radius: 13px;
    }

    .gallery-item img {

        width: 100% !important;

        height: auto !important;

        padding: 0 !important;

        object-fit: fill !important;
    }


    /* Touch devices */

    .gallery-item .gallery-overlay {

        opacity: 1 !important;

        visibility: visible !important;

        transform: none !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .gallery-section {
        padding: 50px 0;
    }

    .gallery-grid {

        column-count: 2;

        column-gap: 10px;
    }

    .gallery-item {

        width: 100%;

        height: auto !important;

        margin: 0 0 10px;

        border-radius: 11px;
    }

    .gallery-item img {

        display: block !important;

        width: 100% !important;

        height: auto !important;

        max-width: 100% !important;

        padding: 0 !important;

        margin: 0 !important;

        object-fit: fill !important;
    }


    /* Mobile button */

    .gallery-item .gallery-overlay {

        left: 9px !important;

        bottom: 9px !important;

        padding: 6px 9px !important;

        font-size: 9px !important;
    }


    /* Disable zoom */

    .gallery-item:hover img {
        transform: none;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .gallery-section {
        padding: 40px 0;
    }

    .gallery-grid {

        column-count: 2;

        column-gap: 8px;
    }

    .gallery-item {

        margin-bottom: 8px;

        border-radius: 9px;
    }

    .gallery-item .gallery-overlay {
        display: none !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .gallery-grid {

        column-count: 1;

        column-gap: 0;
    }

    .gallery-item {

        margin-bottom: 12px;

        border-radius: 10px;
    }
}


/* =========================================================
   LIGHTBOX
========================================================= */

.lightbox {

    position: fixed;

    inset: 0;

    width: 100%;

    height: 100%;

    padding: 40px;

    display: none;

    align-items: center;

    justify-content: center;

    background: rgba(4, 6, 9, .96);

    z-index: 99999;
}


.lightbox.open {
    display: flex;
}


/* =========================================================
   LIGHTBOX IMAGE
========================================================= */

.lightbox img {

    display: block;

    width: auto;

    height: auto;

    max-width: 90vw;

    max-height: 84vh;

    object-fit: contain;

    object-position: center;

    background: #fff;

    border-radius: 10px;

    box-shadow:
        0 30px 90px rgba(0, 0, 0, .65);
}


/* =========================================================
   LIGHTBOX BUTTONS
========================================================= */

.lb-close,
.lb-prev,
.lb-next {

    position: fixed;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 46px;

    height: 46px;

    padding: 0;

    border: 1px solid rgba(255, 255, 255, .18);

    border-radius: 50%;

    background: rgba(255, 255, 255, .08);

    color: #fff;

    cursor: pointer;

    font-size: 20px;

    line-height: 1;

    z-index: 100001;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


.lb-close:hover,
.lb-prev:hover,
.lb-next:hover {

    background: rgba(255, 255, 255, .18);

    border-color: rgba(255, 255, 255, .35);
}


/* =========================================================
   CLOSE
========================================================= */

.lb-close {

    top: 24px;

    right: 24px;
}


/* =========================================================
   PREVIOUS
========================================================= */

.lb-prev {

    left: 24px;

    top: 50%;

    transform: translateY(-50%);
}


.lb-prev:hover {

    transform:
        translateY(-50%)
        scale(1.05);
}


/* =========================================================
   NEXT
========================================================= */

.lb-next {

    right: 24px;

    top: 50%;

    transform: translateY(-50%);
}


.lb-next:hover {

    transform:
        translateY(-50%)
        scale(1.05);
}


/* =========================================================
   COUNTER
========================================================= */

.lb-count {

    position: fixed;

    left: 50%;

    bottom: 24px;

    transform: translateX(-50%);

    color: rgba(255, 255, 255, .65);

    font-size: 11px;

    font-weight: 500;

    letter-spacing: .14em;

    text-transform: uppercase;

    white-space: nowrap;

    z-index: 100001;
}


/* =========================================================
   FOCUS
========================================================= */

.gallery-item:focus-visible {

    outline: 2px solid #111;

    outline-offset: 3px;
}


.lb-close:focus-visible,
.lb-prev:focus-visible,
.lb-next:focus-visible {

    outline: 2px solid #fff;

    outline-offset: 3px;
}


/* =========================================================
   MOBILE LIGHTBOX
========================================================= */

@media (max-width: 700px) {

    .lightbox {

        padding: 15px;
    }

    .lightbox img {

        max-width: 94vw;

        max-height: 78vh;

        width: auto;

        height: auto;

        object-fit: contain;

        border-radius: 8px;
    }

    .lb-close,
    .lb-prev,
    .lb-next {

        width: 42px;

        height: 42px;

        font-size: 18px;
    }

    .lb-close {

        top: 14px;

        right: 14px;
    }

    .lb-prev {

        left: 10px;
    }

    .lb-next {

        right: 10px;
    }

    .lb-count {

        bottom: 15px;

        font-size: 10px;
    }
}


/* =========================================================
   SMALL MOBILE LIGHTBOX
========================================================= */

@media (max-width: 480px) {

    .lightbox {

        padding: 10px;
    }

    .lightbox img {

        max-width: 96vw;

        max-height: 75vh;

        object-fit: contain;
    }

    .lb-close,
    .lb-prev,
    .lb-next {

        width: 40px;

        height: 40px;
    }

    .lb-close {

        top: 10px;

        right: 10px;
    }

    .lb-prev {

        left: 8px;
    }

    .lb-next {

        right: 8px;
    }

    .lb-count {

        bottom: 12px;

        font-size: 9px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .gallery-item img,
    .gallery-item::after,
    .gallery-overlay,
    .lb-close,
    .lb-prev,
    .lb-next {

        transition: none !important;
    }
}
.about-hero {
  position: relative;
  overflow: hidden;
  padding: 105px 0 110px;
  background: #080a0d;
  color: #fff;
}

.about-hero-bg {
  position: absolute;
  width: 700px;
  height: 700px;
  right: -230px;
  top: -260px;
  border: 1px solid rgba(212,160,68,.16);
  border-radius: 50%;
}

.about-hero-bg:before {
  content: "";
  position: absolute;
  inset: 75px;
  border: 1px solid rgba(212,160,68,.10);
  border-radius: 50%;
}

.about-hero-bg:after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  right: 80px;
  bottom: -120px;
  background: rgba(212,160,68,.06);
  border-radius: 50%;
  filter: blur(5px);
}

.about-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr .92fr;
  align-items: center;
  gap: 80px;
}

.about-hero-content {
  max-width: 690px;
}

.about-kicker {
  margin-bottom: 16px;
  color: #c97650;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}

.about-kicker.dark-kicker {
  color: #a77428;
}

.about-hero h2 {
  margin: 0;
  max-width: 700px;
  font-family: "Manrope",sans-serif;
  font-size: clamp(50px,6vw,82px);
  line-height: .96;
  letter-spacing: -.055em;
  font-weight: 800;
}

.about-hero h2 span {
  color: #f0c665;
}

.about-hero-content > p {
  max-width: 610px;
  margin: 32px 0 0;
  color: #b6bec6;
  font-size: 17px;
  line-height: 1.85;
}

.about-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 35px;
}

.about-outline-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 53px;
  padding: 0 22px;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  transition: .3s ease;
}

.about-outline-btn span {
  color: #d4a044;
  font-size: 17px;
}

.about-outline-btn:hover {
  border-color: #d4a044;
  color: #f0c665;
  transform: translateY(-3px);
}

.about-hero-visual {
  position: relative;
}

.about-main-image {
  height: 560px;
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 35px 80px rgba(0,0,0,.45);
}

.about-main-image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient( 145deg, transparent 50%, rgba(212,160,68,.16) );
  pointer-events: none;
}

.about-main-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 1s cubic-bezier(.2,.7,.2,1);
}

.about-hero-visual:hover .about-main-image img {
  transform: scale(1.04);
}

.about-floating-card {
  position: absolute;
  left: -35px;
  bottom: 35px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 19px 24px;
  background: #fff;
  color: #0b0d10;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
}

.about-floating-card strong {
  color: #a77428;
  font-size: 13px;
  letter-spacing: .10em;
}

.about-floating-card span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #6c7379;
}

.about-intro {
  padding: 115px 0 95px;
  background: #fff;
}

.about-intro-grid {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 100px;
  align-items: start;
}

.about-intro-title h2 {
  margin: 0;
  font-family: "Manrope",sans-serif;
  font-size: clamp(42px,5vw,50px);
  line-height: 55px;
  letter-spacing: -.05em;
}

.about-intro-title h2 em {
  color: #b27b27;
  font-style: normal;
}

.about-intro-copy {
  max-width: 690px;
}

.about-intro-copy p {
  margin: 0 0 24px;
  color: #68717a;
  line-height: 1.85;
}

.about-intro-copy p.large {
  color: #20252a;
  font-size: 20px;
  line-height: 1.65;
}

.about-stats {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  margin-top: 75px;
  border-top: 1px solid #e2e5e8;
  border-bottom: 1px solid #e2e5e8;
}

.about-stat {
  display: flex;
  align-items: center;
  gap: 17px;
  min-height: 110px;
  padding: 20px 25px;
  border-right: 1px solid #e2e5e8;
}

.about-stat:first-child {
  padding-left: 0;
}

.about-stat:last-child {
  border-right: 0;
}

.about-stat strong {
  font-family: "Manrope",sans-serif;
  color: #c38b32;
  font-size: 27px;
}

.about-stat span {
  color: #4e565e;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 600;
}

.about-story {
  padding: 110px 0;
  background: #f5f6f7;
}

.about-story-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 95px;
}

.about-story-images {
  position: relative;
  min-height: 600px;
}

.story-image-large {
  position: absolute;
  left: 0;
  top: 0;
  width: 78%;
 /* height: 530px;*/
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0,0,0,.15);
}

.story-image-large img, .story-image-small img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .7s ease;
}

.story-image-large:hover img, .story-image-small:hover img {
  transform: scale(1.05);
}

.story-image-small {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 46%;
  height: 250px;
  overflow: hidden;
  border: 9px solid #f5f6f7;
  border-radius: 17px;
  box-shadow: 0 20px 50px rgba(0,0,0,.18);
}

.story-number {
  position: absolute;
  left: -20px;
  bottom: 105px;
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d4a044;
  color: #111;
  font-family: "Manrope",sans-serif;
  font-size: 18px;
  font-weight: 800;
}

.about-story-content h2 {
  margin: 0 0 27px;
  font-family: "Manrope",sans-serif;
  font-size: clamp(40px,4.4vw,45px);
  line-height: 1;
  letter-spacing: -.05em;
}

.about-story-content h2 span {
  color: #b57c27;
}

.about-story-content p {
  margin: 0 0 22px;
  color: #68717a;
  line-height: 1.85;
}

.about-check-list {
  display: grid;
  gap: 13px;
  margin-top: 32px;
}

.about-check-list div {
  display: flex;
  align-items: center;
  gap: 13px;
  color: #20252a;
  font-size: 14px;
  font-weight: 600;
}

.about-check-list b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #d4a044;
  color: #111;
  font-size: 12px;
}

.about-capabilities {
  padding: 115px 0;
  background: #fff;
}

.about-section-heading {
  display: grid;
  grid-template-columns: 1fr 0.85fr;
  gap: 80px;
  align-items: end;
  margin-bottom: 65px;
}

.about-section-heading h2 {
  margin: 0;
  font-family: "Manrope",sans-serif;
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.03;
  letter-spacing: -2.5px;
  font-weight: 600;
  color: #111;
}

.about-section-heading > p {
  margin: 0;
  color: #666;
  line-height: 1.8;
  max-width: 500px;
  font-size: 15px;
}

.about-cap-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 15px;
}

.about-cap-card {
  position: relative;
  min-height: 380px;
  padding: 32px 27px;
  background: #f5f6f7;
  border: 1px solid #e4e7e9;
  border-radius: 17px;
  overflow: hidden;
  transition: .4s cubic-bezier(.2,.7,.2,1);
}

.about-cap-card:before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -80px;
  bottom: -90px;
  border-radius: 50%;
  border: 1px solid rgba(212,160,68,.20);
  transition: .5s ease;
}

.about-cap-card:hover {
  transform: translateY(-9px);
  background: #0a0c0f;
  color: #fff;
  border-color: #0a0c0f;
  box-shadow: 0 25px 50px rgba(0,0,0,.15);
}

.about-cap-card:hover:before {
  transform: scale(1.7);
}

.cap-index {
  color: #b07b2b;
  font-family: "Manrope",sans-serif;
  font-size: 12px;
  font-weight: 800;
}

.cap-icon {
  width: 49px;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 45px 0 30px;
  border: 1px solid #d7b36e;
  border-radius: 50%;
  color: #b27d2e;
  font-family: "Manrope",sans-serif;
  font-weight: 800;
}

.about-cap-card h3 {
  margin: 0 0 15px;
  font-family: "Manrope",sans-serif;
  font-size: 23px;
  letter-spacing: -.03em;
}

.about-cap-card p {
  margin: 0;
  color: #6c747b;
  font-size: 13px;
  line-height: 1.75;
}

.about-cap-card:hover p {
  color: #adb5bd;
}

.about-cap-card a {
  position: absolute;
  left: 27px;
  bottom: 30px;
  color: #a87524;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
}

.about-cap-card:hover a {
  color: #f0c665;
}

.about-philosophy {
  position: relative;
  overflow: hidden;
  padding: 125px 0;
  background: #090b0e;
  color: #fff;
}

.about-philosophy:before {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  right: -260px;
  top: -280px;
  border: 1px solid rgba(212,160,68,.16);
  border-radius: 50%;
}

.about-philosophy:after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  left: -200px;
  bottom: -240px;
  border: 1px solid rgba(212,160,68,.10);
  border-radius: 50%;
}

.philosophy-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 100px;
  align-items: center;
}

.philosophy-grid h2 {
  margin: 0;
  font-family: "Manrope",sans-serif;
  font-size: clamp(45px,5.5vw,75px);
  line-height: .98;
  letter-spacing: -.055em;
}

.philosophy-grid h2 span {
  color: #efc35e;
}

.philosophy-copy p {
  margin: 0 0 25px;
  color: #aeb6bd;
  line-height: 1.85;
  font-size: 16px;
}

.philosophy-link {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d4a044;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
}

.philosophy-link span {
  color: #efc35e;
  font-size: 17px;
  transition: .3s ease;
}

.philosophy-link:hover {
  color: #efc35e;
}

.philosophy-link:hover span {
  transform: translate(4px,-4px);
}

.about-presence {
  padding: 115px 0;
  background: #f5f6f7;
}

.presence-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.presence-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid #e1e5e8;
  border-radius: 19px;
  box-shadow: 0 15px 40px rgba(0,0,0,.05);
}

.presence-image {
  height: 340px;
  overflow: hidden;
}

.presence-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .7s ease;
}

.presence-card:hover .presence-image img {
  transform: scale(1.05);
}

.presence-content {
  padding: 28px 30px 32px;
}

.presence-content span {
  color: #b17c2a;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
}

.presence-content h3 {
  margin: 10px 0 10px;
  font-family: "Manrope",sans-serif;
  font-size: 25px;
  letter-spacing: -.03em;
}

.presence-content p {
  margin: 0;
  color: #6d767e;
  font-size: 14px;
  line-height: 1.7;
}

.about-final-cta {
  padding: 45px 0;
  background: #d4a044;
}

.about-final-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.about-final-inner .about-kicker {
  margin-bottom: 8px;
  color: #513710;
}

.about-final-inner h2 {
  margin: 0;
  font-family: "Manrope",sans-serif;
  font-size: clamp(35px,4vw,35px);
  line-height: 1;
  letter-spacing: -.05em;
  color: #111;
}

.about-final-inner h2 span {
  color: #fff;
}

.about-cta-button {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  min-height: 57px;
  padding: 0 25px;
  border-radius: 8px;
  background: #090b0e;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  transition: .3s ease;
}

.about-cta-button span {
  color: #efc35e;
  font-size: 20px;
}

.about-cta-button:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 30px rgba(0,0,0,.18);
}

.about-hero .reveal-left, .about-story .reveal-left {
  opacity: 0;
  transform: translateX(-45px);
  transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1);
}

.about-hero .reveal-right, .about-story .reveal-right {
  opacity: 0;
  transform: translateX(45px);
  transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1);
}

.about-hero .reveal-left.in-view, .about-hero .reveal-right.in-view, .about-story .reveal-left.in-view, .about-story .reveal-right.in-view {
  opacity: 1;
  transform: translateX(0);
}

@media(max-width:1050px){
.about-hero-grid {
  gap: 45px;
}

.about-hero h2 {
  font-size: 58px;
}

.about-intro-grid, .about-story-grid {
  gap: 50px;
}

.about-cap-grid {
  grid-template-columns: 1fr 1fr;
}

.about-cap-card {
  min-height: 350px;
}

.about-section-heading {
  gap: 40px;
}
}

@media(max-width:820px){
.about-hero {
  padding: 75px 0 85px;
}

.about-hero-grid {
  grid-template-columns: 1fr;
}

.about-hero-content {
  max-width: 720px;
}

.about-main-image {
  height: 450px;
}

.about-floating-card {
  left: 20px;
}

.about-intro {
  padding: 80px 0;
}

.about-intro-grid {
  grid-template-columns: 1fr;
  gap: 35px;
}

.about-stats {
  grid-template-columns: 1fr 1fr;
}

.about-stat {
  border-bottom: 1px solid #e2e5e8;
}

.about-stat:nth-child(2) {
  border-right: 0;
}

.about-story {
  padding: 80px 0;
}

.about-story-grid {
  grid-template-columns: 1fr;
}

.about-story-images {
  min-height: 530px;
}

.about-section-heading {
  grid-template-columns: 1fr;
  gap: 25px;
}

.about-philosophy {
  padding: 85px 0;
}

.philosophy-grid {
  grid-template-columns: 1fr;
  gap: 40px;
}

.about-presence {
  padding: 80px 0;
}

.presence-grid {
  grid-template-columns: 1fr;
}
}

@media(max-width:600px){
.about-hero {
  padding: 60px 0 70px;
}

.about-hero h2 {
  font-size: 25px;
  line-height: 30px;
}
.about-hero-content > p {
  font-size: 15px;
  line-height: 1.75;
}
.philosophy-grid h2 {
    font-size: 25px !important;
  line-height: 30px;
}

.about-hero-actions {
 /* align-items: stretch;
  flex-direction: column;*/
}

.about-hero-actions .btn, .about-outline-btn {
  justify-content: center;
  width: auto;
}

.about-outline-btn {
    min-height: 40px;
}

.about-main-image {
  height: 340px;
  border-radius: 16px;
}

.about-floating-card {
  left: 10px;
  bottom: 18px;
  gap: 10px;
  padding: 14px 16px;
}

.about-floating-card span, .about-floating-card strong {
  font-size: 9px;
}

.about-intro-title h2 {
  font-size: 25px;
  line-height: 30px;
}

.about-intro-copy p.large {
  font-size: 17px;
}

.about-stats {
  grid-template-columns: 1fr;
}

.about-stat, .about-stat:first-child {
  padding: 20px 0;
  border-right: 0;
}

.about-stat:last-child {
  border-bottom: 0;
}

.about-story-images {
  min-height: 400px;
}

.story-image-large {
  width: 88%;
  height: 350px;
}

.story-image-small {
  width: 48%;
  height: 175px;
  border-width: 6px;
}

.story-number {
  width: 62px;
  height: 62px;
  left: -5px;
  bottom: 70px;
  font-size: 14px;
}

.about-story-content h2 {
font-size: 25px;
line-height: 30px;
}

.about-capabilities {
  padding: 80px 0;
}

.about-cap-grid {
  grid-template-columns: 1fr;
}

.about-cap-card {
  min-height: 320px;
}

.about-philosophy {
  padding: 75px 0;
}

.philosophy-grid h2 {
  font-size: 46px;
}

.presence-image {
  height: 260px;
}

.about-final-cta {
  padding: 40px 0;
}

.about-final-inner {
  align-items: flex-start;
  flex-direction: column;
}

.about-final-inner h2 {
  font-size: 25px;
  line-height: 30px;
}

.about-cta-button {
  width: auto;
  display: block;
  justify-content: center;
}
}

@media(prefers-reduced-motion:reduce){
.about-hero .reveal-left, .about-hero .reveal-right, .about-story .reveal-left, .about-story .reveal-right {
  opacity: 1;
  transform: none;
  transition: none;
}

.about-main-image img, .story-image-large img, .story-image-small img, .presence-image img {
  transition: none;
}
}

.blog-detail-page {
  background: #fff;
  color: #15181b;
}

.blog-detail-breadcrumb {
  background: #0a0c0f;
  border-top: 1px solid rgba(255,255,255,.05);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.blog-detail-breadcrumb .wrap {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

.blog-breadcrumb-left {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #899198;
  font-size: 11px;
}

.blog-breadcrumb-left b {
  color: #555d64;
  font-weight: 400;
}

.blog-breadcrumb-left strong {
  color: #e9edf0;
  font-weight: 600;
}

.back-blog {
  color: #d4a044;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  transition: .3s ease;
}

.back-blog:hover {
  color: #f0c665;
  transform: translateX(-3px);
}

.blog-detail-hero {
  position: relative;
  overflow: hidden;
  padding: 100px 0 90px;
  background: radial-gradient( circle at 85% 10%, rgba(212,160,68,.12), transparent 27% ), #0a0c0f;
  color: #fff;
}

.blog-detail-hero:after {
  content: "";
  position: absolute;
  width: 560px;
  height: 560px;
  right: -290px;
  bottom: -350px;
  border: 1px solid rgba(212,160,68,.14);
  border-radius: 50%;
}

.blog-detail-hero .wrap {
  position: relative;
  z-index: 2;
  max-width: 1040px;
  text-align: center;
}

.blog-detail-category {
  color: #d4a044;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .22em;
}

.blog-detail-category span {
  margin: 0 8px;
  color: #646b71;
}

.blog-detail-hero h1 {
  margin: 24px auto 0;
  max-width: 950px;
  font-family: "Manrope",sans-serif;
  font-size: clamp(52px,7vw,92px);
  line-height: .95;
  letter-spacing: -.065em;
  font-weight: 800;
}

.blog-detail-hero h1 em {
  color: #f0c665;
  font-style: normal;
}

.blog-detail-intro {
  max-width: 680px;
  margin: 30px auto 0;
  color: #aeb6bd;
  font-size: 18px;
  line-height: 1.7;
}

.blog-detail-meta {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 35px;
  color: #747d84;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .13em;
}

.blog-detail-meta i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d4a044;
}

.blog-feature {
  position: relative;
  margin-top: -1px;
  padding: 0 0 95px;
  background: #0a0c0f;
}

.blog-feature-image {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.09);
  box-shadow: 0 35px 75px rgba(0,0,0,.30);
}
.blog-article h2 {
    margin-bottom: 20px;
    font-size: 25px;
}
.blog-feature-image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient( 180deg, transparent 55%, rgba(0,0,0,.55) );
  pointer-events: none;
}

.blog-feature-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 1s ease;
}

.blog-feature-image:hover img {
  transform: scale(1.025);
}

.feature-label {
  position: absolute;
  left: 30px;
  bottom: 27px;
  z-index: 2;
  padding: 9px 14px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 30px;
  background: rgba(0,0,0,.25);
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}

.blog-content-section {
  padding: 105px 0 110px;
  background: #fff;
}

.blog-content-layout {
  display: grid;
  grid-template-columns: minmax(0,760px) 280px;
  justify-content: center;
  gap: 95px;
}

.blog-article {
  min-width: 0;
}

.blog-article p {
  margin: 0 0 25px;
  color: #606a72;
  font-size: 16px;
  line-height: 1.95;
}

.blog-article .article-lead {
  margin-bottom: 30px;
  color: #1b2025;
  font-family: "Manrope",sans-serif;
  font-size: 24px;
  line-height: 1.55;
  font-weight: 600;
  letter-spacing: -.025em;
}

.article-divider {
  width: 70px;
  height: 2px;
  margin: 50px 0;
  background: #d4a044;
}

.blog-article h2 {
  margin: 60px 0 24px;
  font-family: "Manrope",sans-serif;
  font-size: clamp(32px,4vw,25px);
  line-height: 1.05;
  letter-spacing: -.05em;
  color: #111418;
}

.blog-article h2 span {
  color: #b27b2a;
}

.article-info-card {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  margin: 40px 0 55px;
  padding: 27px;
  border: 1px solid #e4e7e9;
  border-radius: 15px;
  background: #f6f7f8;
}

.article-info-number {
  flex: 0 0 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #d4a044;
  color: #111;
  font-family: "Manrope",sans-serif;
  font-size: 12px;
  font-weight: 800;
}

.article-info-card h3 {
  margin: 2px 0 9px;
  font-family: "Manrope",sans-serif;
  font-size: 19px;
  letter-spacing: -.025em;
}

.article-info-card p {
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
}

.article-quote {
  position: relative;
  margin: 55px 0;
  padding: 42px 45px;
  border-left: 3px solid #d4a044;
  background: #0a0c0f;
}

.quote-mark {
  display: block;
  margin-bottom: 8px;
  color: #d4a044;
  font-family: Georgia,serif;
  font-size: 60px;
  line-height: .5;
}

.article-quote p {
  margin: 0;
  color: #fff;
  font-family: "Manrope",sans-serif;
  font-size: 22px;
  line-height: 1.55;
  letter-spacing: -.02em;
}

.article-process {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin: 50px 0 65px;
  border: 1px solid #e3e6e8;
  background: #e3e6e8;
}

.process-item {
  display: flex;
  gap: 18px;
  padding: 27px;
  background: #fff;
}

.process-item > span {
  color: #bd8630;
  font-family: "Manrope",sans-serif;
  font-size: 12px;
  font-weight: 800;
}

.process-item h3 {
  margin: 0 0 8px;
  font-family: "Manrope",sans-serif;
  font-size: 17px;
}

.process-item p {
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
}

.article-end {
  margin-top: 55px;
  padding-top: 30px;
  border-top: 1px solid #e3e6e8;
}

.article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.article-tags span {
  padding: 8px 12px;
  border: 1px solid #dfe3e6;
  border-radius: 30px;
  color: #737c83;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .09em;
}

.blog-sidebar {
  position: relative;
}

.sidebar-block {
  padding-bottom: 28px;
  border-bottom: 1px solid #e2e5e8;
}

.sidebar-label {
  display: block;
  margin-bottom: 15px;
  color: #a87524;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
}

.share-buttons {
  display: flex;
  gap: 8px;
}

.share-buttons a {
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfe3e6;
  border-radius: 50%;
  color: #353b40;
  font-size: 11px;
  font-weight: 700;
  transition: .3s ease;
}

.share-buttons a:hover {
  border-color: #d4a044;
  background: #d4a044;
  color: #111;
  transform: translateY(-3px);
}

.sidebar-card {
  margin-top: 32px;
  padding: 28px;
  border-radius: 16px;
  background: #0a0c0f;
  color: #fff;
}

.sidebar-card h3 {
  margin: 0 0 15px;
  font-family: "Manrope",sans-serif;
  font-size: 25px;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.sidebar-card h3 em {
  color: #f0c665;
  font-style: normal;
}

.sidebar-card p {
  margin: 0 0 22px;
  color: #9fa8af;
  font-size: 12px;
  line-height: 1.75;
}

.sidebar-card > a {
  color: #efc35e;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
}

.sidebar-services {
  margin-top: 38px;
}

.sidebar-services > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #e3e6e8;
  color: #343a3f;
  font-size: 12px;
  font-weight: 600;
  transition: .3s ease;
}

.sidebar-services > a span {
  color: #b37c2a;
  transition: .3s ease;
}

.sidebar-services > a:hover {
  color: #a87524;
}

.sidebar-services > a:hover span {
  transform: translate(4px,-3px);
}

.related-posts {
  padding: 100px 0 110px;
  background: #f5f6f7;
}

.related-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 30px;
  margin-bottom: 45px;
}

.related-heading > div > span {
  color: #a87524;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
}

.related-heading h2 {
  margin: 14px 0 0;
  font-family: "Manrope",sans-serif;
  font-size: clamp(38px,4.5vw,30px);
  line-height: 1;
  letter-spacing: -.055em;
}

.related-heading h2 em {
  color: #b27b2a;
  font-style: normal;
}

.related-heading > a {
  color: #9d6c24;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .10em;
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}

.related-card {
  overflow: hidden;
  border: 1px solid #e0e4e7;
  border-radius: 17px;
  background: #fff;
  transition: .4s cubic-bezier(.2,.7,.2,1);
}

.related-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 45px rgba(0,0,0,.10);
}

.related-image {
  position: relative;
  height: 245px;
  overflow: hidden;
}

.related-image img {
  width: 100%;
 /* height: 100%;
  display: block;
  object-fit: cover;*/
  transition: transform .7s ease;
}

.related-card:hover .related-image img {
  transform: scale(1.06);
}

.related-image > span {
  position: absolute;
  left: 17px;
  top: 17px;
  padding: 7px 10px;
  border-radius: 20px;
  background: #d4a044;
  color: #111;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .10em;
}

.related-dark {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0c0f;
}

.related-dark div {
  color: #fff;
  font-family: "Manrope",sans-serif;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -.04em;
}

.related-content {
  padding: 25px 24px 27px;
}

.related-content small {
  color: #a87524;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .12em;
}

.related-content h3 {
  min-height: 57px;
  margin: 12px 0 22px;
  font-family: "Manrope",sans-serif;
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: -.035em;
  color: #171b1f;
}

.related-content b {
  color: #8e6325;
  font-size: 9px;
  letter-spacing: .09em;
}

.blog-detail-cta {
  padding: 80px 0;
  background: #d4a044;
}

.blog-detail-cta .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}

.blog-detail-cta span {
  display: block;
  margin-bottom: 12px;
  color: #5b421b;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .18em;
}

.blog-detail-cta h2 {
  max-width: 750px;
  margin: 0;
  font-family: "Manrope",sans-serif;
  font-size: clamp(38px,5vw,62px);
  line-height: 1;
  letter-spacing: -.055em;
  color: #111;
}

.blog-detail-cta h2 em {
  color: #fff;
  font-style: normal;
}

.blog-detail-cta > .wrap > a {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  flex-shrink: 0;
  min-height: 57px;
  padding: 0 25px;
  border-radius: 8px;
  background: #090b0e;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  transition: .3s ease;
}

.blog-detail-cta > .wrap > a strong {
  color: #efc35e;
  font-size: 19px;
}

.blog-detail-cta > .wrap > a:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 30px rgba(0,0,0,.20);
}

@media(max-width:1050px){
.blog-content-layout {
  grid-template-columns: minmax(0,1fr) 250px;
  gap: 55px;
}

.blog-detail-hero {
  padding: 80px 0;
}

.blog-feature-image {
  height: 500px;
}

.related-grid {
  grid-template-columns: 1fr 1fr;
}

.related-card:last-child {
  display: none;
}
}

@media(max-width:820px){
.blog-detail-breadcrumb .wrap {
  min-height: 62px;
}

.blog-content-layout {
  grid-template-columns: 1fr;
}

.blog-sidebar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.sidebar-block {
  grid-column: 1 / -1;
}

.sidebar-card, .sidebar-services {
  margin-top: 0;
}

.blog-feature-image {
  height: 420px;
}

.blog-detail-cta .wrap {
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
}

@media(max-width:600px){
.blog-detail-breadcrumb .wrap {
  align-items: flex-start;
  flex-direction: column;
  padding: 17px 0;
  gap: 12px;
}

.blog-breadcrumb-left {
  flex-wrap: wrap;
  font-size: 9px;
}

.blog-detail-hero {
  padding: 65px 0 70px;
}

.blog-detail-hero h1 {
  font-size: 48px;
}

.blog-detail-intro {
  font-size: 15px;
}

.blog-detail-meta {
  gap: 8px;
  font-size: 8px;
}

.blog-detail-meta i {
  display: none;
}

.blog-feature {
  padding-bottom: 65px;
}

.blog-feature-image {
  height: 300px;
  border-radius: 15px;
}

.feature-label {
  left: 15px;
  bottom: 15px;
  font-size: 8px;
}

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

.blog-article .article-lead {
  font-size: 20px;
}

.blog-article p {
  font-size: 14px;
  line-height: 1.85;
}

.blog-article h2 {
  margin-top: 45px;
  font-size: 25px;
}

.article-quote {
  padding: 30px 25px;
}

.article-quote p {
  font-size: 18px;
}

.article-process {
  grid-template-columns: 1fr;
}

.blog-sidebar {
  display: block;
}

.sidebar-card {
  margin-top: 28px;
}

.sidebar-services {
  margin-top: 32px;
}

.related-posts {
  padding: 70px 0;
}

.related-heading {
  align-items: flex-start;
  flex-direction: column;
}

.related-grid {
  grid-template-columns: 1fr;
}

.related-card:last-child {
  display: block;
}

.related-image {
  height: 230px;
}

.blog-detail-cta {
  padding: 65px 0;
}

.blog-detail-cta h2 {
  font-size: 25px;
  line-height: 30px;
}

.blog-detail-cta > .wrap > a {
  width: auto;
  justify-content: center;

}
}

@media(prefers-reduced-motion:reduce){
.blog-feature-image img, .related-image img, .related-card, .share-buttons a, .back-blog, .blog-detail-cta > .wrap > a {
  transition: none;
}
}

.footer-bottom-left {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  color: #78828b !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.footer-bottom-left .copyright-line {
  display: block !important;
  white-space: nowrap !important;
  margin: 0 0 3px !important;
}

.footer-bottom-left .credit-line {
  display: block !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.footer-bottom-left a {
  display: inline !important;
  color: #aeb7bf !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.footer-bottom-left a:hover {
  color: #d4a044 !important;
}

.footer-divider {
  display: inline !important;
  margin: 0 8px !important;
  color: #505960 !important;
}

.footer-bottom .back-top {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  color: #aeb7bf !important;
  font-size: 13px !important;
}

.footer-bottom .back-top span {
  color: #d4a044 !important;
  font-size: 17px !important;
}

@media(max-width:700px){
.footer-bottom {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

.footer-bottom-left {
  width: 100% !important;
  font-size: 12px !important;
}

.footer-bottom-left .copyright-line {
  white-space: normal !important;
}

.footer-bottom-left .credit-line {
  white-space: normal !important;
}

.footer-bottom .back-top {
  align-self: flex-start !important;
}
}

.testimonial-slider {
  position: relative;
  overflow: hidden;
}

.testimonial-track {
  display: flex;
  width: 100%;
  transition: transform .7s cubic-bezier(.2,.7,.2,1);
}

.testimonial-slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  display: grid;
  grid-template-columns: 45% 55%;
  min-height: 440px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  background: #0a0c0f;
}

.testimonial-image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient( 90deg, transparent 55%, rgba(10,12,15,.35) );
}

.testimonial-slide:hover .testimonial-image img {
  transform: scale(1.04);
}

.testimonial-copy .quote {
  margin-bottom: 10px;
  color: #d4a044;
  font-family: Georgia,serif;
  font-size: 72px;
  line-height: .7;
}

.testimonial-copy .client {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 35px;
  border-top: 1px solid rgba(255,255,255,.10);
}

.testimonial-copy .client strong {
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
}

.testimonial-copy .client span {
  color: #7f8991;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.testimonial-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 25px;
}

.testimonial-prev, .testimonial-next {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50%;
  background: #0a0c0f;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
}

.testimonial-prev:hover, .testimonial-next:hover {
  background: #d4a044;
  border-color: #d4a044;
  color: #111;
  transform: translateY(-2px);
}

.testimonial-dots {
  display: flex;
  align-items: center;
  gap: 7px;
}

.testimonial-dots button {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #555d64;
  cursor: pointer;
  transition: width .3s ease, background .3s ease;
}

.testimonial-dots button.active {
  width: 25px;
  border-radius: 10px;
  background: #d4a044;
}

@media(max-width:800px){
.testimonial-slide {
  grid-template-columns: 1fr;
}

.testimonial-image {
  min-height: 280px;
  height: 280px;
}

.testimonial-copy {
  min-height: 390px;
  padding: 38px 30px;
}

.testimonial-copy blockquote {
  font-size: 23px;
}
}

@media(max-width:500px){
.testimonial-image {
  min-height: 230px;
  height: 230px;
}

.testimonial-copy {
  min-height: 390px;
  padding: 30px 22px;
}

.testimonial-copy .quote {
  font-size: 60px;
}

.testimonial-copy blockquote {
  font-size: 20px;
}

.testimonial-controls {
  gap: 12px;
}
}

.section-head h2 {
  font-size: 35px;
}

.section-head .eyebrow {
  text-transform: uppercase;
}

.section-head p {
  margin-bottom: 20px;
}

#explore + .section {
  min-height: auto;
  height: auto;
  padding-top: 85px;
  padding-bottom: 85px;
}

#explore + .section .section-head {
  margin-bottom: 30px;
}

#explore + .section .section-head > div {
  flex: 1;
}

#explore + .section .section-head p {
  max-width: 650px;
  margin-left: auto;
}

.ip-mini-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.ip-video-title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  padding: 45px 18px 16px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.4px;
  background: linear-gradient( to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0) );
  pointer-events: none;
}

.ip-video-cards-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ip-video-cards-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 820px;
  margin-top: 28px;
}

@media (max-width: 1100px){
.ip-video-cards-four {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ip-video-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 700px){
#explore + .section {
  padding-top: 60px;
  padding-bottom: 60px;
}

#explore + .section .section-head {
  display: block;
  margin-bottom: 25px;
}

#explore + .section .section-head p {
  margin: 12px 0 0;
}

.ip-video-cards, .ip-video-cards-four, .ip-video-cards-two {
  grid-template-columns: 1fr;
  max-width: 100%;
  gap: 22px;
}

.ip-mini-video {
  border-radius: 12px;
}

.ip-video-title {
  font-size: 13px;
  padding: 40px 15px 14px;
}
}

.about-process {
  position: relative;
  background: #f7f5f2;
  overflow: hidden;
}

.about-section-heading h2 span {
  color: #c97650;
}

.about-process-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #ddd7d1;
  border-bottom: 1px solid #ddd7d1;
}

.about-process-grid::before {
  content: "";
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  height: 1px;
  background: #ddd7d1;
  z-index: 0;
}

.about-process-card {
  position: relative;
  z-index: 1;
  padding: 32px 35px 35px;
  background: #f7f5f2;
  border-right: 1px solid #ddd7d1;
  transition: background 0.35s ease, transform 0.35s ease;
}

.about-process-card:first-child {
  border-left: 1px solid #ddd7d1;
}

.about-process-card:last-child {
  border-right: 0;
}

.about-process-card > span {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  border: 1px solid #c97650;
  border-radius: 50%;
  background: #f7f5f2;
  color: #c97650;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all 0.35s ease;
}

.about-process-card h3 {
  margin: 0 0 13px;
  font-size: 23px;
  line-height: 1.3;
  font-weight: 600;
  color: #111;
}

.about-process-card p {
  margin: 0;
  max-width: 310px;
  font-size: 14px;
  line-height: 1.75;
  color: #666;
}

.about-process-card:hover {
  background: #fff;
  transform: translateY(-5px);
}

.about-process-card:hover > span {
  background: #c97650;
  color: #fff;
  box-shadow: 0 10px 25px rgba(201, 118, 80, 0.18);
}

@media (max-width: 991px){
.about-section-heading {
  grid-template-columns: 1fr;
  gap: 25px;
  margin-bottom: 45px;
}

.about-section-heading h2 {
  font-size: 50px;
}

.about-section-heading > p {
  max-width: 650px;
}

.about-process-grid {
  grid-template-columns: repeat(3, 1fr);
}

.about-process-card {
  min-height: 330px;
  padding: 35px 25px 35px;
}

.about-process-card > span {
  margin-bottom: 45px;
}

.about-process-grid::before {
  top: 60px;
}
}

@media (max-width: 767px){
.about-section-heading {
  display: block;
  margin-bottom: 35px;
}

.about-kicker {
  margin-bottom: 12px;
  font-size: 10px;
}

.about-section-heading h2 {
  font-size: 38px;
  line-height: 1.08;
  letter-spacing: -1.5px;
}

.about-section-heading > p {
  margin-top: 22px;
  font-size: 14px;
  line-height: 1.7;
}

.about-process-grid {
  grid-template-columns: 1fr;
}

.about-process-grid::before {
  display: none;
}

.about-process-card, .about-process-card:first-child, .about-process-card:last-child {
  min-height: auto;
  padding: 30px 25px 35px;
  border-left: 1px solid #ddd7d1;
  border-right: 1px solid #ddd7d1;
  border-bottom: 1px solid #ddd7d1;
}

.about-process-card:first-child {
  border-top: 0;
}

.about-process-card > span {
  width: 48px;
  height: 48px;
  margin-bottom: 28px;
}

.about-process-card h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.about-process-card p {
  max-width: 100%;
  font-size: 14px;
  line-height: 1.7;
}

.about-process-card:hover {
  transform: none;
}
}

@media (max-width: 480px){
.about-process {
  overflow: hidden;
}

.about-section-heading h2 {
  font-size: 32px;
}

.about-process-card {
  padding: 27px 20px 32px;
}

.about-process-card > span {
  width: 44px;
  height: 44px;
  margin-bottom: 24px;
}

.about-process-card h3 {
  font-size: 19px;
}

.about-process-card p {
  font-size: 13px;
}
}

.faqs {
  margin-top: 40px;
}
/* =========================
   BLOG SIDEBAR
========================= */

.blog-sidebar {
    position: sticky;
    top: 100px;
}

.blog-sidebar > div {
    margin-bottom: 28px;
}

.sidebar-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #8b7355;
}


/* SEARCH */

.blog-search-form {
    display: flex;
    width: 100%;
    border: 1px solid #ddd6cc;
    background: #fff;
}

.blog-search-form input {
    width: 100%;
    height: 52px;
    border: 0;
    outline: 0;
    padding: 0 15px;
    font-size: 14px;
    color: #222;
    background: transparent;
}

.blog-search-form input::placeholder {
    color: #999;
}

.blog-search-form button {
    width: 52px;
    min-width: 52px;
    border: 0;
    background: #1c140a;
    color: #fff;
    cursor: pointer;
    transition: .3s ease;
}

.blog-search-form button:hover {
    background: #c97650;
}


/* SHARE */

.share-buttons {
    display: flex;
    gap: 8px;
}

.share-buttons a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd6cc;
    color: #1c140a;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: .3s ease;
}

.share-buttons a:hover {
    background: #c97650;
    border-color: #c97650;
    color: #fff;
}


/* RECENT POSTS */

.recent-post-item {
    display: flex;
    gap: 13px;
    padding: 13px 0;
    border-bottom: 1px solid #e5ded5;
    text-decoration: none;
}

.recent-post-item:first-of-type {
    padding-top: 0;
}

.recent-post-image {
    width: 75px;
    min-width: 75px;
    height: 65px;
    overflow: hidden;
}

.recent-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.recent-post-content h4 {
    margin: 0 0 7px;
    font-size: 14px;
    line-height: 1.45;
    color: #1c140a;
    font-weight: 600;
}

.recent-post-content span {
    font-size: 11px;
    color: #999;
}


/* CATEGORIES */

.category-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 0;
    border-bottom: 1px solid #e5ded5;
    color: #1c140a;
    text-decoration: none;
    font-size: 14px;
    transition: .3s ease;
}

.category-list a:hover {
    color: #c97650;
    padding-left: 5px;
}

.category-list small {
    font-size: 11px;
    color: #999;
}


/* TAGS */

.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.tag-list a {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #ddd6cc;
    color: #5d5044;
    text-decoration: none;
    font-size: 11px;
    transition: .3s ease;
}

.tag-list a:hover {
    background: #1c140a;
    border-color: #1c140a;
    color: #fff;
}


/* ABOUT CARD */

.sidebar-card {
    padding: 28px;
    background: #1c140a;
    color: #fff;
}

.sidebar-card .sidebar-label {
    color: #c97650;
}

.sidebar-card h3 {
    margin: 0 0 14px;
    font-size: 25px;
    line-height: 1.2;
    color: #fff;
}

.sidebar-card h3 em {
    color: #c97650;
    font-style: normal;
}

.sidebar-card p {
    margin: 0 0 22px;
    font-size: 13px;
    line-height: 1.7;
    color: rgba(255,255,255,.72);
}

.sidebar-card > a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 17px;
    background: #c97650;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.sidebar-card > a:hover {
    background: #fff;
    color: #1c140a;
}


/* SERVICES */

.sidebar-services {
    border-top: 1px solid #ddd6cc;
}

.sidebar-services .sidebar-label {
    margin-top: 20px;
}

.sidebar-services a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0;
    border-bottom: 1px solid #ddd6cc;
    color: #1c140a;
    text-decoration: none;
    font-size: 14px;
    transition: .3s ease;
}

.sidebar-services a span {
    font-size: 17px;
}

.sidebar-services a:hover {
    color: #c97650;
    padding-left: 5px;
}


/* CTA */

.sidebar-cta {
    padding: 27px;
    border: 1px solid #ddd6cc;
    background: #f7f3ee;
}

.sidebar-cta h3 {
    margin: 0 0 12px;
    font-size: 23px;
    line-height: 1.25;
    color: #1c140a;
}

.sidebar-cta h3 em {
    display: block;
    color: #c97650;
    font-style: normal;
}

.sidebar-cta p {
    margin: 0 0 20px;
    font-size: 13px;
    line-height: 1.6;
    color: #665b51;
}

.sidebar-cta > a {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    color: #1c140a;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.sidebar-cta > a:hover {
    color: #c97650;
}


/* EMPTY */

.sidebar-empty {
    font-size: 13px;
    color: #999;
    margin: 0;
}


/* MOBILE */

@media (max-width: 991px) {

    .blog-sidebar {
        position: static;
    }

}

@media (max-width: 575px) {

    .sidebar-card,
    .sidebar-cta {
        padding: 22px;
    }

}
/* =========================================================
   BLOG PAGINATION
========================================================= */

.blog-pagination {
    width: 100%;

    margin-top: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    flex-wrap: wrap;
}


/* =========================================================
   PAGE NUMBER
========================================================= */

.pagination-number,
.pagination-btn {

    width: 42px;
    height: 42px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    text-decoration: none;

    border: 1px solid #dedede;

    background: #fff;

    color: #222;

    font-size: 13px;

    font-weight: 500;

    line-height: 1;

    border-radius: 50%;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


/* =========================================================
   HOVER
========================================================= */

.pagination-number:hover,
.pagination-btn:hover {

    background: #111;

    color: #fff;

    border-color: #111;

    transform: translateY(-2px);
}


/* =========================================================
   ACTIVE PAGE
========================================================= */

.pagination-number.active {

    background: #111;

    color: #fff;

    border-color: #111;

    cursor: default;
}


/* =========================================================
   DISABLED
========================================================= */

.pagination-btn.disabled {

    opacity: .35;

    cursor: not-allowed;

    pointer-events: none;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575px) {

    .blog-pagination {

        margin-top: 40px;

        gap: 6px;
    }

    .pagination-number,
    .pagination-btn {

        width: 38px;

        height: 38px;

        font-size: 12px;
    }
    .quality h2 {
        margin-bottom: 10px;
    }
    .section-head h2 {
        font-size: 25px;
        margin-bottom: 10px;
        line-height: 30px;

}

.footer a {
    font-size: 13px;
}