/*
Theme Name: Multimedia Services LLC
Description: Custom security, service, and communications theme.
Version: 2.0.0
*/
:root{--ink:#15191d;--red:#e52327;--pale:#f3f5f6;--line:#d9e0e3;--wrap:1180px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}.wrap{width:min(calc(100% - 48px),var(--wrap));margin:auto}a{color:inherit;text-decoration:none}.utility{background:var(--red);color:#fff;font-size:.76rem;font-weight:600;letter-spacing:.035em}.utility-inner{min-height:42px;display:flex;align-items:center;justify-content:flex-end;gap:28px}.utility a{text-decoration:underline;text-underline-offset:3px}.main-header{height:102px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;min-width:255px}.brand img{width:54px;height:54px;object-fit:cover;border-radius:50%}.brand span{display:flex;flex-direction:column;font-family:'Barlow Condensed',sans-serif;line-height:.93;letter-spacing:.04em;text-transform:uppercase}.brand strong{font-size:1.88rem;color:#1b2127}.brand em{font-style:normal;font-size:.93rem;color:var(--red);font-weight:700;letter-spacing:.18em}.primary-nav{display:flex;align-items:center;gap:22px;font-size:.78rem;text-transform:uppercase;font-weight:700;letter-spacing:.045em}.primary-nav>a{padding:8px 0;border-bottom:2px solid transparent}.primary-nav>a:not(.nav-cta):hover{border-color:var(--red)}.primary-nav .nav-cta{color:#fff;background:var(--red);padding:10px 15px;border:1px solid var(--red)}.menu-toggle{display:none;background:transparent;border:1px solid #ccd3d6;padding:9px 12px;text-transform:uppercase;font-weight:700}.hero{min-height:675px;position:relative;display:flex;align-items:center;background:url('assets/security-technology.jpeg') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.77) 38%,rgba(255,255,255,.1) 72%)}.hero-content{position:relative;padding:88px 0 100px}.eyebrow{font-size:.73rem;letter-spacing:.16em;font-weight:800;margin:0 0 18px;text-transform:uppercase}.eyebrow.red{color:var(--red)}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1.02;margin:0}h1{font-size:clamp(3.15rem,6vw,5.4rem);letter-spacing:.01em;text-transform:uppercase;max-width:760px}h2{font-size:clamp(2.25rem,4vw,3.65rem);text-transform:uppercase}.hero-copy{font-size:1rem;max-width:640px;font-weight:500;margin:28px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;font-size:.77rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;border:1px solid transparent;transition:.2s}.button:hover{transform:translateY(-2px)}.button-red{background:var(--red);color:#fff}.button-line{border-color:#15191d;color:#15191d;background:rgba(255,255,255,.55)}.intro{padding:92px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:start}.intro>p{margin:6px 0;font-size:1.02rem;color:#46515a}.service-band{background:var(--pale);padding:84px 0 94px}.section-heading{margin-bottom:38px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d6dde0;border:1px solid #d6dde0}.service-grid>a{background:#fff;min-height:310px;padding:29px 27px;display:flex;flex-direction:column;transition:.2s}.service-grid>a:hover{background:#1c252c;color:#fff}.service-grid>a:hover b{color:#fff}.service-grid .radio-card{background:#1d313f;color:#fff}.service-number{font:700 1.05rem 'Barlow Condensed';letter-spacing:.12em;color:var(--red);margin-bottom:40px}.service-grid h3{font-size:2.1rem;text-transform:uppercase;margin-bottom:14px}.service-grid p{margin:0;color:#60707a;font-size:.9rem}.service-grid>a:hover p,.radio-card p{color:#c9d4da}.service-grid b{margin-top:auto;color:var(--red);font-size:.73rem;letter-spacing:.07em;text-transform:uppercase}.field-service{background:var(--red);color:#fff;padding:76px 0}.field-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.field-inner>div{max-width:730px}.field-inner h2{margin-bottom:17px}.field-inner p{margin:0;max-width:590px}.button-light{background:#fff;color:#14191e}.contact-strip{padding:63px 0;background:#fff}.contact-inner{display:grid;grid-template-columns:1.25fr .8fr auto;align-items:center;gap:36px}.contact-inner h2{font-size:2.65rem}.contact-inner>div:nth-child(2){display:flex;flex-direction:column}.contact-inner>div:nth-child(2) a{font:700 2rem 'Barlow Condensed';color:var(--red);letter-spacing:.04em}.contact-inner>div:nth-child(2) span{font-size:.76rem;color:#65717a}.button-dark{background:#171d22;color:#fff}.site-footer{background:#161d22;color:#d3dde2;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px;padding-bottom:48px}.footer-brand{font:700 2rem 'Barlow Condensed';letter-spacing:.04em;color:#fff}.footer-brand span{color:#ef3940}.site-footer p{font-size:.87rem;max-width:390px;color:#aebdc4}.site-footer h3{font-size:1.35rem;text-transform:uppercase;color:#fff;margin:0 0 17px}.site-footer div>div:not(:first-child) a{display:block;font-size:.83rem;margin:8px 0}.copyright{border-top:1px solid #344048;padding:21px 0;font-size:.72rem;color:#92a0a7}.page-hero{padding:105px 0 88px;background:linear-gradient(106deg,#e9edef,#fff 67%);border-top:1px solid var(--line)}.page-hero h1{font-size:clamp(3rem,5vw,4.8rem);max-width:760px}.page-hero p:last-child{max-width:620px;font-size:1.07rem;color:#52606a;margin:23px 0 0}.page-content{padding:76px 0 96px;display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:80px}.content-main h2{font-size:2.5rem;margin-bottom:21px}.content-main ul{list-style:none;padding:0;margin:0 0 31px}.content-main li{padding:14px 0 14px 25px;border-bottom:1px solid var(--line);font-weight:600;position:relative}.content-main li:before{content:'+';color:var(--red);position:absolute;left:0;font-weight:800}.content-main a{color:var(--red);font-weight:700;text-decoration:underline}.page-content aside{align-self:start;background:#1c2e3a;color:#fff;padding:30px}.page-content aside h3{font-size:2rem;text-transform:uppercase}.page-content aside p{font-size:.9rem;color:#d1dde2}.page-content aside .button{margin-top:8px}.page-content article{padding:22px 0;border-bottom:1px solid var(--line)}.page-content article h2{font-size:2rem}.page-content article h2 a{color:var(--ink);text-decoration:none}
@media(max-width:980px){.utility-inner{justify-content:center}.utility-inner span:first-child{display:none}.primary-nav{gap:13px;font-size:.7rem}.brand{min-width:215px}.service-grid{grid-template-columns:repeat(2,1fr)}.intro{gap:48px}.contact-inner{grid-template-columns:1fr 1fr}.contact-inner>.button{justify-self:start}}@media(max-width:700px){.wrap{width:min(calc(100% - 34px),var(--wrap))}.utility{font-size:.68rem}.utility-inner{min-height:38px;gap:12px}.utility-inner span:last-child{display:none}.main-header{height:77px}.brand img{width:45px;height:45px}.brand strong{font-size:1.5rem}.brand em{font-size:.75rem}.menu-toggle{display:block;margin-left:auto}.primary-nav{display:none;position:absolute;z-index:9;top:115px;left:0;right:0;background:#fff;padding:12px 17px 22px;box-shadow:0 9px 15px rgba(0,0,0,.14);flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav>a{padding:12px 0}.primary-nav .nav-cta{text-align:center;margin-top:8px}.hero{min-height:610px;background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.66))}.hero-content{padding:65px 0}.hero-copy{font-size:.95rem}.intro{padding:60px 0;display:block}.intro>p{margin-top:24px}.service-band{padding:57px 0}.section-heading h2{margin-top:8px}.service-grid{grid-template-columns:1fr}.service-grid>a{min-height:230px}.service-number{margin-bottom:22px}.field-service{padding:60px 0}.field-inner{display:block}.field-inner .button{margin-top:25px}.contact-strip{padding:51px 0}.contact-inner{display:block}.contact-inner>div:nth-child(2){margin:23px 0}.footer-grid{grid-template-columns:1fr;gap:28px;padding-bottom:42px}.page-hero{padding:73px 0 61px}.page-content{padding:53px 0 65px;display:block}.page-content aside{margin-top:38px}}
