* {margin:0;padding:0;box-sizing: border-box;}
body {font-family: Proxima;padding:1rem}

header.bar {position:fixed;top:0;left:0;width:100%;padding:1vw;background-color:#FFF;z-index:100}
header.bar div a img {width:60vw}
header.bar nav {/* display:flex;justify-content:space-between;align-items: center; */}
header.bar nav input#hamburger{display:none}
header.bar nav input#hamburger + label {position:fixed;top:5%;right:5%;z-index:101}
header.bar nav input#hamburger:checked + label::after{content:'\00D7';font-size:4rem;color:#F00}
header.bar nav input#hamburger:not(:checked) + label::after{content:'\2630';font-size:2rem;color:#000}
header.bar nav ul.menu {position:fixed;display:flex;align-items:center;justify-content:center;flex-direction:column;left:0;top:0;height:0vh;width:100vw;background-color:#222222EE;overflow:auto;z-index:100; list-style:none;color:#DDD;transition:1s height}
header.bar nav ul.menu li {color:#DDD;margin-bottom:2rem}
header.bar nav input#hamburger:checked + label + ul.menu{height:100vh}

header.bar nav div img {width:200px;display:block;margin:auto}


main {margin:10rem 0}
main section.slide-container {position:relative;width:100%; height:125vw; margin:16vw 0; overflow:hidden}
main section.slide-container figure.slide {position:absolute;left:0;top:0;width:100%;height:100%;transform:rotateY(0); transition:0.5s transform;transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);}
main section.slide-container figure.slide img {width:100%;height:100%;object-fit:cover;}
main section.slide-container figure.slide.turnOut {transform:rotateX(270deg) scale(.75);}
main section.slide-container figure.slide figcaption{position:absolute;top:0;left:0;width:100%;height:40%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center; font-size:175%;font-weight:800;mix-blend-mode:difference;color:#FFF;z-index:inherit;}
main section.slide-container figure.slide figcaption div span:not(:first-of-type){margin-left:.25em}

main header {text-align:center;}
main header h1 {font-weight:800;font-size:2.5rem;line-height:2rem;}
main header p {font-weight:400;font-size:1.5rem;line-height:1.5rem;}

main section.subject {margin-top:5vw}
main section.subject picture {z-index:0}
main section.subject picture img {width:100%}
main section.subject article {display:block;position:relative;width:94%;height:fit-content;margin:auto;margin-top:-12.5vw;margin-bottom:0vw;padding:1rem;background-color:#FFF;}
main section.subject article h2 {font-size:2rem;line-height:1.75rem;font-weight:800;text-align:left;margin-bottom:2rem}
main section.subject article p,
main section.subject article ul {font-size:1.25rem;line-height:1.75rem;font-weight:400;margin-bottom:1rem}
main section.subject article ul li {margin-left:3rem;margin-bottom:1rem;line-height:1;list-style-type: lower-greek;}

main section.print-samples picture img.additional {position:relative;margin-top:-20vw;z-index:-1}


main section.faq {position:relative; display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;background:url('images/faq-bg.png') no-repeat 50% 50% #fbf9ee;background-size:100%;padding:1rem}
main section.faq h2 {width:100%;text-align:center;font-size:6rem;color:#00000066;padding:3rem}
main section.faq figure {width:44%;cursor:pointer;margin-bottom:10vw}
main section.faq figure img {height:16vw;display:block;margin:auto}
main section.faq figure figcaption {font-size:1rem;text-align:center;}
main section.faq article {position:absolute;left:5%;width:90%;border:1px solid #00000033;padding:1rem;background-color:#FFF;transform:rotateY(90deg);transition:1s transform;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}
main section.faq article.open {transform:rotateX(0deg)}
main section.faq article h2 {margin-bottom:1rem;padding:0;font-size:2rem;line-height:1.75rem}
main section.faq article p,
main section.faq article ul {margin-bottom:1rem;font-size:1rem}
main section.faq article ul li {margin-left:1rem;margin-bottom:1rem;line-height:1;list-style-type: lower-greek;}
main section.faq article img {position:absolute;left:0;top:0;width:100%;padding:1rem;margin-top:2rem;object-fit:contain;mix-blend-mode:multiply;opacity:.15;z-index:-1}
main section.faq article button {display:block;width:fit-content;margin:2rem auto;padding:1rem 3rem;}

footer {display:block;position:fixed;bottom:0;left:0;width:100%;height:fit-content;padding:.5rem;background-color:#222;z-index:10; text-align:center;line-height:1.5;font-size:1.5rem;color:#FFF}
footer a {text-decoration:inherit; color:#EEE}
footer a:hover {text-decoration:underline; color:#0FF}