*,*:before,*:after{box-sizing:border-box}html,body{font-family:Catamaran,Arial,Helvetica,sans-serif;background-color:#fff;scroll-behavior:smooth;line-height:1.5}html{--content-width: 1280px;--content-padding: 2rem;--header-height: 6rem}h1,h2,h3{margin:0;line-height:1}h1.title{font-size:2.2rem;margin-bottom:1.5rem}h2.title{font-size:1.5rem}p.description{margin:1.5rem 0}p.notice{font-size:.8rem}a{text-decoration:none;color:inherit}.wrapper{position:relative;max-width:var(--content-width);height:100%;margin:0 auto;padding:0 var(--content-padding)}header{position:fixed;left:0;top:0;width:100%;height:var(--header-height);background-color:#fff;z-index:99}nav{font-size:1.2rem}section{padding-top:calc(var(--header-height) + var(--content-padding))}section:first-of-type{margin-top:calc(100vh - var(--header-height) - var(--content-padding))}footer{margin-top:calc(var(--header-height) + var(--content-padding))}footer p{text-align:center;font-size:.9rem;margin:0;padding-bottom:1rem}.logo-wrapper,.nav-wrapper,.links-wrapper{display:flex;position:absolute;left:0;top:0;width:100%;height:100%}.logo-wrapper{display:flex;justify-content:center;align-items:center;padding:.5rem 0}.logo{--height-start: 200%;--height-end: 100%;--translate-y-start: 40vh;--translate-y-end: 0vh;display:flex;align-items:center;z-index:999;font-size:1rem}.logo .fox{height:100%}.logo .title{display:flex;flex-direction:column;justify-content:center;padding-left:1em;text-transform:uppercase;line-height:1}.logo .title .secondary{--font-size-start: 3em;--font-size-end: 1.6em;color:green;font-weight:700}.logo .title .primary{--font-size-start: 6em;--font-size-end: 2em;color:red;font-weight:700}nav{width:50%;height:100%;display:inline-flex;align-items:center;text-transform:uppercase;color:#000}nav.left{justify-content:flex-start;padding-left:var(--content-padding)}nav.left a{margin-right:2rem}nav.right{justify-content:flex-end;padding-right:var(--content-padding)}nav.right a{margin-left:2rem}.scroll-down-hint{position:fixed;left:0;bottom:0;height:4rem;width:100vw;display:flex;justify-content:center;align-items:center;padding-bottom:1rem}.scroll-down-hint.hidden{pointer-events:none;opacity:0}.scroll-down-hint a{height:100%}.scroll-down-hint .scroll-down-arrow{height:100%;opacity:.4;transition:opacity .2s ease}#services .cards-container{display:flex;justify-content:space-between;align-items:stretch}#services .card{display:flex;flex-direction:column;width:30%;padding:1rem;border:1px solid black;border-radius:5px;text-align:center}#services .card p.description{font-size:.9rem;word-wrap:break-word;margin:1rem 0}#services .card .included{font-size:.8rem;text-align:left;list-style:none;padding:0;flex-grow:1;margin:0 0 1rem}#services .card .included .checkmark{display:inline;height:1rem;vertical-align:text-bottom;margin-right:.5rem}#services .card a.action{position:relative;bottom:0;border:none;border-radius:4px;padding:1rem;cursor:pointer;background-color:#000;color:#fff}#about-me .profile{display:flex}#about-me .image{display:flex;justify-content:center;align-items:center;width:40%}#about-me .image img{display:block;width:100%;height:auto;margin:auto;border-radius:50%}#about-me .text{width:60%;padding-left:var(--content-padding)}#about-me .text .description{margin:1rem 0}#studio .images{--images-control-width: 3.5rem;width:100%;height:calc(80vh - var(--header-height) - var(--content-padding));display:flex}#studio .images .scroller{position:relative;display:flex;width:calc(100% - 2 * var(--images-control-width));height:100%;overflow:hidden}#studio .images .control{width:var(--images-control-width);height:100%;display:flex;justify-content:center;align-items:center}#studio .images .control.disabled{opacity:.2}#studio .images .left.control{left:0}#studio .images .right.control{right:0}#studio .images .control .arrow{width:100%;cursor:pointer}#studio .images img{flex-shrink:0;width:100%;height:100%;object-fit:contain;object-position:center}#contact .contact-info{display:flex}#contact .contact-info .text{display:flex;width:40%;justify-content:center;align-items:center;flex-direction:column}#contact .contact-info .text .description{text-align:center;margin:.3rem 0;line-height:1em}#contact .contact-info .text .description.email{border-bottom:1px dashed}#contact .contact-info .map{width:60%}#contact .contact-info .map iframe{width:100%;height:calc(80vh - var(--header-height) - var(--content-padding))}html,body{font-size:18px}@media (min-width: 1025px) and (max-width: 1440px){html,body{font-size:16px}}@media (min-width: 769px) and (max-width: 1024px){html,body{font-size:14px}}@media (min-width: 426px) and (max-width: 768px){html,body{font-size:18px}}@media (max-width: 425px){html,body{font-size:16px}}.menu-icon{display:none}@media (min-width: 426px) and (max-width: 768px){.logo{--height-start: 120%;--height-end: 80%;font-size:.5rem}.logo .title .secondary{--font-size-end: 1.9em}.logo .title .primary{--font-size-end: 2.5em}}@media (max-width: 425px){.menu-icon{transform:scale(.5)}.logo{--height-start: 100%;--height-end: 80%;font-size:.45rem}.logo .title .secondary{--font-size-end: 2.2em}.logo .title .primary{--font-size-end: 2.8em}}@media (max-width: 768px){.links-wrapper{flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.menu-icon{display:block;height:var(--header-height);position:absolute;top:0;right:0;cursor:pointer}.links-wrapper{height:100vh;background-color:#fff;opacity:0;transition:all .4s ease}nav.left,nav.right{display:none;opacity:0;padding:0 var(--content-padding);flex-direction:column;width:100%;height:auto;font-size:38px}nav.left a,nav.right a{margin:1rem 0}.transition .logo,.transition .logo .title .secondary,.transition .logo .title .primary{transition:all .4s ease}.expanded .logo{height:var(--height-end)!important;transform:translateY(var(--translate-y-end))!important}.expanded .logo .title .secondary,.expanded .logo .title .primary{font-size:var(--font-size-end)!important}.expanded .links-wrapper{opacity:1;pointer-events:auto}.expanded nav.left,.expanded nav.right{display:inline-flex;opacity:1}.expanded .scroll-down-hint{pointer-events:none;opacity:0}#services .cards-container{flex-direction:column}#services .card{width:100%;margin-bottom:var(--content-padding)}#services .card:last-of-type{margin:0}#about-me .profile{flex-direction:column;align-items:center}#about-me .profile .image{width:50%}#about-me .profile .text{width:100%;padding:0}#contact .contact-info{flex-direction:column;align-items:center}#contact .contact-info .text{padding-bottom:var(--content-padding)}#contact .contact-info .map{width:100%}}