/* ===== AKAMLESH — Shared Stylesheet ===== */
*{margin:0;padding:0;box-sizing:border-box}

/* ===== Animations ===== */
@keyframes heroFadeUp{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes bannerShimmer{0%{left:-100%}100%{left:150%}}
@keyframes goldLineGrow{from{width:0;opacity:0}to{width:40px;opacity:1}}
html{scroll-behavior:smooth;overflow-x:hidden}
:root{
  --gold:#C9A84C;
  --gold-light:#E8CB7A;
  --gold-pale:#F5E9C8;
  --dark:#070D1C;
  --dark-2:#0B1225;
  --dark-3:#10192F;
  --dark-4:#172039;
  --text:#EDF2FF;
  --text-muted:#7B96C8;
  --border:rgba(201,168,76,0.22);
  
}
body{background:var(--dark);color:var(--text);font-family:'Raleway',system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.75;overflow-x:hidden;word-break:break-word}

/* ===== Navigation ===== */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 4rem;background:linear-gradient(to bottom,rgba(7,13,28,0.88) 0%,rgba(7,13,28,0.15) 100%);transition:background 0.4s ease}
nav.scrolled{background:rgba(7,13,28,0.97);backdrop-filter:blur(14px)}
.nav-logo{text-decoration:none;display:flex;align-items:center}
.nav-logo img{height:80px;width:auto;display:block;filter:invert(1) brightness(6) contrast(4);transform:scale(1.25)}
.nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center}
.nav-links a{color:rgba(237,242,255,0.82);text-decoration:none;font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;font-family:'Montserrat',sans-serif;font-weight:600;position:relative;padding-bottom:3px;transition:color 0.3s ease}
.nav-links a::after{content:'';position:absolute;bottom:-1px;left:50%;right:50%;height:1px;background:var(--gold);transition:left 0.35s cubic-bezier(0.4,0,0.2,1),right 0.35s cubic-bezier(0.4,0,0.2,1)}
.nav-links a:hover{color:var(--gold)}
.nav-links a:hover::after,.nav-links a.active::after{left:0;right:0}
.nav-links a.active{color:var(--gold)}
.nav-toggle{display:none;background:none;border:none;color:var(--gold);font-size:1.5rem;cursor:pointer;line-height:1}

/* ===== Generic section + typography ===== */
section{padding:6rem 4rem}

