:root{
  --bg:#f7f8f3;
  --paper:#ffffff;
  --ink:#103d2e;
  --muted:#586a64;
  --line:#e4e7df;
  --gold:#C89536;
  --gold2:#d4b26a;
  --green:#0f3d2e;
  --green2:#1f6b52;
  --shadow:0 24px 60px rgba(16,61,46,.11);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
a{text-decoration:none;color:inherit}
.container{width:min(1240px,92vw);margin:0 auto}

/* Header */
.nav{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.985);
  border-bottom:1px solid var(--line);
  box-shadow:0 5px 26px rgba(15,61,46,.035);
}
.nav-inner{height:96px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:13px;min-width:330px}
.brand-symbol{width:76px;height:54px;display:block;object-fit:contain}
.brand-text{display:flex;flex-direction:column;justify-content:center;line-height:1}
.brand-text strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:30px;
  letter-spacing:.17em;
  font-weight:500;
  color:var(--green);
}
.brand-text span{
  display:block;
  margin-top:8px;
  font-size:9.5px;
  letter-spacing:.40em;
  font-weight:800;
  color:var(--gold);
  text-transform:uppercase;
}
.nav-links{
  display:flex;
  align-items:center;
  gap:30px;
  font-size:12px;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-weight:800;
  color:#153d32;
}
.nav-links a:hover{color:var(--gold)}

.menu-btn{display:none;border:1px solid var(--line);background:#fff;padding:8px 12px;color:var(--green);font-weight:800;letter-spacing:.12em}

/* Hero */
.hero{
  min-height:680px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(5,35,27,.58) 0%,rgba(5,35,27,.30) 38%,rgba(5,35,27,.08) 68%,rgba(5,35,27,.02) 100%),
    linear-gradient(180deg,rgba(255,238,204,.16) 0%,rgba(255,238,204,0) 46%),
    url("../images/nayuta-home-hero-clean-energy-plateau-final.png") center/cover no-repeat;
}
.hero-content{max-width:610px;padding:74px 0}
.hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(46px,6vw,74px);
  line-height:1.07;
  margin:0 0 24px;
  text-transform:uppercase;
  letter-spacing:-.018em;
  font-weight:500;
  color:#fff;
  text-shadow:0 2px 14px rgba(5,35,27,.36);
}
.hero-rule{width:72px;height:3px;background:var(--gold);margin:0 0 24px}
.hero p{
  font-size:clamp(17px,1.5vw,20.5px);
  max-width:570px;
  line-height:1.62;
  color:#eef5ee;
  font-weight:500;
  margin:0;
  text-shadow:0 1px 10px rgba(5,35,27,.34);
}
.cta-row{margin-top:34px}
.btn{
  display:inline-flex;
  align-items:center;
  gap:24px;
  background:var(--green);
  border:1px solid var(--green);
  color:#fff;
  padding:14px 30px;
  min-width:190px;
  justify-content:space-between;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:12px;
  font-weight:900;
  transition:.2s ease;
}
.btn:after{content:"→";font-size:25px;line-height:0;font-weight:400}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,61,46,.18)}

