/**
 * Minified by jsDelivr using clean-css v4.2.3.
 * Original file: /npm/modern-normalize@1.1.0/modern-normalize.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,::after,::before{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
/*# sourceMappingURL=/sm/b8ae781793ee4eb86edef3f2a2ac43a5575d063ed8cd287d7553f9f1b2776616.map */

body {
    margin: 0 auto;
    min-width: 0;
    display: grid;
    gap: 30px 30px;
    grid-auto-flow: row;
    grid-template-areas:
      "header header"
      "intro intro"
      "about about"
      "disciplines disciplines"
      "testimonials testimonials"
      "contact contact"
      "footer footer";

    font-family: "Lato", sans-serif;
}

nav a {
    font-family: "Merriweather", serif;
}


p, li, blockquote {
    font-family: "Merriweather", serif;
    color: rgba(18, 20, 23, 0.72);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.highlight {
    color: rgb(18, 20, 23);
    font-size: 18px;
}

.testimonial-discipline {
    color: rgb(18, 20, 23);
    font-size: 18px;
}

ul.menu {
    list-style: none;
}

li.menu-item {
    display: inline-block; 
    text-align: left; 
    height: 28px;
    margin: 10px;
}

a.menu-link, a.menu-link:visited {
    text-decoration: none; 
    color: rgb(18, 20, 23);    
    letter-spacing: 1.75px;
    text-transform: uppercase;
}

a.menu-link:hover {
    color: rgb(186, 38, 43);
}

header {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 100px;
    grid-auto-flow: row;
    grid-template-areas:
      "header-logo header-nav";
    grid-area: header;
    background-color: white;
}
  
div#header-logo {
    padding-left: 48px;
    grid-area: header-logo;
    align-self: center;
    justify-self: start; 
}
  
nav#header-nav { 
    padding-right: 48px; 
    grid-area: header-nav;
    align-self: center;
    justify-self: end;
}

@media ( max-width: 975px ) {
    header {
        grid-template-columns: 1fr;
        grid-template-rows: 100px 100px;
        grid-template-areas: 
            "header-logo"
            "header-nav";
    }

    div#header-logo {
        grid-area: header-logo;
        align-self: center;
        justify-self: center; 
        padding-left: 0px;
    }
      
    nav#header-nav { 
        grid-area: header-nav;
        align-self: center;
        justify-self: center;
        padding-right: 0px;
    }
    
}

section#intro {  
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: 500px;
    grid-auto-flow: row;
    grid-template-areas:
      "intro-left intro-right";
    grid-area: intro;
}

div#intro-left { 
    padding-left: 48px;
    grid-area: intro-left; 
    align-self: center;
    justify-self: start;
}

h6.subtitle {
    font-family: "Merriweather", serif;
    color: rgba(18, 20, 23, 0.58);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.75px;
    text-transform: uppercase;
    height: 28px;
    line-height: 28px;
    margin-block-start: 12px;
    margin-block-end: 0;
    margin-top: 12px;
}

h1.main-title {
    font-family: "Lato", sans-serif;
    color: rgb(18, 20, 23);
    font-size: 48px;
    font-weight: 400;
    line-height: 56px;
    margin-block-start: 12px;
    margin-top: 12px;
    margin-block-end: 0px;
    margin-bottom: 0px;
    max-width: 30ch;
}

h2.title {
    font-family: "Lato", sans-serif;
    color: rgb(18, 20, 23);
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    margin-block-start: 12px;
    margin-top: 12px;
    margin-block-end: 0px;
    margin-bottom: 0px;
}

h3.tagline {
    font-family: "Lato", sans-serif;
    color: rgb(18, 20, 23);
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    margin-block-start: 12px;
    margin-top: 12px;
    margin-block-end: 0px;
    margin-bottom: 0px;
}

div.info {
    margin-top: 48px;
    padding-left: 48px;
    position: relative;
    display: block;
}

div.info::before {
   content: '';
   position: absolute;
   left: 0;
   top: 2px;
   width: 24px;
   height: 24px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E");
}

div.testimonial::before {
    content: '';
    left: 0;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.52 19c.64-2.2 1.84-3 3.22-3h6.52c1.38 0 2.58.8 3.22 3'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
}

a.email {
    font-family: "Merriweather", serif;
    color:rgb(186, 38, 43);
    font-size: 18px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    text-decoration: underline;
}

