@font-face{font-family:Carlito;src:url('/wp-content/themes/afa-portfolio/site/assets/fonts/Carlito-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
body{font-family:var(--font-text,Carlito,sans-serif)}
h1,h2{font-family:Midnight,sans-serif}
h3,.legal-wrap h2,.project-next h2,.contact-note h2,.details h2{font-family:var(--font-text,Carlito,sans-serif)}
:root{--radius:8px;--bar-height:66.24px;--footer-height:82.8px;--cover-name:#59645d;--cover-discipline:#30402e}
html{scroll-padding-top:calc(var(--bar-height) + 20px)}
.site-header{background:rgb(255 255 255 / .45);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:12px;height:var(--bar-height)}
.blue-logo{display:block;justify-self:start;width:145.6px;max-width:100%;min-width:0}
.blue-logo img{width:100%;height:auto}
.header-name{justify-self:center;font:400 26.4px/1.3 var(--font-text,Carlito,sans-serif);white-space:nowrap;color:var(--cover-name)}
.header-discipline{color:var(--cover-discipline)}
.menu-toggle{justify-self:end;justify-content:center;width:61.6px;height:min(61.6px,var(--bar-height));gap:0}
html[lang] .menu-toggle{justify-self:start}
html[lang] .blue-logo{justify-self:end}
.menu-icon{display:flex;flex-direction:column;justify-content:center;gap:8.4px;width:44.8px;height:44.8px}
.menu-icon:before,.menu-icon:after{display:none}
.menu-icon i{display:block;width:44.8px;height:2.1px;background:currentColor;transition:transform .22s,opacity .22s}
.menu-open .menu-icon i:nth-child(1){transform:translateY(10.5px) rotate(45deg)}
.menu-open .menu-icon i:nth-child(2){opacity:0}
.menu-open .menu-icon i:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}
.nav-panel{top:var(--bar-height);left:0;right:0;width:100%;max-width:none;height:var(--bar-height);padding:0 var(--gutter);background:rgb(255 255 255 / .72)}
.nav-inner{height:100%;align-items:center;flex-wrap:nowrap}
.nav-inner .languages{height:100%;align-items:center;flex-shrink:0}
.nav-inner .languages a{display:flex;align-items:center;height:100%}
.nav-inner>a{font-family:var(--font-text,Carlito,sans-serif)}
.site-footer{max-width:none;background:#efefed;height:var(--footer-height);min-height:0;padding:0 var(--gutter);font:400 18px/22px var(--font-text,Carlito,sans-serif);display:flex;align-items:center}
.footer-inner{width:100%;max-width:1716px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start;transform:translateY(-4px)}
.footer-block{display:flex;flex-direction:column;gap:0}
.footer-block:nth-child(2){justify-self:center}
.footer-block:nth-child(3){justify-self:end}
.footer-block a{width:fit-content}
.lightbox-buttons button{font:400 16px/1.3 var(--font-text,Carlito,sans-serif);min-width:55px}
.project-card .go,.arrow{display:none}
.project-card .caption,.project-card>.credit{display:none}
.project-card>a{display:block;position:relative}
.project-card .hover-title{position:absolute;inset:0;padding:20px;display:grid;place-items:center;text-align:center;color:#fff;font:400 27px/1.2 var(--font-text,Carlito,sans-serif);opacity:0;transition:opacity .2s;z-index:1;pointer-events:none}
.project-card .media:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,rgb(0 0 0 / .55));opacity:0;transition:opacity .2s;pointer-events:none;border-radius:var(--radius)}
.project-card>a:hover .hover-title,.project-card>a:focus-visible .hover-title{opacity:1;transform:none}
.project-card>a:hover .media:after,.project-card>a:focus-visible .media:after{opacity:1}
.project-card .media{position:relative}
@media(max-width:600px){
 :root{--bar-height:57.6px;--footer-height:72px}
 .header-inner{column-gap:8px}
 .blue-logo{width:106.4px}
 .header-name{font-size:21.6px;line-height:1.05;text-align:center}
 .header-discipline{display:block}
 .nav-panel{top:var(--bar-height)}
 .nav-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
 .nav-inner>a{display:flex;align-items:center;height:100%;font-size:16px;line-height:1.2;white-space:nowrap}
 .languages{margin-left:auto;gap:6px;padding-top:0;font-size:14px;white-space:nowrap}
 .languages a{display:flex;align-items:center;height:100%}
 .site-footer{padding:0 12px;font-size:16px;line-height:20px;letter-spacing:-.015em}
 .footer-inner{grid-template-columns:max-content max-content max-content;justify-content:space-between;gap:10px}
 .footer-block:nth-child(2){justify-self:center}
 .footer-block:nth-child(3){justify-self:end}
 .footer-block a{white-space:nowrap}
 .project-card .hover-title{font-size:26px}
}
@media(max-width:360px){.header-inner{padding-inline:12px}.header-name{font-size:20.4px}.blue-logo{width:89.6px}.footer-inner{gap:0}.site-footer{padding-inline:8px;font-size:15px;line-height:20px;letter-spacing:-.04em}}
@media(max-width:360px){.nav-panel{padding-inline:12px}.nav-inner{gap:6px}.nav-inner>a{font-size:14px}.languages{font-size:13px;gap:4px}}
@media(hover:none),(pointer:coarse){.project-card .hover-title,.project-card .media:after{opacity:1}.project-card .hover-title{transform:none}}
.footer-block:nth-child(2){align-items:center;text-align:center}.footer-block:nth-child(3){align-items:flex-end;text-align:right}
@media(max-width:600px){.project-card .hover-title,.project-card .media:after{opacity:1}.project-card .hover-title{transform:none}}