@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";:root{--accent: rgb(14, 56, 172);--accent-light: rgb(0, 68, 255);--font: #333333;--font-light: rgb(75 85 99);--font-inv: #f2f2f2;--font-hover: rgb(8, 28, 84);--bg-0: rgb(256, 256, 256);--bg-1: rgb(243, 244, 246);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px}.bodoni-moda-400{font-family:Bodoni Moda,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.bodoni-moda-600{font-family:Bodoni Moda,serif;font-optical-sizing:auto;font-weight:600;font-style:normal}body{margin:0;padding:0;color:var(--font);font-family:Lato,sans-serif;font-weight:400;font-style:normal}button{background-color:var(--accent);color:var(--font-inv);border:none;border-radius:.5rem;font-size:1rem;font-weight:600;padding:1rem 1.25rem;box-shadow:0 .25rem .5rem #0000001a;transition:background-color .3s ease;cursor:pointer}button.rounded{border-radius:2rem;padding:1rem 1.5rem}button:hover{background-color:var(--font-hover);transition:background-color .3s ease}.light-text{color:var(--font-light);text-decoration:none}.light-text:hover{color:var(--font-hover)}.text-accent-700{color:var(--accent);font-weight:700}.card{width:min(calc(100% - 3rem),480px);background-color:var(--bg-0);border-radius:1rem;padding:2rem;font-size:1.2rem;box-shadow:0 .25rem .5rem #0000001a}.icon{display:grid;place-items:center;margin:0 .5rem 0 0}.icon svg{fill:var(--accent);height:2rem;width:2rem}.card h3{display:flex;align-items:center}.card li{margin:0 0 1rem;color:var(--font-light)}.modal{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal>div{background-color:var(--bg-0);padding:2rem;border-radius:.5rem;box-shadow:0 .25rem .5rem #0000001a;width:90%;max-width:600px}header>div{display:flex;justify-content:space-between;align-items:center;padding:1rem}header .wolf-icon{display:inline-flex;align-items:center;margin:0 .5rem 0 0}header .wolf-icon img{height:1.5rem}header .logo-type{padding:0 0 .25rem;line-height:1rem;color:var(--font-hover)}header h1{margin:0}header h1 a{color:var(--font);text-decoration:none;display:flex;align-items:center}header nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}header nav ul li{display:grid;place-items:center}header nav ul li a{color:var(--font-light);text-decoration:none;font-weight:500}header nav ul li a:hover{color:var(--accent-light);text-decoration:none;font-weight:500}.main-title{font-variant-caps:small-caps;text-transform:lowercase}#hero{display:flex;justify-content:center;align-items:center}#hero>div{flex:1;border-radius:1rem;margin:0 2rem;padding:6rem 0;background:url(/assets/Panorama_of_United_States_Supreme_Court_Building_at_Dusk-Ceoz784B.webp);background-position:center;background-size:cover;position:relative;display:flex;justify-content:center;align-items:center}#hero>div:after{font-size:.8rem;content:"Photo by Joe Riva CC-BY-SA 3.0";background-color:#ffffffbf;position:absolute;bottom:0;right:0}#hero>div>div{position:relative;z-index:1;text-align:center;padding:2rem;margin:auto;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1rem;color:var(--font-inv);margin:0 1rem}#hero h2{font-size:3rem;line-height:2rem;margin:0}#hero p{font-size:1.5rem}#hero button{background-color:var(--font-inv);color:var(--font)}#hero button:hover{background-color:var(--font-hover);color:var(--font-inv)}#intro{padding:6rem 1.5rem}#intro>div{margin:auto;display:flex;flex-direction:column;align-items:center}#intro button:nth-of-type(1){margin-bottom:1.5rem}p.regular{font-size:1.25rem;line-height:1.75rem;color:var(--font-light);max-width:66ch}p.mid{font-size:1.5rem;line-height:2rem;color:var(--font-light);margin-top:2.5rem;max-width:66ch}p.big{font-size:1.875rem;line-height:2.25rem;max-width:66ch}#services{padding:6rem 1.5rem;background-color:var(--bg-1)}#services>div{margin:auto;padding:0 2rem}#services h2{color:var(--font-hover);font-size:3rem;line-height:1;text-align:center}#services .grid{display:flex;justify-content:center;gap:2rem}#services ul{padding:0 0 0 2rem}footer{padding:3rem 0;background-color:var(--font-hover);color:var(--font-inv)}footer>div{text-align:center}footer .links{display:none;justify-content:center;gap:1rem}footer .links a{color:var(--font-inv);text-decoration:none;opacity:.5}footer .links a:hover{color:var(--font-hover)}#contact-form{padding:6rem 1.5rem;background-color:var(--bg-1)}#contact-form>div{margin:auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center}#contact-form h2{color:var(--font-hover);font-size:3rem;line-height:1;text-align:center}#contact-form p{text-align:center}#about-us{padding:2rem 1.5rem 6rem;min-height:calc(100vh - 300px);display:flex;align-items:center}#about-us>div{margin:auto;padding:0 2rem}#about-us h1{color:var(--font-hover);font-size:3rem;line-height:1;text-align:center}#about-us .row{display:flex;justify-content:center;align-items:center;gap:2rem}#about-us .text{max-width:66ch}#about-us .headshot{max-width:500px;width:100%;border-radius:1rem}#about-us p:first-child{margin-top:0}#logos{padding:6rem 1.5rem}.client-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem}.client-logo{margin:0 1rem;max-width:300px;max-height:200px;height:auto}@media screen and (max-width: 475px){.logo-type{display:none}}@media screen and (max-width: 768px){header .main-title{font-size:1.25rem}#hero>div{flex:1;border-radius:1rem;margin:0 1rem}#services h2,#contact-form h2,#about-us h2{font-size:2rem!important}#services>div,#about-us>div,#contact-form>div{padding:0}#services .grid{flex-direction:column;align-items:center}}@media screen and (max-width: 900px){#about-us .row{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:2rem}}