[data-block-name=project-awards],[data-type="hoyt-creative/project-awards"]{--image-width: 60px}[data-block-name=project-awards] .container,[data-block-name=project-awards] .project-awards-editor,[data-block-name=project-awards]:not(:has(.container)),[data-type="hoyt-creative/project-awards"] .container,[data-type="hoyt-creative/project-awards"] .project-awards-editor,[data-type="hoyt-creative/project-awards"]:not(:has(.container)){display:flex;gap:0rem;align-items:center;max-width:750px}[data-block-name=project-awards] .awards-container,[data-type="hoyt-creative/project-awards"] .awards-container{flex:2;display:flex;flex-direction:column;gap:3rem}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=project-awards],[data-type="hoyt-creative/project-awards"]{--image-width: 90px}[data-block-name=project-awards] .award-item,[data-type="hoyt-creative/project-awards"] .award-item{max-width:80%}[data-block-name=project-awards] .award-item .category,[data-type="hoyt-creative/project-awards"] .award-item .category{white-space:nowrap}[data-block-name=project-awards] .award-spacer,[data-type="hoyt-creative/project-awards"] .award-spacer{width:calc(var(--image-width)/2.8)}}.award-item{border-radius:8px;text-align:center;display:flex;max-width:90%;justify-content:flex-start;gap:1%}.award-item:only-child{align-self:center}.award-item:nth-child(even):not(:only-child){align-self:flex-end}.award-item:nth-child(odd):not(:only-child){align-self:flex-start}.award-item .award-image{aspect-ratio:1/1;width:var(--image-width);margin:0 .5rem 0 0}.award-item .award-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:none}.award-item .award-text{flex:2;text-align:left;align-self:center}.award-item .award-text .type{line-height:1em;margin:0 0 0rem 0}.award-item .award-text .category{line-height:1.1em;margin:-0.1em 0 0rem 0}.award-item .award-spacer{margin:0;width:calc(var(--image-width)/2);display:flex;align-items:center}.award-item .award-spacer svg{height:140%;width:auto}.award-item .award-spacer.left{justify-content:flex-start}.award-item .award-spacer.right{justify-content:flex-end}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (max-width: 768px){.award-item .award-text .type{font-size:4vw}.award-item .award-text .category{font-size:3.2vw}}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=project-awards]{--image-width: 90px}.award-item{max-width:80%}.award-item .category{white-space:nowrap}.award-spacer{width:calc(var(--image-width)/2.8)}}[data-block-name=home-hero]{position:relative}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero]{height:100%;overflow:hidden}}[data-block-name=home-hero] .hero-container{display:flex;flex-direction:column-reverse}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .hero-container{flex-direction:row;height:100%;gap:12%}}[data-block-name=home-hero] .hero-grid-container{position:relative;width:100%;flex:0 0 100%;padding:2rem 1rem;overflow:hidden}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .hero-grid-container{flex:0 0 44%;padding:3rem 2rem;overflow:visible}}[data-block-name=home-hero] .hero-grid{top:50%;z-index:1;width:114%;max-width:600px;margin:0 auto;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr auto 1fr;grid-auto-rows:1fr;gap:8px;margin-top:-70%;margin-left:-7%}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .hero-grid{width:100%;margin-left:0;margin-top:0;max-width:100%;transform:translate(0px, -50%);position:absolute;grid-template-rows:33% auto 33%;grid-auto-rows:33%}}[data-block-name=home-hero] .hero-grid>*{opacity:0;display:block;position:relative}[data-block-name=home-hero] .hero-grid>* .hero-image-wrapper.frame{height:100%;width:100%;background-color:#000;border-radius:.5rem;overflow:hidden;border-color:rgba(245,245,245,.5);border-style:solid;border-width:3px;padding:.4rem;opacity:1;transition:border-color .3s ease}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .hero-grid>* .hero-image-wrapper.frame{border-radius:.75rem;border-width:3px;padding:.5rem}}[data-block-name=home-hero] .hero-grid>* .hero-image-wrapper.frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border-radius:4px}[data-block-name=home-hero] .hero-grid>a .hero-image-wrapper.frame{border-color:var(--button-background-color)}[data-block-name=home-hero] .hero-grid>a:hover .hero-image-wrapper.frame{border-color:var(--button-background-color-hover)}[data-block-name=home-hero] .hero-grid>*{grid-row:span 1}[data-block-name=home-hero] .hero-grid>.full-row{grid-column:span 3;grid-row:span 1}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .hero-grid>.full-row{display:none}}[data-block-name=home-hero] .hero-grid>.tablet-mockup{grid-column:span 2;grid-row:span 1}[data-block-name=home-hero] .hero-grid>.tablet-mockup .frame{position:absolute;top:0;left:0;width:auto;aspect-ratio:7/5;z-index:1}[data-block-name=home-hero] .hero-grid>.desktop-mockup{grid-column:span 3;grid-row:span 1}[data-block-name=home-hero] .hero-grid>.desktop-mockup .frame{position:absolute;top:0;left:0;width:auto;aspect-ratio:16/9;z-index:1}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .hero-grid>.desktop-mockup .frame{overflow:visible}[data-block-name=home-hero] .hero-grid>.desktop-mockup .frame picture{display:block;overflow:hidden;border-radius:4px;height:100%}}[data-block-name=home-hero] .hero-content{position:relative;width:100%;flex:0 0 100%;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background-color:var(--background-color)}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .hero-content{flex:0 0 44%;padding:4rem 3rem}}[data-block-name=home-hero] .hero-content .hero-content-inner{max-width:500px;width:100%}[data-block-name=home-hero] .hero-content .hero-content-inner.slide2{display:none;opacity:0;position:absolute;left:2rem;top:0;--image-width: 5rem}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .hero-content .hero-content-inner.slide2{left:3rem}}[data-block-name=home-hero] .hero-content .hero-content-inner.slide2 .slide2-label{margin-bottom:0}[data-block-name=home-hero] .hero-content .hero-headline{margin-bottom:2rem}[data-block-name=home-hero] .hero-content .hero-headline h1{font-family:"ruddy",sans-serif;font-weight:700;font-style:italic;font-size:4rem;line-height:1em;margin-bottom:1rem}@media only screen and (min-device-width: 1024px)and (min-width: 992px){[data-block-name=home-hero] .hero-content .hero-headline h1{font-size:4.5rem}}[data-block-name=home-hero] .hero-content .hero-headline h1 .span1{display:block;font-size:1.5em;line-height:1em}[data-block-name=home-hero] .hero-content .hero-headline h1 .span2{display:block;font-size:2em;line-height:1em}[data-block-name=home-hero] .hero-content .hero-headline p{font-size:1.1rem;line-height:1.5;margin-bottom:0}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .hero-content .hero-headline p{font-size:1.25rem}}[data-block-name=home-hero] .hero-content .hero-cta{display:flex;flex-direction:column;gap:1rem}[data-block-name=home-hero] .hero-content .hero-cta a{pointer-events:all}[data-block-name=home-hero] .hero-content .hero-cta a.secondary{font-weight:700}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .hero-content .hero-cta{flex-direction:row;gap:1.5rem}}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .mobile-only{display:none}}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (max-width: 768px){[data-block-name=home-hero] .desktop-only{display:none !important}}[data-block-name=home-hero] .hero-content.desktop-only{display:none}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .hero-content.desktop-only{display:flex !important}}[data-block-name=home-hero] .slide2-section.award-item{--image-width: 48px}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .slide2-section.award-item{--image-width: 72px}}[data-block-name=home-hero] .slide2-section.award-item .award-spacer svg{height:112%}[data-block-name=home-hero] .slide2-section{position:relative;padding:1rem 0;margin-bottom:1rem}[data-block-name=home-hero] .slide2-section h1,[data-block-name=home-hero] .slide2-section h2,[data-block-name=home-hero] .slide2-section h3,[data-block-name=home-hero] .slide2-section h4,[data-block-name=home-hero] .slide2-section h5,[data-block-name=home-hero] .slide2-section h6{line-height:1em}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .slide2-section.tech-stack::before{content:"";position:absolute;left:-1.35rem;top:0;width:4px;height:100%}[data-block-name=home-hero] .slide2-section.tech-stack[data-tech-group=development]::before{background-color:#46a57a}[data-block-name=home-hero] .slide2-section.tech-stack[data-tech-group=creative]::before{background-color:#e88a4b}}[data-block-name=home-hero] .label-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem;vertical-align:middle}[data-block-name=home-hero] .label-dot--development{background-color:#46a57a}[data-block-name=home-hero] .label-dot--creative{background-color:#e88a4b}[data-block-name=home-hero] .tech-chips{display:flex;flex-wrap:wrap;gap:1.2rem}[data-block-name=home-hero] .tech-chips .tech-chip{flex:0 0 2.4rem}[data-block-name=home-hero] .tech-chips .tech-chip svg{width:100%;height:auto}@keyframes annotation-pulse{0%{transform:translate(-50%, -50%) scale(1);opacity:.4}50%{transform:translate(-50%, -50%) scale(1.4);opacity:0}100%{transform:translate(-50%, -50%) scale(1);opacity:.4}}[data-block-name=home-hero] .annotation-dot{display:none}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .annotation-dot{display:block;position:absolute;width:28px;height:28px;border-radius:50%;z-index:2;opacity:0;pointer-events:none}[data-block-name=home-hero] .annotation-dot::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:56px;height:56px;border-radius:50%;border:2px solid currentColor;opacity:.4;animation:annotation-pulse 2.5s ease-in-out infinite}}[data-block-name=home-hero] .annotation-dot--design{color:#e88a4b;background-color:#e88a4b}[data-block-name=home-hero] .annotation-dot--development{color:#46a57a;background-color:#46a57a}[data-block-name=home-hero] .annotation-target{display:none}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .annotation-target{display:block;position:absolute;left:calc(-1.35rem + 3px);top:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;z-index:2;opacity:0;pointer-events:none}[data-block-name=home-hero] .annotation-target::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:18px;height:18px;border-radius:50%;border:2px solid currentColor;opacity:.4;animation:annotation-pulse 2.5s ease-in-out infinite}}[data-block-name=home-hero] .annotation-target--design{color:#e88a4b;background-color:#e88a4b}[data-block-name=home-hero] .annotation-target--development{color:#46a57a;background-color:#46a57a}@media only screen and (min-device-width: 768px)and (max-device-width: 1024px),screen and (min-width: 768px){[data-block-name=home-hero] .annotation-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}}[data-block-name=home-hero] .annotation-line{fill:none;stroke-width:4;stroke-dasharray:1000;stroke-dashoffset:1000}[data-block-name=home-hero] .annotation-line--design{stroke:#e88a4b}[data-block-name=home-hero] .annotation-line--development{stroke:#46a57a}
