@import "https://fonts.googleapis.com/css2?family=Gaegu&display=swap";@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{--clr-background:#fff;--clr-text:#222;--clr-primary:#5b4bff;--container-width:1200px;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--radius:24px}*{box-sizing:border-box;color:#003044;margin:0;padding:0;font-family:Outfit}html{scroll-behavior:smooth}body{color:var(--clr-text);opacity:0;flex-direction:column;gap:2rem;margin-top:2rem;font-family:Outfit,sans-serif;transition:opacity .3s;display:flex}body.page-loaded{opacity:1}body.page-exit{opacity:0}img{max-width:100%;height:auto;display:flex}a{color:inherit;text-decoration:none}#back-arrow{width:3rem;padding-left:1rem;text-decoration:underline;position:absolute;top:50%;left:0;transform:translateY(-50%)}h1{letter-spacing:-.03em;font-size:clamp(3rem,4.5vw,5rem);font-weight:800;line-height:114%}h2{font-size:clamp(2rem,4vw,4rem);font-weight:800;line-height:117.4%}h3{font-size:clamp(1.5rem,2vw,2rem);font-weight:800;line-height:117.4%}h4{font-family:Outfit;font-size:clamp(1rem,2vw,1.5rem);display:block}h5{font-family:JetBrains Mono,monospace;font-size:clamp(1rem,1vw,1rem);display:block}p{font-family:JetBrains Mono,monospace;font-size:clamp(1rem,2vw,1rem)}header{flex-direction:column;align-items:center;width:100%;padding-inline:0;display:flex;position:relative}main{flex-direction:column;align-items:center;gap:6rem;display:flex}section{flex-direction:column;justify-content:center;padding-block:5rem;padding-inline:1rem;display:flex}.container{flex-direction:column;gap:3rem;width:100%;max-width:1200px;padding-inline:0;display:flex}.nav-toggle{aspect-ratio:1;cursor:pointer;z-index:2;border-radius:25%;width:14%;min-width:2rem;max-width:4.5rem;position:absolute;top:40%;left:50%;transform:translate(-50%)}#menu-toggle{aspect-ratio:1;cursor:pointer;z-index:2;border-radius:25%;width:14%;min-width:2rem;position:relative}.nav-toggle span{background:#ffed6c;width:60%;height:2px;transition:transform .3s,opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-toggle span:first-child{top:30%}.nav-toggle span:nth-child(3){top:70%}body.activeNav .nav-toggle span:first-child{top:50%;transform:translate(-50%,-50%)rotate(45deg)}body.activeNav .nav-toggle span:nth-child(3){top:50%;transform:translate(-50%,-50%)rotate(-45deg)}body.activeNav .nav-toggle span:nth-child(2){display:none}.nav{z-index:3;background:#ff8c00;border-radius:50%;justify-content:center;align-items:center;width:0;height:0;transition:width .4s ease-in-out .1s,height .4s ease-in-out .1s,border-radius .8s ease-in-out .1s;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.nav-overlay{content:"";z-index:3;background:#ffed6c;border-radius:50%;width:0;height:0;transition:width .8s ease-in-out .13s,height .8s ease-in-out .13s,border-radius .3s ease-in-out .13s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}body.activeNav{overflow:hidden}body.activeNav .nav-overlay{border-radius:50%;width:200vmax;height:200vmax;transition:width .8s ease-in-out,height .8s ease-in-out,border-radius .8s ease-in-out .8s}body.activeNav .nav{border-radius:50%;width:150vmax;height:150vmax;transition:width .8s ease-in-out .3s,height .8s ease-in-out .3s,border-radius .3s ease-in-out .33s}.nav .links .link{text-align:center;margin:20px;font-size:45px;position:relative}.nav .links .link a{color:#ffed6c;font-size:2em;font-weight:800;line-height:117.4%;text-decoration:none}.nav .links .link a:hover{color:#fff}.hero{flex-direction:column;align-items:center;width:100%;padding-inline:0;display:flex;position:relative}.frogpond-hero{flex-direction:column;align-items:center;width:100%;display:flex}.frogpond-mobile{display:block}.frogpond-desktop{width:100%;display:none}.introduction{flex-direction:column;align-self:flex-start;gap:1rem;display:flex}.introduction-title span{display:block}.introduction-content{flex-direction:row;align-items:center;display:flex}.introduction-text{align-items:left;flex-direction:column;gap:1rem;width:100%;display:flex}#headshot-image{object-fit:cover;border-radius:50%;width:100%}.skills{flex-direction:column;gap:2rem;width:100%;display:flex}.skills-list{margin:0;padding:0;list-style:none}.skills-list li{border-top:1.5px solid #003044;padding:1rem 0;padding-block:2rem;font-family:JetBrains Mono,monospace;font-size:clamp(1rem,2vw,1.25rem)}.work-grid{grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr;gap:3rem;display:grid}.work-grid-box{flex-direction:column;gap:2rem;display:flex;overflow:hidden}.image-mask{border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.case-img{object-fit:cover;width:110%;height:110%;transition:transform .8s}.case-img:hover{transform:scale(1.03)}.work-grid-box-text{flex-direction:column;gap:.25rem;display:flex}.desc{color:#9c9aa6;font-size:1rem}.contact{justify-content:center;align-items:center;width:100%;margin-bottom:4rem}.contact-box{flex-direction:column;gap:1rem;display:flex}.contact-forms{flex-direction:column;justify-content:space-between;gap:1rem;width:100%;display:flex}.input-group{flex-direction:column;gap:10px;padding-block:10px;display:flex}input{border:none;border-bottom:1.5px solid #003044;outline:none;width:100%;padding-block:10px}textarea{border:1.5px solid #003044;outline:none;width:100%;padding:10px}button{color:#fff;background-color:#003044;border:none;align-self:center;width:10%;min-width:120px;padding-block:1rem;font-family:outfit;font-size:clamp(1rem,2vw,1rem);font-weight:800;line-height:117.4%}.contact-forms button{transition:background-color .3s,color .3s,transform .3s}.contact-forms button.sent{color:#fff;background-color:#15ad61}.contact-forms button:hover{transform:scale(1.03)}footer{place-content:center;padding-bottom:1rem;font-size:1rem;display:flex}@media (width>=610px){.frogpond-mobile{width:100%;display:none}.frogpond-desktop{display:block}}@media (width>=711px){.homepage body{margin-top:0}.about .container{flex-direction:row}.work-grid{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr;gap:2rem;display:grid}}@media (width>=1200px){section{flex-direction:column;justify-content:center;max-width:1000px;padding-block:4rem;padding-inline:1rem;display:flex}.frogpond-desktop{align-self:center;width:90%}}@media (width>=1024px){.homepage body{background-color:#fff;gap:5rem;margin-top:0}}@media (width>=1600px){.homepage body{margin-top:3rem}section{flex-direction:column;justify-content:center;max-width:1200px;padding-block:4rem;padding-inline:1rem;display:flex}.frogpond-desktop{align-self:center;width:100%}}.hero{flex-direction:column;align-items:center;width:100%;display:flex}.work-page main{gap:3rem}.work-page .hero{flex-direction:row;align-self:center;width:100%;max-width:1000px;height:20px;display:flex;position:relative}.work-page section{padding-block:4rem}.work-page .nav-toggle{position:absolute;top:30%}.work-page .nav-toggle span{background:#003044;width:60%;height:2px;transition:transform .3s,opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work-page .nav-toggle span:first-child{background:#003044;top:30%}.work-page .nav-toggle span:nth-child(3){background:#003044;top:70%}.work-page body.activeNav .nav-toggle span{background:#ffed6c}.case-study{flex-direction:column;align-self:center;gap:3rem;width:100%;max-width:1000px;padding-inline:0;display:flex}.case-study-title{flex-direction:column;gap:3rem;display:flex}.motion-showcase{flex-direction:column;gap:2rem;display:flex}.motion-group{flex-direction:column;gap:10rem;display:flex}.motion-page .container{flex-direction:column;gap:5rem;display:flex}.creative-team{flex-direction:column;gap:1rem;display:flex}.contributors{flex-direction:row;gap:1.5rem;display:flex}.case-study-img{border-radius:var(--radius);width:100%;display:flex}.case-study-video{aspect-ratio:16/9;border-radius:var(--radius);border:none;width:100%;display:block}.case-study-desc{flex-direction:column;gap:1.5rem;display:flex}.case-study-flex,.image-row{flex-direction:column;gap:2rem;display:flex}.image-row-image{display:flex}@media (width>=610px){.nav-toggle{aspect-ratio:1;cursor:pointer;z-index:2;border-radius:25%;width:14%;min-width:2rem;max-width:4.5rem;position:absolute;top:37%;left:50%;transform:translate(-50%)}}@media (width>=711px){.image-row{flex-direction:row;gap:2rem;display:flex}}@media (width>=1200px){.nav-toggle{aspect-ratio:1;cursor:pointer;z-index:2;border-radius:25%;width:14%;min-width:2rem;max-width:4.5rem;position:absolute;top:37%;left:50%;transform:translate(-50%)}}@media (width>=711px){#image-overlay{opacity:0;visibility:hidden;z-index:9999;pointer-events:none;background:#000c;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}#image-overlay.active{opacity:1;visibility:visible;pointer-events:auto}#overlay-image{border-radius:1rem;max-width:70vw;max-height:70svh}}