/* Pillars */
.home-pillars{background:#fff;padding:34px 0 54px;border-bottom:1px solid var(--line)}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.pillar{position:relative}
.pillar img{width:100%;height:190px;display:block;object-fit:cover;background:#edf2ec}
.pillar-body{display:grid;grid-template-columns:72px 1fr;gap:18px;padding-left:25px;margin-top:-24px}
.pillar-icon{
  width:64px;height:64px;border-radius:50%;
  background:var(--green);color:#fff;border:4px solid #fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 22px rgba(15,61,46,.20);
}
.pillar-icon svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.8}
.pillar h3{margin:26px 0 8px;font-size:23px;letter-spacing:.085em;text-transform:uppercase;color:var(--green)}
.pillar p{margin:0;color:#53635e;font-size:15.7px;line-height:1.66}
.pillar + .pillar:before{content:"";position:absolute;left:-20px;top:240px;height:96px;width:1px;background:#d8c08a}
.motto-band{text-align:center;margin-top:38px;color:var(--green);letter-spacing:.23em;text-transform:uppercase;font-weight:900;font-size:14px}
.motto-band:before,.motto-band:after{content:"";display:inline-block;width:58px;height:1px;background:var(--gold);vertical-align:middle;margin:0 18px}

/* General */
.section{padding:90px 0;border-bottom:1px solid var(--line)}
.section.tight{padding:64px 0}
.grid{display:grid;gap:30px}
.grid.two{grid-template-columns:repeat(2,1fr)}
.grid.three{grid-template-columns:repeat(3,1fr)}
.grid.four{grid-template-columns:repeat(4,1fr)}
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--green2);font-weight:900}
.section-title{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,4.2vw,52px);
  line-height:1.12;color:var(--green);margin:10px 0 22px;font-weight:500;
}
.lead{font-size:18.5px;line-height:1.72;color:#3d504a;max-width:890px}
.feature{background:linear-gradient(135deg,rgba(237,245,236,.98),rgba(247,248,243,.98))}
.nature{background:linear-gradient(90deg,rgba(247,248,243,.96),rgba(247,248,243,.82)),url("../images/sustainability-haixi-qinghai.jpg") center/cover no-repeat}
.card{background:rgba(255,255,255,.96);border:1px solid var(--line);padding:30px;min-height:210px;transition:.2s ease}
.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.card h3{font-family:Georgia,"Times New Roman",serif;color:var(--green);font-size:25px;line-height:1.2;margin:0 0 14px;font-weight:500}
.card p{color:var(--muted);margin:0}
.link{display:inline-block;margin-top:24px;color:var(--green);font-weight:900;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.image-card{
  min-height:370px;position:relative;display:flex;align-items:flex-end;padding:32px;color:#fff;background:center/cover no-repeat;overflow:hidden;
}
.image-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,55,44,.72),rgba(13,55,44,.08));z-index:1}
.image-card>*{position:relative;z-index:2}
.image-card h3{font-family:Georgia,"Times New Roman",serif;font-size:31px;color:#fff;margin:0 0 8px;font-weight:500}
.image-card p{margin:0;color:#edf3ed}
.resources-img{background-image:url("../images/nayuta-platform-resources.jpg")}
.tech-img{background-image:url("../images/nayuta-platform-tech.jpg")}
.plateau-mountains{background-image:url("../images/nayuta-resources-resilience-card.jpg")}
.plateau-energy{background-image:url("../images/nayutatech-clean-energy-card.jpg")}

/* Inner pages */
.page-hero{
  padding:104px 0 90px;color:#fff;
  background:linear-gradient(90deg,rgba(5,35,27,.74),rgba(5,35,27,.28)),url("../images/nayuta-page-hero-who-we-are.jpg") center center/cover no-repeat;
}
.page-hero.resources{background:linear-gradient(90deg,rgba(5,35,27,.74),rgba(5,35,27,.34)),url("../images/nayuta-resources-hero-trading-investment.jpg") center center/cover no-repeat}
.page-hero.tech{background:linear-gradient(90deg,rgba(5,35,27,.72),rgba(5,35,27,.24)),url("../images/nayuta-page-hero-nayutatech.jpg") center center/cover no-repeat}
.page-hero.sustain{background:linear-gradient(90deg,rgba(5,35,27,.68),rgba(5,35,27,.20)),url("../images/nayuta-page-hero-sustainability.jpg") center center/cover no-repeat}
.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5.8vw,72px);line-height:1.06;margin:16px 0;max-width:960px;font-weight:500}
.page-hero p{font-size:20px;color:#eef5ee;line-height:1.62;max-width:820px}
.statement{display:grid;grid-template-columns:210px 1fr;gap:44px;padding:31px 0;border-bottom:1px solid var(--line)}
.statement h2{margin:7px 0 0;font-size:11px;letter-spacing:.21em;text-transform:uppercase;color:var(--green2);font-weight:900}
.statement p{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,2.6vw,35px);line-height:1.25;color:var(--green);font-weight:500}
.statement.motto p{font-size:clamp(29px,3.6vw,46px)}
.pill-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 17px;color:#2c4039}