/* ===== Light sections (alternating white) ===== */
.section-light{
  background-color:#EEF3FF;
  background-image:
    radial-gradient(circle,rgba(26,58,122,0.09) 1px,transparent 1px),
    radial-gradient(ellipse 480px 380px at 92% -8%,rgba(201,168,76,0.08) 0%,transparent 68%),
    radial-gradient(ellipse 400px 320px at -4% 108%,rgba(26,58,122,0.07) 0%,transparent 68%),
    radial-gradient(ellipse 320px 260px at 18% 50%,rgba(201,168,76,0.04) 0%,transparent 70%),
    radial-gradient(ellipse 280px 240px at 78% 72%,rgba(26,58,122,0.05) 0%,transparent 70%);
  background-size:28px 28px,100% 100%,100% 100%,100% 100%,100% 100%;
  background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat;
  color:#070D1C
}
.section-light .section-label{color:#1A3A7A;font-weight:500;font-size:0.72rem}
.section-light .section-title{color:#1A3A7A}
.section-light .section-body{color:#2D4272;font-size:1.05rem}
.section-light .product-card{background:#fff;border-color:rgba(26,58,122,0.2)}
.section-light .product-card h3{color:#1A3A7A;font-size:1.75rem}
.section-light .product-card p{color:#2D4272;font-size:1rem}
.section-light .product-tag{color:#1A3A7A;border-color:rgba(26,58,122,0.35);font-size:0.68rem;letter-spacing:0.18em}
.section-light .product-card::before{color:#1A3A7A;opacity:0.6}
.section-light .value-card{background:#fff;border-color:rgba(26,58,122,0.2)}
.section-light .value-card h3{color:#1A3A7A;font-size:1.6rem}
.section-light .value-card p{color:#2D4272;font-size:1rem}
.section-light .vc-icon{color:#1A3A7A;font-size:1.6rem}
.section-light .step-num{background:#fff;border-color:#1A3A7A;color:#1A3A7A}
.section-light .step h4{color:#1A3A7A;font-size:1.4rem}
.section-light .step p{color:#2D4272;font-size:0.95rem}
.section-light .process-steps::before{background:rgba(26,58,122,0.2)}
.section-light .about-stat{background:#fff;border-color:rgba(26,58,122,0.18)}
.section-light .about-stat .num{color:#1A3A7A;font-size:2.8rem}
.section-light .about-stat .label{color:#2D4272;font-size:0.68rem}
.section-light .diamond-divider span{background:rgba(26,58,122,0.25)}
.section-light .diamond-icon{background:#1A3A7A}
.section-light .contact-item .ci-label{color:#1A3A7A;font-weight:600;font-size:0.72rem}
.section-light .contact-item .ci-val{color:#2D4272;font-size:1rem}
.section-light .contact-form input,.section-light .contact-form select,.section-light .contact-form textarea{background:#fff;border-color:rgba(26,58,122,0.25);color:#070D1C}
.section-light .contact-form input::placeholder,.section-light .contact-form textarea::placeholder{color:#7B96C8}
.section-light .contact-form input:focus,.section-light .contact-form select:focus,.section-light .contact-form textarea:focus{border-color:#1A3A7A}
.section-light .contact-form select option{background:#fff;color:#070D1C}
.section-light .btn-gold{border-color:#1A3A7A;color:#1A3A7A}
.section-light .btn-gold:hover{background:#1A3A7A;color:#fff}
.section-light .form-success{border-color:rgba(26,58,122,0.25);background:#fff}
.section-light .form-success h3{color:#1A3A7A}
.section-light .form-success p{color:#2D4272;font-size:1rem}
.section-label{font-family:'Cinzel',serif;font-size:0.65rem;letter-spacing:0.32em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-weight:400}
.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:400;line-height:1.15;margin-bottom:1.5rem}
.section-body{color:var(--text-muted);font-size:1rem;max-width:560px;line-height:1.95;font-weight:400}
.btn-gold{display:inline-block;padding:0.85rem 2.5rem;border:1px solid var(--gold);color:var(--gold);text-decoration:none;font-size:0.68rem;letter-spacing:0.25em;text-transform:uppercase;transition:all 0.3s;cursor:pointer;background:transparent;font-family:'Cinzel',serif;font-weight:400}
.btn-gold:hover{background:var(--gold);color:#070D1C}
.diamond-divider{display:flex;align-items:center;gap:1rem;margin:2rem auto;width:fit-content}
.diamond-divider span{width:60px;height:1px;background:var(--border)}
.diamond-icon{width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}

/* ===== Page banner (for inner pages) ===== */
.page-banner{min-height:52vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10rem 2rem 5rem;background:linear-gradient(160deg,#0F1B35 0%,#172039 45%,#0B1225 70%,#070D1C 100%);position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.page-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%,rgba(201,168,76,0.06) 0%,transparent 65%);pointer-events:none}
.page-banner::after{content:'';position:absolute;top:0;left:-100%;width:45%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(201,168,76,0.07) 50%,transparent 70%);animation:bannerShimmer 2.2s cubic-bezier(0.4,0,0.2,1) 0.2s forwards;pointer-events:none}
.page-banner .eyebrow{font-family:'Cinzel',serif;font-size:0.65rem;letter-spacing:0.38em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem;font-weight:400;animation:fadeSlideUp 0.8s ease-out 0.15s both;position:relative;z-index:1}
.page-banner h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.5rem,6vw,4.8rem);font-weight:300;letter-spacing:0.04em;line-height:1.1;animation:fadeSlideUp 1s cubic-bezier(0.22,1,0.36,1) 0.3s both;position:relative;z-index:1}
.page-banner-line{width:0;height:1px;background:var(--gold);margin:1.5rem auto 0;animation:goldLineGrow 0.8s ease-out 0.8s both;position:relative;z-index:1}

/* ===== Home hero ===== */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:0 4rem 4vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1C2E52 0%,#0D1830 45%,#070D1C 100%)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none;opacity:0;transform:scale(1.06);transition:opacity 1.6s cubic-bezier(0.4,0,0.2,1),transform 1.6s cubic-bezier(0.4,0,0.2,1)}
.hero-video.active{opacity:1;transform:scale(1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(rgba(7,13,28,0.55) 0%,rgba(7,13,28,0.08) 28%,rgba(7,13,28,0.08) 48%,rgba(7,13,28,0.78) 68%,rgba(7,13,28,0.96) 100%);z-index:3}
.hero-content{position:relative;z-index:4;width:100%;text-align:center;animation:heroFadeUp 1.3s cubic-bezier(0.22,1,0.36,1) 0.3s both}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4.5vw,4rem);font-weight:300;line-height:1.04;letter-spacing:0.02em;margin-bottom:1.4rem;color:#e8dfc8}
.hero-title em{font-style:italic;color:var(--gold-light);letter-spacing:0.22em;text-shadow:0 2px 32px rgba(201,168,76,0.45)}
.hero-tagline{color:rgba(237,242,255,0.82);opacity:0.88;font-size:0.55em;letter-spacing:0.18em}
.tagline-break{display:none}
.tagline-gap{display:inline}

/* ===== About ===== */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1100px;margin:0 auto}
.about-visual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.about-stat{border:1px solid var(--border);padding:2rem 1.5rem;text-align:center;background:var(--dark-3)}
.about-stat .num{font-family:'Cormorant Garamond',serif;font-size:2.5rem;color:var(--gold);display:block;line-height:1}
.about-stat .label{font-family:'Cinzel',serif;font-size:0.62rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-muted);margin-top:0.5rem;display:block}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:3rem auto 0}
.value-card{background:var(--dark-3);border:1px solid var(--border);padding:2.5rem 2rem;text-align:center}
.value-card .vc-icon{font-size:1.5rem;color:var(--gold);display:block;margin-bottom:1rem}
.value-card h3{font-family:'Cormorant Garamond',serif;font-size:1.55rem;font-weight:400;margin-bottom:0.75rem}
.value-card p{font-size:0.95rem;color:var(--text-muted);line-height:1.9}

/* ===== Products ===== */
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;max-width:1100px;margin-left:auto;margin-right:auto}
.product-card{background:var(--dark-3);border:1px solid var(--border);padding:2.5rem 2rem;position:relative;transition:border-color 0.3s}
.product-card:hover{border-color:var(--gold)}
.product-card::before{content:'\25C7';position:absolute;top:1.5rem;right:1.5rem;color:var(--gold);font-size:1rem;opacity:0.5}
.product-card h3{font-family:'Cormorant Garamond',serif;font-size:1.65rem;font-weight:400;margin-bottom:0.75rem;color:var(--text)}
.product-card p{font-size:0.95rem;color:var(--text-muted);line-height:1.9}
.product-tag{display:inline-block;font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);border:1px solid var(--border);padding:0.3rem 0.75rem;margin-top:1.25rem}

/* ===== Shape Cards (Products Page) ===== */
.shape-section{padding:5rem 4rem;background:var(--dark)}
.shape-intro{text-align:center;max-width:620px;margin:0 auto 4rem}
.shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1340px;margin:0 auto}
.shape-card{background:var(--dark-2);border:1px solid rgba(201,168,76,0.48);display:flex;flex-direction:column;transition:border-color 0.35s,transform 0.35s;position:relative;overflow:hidden}
.shape-card::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,0.07) 0%,transparent 60%);opacity:0;transition:opacity 0.4s;pointer-events:none}
.shape-card:hover{border-color:var(--gold);transform:translateY(-5px)}
.shape-card:hover::after{opacity:1}
.shape-icon{display:flex;align-items:center;justify-content:center;height:118px;padding:0.75rem 1.5rem;border-bottom:1px solid rgba(201,168,76,0.48)}
.dshape-svg{max-height:82px;max-width:120px;width:auto;height:auto;color:var(--gold);filter:drop-shadow(0 0 7px rgba(201,168,76,0.28))}
.shape-body{padding:1.5rem 1.5rem;display:flex;flex-direction:column;flex:1}
.shape-name{font-family:'Cinzel',serif;font-size:0.82rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--text);font-weight:400;margin-bottom:0.25rem}
.shape-tag{font-family:'Cormorant Garamond',serif;font-size:0.98rem;font-style:italic;color:var(--gold);margin-bottom:0.85rem;font-weight:300}
.shape-desc{font-size:0.8rem;color:var(--text-muted);line-height:1.88;margin-bottom:1.1rem;flex:1}
.shape-specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(201,168,76,0.48);padding-top:0.85rem;margin-bottom:1.35rem;gap:0.25rem}
.shape-spec{text-align:center}
.shape-spec-val{font-family:'Cormorant Garamond',serif;font-size:0.95rem;font-weight:400;color:var(--text);display:block;line-height:1.15}
.shape-spec-lbl{font-family:'Cinzel',serif;font-size:0.44rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-muted);display:block;margin-top:0.18rem}
.shape-btn{display:block;text-align:center;padding:0.68rem 0.5rem;border:1px solid rgba(201,168,76,0.4);color:var(--gold);text-decoration:none;font-family:'Cinzel',serif;font-size:0.52rem;letter-spacing:0.22em;text-transform:uppercase;transition:all 0.3s;background:transparent;cursor:pointer;font-weight:400}
.shape-btn:hover{border-color:var(--gold);background:var(--gold);color:var(--dark)}
.also-section{padding:5rem 4rem;background:var(--dark-2)}
.also-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1340px;margin:2.5rem auto 0}
.also-card{background:var(--dark-3);border:1px solid var(--border);padding:2rem 1.75rem;transition:border-color 0.3s,transform 0.3s;position:relative}
.also-card::before{content:'\25C7';position:absolute;top:1.25rem;right:1.25rem;color:var(--gold);font-size:0.85rem;opacity:0.42}
.also-card:hover{border-color:var(--gold);transform:translateY(-3px)}
.also-card h3{font-family:'Cormorant Garamond',serif;font-size:1.42rem;font-weight:400;color:var(--text);margin-bottom:0.6rem}
.also-card p{font-size:0.82rem;color:var(--text-muted);line-height:1.88;margin-bottom:1.2rem}
.also-tag{display:inline-block;font-family:'Cinzel',serif;font-size:0.5rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,168,76,0.35);padding:0.25rem 0.6rem}
.section-light.also-section{background:#EEF3FF}
.section-light .also-card{background:#fff;border-color:rgba(26,58,122,0.18)}
.section-light .also-card::before{color:#1A3A7A;opacity:0.5}
.section-light .also-card:hover{border-color:var(--gold)}
.section-light .also-card h3{color:#1A3A7A}
.section-light .also-card p{color:#2D4272}
.section-light .also-tag{color:#1A3A7A;border-color:rgba(26,58,122,0.3)}

/* ===== Process ===== */
.process-section{background:var(--dark-2)}
.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:3.5rem;position:relative;max-width:1100px;margin-left:auto;margin-right:auto}
.process-steps::before{content:'';position:absolute;top:1.25rem;left:10%;right:10%;height:1px;background:var(--border)}
.step{text-align:center;padding:0 1.5rem;position:relative}
.step-num{width:2.5rem;height:2.5rem;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--gold);background:var(--dark-2);position:relative;z-index:1}
.step h4{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:400;margin-bottom:0.5rem}
.step p{font-size:0.9rem;color:var(--text-muted);line-height:1.85}

/* ===== Process Page — Full Design ===== */
.process-timeline-section{padding:6rem 4rem;background:var(--dark)}
.process-timeline{max-width:980px;margin:0 auto;position:relative}
.process-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--gold) 6%,var(--gold) 94%,transparent);transform:translateX(-50%);z-index:0}

.pt-row{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;margin-bottom:7rem}
.pt-row:last-child{margin-bottom:0}

.pt-node{width:54px;height:54px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:1.15rem;color:var(--gold);background:var(--dark);position:relative;z-index:1;margin:0 auto}

.pt-row.row-left .pt-content{text-align:right;padding-right:3.5rem}
.pt-row.row-left .pt-step-body{margin-left:auto}
.pt-row.row-left .pt-step-callout{margin-left:auto}
.pt-row.row-right .pt-content{text-align:left;padding-left:3.5rem}

.pt-img-frame{display:flex;align-items:center}
.pt-row.row-left .pt-img-frame{padding-left:3.5rem}
.pt-row.row-right .pt-img-frame{padding-right:3.5rem}
.pt-img-box{flex:1;aspect-ratio:3/2;border:1px solid rgba(201,168,76,0.28);background:rgba(201,168,76,0.03);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0.75rem;position:relative;overflow:hidden}
.pt-img-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pt-img-box::before{content:'';position:absolute;inset:10px;border:1px dashed rgba(201,168,76,0.14);pointer-events:none}

/* Scroll reveal animations */
.pt-anim-left,.pt-anim-right,.pt-anim-up{transition:opacity 0.85s ease,transform 0.85s cubic-bezier(0.22,1,0.36,1)}
.pt-anim-scale{transition:opacity 0.65s ease,transform 0.65s cubic-bezier(0.34,1.56,0.64,1)}
.pt-anim-left{opacity:0;transform:translateX(-58px)}
.pt-anim-right{opacity:0;transform:translateX(58px)}
.pt-anim-up{opacity:0;transform:translateY(38px)}
.pt-anim-scale{opacity:0;transform:scale(0.58)}
.pt-anim-left.in-view,.pt-anim-right.in-view,.pt-anim-up.in-view,.pt-anim-scale.in-view{opacity:1;transform:none}

.pt-step-label{font-family:'Cinzel',serif;font-size:0.6rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);margin-bottom:0.65rem}
.pt-step-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:400;line-height:1.15;margin-bottom:0.9rem}
.pt-step-body{font-size:0.85rem;color:var(--text-muted);line-height:1.9;max-width:380px}
.pt-step-callout{display:inline-block;margin-top:1.25rem;border:1px solid var(--border);padding:0.85rem 1.25rem;background:var(--dark-2);max-width:340px;width:100%}
.pt-callout-label{display:block;font-family:'Cinzel',serif;font-size:0.55rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:0.25rem}
.pt-callout-value{font-size:0.8rem;color:var(--text)}

/* Stats strip */
.process-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--dark-3);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.pstat{padding:3rem 2rem;text-align:center;border-right:1px solid var(--border)}
.pstat:last-child{border-right:none}
.pstat-num{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,4vw,3.5rem);color:var(--gold);line-height:1;display:block;margin-bottom:0.5rem}
.pstat-label{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-muted)}

/* Certifications */
.process-certs-section{padding:6rem 4rem;background:var(--dark-2)}
.certs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;max-width:1100px;margin:0 auto;background:var(--border)}
.cert-card{background:var(--dark-2);padding:2.5rem 2rem;text-align:center;transition:background 0.3s}
.cert-card:hover{background:var(--dark-3)}
.cert-icon{font-family:'Cinzel',serif;font-size:1rem;letter-spacing:0.1em;color:var(--gold);width:60px;height:60px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}
.cert-name{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:400;margin-bottom:0.75rem;line-height:1.35}
.cert-desc{font-size:0.8rem;color:var(--text-muted);line-height:1.85}

/* ===== About Page — Founders ===== */
.founders-section{background:var(--dark);padding:6rem 4rem}
.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;max-width:960px;margin:3.5rem auto 0}
.founder-card{border:1px solid var(--border);background:var(--dark-2);overflow:hidden}
.founder-photo{width:100%;aspect-ratio:4/5;background:var(--dark-3);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);overflow:hidden;position:relative}
.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.founder-photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%}
.founder-photo-placeholder .fp-diamond{width:48px;height:48px;border:1px solid var(--gold);transform:rotate(45deg);opacity:0.3}
.founder-photo-placeholder span{font-family:'Cinzel',serif;font-size:0.55rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--text-muted);opacity:0.5}
.founder-card-body{padding:2rem 2rem 2.5rem}
.founder-role{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold);margin-bottom:0.65rem}
.founder-name{font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-weight:400;line-height:1.15;margin-bottom:0.5rem}
.founder-divider{width:30px;height:1px;background:var(--gold);margin:1rem 0}
.founder-bio{font-size:0.85rem;color:var(--text-muted);line-height:1.9}

/* ===== Testimonials ===== */
.testimonials-section{background:var(--dark-3);padding:6rem 4rem}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:3.5rem auto 0}
.testimonial-card{background:var(--dark-2);border:1px solid var(--border);padding:2.5rem 2rem;position:relative}
.testimonial-card::before{content:'\201C';font-family:'Cormorant Garamond',serif;font-size:5rem;color:var(--gold);opacity:0.18;position:absolute;top:0.75rem;left:1.5rem;line-height:1;pointer-events:none}
.testimonial-stars{display:flex;gap:0.2rem;margin-bottom:1.5rem}
.testimonial-stars span{color:var(--gold);font-size:0.7rem}
.testimonial-text{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:400;line-height:1.8;color:var(--text);margin-bottom:1.75rem;font-style:italic}
.testimonial-footer{display:flex;align-items:center;gap:0.85rem;border-top:1px solid var(--border);padding-top:1.25rem}
.testimonial-diamond{width:7px;height:7px;background:var(--gold);transform:rotate(45deg);flex-shrink:0}
.testimonial-author-name{font-family:'Cinzel',serif;font-size:0.6rem;letter-spacing:0.15em;color:var(--text);display:block;margin-bottom:0.2rem}
.testimonial-author-co{font-size:0.75rem;color:var(--text-muted)}

/* ===== Contact ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;align-items:start;max-width:1100px;margin:0 auto}
.contact-info{display:flex;flex-direction:column;gap:2rem}
.contact-item .ci-label{font-family:'Cinzel',serif;font-size:0.62rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:0.3rem;font-weight:400}
.contact-item .ci-val{font-size:1rem;color:var(--text-muted)}
.contact-form{display:flex;flex-direction:column;gap:1rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-form input,.contact-form select,.contact-form textarea{background:var(--dark-3);border:1px solid var(--border);color:var(--text);padding:0.9rem 1rem;font-family:'Raleway',sans-serif;font-size:0.9rem;font-weight:400;outline:none;width:100%;transition:border-color 0.3s;-webkit-appearance:none;appearance:none;border-radius:0}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}
.contact-form select option{background:var(--dark-3)}
.contact-form textarea{height:120px;resize:none}
.form-success{border:1px solid var(--border);padding:3rem;text-align:center;display:none}
.form-success.show{display:block}
.form-success .diamond-mark{font-size:2rem;color:var(--gold);display:block;margin-bottom:1rem}
.form-success h3{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:300;margin-bottom:1rem}
.form-success p{color:var(--text-muted);font-size:0.98rem;line-height:1.9}

/* ===== Footer ===== */
.site-footer{background:var(--dark-2);border-top:1px solid var(--border);padding:3rem 4rem 1.5rem}
.footer-main{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.4fr;gap:2.5rem;max-width:1300px;margin:0 auto;align-items:start}
.footer-brand{text-align:left}
.footer-logo{text-decoration:none;display:flex;justify-content:flex-start;margin-bottom:1rem}
.footer-logo img{height:95px;width:auto;display:block;filter:invert(1) brightness(6) contrast(4)}
.footer-socials{display:flex;gap:0.5rem;justify-content:flex-start;margin-top:0.5rem}
.footer-social{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;color:var(--text-muted);text-decoration:none;transition:color 0.25s,border-color 0.25s}
.footer-social:hover{color:var(--gold);border-color:var(--gold)}
.footer-social svg{width:13px;height:13px}
.footer-heading{font-family:'Montserrat',sans-serif;font-size:0.7rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--text);margin-bottom:1.1rem;font-weight:600}
.footer-links{list-style:none}
.footer-links li{margin-bottom:0.55rem}
.footer-links a{font-size:0.78rem;letter-spacing:0.04em;color:var(--text-muted);text-decoration:none;transition:color 0.2s}
.footer-links a:hover{color:var(--gold-light)}
.footer-contact-list{list-style:none}
.footer-contact-list li{display:flex;align-items:flex-start;gap:0.55rem;margin-bottom:0.75rem;font-size:0.78rem;letter-spacing:0.03em;color:var(--text-muted);line-height:1.6}
.footer-contact-list a{color:var(--text-muted);text-decoration:none;transition:color 0.2s}
.footer-contact-list a:hover{color:var(--gold-light)}
.footer-ci{width:15px;height:15px;flex-shrink:0;margin-top:2px;stroke:var(--gold)}
.footer-addr-label{font-style:normal;font-family:'Cinzel',serif;font-size:0.62rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:0.15rem;font-weight:400}
.footer-email-link{color:inherit;text-decoration:none;position:relative;transition:color 0.3s}
.footer-email-link::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1)}
.footer-email-link:hover{color:var(--gold)}
.footer-email-link:hover::after{transform:scaleX(1)}
.footer-divider{height:1px;background:var(--border);max-width:1300px;margin:2rem auto 1.5rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.75rem;max-width:1300px;margin:0 auto;font-size:0.58rem;letter-spacing:0.1em;color:var(--text-muted)}
.footer-certs{display:flex;align-items:center;gap:0.5rem}
.footer-certs span{padding:0.25rem 0.75rem;border:1px solid var(--border);border-radius:2px;white-space:nowrap}
.footer-legal{display:flex;gap:0.6rem;align-items:center}
.footer-legal a{color:var(--text-muted);text-decoration:none;transition:color 0.2s}
.footer-legal a:hover{color:var(--gold-light)}
.footer-legal .dot{opacity:0.35}
.footer-credit{text-align:center;font-size:0.58rem;color:var(--text-muted);letter-spacing:0.08em;margin-top:1rem;opacity:0.5}

/* ===== Global image safety ===== */
img{max-width:100%;height:auto}

/* ===== Responsive / Mobile ===== */

/* ── Tablet (≤900px) ── */
@media (max-width: 900px){
  /* Nav — 3-column grid: [gap | logo centered | toggle] */
  nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0.4rem 1.5rem}
  .nav-logo{grid-column:2;display:flex;justify-content:center;align-items:center}
  .nav-logo img{height:84px}
  .nav-toggle{grid-column:3;display:flex;align-items:center;justify-content:center;padding:0.5rem;font-size:1.4rem;line-height:1;min-width:44px;min-height:44px;justify-self:end}
  .nav-links{grid-column:1 / -1;display:none;flex-direction:column;width:100%;gap:0;padding:0.5rem 0 1rem;align-items:stretch;border-top:1px solid var(--border);margin-top:0.2rem}
  .nav-links.open{display:flex}
  .nav-links li{border-bottom:1px solid rgba(201,168,76,0.08)}
  .nav-links a{font-size:0.72rem;padding:0.9rem 0.25rem;letter-spacing:0.16em;min-height:44px;display:flex;align-items:center}

  /* Hero — mobileimage background, text centred in white circle */
  .hero-video{display:none}
  .hero{padding:0;background-image:url('img/mobileimage.jpeg');background-color:#fff;background-size:100% auto;background-position:center center;justify-content:center;align-items:center;min-height:100vw}
  .hero-overlay{background:transparent}
  .hero-content{max-width:52vw;text-align:center}
  .hero-title{font-size:clamp(1.1rem,5vw,2rem);color:#0B1225;margin-bottom:0.3rem;line-height:1.15}
  .hero-title em{letter-spacing:0.12em;text-shadow:0 2px 14px rgba(201,168,76,0.2)}
  .hero-tagline{color:#08163A;opacity:1;font-size:0.44em;letter-spacing:0.04em;line-height:1.5;font-weight:500;text-shadow:0 0 10px rgba(255,255,255,1),0 0 20px rgba(255,255,255,0.9),0 1px 3px rgba(255,255,255,0.8)}
  .tagline-break{display:inline}
  .tagline-gap{display:none}

  /* Page banner */
  .page-banner{padding:7rem 2rem 3rem;min-height:40vh}

  /* Generic sections */
  section{padding:4rem 1.5rem}

  /* Grids */
  .about-grid{grid-template-columns:1fr;gap:2.5rem}
  .about-visual{grid-template-columns:1fr 1fr}
  .values-grid{grid-template-columns:repeat(3,1fr);gap:1rem}
  .products-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
  .shape-grid,.also-grid{grid-template-columns:repeat(2,1fr)}
  .shape-section,.also-section{padding:4rem 2rem}
  .shape-card:hover,.also-card:hover,.product-card:hover{transform:none}
  .shape-card:hover::after{opacity:0}
  .contact-grid{grid-template-columns:1fr;gap:2.5rem}
  .founders-section{padding:4rem 2rem}
  .testimonials-section{padding:4rem 2rem}
  .testimonials-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .testimonial-card:last-child{grid-column:1/3}
  .process-steps{grid-template-columns:1fr 1fr 1fr;gap:2.5rem}
  .process-steps::before{display:none}
  /* Process page timeline — tablet */
  .process-timeline-section{padding:4rem 2rem}
  .process-certs-section{padding:4rem 2rem}
  .pt-row{grid-template-columns:1fr 64px 1fr;margin-bottom:4.5rem}
  .pt-row.row-left .pt-content{padding-right:2rem}
  .pt-row.row-right .pt-content{padding-left:2rem}
  .pt-row.row-left .pt-img-frame{padding-left:2rem}
  .pt-row.row-right .pt-img-frame{padding-right:2rem}
  .process-stats-strip{grid-template-columns:1fr 1fr}
  .pstat{border-bottom:1px solid var(--border)}
  .pstat:nth-child(2){border-right:none}
  .pstat:nth-child(3){border-bottom:none}
  .pstat:last-child{border-right:none;border-bottom:none}
  .certs-grid{grid-template-columns:1fr 1fr}

  /* Cards */
  .product-card,.value-card{padding:2rem 1.5rem}
  .about-stat{padding:1.5rem 1rem}

  /* Form */
  .form-row{grid-template-columns:1fr}
  .contact-form input,.contact-form select,.contact-form textarea{min-height:48px;font-size:1rem;padding:0.85rem 1rem}

  /* Footer */
  .site-footer{padding:2.5rem 1.5rem 1.5rem}
  .footer-main{grid-template-columns:1fr 1fr;gap:2rem}
  .footer-brand{grid-column:1 / 3}
  .footer-col:last-child{grid-column:1 / 3}
  .footer-logo img{height:80px}
  .footer-bottom{flex-direction:column;text-align:center;gap:0.75rem}
  .footer-certs{flex-wrap:wrap;justify-content:center}
}

/* ── Mobile (≤600px) ── */
@media (max-width: 600px){
  /* Nav */
  nav{padding:0.3rem 1.25rem;grid-template-columns:40px 1fr 40px}
  .nav-logo img{height:70px}
  .nav-toggle{font-size:1.3rem;min-width:40px;min-height:40px}

  /* Hero — tighter sizing for small phones */
  .hero{min-height:100vw}
  .hero-content{max-width:54vw}
  .hero-title{font-size:clamp(0.85rem,5.5vw,1.6rem);line-height:1.15;margin-bottom:0.25rem}
  .hero-title em{letter-spacing:0.07em}
  .hero-tagline{font-size:0.46em;letter-spacing:0.03em}


  /* Page banner */
  .page-banner{padding:6rem 1.25rem 2.5rem;min-height:32vh}
  .page-banner .eyebrow{letter-spacing:0.2em}
  .page-banner h1{font-size:clamp(1.8rem,9vw,3rem)}

  /* Section typography */
  section{padding:3.5rem 1.25rem}
  .section-title{font-size:clamp(1.8rem,8vw,3rem)}
  .section-label{letter-spacing:0.18em}
  .section-body{font-size:0.95rem}

  /* Button – comfortable touch target */
  .btn-gold{display:flex;align-items:center;justify-content:center;width:100%;max-width:300px;margin-left:auto;margin-right:auto;min-height:52px;padding:0.9rem 1.5rem;letter-spacing:0.18em;font-size:0.65rem}

  /* Grids → single column */
  .values-grid,.products-grid{grid-template-columns:1fr;gap:1rem}
  .shape-grid{grid-template-columns:1fr}
  .also-grid{grid-template-columns:1fr 1fr}
  .also-card{padding:1.5rem 1rem}
  .shape-section,.also-section{padding:3rem 1.25rem}
  .about-visual{grid-template-columns:1fr 1fr}
  .process-steps{grid-template-columns:1fr;gap:1.75rem}
  .founders-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}
  .founders-section{padding:3.5rem 1.25rem}
  .testimonials-grid{grid-template-columns:1fr}
  .testimonial-card:last-child{grid-column:auto}
  .testimonials-section{padding:3.5rem 1.25rem}
  /* Process page timeline — mobile */
  .process-timeline-section{padding:3.5rem 1.25rem}
  .process-certs-section{padding:3.5rem 1.25rem}
  .process-timeline::before{left:20px;transform:none}
  .pt-row{grid-template-columns:44px 1fr;margin-bottom:3rem}
  .pt-node{width:40px;height:40px;font-size:0.95rem;margin:0}
  .pt-img-frame{display:none}
  .pt-row.row-left .pt-content{order:1;text-align:left;padding-right:0;padding-left:1.25rem}
  .pt-row.row-left .pt-node{order:0}
  .pt-row.row-left .pt-step-body,.pt-row.row-left .pt-step-callout{margin-left:0}
  .pt-row.row-right .pt-content{text-align:left;padding-left:1.25rem}
  .pt-row.row-right .pt-node{order:0}
  .pt-row.row-right .pt-content{order:1}
  .process-stats-strip{grid-template-columns:1fr 1fr}
  .certs-grid{grid-template-columns:1fr}

  /* Contact */
  .contact-info{gap:1.5rem}
  .contact-form textarea{height:100px}

  /* Process step */
  .step{padding:0 0.25rem}

  /* Footer – full single column */
  .site-footer{padding:2rem 1.25rem 1.25rem}
  .footer-main{grid-template-columns:1fr;gap:1.75rem}
  .footer-brand{grid-column:auto;text-align:left}
  .footer-logo{justify-content:flex-start}
  .footer-col:last-child{grid-column:auto}
  .footer-logo img{height:72px}
  .footer-bottom{gap:1rem;font-size:0.6rem}
  .footer-heading{letter-spacing:0.22em}
}

/* ── Small phones (≤400px) ── */
@media (max-width: 400px){
  nav{padding:0.3rem 1rem;grid-template-columns:36px 1fr 36px}
  .nav-logo img{height:60px}
  .nav-toggle{min-width:36px;min-height:36px}
  section{padding:3rem 1rem}
  .hero{padding:0}
  .hero-title{font-size:clamp(0.75rem,5vw,1.3rem);margin-bottom:0.25rem}
  .shape-grid,.also-grid{grid-template-columns:1fr}
  .about-stat{padding:1.25rem 0.75rem}
  .about-stat .num{font-size:2rem}
  .product-card,.value-card{padding:1.75rem 1.25rem}
  .site-footer{padding:2.5rem 1rem 1.5rem}
  .footer-main{gap:1.75rem}
  .section-label{letter-spacing:0.14em;font-size:0.6rem}
  .btn-gold{letter-spacing:0.14em}
}

/* ── Landscape phones (short viewport) ── */
@media (max-height: 500px) and (max-width: 900px){
  .hero{padding:0;background-size:cover;min-height:100svh;justify-content:center;align-items:center}
  .hero-title{font-size:clamp(1.2rem,4.5vh,2rem);margin-bottom:0.5rem;line-height:1.1}
  .hero-tagline{font-size:0.44em;letter-spacing:0.04em}
  .page-banner{min-height:auto;padding:5rem 2rem 2rem}
}