#hero{--hero-name-size:4rem;--hero-byline-size:2.4rem;--hero-byline-width:20ch;--hero-bottom-offset:25%;position:relative;min-height:87vh;overflow:hidden;background-color:hsl(260,60%,35%)}#hero .hero-headline{padding:0 var(--space-sides);max-width:var(--space-section-width);margin:auto}#hero h1{position:absolute;bottom:var(--hero-bottom-offset);font-size:var(--hero-name-size);font-weight:600}#hero .byline{display:inline-block;line-height:1.4;font-size:var(--hero-byline-size);font-weight:400;max-width:var(--hero-byline-width)}#hero video{transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;width:auto;height:auto;min-width:100vw;min-height:86vh;opacity:.36}#hero svg.hero-wave{position:absolute;bottom:-.4rem;left:-12vw;width:280%}#arrow-to-about{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;overflow:hidden;height:2rem;padding:0 .8rem;animation:arrow-bounce 4s ease-in-out 3s backwards 5}#arrow-to-about>svg{width:2.4rem;height:2.4rem;stroke:var(--color-text-light)}#arrow-to-about:focus,#arrow-to-about:hover{animation-play-state:paused;stroke:var(--color-primary)}#arrow-to-about:focus svg,#arrow-to-about:hover svg{stroke:var(--color-primary)}@keyframes arrow-bounce{0%{transform:translate(-50%,0)}80%{transform:translate(-50%,0)}85%{transform:translate(-50%,.8rem)}90%{transform:translate(-50%,0)}95%{transform:translate(-50%,.8rem)}100%{transform:translate(-50%,0)}}#about img.profile-photo{margin-bottom:4.8rem}#about ul.cta-btns{display:flex;margin-top:3.2rem}#about ul.cta-btns>li{flex:1 1 50%}#about ul.cta-btns a.btn{display:block}#about ul.cta-btns>li:last-child{margin-left:1.6rem}.brands{margin-top:12rem}.brands h3{margin-bottom:3.2rem}.brands-list{display:flex;justify-content:center;flex-wrap:wrap;row-gap:2.4rem;padding-bottom:2.4rem}.brands-list li{flex:1 1 25%}#contact .email{margin-top:5.2rem}#contact .separator{position:relative;margin:6.4rem 0}#contact .separator::before{position:absolute;content:"or";color:var(--color-card);background:var(--color-background);left:2.4rem;transform:translateY(-50%);padding:0 .8rem}section h2 .-word-highlight{position:relative}section h2 .-word-highlight::after{content:"";position:absolute;bottom:-.2rem;right:-.6ch;width:2.4ch;height:.2rem;background:var(--color-primary)}article{margin-bottom:4rem}article:hover{cursor:pointer}article picture{display:block;width:100%;height:0;padding-bottom:104%;overflow:hidden;border-radius:.4rem;background-color:var(--color-card)}article img{display:block;width:100%;height:auto}article h3{margin-top:1.6rem;font-size:var(--text-size-body-big);font-weight:600}article p{font-size:var(--text-size-body-small);margin-top:.4rem;margin-bottom:1.6rem;color:var(--color-text-light)}article small{margin-top:.8rem;color:var(--color-primary);font-size:var(--text-size-body-small)}form .submit-btn-wrapper{text-align:right}form label{display:block;position:relative;margin-bottom:4rem;margin-top:3.2rem;font-size:var(--text-size-body)}form .label{position:absolute;left:.8rem;padding:0 .8rem;transition:transform 80ms ease-out}form .label.-textarea{top:1.2rem}form .label.-is-focused{transform:translateY(-1.6rem);color:var(--color-primary);background-color:var(--color-background)}form .label.-textarea.-is-focused{transform:translateY(-2.4rem)}form input,form textarea{width:100%;background:transparent!important;border:none;border-bottom:.1rem solid var(--color-primary);padding:1.2rem 1.6rem .4rem 1.6rem;color:var(--color-text);font-size:var(--text-size-body-large);-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 8rem var(--color-background) inset}form textarea{min-height:12rem;max-height:32rem;max-width:100%;min-width:100%;padding-top:1.6rem}form label.textarea{margin-top:5.6rem}form input:focus{outline:none;border-bottom-width:.2rem;border-color:var(--color-primary-light)}form textarea{background:transparent;border:none;border:.1rem solid var(--color-primary)}form textarea:focus{outline:none;border-width:2px}@media (orientation:landscape) or (min-width:40rem){#about .row{display:flex;flex-direction:row-reverse;column-gap:2.4rem;align-items:start}#about .col-text{flex:1 1 60%}#about .col-photo{flex:1 1 40%;position:sticky;top:4.8rem}.brands{margin-top:12rem}.brands h3{margin-bottom:6.4rem}.brands-list{justify-content:center;padding-bottom:3.2rem;row-gap:4.8rem}.brands-list li{flex:unset}.brands-list img{width:14rem}article{margin-bottom:0}article h3{margin-top:2.4rem}article img{transition:transform 280ms ease-in-out}article:has(a:hover) img,article:has(a:focus) img{transform:scale(1.1)}.case-studies-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:2.4rem;grid-row-gap:8rem}.project-list{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:2.4rem;grid-row-gap:4.8rem}}@media (min-width:48rem){#hero{--hero-name-size:7.2rem;--hero-byline-size:3.2rem;--hero-byline-width:30ch;--hero-bottom-offset:30%;height:96vh}#hero video{min-height:96vh}#hero svg.hero-wave{left:0;width:100%}#arrow-to-about{bottom:1rem}#about ul.cta-btns{display:block;margin-top:6rem}#about ul.cta-btns>li{display:inline-block}#about ul.cta-btns a.btn{display:inline-block}#about .row{column-gap:3.2rem}article picture{padding-bottom:52.4%}#contact .wrapper{max-width:40%}}