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

:root {
  --navy: #1e2a45;
  --navy-dark: #131c30;
  --navy-mid: #253354;
  --silver: #b0b8c8;
  --silver-light: #d6dce8;
  --silver-pale: #eef0f5;
  --cream: #f5f4f0;
  --white: #ffffff;
  --accent: #8a96ae;
}

html { scroll-behavior: smooth; }
body { font-family: 'Jost', sans-serif; background: var(--cream); color: var(--navy-dark); overflow-x: hidden; }

/* ── NAV ── */
nav {
  position: fixed; top:0; left:0; right:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  padding:1.2rem 4rem;
  background: rgba(19,28,48,0.97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(176,184,200,0.12);
}
.nav-logo { display:flex; align-items:center; gap:0.9rem; text-decoration:none; }
.nav-logo-mark {
  width:42px; height:42px; background:var(--navy-mid); border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  font-family:'Cormorant Garamond',serif; font-weight:600; font-size:1.1rem;
  color:var(--silver-light); border:1.5px solid rgba(176,184,200,0.3); letter-spacing:0.05em;
}
.nav-brand { font-family:'Cormorant Garamond',serif; font-size:1.05rem; font-weight:400; color:var(--silver-light); letter-spacing:0.12em; text-transform:uppercase; line-height:1.2; }
.nav-brand span { display:block; font-size:0.62rem; font-weight:300; color:var(--silver); letter-spacing:0.2em; }
.nav-links { display:flex; gap:2.2rem; list-style:none; }
.nav-links a { font-size:0.72rem; font-weight:400; letter-spacing:0.18em; text-transform:uppercase; color:var(--silver); text-decoration:none; transition:color 0.3s; padding-bottom:3px; border-bottom:1px solid transparent; }
.nav-links a:hover, .nav-links a.active { color:var(--white); border-bottom-color:var(--silver); }

/* ── HAMBURGER ── */
.hamburger { display:none; flex-direction:column; justify-content:center; gap:5px; width:32px; height:32px; background:none; border:none; cursor:pointer; padding:0; }
.hamburger span { display:block; width:100%; height:2px; background:var(--silver-light); transition:transform 0.3s, opacity 0.3s; }
.hamburger.active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.hamburger.active span:nth-child(2) { opacity:0; }
.hamburger.active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

.mobile-menu {
  position:fixed; top:0; right:0; width:75%; max-width:320px; height:100vh;
  background:var(--navy-dark); border-left:1px solid rgba(176,184,200,0.15);
  z-index:200; display:flex; flex-direction:column;
  padding:6rem 2.5rem 2rem; gap:1.6rem;
  transform:translateX(100%); transition:transform 0.4s ease;
}
.mobile-menu.active { transform:translateX(0); }
.mobile-link { font-size:0.85rem; font-weight:400; letter-spacing:0.15em; text-transform:uppercase; color:var(--silver-light); text-decoration:none; padding-bottom:1rem; border-bottom:1px solid rgba(176,184,200,0.12); }
.mobile-link.active { color:var(--white); }
.menu-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:150; opacity:0; pointer-events:none; transition:opacity 0.3s; }
.menu-overlay.active { opacity:1; pointer-events:auto; }

/* ── LAYOUT ── */
.container { max-width:1200px; margin:0 auto; padding:0 4rem; }
.section-pad { padding:7rem 0; }
.bg-cream { background:var(--cream); }
.bg-dark { background:var(--navy-dark); }
.bg-navy { background:var(--navy); }
.bg-silver-pale { background:var(--silver-pale); }
.text-center { text-align:center; }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }

