@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";:root{--ink:#141414;--cream:#f7f2e8;--yellow:#f5c518;--coral:#ec6a4d;--line:#d7d0c3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#f7f2e8f5;justify-content:space-between;align-items:center;height:82px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:20px;display:flex}.brand-mark{background:var(--yellow);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.site-header nav{gap:28px;font-size:14px;display:flex}.site-header nav a:hover,.active{border-bottom:2px solid var(--coral);font-weight:700}.header-cta,.button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:20px;padding:14px 20px;font-weight:700;display:inline-flex}.header-cta,.button-dark{background:var(--ink);color:#fff}.button-yellow{background:var(--yellow);color:var(--ink)}.hero{grid-template-columns:1.05fr .95fr;min-height:690px;padding:5vw;display:grid}.hero-copy{flex-direction:column;justify-content:center;display:flex}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}.eyebrow span{background:var(--coral);border-radius:50%;width:8px;height:8px;margin-right:9px;display:inline-block}.hero h1,.page-hero h1{letter-spacing:-6px;margin:32px 0;font-size:clamp(66px,8vw,130px);line-height:.82}.hero h1 em,.page-hero h1 em,h2 em{font-family:Playfair Display,serif;font-weight:600}.hero-text{max-width:590px;font-size:20px;line-height:1.6}.hero-actions{align-items:center;gap:34px;margin-top:28px;display:flex}.text-link{border-bottom:1px solid;font-weight:700}.hero-art{background:var(--yellow);min-height:560px;position:relative;overflow:hidden}.art-grid{background-image:linear-gradient(#0002 1px,#0000 1px),linear-gradient(90deg,#0002 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.big-s{font-size:380px;font-weight:800;line-height:1;position:absolute;top:10%;left:13%;transform:rotate(-8deg)}.art-card{padding:20px;position:absolute;box-shadow:8px 8px #111}.art-card span{letter-spacing:2px;font-size:11px}.card-print{background:var(--coral);top:10%;right:5%;transform:rotate(6deg)}.card-brand{background:#fff;bottom:7%;left:6%;transform:rotate(-5deg)}.card-brand i{margin-top:15px;font:italic 28px Playfair Display;display:block}.roundel{background:var(--ink);color:#fff;text-align:center;border-radius:50%;place-items:center;width:130px;height:130px;font-size:11px;line-height:2;display:grid;position:absolute;bottom:12%;right:9%}.trust-strip{background:var(--ink);color:#fff;align-items:center;gap:4vw;padding:26px 5vw;display:flex;overflow:hidden}.trust-strip span{color:#aaa;font-size:12px}.section{padding:110px 5vw}.about{grid-template-columns:1fr 1fr;gap:8vw;display:grid}h2{letter-spacing:-3px;margin:24px 0;font-size:clamp(42px,5vw,74px);line-height:1}.about-copy>p,.section-heading>p,.page-copy p{font-size:18px;line-height:1.8}.stats{border-top:1px solid var(--line);gap:50px;margin-top:35px;padding-top:25px;display:flex}.stats span{text-transform:uppercase;font-size:12px}.stats b{font-size:32px;display:block}.services{background:#e9e2d4}.section-heading{justify-content:space-between;align-items:end;display:flex}.section-heading>p{max-width:390px}.service-grid{border-top:1px solid #aaa;grid-template-columns:repeat(2,1fr);margin-top:55px;display:grid}.service-grid article{border-bottom:1px solid #aaa;padding:35px}.service-grid article:nth-child(odd){border-right:1px solid #aaa}.service-grid h3{font-size:25px}.service-grid p{min-height:80px;line-height:1.7}.service-grid a{font-weight:700}.projects{background:var(--cream)}.project-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:55px;display:grid}.project-grid article{flex-direction:column;justify-content:space-between;min-height:360px;padding:30px;display:flex}.project-top{text-transform:uppercase;letter-spacing:1px;justify-content:space-between;font-size:11px;display:flex}.project-grid h3{margin:10px 0;font-size:32px}.project-grid p{max-width:440px;line-height:1.6}.project-yellow{background:var(--yellow)}.project-dark{background:var(--ink);color:#fff}.project-light{background:#ddd4c5}.project-coral{background:var(--coral)}.quote-section{background:var(--ink);color:#fff;grid-template-columns:.9fr 1.1fr;gap:8vw;padding:100px 5vw;display:grid}.quote-intro p{color:#bbb;line-height:1.7}.quote-intro>a{color:var(--yellow);font-size:20px;font-weight:700}form{grid-template-columns:1fr 1fr;gap:20px;display:grid}label{text-transform:uppercase;letter-spacing:1px;font-size:12px}input,select,textarea{color:#fff;width:100%;font:inherit;background:#252525;border:1px solid #555;margin-top:8px;padding:15px}textarea{resize:vertical}.full,.success{grid-column:1/-1}.success{color:var(--yellow)}footer{grid-template-columns:2fr 1fr 1fr 2fr;align-items:start;gap:30px;padding:60px 5vw;display:grid}footer div{flex-direction:column;gap:10px;display:flex}footer small{color:#777;text-transform:uppercase}footer p{text-align:right;font-size:12px;line-height:1.8}.whatsapp{color:#fff;background:#20b95a;border-radius:50%;place-items:center;width:58px;height:58px;font-weight:800;display:grid;position:fixed;bottom:25px;right:25px;box-shadow:0 5px 18px #0004}.page-hero{border-bottom:1px solid var(--line);padding:90px 5vw 70px}.page-hero h1{max-width:1050px;font-size:clamp(58px,8vw,110px)}.page-copy{max-width:850px}.values{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.values article{background:#fff;min-height:220px;padding:30px}.values h3{font-size:24px}.contact-grid{grid-template-columns:.75fr 1.25fr;gap:8vw;display:grid}.contact-details{font-size:20px;line-height:2}.contact-details a{font-weight:700;display:block}.pill{border:1px solid;border-radius:30px;margin:4px;padding:8px 12px;font-size:12px;display:inline-block}@media (width<=800px){.site-header nav{display:none}.header-cta{font-size:0}.header-cta span{font-size:18px}.hero,.about,.quote-section,.contact-grid{grid-template-columns:1fr}.hero{padding:60px 5vw}.hero h1{letter-spacing:-4px}.hero-art{min-height:430px}.big-s{font-size:290px}.trust-strip{white-space:nowrap}.section{padding:75px 5vw}.section-heading{display:block}.service-grid,.project-grid,.values{grid-template-columns:1fr}.service-grid article:nth-child(odd){border-right:0}.stats{gap:22px}.stats b{font-size:25px}form{grid-template-columns:1fr}.full,.success{grid-column:auto}footer{grid-template-columns:1fr 1fr}footer p{text-align:left}.page-hero h1{letter-spacing:-3px}}.brand{font-size:18px}.brand-logo{background:#fff url(/silver-solutions-logo.jpg) 50% 37%/205% no-repeat;border-radius:50%;flex:none;width:48px;height:48px;display:block;box-shadow:0 2px 9px #0002}.branded-hero{place-items:center;display:grid}.hero-logo{z-index:2;aspect-ratio:1;object-fit:cover;will-change:transform;width:min(72%,440px);animation:4s ease-in-out infinite logo-float;position:relative;box-shadow:18px 18px #111}.hero-logo:hover{animation-play-state:paused;transform:rotate(2deg)scale(1.03)}.branded-hero .card-print{z-index:3;top:7%;right:3%}.branded-hero .roundel{z-index:3}@keyframes logo-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-16px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.hero-logo{animation:none}}.real-work{grid-template-columns:repeat(3,1fr);align-items:stretch}.real-work article{border:1px solid var(--line);background:#fff;min-height:0;padding:0;display:block;overflow:hidden}.real-work article img{object-fit:cover;width:100%;height:390px;display:block}.real-work .project-copy{padding:24px 26px 28px}.real-work .project-top{margin-bottom:38px}.real-work h3{font-size:27px}.real-work p{font-size:14px}.work-button{margin-top:34px}.project-page-grid article img{height:520px}@media (width<=950px){.real-work{grid-template-columns:1fr 1fr}.project-page-grid article img{height:430px}}@media (width<=650px){.brand{font-size:14px}.brand-logo{width:42px;height:42px}.real-work{grid-template-columns:1fr}.real-work article img,.project-page-grid article img{height:410px}}.product-grid{grid-template-columns:repeat(4,1fr)}.product-grid article:nth-child(odd),.product-grid article{border-right:1px solid #aaa}.product-grid h3{min-height:58px}.process{background:var(--ink);color:#fff}.process-grid{border-top:1px solid #555;grid-template-columns:repeat(4,1fr);margin-top:48px;display:grid}.process-grid article{border-right:1px solid #555;padding:32px 28px}.process-grid article:first-child{padding-left:0}.process-grid b{color:var(--yellow)}.process-grid h3{margin-top:45px;font-size:25px}.process-grid p{color:#aaa;line-height:1.7}.cta-band{background:var(--yellow);justify-content:space-between;align-items:center;gap:35px;padding:55px 5vw;display:flex}.cta-band h2{margin:8px 0;font-size:clamp(30px,4vw,55px)}.location-card{border-left:5px solid var(--yellow);background:#fff;flex-direction:column;margin-top:30px;padding:24px;line-height:1.4;display:flex}.location-card small{text-transform:uppercase;letter-spacing:1px;color:#777;margin-bottom:15px;font-size:11px}.location-card b{font-size:20px}.location-card span{margin-bottom:14px;font-size:14px}.why-strip{background:var(--yellow);grid-template-columns:repeat(4,1fr);padding:0 5vw;display:grid}.why-strip article{border-right:1px solid #0003;padding:48px 26px}.why-strip article:first-child{padding-left:0}.why-strip b{font-size:12px}.why-strip h3{margin-top:35px;font-size:22px}.why-strip p{font-size:14px;line-height:1.6}.values{grid-template-columns:repeat(4,1fr)}.project-images.paired{grid-template-columns:1fr 1fr;display:grid}.project-images.paired img{height:520px}.project-images.paired img:first-child{border-right:3px solid #fff}@media (width<=1000px){.product-grid,.process-grid,.why-strip,.values{grid-template-columns:1fr 1fr}}@media (width<=650px){.product-grid,.process-grid,.why-strip,.values{grid-template-columns:1fr}.process-grid article,.why-strip article{border-bottom:1px solid #555;border-right:0;padding:30px 0}.cta-band{flex-direction:column;align-items:flex-start}}.contact-details>small{text-transform:uppercase;letter-spacing:1px;color:#777;margin-top:22px;font-size:10px;line-height:1;display:block}.case-study-callout{background:var(--yellow);grid-template-columns:1fr 1fr;align-items:center;gap:8vw;margin-top:24px;padding:55px;display:grid}.case-study-callout h2{font-size:clamp(38px,5vw,68px)}.case-study-callout>p{font-size:18px;line-height:1.8}.team-showcase{background:var(--ink);color:#fff;grid-template-columns:1.12fr .88fr;display:grid}.team-photos{grid-template-columns:1fr 1fr;min-height:620px;display:grid}.team-showcase img{object-fit:cover;width:100%;height:620px}.team-showcase img:first-child{border-right:4px solid var(--yellow)}.team-showcase-copy{flex-direction:column;justify-content:center;padding:7vw 5vw;display:flex}.team-showcase-copy p{color:#bbb;font-size:18px;line-height:1.7}.team-showcase-copy .button{align-self:flex-start;margin-top:25px}@media (width<=750px){.case-study-callout,.team-showcase{grid-template-columns:1fr}.case-study-callout{padding:35px}.team-photos{min-height:0}.team-showcase img{height:330px}.team-showcase-copy{padding:70px 6vw}}.team-photos.team-collage{display:block}.team-photos.team-collage img{object-fit:cover;object-position:center;border-right:4px solid var(--yellow);width:100%;height:620px}.worked-with{border-top:1px solid var(--line);background:#fff;padding:80px 0;overflow:hidden}.worked-with>.section-label{margin:0 0 38px;padding:0 5vw}.client-marquee{overflow:hidden}.client-track{gap:24px;width:max-content;animation:28s linear infinite client-scroll;display:flex}.client-track:hover{animation-play-state:paused}.client-logo{border:1px solid var(--line);background:#fff;flex:none;place-items:center;width:280px;height:170px;padding:18px;display:grid}.client-logo img{object-fit:contain;width:100%;height:100%;display:block}.client-logo:nth-child(6n+1){margin-left:24px}@keyframes client-scroll{to{transform:translate(calc(-50% - 12px))}}@media (prefers-reduced-motion:reduce){.client-track{flex-wrap:wrap;justify-content:center;width:auto;animation:none}.client-logo:nth-child(6n+1){margin-left:0}}@media (width<=650px){.worked-with{padding:58px 0}.client-logo{width:210px;height:135px}.client-track{gap:16px;animation-duration:22s}.client-logo:nth-child(6n+1){margin-left:16px}}.menu-toggle,.mobile-menu,.menu-backdrop{display:none}@media (width<=800px){.site-header{height:76px;padding:0 20px}.site-header>nav,.site-header>.header-cta{display:none}.menu-toggle{background:var(--ink);cursor:pointer;z-index:42;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:54px;height:54px;padding:0;display:flex;position:relative}.menu-toggle span{background:var(--yellow);width:25px;height:3px;transition:transform .25s,opacity .2s;display:block}.menu-toggle.is-open span:first-child{transform:translateY(9px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:last-child{transform:translateY(-9px)rotate(-45deg)}.menu-backdrop{opacity:0;visibility:hidden;z-index:39;background:#000a;border:0;transition:opacity .3s,visibility .3s;display:block;position:fixed;inset:0}.menu-backdrop.is-open{opacity:1;visibility:visible}.mobile-menu{z-index:40;background:#fff;flex-direction:column;width:min(88vw,420px);height:100dvh;transition:transform .35s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-18px 0 45px #0003}.mobile-menu.is-open{transform:translate(0)}.mobile-menu-top{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;min-height:88px;padding:16px 20px;display:flex}.mobile-menu-top .brand{font-size:14px}.menu-close{background:var(--yellow);cursor:pointer;border:0;width:46px;height:46px;font-size:31px;line-height:1}.mobile-menu nav{flex-direction:column;display:flex}.mobile-menu nav a{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:21px 25px;font-size:22px;display:flex}.mobile-menu nav a.active{border-bottom:3px solid var(--yellow);background:#f8f4eb;font-weight:700}.mobile-menu nav a span{font-size:15px}.mobile-menu-actions{background:#f3eee4;gap:12px;margin-top:auto;padding:25px;display:grid}.mobile-menu-actions .button{width:100%}.mobile-phone{color:#9f2727;text-align:center;padding:5px 0 13px;font-size:27px;font-weight:800}}@media (prefers-reduced-motion:reduce){.mobile-menu,.menu-backdrop,.menu-toggle span{transition:none}}
