.hero-container{position:relative;height:100vh;overflow:hidden;background-color:var(--bg)}.hero-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;object-fit:cover;z-index:0}.hero-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-text-top{position:absolute;top:5%;left:50%;transform:translate(-50%);z-index:10}.hero-text-top h1{font-size:10vw;line-height:.9;color:var(--fg)}.hero-text-bottom{position:absolute;bottom:5%;left:50%;transform:translate(-50%);z-index:10}.hero-text-bottom h1{font-size:10vw;line-height:.9;color:var(--fg)}.hero-footer{position:absolute;width:100%;bottom:0;padding:2em;display:flex;justify-content:space-between;z-index:10}.hero-footer .hero-footer-scroll-down{position:absolute;left:50%;transform:translate(-50%)}.hero-footer .hero-footer-symbols{height:1rem}.featured-work{position:relative;width:100vw;height:100svh;overflow:hidden}.featured-work .featured-titles{position:relative;width:500vw;height:100vh;display:flex;will-change:transform}.featured-work .featured-title-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.featured-title-img{position:relative;top:0;width:calc(100% - 4em);height:150px;border:.2em solid var(--fg);border-radius:1em;overflow:hidden;display:none}.featured-work .featured-title-wrapper h1{text-align:center;transform:translateY(-.5em)}.featured-work .featured-images{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200vw;height:200vh;transform-style:preserve-3d;perspective:500px}.featured-work .featured-img-card{position:absolute;width:300px;height:300px;border-radius:2em;overflow:hidden}.featured-work .featured-work-indicator{position:absolute;top:50%;right:2em;transform:translateY(-50%);width:2rem;height:max-content;padding:1.25rem .65rem;background-color:var(--fg);color:var(--bg);border-radius:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;z-index:10}.featured-work .featured-work-indicator .indicator{width:100%;height:1.5px;background-color:var(--bg);opacity:.2}.featured-work .featured-work-footer{position:absolute;bottom:0;width:100%;padding:2em;display:flex;justify-content:space-between;align-items:center;z-index:2}.how-we-do-it{position:relative;width:100vw;min-height:100vh;padding:8em 4em;background-color:var(--fg);color:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:4em;overflow:hidden}.how-we-do-it .text-content{flex:1;display:flex;flex-direction:column;gap:1.5em;max-width:500px}.how-we-do-it .text-content h1{font-size:5rem;text-transform:lowercase;color:var(--bg);margin-bottom:.5em}.how-we-do-it .text-content p{font-family:formula-narrow;font-size:1.15rem;font-weight:400;line-height:1.5;color:#a0a0a0}.how-we-do-it .text-content p strong{color:var(--bg)}.how-we-do-it .cta-btn{display:inline-block;padding:1em 2em;background-color:var(--accent1);color:var(--bg);border-radius:2em;text-decoration:none;font-family:supply-mono;font-weight:700;width:max-content;margin-top:1em;transition:transform .3s}.how-we-do-it .cta-btn:hover{transform:translateY(-5px);background-color:var(--bg);color:var(--fg)}.how-we-do-it .bento-grid{flex:1.25;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(130px,auto);gap:1em;max-width:600px}.how-we-do-it .bento-item{background-color:#1a1a1a;border:1px solid #333;border-radius:1em;padding:2em;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:supply-mono;font-weight:700;text-transform:uppercase;color:var(--bg);box-shadow:0 4px 20px #00000080;transition:transform .3s,box-shadow .3s;will-change:transform,opacity}.how-we-do-it .bento-item:hover{transform:scale(1.02)!important;box-shadow:0 4px 30px #ffffff1a}.how-we-do-it .bento-item.wide{grid-column:span 2}.how-we-do-it .bento-item.large{grid-column:span 2;grid-row:span 2;background-color:#111;font-size:1.25rem;border:1px solid #444}.how-we-do-it .code-block{align-items:flex-start;text-align:left;padding:1.5em;font-size:.85rem;text-transform:none;position:relative;overflow:hidden}.how-we-do-it .code-block .watermark{position:absolute;bottom:1em;right:1.5em;font-size:.65rem;opacity:.3;text-transform:uppercase}@media (max-width: 1000px){.how-we-do-it{flex-direction:column;padding:6em 2em}.how-we-do-it .text-content h1{font-size:3.5rem}.how-we-do-it .bento-grid{grid-template-columns:1fr}.how-we-do-it .bento-item.wide,.how-we-do-it .bento-item.large{grid-column:span 1}}.services{padding-top:8em;padding-bottom:8em}.services .service-card{position:relative;min-height:300px}.services .service-card-inner{position:relative;will-change:transform;width:calc(100vw - 4em);height:100%;margin:0 auto;padding:2em;display:flex;gap:4em;border-radius:2em;min-height:500px}.services .service-card-content{flex:3;display:flex;flex-direction:column;gap:2em}.services .service-card-img{flex:1;aspect-ratio:4/5;border-radius:2em;overflow:hidden}.services #service-card-1 .service-card-inner{background-color:var(--accent1)}.services #service-card-2 .service-card-inner{background-color:var(--accent2)}.services #service-card-3 .service-card-inner{background-color:var(--accent3)}.services #service-card-4 .service-card-inner{background-color:var(--fg);color:var(--bg)}@media (max-width: 1000px){.hero-footer .hero-footer-symbols{display:none}.hero-footer{display:flex;justify-content:flex-end}.hero-footer .hero-footer-scroll-down{left:2em;transform:translate(0)}.hero-text-top,.hero-text-bottom{transform:translate(-50%);left:50%}.hero-ampersand{font-size:30vw}.hero-text-top h1,.hero-text-bottom h1{font-size:16vw}.featured-work{padding:4em 0}.featured-work,.featured-work .featured-titles{height:max-content}.featured-work .featured-title-wrapper{gap:1em}.featured-work .featured-title-wrapper:nth-child(1){margin-bottom:2em}.featured-work .featured-title-wrapper h1{transform:translateY(0);width:75%}.featured-work .featured-work-footer{position:relative;margin-top:4em;justify-content:center}.featured-work .featured-work-footer p:nth-child(1),.featured-work .featured-work-footer p:nth-child(2){display:none}.featured-work .featured-work-indicator,.featured-work .featured-images{display:none}.featured-title-img{display:block}.featured-work .featured-titles{width:100vw;flex-direction:column;gap:2em}.services-header{height:max-content}.services{display:flex;flex-direction:column;gap:2em}.services .service-card-inner{min-height:0;flex-direction:column;justify-content:center;gap:1em;text-align:center;border:.2em solid var(--fg);border-radius:1em}.services .service-card-img{aspect-ratio:5/3;border:.2em solid var(--fg);border-radius:1em}}.solutions-section{position:relative;width:100vw;min-height:100svh;padding:8em 2em 6em;display:flex;flex-direction:column;background-color:var(--bg);color:var(--fg);overflow:hidden}.solutions-section .solutions-header{text-align:left;margin:0 auto 6em;max-width:800px;width:100%;will-change:transform}.solutions-section .solutions-header h1{font-size:6rem}.solutions-container{display:flex;flex-direction:column;gap:4em;max-width:1200px;margin:0 auto;width:100%}.solution-category{display:flex;flex-direction:column;gap:2em;position:relative;border-left:2px solid var(--accent1);padding-left:1.5em}.category-title{font-size:2rem;color:var(--fg);opacity:.8;width:max-content}.solution-items{display:flex;flex-wrap:wrap;gap:2em;perspective:1000px}.solution-block{flex:1 1 200px;max-width:300px;background-color:transparent;border:.15em solid var(--fg);border-radius:.5em;padding:1.5em;display:flex;flex-direction:column;gap:1em;will-change:transform,opacity;transition:background-color .3s ease,border-color .3s ease;position:relative}.solution-block:hover{background-color:var(--fg);color:var(--bg)}.solution-block:hover .title{color:var(--bg)}.solution-block .icon{font-size:2rem}.solution-block .title{font-weight:700}.about-copy{position:relative;width:100vw;height:100%;padding:8em 2em}.about-copy .about-copy-content{text-align:center;width:50%;margin:0 auto;display:flex;flex-direction:column;background-color:var(--accent1);border:.25em solid var(--fg);border-radius:1em;padding:3em 2em;gap:2em}.about-copy .about-copy-content h3{font-weight:400}.about-copy .about-copy-content h3 span{font-weight:900}.about-copy .tag{position:absolute;width:max-content;background-color:var(--fg);border-radius:.5em}.about-copy .tag p{text-transform:uppercase;color:var(--bg);font-size:1rem;padding:.75em .5em .5em}.about-copy #tag-1{top:50%;left:25%;transform:translate(-50%,-50%) rotate(20deg)}.about-copy #tag-2{top:65%;left:10%;transform:translate(-50%,-50%) rotate(-45deg)}.about-copy #tag-3{top:50%;left:75%;transform:translate(-50%,-50%) rotate(5deg)}.about-copy #tag-4{top:75%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.about-copy #tag-5{top:100%;left:80%;transform:translate(-50%,-50%) rotate(-60deg)}.skills{position:relative;width:100%;height:100%;padding:4em 2em}.skills .skills-copy{margin:0 auto;padding:2em;width:max-content;text-align:center;border:.2em dashed var(--fg);border-radius:1em}.stats{padding:8em 2em;display:flex;flex-direction:column;gap:2em}.stats .stats-row{display:flex;gap:2em}.stats .stats-header{flex:1}.stats .stats-item-1{flex:1;background-color:var(--accent1)}.stats .stats-item-2{flex:3;background-color:var(--accent3)}.stats .stats-item-3{flex:2;background-color:var(--fg);color:var(--bg)}.stats .stats-item-1,.stats .stats-item-2,.stats .stats-item-3{aspect-ratio:16/7;padding:2em;border-radius:1em}.stats .stats-col{display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 1000px){.solutions-section{padding:8em 2em 4em}.solutions-section .solutions-header{margin:0 0 3em;max-width:none}.solutions-section .solutions-header h1{font-size:3.5rem}.solutions-container{gap:3em}.solution-category{padding-left:1em}.solution-items{gap:1.5em}.solution-block{flex:1 1 calc(50% - 1em);max-width:none}.about-copy .about-copy-content{width:100%}.about-copy .about-copy-content h3{font-size:1.5rem}.about-copy .tag{display:none}.skills .skills-copy{padding:0;width:100%;text-align:center;border:none;border-radius:0}.stats .stats-row{flex-direction:column}.stats .stats-col{width:100%;text-align:center;gap:4em}.stats .stats-header{gap:2em;margin-bottom:2em}}@media (max-width: 600px){.solutions-section{padding:10em 1.25em 4em}.solutions-section .solutions-header h1{font-size:2.8rem}.category-title{font-size:1.5rem}.solution-block{flex:1 1 100%;width:100%;padding:2em 1.5em}.solution-block .icon{font-size:2.5rem}.solution-block .title{font-size:1.2rem}}footer{position:relative;width:100vw;height:85svh;color:var(--bg);padding:2em;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}footer .footer-container{position:relative;width:100%;height:100%;background-color:var(--fg);padding:2em;border-radius:2em;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}footer .footer-header{position:relative;text-align:center}footer .footer-row{display:flex;gap:2em;margin-bottom:8em}footer .footer-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:1em}footer .footer-col a,footer .copyright-info a{color:var(--bg)}footer .footer-col p:not(:first-child){opacity:.35}footer .copyright-info{position:relative;width:100%;display:flex;justify-content:center;gap:2em}footer .footer-symbols{position:absolute;left:0;width:100%;padding:2em;display:flex;justify-content:space-between}footer .footer-symbols img{width:auto;height:1rem}footer .footer-symbols-1{top:0}footer .footer-symbols-2{bottom:0}footer .explosion-container{position:absolute;bottom:0;left:0;width:100%;height:200%;pointer-events:none;overflow:hidden}footer .explosion-particle-img{position:absolute;bottom:-200px;left:50%;width:150px;border-radius:1rem;height:auto;object-fit:cover;transform:translate(-50%);will-change:transform}@media (max-width: 1000px){footer{height:100svh}footer .copyright-info{flex-direction:column;text-align:center;gap:.5em}footer .copyright-info p:nth-child(2){display:none}footer .footer-row{flex-direction:column;margin-bottom:2em}footer .footer-row .footer-col:nth-child(2),footer .footer-row .footer-col:nth-child(4){display:none}footer .explosion-container{display:none}}