:root{
  --ink:#211d1a;--muted:#6f665e;--paper:#fffdf8;--cream:#f8f3e9;
  --gold:#c6a15b;--gold-dark:#8d6a34;--line:#eadfc8;--dark:#1e1a17;
  --shadow:0 18px 50px rgba(74,54,29,.12);--radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:999;background:#fff;padding:10px}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;line-height:1.05;margin:0 0 18px}
h1{font-size:clamp(50px,7vw,82px)}
h2{font-size:clamp(38px,5vw,56px)}
h3{font-size:28px}
p{margin:0 0 18px}
.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;color:var(--gold-dark);margin-bottom:14px}
.section{padding:96px 0}
.soft-bg{background:var(--cream)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,253,248,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.premium-brand{display:flex;align-items:center;gap:12px;max-width:350px}
.brand-emblem{width:82px!important;height:58px!important;object-fit:contain!important;flex:none}
.brand-wordmark{display:flex;flex-direction:column}
.brand-wordmark strong{font-family:"Cormorant Garamond",serif;font-size:27px;line-height:1;color:var(--ink)}
.brand-wordmark small{font-size:8px;letter-spacing:.22em;margin-top:6px;color:var(--gold-dark)}
.site-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}
.site-nav a.active{color:var(--gold-dark)}
.nav-cta{padding:12px 18px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#9c773e,#c6a15b)}
.menu-toggle{display:none;background:none;border:0}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.hero{min-height:720px;display:flex;align-items:center;color:#fff;background:linear-gradient(115deg,rgba(25,21,18,.88),rgba(105,77,34,.57)),url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=85") center/cover no-repeat}
.hero-grid{display:grid;grid-template-columns:1.25fr .65fr;gap:75px;align-items:center;padding:95px 0}
.hero-copy{max-width:760px}.hero-text{font-size:18px;color:rgba(255,255,255,.85)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;font-weight:700;border:0}
.btn-primary{background:linear-gradient(135deg,#c6a15b,#e0c57d);color:#211d1a}
.btn-ghost{border:1px solid rgba(255,255,255,.5);color:#fff}
.btn-light{background:#fff;color:#6d512b}
.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:rgba(255,255,255,.78)}
.hero-card{background:rgba(255,253,248,.97);color:var(--ink);padding:34px;border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-card h2{font-size:42px}.hero-card p{color:var(--muted)}
.contact-line{display:block;padding:15px 0;border-top:1px solid var(--line)}
.contact-line span,.contact-line strong{display:block}.contact-line span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.two-col,.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}
.two-col p,.story-copy p{color:var(--muted);font-size:17px}
.text-link{font-weight:700;color:var(--gold-dark)}
.section-heading{max-width:700px;margin-bottom:42px}.section-heading>p:last-child{color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-card,.audience-card,.experience-card,.value-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}
.feature-number,.experience-kicker{display:block;color:var(--gold);font-weight:700;letter-spacing:.14em;margin-bottom:24px}
.feature-card p,.audience-card p,.experience-card p,.value-card p{color:var(--muted)}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.audience-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f2e6cd;color:var(--gold-dark);font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:700;margin-bottom:20px}
.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testimonial-section{background:var(--dark);color:#fff}
.testimonial-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:40px}
.testimonial-heading>p{color:rgba(255,255,255,.62)}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testimonial-card{padding:32px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.04)}
.testimonial-card.featured{background:#fff;color:var(--ink)}
.quote-mark{font-family:"Cormorant Garamond",serif;font-size:70px;line-height:.8;color:var(--gold)}
.testimonial-card p{font-family:"Cormorant Garamond",serif;font-size:25px;line-height:1.25}
.testimonial-card span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#c9b27e}
/* CTA SECTION - balanced premium spacing */
.cta-section{
  padding:90px 0;
}

.cta-box{
  background:linear-gradient(135deg,#8d6a34,#c6a15b);
  color:#fff;
  border-radius:var(--radius);
  padding:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.page-hero,.legal-hero{background:linear-gradient(115deg,rgba(29,25,21,.9),rgba(116,86,42,.62)),url("https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1800&q=85") center/cover no-repeat;color:#fff}
.page-hero-inner,.legal-hero-inner{padding:125px 0 100px}
.story-panel{background:linear-gradient(135deg,#8d6a34,#c6a15b);color:#fff;border-radius:var(--radius);padding:42px}
.values-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.value-card{grid-column:span 2}.value-card:nth-child(4),.value-card:nth-child(5){grid-column:span 3}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}
.contact-details a{display:block;padding:16px 0;border-top:1px solid var(--line)}
.contact-details span,.contact-details strong{display:block}.contact-details span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.contact-form{background:var(--cream);padding:34px;border-radius:var(--radius)}
.contact-form label{display:block;font-size:13px;font-weight:700;margin-bottom:15px}
.contact-form input,.contact-form textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-top:6px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-note{font-size:11px;color:var(--muted)}
.trust-footer{padding:58px 0;background:#f7efdf;text-align:center;border-top:1px solid #eadab8}
.trust-footer h2{font-size:34px;margin-bottom:22px}.trust-footer-copy{max-width:750px;margin:0 auto;color:var(--muted)}
.trust-logos{display:flex;justify-content:center;align-items:center;gap:45px;margin:22px 0}
.trust-logos img{height:40px;width:auto;object-fit:contain}
.trust-links{display:flex;justify-content:center;gap:14px;margin-top:20px}.trust-links a{font-weight:700;color:var(--gold-dark)}
.site-footer{background:#1c1916;color:#fff;padding:65px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .7fr .8fr;gap:50px}.site-footer a,.site-footer p{color:rgba(255,255,255,.68)}
.site-footer h3{font-family:Inter,sans-serif;font-size:12px;letter-spacing:.15em;text-transform:uppercase}
.footer-premium-brand{max-width:320px}.footer-emblem{filter:invert(1)}.footer-wordmark strong{color:#fff}.footer-wordmark small{color:#c8aa69}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;font-size:12px}
.whatsapp-float{position:fixed;right:18px;bottom:18px;background:#1f8f5f;color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;z-index:80}
.legal-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:70px}.legal-side{position:sticky;top:120px;background:var(--cream);padding:22px;border-radius:15px}.legal-copy h2{font-size:31px;margin-top:40px}.legal-copy p{color:var(--muted)}
.reveal{opacity:0;transform:translateY(16px);transition:.6s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){
 .menu-toggle{display:block}.site-nav{display:none;position:absolute;left:20px;right:20px;top:78px;background:#fff;padding:18px;border-radius:15px;box-shadow:var(--shadow);flex-direction:column}.site-nav.open{display:flex}
 .hero-grid,.two-col,.story-grid,.contact-grid,.testimonial-heading,.legal-layout{grid-template-columns:1fr;gap:35px}
 .feature-grid{grid-template-columns:1fr 1fr}.audience-grid,.experience-grid,.testimonial-grid{grid-template-columns:1fr 1fr}
 .values-grid{grid-template-columns:1fr 1fr}.value-card,.value-card:nth-child(4),.value-card:nth-child(5){grid-column:span 1}.legal-side{position:static}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .container{width:min(100% - 28px,1160px)}.nav-wrap{height:74px}.brand-emblem{width:60px!important;height:44px!important}.brand-wordmark strong{font-size:21px}.brand-wordmark small{font-size:7px}
 .hero{min-height:auto}.hero-grid{padding:70px 0}.section{padding:70px 0}h1{font-size:46px}h2{font-size:37px}
 .feature-grid,.audience-grid,.experience-grid,.testimonial-grid,.values-grid,.form-row,.footer-grid{grid-template-columns:1fr}
 .cta-box{flex-direction:column;align-items:flex-start;padding:32px}.footer-bottom{display:block}
}
.footer-instagram{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    color:rgba(255,255,255,.75);
    font-size:14px;
    text-decoration:none;
    transition:.3s;
}

.footer-instagram svg{
    width:18px;
    height:18px;
    color:#c6a15b;
}

.footer-instagram:hover{
    color:#fff;
}

.footer-instagram:hover svg{
    color:#e2c37c;
}
/* ISSUE 1 FIX — PREMIUM HOUSE OF NURA HEADER LOGO LOCK-UP */
.site-header{background:rgba(255,253,248,.98)}
.nav-wrap{min-height:92px;height:92px}
.premium-brand{
  display:inline-flex;
  align-items:center;
  gap:14px;
  max-width:none;
  flex:0 0 auto;
  white-space:nowrap;
}
.brand-emblem{
  width:96px!important;
  height:64px!important;
  max-width:96px!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:center!important;
  flex:0 0 96px!important;
}
.brand-wordmark{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.brand-wordmark strong{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:30px;
  font-weight:600;
  line-height:.95;
  letter-spacing:.005em;
  color:var(--ink);
  white-space:nowrap;
}
.brand-wordmark small{
  display:block;
  margin-top:8px;
  color:var(--gold-dark);
  font-family:Inter,Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  line-height:1;
  letter-spacing:.24em;
  white-space:nowrap;
}
.footer-premium-brand .brand-emblem{
  width:82px!important;
  height:58px!important;
  max-width:82px!important;
  max-height:58px!important;
  flex-basis:82px!important;
}
.footer-premium-brand .brand-wordmark strong{font-size:27px;color:#fff}
.footer-premium-brand .brand-wordmark small{font-size:8px;color:#c8aa69}

@media(max-width:900px){
  .nav-wrap{min-height:84px;height:84px}
  .premium-brand{gap:11px}
  .brand-emblem{
    width:78px!important;height:54px!important;
    max-width:78px!important;max-height:54px!important;
    flex-basis:78px!important;
  }
  .brand-wordmark strong{font-size:26px}
  .brand-wordmark small{margin-top:6px;font-size:8px;letter-spacing:.20em}
  .site-nav{top:80px}
}
@media(max-width:640px){
  .nav-wrap{min-height:78px;height:78px}
  .premium-brand{gap:9px;max-width:270px}
  .brand-emblem{
    width:64px!important;height:46px!important;
    max-width:64px!important;max-height:46px!important;
    flex-basis:64px!important;
  }
  .brand-wordmark strong{font-size:23px}
  .brand-wordmark small{margin-top:5px;font-size:7px;letter-spacing:.17em}
  .site-nav{top:74px}
}
/* CTA eyebrow - improve contrast on gold background */
.cta-box .eyebrow {
    color: #ffffff !important;
    opacity: 1;
}
/* OUR APPROACH SECTION */
.approach-section .testimonial-card{
    display:flex;
    flex-direction:column;
    min-height:280px;
}

.approach-section .approach-number{
    font-size:11px;
    font-weight:700;
    letter-spacing:.2em;
    color:#c6a15b;
    margin-bottom:28px;
}

.approach-section .testimonial-card h3{
    font-size:30px;
    margin-bottom:16px;
}

.approach-section .testimonial-card p{
    font-family:Inter,Arial,sans-serif;
    font-size:16px;
    line-height:1.7;
    color:rgba(255,255,255,.7);
}

.approach-section .testimonial-card.featured p{
    color:#6f665e;
}

@media(max-width:640px){
    .approach-section .testimonial-card{
        min-height:auto;
    }

    .approach-section .testimonial-card h3{
        font-size:27px;
    }
}
/* MOBILE REFINEMENT */

@media(max-width:640px){

  body{
    overflow-x:hidden;
  }

  .container{
    width:min(100% - 24px,1160px);
  }

  .section{
    padding:58px 0;
  }

  h1{
    font-size:42px;
    line-height:1.05;
  }

  h2{
    font-size:34px;
    line-height:1.08;
  }

  h3{
    font-size:25px;
  }

  .hero-grid{
    padding:58px 0;
    gap:28px;
  }

  .hero-card{
    padding:24px;
  }

  .hero-card h2{
    font-size:34px;
  }

  .two-col,
  .story-grid,
  .contact-grid,
  .testimonial-heading{
    gap:26px;
  }

  .feature-card,
  .audience-card,
  .experience-card,
  .testimonial-card,
  .value-card{
    padding:24px;
  }

  .cta-section{
  padding:64px 0;
}

.cta-box{
  padding:32px 28px;
  border-radius:20px;
  gap:24px;
}

  .cta-box h2{
    font-size:38px;
  }

  .btn{
    width:auto;
    max-width:100%;
    min-height:48px;
    padding:0 20px;
  }

  .whatsapp-float{
    right:14px;
    bottom:14px;
    padding:11px 16px;
    font-size:14px;
  }

  .footer-grid{
    gap:28px;
  }

  .footer-bottom{
    margin-top:28px;
  }
}
/* Improve contrast on gold / dark feature panels */
.story-panel .eyebrow,
.cta-box .eyebrow {
    color: #ffffff !important;
    opacity: 1;
}
.story-panel h2 {
    color: #ffffff;
}

.story-panel p:not(.eyebrow) {
    color: rgba(255,255,255,.82);
}
.footer-instagram{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  color:rgba(255,255,255,.72);
  font-size:14px;
  font-weight:500;
}

.footer-instagram svg{
  width:18px;
  height:18px;
  fill:var(--gold);
  flex:none;
}

.footer-instagram:hover{
  color:#fff;
}
/* =========================================================
   HOUSE OF NURA - MOBILE FOOTER FIX
   ========================================================= */

@media (max-width: 768px) {

  .site-footer {
    padding: 52px 0 24px;
  }

  .site-footer .container {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
  }

  /* Stack footer sections neatly */
  .footer-grid,
  .footer-grid-four {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  /* Brand section */
  .footer-grid > div {
    width: 100%;
    min-width: 0;
  }

  .footer-grid > div:first-child {
    margin-bottom: 38px;
  }

  .footer-premium-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
  }

  .footer-emblem {
    width: 96px;
    height: auto;
    flex-shrink: 0;
  }

  .footer-wordmark strong {
    font-size: 25px;
    line-height: 1.1;
  }

  .footer-wordmark small {
    font-size: 9px;
    letter-spacing: 2px;
    margin-top: 5px;
  }

  .site-footer .footer-grid > div:first-child > p {
    margin: 12px 0 0;
    font-size: 16px;
    line-height: 1.5;
  }

  /* Contact / Explore / Legal blocks */
  .footer-grid > div:not(:first-child) {
    margin-bottom: 32px;
  }

  .footer-grid h3 {
    margin: 0 0 15px;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
  }

  /* IMPORTANT: links now stack properly */
  .footer-grid > div:not(:first-child) > a {
    display: block !important;
    width: fit-content;
    max-width: 100%;
    margin: 0 0 9px !important;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }

  /* Instagram can stay inline internally */
  .footer-instagram,
  .instagram-link {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
  }

  /* Bottom copyright area */
  .footer-bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-top: 4px;
    padding-top: 22px;
  }

  .footer-bottom p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .footer-bottom > a {
    font-size: 13px;
  }
}


/* Smaller phones */
@media (max-width: 420px) {

  .site-footer {
    padding-top: 44px;
  }

  .site-footer .container {
    width: calc(100% - 32px);
  }

  .footer-emblem {
    width: 82px;
  }

  .footer-wordmark strong {
    font-size: 22px;
  }

  .site-footer .footer-grid > div:first-child > p {
    font-size: 15px;
  }

  .footer-grid > div:first-child {
    margin-bottom: 34px;
  }

  .footer-grid > div:not(:first-child) {
    margin-bottom: 28px;
  }
}
/* FOOTER LINKS - STACK VERTICALLY ON ALL DEVICES */
.site-footer .footer-grid > div:not(:first-child) > a {
  display: block;
  width: fit-content;
  margin-bottom: 8px;
  line-height: 1.5;
}

/* Keep Instagram icon + username together */
.site-footer .footer-instagram {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}