:root{color:#c6c6c6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 5%,#2083f12e,#0000 34%),radial-gradient(circle at 90% 95%,#2083f11a,#0000 30%),#050505;min-height:100vh;margin:0}a{transition:all .2s}.page{gap:2.2rem;width:min(1140px,94vw);margin:2rem auto 3rem;display:grid}.hero-panel{background:#060606;border:1px solid #2b2b2b;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 26px 60px #00000073}.hero-panel:before{content:"SNOOP";color:#ffffff08;letter-spacing:.04em;font-size:clamp(5rem,14vw,11rem);font-weight:700;position:absolute;top:-.4rem;left:1.2rem}.topbar{z-index:2;background:#070707;border-bottom:1px solid #191919;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:relative}.brand-logo{object-fit:contain;cursor:pointer;width:132px;max-width:100%;height:auto}.nav-pills{gap:.6rem;display:flex}.nav-pills a{color:#ddd;background:#0f0f0f;border:1px solid #262626;border-radius:999px;padding:.4rem .75rem;font-size:.78rem;text-decoration:none}.nav-pills a:first-child{color:#050505;background:#fff;border-color:#fff}.chip{color:#f3f3f3;background:#0d0d0d;border:1px solid #2c2c2c;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .7rem;font-size:.85rem;text-decoration:none;display:inline-flex}.chip span,.btn-primary span{color:#fff;background:#2083f1;border-radius:999px;place-items:center;width:1.25rem;height:1.25rem;font-size:.86rem;display:grid}.hero{z-index:2;text-align:center;background:radial-gradient(circle at top,#2083f133,#0000 65%);padding:2.5rem 1.5rem 2rem;position:relative}.hero h1{color:#f6f6f6;letter-spacing:.01em;margin:.6rem 0;font-size:clamp(2rem,6vw,5rem);line-height:1.1}.hero-subtext{color:#999;margin:0;max-width:62ch;margin-inline:auto}.btn{border-radius:999px;align-items:center;gap:.55rem;margin-top:1rem;padding:.52rem .9rem;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#eaeaea;background:#0a0a0a;border:1px solid #2c2c2c}.hero-year{color:#efefef;letter-spacing:.03em;margin-top:1.3rem;font-size:clamp(1.8rem,4.2vw,3.2rem);font-weight:700}.hero-swatches{justify-content:center;gap:.55rem;margin:1.2rem auto 0;display:flex}.sw{border:1px solid #3a3a3a;border-radius:10px;width:42px;height:92px}.sw1{background:#2083f1}.sw2{background:#6db0f6}.sw3{background:#0f4c90}.sw4{background:#c9c9c9}.hero-note{text-align:left;background:#0d0d0d;border:1px solid #2f2f2f;border-radius:12px;max-width:16rem;margin:1rem auto 0;padding:.75rem}.hero-note strong{color:#f7f7f7}.hero-note p{color:#9a9a9a;margin:.3rem 0 0}.section-title h2{color:#f4f4f4;margin:.4rem 0}.eyebrow{letter-spacing:.12em;color:#2083f1;text-transform:uppercase;margin:0;font-size:.84rem}.section-text{color:#9a9a9a;max-width:70ch}.section-shell{background:#090909;border:1px solid #232323;border-radius:20px;padding:1.8rem;box-shadow:0 10px 24px #00000040}.services-shell{background:#090909;border:1px solid #d8d8d8;border-radius:20px;padding:1.8rem;box-shadow:0 16px 35px #00000038}.services-shell .eyebrow{color:#2083f1}.services-shell .section-title h2{color:#fff}.services-shell .section-text{color:gray}.services-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.services-cta{color:#fff;white-space:nowrap;background:#2083f1;border:1px solid #2083f1;border-radius:999px;padding:.6rem .95rem;font-size:.85rem;font-weight:600;text-decoration:none}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1rem;display:grid}.service-card{background:#fff;border:1px solid #e2e2e2;border-radius:14px;padding:1rem;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{border-color:#2083f1;transform:translateY(-6px);box-shadow:0 14px 28px #2083f140}.service-card.featured{background:#111318;border-color:#111318}.service-card.featured h3,.service-card.featured p,.service-card.featured .service-link,.service-card.featured .service-icon{color:#fff}.service-icon{color:#2083f1;background:#e9f3fe;border-radius:999px;place-items:center;width:1.8rem;height:1.8rem;margin-bottom:.6rem;font-weight:700;display:grid}.service-card h3{color:#101010;margin:0 0 .45rem}.service-card p{color:#5f5f5f;margin:0}.service-link{color:#2083f1;margin-top:.7rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block}.why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1rem;display:grid}.why-card{background:#121212;border:1px solid #282828;border-radius:14px;align-items:flex-start;gap:.65rem;padding:.95rem;display:flex}.why-icon{color:#2083f1;background:#e9f3fe;border-radius:999px;flex-shrink:0;place-items:center;width:1.45rem;height:1.45rem;font-weight:700;display:grid}.why-card p{color:#d6d6d6;margin:0}.stats,.grid{gap:1rem;margin-top:1.2rem;display:grid}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats article,.card,.project{background:#121212;border:1px solid #282828;border-radius:14px;padding:1rem}.stats h3,.card h3,.project h3{color:#f1f1f1;margin:0 0 .5rem}.stats p,.card p,.project p{color:#9e9e9e;margin:0}.cards,.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.2rem;display:grid}.portfolio-card{background:#121212;border:1px solid #282828;border-radius:18px;transition:transform .28s,box-shadow .28s,border-color .28s;position:relative;overflow:hidden}.portfolio-card:hover{border-color:#2083f1;transform:translateY(-8px);box-shadow:0 16px 34px #2083f13d}.portfolio-card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 25%,#ffffff12,#0000 75%);transition:transform .55s;position:absolute;inset:0;transform:translate(-140%)}.portfolio-card:hover:after{transform:translate(140%)}.portfolio-media{padding:.75rem .75rem 0}.project-image{aspect-ratio:5/6;object-fit:cover;background:#0f0f0f;border:1px solid #303030;border-radius:14px;width:100%;transition:transform .35s}.portfolio-card:hover .project-image{transform:scale(1.04)}.portfolio-content{padding:.9rem 1rem 1rem}.portfolio-content h3{color:#f1f1f1;margin:0;font-size:1rem;line-height:1.3}.portfolio-content p{color:#9e9e9e;margin:.35rem 0 0;font-size:.9rem}.portfolio-card.tone-1{border-top-right-radius:30px}.portfolio-card.tone-2{border-bottom-left-radius:28px}.portfolio-card.tone-3{border-top-left-radius:30px}.portfolio-card.tone-4{border-bottom-right-radius:28px}.cta-strip{background:#0d0d0d;border:1px solid #2a2a2a;border-radius:999px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 12px 28px #0000004d}.cta-strip p{white-space:nowrap;color:#2083f1;letter-spacing:.03em;margin:0;padding:.7rem 0;font-weight:700}.contact-grid{gap:.6rem;margin-top:1rem;display:grid}.contact-grid a{color:#2083f1;text-decoration:none}@media (width<=900px){.topbar{flex-wrap:wrap;justify-content:center}.nav-pills{flex-wrap:wrap;order:3;justify-content:center;width:100%}.hero{padding-top:1.3rem}.stats,.services-grid,.why-grid,.portfolio-grid,.cards,.projects{grid-template-columns:1fr}.services-head{flex-direction:column;align-items:flex-start}}