/* ── TYPOGRAPHY ── */
.section-tag { font-size:0.65rem; font-weight:400; letter-spacing:0.3em; text-transform:uppercase; color:var(--accent); margin-bottom:0.7rem; }
.section-title { font-family:'Cormorant Garamond',serif; font-size:clamp(2rem,3.5vw,3rem); font-weight:300; color:var(--navy-dark); line-height:1.15; margin-bottom:1.5rem; }
.section-title em { font-style:italic; color:var(--accent); }
.section-link { font-size:0.68rem; font-weight:400; letter-spacing:0.2em; text-transform:uppercase; color:var(--navy); text-decoration:none; border-bottom:1px solid var(--navy); padding-bottom:2px; transition:color 0.3s; }
.body-text { font-size:0.93rem; font-weight:300; line-height:1.85; color:#5a6478; margin-bottom:1.2rem; }

/* ── BUTTONS ── */
.btn-primary { background:var(--silver-light); color:var(--navy-dark); padding:0.9rem 2.2rem; font-size:0.72rem; font-weight:500; letter-spacing:0.18em; text-transform:uppercase; border:none; border-radius:2px; cursor:pointer; text-decoration:none; transition:background 0.3s,transform 0.2s; display:inline-block; }
.btn-primary:hover { background:var(--white); transform:translateY(-1px); }
.btn-outline { background:transparent; color:var(--silver-light); padding:0.9rem 2.2rem; font-size:0.72rem; font-weight:400; letter-spacing:0.18em; text-transform:uppercase; border:1px solid rgba(176,184,200,0.4); border-radius:2px; cursor:pointer; text-decoration:none; transition:border-color 0.3s,color 0.3s; display:inline-block; }
.btn-outline:hover { border-color:var(--silver-light); color:var(--white); }

/* ── HERO ── */
.hero {
  min-height:100vh; background:linear-gradient(155deg,var(--navy-dark) 0%,var(--navy) 45%,#2c3d60 100%);
  display:flex; align-items:center; position:relative; overflow:hidden; padding:0 4rem;
}
.hero::before { content:''; position:absolute; inset:0; }
.hero-content { position:relative; z-index:2; max-width:680px; animation:fadeUp 1s ease both; }
.hero-eyebrow { font-size:0.68rem; font-weight:400; letter-spacing:0.35em; text-transform:uppercase; color:var(--silver); margin-bottom:1.6rem; display:flex; align-items:center; gap:1rem; }
.hero-eyebrow::before { content:''; display:block; width:40px; height:1px; background:var(--silver); }
.hero-title { font-family:'Cormorant Garamond',serif; font-size:clamp(3.2rem,6vw,5.5rem); font-weight:300; line-height:1.08; color:var(--white); margin-bottom:1.8rem; }
.hero-title em { font-style:italic; color:var(--silver-light); }
.hero-desc { font-size:0.95rem; font-weight:300; line-height:1.8; color:var(--silver); max-width:480px; margin-bottom:2.8rem; }
.hero-actions { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; }
.hero-right { position:absolute; right:6%; top:50%; transform:translateY(-50%); z-index:2; display:flex; flex-direction:column; gap:1.2rem; animation:fadeUp 1.2s ease 0.3s both; }
.hero-stat { background:rgba(255,255,255,0.06); border:1px solid rgba(176,184,200,0.15); backdrop-filter:blur(8px); padding:1.5rem 2rem; border-radius:4px; text-align:center; }
.hero-stat-num { font-family:'Cormorant Garamond',serif; font-size:2.4rem; font-weight:300; color:var(--white); line-height:1; }
.hero-stat-label { font-size:0.62rem; font-weight:400; letter-spacing:0.2em; text-transform:uppercase; color:var(--silver); margin-top:0.4rem; }

/* ── PAGE HERO ── */
.page-hero { padding:9rem 0 5rem; }
.page-hero-title { font-family:'Cormorant Garamond',serif; font-size:clamp(2.5rem,5vw,4rem); font-weight:300; color:var(--white); line-height:1.1; margin-bottom:1rem; }
.page-hero-desc { font-size:0.95rem; font-weight:300; color:var(--silver); max-width:560px; line-height:1.8; }

/* ── MARQUEE ── */
.marquee-wrap { background:var(--navy-dark); border-top:1px solid rgba(176,184,200,0.1); border-bottom:1px solid rgba(176,184,200,0.1); overflow:hidden; padding:1rem 0; }
.marquee-track { display:flex; gap:3rem; animation:marquee 22s linear infinite; white-space:nowrap; }
.marquee-item { font-size:0.68rem; font-weight:400; letter-spacing:0.25em; text-transform:uppercase; color:var(--silver); flex-shrink:0; display:flex; align-items:center; gap:3rem; }
.marquee-dot { width:4px; height:4px; border-radius:50%; background:var(--accent); display:inline-block; }

/* ── HOME CATEGORIES ── */
.home-cat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; margin-top:2rem; }
.home-cat-card { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:3rem 2rem; border-radius:6px; text-decoration:none; transition:transform 0.3s; text-align:center; min-height:220px; }
.home-cat-card:hover { transform:translateY(-4px); }
.bg-navy1 { background:linear-gradient(145deg,#2c3d60,#1e2a45); }
.bg-navy2 { background:linear-gradient(145deg,#1e2a45,#131c30); }
.bg-navy3 { background:linear-gradient(145deg,#344b74,#253354); }
.bg-navy4 { background:linear-gradient(145deg,#253354,#1a2540); }
.cat-icon { font-size:2rem; color:var(--silver); margin-bottom:1rem; }
.home-cat-name { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:300; color:var(--white); margin-bottom:0.5rem; }
.home-cat-sub { font-size:0.65rem; font-weight:300; letter-spacing:0.15em; color:var(--silver); text-transform:uppercase; }

/* ── PROCESS ── */
.process-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; position:relative; }
.process-step { padding:0 1.5rem; text-align:center; }
.step-num { width:4rem; height:4rem; border-radius:50%; background:var(--navy-mid); display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; font-family:'Cormorant Garamond',serif; font-size:1.3rem; font-weight:300; color:var(--silver-light); border:2px solid rgba(176,184,200,0.2); }
.step-title { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-weight:400; color:var(--white); margin-bottom:0.7rem; }
.step-desc { font-size:0.78rem; font-weight:300; line-height:1.7; color:var(--silver); }

/* ── TESTIMONIAL ── */
.testimonial-text { font-family:'Cormorant Garamond',serif; font-size:clamp(1.3rem,2.5vw,1.9rem); font-weight:300; font-style:italic; color:var(--silver-light); max-width:780px; margin:0 auto 2rem; line-height:1.5; }
.testimonial-author { font-size:0.68rem; font-weight:400; letter-spacing:0.25em; text-transform:uppercase; color:var(--silver); }

/* ── SECTION HEADER ── */
.section-header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:3.5rem; }

/* ── ABOUT PAGE ── */
.about-stats-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.about-stat { background:var(--navy); padding:2rem; border-radius:4px; text-align:center; }
.about-stat-num { font-family:'Cormorant Garamond',serif; font-size:2.5rem; font-weight:300; color:var(--white); line-height:1; }
.about-stat-label { font-size:0.65rem; font-weight:400; letter-spacing:0.18em; text-transform:uppercase; color:var(--silver); margin-top:0.5rem; }

/* ── CAPABILITIES ── */
.feat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.feat-card { background:var(--white); padding:2rem; border-radius:4px; border:1px solid rgba(30,42,69,0.08); }
.feat-icon { font-size:1.5rem; margin-bottom:1rem; }
.feat-name { font-family:'Cormorant Garamond',serif; font-size:1.2rem; font-weight:400; color:var(--navy-dark); margin-bottom:0.6rem; }
.feat-desc { font-size:0.8rem; font-weight:300; line-height:1.7; color:#5a6478; }

/* ── LOCATION ── */
.location-card { background:var(--navy-mid); border-radius:8px; display:flex; align-items:center; justify-content:center; min-height:280px; border:1px solid rgba(176,184,200,0.15); }
.location-card-inner { text-align:center; }
.location-label { font-family:'Cormorant Garamond',serif; font-size:1.8rem; font-weight:300; color:var(--white); margin-bottom:0.3rem; }
.location-sublabel { font-size:0.72rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--silver); margin-bottom:1rem; }
.location-pin { font-size:2.5rem; }

/* ── DIRECTORS ── */
.directors-grid { display:flex; flex-direction:column; gap:3rem; }
.director-card { display:grid; grid-template-columns:320px 1fr; gap:3rem; background:var(--white); border-radius:8px; overflow:hidden; border:1px solid rgba(30,42,69,0.08); padding:2.5rem; align-items:start; }
.director-photo-placeholder { width:100%; height:320px; background:var(--silver-pale); border-radius:6px; display:flex; align-items:center; justify-content:center; border:2px dashed rgba(30,42,69,0.15); }
.director-tag { font-size:0.62rem; font-weight:400; letter-spacing:0.3em; text-transform:uppercase; color:var(--accent); margin-bottom:0.5rem; }
.director-name { font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:300; color:var(--navy-dark); margin-bottom:0.3rem; }
.director-role { font-size:0.78rem; font-weight:400; letter-spacing:0.1em; text-transform:uppercase; color:var(--accent); margin-bottom:1.2rem; }
.director-bio { font-size:0.9rem; font-weight:300; line-height:1.8; color:#5a6478; margin-bottom:1.5rem; }
.director-details { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.director-detail-item { background:var(--silver-pale); padding:1rem; border-radius:3px; }
.director-detail-label { font-size:0.6rem; font-weight:400; letter-spacing:0.2em; text-transform:uppercase; color:var(--accent); margin-bottom:0.3rem; display:block; }
.director-detail-val { font-size:0.85rem; font-weight:400; color:var(--navy-dark); }
.directors-note { font-size:0.75rem; color:var(--accent); text-align:center; margin-top:2rem; font-style:italic; }

/* ── CONTACT FORM ── */
.contact-form { display:flex; flex-direction:column; gap:1rem; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.form-group { display:flex; flex-direction:column; gap:0.4rem; }
.form-label { font-size:0.62rem; font-weight:400; letter-spacing:0.2em; text-transform:uppercase; color:var(--accent); }
.form-input, .form-select, .form-textarea { background:var(--white); border:1px solid rgba(30,42,69,0.15); border-radius:2px; padding:0.8rem 1rem; font-family:'Jost',sans-serif; font-size:0.85rem; font-weight:300; color:var(--navy-dark); outline:none; transition:border-color 0.3s; }
.form-input:focus, .form-select:focus, .form-textarea:focus { border-color:var(--navy); }
.form-textarea { resize:vertical; min-height:120px; }
.form-success { color:#27ae60; font-size:0.85rem; text-align:center; margin-top:0.5rem; }
.form-error { color:#c0392b; font-size:0.85rem; text-align:center; margin-top:0.5rem; }

/* ── CONTACT DETAILS ── */
.contact-detail { display:flex; gap:1rem; align-items:flex-start; margin-bottom:1.5rem; }
.contact-detail-icon { width:2.2rem; height:2.2rem; background:var(--navy); border-radius:3px; display:flex; align-items:center; justify-content:center; font-size:0.85rem; flex-shrink:0; }
.contact-detail-label { font-size:0.6rem; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; color:var(--accent); margin-bottom:0.2rem; }
.contact-detail-text { font-size:0.83rem; font-weight:300; line-height:1.6; color:var(--navy-dark); }

/* ── PRODUCTS GALLERY ── */
.prod-header-row { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem; flex-wrap:wrap; gap:1rem; }
.prod-tabs { display:flex; gap:0.8rem; flex-wrap:wrap; }
.prod-tab { font-family:'Jost',sans-serif; font-size:0.72rem; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; color:var(--navy); background:var(--white); border:1px solid rgba(30,42,69,0.2); padding:0.7rem 1.5rem; border-radius:2px; cursor:pointer; transition:all 0.3s; }
.prod-tab.active { background:var(--navy); color:var(--white); }
.admin-login-btn { font-family:'Jost',sans-serif; font-size:0.68rem; font-weight:400; letter-spacing:0.12em; text-transform:uppercase; background:none; border:1px solid rgba(30,42,69,0.25); color:var(--accent); padding:0.6rem 1.2rem; border-radius:2px; cursor:pointer; }
.prod-subtabs { display:flex; gap:0.6rem; flex-wrap:wrap; margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid rgba(30,42,69,0.1); }
.prod-subtab { font-family:'Jost',sans-serif; font-size:0.68rem; font-weight:400; letter-spacing:0.1em; text-transform:uppercase; color:var(--accent); background:transparent; border:none; border-bottom:2px solid transparent; padding:0.4rem 0.2rem; cursor:pointer; transition:all 0.3s; }
.prod-subtab.active { color:var(--navy); border-bottom-color:var(--navy); font-weight:500; }
.admin-bar { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; background:var(--navy-dark); padding:1rem 1.5rem; border-radius:4px; margin-bottom:2rem; }
.admin-bar-label { font-size:0.72rem; color:var(--silver); flex:1; }
.admin-bar-label strong { color:var(--white); }
.admin-upload-btn { font-size:0.68rem; font-weight:500; letter-spacing:0.1em; text-transform:uppercase; background:var(--silver-light); color:var(--navy-dark); padding:0.6rem 1.2rem; border-radius:2px; cursor:pointer; display:flex; align-items:center; gap:0.5rem; }
.admin-logout-btn { font-size:0.68rem; background:transparent; color:var(--silver); border:1px solid rgba(176,184,200,0.3); padding:0.6rem 1.2rem; border-radius:2px; cursor:pointer; letter-spacing:0.1em; text-transform:uppercase; }
.product-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1.2rem; min-height:160px; }
.grid-empty { grid-column:1/-1; text-align:center; padding:3rem 1rem; font-size:0.85rem; font-weight:300; color:var(--accent); border:1px dashed rgba(30,42,69,0.2); border-radius:4px; }
.product-photo-card { position:relative; aspect-ratio:1; border-radius:4px; overflow:hidden; background:linear-gradient(90deg,#e8eaf0 25%,#f0f2f7 50%,#e8eaf0 75%); background-size:200% 100%; animation:skeleton 1.5s infinite; cursor:pointer; }
.product-photo-card.loaded { background:var(--silver-pale); animation:none; }
.product-photo-card img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease,opacity 0.3s ease; opacity:0; }
.product-photo-card.loaded img { opacity:1; }
.product-photo-card:hover img { transform:scale(1.06); }
.photo-delete-btn { position:absolute; top:0.5rem; right:0.5rem; width:28px; height:28px; border-radius:50%; background:rgba(19,28,48,0.85); color:white; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:0.85rem; z-index:3; }
.photo-uploading { display:flex; align-items:center; justify-content:center; aspect-ratio:1; border-radius:4px; background:var(--silver-pale); font-size:0.7rem; color:var(--accent); }

/* ── MODAL ── */
.modal-overlay { position:fixed; inset:0; z-index:500; background:rgba(19,28,48,0.7); display:none; align-items:center; justify-content:center; padding:1.5rem; }
.modal-overlay.active { display:flex; }
.modal-box { background:var(--white); border-radius:6px; padding:2rem; max-width:360px; width:100%; }
.modal-title { font-family:'Cormorant Garamond',serif; font-size:1.4rem; font-weight:400; color:var(--navy-dark); margin-bottom:1.2rem; }
.modal-error { color:#c0392b; font-size:0.78rem; margin-bottom:1rem; }

/* ── LIGHTBOX ── */
.lightbox-overlay { position:fixed; inset:0; z-index:600; background:rgba(10,14,24,0.95); display:none; align-items:center; justify-content:center; padding:2rem; }
.lightbox-overlay.active { display:flex; }
.lightbox-img { max-width:90vw; max-height:85vh; border-radius:4px; object-fit:contain; }
.lightbox-close { position:absolute; top:1.5rem; right:2rem; font-size:2.5rem; color:white; cursor:pointer; font-weight:300; }

/* ── WHATSAPP ── */
.whatsapp-btn { position:fixed; bottom:2rem; right:2rem; z-index:999; display:flex; align-items:center; justify-content:center; border-radius:50%; box-shadow:0 4px 16px rgba(37,211,102,0.45); transition:transform 0.3s,box-shadow 0.3s; text-decoration:none; }
.whatsapp-btn:hover { transform:scale(1.1); box-shadow:0 6px 24px rgba(37,211,102,0.6); }

/* ── FOOTER ── */
footer { background:var(--navy-dark); padding:3rem 4rem; display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(176,184,200,0.1); flex-wrap:wrap; gap:1rem; }
.footer-brand { font-family:'Cormorant Garamond',serif; font-size:0.9rem; font-weight:400; letter-spacing:0.15em; text-transform:uppercase; color:var(--silver-light); }
.footer-copy { font-size:0.68rem; font-weight:300; color:var(--silver); letter-spacing:0.1em; }
.footer-links { display:flex; gap:2rem; list-style:none; }
.footer-links a { font-size:0.65rem; font-weight:300; letter-spacing:0.18em; text-transform:uppercase; color:var(--silver); text-decoration:none; transition:color 0.3s; }
.footer-links a:hover { color:var(--white); }

/* ── ANIMATIONS ── */
@keyframes fadeUp { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } }
@keyframes marquee { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }
@keyframes skeleton { 0% { background-position:200% 0; } 100% { background-position:-200% 0; } }

/* ── RESPONSIVE ── */
@media (max-width:1024px) {
  nav { padding:1rem 1.5rem; }
  .nav-links { display:none; }
  .hamburger { display:flex; }
  .container { padding:0 1.5rem; }
  .section-pad { padding:5rem 0; }
  .hero { padding:0 2rem; padding-top:5rem; }
  .hero-right { display:none; }
  .two-col { grid-template-columns:1fr; gap:3rem; }
  .home-cat-grid { grid-template-columns:1fr 1fr; }
  .feat-grid { grid-template-columns:1fr 1fr; }
  .process-steps { grid-template-columns:1fr 1fr; gap:2rem; }
  .director-card { grid-template-columns:1fr; }
  .director-photo-placeholder { width:100%; height:220px; }
  footer { flex-direction:column; text-align:center; padding:2rem 1.5rem; }
  .footer-links { flex-wrap:wrap; justify-content:center; }
}

@media (max-width:600px) {
  .hero-title { font-size:2.6rem; }
  .home-cat-grid { grid-template-columns:1fr 1fr; gap:0.8rem; }
  .feat-grid { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
  .process-steps { grid-template-columns:1fr; }
  .about-stats-grid { grid-template-columns:1fr 1fr; }
}

/* ── MISSION VISION VALUES ── */
.mvv-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.mvv-card { background:rgba(255,255,255,0.05); border:1px solid rgba(176,184,200,0.15); border-radius:6px; padding:2rem; }
.mvv-icon { font-size:1.8rem; margin-bottom:1rem; }
.mvv-title { font-family:'Cormorant Garamond',serif; font-size:1.3rem; font-weight:400; color:var(--white); margin-bottom:1rem; }
.mvv-text { font-size:0.85rem; font-weight:300; line-height:1.8; color:var(--silver); }
.mvv-list { list-style:none; padding:0; display:flex; flex-direction:column; gap:0.6rem; }
.mvv-list li { font-size:0.82rem; font-weight:300; color:var(--silver); padding-left:1.2rem; position:relative; line-height:1.6; }
.mvv-list li::before { content:'—'; position:absolute; left:0; color:var(--accent); }

@media (max-width:1024px) {
  .mvv-grid { grid-template-columns:1fr; }
}

/* ── DIRECTOR EXTRAS ── */
.director-quote { font-family:'Cormorant Garamond',serif; font-size:1.05rem; font-style:italic; font-weight:300; color:var(--navy); border-left:3px solid var(--navy); padding-left:1.2rem; margin:1.5rem 0; line-height:1.7; }
.director-milestone { margin-top:1.5rem; background:var(--silver-pale); padding:1rem 1.2rem; border-radius:3px; }
.milestone-text { font-size:0.83rem; font-weight:300; color:#5a6478; line-height:1.6; margin-top:0.3rem; }
.director-links { display:flex; gap:1rem; margin-top:1.5rem; flex-wrap:wrap; }
.director-link-btn { display:inline-flex; align-items:center; gap:0.5rem; font-size:0.7rem; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; background:var(--navy); color:var(--silver-light); padding:0.65rem 1.2rem; border-radius:2px; text-decoration:none; transition:background 0.3s; }
.director-link-btn:hover { background:var(--navy-mid); }

/* ── CORPORATE PROFILE ── */
.profile-stats-wrap { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; }
.profile-stat-card { background:var(--navy); padding:1.8rem; border-radius:4px; text-align:center; }
.profile-stat-num { font-family:'Cormorant Garamond',serif; font-size:2.2rem; font-weight:300; color:var(--white); line-height:1; }
.profile-stat-label { font-size:0.62rem; font-weight:400; letter-spacing:0.18em; text-transform:uppercase; color:var(--silver); margin-top:0.5rem; }
.profile-contact-row { display:flex; flex-direction:column; gap:0.8rem; margin-top:2rem; }
.profile-contact-item { display:flex; align-items:flex-start; gap:0.7rem; font-size:0.85rem; font-weight:300; color:#5a6478; line-height:1.6; }
.profile-contact-icon { font-size:1rem; flex-shrink:0; }
.profile-two-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.profile-block { background:var(--white); border-radius:6px; padding:2rem; border:1px solid rgba(30,42,69,0.08); }
.profile-block-icon { font-size:1.8rem; margin-bottom:1rem; }
.profile-block-title { font-family:'Cormorant Garamond',serif; font-size:1.3rem; font-weight:400; color:var(--navy-dark); margin-bottom:1rem; }
.profile-list { list-style:none; padding:0; display:flex; flex-direction:column; gap:0.6rem; }
.profile-list li { font-size:0.82rem; font-weight:300; color:#5a6478; padding-left:1.2rem; position:relative; line-height:1.6; }
.profile-list li::before { content:'—'; position:absolute; left:0; color:var(--accent); }

@media (max-width:1024px) {
  .profile-two-grid { grid-template-columns:1fr; }
  .profile-stats-wrap { grid-template-columns:1fr 1fr; }
}

/* ── REAL LOGO ── */
.nav-logo-mark-img {
  width: 46px; height: 46px;
  border-radius: 8px;
  object-fit: contain;
  background: transparent;
}

/* ── GOOGLE MAPS ── */
.maps-wrap { display:grid; grid-template-columns:1fr 320px; gap:2rem; align-items:start; }
@media (max-width:1024px) { .maps-wrap { grid-template-columns:1fr; } }

/* ── CERTIFICATIONS ── */
.cert-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1.5rem; }
.cert-card { background:rgba(255,255,255,0.05); border:1px solid rgba(176,184,200,0.15); border-radius:6px; padding:2rem; text-align:center; }
.cert-placeholder { border-style:dashed; opacity:0.7; }
.cert-icon { font-size:2.5rem; margin-bottom:1rem; }
.cert-name { font-family:'Cormorant Garamond',serif; font-size:1.4rem; font-weight:400; color:var(--white); margin-bottom:0.7rem; }
.cert-desc { font-size:0.82rem; font-weight:300; line-height:1.7; color:var(--silver); }

/* ── SMALLER PRODUCT CARDS ── */
.product-grid {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
  gap: 0.9rem !important;
}
.product-photo-card {
  aspect-ratio: 3/4 !important;
}
.photo-design-badge {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: rgba(19,28,48,0.82);
  color: var(--silver-light);
  font-size: 0.62rem; font-weight: 500;
  letter-spacing: 0.1em; text-transform: uppercase;
  padding: 0.35rem 0.6rem;
  text-align: center;
}

/* ── DETAIL MODAL ── */
.detail-modal-box {
  background: var(--white);
  border-radius: 8px;
  max-width: 820px; width: 95%;
  max-height: 90vh; overflow-y: auto;
  display: grid; grid-template-columns: 1fr 1fr;
  position: relative;
}
.detail-img-wrap { background: var(--silver-pale); border-radius: 8px 0 0 8px; overflow: hidden; min-height: 300px; }
.detail-img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.detail-info { padding: 2rem; display: flex; flex-direction: column; gap: 1rem; }
.detail-close {
  position: absolute; top: 1rem; right: 1rem;
  width: 32px; height: 32px; border-radius: 50%;
  background: rgba(19,28,48,0.7); color: white;
  border: none; cursor: pointer; font-size: 1.3rem;
  display: flex; align-items: center; justify-content: center;
  z-index: 10;
}
.detail-field-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 0.6rem 0;
  border-bottom: 1px solid rgba(30,42,69,0.08);
}
.detail-field-label {
  font-size: 0.65rem; font-weight: 500; letter-spacing: 0.15em;
  text-transform: uppercase; color: var(--accent);
}
.detail-field-val {
  font-size: 0.85rem; font-weight: 400; color: var(--navy-dark);
}
.detail-edit-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.1rem; font-weight: 400; color: var(--navy-dark);
  margin-bottom: 1rem; padding-top: 1rem;
  border-top: 1px solid rgba(30,42,69,0.1);
}
.detail-form-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem;
}
.detail-form-group {
  display: flex; flex-direction: column; gap: 0.3rem;
}
.detail-form-group label {
  font-size: 0.6rem; font-weight: 500; letter-spacing: 0.15em;
  text-transform: uppercase; color: var(--accent);
}
.detail-form-group input {
  background: var(--silver-pale); border: 1px solid rgba(30,42,69,0.15);
  border-radius: 2px; padding: 0.5rem 0.7rem;
  font-family: 'Jost', sans-serif; font-size: 0.8rem;
  color: var(--navy-dark); outline: none;
}
.detail-form-group input:focus { border-color: var(--navy); }
.detail-save-btn {
  margin-top: 0.8rem; background: var(--navy);
  color: var(--silver-light); border: none; padding: 0.7rem 1.5rem;
  border-radius: 2px; font-family: 'Jost', sans-serif;
  font-size: 0.72rem; font-weight: 500; letter-spacing: 0.12em;
  text-transform: uppercase; cursor: pointer; width: 100%;
}
.detail-save-msg { color: #27ae60; font-size: 0.78rem; text-align: center; }

@media (max-width: 768px) {
  .detail-modal-box { grid-template-columns: 1fr; }
  .detail-img-wrap { border-radius: 8px 8px 0 0; min-height: 220px; }
  .detail-form-grid { grid-template-columns: 1fr; }
  .product-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important; }
}

/* ── PRESS CARDS ── */
.press-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.5rem; }
.press-card { background:var(--white); border-radius:6px; padding:2rem; border:1px solid rgba(30,42,69,0.08); border-top:3px solid var(--navy); transition:transform 0.3s,box-shadow 0.3s; }
.press-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(30,42,69,0.1); }
.press-date { font-size:0.65rem; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; color:var(--accent); margin-bottom:0.8rem; }
.press-title { font-family:'Cormorant Garamond',serif; font-size:1.25rem; font-weight:400; color:var(--navy-dark); margin-bottom:0.8rem; line-height:1.3; }
.press-desc { font-size:0.82rem; font-weight:300; line-height:1.75; color:#5a6478; margin-bottom:1.2rem; }
.press-tag-row { display:flex; gap:0.5rem; flex-wrap:wrap; }
.press-tag { font-size:0.6rem; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; background:var(--silver-pale); color:var(--navy); padding:0.3rem 0.7rem; border-radius:20px; }

/* ── PRODUCT CARD BADGE ── */
.photo-design-badge {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: rgba(19,28,48,0.88);
  padding: 0.4rem 0.6rem;
  display: flex; flex-direction: column; align-items: center; gap: 0.15rem;
}
.badge-design {
  font-size: 0.6rem; font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--silver-light);
}
.badge-material {
  font-size: 0.62rem; font-weight: 500;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--white);
}
.badge-click {
  font-size: 0.55rem; font-weight: 300;
  letter-spacing: 0.08em;
  color: var(--silver);
  font-style: italic;
}

/* ── MODAL SCROLL FIX ── */
.modal-overlay {
  align-items: flex-start !important;
  padding: 1.5rem !important;
  overflow-y: auto !important;
}
.modal-box {
  max-height: 90vh;
  overflow-y: auto;
  margin: auto;
}

/* ── HIDE NETLIFY BADGE ── */
[data-netlify-deploy-id],
.netlify-identity-button,
a[href*="netlify.com"][style*="position:fixed"],
a[href*="netlify.com"][style*="position: fixed"],
div[style*="position:fixed"] a[href*="netlify"],
#netlify-identity-widget,
.netlify-badge {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}