@import"https://fonts.googleapis.com/css?family=Oswald:700|Playfair+Display&display=swap";.blue{color:#55baf2}.pink{color:#ff5dc1}.green{color:#19f463}.red{color:#c22032}.tan{color:#d5cac6}.brown{color:#99877d}.teal{color:#20c5c8}.yellow{color:#fc0}p{color:#e0e0e0;margin:0 0 1.2em;font:400 1.2em "Playfair Display",serif;line-height:1.4em}@media screen and (max-screen-width: 1024px),(max-width: 1024px){p{font-size:1em}}a{color:#fcfcfc;text-decoration:none;transition:all .1s ease-in}a:before{content:"";position:absolute;bottom:-1px;left:-2px;width:100%;height:2px;background:rgba(255,204,0,.5);transition:all .1s ease-in;z-index:1;padding:0 2px}a:hover{color:#0f0f0f}a:hover:before{height:100%;background:#fc0}a span{z-index:2}h1,h2,h3,h4,h5{margin:0 0 .4em;color:#e0e0e0;line-height:1.1em}h1{font:italic 900 6em "Playfair Display",serif;color:#fcfcfc;margin-bottom:10px}@media screen and (max-screen-width: 1024px),(max-width: 1024px){h1{font-size:4em}}h2{font:italic 900 2.4em "Playfair Display",serif;padding-bottom:20px;margin-bottom:20px}@media screen and (max-screen-width: 1024px),(max-width: 1024px){h2{font-size:1.8em}}h2:after{content:"";position:absolute;bottom:0px;left:calc(50% - 80px);width:160px;height:2px;background:rgba(252,252,252,.8)}ul{margin:0;padding:0;list-style:none;font:700 1.2em "Oswald",Oswald;color:#e0e0e0}@media screen and (max-screen-width: 1024px),(max-width: 1024px){ul{font-size:1.1em}}ul li{line-height:1.3em}#toggle-nav:checked~.nav{left:0}.nav-label{display:inline-block;position:fixed;top:20px;right:20px;z-index:10}@media screen and (max-screen-width: 767px),(max-width: 767px){.nav-label{top:10px;right:10px}}.nav-flower{width:90px;height:90px;fill:rgba(255,204,0,.9);transform-origin:50% 50%;transform:rotate(0deg);transition:all .25s ease-in;cursor:pointer;background:rgba(15,15,15,.25);box-shadow:rgba(1,1,1,.25) 0 0 15px;padding:1px;border-radius:50%;box-sizing:content-box}@media screen and (max-screen-width: 767px),(max-width: 767px){.nav-flower{width:60px;height:60px}}.nav-flower:hover{box-shadow:rgba(1,1,1,.75) 0 0 5px;transform:rotate(360deg);transition:all .5s ease-out;fill:#fc0}ul.nav{position:fixed;z-index:9999;background:linear-gradient(#ffcc00, rgb(239.7, 191.76, 0));width:100vw;width:100dvw;height:100vh;height:100dvh;top:0;left:-4000px;display:flex;flex-direction:column;justify-content:center;align-items:center;font:300 3.6em "Playfair Display",serif;transition:all .25s cubic-bezier(0, 1.48, 0.11, 0.91)}@media screen and (max-screen-width: 767px),(max-width: 767px){ul.nav{font-size:2.8em}}ul.nav label{margin:0;padding:0;display:block;line-height:2em;color:#000}.logo-nav{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh}.logo-nav .flower{height:75vh;height:75dvh;width:auto;stroke:#fc0;stroke-width:20px;animation:none}@keyframes normal-stroke{0%{stroke-dashoffset:370}100%{stroke-dashoffset:0}}@keyframes reverse-normal-stroke{0%{stroke-dashoffset:0}100%{stroke-dashoffset:370}}@keyframes AND{0%,74%{stroke-width:0px;stroke-dashoffset:550;transform:scale(1)}75%{transform:scale(1.2)}100%{stroke-width:12px;stroke-dashoffset:0;transform:scale(1)}}@keyframes reverse-AND{0%{stroke-dashoffset:0}100%{stroke-dashoffset:550}}@keyframes short-stroke{0%{stroke-dashoffset:200}100%{stroke-dashoffset:0}}@keyframes reverse-short-stroke{0%{stroke-dashoffset:0}100%{stroke-dashoffset:200}}@keyframes long-stroke{0%{stroke-dashoffset:550}100%{stroke-dashoffset:0}}@keyframes reverse-long-stroke{0%{stroke-dashoffset:0}100%{stroke-dashoffset:550}}.letters{margin:auto;z-index:1;top:-1.8vh;left:3.6vw}.botandrose{width:70vw}.b,.o1,.t,.and,.r,.o2,.s,.e{fill:rgba(0,0,0,0);stroke:#fff;stroke-width:12px}.b{stroke-dashoffset:370;animation:normal-stroke .75s linear 1s forwards}.o1{stroke-dashoffset:370;animation:normal-stroke 1s linear 1.25s forwards}.t{stroke-dashoffset:370;animation:normal-stroke .75s linear 1.4s forwards}.and{transform-origin:50% 50%;stroke-dashoffset:550;animation:AND .75s linear 1.35s forwards}.r{stroke-dashoffset:200;animation:short-stroke .75s linear 1.5s forwards}.o2{stroke-dashoffset:370;animation:normal-stroke .75s linear 1.6s forwards}.s{stroke-dashoffset:550;animation:long-stroke .75s linear 1.4s forwards}.e{stroke-dashoffset:370;animation:normal-stroke .75s linear 1.2s forwards}#animate{display:none}[for=animate]{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:2}#animate:checked~.letters .b,#animate:checked~.letters .o1,#animate:checked~.letters .t,#animate:checked~.letters .o2,#animate:checked~.letters .e{animation:reverse-normal-stroke 1s linear forwards}#animate:checked~.letters .and{animation:reverse-AND 1s linear forwards}#animate:checked~.letters .r{animation:reverse-short-stroke 1s linear forwards}#animate:checked~.letters .s{animation:reverse-long-stroke 1s linear forwards}@keyframes spin{0%{transform:rotate(0deg) scale(0.5);stroke:#0c0c0c;stroke-width:20px}85%{transform:rotate(-900deg) scale(0.5);stroke:#0a0a0a;stroke-width:0px}100%{transform:rotate(-720deg) scale(1);stroke:#1a1a1a;stroke-width:20px}}@keyframes reverse-spin{0%{transform:rotate(-720deg) scale(1);stroke:#1a1a1a;stroke-width:20px}100%{transform:rotate(-900deg) scale(0.5);stroke:#0c0c0c;stroke-width:20px}}.logo-back{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh}.flower{width:50vw;fill:rgba(0,0,0,0);transform-origin:50% 50%;animation:spin 2s ease-in 0s forwards;transition:stroke .2s ease-in}#animate:checked~.logo-back .flower{animation:reverse-spin 1s ease-out 0s forwards}.canvas-rotate{position:fixed;z-index:999999;opacity:.001}.canvas-rotate:nth-of-type(2){left:15px}.canvas-rotate:nth-of-type(3){left:30px}.canvas-rotate:nth-of-type(4){left:45px}.canvas-rotate:nth-of-type(4){left:60px}section{transition:all .3s ease-in;transform-origin:50% 50%}.canvas{transform-origin:50% 50%;transition:transform .3s ease-in}.tab{display:block;font:700 1.8em "Oswald",Oswald;line-height:1em;padding:20px 20px 100px 20px;background:rgba(255,204,0,.9);box-shadow:rgba(2.25,2.25,2.25,.5) 0 0 20px;color:#0a0a0a;position:absolute;text-transform:uppercase;transform-origin:50% 50%;transition:all .15s ease-in;z-index:100}@media screen and (max-screen-width: 767px),(max-width: 767px){.tab{font-size:1.1em}}.tab:hover{background:#fc0;box-shadow:rgba(2.25,2.25,2.25,.9) 0 0 10px}.clients-tab{bottom:20px;right:-70px;transform:rotate(-97.5deg)}.clients-tab:hover{right:-60px}.about-tab{bottom:-80px;left:20px;transform:rotate(7.5deg)}.about-tab:hover{bottom:-70px}.contact-tab{top:20px;left:-70px;transform:rotate(97.5deg)}.contact-tab:hover{left:-60px}.home-tab{top:-80px;left:20px;transform-origin:50% 50%;transform:rotate(187.5deg);color:#0a0a0a}.home-tab:hover{top:-70px}#focus-home:checked~.canvas .home-tab{display:none}.clients{position:absolute;top:0vh;left:100vw;left:100dvw;width:100vh;width:100dvh;transform:rotate(-90deg);z-index:2}@media screen and (max-screen-width: 767px),(max-width: 767px){.clients{left:200vw;left:200dvw}}.clients .home-tab{color:#000}#focus-clients:checked~.canvas{transform:rotate(90deg) translateX(-100vw);transform:rotate(90deg) translateX(-100dvw)}@media screen and (max-screen-width: 767px),(max-width: 767px){#focus-clients:checked~.canvas{transform:rotate(90deg) translateX(-200vw);transform:rotate(90deg) translateX(-200dvw)}}#focus-clients:checked~.canvas .clients{width:100vw}#focus-clients:checked~.canvas .letters{opacity:0}#focus-clients:checked~.canvas .clients-tab,#focus-clients:checked~.canvas .about-tab,#focus-clients:checked~.canvas .contact-tab{display:none}.about{position:absolute;top:200vh;top:200vdh;left:0;width:100vw;width:100dvw;transform:rotate(-180deg);z-index:2}#focus-about:checked~.canvas{transform:rotate(180deg) translateY(-200vh);transform:rotate(180deg) translateY(-200dvh)}#focus-about:checked~.canvas .clients-tab,#focus-about:checked~.canvas .about-tab,#focus-about:checked~.canvas .contact-tab{display:none}#focus-about:checked~.canvas .letters{opacity:0}.contact{position:absolute;top:0vh;left:-200vh;left:-200dvh;width:100vh;width:100dvh;transform:rotate(90deg);z-index:2}#focus-contact:checked~.canvas{transform:rotate(-90deg) translateX(200vh);transform:rotate(-90deg) translateX(200dvh)}#focus-contact:checked~.canvas .contact{width:100vw;width:100dvw}#focus-contact:checked~.canvas .about{display:none}#focus-contact:checked~.canvas .clients-tab,#focus-contact:checked~.canvas .about-tab,#focus-contact:checked~.canvas .contact-tab{display:none}#focus-contact:checked~.canvas .letters{opacity:0}.clients{display:flex}@media screen and (max-screen-width: 767px),(max-width: 767px){.clients{flex-direction:column;overflow:auto}}.clients article{padding:10vh 50px;padding:10dvh 50px;display:flex;flex-wrap:wrap;flex:1 0;align-items:center;flex-direction:column}@media screen and (max-screen-width: 1024px),(max-width: 1024px){.clients article{padding:5vh 20px;padding:5dvh 20px}}@media screen and (max-screen-width: 767px),(max-width: 767px){.clients article{flex-direction:row}}.clients aside{padding:80px 50px 20px;display:flex;flex-direction:column;justify-content:center;flex:0 0 30vw;flex:0 0 30dvw;background:#010101;overflow:auto}@media screen and (max-screen-height: 820spx),(max-height: 820px){.clients aside{justify-content:flex-start}}@media screen and (max-screen-width: 1024px),(max-width: 1024px){.clients aside{padding:120px 20px 20px 20px}}@media screen and (max-screen-width: 767px),(max-width: 767px){.clients aside{padding:80px 20px 20px 20px;overflow:initial}}.clients aside h2::after{left:0}.clients .field{display:inline-block;margin:0;padding:10px;height:30%;flex:0 0 25%}@media screen and (max-screen-width: 768px),(max-width: 768px){.clients .field{flex:0 0 15%}}@media screen and (max-screen-width: 767px),(max-width: 767px){.clients .field{flex:0 0 33%}}.clients img{display:block;height:100%;width:160px;max-width:100%;object-fit:contain;object-position:center}.clients .jhu1-logo,.clients .jhu2-logo{height:50%}.about{display:flex;justify-content:center}@media screen and (max-screen-width: 767px),(max-width: 767px){.about{overflow:auto;flex-wrap:wrap;padding:60px 20px 20px}}.about article{flex:1 0;padding:40px}@media screen and (max-screen-width: 1024px),(max-width: 1024px){.about article{padding:20px}}@media screen and (max-screen-width: 767px),(max-width: 767px){.about article{order:2;flex:1 0 50%;padding:5px}}.about aside{display:flex;flex-direction:column;justify-content:center;flex:0 0 30vw;flex:0 0 30dvw;padding:20px;overflow:auto}@media screen and (max-screen-height: 820spx),(max-height: 820px){.about aside{justify-content:flex-start;flex-basis:35vw;flex-basis:35dvw}}@media screen and (max-screen-width: 1024px),(max-width: 1024px){.about aside{padding:10px}}@media screen and (max-screen-width: 767px),(max-width: 767px){.about aside{order:1;flex:1 0 100%;overflow:initial}}.about aside h2,.about aside p{color:#fcfcfc;text-align:justify}.about aside h2{line-height:1.2em}.about-img{width:100%;height:100%;box-shadow:rgba(0,0,0,.75) 0 1px 6px}.about-img:before{content:"";border:5px solid rgba(1,1,1,.8);position:absolute;width:calc(100% - 20px);height:calc(100% - 20px);left:5px;top:5px;z-index:1;border-radius:4px}@media screen and (max-screen-width: 767px),(max-width: 767px){.about-img:before{border-width:3px}}.about-img img{display:block;width:100%;height:100%;object-position:50% 0%;object-fit:cover;filter:grayscale(1)}.contact{display:flex;justify-content:center;text-align:center;align-items:center}@media screen and (max-screen-width: 767px),(max-width: 767px){.contact{padding:20px}}@media screen and (max-screen-width: 767px),(max-width: 767px){.contact br{margin-bottom:20px}}*{margin:0;padding:0;position:relative;box-sizing:border-box}html{height:100vh;height:100dvh;overflow:hidden}body{min-height:100vh;min-height:100dvh;background:linear-gradient(#101010, #0f0f0f);overflow:hidden}section{display:flex;height:100vh;height:100dvh;width:100vw;width:100dvw}