/* full-screen snap sections (Home/About behavior) */
html{scroll-snap-type:y proximity}
section{scroll-snap-align:start}
section:not(.banner){min-height:100vh;display:flex;align-items:center}
@media(max-width:1000px){html{scroll-snap-type:none}section:not(.banner){min-height:0;display:block}}
/* solar mms specifics */
.rare-hero{display:flex;align-items:center;gap:16px;margin-bottom:22px;opacity:0;animation:bnup .8s .25s forwards}
.rare-hero img{height:64px;width:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}
.rare-hero .rt{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#C6CAD1}
.rare-hero .rt b{display:block;color:var(--gold-3);font-family:'Sora',sans-serif;font-size:15px;letter-spacing:.08em;margin-top:2px}
.explain{padding:100px 0}
.explain .box{background:var(--glass);backdrop-filter:blur(14px);border:1.5px solid var(--brd-gold);border-left:4px solid var(--gold);border-radius:20px;box-shadow:var(--shadow);padding:40px 44px;max-width:900px;margin:0 auto;text-align:center}
.explain .box .q{font-family:'Sora',sans-serif;font-size:20px;font-weight:700;color:var(--gold-deep);margin-bottom:14px}
.explain .box p{color:var(--ink-2);font-size:16.5px}
.dcap{padding:90px 0;background:var(--char);color:#E4E7EB;overflow:hidden}
.dcap::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M0 43.5H44M43.5 0V44' stroke='%23FFFFFF' stroke-opacity='.04'/%3E%3C/svg%3E");pointer-events:none}
.dcap .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.dcap .c{border:1.5px solid rgba(255,255,255,.12);border-radius:22px;padding:40px 38px;background:rgba(255,255,255,.03);transition:.3s}
.dcap .c:hover{border-color:var(--brd-gold);background:rgba(201,162,39,.06)}
.dcap .c .big{font-family:'Sora',sans-serif;font-size:clamp(40px,5vw,68px);font-weight:800;background:linear-gradient(120deg,var(--gold-3),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.dcap .c .big span{font-size:.36em;color:#A9AEB6;-webkit-text-fill-color:#A9AEB6;margin-left:6px}
.dcap .c h3{color:#F2F0EA;font-size:18px;margin:12px 0 6px}
.dcap .c p{color:#A9AEB6;font-size:14px}
/* RARE brand showcase */
.brandshow{padding:104px 0;background:radial-gradient(ellipse 62% 70% at 50% 46%,rgba(201,162,39,.14),transparent 66%),linear-gradient(180deg,#FBFAF7,var(--bg));overflow:hidden;text-align:center;border-bottom:1px solid rgba(201,162,39,.14)}
.brandshow .glowwrap{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}
.brandshow .glowwrap::before{content:"";position:absolute;width:150%;height:150%;left:-25%;top:-25%;background:radial-gradient(circle,rgba(201,162,39,.28),transparent 62%);border-radius:50%;animation:glowpulse 6s ease-in-out infinite;pointer-events:none}
.brandshow .rays{position:absolute;width:132%;height:132%;left:-16%;top:-16%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 8deg,rgba(201,162,39,.12) 8deg 10deg,transparent 10deg 20deg);animation:spin 40s linear infinite;pointer-events:none;-webkit-mask:radial-gradient(circle,transparent 40%,#000 42%,#000 70%,transparent 72%);mask:radial-gradient(circle,transparent 40%,#000 42%,#000 70%,transparent 72%)}
@keyframes spin{to{transform:rotate(360deg)}}
.brandshow img{position:relative;z-index:2;width:min(320px,74vw);height:auto;filter:drop-shadow(0 20px 44px rgba(184,144,31,.35))}
.brandshow .bshead{position:relative;z-index:2;font-family:'Sora',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:34px}
.brandshow .bshead::before,.brandshow .bshead::after{content:"";display:inline-block;width:34px;height:2px;background:linear-gradient(90deg,var(--gold-3),var(--gold));vertical-align:middle;margin:0 14px}
.brandshow .bsline{position:relative;z-index:2;margin-top:26px;color:var(--ink-2);font-size:16.5px;max-width:600px;margin-left:auto;margin-right:auto}
.brandshow .bsline b{color:var(--gold-deep)}
/* purpose & importance */
.purpose{padding:110px 0;background:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(201,162,39,.07),transparent 60%),linear-gradient(180deg,#FBFAF7,var(--bg));border-top:1px solid rgba(201,162,39,.14)}
.pi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.picard{background:var(--glass);backdrop-filter:blur(14px);border:1.5px solid var(--brd-gold);border-radius:22px;box-shadow:var(--shadow);padding:38px 32px;transition:transform .3s,box-shadow .3s}
.picard:hover{transform:translateY(-8px);box-shadow:0 34px 70px -28px rgba(27,29,33,.32)}
.picard .ic{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,rgba(201,162,39,.2),rgba(201,162,39,.05));border:1.5px solid var(--brd-gold);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.picard .ic svg{width:28px;height:28px;stroke:var(--gold-deep);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.picard h4{font-size:18px;color:var(--ink);margin-bottom:10px}
.picard p{font-size:14px;color:var(--ink-2);line-height:1.6}
@media(max-width:1000px){.pi-grid{grid-template-columns:1fr}}
.prodchips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}
.prodchips .chip{background:var(--glass);backdrop-filter:blur(10px);border:1.5px solid var(--brd-gold);border-radius:100px;padding:12px 24px;font-family:'Sora',sans-serif;font-size:14.5px;font-weight:600;color:var(--gold-deep);transition:.3s}
.prodchips .chip:hover{transform:translateY(-4px);background:var(--gold-soft)}
/* Interactive 3D explorer embed (replaces the chips row) — full-bleed.
   .prod now has three stacked children, so it opts out of the page's
   horizontal section flex. */
.prod{flex-direction:column;justify-content:center;scroll-snap-align:none}
.prod-explorer{margin-top:8px;width:100%}
.prod-explorer iframe{display:block;width:100%;height:900px;border:0}
@media(max-width:1100px){.prod-explorer iframe{height:1520px}}
/* Raw material brands — same look as the About page "Other Brands" wall */
.pt-others{margin-top:48px;text-align:center}
.pt-others-label{display:flex;align-items:center;justify-content:center;gap:18px;font-size:12.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);margin-bottom:24px}
.pt-others-label::before,.pt-others-label::after{content:"";width:56px;height:1px;background:var(--brd-soft)}
.pt-wall{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;max-width:860px;margin:0 auto}
.pt-tile{flex:1 1 200px;background:var(--glass);backdrop-filter:blur(10px);border:1px solid var(--brd-soft);border-radius:18px;padding:28px 24px;font-family:'Sora',sans-serif;font-size:clamp(22px,2.6vw,30px);font-weight:700;color:var(--ink-2);letter-spacing:.03em;transition:transform .3s,border-color .3s,color .3s}
.pt-tile:hover{transform:translateY(-4px);border-color:var(--brd-gold);color:var(--ink)}
@media(max-width:640px){.pt-wall{gap:14px}.pt-tile{padding:20px 18px;flex:1 1 100%}.pt-others-label::before,.pt-others-label::after{width:32px}}
.zam{padding:110px 0;background:linear-gradient(180deg,#1b1d22,#111317);color:#E4E7EB;overflow:hidden}
.zam .wrap{position:relative;z-index:2}
.zam .eyebrow{color:var(--gold-3)}.zam .h2{color:#F2F0EA}.zam .lead{color:#A9AEB6}
.zam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:40px}
.zcard{background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 28px;transition:.3s}
.zcard:hover{transform:translateY(-8px);border-color:var(--brd-gold);background:rgba(201,162,39,.06)}
.zcard .ic{width:54px;height:54px;border-radius:13px;background:linear-gradient(135deg,rgba(201,162,39,.22),rgba(201,162,39,.05));border:1.5px solid var(--brd-gold);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.zcard .ic svg{width:26px;height:26px;stroke:var(--gold-3);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zcard h4{color:#F2F0EA;font-size:17px;margin-bottom:10px}
.zcard p{color:#A9AEB6;font-size:13.8px;line-height:1.55}
.spray{background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.1);border-radius:22px;padding:40px 44px}
.spray h3{color:#F2F0EA;font-size:20px;margin-bottom:6px}
.spray .sub{color:#A9AEB6;font-size:14px;margin-bottom:28px}
.bar{margin-bottom:22px}
.bar .lab{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:8px;gap:12px;flex-wrap:wrap}
.bar .lab b{font-family:'Sora',sans-serif;color:#F2F0EA}
.bar .lab .hrs{color:var(--gold-3);font-weight:600}
.bar .track{height:16px;border-radius:10px;background:rgba(255,255,255,.07);overflow:hidden}
.bar .fill{height:100%;border-radius:10px;transform-origin:left;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.bar.in .fill{transform:scaleX(var(--w))}
.bar .fill.zam{background:linear-gradient(90deg,var(--gold),var(--gold-3))}
.bar .fill.gal{background:linear-gradient(90deg,#6E747D,#9AA0A8)}
.spray .note{margin-top:6px;color:#A9AEB6;font-size:13px;font-style:italic}
.projects{padding:110px 0}
.proj-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.projcard{background:var(--glass);backdrop-filter:blur(12px);border:1.5px solid var(--brd-gold);border-radius:18px;padding:26px 24px;transition:.3s}
.projcard:hover{transform:translateY(-6px)}
.projcard .st{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 12px;border-radius:100px;display:inline-block;margin-bottom:16px}
.projcard .st.done{color:#3f7a4d;background:rgba(96,190,120,.18);border:1px solid rgba(96,190,120,.4)}
.projcard .st.live{color:#171204;background:linear-gradient(135deg,var(--gold-3),var(--gold))}
.projcard .mw{font-family:'Sora',sans-serif;font-size:30px;font-weight:700;color:var(--ink)}
.projcard .mw span{font-size:.5em;color:var(--ink-2);margin-left:4px}
.projcard .cl{font-size:13px;color:var(--ink-2);margin-top:8px}
@media(max-width:1000px){.dcap .wrap{grid-template-columns:1fr}.zam-grid{grid-template-columns:1fr}.proj-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.proj-grid{grid-template-columns:1fr}.explain .box,.spray{padding:30px 22px}.prodchips .chip{padding:10px 18px;font-size:13.5px}}
/* GALLERY-CAREERS-NAV-FIX */