﻿@font-face{font-family:"Cutive Mono";src:url("../font/CutiveMono.woff")}@font-face{font-family:"AxoBook";src:url("../font/Axo-Book.woff")}*{box-sizing:border-box}html{width:100%;height:100%;margin:0;padding:0;font-family:"AxoBook",sans-serif;font-size:16px;text-rendering:optimizeLegibility}body{margin:0;padding:0;background-color:#f9f9f9;color:#003ce6}a{text-transform:none;color:#003ce6;text-decoration:none}a:hover{border-bottom:2px solid #003ce6}hr{border:.1px solid #003ce6}#wrapper{max-width:100%;margin:0 auto}#wrapper{max-width:100%;margin:0 auto}#navigation{position:fixed;top:0;padding:38px 0 0 0;margin:0 auto;z-index:99;width:100%;position:relative;display:flex;justify-content:space-between;font-size:16px;font-weight:normal;padding:0 5%;box-sizing:border-box}#navigation a{color:#003ce6}#navigation a:hover{color:#003ce6;border-bottom:2px solid #003ce6}#navigation .nav-item{list-style:none;margin:.83em 0}#navigation .nav-item:nth-child(2){position:absolute;left:50%;transform:translateX(-50%)}#navigation .active{color:#003ce6;border-bottom:2px solid #003ce6}#navigation #sitetitle .active{color:#fff;border-bottom:none}.press{display:flex;flex-direction:column;text-align:left}.press a:after{content:" ⤴︎"}@media(max-width: 768px){#navigation{position:relative;padding:0 8px}#navigation #sitetitle{display:none}body{background-position-x:-100%}}.hero-bg{width:100%;height:100%;position:fixed;top:0;left:0;margin:0;padding:0;background-blend-mode:lighten;background-color:#3c4a59;background-size:cover;opacity:0}.press-list{display:flex;flex-direction:column;text-align:left}.press-list a:after{content:" ⤴︎"}.section-title{font-family:"AxoBook",sans-serif;font-size:30px;font-weight:normal;color:#003ce6;margin:0;text-align:center}.content-text{padding:0;margin:0 0 0 auto;width:80%;position:relative;line-height:22px;font-family:"Cutive Mono",monospace;font-size:16px}.content-text a{border-bottom:1px solid #003ce6;transition:all .1s}.content-text a:hover{color:#003ce6;border-bottom:2px solid #003ce6}.content-text p>.inline-image:first-child{margin-top:100px}.content-text img{position:relative;left:0;width:100%;height:auto;margin:0;display:block !important}.content-text img,.project-details img{background-image:url("../../images/placeholder.png");background-repeat:repeat}.inline-image{position:relative;width:125%;margin:0 -25% 40px}.caption{text-align:left;font-size:14px;line-height:.9rem;padding:10px 0 40px 0}article{margin:0 auto;position:relative;font-family:"Cutive Mono",monospace;padding:60px 0 0 0}article #content{margin:0 auto;padding:0 10px 80px 10px}.lang-toggle{position:absolute;border:1px solid #003ce6;color:#003ce6;font-family:"Cutive Mono",monospace}.lang-toggle .lang-fr,.lang-toggle .lang-en{cursor:pointer;font-size:16px;background:rgba(0,0,0,0)}.lang-toggle .lang-fr:hover,.lang-toggle .lang-en:hover{background:#003ce6;color:#fff}.lang-toggle .lang-fr{padding:10px 10px 2px 10px}.lang-toggle .lang-en{padding:2px 10px 10px 10px}.lang-toggle .lang-fr.active,.lang-toggle .lang-en.active{background:url(../../images/placeholder.png) !important;color:#003ce6 !important}.lang-toggle .lang-fr.active:hover,.lang-toggle .lang-en.active:hover{cursor:default}.project-details{text-align:center;color:#003ce6;padding:0;margin:0 auto;width:100%}.project-details img{width:100%;height:auto;border-radius:1px}.project-details .section-title{margin:0 0 80px}.project-details .project-info{font-size:14px;text-align:left;margin:20px 0 100px 0}footer{text-align:center;padding:0 0 100px 0}footer a{font-size:16px;color:#003ce6;padding:14px;margin:0;border:1px solid #003ce6}footer a:hover{border:1px solid #003ce6;background:#003ce6;color:#fff}.project-footer{padding:0 0 80px 0;display:none}.bio{width:100%;max-width:80ch;margin:0 auto 100px auto;vertical-align:top;text-align:center;padding:0 10px;font-size:16px}.bio a{font-size:.7rem;color:#003ce6;text-transform:uppercase;font-family:"AxoBook",sans-serif}.bio a:hover{border-bottom:2px solid #003ce6}.bio .content-text{width:100%;margin:34px auto}.contact-section{width:80%;max-width:80ch;margin:0 auto;vertical-align:top}.contact-section .content-text{margin:34px auto}.legal-links{margin:0 auto;font-family:"Cutive Mono",monospace;width:80%;font-size:13px;padding:50px 0;box-sizing:border-box;max-width:80ch;color:#00008b;border-top:1px dashed #003ce6}.legal-links .content-text{width:100%;margin:0 auto;text-align:center;padding:0 0 50px 0}.legal-links a{padding:0;border:0;font-size:.7rem;text-transform:uppercase;border-bottom:1px solid #00008b;color:#00008b}.legal-links a:hover{border:0;border-bottom:2px solid #003ce6;background-color:rgba(0,0,0,0);color:#003ce6}.legal-links p{display:inline-block;padding-left:5px}.bio .btn-outline{display:inline-block;font-family:"Cutive Mono",monospace;font-size:14px;color:#003ce6;background:rgba(0,0,0,0);border:1px solid #003ce6;padding:10px 13px;transition:all .1s}.bio .btn-outline:hover{border:1px solid #003ce6;background:#003ce6;color:#fff}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.project-name,.project-meta{display:inline-block}.project-name{font-family:"AxoBook",sans-serif;font-size:30px;margin:0}.project-meta{font-family:"Cutive Mono",monospace}.image-viewer{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;padding:0;width:90%;height:90%;z-index:-2}.image-viewer figure{background-color:rgba(0,0,0,0);background-size:cover;opacity:0;padding:0;margin:0;transition:opacity .5s}.project-list{margin:0 auto;padding:0 0 80px 0;font-size:14px;max-width:80ch;text-align:center;display:flex;flex-direction:column;align-items:center;gap:100px}.project-list li{list-style:none;display:block;padding:0;position:relative}.project-list li:last-child{margin-bottom:0}.project-list li a{height:100%;display:inline-block;transition:color .1s}.project-list li a:hover{border:none;color:#003ce6}.project-nav{top:50%;line-height:2rem;font-family:monospace}.project-nav a{display:inline-block;color:#003ce6;background:#f9f9f9;border:1px solid #003ce6;padding:8px 10px;margin:0}.project-nav a:hover{border:1px solid #003ce6;background:#f9f9f9;color:#003ce6}.project-nav .prev,.project-nav .next{position:fixed;top:50%;z-index:1;margin:-28px 0 0 0;opacity:.4;font-family:"AxoBook",sans-serif;font-size:14px;transition:all .2s;transform:rotate(-90deg);transform-origin:center top}.project-nav .prev:hover,.project-nav .next:hover{opacity:1}.project-nav .prev{left:-65px;margin-left:10px}.project-nav .prev:hover{transform:rotate(-93deg)}.project-nav .next{right:-5px;margin-right:10px}.project-nav .next:hover{transform:rotate(-87deg)}.project-nav-item a{font-size:.7rem;color:#00008b;text-transform:uppercase;font-family:"AxoBook",sans-serif}.audioplayer{min-height:2.5em;color:#003ce6;background:rgba(0,0,0,0);position:relative;z-index:1;padding:5vw 0 0 0}.audioplayer .audioplayer-bar{position:absolute;top:0;left:0;height:5vw;width:100%;border:1px solid #003ce6;background:url("../../images/placeholder.png") repeat}.audioplayer .audioplayer-bar-loaded,.audioplayer .audioplayer-bar-played{position:absolute;top:0;left:0;height:5vw}.audioplayer .audioplayer-bar-loaded{width:100%;background:rgba(0,0,0,0)}.audioplayer .audioplayer-bar-played{background:#003ce6}.audioplayer .audioplayer-playpause{float:left;margin:10px 0 0 0}.audioplayer .audioplayer-volume{float:right;text-align:right;margin:10px 0 0 0}.audioplayer .audioplayer-volume-button a:before{content:"Audio on"}.audioplayer .audioplayer-time{margin:10px 0 0 0;float:right}.audioplayer .audioplayer-time-duration:after{content:"/"}.audioplayer-muted .audioplayer-volume-button a:before{content:"Audio off"}@media(max-width: 768px){.hero-bg{background-size:cover;background-position:50%}nav{display:none}.project-list{max-width:calc(100% - 20px)}.project-list .project-name{line-height:2.2rem;font-size:30px}article #content{width:100%}article #content .project-details .section-title{font-size:30px;margin:0 0 48px;line-height:2.2rem}article #content .project-details .project-info{margin:10px auto 40px auto;text-align:center}article #content .content-text{width:100%;font-size:16px}article #content .content-text .inline-image{width:100%;margin:40px 0}article #content .content-text img{margin:0}.lang-toggle{display:none}.legal-links{width:calc(100% - 40px)}.legal-links .content-text p{display:block;padding:0;margin:5px 0}.caption{padding-bottom:0 !important}}@media(min-width: 769px)and (max-width: 1024px){.project-list li{max-width:calc(100% - 20px)}.contact-section{width:100%;margin:40px 0 0 0}}@media(min-width: 1025px){article #content{max-width:80ch}article #content .project-details .section-title{font-size:30px;margin:0 0 50px}}
