.hero{position:relative;width:100vw;height:100svh;padding:2em;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden}.hero .hero-header h1{font-size:18vw;line-height:.9}.hero .hero-header.hero-header-1{position:relative;transform:translate(-2%);z-index:-1}.hero .hero-header.hero-header-2{position:relative;transform:translate(10%);z-index:2}.hero .hero-footer{position:absolute;width:100%;bottom:0;padding:2em;display:flex;justify-content:space-between}.hero .hero-footer .hero-footer-scroll-down p,.hero .hero-footer .hero-footer-divider p,.hero .hero-footer .hero-footer-tags p{color:var(--fg-muted)}.hero-img-holder{position:relative;width:100vw;height:100svh;padding:2em}.hero-img-holder .hero-img{position:relative;width:100%;height:100%;transform:translateY(-110%) scale(.25) rotate(-15deg);border:2px solid var(--border);border-radius:2em;overflow:hidden}.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;cursor:pointer}.featured-title-img{position:relative;top:0;width:calc(100% - 4em);height:150px;border:1px solid var(--border);border-radius:1em;overflow:hidden;display:none;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.featured-work .featured-title-wrapper:hover .featured-title-img{transform:scale(1.05);box-shadow:0 20px 40px #0000004d}.featured-work .featured-title{transition:color .3s ease}.featured-work .featured-title-wrapper:hover .featured-title{color:var(--accent1)}.featured-work .featured-title-wrapper h1{text-align:center;transform:translateY(-.5em)}.featured-title-desc{max-width:45%;text-align:center;margin-top:1.5em;font-size:1.1rem;line-height:1.6;opacity:.6}.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(--bg3);color:var(--fg);border:1px solid var(--border);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(--fg);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}.featured-work .featured-work-footer p{color:var(--fg-muted)}.featured-work .featured-work-footer a{color:var(--fg-muted);transition:color .3s ease}.featured-work .featured-work-footer a:hover{color:var(--accent1)}.services-header{position:relative;width:100vw;height:100vh;padding:2em;display:flex;justify-content:center;align-items:center;text-align:center}.services-header .services-profile-icon{position:relative;width:100px;height:100px;border-radius:1em;margin-bottom:2em;outline:.25rem solid var(--accent2);border:.25rem solid var(--accent1);overflow:hidden}.services-header .services-header-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.services-header .services-header-content>p{color:var(--fg-muted)}.services-header .services-header-title{margin-bottom:6em}.services-header .services-header-arrow-icon h1{color:var(--fg-muted)}.services{position:relative;width:100vw;padding-bottom:4em}.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-content .ss{font-size:1.1rem;line-height:1.5;opacity:.85}.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);color:var(--bg)}.services #service-card-2 .service-card-inner{background-color:var(--accent2);color:var(--bg)}.services #service-card-3 .service-card-inner{background-color:var(--accent3);color:var(--bg)}.services #service-card-4 .service-card-inner{background-color:var(--accent4);color:var(--bg)}@media(max-width:1000px){.hero .hero-footer .hero-footer-divider{display:none}.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:1px solid var(--border);border-radius:1em}.services .service-card-img{aspect-ratio:5/3;border:1px solid var(--border);border-radius:1em}}.about-hero{position:relative;width:100vw;min-height:100svh;padding:8em 2em 6em;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg);color:var(--fg);overflow:hidden}.about-hero .about-hero-header{text-align:center;margin-bottom:2em}.about-hero .about-hero-header h1{font-size:7.5rem}.about-hero .about-hero-bio{text-align:center;width:55%;max-width:700px}.about-hero .about-hero-portrait{position:absolute;top:50%;left:70%;transform:translateY(-50%) rotate(10deg);width:15%;aspect-ratio:5/7;border-radius:1em;overflow:hidden;border:.25em solid var(--accent1);outline:.25em solid var(--accent2);opacity:.3;pointer-events:none}.about-hero .about-hero-bio{display:flex;flex-direction:column;gap:1.5em}.about-hero .about-hero-bio .ss{line-height:1.7;font-size:1.15rem}.about-hero .about-hero-bio .mn{color:var(--fg-muted)}.ethos-section{position:relative;width:100vw;padding:8em 4em 14em;display:flex;gap:6em;max-width:1200px;margin:0 auto}.ethos-left{position:sticky;top:8em;height:max-content;flex:1}.ethos-left h2{font-size:clamp(3rem,5vw,5rem);color:var(--accent1);margin-bottom:.25em;line-height:.9}.ethos-left p.mn{color:var(--fg-muted);font-size:1rem}.ethos-right{flex:1.25;display:flex;flex-direction:column;gap:8em;padding-top:2em}.ethos-block{display:flex;flex-direction:column;gap:1.5em}.ethos-block h3{font-size:clamp(2.5rem,4vw,4rem);line-height:.95;text-transform:uppercase}.ethos-block p.ss{font-size:1.25rem;line-height:1.6;opacity:.8;max-width:600px;font-weight:500}.ethos-block.ethos-image img{width:100%;height:500px;object-fit:cover;border-radius:1em;border:1px solid var(--border);filter:grayscale(20%) contrast(1.1)}.ethos-block.ethos-highlight{padding:3em;background:var(--bg2);border:1px solid var(--border);border-radius:1em;position:relative;overflow:hidden}.ethos-block.ethos-highlight:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent1),var(--accent2),var(--accent3))}@media(max-width:1000px){.ethos-section{flex-direction:column;padding:6em 2em;gap:4em}.ethos-left{position:relative;top:0}.ethos-right{gap:5em;padding-top:0}}.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:1px solid var(--border);border-radius:1em;padding:3em 2em;gap:2em;color:var(--bg)}.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(--bg3);border:1px solid var(--border);border-radius:.5em}.about-copy .tag p{text-transform:uppercase;color:var(--fg);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:1px dashed var(--border);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);color:var(--bg)}.stats .stats-item-2{flex:3;background-color:var(--accent2);color:var(--bg)}.stats .stats-item-3{flex:2;background-color:var(--bg3);color:var(--fg);border:1px solid var(--border)}.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){.about-hero{padding:8em 2em 4em;min-height:auto}.about-hero .about-hero-header h1{font-size:4rem}.about-hero .about-hero-bio{width:100%}.about-hero .about-hero-portrait{width:25%;top:50%;transform:translate(-50%,-50%) rotate(0)}.about-hero .about-hero-portrait img{position:absolute;height:110%}.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}.ethos-section{padding:4em 1.5em}}.marquee-section{width:100vw;overflow:hidden;padding:1.5em 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.marquee-track{display:flex;align-items:center;width:200%;position:relative;animation:marquee-scroll 40s linear infinite}.marquee-section.reverse .marquee-track{animation-direction:reverse}.marquee-track span{float:left;white-space:nowrap;padding:0 1.5em;font-family:rader;font-style:italic;text-transform:uppercase;font-size:2.5rem;line-height:1}.marquee-track .marquee-dot{font-size:1rem;opacity:.3;padding:0 .5em;font-style:normal}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.quote-cta-section{position:relative;width:100vw;min-height:80vh;padding:4em 0;z-index:10;background-color:var(--bg)}.quote-cta-section>.marquee-section{border:none;opacity:.4}.quote-cta-inner{display:flex;align-items:center;justify-content:center;gap:4em;padding:6em 4em;max-width:1400px;margin:0 auto}.quote-cta-inner .quote-text{flex:1;text-align:left;padding:0}.quote-text p{font-family:rader;font-style:italic;font-size:clamp(2rem,4vw,3.5rem);text-transform:uppercase;line-height:1.05}.quote-text .quote-highlight{color:var(--accent1)}.quote-text .quote-italic{font-weight:300;opacity:.6}.quote-cta-inner .contact-cta{flex:1;width:auto;height:auto;padding:0;display:flex;justify-content:center;align-items:center}.quote-cta-inner .contact-cta .contact-button{width:100%;max-width:500px;height:280px;border-radius:20em;text-align:center}.quote-cta-inner .contact-cta .contact-text-large h1{font-size:clamp(3rem,5vw,4.5rem)}.experience{width:100vw;padding:6em 2em}.experience-header{text-align:center;margin-bottom:2em}.experience-header p.mn{color:var(--fg-muted);margin-bottom:1em}.circuit-container{width:100%;max-width:900px;margin:0 auto;opacity:0;transition:opacity .5s ease}.circuit-container.visible{opacity:1}.circuit-container svg{width:100%;max-height:500px;overflow:visible}.circuit-container .milestone-box{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));transition:all .3s ease}.circuit-container .milestone-box:hover{filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}@keyframes circuit-pulse{0%{r:6;opacity:1}50%{r:8;opacity:.7}to{r:6;opacity:1}}.circuit-container .milestone-dot{animation:circuit-pulse 2s infinite}.projects-detail{width:100vw;padding:6em 2em}.projects-detail-header{text-align:center;margin-bottom:4em}.projects-detail-header p.mn{color:var(--fg-muted);margin-bottom:1em}.project-rows{max-width:1000px;margin:0 auto}.project-row{position:relative;display:block;padding:2em;cursor:pointer;border-bottom:1px solid var(--border);transition:padding .4s ease;text-decoration:none;color:var(--fg)}.project-row:first-child{border-top:1px solid var(--border)}.project-row-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg3);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);z-index:0}.project-row-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.project-row-title{font-family:rader;font-style:italic;font-size:2rem;text-transform:uppercase;line-height:.95;transition:color .3s ease,padding-left .3s ease}.project-row:hover .project-row-title{color:var(--accent1);padding-left:.5em}.project-row-arrow{font-size:1.5rem;transition:transform .3s ease;position:relative;z-index:1}.project-row:hover .project-row-arrow{transform:translate(4px,-4px);color:var(--accent1)}.project-row-divider{width:100%;height:.5px;background:var(--border);margin:.75em 0;position:relative;z-index:1}.project-row-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:2em}.project-row-meta{display:flex;gap:1.5em;flex-wrap:wrap}.project-row-tag{font-family:supply-mono;font-size:.75rem;font-weight:500;text-transform:uppercase;opacity:.4;transition:opacity .5s ease,color .5s ease}.project-row:hover .project-row-tag{opacity:.8;color:var(--accent2)}.project-row-tagline{font-family:supply-mono;font-size:.75rem;font-weight:500;text-transform:uppercase;opacity:.4;white-space:nowrap;position:relative;z-index:1}.project-preview{position:fixed;top:0;left:0;width:350px;height:220px;border-radius:1em;border:1px solid var(--border);overflow:hidden;pointer-events:none;opacity:0;transform:scale(.95);z-index:50;box-shadow:0 8px 40px #00000080;display:none}@media(max-width:1000px){.marquee-track span{font-size:1.5rem;padding:0 1em}.experience{padding:4em 1em}.circuit-container svg{max-height:250px}.quote-cta-inner{flex-direction:column;padding:4em 2em;gap:3em}.quote-cta-inner .quote-text{text-align:center}.quote-cta-inner .contact-cta .contact-button{max-width:none;width:95%;height:250px;border-radius:2em}.quote-text p{font-size:clamp(1.75rem,5vw,2.5rem)}.projects-detail{padding:4em 1em}.project-row{padding:1.5em 1em}.project-row-title{font-size:1.5rem}.project-row-bottom{flex-direction:column;gap:.5em}.project-preview{display:none!important}}@media(min-width:1001px){.project-preview{display:block}}footer{position:relative;width:100vw;height:85svh;color:var(--fg);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(--bg2);border:1px solid var(--border);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{color:var(--fg)}footer .copyright-info a{color:var(--fg)}footer .footer-col p:not(:first-child){opacity:.35}footer .footer-col p:not(:first-child):hover{opacity:.7;transition:opacity .3s ease}footer .copyright-info{position:relative;width:100%;display:flex;justify-content:center;gap:2em}footer .copyright-info p{color:var(--fg-muted)}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;opacity:.3}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}}