body{margin:0;font-family:Arial,sans-serif;background:#f6f6f3;color:#111}
/* ===== HEADER ===== */

header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:90px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 60px;
    box-sizing:border-box;

    background:rgba(255,255,255,.96);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(0,0,0,.08);
    box-shadow:0 6px 24px rgba(0,0,0,.06);

    z-index:99999;
}

/* ===== LOGO ===== */

.logo{
    display:flex;
    align-items:center;
    text-decoration:none;
    font-size:34px;
    font-weight:700;
    letter-spacing:.5px;
    color:#07162f;
    transition:.25s;
}

.logo:hover{
    transform:scale(1.03);
}

.logo .logo-green{
    color:#9ac400 !important;
}

.logo sup{
    color:#666 !important;
    font-size:11px;
    margin-left:3px;
}

/* ===== MENU ===== */

nav{
    display:flex;
    align-items:center;
    gap:42px;
    margin-left:auto;
}

nav a{
    position:relative;
    text-decoration:none;
    color:#07162f;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.3px;
    transition:.25s;
}

nav a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-10px;
    width:0;
    height:2px;
    background:#9ac400;
    transition:.25s ease;
}

nav a:hover{
    color:#9ac400;
}

nav a:hover::after{
    width:100%;
}

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

@media (max-width:900px){

    header{
        padding:0 25px;
        height:80px;
    }

    nav{
        gap:22px;
    }

    nav a{
        font-size:12px;
        letter-spacing:1px;
    }

    .logo{
        font-size:30px;
    }
}
.hero{
    position:relative;
    height:120vh;
    background:#222 url('../images/hero.png') center top/cover no-repeat;
    display:flex;
    align-items:center;
}

.overlay{
    padding:80px;
    color:#fff;
    max-width:700px;
}

@media (max-width:900px){

    .hero{
        height:100svh;
        background-position:65% top; /* adjust 55%-75% until it looks perfect */
    }

    .overlay{
        padding:35px 24px;
        max-width:100%;
    }
}
h1{font-size:72px;line-height:.95}
h2{font-size:48px}
.section{padding:60px 8%}
.dark{background:#fff;color:#fff}
.cards,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card,.tile,.placeholder{border:2px dashed #999;padding:60px 20px;text-align:center;border-radius:18px}
.btn{display:inline-block;background:#111;color:#fff;padding:14px 28px;border-radius:40px}
.contact{text-align:center}
footer{text-align:center;padding:30px}
.section.dark{
     padding:50px 2%;
}
.dark-box{
    background:#000;
    border-radius:24px;
    padding:60px;
}
.aura-lifestyle-image{
    width:100%;
    max-width:100%;
    border-radius:24px;
}

.collection-card {
  position: relative;
  height: 210px;
  overflow: hidden;
  border-radius: 24px;
}

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

.collection-card span {
  position: absolute;
  left: 24px;
  bottom: 20px;
  color: white;
  font-size: 26px;
  font-weight: 600;
  text-shadow: 0 2px 10px black;
}

.factory-gallery {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 18px;
}

.factory-gallery img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 22px;
}

.factory-gallery .factory-main {
  grid-row: span 2;
  height: 538px;
}

.patents-map {
  display: block;
  width: 94vw;
height:34vw;
  max-width: none;
  height: auto;
  margin: 40px 0 0 50%;
  transform: translateX(-50%);
  border-radius: 24px;
}

.contact {
  text-align: center;
}

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

.contact-form input,
.contact-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 16px 18px;
  background: #ffffff;
  color: #07162f;
  border: 1px solid #b8c0cc;
  border-radius: 10px;
  font: inherit;
  outline: none;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #6f7782;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #9ac400;
  box-shadow: 0 0 0 3px rgba(154,196,0,.18);
}

.contact-form .btn {
  border: none;
  cursor: pointer;
}

.contact-team{
  width:min(1100px, calc(100% - 40px));
  margin:50px auto 10px;
  text-align:center;
}

.contact-team h3{
  margin-bottom:25px;
  font-size:26px;
  color:#07162f;
}

.contact-team-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.contact-person{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:24px 15px;
  background:#f5f7f9;
  border-radius:12px;
  border-top:3px solid #9ac400;
}

.contact-person strong{
  color:#07162f;
  font-size:15px;
}

.contact-person span{
  color:#6f7782;
  font-size:12px;
}

.contact-person a{
    color:#07162F;
    font-weight:600;
	 font-size:13px;
    text-decoration:none;
    transition:.25s;
}

.contact-person a:hover{
    color:#9AC400;
}

.site-footer{
  padding:45px 30px;
  background:#ffffff;
  color:#2B2B2B;
  text-align:center;
  font-size:14px;
  line-height:1.7;
}

.site-footer a{
  color:#2B2B2B;
  text-decoration:none;
  transition:.25s;
}

.site-footer a:hover{
  color:#9AC400;
}

.footer-address{
  color:#555555;
}

.social-icons{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-bottom:25px;
}

.social-icons a{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #2B2B2B;
  border-radius:50%;
  color:#2B2B2B;
  font-size:17px;
  transition:.25s;
}

.social-icons a:hover{
  color:#9AC400;
  border-color:#9AC400;
  transform:translateY(-3px);
}

.site-footer p{
  margin:5px 0;
}

.separator{
  margin:0 10px;
  opacity:.5;
	 color:rgba(255,255,255,.25);
}

.collections-premium{
    padding:110px 8%;
    background:#fff;
}

.collections-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;
}

.collection-item{
    position:relative;
    display:block;
    overflow:hidden;
    border-radius:28px;
    text-decoration:none;
    height:430px;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    transition:.4s;
}

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

.collection-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        transparent 20%,
        rgba(7,22,47,.92) 100%);
}

.overlay{
    position:absolute;
    left:35px;
    right:35px;
    bottom:35px;
    z-index:2;
    color:#fff;
}

.overlay small{
    display:block;
    color:#9AC400;
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.overlay h3{
    margin:0;
    font-size:42px;
    font-weight:700;
}

.overlay span{
    display:inline-block;
    margin-top:18px;
    font-size:16px;
    font-weight:700;
    color:#fff;
    opacity:.9;
}

.collection-item:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 70px rgba(0,0,0,.18);
}

.collection-item:hover img{
    transform:scale(1.08);
}

.collection-item:hover .overlay span{
    color:#9AC400;
}

@media(max-width:900px){

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

.collection-item{
    height:340px;
}

.overlay h3{
    font-size:34px;
}