@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-latin-400-normal.qiz4-Cze.woff2) format("woff2"),url(/_astro/barlow-latin-400-normal.fsAxiSwU.woff) format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/barlow-latin-500-normal.BPAOfeC8.woff2) format("woff2"),url(/_astro/barlow-latin-500-normal.C1h8hMer.woff) format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-latin-600-normal.DILqtrty.woff2) format("woff2"),url(/_astro/barlow-latin-600-normal.CNwfPWQD.woff) format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-latin-700-normal.A9pxMQ4z.woff2) format("woff2"),url(/_astro/barlow-latin-700-normal.__SGTsZ1.woff) format("woff")}:root{--color-primary: #0693e3;--color-primary-dark: #0578c2;--color-secondary: #1e3a8a;--color-accent: #22d3ee;--color-dark: #1f2937;--color-darker: #111827;--color-light: #f9fafb;--color-white: #ffffff;--color-gray: #6b7280;--color-gray-light: #e5e7eb;--color-brand-dark: #003359;--color-brand-dark-hover: #036b98;--color-brand-light: #0bbbef;--font-primary: "Barlow", sans-serif;--font-secondary: "Fira Code", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--header-height: 80px}.icon-arrow-right,.icon-angle-right,.icon-angle-up,.icon-download{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-weight:400;line-height:1.6;color:var(--color-dark);background-color:var(--color-white);overflow-x:hidden}h1,h2,h3,h4,h5,h6,.hero-title,.hero-subtitle,.hero-description,.section-title,.section-subtitle,.section-description,.page-title,.page-subtitle,.page-description,.nav-menu a,.footer-nav a,button,.btn,input,textarea,select{font-family:var(--font-primary)}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul{list-style:none}button{font-family:inherit;border:none;background:none;cursor:pointer}address{font-style:normal}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-secondary);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);z-index:100}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--color-white);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.site-header.scrolled{box-shadow:var(--shadow-lg)}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.logo a{display:block;line-height:0}.logo img{height:50px;width:auto;transition:transform var(--transition-base)}.logo a:hover img{transform:scale(1.05)}.main-nav{display:flex;align-items:center}.nav-menu{display:flex;gap:var(--spacing-lg);align-items:center}.nav-menu a{font-weight:500;font-size:1rem;color:var(--color-dark);padding:var(--spacing-xs) 0;position:relative;transition:color var(--transition-fast)}.nav-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-base)}.nav-menu a:hover,.nav-menu a.active{color:var(--color-primary)}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.nav-menu>.nav-order-item{margin-left:25px;align-self:center}.nav-menu>.nav-order-item a{background-color:var(--color-brand-dark);color:#fff!important;font-weight:700;padding:10px 24px;border-radius:6px;display:inline-block;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.nav-menu>.nav-order-item a:hover{background-color:var(--color-brand-dark-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0003;color:#fff!important}.nav-menu>.nav-order-item a:after{display:none}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;padding:var(--spacing-xs);z-index:1001}.mobile-menu-toggle .bar{width:25px;height:3px;background-color:var(--color-dark);transition:all var(--transition-base);border-radius:var(--radius-sm)}.mobile-menu-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.active .bar:nth-child(2){opacity:0}.mobile-menu-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero-section{position:relative;min-height:650px;display:flex;align-items:center;background-image:linear-gradient(#00000080,#00000080),url(/images/locksafe_cinema-1.webp);background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:var(--header-height);overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;pointer-events:none}.hero-overlay{position:absolute;inset:0;background:#0003}.hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-md)}.hero-text{max-width:800px}.hero-subtitle{color:#3db7e4;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:2.4px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--color-white);line-height:1.2;margin-bottom:var(--spacing-md)}.hero-description{font-size:clamp(1.1rem,2vw,1.5rem);color:#fffffff2;line-height:1.6;max-width:700px}.hero-section-services{background-image:linear-gradient(#00000080,#00000080),url(/images/access_control.webp)}.intro-section{padding:var(--spacing-3xl) 0;background-color:var(--color-white)}.cert-thumbs{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-lg)}.cert-thumbs img{height:54px;width:auto;border:1px solid var(--color-gray-light);border-radius:var(--radius-sm)}.intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.section-subtitle{font-size:.875rem;font-weight:600;color:var(--color-secondary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--spacing-sm)}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:var(--color-dark);line-height:1.3;margin-bottom:var(--spacing-md)}.section-description{font-size:1.125rem;color:var(--color-gray);line-height:1.7;margin-bottom:var(--spacing-md)}.section-description a{color:var(--color-primary);text-decoration:underline}.btn{display:inline-block;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em;font-weight:400;text-align:center;text-decoration:none;border-radius:6px;transition:all var(--transition-base);position:relative;overflow:hidden;border:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover{background-color:var(--color-brand-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.services-section .btn,.certificates-section .btn,.contact-section .btn,.about-section .btn,section[style*=background] .btn{background-color:var(--color-primary);color:#fff;border-radius:6px;text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem}.services-section .btn:hover,.certificates-section .btn:hover,.contact-section .btn:hover,.about-section .btn:hover{background-color:var(--color-primary-dark)}input[type=submit],button[type=submit]{background-color:var(--color-primary);color:#fff;border:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em;cursor:pointer;transition:all var(--transition-base)}input[type=submit]:hover,button[type=submit]:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.services-section{padding:var(--spacing-3xl) 0;background-color:var(--color-light)}.services-section .section-title,.services-section .service-title{color:var(--color-brand-dark)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.service-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);text-align:center}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.service-icon{margin-bottom:var(--spacing-md)}.service-icon img{width:120px;height:120px;margin:0 auto;transition:transform var(--transition-base)}.service-card:hover .service-icon img{transform:scale(1.1)}.service-title{font-size:1.5rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-sm)}.service-description{font-size:1rem;color:var(--color-gray);line-height:1.6;margin-bottom:var(--spacing-md)}.service-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--color-secondary);transition:all var(--transition-fast)}.service-link:hover{color:var(--color-primary-dark);gap:var(--spacing-sm)}.service-link i{font-size:.875rem;transition:transform var(--transition-fast)}.service-link:hover i{transform:translate(3px)}.experience-section{background-color:var(--color-white)}.experience-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center}.experience-content{padding:var(--spacing-3xl) var(--spacing-xl)}.experience-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-md)}.experience-description{font-size:1.125rem;color:var(--color-gray);line-height:1.7;margin-bottom:var(--spacing-lg)}.experience-image{height:100%;min-height:500px;overflow:hidden}.experience-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.experience-section:hover .experience-image img{transform:scale(1.05)}.cta-section{position:relative;padding:var(--spacing-3xl) 0;background-image:url(/images/access_control.webp);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(60deg,transparent,transparent 20px);animation:moveBg 20s linear infinite;pointer-events:none}@keyframes moveBg{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.cta-section:before{opacity:.3}.cta-overlay{position:absolute;inset:0;background:#002c45d9}.cta-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.cta-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-md)}.cta-description{font-size:1.25rem;color:#fffffff2;margin-bottom:var(--spacing-lg)}.site-footer{background:var(--color-brand-dark);color:#fffc}.footer-main{padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--spacing-xl)}.footer-logo{margin-bottom:var(--spacing-md)}.footer-logo img{height:50px;width:auto}.footer-tagline{font-size:1.125rem;font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-sm)}.footer-description{font-size:.9375rem;line-height:1.7;color:#ffffffb3}.footer-heading{font-size:.875rem;font-weight:600;color:#3db7e4;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--spacing-md)}.footer-nav{display:flex;flex-direction:column;gap:.75rem}.footer-nav a{display:flex;align-items:center;gap:var(--spacing-xs);color:#ffffffd9;transition:all var(--transition-fast);font-size:.9375rem}.footer-nav a:hover{color:#3db7e4}.footer-nav .icon-angle-right{font-size:.75rem;color:#3db7e4;width:.5em;height:.75em;margin-right:.25rem}.footer-contact{font-size:.9375rem;line-height:1.8;color:#ffffffd9}.footer-contact p{margin-bottom:.5rem}.footer-contact a{color:#ffffffd9;transition:color var(--transition-fast)}.footer-contact a:hover{color:#3db7e4}.footer-bottom{padding:var(--spacing-md) 0;border-top:1px solid rgba(255,255,255,.1)}.copyright{text-align:center;font-size:.875rem;color:#fff9}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base);box-shadow:var(--shadow-lg);z-index:999}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background-color:var(--color-primary-dark);transform:translateY(-5px)}.service-detail{padding:var(--spacing-3xl) 0;background-color:var(--color-white)}.service-detail:nth-child(2n){background-color:#f3f6f9}.service-detail:last-child{margin-bottom:0}.service-detail-grid{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-xl);align-items:start}.service-detail-icon img{width:100%;height:auto}.service-detail-content h2{font-size:1.75rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-md)}.service-detail-content p{font-size:1rem;color:var(--color-gray);line-height:1.7;margin-bottom:var(--spacing-md)}.service-detail-content p:last-child{margin-bottom:0}.service-detail-content ul{list-style:disc;padding-left:var(--spacing-lg);margin:var(--spacing-md) 0}.service-detail-content ul li{font-size:1rem;color:var(--color-gray);line-height:1.7;margin-bottom:var(--spacing-sm)}.service-detail-content a{color:var(--color-primary);text-decoration:underline}.service-detail-content a:hover{color:var(--color-primary-dark)}.about-section{padding:calc(var(--header-height) + var(--spacing-2xl)) 0 var(--spacing-2xl);background-color:var(--color-white)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.about-content{padding:0;display:flex;flex-direction:column;justify-content:center;text-align:left}.about-content .section-title,.about-content .section-description{margin-bottom:var(--spacing-md)}.about-content a:not(.btn){color:var(--color-primary);text-decoration:underline}.about-content a:not(.btn):hover{color:var(--color-primary-dark)}.about-image{width:100%}.about-image img{width:100%;max-width:540px;aspect-ratio:3 / 2;height:auto;object-fit:cover;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000001f;display:block;margin:0 auto}.certificates-section{padding:var(--spacing-3xl) 0;background-color:var(--color-light)}.certificates-section .section-title{color:var(--color-brand-dark)}.certificates-header{max-width:900px;margin:0 auto var(--spacing-xl);text-align:center}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.certificate-item{background-color:var(--color-white);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.certificate-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.certificate-item img{width:100%;height:auto}.contact-section{padding:calc(var(--header-height) + var(--spacing-3xl)) 0 var(--spacing-3xl);background-color:var(--color-light)}.contact-section .section-title{color:var(--color-brand-dark)}.contact-header{max-width:800px;margin:0 auto var(--spacing-xl);text-align:center}.contact-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-xl)}.contact-info-item{display:flex;align-items:flex-start;gap:var(--spacing-lg)}.contact-info-icon{flex-shrink:0;width:50px;height:50px}.contact-info-icon svg{width:100%;height:100%}.contact-info-content{flex:1}.contact-info-title{font-size:1.25rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-xs)}.contact-info-detail{font-size:1rem;color:var(--color-brand-dark);line-height:1.6}.contact-info-detail a{color:var(--color-brand-dark);transition:color var(--transition-fast)}.contact-info-detail a:hover{color:var(--color-primary-dark)}.contact-form-wrapper{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.contact-form-title{font-size:1.5rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--spacing-lg)}.tab-buttons{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-light)}.tab-btn{padding:var(--spacing-sm) 0;font-size:1.125rem;font-weight:600;color:var(--color-gray);background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{display:none;animation:fadeIn .3s ease}.tab-content.active{display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.9375rem;font-weight:500;color:var(--color-dark);margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea{padding:.75rem 1rem;font-size:1rem;font-family:inherit;color:var(--color-dark);background-color:var(--color-light);border:1px solid var(--color-gray-light);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0693e31a}.form-group textarea{resize:vertical;min-height:120px}@media(max-width:600px){.form-row{grid-template-columns:1fr}}@media(max-width:1024px){.header-container{position:relative}.logo{margin:0}.main-nav{position:fixed;top:var(--header-height);left:0;right:0;width:100%;background-color:var(--color-brand-dark);box-shadow:var(--shadow-xl);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base);overflow-y:auto;max-height:calc(100vh - var(--header-height))}.main-nav.active{transform:translateY(0);opacity:1;visibility:visible}.nav-menu{flex-direction:column;padding:var(--spacing-lg) var(--spacing-xl);gap:0;align-items:flex-start}.nav-menu li{width:100%}.nav-menu a{width:100%;padding:var(--spacing-md) 0;text-align:left;color:#fff;display:block;font-family:var(--font-primary);font-weight:400;font-size:1rem;letter-spacing:.5px}.nav-menu a:after{display:none}.nav-menu a:hover,.nav-menu a.active{color:#3db7e4;background-color:transparent}.nav-menu>.nav-order-item{margin:0;width:100%;align-self:stretch}.nav-menu>.nav-order-item a{background:transparent;box-shadow:none;border-radius:0;padding:var(--spacing-md) 0;font-weight:400;text-align:left;color:#fff!important}.nav-menu>.nav-order-item a:hover{color:#3db7e4!important;background:transparent;box-shadow:none;transform:none}.mobile-menu-toggle{display:flex;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.mobile-menu-toggle .bar{background-color:var(--color-brand-dark);width:25px;height:3px}.hero-section,.intro-section,.cta-section,.page-header{text-align:center}.cert-thumbs{justify-content:center}.service-card,.certificates-section,.about-content,.experience-content{text-align:center}.hero-text{margin:0 auto}.form-group label,.contact-info-detail,.service-detail-content{text-align:left}.service-detail-content h2{text-align:center}.hero-section{min-height:500px}.hero-content{padding:var(--spacing-xl) var(--spacing-md)}.intro-section{padding:var(--spacing-lg) 0}.intro-grid{gap:var(--spacing-md)}.experience-grid{grid-template-columns:1fr}.experience-content{padding:var(--spacing-xl) var(--spacing-md)}.experience-image{min-height:400px;order:-1}.services-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-lg);text-align:center}.footer-grid .footer-col:first-child{grid-column:1 / -1}.footer-grid .footer-col:nth-child(2),.footer-grid .footer-col:nth-child(3){text-align:center}.footer-grid .footer-col:nth-child(2) .footer-nav,.footer-grid .footer-col:nth-child(3) .footer-contact{text-align:left;display:inline-block}.footer-logo{display:flex;justify-content:center}.footer-nav{align-items:flex-start}.footer-nav a{justify-content:flex-start}.footer-nav a:hover{padding-left:0}.footer-contact,.footer-description,.footer-tagline{text-align:center}.service-detail-grid{grid-template-columns:1fr;text-align:center}.service-detail-icon img{max-width:200px;margin:0 auto}.contact-grid,.certificates-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.about-content{padding:var(--spacing-xl);text-align:center}.about-content .btn{align-self:center}.about-image{order:-1}.page-header{padding:calc(var(--header-height) + var(--spacing-xl)) 0 var(--spacing-xl)}}@media(min-width:769px)and (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-section{background-image:linear-gradient(#00000080,#00000080),url(/images/locksafe_cinema-1-mobile.webp)}.hero-section-services{background-image:linear-gradient(#00000080,#00000080),url(/images/access_control-mobile.webp)}.cta-section{background-image:url(/images/access_control-mobile.webp)}}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.vi-intro-section{padding:calc(var(--header-height) + var(--spacing-2xl)) 0 var(--spacing-2xl);background-color:var(--color-light)}.vi-intro-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-2xl);align-items:start}.vi-quicklinks{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--header-height) + var(--spacing-md))}.vi-quicklinks-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-primary);margin-bottom:var(--spacing-md)}.vi-quicklinks-list li{border-top:1px solid var(--color-gray-light)}.vi-quicklinks-list li:first-child{border-top:none}.vi-quicklinks-list a{display:block;padding:.75rem 0;font-size:1.0625rem;font-weight:500;color:var(--color-dark);transition:color var(--transition-fast),padding-left var(--transition-fast)}.vi-quicklinks-list a:hover{color:var(--color-primary);padding-left:.25rem}.vi-section{padding:var(--spacing-3xl) 0;scroll-margin-top:var(--header-height)}.vi-section--alt{background-color:var(--color-light)}.vi-section-header{max-width:800px;margin-bottom:var(--spacing-2xl)}.vi-section-header--no-margin{margin-bottom:0}.vi-section-header--inline{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.vi-subheading{font-size:1.5rem;font-weight:600;color:var(--color-dark);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.vi-logo-card{margin-bottom:var(--spacing-2xl);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);background-color:var(--color-white)}.vi-logo-display{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);min-height:240px}.vi-logo-display--light{background-color:var(--color-white)}.vi-logo-display--dark{background-color:var(--color-brand-dark)}.vi-logo-display img{max-width:540px;width:100%;height:auto}.vi-download-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-light);border-top:1px solid var(--color-gray-light)}.vi-download-item h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-gray);margin-bottom:var(--spacing-sm)}.vi-download-item .btn{display:inline-flex;align-items:center;gap:.5rem}.icon-download{width:.875em;height:.875em}.vi-friyta-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-2xl);align-items:start}.vi-friyta-gallery{display:grid;gap:var(--spacing-md)}.vi-friyta-gallery figure{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.vi-friyta-gallery img{width:100%;height:auto}.vi-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.vi-color-card{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);background-color:var(--color-white)}.vi-color-swatch{height:220px;width:100%}.vi-color-meta{padding:var(--spacing-lg)}.vi-color-meta h3{font-size:1.5rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-md)}.vi-color-meta dl{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.5rem;font-size:1rem}.vi-color-meta dt{font-weight:600;color:var(--color-gray);text-transform:uppercase;font-size:.8125rem;letter-spacing:1px;align-self:center}.vi-color-meta dd{color:var(--color-dark);font-variant-numeric:tabular-nums}.vi-color-meta code{font-family:var(--font-secondary);font-size:1rem;background-color:var(--color-light);padding:.125rem .375rem;border-radius:var(--radius-sm)}.vi-typeface{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-2xl);padding:var(--spacing-2xl) 0;border-top:1px solid var(--color-gray-light)}.vi-typeface:first-of-type{border-top:none;padding-top:0}.vi-typeface-meta h3{font-size:2rem;font-weight:700;color:var(--color-dark);margin-bottom:var(--spacing-md)}.vi-typeface-meta p{font-size:1.0625rem;color:var(--color-gray);line-height:1.7;margin-bottom:var(--spacing-md)}.vi-typeface-sample{display:flex;flex-direction:column;justify-content:center}.vi-sample-large{font-size:clamp(1.75rem,3.5vw,2.75rem);line-height:1.15;color:var(--color-dark);margin-bottom:var(--spacing-md)}.vi-typeface-sample--barlow .vi-sample-large{font-family:Barlow,sans-serif;font-weight:700}.vi-typeface-sample--fira .vi-sample-large{font-family:Fira Code,monospace;font-weight:500;font-size:clamp(1.375rem,2.6vw,2rem)}@media(max-width:900px){.vi-intro-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.vi-quicklinks{position:static}.vi-friyta-grid{grid-template-columns:1fr}.vi-typeface{grid-template-columns:1fr;gap:var(--spacing-lg)}.vi-color-grid,.vi-download-row{grid-template-columns:1fr}.vi-section{padding:var(--spacing-2xl) 0}.vi-logo-display{padding:var(--spacing-2xl) var(--spacing-md);min-height:180px}}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}