div#intro-right { 
    padding-left: 48px;
    grid-area: intro-right;
}

section#about {  
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: max-content;
    grid-auto-flow: row;
    gap: 30px 30px;
    grid-template-areas:
      "about-left about-right";
    grid-area: about;
    background-color: rgb(245, 250, 255);
}   
  
div#about-left { 
    padding-left: 48px;
    padding-top: 48px;
    padding-bottom: 48px;
    grid-area: about-left;
    text-align: right;
    align-self: top;
}

img#me { 
    filter: grayscale(1); 
    object-fit: contain; 
    max-width: 324px; }

div#about-right {
    padding-right: 48px;
    padding-top: 48px;
    padding-bottom: 48px;
    grid-area: about-right; 
    justify-self: start;
    align-self: top;
}

div#about-right > p {
    max-width: 65ch;  
}

section#disciplines {  
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: max-content;
    grid-auto-flow: row;
    grid-template-areas:
      "disciplines-left disciplines-right";
    grid-area: disciplines;
    align-self: center;
}
 
div#disciplines-left { 
    grid-area: disciplines-left; 
    align-self: start; 
    padding-left: 48px;
}

div#disciplines-left > p, li {
    max-width: 65ch;  
}

div#disciplines-right { 
    grid-area: disciplines-right; 
    padding-right: 48px;
}

section#testimonials {  
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: min-content 1fr;
    gap: 30px 30px;
    grid-template-areas:
      "testimonials-top testimonials-top testimonials-top testimonials-top"  
      "testimonial-1 testimonial-2 testimonial-3 testimonial-4";
    grid-area: testimonials;
    background-color: rgb(245, 250, 255);
    align-self: center;
}

@media ( max-width: 975px ) {
    section#testimonials {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: min-content 1fr 1fr;
        grid-template-areas:
        "testimonials-top testimonials-top"  
        "testimonial-1 testimonial-2"
        "testimonial-3 testimonial-4";
      }
}

div#testimonials-top { 
    grid-area: testimonials-top; 
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 48px;
    justify-self: center;
}

div.testimonial {
    padding-bottom: 48px;
    max-width: 40ch;
    text-align: center;
}

div#testimonial-1 { 
    grid-area: testimonial-1;
    padding-left: 48px; 
    padding-bottom: 0px;
}
  
div#testimonial-2 { 
    grid-area: testimonial-2; 
    padding-bottom: 0px;
}

@media ( max-width: 975px ) {
    div#testimonial-2 { 
        padding-right: 48px; 
    }    
}

div#testimonial-3 { 
    grid-area: testimonial-3; 
}

@media ( max-width: 975px ) {
    div#testimonial-3 { 
        padding-left: 48px; 
    }    
}

div#testimonial-4 { 
    grid-area: testimonial-4; 
    padding-right: 48px; 
}

@media ( max-width: 975px ) {
    div#testimonial-4 { 
        padding-right: 48px; 
    }    
}

section#contact {  
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: max-content;
    grid-auto-flow: row;
    grid-template-areas:
      "contact-left contact-right";
    grid-area: contact;
    align-self: center;
}
  
div#contact-left { 
    grid-area: contact-left;
    padding-left: 48px;
    align-self: start;
 }

div#contact-left > p, li {
    max-width: 65ch;  
}

div#contact-right { 
    grid-area: contact-right;
    padding-right: 48px; 
}
  
footer {  
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 100px;
    grid-template-areas:
      "footer-logo footer-nav";
    grid-area: footer;
}
  
div#footer-logo { 
    padding-left: 48px;
    grid-area: footer-logo;
    align-self: center;
    justify-self: start; 
}
  
nav#footer-nav { 
    padding-right: 48px;
    grid-area: footer-nav;
    align-self: center;
    justify-self: end;
}

@media ( max-width: 975px ) {
    footer {
        grid-template-columns: 1fr;
        grid-template-rows: 100px 100px;
        grid-template-areas: 
            "header-logo"
            "header-nav";
    }

    div#footer-logo {
        grid-area: header-logo;
        align-self: center;
        justify-self: center; 
        padding-left: 0px;
    }
      
    nav#footer-nav { 
        grid-area: header-nav;
        align-self: center;
        justify-self: center;
        padding-right: 0px;
    }
    
}