/* Footer */
.footer{background:#103d2e;color:#fff;padding:58px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.footer .brand{min-width:0}
.footer .brand-text strong{color:#fff}
.footer .brand-text span{color:var(--gold2)}
.footer p{color:#d7e3dc}
.footer h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#f0d47f}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:38px;padding-top:22px;color:#c8d5cf;font-size:12px}

@media(max-width:980px){
  .nav-links{display:none;position:absolute;left:0;right:0;top:96px;background:#fff;border-bottom:1px solid var(--line);padding:20px 4vw;flex-direction:column;align-items:flex-start}
  .nav-links.open{display:flex}
  .menu-btn{display:block}
  .grid.two,.grid.three,.grid.four,.footer-grid,.pillar-grid{grid-template-columns:1fr}
  .statement{grid-template-columns:1fr;gap:10px}
  .brand{min-width:auto}
  .brand-symbol{width:62px}
  .brand-text strong{font-size:24px}
  .hero{min-height:640px}
  .section{padding:68px 0}
  .pillar img{height:220px}
  .pillar + .pillar:before{display:none}
}

/* User photo update overrides */
.page-hero.what-we-do-hero{
  background:linear-gradient(90deg,rgba(5,35,27,.74),rgba(5,35,27,.28)),url("../images/nayuta-page-hero-what-we-do.jpg") center center/cover no-repeat;
}
.page-hero.contact-hero{
  background:linear-gradient(90deg,rgba(5,35,27,.72),rgba(5,35,27,.28)),url("../images/nayuta-page-hero-contact.jpg") center center/cover no-repeat;
}


/* Nayuta final content edition refinements */
.hero-content .cta-row{margin-top:30px}
.statement p strong{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:.55em;letter-spacing:.08em;text-transform:uppercase;color:var(--green2);font-weight:900}
.page-hero .eyebrow{color:#f0d47f}
.card h3{word-break:normal}

/* Version 2.0 visual refinements — institutional edition */
:root{
  --bg:#f6f7f8;
  --paper:#ffffff;
  --ink:#0b1f33;
  --muted:#5b6570;
  --line:#e5e8eb;
  --gold:#b79b5b;
  --gold2:#d6bf82;
  --green:#0b1f33;
  --green2:#2f5f75;
  --shadow:0 22px 54px rgba(11,31,51,.10);
}
body{background:var(--bg);color:var(--ink)}
.container{width:min(1280px,91vw)}
.nav{background:rgba(255,255,255,.97);box-shadow:0 3px 18px rgba(11,31,51,.045)}
.nav-inner{height:88px}.nav-links{gap:26px;color:#0b1f33}
.brand-text strong{color:#0b1f33}.brand-text span{color:var(--gold)}

.hero{min-height:700px;background:
  linear-gradient(90deg,rgba(7,24,40,.68) 0%,rgba(7,24,40,.42) 42%,rgba(7,24,40,.10) 78%),
  url("../images/nayuta-home-hero-clean-energy-plateau-final.png") center/cover no-repeat;}
.hero-content{max-width:760px;padding:92px 0 86px}.hero h1{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:clamp(44px,5.3vw,68px);line-height:.98;letter-spacing:.005em;font-weight:800;margin-bottom:24px;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.hero-subtitle{font-size:clamp(18px,1.7vw,24px);line-height:1.45;max-width:690px;color:#f2f5f7;font-weight:500;margin:0 0 28px;text-shadow:0 1px 12px rgba(0,0,0,.22)}
.hero-rule{width:64px;height:2px;margin:0 0 24px;background:var(--gold)}
.btn{background:rgba(11,31,51,.86);border-color:rgba(255,255,255,.32);min-width:164px;padding:13px 25px}.btn:hover{background:#0b1f33;border-color:var(--gold);box-shadow:0 14px 30px rgba(11,31,51,.20)}

.home-pillars{padding:44px 0 62px}.pillar-grid{gap:34px}.pillar img{height:205px}.pillar h3{color:#0b1f33;font-size:21px}.pillar p{color:#5a646e}.pillar-icon{background:#0b1f33}.motto-band{color:#0b1f33;font-size:12px}.motto-band:before,.motto-band:after{background:var(--gold)}
.section{padding:108px 0}.section.tight{padding:82px 0}.eyebrow{color:#4c6f82}.section-title{font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#0b1f33;font-size:clamp(32px,4vw,56px);line-height:1.08;font-weight:720;letter-spacing:-.03em}.lead{font-size:clamp(18px,1.55vw,21px);line-height:1.68;color:#3f4d59}.feature{background:linear-gradient(135deg,#fff,#f6f7f8)}
.link{color:#0b1f33}.link:hover{color:var(--gold)}
.card{border-color:#e2e6e9;box-shadow:none}.card:hover{box-shadow:var(--shadow)}.card h3{font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#0b1f33;font-weight:700;letter-spacing:-.02em}.card p{color:#5b6570}
.image-card{min-height:390px}.image-card:before{background:linear-gradient(0deg,rgba(7,24,40,.76),rgba(7,24,40,.12))}.image-card h3{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:750;letter-spacing:-.025em}

.page-hero{padding:118px 0 104px;background:linear-gradient(90deg,rgba(7,24,40,.76),rgba(7,24,40,.22)),url("../images/nayuta-page-hero-who-we-are.jpg") center/cover no-repeat}.page-hero.resources{background:linear-gradient(90deg,rgba(7,24,40,.76),rgba(7,24,40,.32)),url("../images/nayuta-resources-hero-trading-investment.jpg") center/cover no-repeat}.page-hero.tech{background:linear-gradient(90deg,rgba(7,24,40,.76),rgba(7,24,40,.22)),url("../images/nayuta-page-hero-nayutatech.jpg") center/cover no-repeat}.page-hero.sustain{background:linear-gradient(90deg,rgba(7,24,40,.70),rgba(7,24,40,.20)),url("../images/nayuta-page-hero-sustainability.jpg") center/cover no-repeat}.page-hero.what-we-do-hero{background:linear-gradient(90deg,rgba(7,24,40,.74),rgba(7,24,40,.24)),url("../images/nayuta-page-hero-what-we-do.jpg") center/cover no-repeat}.page-hero.contact-hero{background:linear-gradient(90deg,rgba(7,24,40,.78),rgba(7,24,40,.26)),url("../images/nayuta-page-hero-contact.jpg") center center/cover no-repeat;}
.page-hero h1{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:780;letter-spacing:-.04em;font-size:clamp(42px,5vw,72px);line-height:1.02}.page-hero p{font-size:clamp(18px,1.6vw,22px);max-width:840px}.page-hero .eyebrow{color:#d6bf82}
.statement{grid-template-columns:220px 1fr;gap:56px;padding:42px 0}.statement h2{color:#4c6f82}.statement p{font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#0b1f33;font-size:clamp(22px,2.25vw,34px);line-height:1.34;font-weight:560;letter-spacing:-.025em}.statement.motto p{font-size:clamp(32px,3.4vw,48px);font-weight:700}.statement p strong{color:#315d70}

.contact-overview{background:#fff}.contact-panel{background:linear-gradient(135deg,#f8f9fa,#fff)}.enquiry-card a{color:#0b1f33}.enquiry-card a:hover{color:var(--gold)}
.footer{background:#0b1f33}.footer h4{color:#d6bf82}.footer p{color:#dbe3e8}.footer-bottom{color:#c8d3dc}

@media(max-width:980px){
  .nav-inner{height:82px}.nav-links{top:82px}.hero{min-height:610px}.hero-content{padding:70px 0}.hero h1{font-size:clamp(40px,11vw,58px)}.hero-subtitle{font-size:18px}.section{padding:76px 0}.page-hero{padding:88px 0 78px}.statement{grid-template-columns:1fr;gap:12px;padding:32px 0}.pillar img{height:220px}
}


/* Final professional logo + brighter green theme refinement */
:root{
  --bg:#f7f8f5;
  --paper:#ffffff;
  --ink:#0b2f27;
  --muted:#52645e;
  --line:#e2e8e3;
  --gold:#d0a43a;
  --gold2:#f1cf73;
  --green:#0e4a38;
  --green2:#24745a;
  --shadow:0 22px 54px rgba(14,74,56,.12);
}
body{background:var(--bg);color:var(--ink)}
.nav{background:rgba(255,255,255,.975);box-shadow:0 3px 18px rgba(14,74,56,.05)}
.nav-links{color:#0b2f27}.nav-links a:hover{color:var(--gold)}
.brand-symbol{filter:saturate(1.08) brightness(1.05)}
.brand-text strong{color:#0b2f27}.brand-text span{color:var(--gold)}
.hero{background:
  linear-gradient(90deg,rgba(7,54,40,.66) 0%,rgba(7,54,40,.40) 42%,rgba(7,54,40,.10) 78%),
  url("../images/nayuta-home-hero-clean-energy-plateau-final.png") center/cover no-repeat;}
.hero-rule{background:var(--gold);box-shadow:0 0 0 1px rgba(241,207,115,.10)}
.hero-subtitle{margin:0 0 28px;color:#f3f7f4}.btn{background:rgba(14,74,56,.88);border-color:rgba(241,207,115,.42);color:#fff}.btn:hover{background:#0e4a38;border-color:var(--gold2);box-shadow:0 14px 30px rgba(14,74,56,.22)}
.pillar h3,.pillar-icon,.motto-band,.section-title,.link,.card h3{color:#0b2f27}.pillar-icon{background:#0e4a38;color:#fff}.eyebrow{color:#24745a}.link:hover{color:var(--gold)}
.feature{background:linear-gradient(135deg,#fff,#f7f8f5)}
.image-card:before{background:linear-gradient(0deg,rgba(7,54,40,.74),rgba(7,54,40,.10))}
.page-hero{background:linear-gradient(90deg,rgba(7,54,40,.74),rgba(7,54,40,.22)),url("../images/nayuta-page-hero-who-we-are.jpg") center/cover no-repeat}.page-hero.resources{background:linear-gradient(90deg,rgba(7,54,40,.74),rgba(7,54,40,.30)),url("../images/nayuta-resources-hero-trading-investment.jpg") center/cover no-repeat}.page-hero.tech{background:linear-gradient(90deg,rgba(7,54,40,.74),rgba(7,54,40,.22)),url("../images/nayuta-page-hero-nayutatech.jpg") center/cover no-repeat}.page-hero.sustain{background:linear-gradient(90deg,rgba(7,54,40,.68),rgba(7,54,40,.18)),url("../images/nayuta-page-hero-sustainability.jpg") center/cover no-repeat}.page-hero.what-we-do-hero{background:linear-gradient(90deg,rgba(7,54,40,.72),rgba(7,54,40,.22)),url("../images/nayuta-page-hero-what-we-do.jpg") center/cover no-repeat}.page-hero.contact-hero{background:linear-gradient(90deg,rgba(7,54,40,.74),rgba(7,54,40,.24)),url("../images/nayuta-page-hero-contact.jpg") center center/cover no-repeat;}
.page-hero .eyebrow,.footer h4{color:var(--gold2)}
.statement h2{color:#24745a}.statement p,.statement p strong{color:#0b2f27}
.enquiry-card a{color:#0b2f27}.enquiry-card a:hover{color:var(--gold)}
.footer{background:#0b2f27}.footer .brand-symbol{filter:saturate(1.08) brightness(1.08)}.footer .brand-text span{color:var(--gold2)}.footer p{color:#dce8e2}.footer-bottom{color:#cbd9d4}


/* Final logo replacement: keep attached logo consistent across the website */
.site-logo img,
.logo img,
.footer-logo img,
.brand img,
.navbar-brand img,
.header-logo img {
  object-fit: contain;
}


/* Final professional colour refinement */
:root {
  --nayuta-emerald-deep: #003B2F;
  --nayuta-emerald: #004A38;
  --nayuta-emerald-light: #00543F;
  --nayuta-gold: #D8B25A;
  --nayuta-gold-bright: #F0D37A;
  --nayuta-white: #F7F7F2;
  --nayuta-muted: #D8DDD8;
}

.site-logo img,
.logo img,
.footer-logo img,
.brand img,
.navbar-brand img,
.header-logo img {
  object-fit: contain;
  filter: brightness(1.06) contrast(1.04);
}

.hero-rule,
.section-rule,
.nav-link.active::after,
.nav a.active::after,
button,
.btn,
.cta,
.read-more,
a:hover {
  border-color: var(--nayuta-gold);
}

.hero-rule,
.section-rule,
.nav-link.active::after,
.nav a.active::after {
  background-color: var(--nayuta-gold);
}

.btn,
.cta,
button,
.hero a,
.read-more {
  color: var(--nayuta-gold-bright);
}

.btn:hover,
.cta:hover,
button:hover,
.hero a:hover,
.read-more:hover {
  color: var(--nayuta-gold-bright);
  border-color: var(--nayuta-gold-bright);
}


/* Final professional typography and sizing refinement */
:root {
  --font-display: Georgia, "Times New Roman", Times, serif;
  --font-body: Inter, "Helvetica Neue", Arial, sans-serif;
  --font-nav: Inter, "Helvetica Neue", Arial, sans-serif;

  --hero-title-size: clamp(4.2rem, 7.2vw, 7.8rem);
  --hero-title-line-height: 0.96;
  --hero-title-letter-spacing: 0.035em;

  --body-size: clamp(1rem, 0.92rem + 0.28vw, 1.16rem);
  --body-line-height: 1.65;
  --nav-size: 0.92rem;
  --small-label-size: 0.78rem;
}

html {
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-body);
  font-size: var(--body-size);
  line-height: var(--body-line-height);
  letter-spacing: 0.005em;
}

h1, h2, h3,
.hero h1,
.hero-title,
.section-title,
.footer-title {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: 0.015em;
}

.hero h1,
.hero-title {
  font-size: var(--hero-title-size);
  line-height: var(--hero-title-line-height);
  letter-spacing: var(--hero-title-letter-spacing);
  font-weight: 400;
}

.hero p,
.hero-subtitle {
  max-width: 760px;
  font-size: clamp(1.08rem, 0.98rem + 0.36vw, 1.34rem);
  line-height: 1.55;
  letter-spacing: 0.006em;
}

nav,
.nav,
.navbar,
.menu,
.site-nav,
.header-nav {
  font-family: var(--font-nav);
  font-size: var(--nav-size);
  letter-spacing: 0.055em;
}

nav a,
.nav a,
.navbar a,
.menu a,
.site-nav a,
.header-nav a {
  font-weight: 500;
}

.section-label,
.eyebrow,
.kicker,
small,
.footer small {
  font-family: var(--font-nav);
  font-size: var(--small-label-size);
  letter-spacing: 0.18em;
  font-weight: 600;
}

p {
  line-height: 1.68;
}

.btn,
.button,
.cta,
button,
.hero a,
.read-more {
  font-family: var(--font-nav);
  letter-spacing: 0.095em;
  font-weight: 600;
}

.site-logo img,
.logo img,
.footer-logo img,
.brand img,
.navbar-brand img,
.header-logo img {
  max-height: 72px;
  width: auto;
  object-fit: contain;
}

.footer-logo img {
  max-height: 78px;
}

@media (max-width: 1024px) {
  :root {
    --hero-title-size: clamp(3.4rem, 8vw, 5.8rem);
  }
}

@media (max-width: 768px) {
  :root {
    --hero-title-size: clamp(2.8rem, 12vw, 4.6rem);
    --nav-size: 0.86rem;
  }

  .hero p,
  .hero-subtitle {
    font-size: 1.04rem;
    line-height: 1.58;
  }

  .site-logo img,
  .logo img,
  .footer-logo img,
  .brand img,
  .navbar-brand img,
  .header-logo img {
    max-height: 58px;
  }
}

/* =========================================================
   Nayuta International — Final Professional Design Pass
   Scope: visual refinement only (colour, typography, sizing,
   spacing, responsive polish). Content and structure unchanged.
   ========================================================= */
:root{
  --bg:#f7f8f4;
  --paper:#ffffff;
  --ink:#0b2f27;
  --muted:#52645e;
  --line:#e3e9e4;
  --gold:#c99a2e;
  --gold2:#e7c86f;
  --green:#0b3f32;
  --green2:#1c6b52;
  --shadow:0 20px 52px rgba(11,63,50,.12);
  --font-body:Inter,"Helvetica Neue",Arial,sans-serif;
  --font-display:Georgia,"Times New Roman",serif;
}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--font-body);font-size:16px;line-height:1.66;letter-spacing:0;background:var(--bg);color:var(--ink)}
.container{width:min(1220px,92vw)}
a:focus-visible,button:focus-visible{outline:3px solid rgba(201,154,46,.42);outline-offset:4px}

/* Header and brand */
.nav{background:rgba(255,255,255,.985);backdrop-filter:saturate(150%) blur(10px);border-bottom:1px solid rgba(227,233,228,.9);box-shadow:0 8px 24px rgba(11,63,50,.045)}
.nav-inner{height:86px}.brand{gap:12px;min-width:310px}.brand-symbol{width:66px;height:50px;max-height:50px;filter:saturate(1.08) contrast(1.03)}
.brand-text strong{font-family:var(--font-display);font-size:28px;letter-spacing:.14em;font-weight:500;color:var(--green)}
.brand-text span{margin-top:7px;font-size:9px;letter-spacing:.36em;font-weight:800;color:var(--gold)}
.nav-links{gap:25px;font-size:11.5px;letter-spacing:.11em;font-weight:800;color:#123a30}.nav-links a{position:relative;transition:color .18s ease}.nav-links a:hover{color:var(--gold)}
.menu-btn{border-radius:2px}

/* Home hero */
.hero{min-height:680px;background:linear-gradient(90deg,rgba(6,48,38,.70) 0%,rgba(6,48,38,.46) 42%,rgba(6,48,38,.13) 78%),url("../images/nayuta-home-hero-clean-energy-plateau-final.png") center/cover no-repeat}
.hero-content{max-width:680px;padding:88px 0 82px}.hero h1{font-family:var(--font-display);font-size:clamp(54px,6.2vw,86px);line-height:.98;letter-spacing:.012em;font-weight:500;margin:0 0 25px;color:#fff;text-transform:uppercase;text-shadow:0 3px 22px rgba(0,0,0,.30)}
.hero-rule{width:70px;height:2px;background:var(--gold);margin:0 0 24px;box-shadow:none}.hero p,.hero-subtitle{max-width:650px;font-size:clamp(18px,1.45vw,22px);line-height:1.54;font-weight:500;color:#f3f7f4;text-shadow:0 1px 14px rgba(0,0,0,.22)}
.cta-row{margin-top:32px}.btn{min-width:162px;padding:13px 25px;background:rgba(11,63,50,.92);border:1px solid rgba(231,200,111,.62);color:#fff!important;border-radius:0;font-size:11.5px;letter-spacing:.12em;font-weight:800}.btn:hover{background:var(--green);border-color:var(--gold2);color:#fff!important;box-shadow:0 14px 32px rgba(11,63,50,.24)}

/* Pillars */
.home-pillars{background:#fff;padding:42px 0 60px}.pillar-grid{gap:36px}.pillar img{height:206px;object-fit:cover}.pillar-body{grid-template-columns:68px 1fr;gap:16px;padding-left:22px;margin-top:-22px}.pillar-icon{width:62px;height:62px;background:var(--green);border:4px solid #fff;box-shadow:0 12px 24px rgba(11,63,50,.20)}
.pillar h3{font-family:var(--font-body);font-size:20px;letter-spacing:.105em;font-weight:800;color:var(--green);margin:25px 0 8px}.pillar p{font-size:15.5px;line-height:1.62;color:var(--muted)}.pillar + .pillar:before{background:rgba(201,154,46,.45)}
.motto-band{margin-top:40px;font-size:12px;letter-spacing:.24em;font-weight:900;color:var(--green)}.motto-band:before,.motto-band:after{background:var(--gold);opacity:.75}

/* Sections and cards */
.section{padding:96px 0}.section.tight{padding:68px 0}.eyebrow{font-family:var(--font-body);font-size:11px;letter-spacing:.22em;font-weight:900;color:var(--green2)}
.section-title{font-family:var(--font-display);font-size:clamp(34px,3.9vw,54px);line-height:1.1;letter-spacing:-.01em;font-weight:500;color:var(--green);margin:10px 0 22px}.lead{font-size:clamp(18px,1.35vw,20px);line-height:1.72;color:#3c514a;max-width:900px}.feature{background:linear-gradient(135deg,#fff 0%,#f6f8f4 100%)}
.card{background:rgba(255,255,255,.98);border:1px solid var(--line);padding:30px;border-radius:2px;min-height:204px}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card h3{font-family:var(--font-display);font-size:25px;line-height:1.22;font-weight:500;letter-spacing:0;color:var(--green);margin:0 0 14px}.card p{font-size:15.8px;line-height:1.68;color:var(--muted)}
.link{font-size:11.5px;letter-spacing:.16em;font-weight:900;color:var(--green)}.link:hover{color:var(--gold)}
.image-card{min-height:380px;border-radius:2px}.image-card:before{background:linear-gradient(0deg,rgba(6,48,38,.78),rgba(6,48,38,.10))}.image-card h3{font-family:var(--font-display);font-size:32px;font-weight:500;letter-spacing:0}.image-card p{font-size:16px;line-height:1.5;color:#eef5ee}
.nature{background:linear-gradient(90deg,rgba(247,248,244,.97),rgba(247,248,244,.86)),url("../images/sustainability-haixi-qinghai.jpg") center/cover no-repeat}

/* Inner pages */
.page-hero{padding:106px 0 96px;background:linear-gradient(90deg,rgba(6,48,38,.75),rgba(6,48,38,.22)),url("../images/nayuta-page-hero-who-we-are.jpg") center/cover no-repeat}.page-hero.resources{background:linear-gradient(90deg,rgba(6,48,38,.75),rgba(6,48,38,.31)),url("../images/nayuta-resources-hero-trading-investment.jpg") center/cover no-repeat}.page-hero.tech{background:linear-gradient(90deg,rgba(6,48,38,.74),rgba(6,48,38,.22)),url("../images/nayuta-page-hero-nayutatech.jpg") center/cover no-repeat}.page-hero.sustain{background:linear-gradient(90deg,rgba(6,48,38,.70),rgba(6,48,38,.18)),url("../images/nayuta-page-hero-sustainability.jpg") center/cover no-repeat}.page-hero.what-we-do-hero{background:linear-gradient(90deg,rgba(6,48,38,.72),rgba(6,48,38,.22)),url("../images/nayuta-page-hero-what-we-do.jpg") center/cover no-repeat}.page-hero.contact-hero{background:linear-gradient(90deg,rgba(6,48,38,.74),rgba(6,48,38,.24)),url("../images/nayuta-page-hero-contact.jpg") center/cover no-repeat}
.page-hero .eyebrow{color:var(--gold2)}.page-hero h1{font-family:var(--font-display);font-size:clamp(44px,5.3vw,72px);line-height:1.04;letter-spacing:0;font-weight:500;color:#fff}.page-hero p{font-size:clamp(18px,1.55vw,21px);line-height:1.62;color:#edf5ef}
.statement{grid-template-columns:210px 1fr;gap:50px;padding:38px 0}.statement h2{font-size:11px;letter-spacing:.22em;color:var(--green2)}.statement p{font-family:var(--font-display);font-size:clamp(24px,2.4vw,35px);line-height:1.30;font-weight:500;letter-spacing:0;color:var(--green)}.statement.motto p{font-size:clamp(32px,3.5vw,46px)}.statement p strong{font-family:var(--font-body);font-size:.54em;color:var(--green2);font-weight:900}
.pill{background:#fff;border-color:var(--line);font-size:15px;color:#324b43}

/* Footer */
.footer{background:var(--green);padding:56px 0 28px}.footer .brand-symbol{filter:saturate(1.08) brightness(1.06)}.footer .brand-text strong{color:#fff}.footer .brand-text span{color:var(--gold2)}.footer h4{color:var(--gold2);font-size:11.5px;letter-spacing:.16em}.footer p{color:#dce9e3}.footer-bottom{color:#cbdad4;border-top-color:rgba(255,255,255,.14)}

@media(max-width:980px){
  .nav-inner{height:80px}.nav-links{top:80px}.brand{min-width:auto}.brand-symbol{width:58px;height:44px}.brand-text strong{font-size:23px}.brand-text span{font-size:8px;letter-spacing:.32em}
  .hero{min-height:600px}.hero-content{padding:70px 0}.hero h1{font-size:clamp(42px,11vw,60px);line-height:1.02}.hero p,.hero-subtitle{font-size:17px}.home-pillars{padding-top:34px}.pillar img{height:220px}.pillar + .pillar:before{display:none}.section{padding:72px 0}.section.tight{padding:56px 0}.grid.two,.grid.three,.grid.four,.footer-grid,.pillar-grid{grid-template-columns:1fr}.statement{grid-template-columns:1fr;gap:12px;padding:30px 0}.page-hero{padding:84px 0 76px}.motto-band:before,.motto-band:after{width:28px;margin:0 10px}
}
@media(max-width:560px){
  .container{width:min(100% - 32px,1220px)}.hero{min-height:560px}.hero h1{font-size:42px}.nav-links{font-size:11px}.brand-text strong{font-size:21px}.brand-symbol{width:52px}.pillar-body{padding-left:14px;grid-template-columns:58px 1fr}.pillar-icon{width:54px;height:54px}.section-title{font-size:32px}.page-hero h1{font-size:38px}.motto-band{font-size:11px;letter-spacing:.18em}
}

/* =========================================================
   Logo correction — refined balance and professional colour
   ========================================================= */
:root{
  --gold:#c99a2e;
  --gold2:#e2c46a;
  --green:#0b3f32;
}
.brand-symbol{
  filter:saturate(1.05) brightness(1.03) contrast(1.02) !important;
}
.brand-text{
  align-items:center !important;
}
.brand-text strong{
  color:var(--green) !important;
}
.brand-text span{
  margin-top:6px !important;
  font-size:12px !important;
  letter-spacing:.24em !important;
  font-weight:800 !important;
  color:var(--gold) !important;
  text-align:center !important;
  text-transform:uppercase !important;
}
.footer .brand-text strong{
  color:#ffffff !important;
}
.footer .brand-text span{
  color:var(--gold2) !important;
}
.footer-grid{
  grid-template-columns:1.25fr .95fr 1.35fr !important;
}
.footer .footer-grid p span[style*="white-space"]{
  white-space:nowrap !important;
}
@media(max-width:980px){
  .footer-grid{grid-template-columns:1fr !important;}
  .brand-text span{font-size:10px !important;letter-spacing:.22em !important;}
}
@media(max-width:560px){
  .brand-text span{font-size:9px !important;letter-spacing:.20em !important;}
}


/* Photo loading stability fix
   Re-saved JPEGs as baseline/sRGB and set neutral placeholders to avoid colour flashes. */
.hero, .page-hero, .image-card, .nature {
  background-color: #0b3f32;
}
.pillar img {
  background-color: #e8eee9;
}