/*
Theme Name: SSS Group Holdings
Theme URI: https://sssgroupholdings.com/
Author: SSS Group Holdings LLC
Description: Premium black and gold corporate website for SSS Group Holdings LLC.
Version: 1.0.0
Text Domain: sss-group-holdings
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--gold:#d4af37;--gold2:#f1d27a;--black:#070707;--char:#121212;--silver:#c0c0c0;--white:#f6f5f1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:82px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;padding:0 5vw;background:rgba(7,7,7,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.18)}.logo{display:flex;align-items:center;gap:12px;margin-right:auto}.logo-shield{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--gold);color:var(--gold);font-family:"Space Grotesk";font-weight:700;font-size:20px;clip-path:polygon(50% 0,100% 20%,100% 70%,50% 100%,0 70%,0 20%);background:#0c0c0c}.logo span:last-child{display:flex;flex-direction:column}.logo b{font-size:14px;letter-spacing:.08em}.logo small{font-size:8px;letter-spacing:.28em;color:var(--gold);margin-top:4px}.header nav{display:flex;gap:32px;margin-right:34px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.header nav a:hover{color:var(--gold)}.gold-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--gold);color:#090909;padding:15px 21px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:0;cursor:pointer}.gold-btn span{font-size:17px}.menu{display:none;background:none;color:white;border:0;font-size:24px}
.hero{min-height:850px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,0,0,.82) 48%,rgba(0,0,0,.35)),url("https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?auto=format&fit=crop&w=2200&q=85") center/cover}.grain{position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:2;width:min(1180px,90%);margin:auto;padding-top:90px}.eyebrow,.section-label{color:var(--gold);font-size:10px;letter-spacing:.27em;font-weight:800}.hero h1{font-family:"Space Grotesk";font-size:clamp(48px,7vw,90px);line-height:.99;letter-spacing:-.055em;max-width:920px;margin:24px 0 30px}.hero h1 em,.section h2 span,.vision h2 em{font-style:normal;color:var(--gold)}.hero p{max-width:610px;color:#c4c4c4;line-height:1.8;font-size:16px}.actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.line-btn{border:1px solid rgba(212,175,55,.55);padding:14px 21px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-strip{position:absolute;bottom:0;left:0;right:0;z-index:3;border-top:1px solid rgba(212,175,55,.3);display:flex;padding-left:5vw}.hero-strip div{padding:22px 42px 22px 0;margin-right:42px;border-right:1px solid rgba(212,175,55,.18);display:flex;gap:9px;flex-direction:column}.hero-strip strong{font-family:"Space Grotesk";color:var(--gold);font-size:12px}.hero-strip span{font-size:9px;letter-spacing:.18em;color:#a7a7a7}
.section{padding:125px 5vw;max-width:1400px;margin:auto}.about{background:#090909}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;margin-top:55px}.section h2{font-family:"Space Grotesk";font-size:clamp(40px,5.5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:0}.copy{color:#a7a7a7;font-size:16px;line-height:1.9;padding-top:10px}.mini-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.mini-values div{border-top:1px solid #2b2b2b;padding-top:16px}.mini-values b{display:block;color:var(--gold);font-size:10px;letter-spacing:.15em}.mini-values span{display:block;font-size:10px;margin-top:7px;color:#777}
.businesses{background:#0e0e0e}.section-head,.values-title{display:flex;justify-content:space-between;gap:70px;align-items:end;margin:30px 0 55px}.section-head>p,.values-title>p{max-width:390px;color:#858585;line-height:1.8;font-size:13px}.business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2a2a2a}.business-grid article{background:#0e0e0e;min-height:330px;padding:28px;position:relative;border:1px solid transparent;transition:.25s}.business-grid article:hover{border-color:var(--gold);background:#131313}.number{font-size:10px;color:#666}.icon{font-size:35px;color:var(--gold);margin-top:65px}.business-grid h3{font-family:"Space Grotesk";font-size:23px;margin:18px 0 10px}.business-grid p{color:#777;font-size:12px;line-height:1.6}.business-grid a{position:absolute;bottom:27px;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.values{background:#070707}.value-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#252525;margin-top:55px}.value-grid>div{background:#070707;padding:32px 25px;min-height:220px}.value-icon{font-size:31px;color:var(--gold)}.value-grid h3{font-family:"Space Grotesk";font-size:17px;margin:35px 0 8px}.value-grid p{font-size:11px;color:#777;line-height:1.6}.vision{padding:105px 10vw;background:linear-gradient(105deg,#16130a,#070707 55%);border-top:1px solid rgba(212,175,55,.3);border-bottom:1px solid rgba(212,175,55,.2);display:flex;align-items:center;gap:60px}.vision-mark{width:115px;height:115px;flex:none;display:grid;place-items:center;border:3px solid var(--gold);clip-path:polygon(50% 0,100% 25%,90% 78%,50% 100%,10% 78%,0 25%);font:700 55px "Space Grotesk";color:var(--gold)}.vision h2{font-size:clamp(40px,5vw,65px);margin:15px 0}.vision p{max-width:550px;color:#8e8e8e;line-height:1.8}.contact{background:#f0eee8;color:#0b0b0b;max-width:none}.contact-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact .section-label{color:#7c5c08}.contact h2{margin:25px 0}.contact p{color:#666;line-height:1.8;max-width:520px}.details{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px}.details div{border-top:1px solid #ccc;padding-top:12px}.details small{display:block;color:#8a8a8a;font-size:8px;letter-spacing:.18em}.details b{display:block;font-size:12px;margin-top:8px}.contact form{background:#fff;padding:35px;border:1px solid #ddd}.contact label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}.contact input,.contact textarea{width:100%;display:block;margin-top:8px;border:1px solid #d5d5d5;padding:13px;font:inherit;outline:none}.contact input:focus,.contact textarea:focus{border-color:var(--gold)}.contact form .gold-btn{width:100%;margin-top:4px}
footer{background:#050505;border-top:1px solid #222;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between}footer p{font-size:9px;color:#666;letter-spacing:.08em}.menu{display:none}
@media(max-width:850px){.header{padding:0 20px}.header nav,.header>.gold-btn{display:none}.menu{display:block}.header.open nav{display:flex;position:absolute;top:82px;left:0;right:0;background:#080808;padding:25px;flex-direction:column;gap:20px;border-bottom:1px solid #292929}.header.open>.gold-btn{display:flex;position:absolute;top:285px;left:25px;right:25px}.hero{min-height:760px}.hero-content{width:90%;padding-top:100px}.hero-strip{display:none}.section{padding:85px 7%}.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.section-head,.values-title{display:block}.section-head>p,.values-title>p{margin-top:25px}.business-grid{grid-template-columns:1fr 1fr}.value-grid{grid-template-columns:1fr 1fr}.vision{padding:75px 7%;align-items:flex-start;gap:30px}.vision-mark{width:75px;height:75px;font-size:35px}.details{grid-template-columns:1fr}footer{flex-direction:column;gap:20px;align-items:flex-start}}
@media(max-width:520px){.business-grid,.value-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.actions>*{width:100%}.vision{display:block}.vision-mark{margin-bottom:30px}}

/* Contact form security/status messaging */
.form-notice {
    margin: 0 0 1rem;
    padding: .85rem 1rem;
    border: 1px solid currentColor;
    font-size: .9rem;
}
.form-success { color: #5d7a24; }
.form-error { color: #9a2f2f; }