@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Hairline.ttf)format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-HairlineItalic.ttf)format("truetype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Thin.ttf)format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-ThinItalic.ttf)format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-MediumItalic.ttf)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:rader;src:url(/fonts/rader/PPRader-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-RegularItalic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-MediumItalic.ttf)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-Extrabold.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:formula;src:url(/fonts/formula/PPFormula-ExtraboldItalic.ttf)format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowRegular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowSemibold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowBold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:formula-narrow;src:url(/fonts/formula/PPFormula-NarrowBoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Ultralight.ttf)format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:supply-mono;src:url(/fonts/supply-mono/PPSupplyMono-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#0c0c0c;--bg2:#1a1a1a;--fg:#ededed;--accent1:#f0f0f0;--accent2:#2e2e2e;--accent3:#555;--accent4:#909090}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--fg);overflow-x:hidden}body::-webkit-scrollbar{width:0}img{object-fit:cover;width:100%;height:100%}h1,h2,h3{text-transform:uppercase;font-family:rader;font-style:italic;line-height:.95}h1{font-size:5rem}h2{font-size:4rem}h3{font-size:2rem}a{color:var(--fg);text-decoration:none}p,p.ss{font-family:formula-narrow;font-size:1.25rem;font-weight:600;line-height:1.125}p.mn{text-transform:uppercase;font-family:supply-mono;font-size:.875rem;font-weight:500;line-height:1.125}.transition{z-index:100000;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.transition-overlay{transform-origin:top;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleY(1)}.transition-overlay.overlay-1{background-color:var(--fg)}.transition-overlay.overlay-2{background-color:var(--accent1)}.transition-overlay.overlay-3{background-color:var(--accent2)}.transition-overlay.overlay-4{background-color:var(--accent3)}.transition-overlay.overlay-5{background-color:var(--accent4)}nav{z-index:100;justify-content:space-between;align-items:center;width:100vw;padding:2em;display:flex;position:fixed;top:0;left:0;overflow-x:hidden}nav .logo{background-color:var(--fg);padding:.5em .65em}nav .logo a{color:var(--bg);-webkit-user-select:none;user-select:none}nav .menu-toggle-btn{background-color:var(--bg2);color:var(--fg);padding:.6em .65em .65em}nav .menu-toggle-btn.menu-open{background-color:var(--fg);color:var(--bg)}nav .menu-toggle-btn p{-webkit-user-select:none;user-select:none}nav .logo,nav .menu-toggle-btn{cursor:pointer;border-radius:0}nav .menu-toggle-btn-wrapper{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);flex-direction:column;align-items:center;height:.875rem;display:flex;position:relative}.nav-overlay{background-color:var(--bg2);pointer-events:none;opacity:0;z-index:10;width:100vw;height:100svh;position:fixed;top:0;left:0;overflow:hidden}.nav-overlay .nav-items{flex-direction:column;align-items:center;gap:1em;display:flex;position:absolute;top:47.5%;left:50%;transform:translate(-50%,-50%)}.nav-overlay .nav-items .nav-item{will-change:transform;opacity:0;background-color:var(--bg);border-radius:0;position:relative;transform:translateY(100%)}.nav-overlay .nav-items .nav-item p{-webkit-user-select:none;user-select:none;font-size:2rem}.nav-overlay .nav-items .nav-item.active{background-color:var(--fg)}.nav-overlay .nav-items .nav-item.active p a{color:var(--bg)}.nav-overlay .nav-items .nav-item p a{padding:.5em .5em .3em;display:block}.nav-overlay .nav-footer{text-align:center;justify-content:space-between;align-items:flex-end;gap:1.5em;width:100%;padding:2em;display:flex;position:absolute;bottom:0;left:0}.nav-overlay .nav-footer .nav-footer-item{flex-direction:column;gap:.5em;display:flex}.nav-overlay .nav-footer .nav-footer-item p{-webkit-user-select:none;user-select:none;font-size:.75rem}.nav-overlay .nav-footer .nav-footer-item .nav-footer-item-header{opacity:0;justify-content:center;gap:.75em;display:flex;position:relative;transform:translateY(100%)}.nav-overlay .nav-footer .nav-footer-item .nav-footer-item-header p{background-color:var(--bg);color:var(--fg);text-align:center;border-radius:0;padding:.5em .65em}.nav-overlay .nav-footer .nav-footer-item .nav-footer-item-copy{opacity:0;justify-content:center;gap:.75em;display:flex;position:relative;transform:translateY(100%)}.nav-overlay .nav-footer-item:first-child .nav-footer-item-header{justify-content:flex-start}.nav-overlay .nav-footer-item:nth-child(3) .nav-footer-item-header{justify-content:flex-end}.nav-overlay .nav-footer .nav-footer-item:last-child{margin-top:1em}@media (max-width:1000px){.nav-overlay .nav-items .nav-item p{font-size:1.5rem}.nav-overlay .nav-footer{flex-direction:column;justify-content:center;align-items:center}.nav-overlay .nav-footer-item:first-child .nav-footer-item-header{justify-content:center}.nav-overlay .nav-footer-item:nth-child(2){display:none}.nav-overlay .nav-footer-item:nth-child(3) .nav-footer-item-header{justify-content:center}}.hero{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100svh;padding:2em;display:flex;position:relative;overflow-x:hidden}.hero .hero-header h1{font-size:18vw;line-height:.9}.hero .hero-header.hero-header-1{z-index:-1;position:relative;transform:translate(-2%)}.hero .hero-header.hero-header-2{z-index:2;position:relative;transform:translate(10%)}.hero .hero-footer{justify-content:space-between;width:100%;padding:2em;display:flex;position:absolute;bottom:0}.hero .hero-footer .hero-footer-scroll-down{position:absolute;left:50%;transform:translate(-50%)}.hero .hero-footer .hero-footer-symbols{height:1rem}.hero-img-holder{width:100vw;height:100svh;padding:2em;position:relative}.hero-img-holder .hero-img{border:.3em solid var(--fg);border-radius:0;width:100%;height:100%;position:relative;overflow:hidden;transform:translateY(-110%)scale(.25)rotate(-15deg)}.featured-work{width:100vw;height:100svh;position:relative;overflow:hidden}.featured-work .featured-titles{will-change:transform;width:500vw;height:100vh;display:flex;position:relative}.featured-work .featured-title-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.featured-title-img{border:.2em solid var(--fg);border-radius:0;width:calc(100% - 4em);height:150px;display:none;position:relative;top:0;overflow:hidden}.featured-work .featured-title-wrapper h1{text-align:center;transform:translateY(-.5em)}.featured-work .featured-images{width:200vw;height:200vh;transform-style:preserve-3d;perspective:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.featured-work .featured-img-card{border-radius:0;width:300px;height:300px;position:absolute;overflow:hidden}.featured-work .featured-work-indicator{background-color:var(--fg);width:2rem;height:max-content;color:var(--bg);z-index:10;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.25rem .65rem;display:flex;position:absolute;top:50%;right:2em;transform:translateY(-50%)}.featured-work .featured-work-indicator .indicator{background-color:var(--bg);opacity:.2;width:100%;height:1.5px}.featured-work .featured-work-footer{z-index:2;justify-content:space-between;align-items:center;width:100%;padding:2em;display:flex;position:absolute;bottom:0}.services-header{text-align:center;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2em;display:flex;position:relative}.services-header .services-profile-icon{outline:.25rem solid var(--accent4);border-radius:0;width:100px;height:100px;margin-bottom:2em;position:relative;overflow:hidden}.services-header .services-header-content{flex-direction:column;justify-content:center;align-items:center;gap:1em;display:flex}.services-header .services-header-title{margin-bottom:6em}.services .service-card{min-height:300px;position:relative}.services .service-card-inner{will-change:transform;border-radius:0;gap:4em;width:calc(100vw - 4em);height:100%;min-height:500px;margin:0 auto;padding:2em;display:flex;position:relative}.services .service-card-content{flex-direction:column;flex:3;gap:2em;display:flex}.services .service-card-img{aspect-ratio:4/5;border-radius:0;flex:1;overflow:hidden}.services #service-card-1 .service-card-inner{background-color:#1a1a1a;border:.15em solid #333}.services #service-card-2 .service-card-inner{background-color:#242424;border:.15em solid #333}.services #service-card-3 .service-card-inner{background-color:#2e2e2e;border:.15em solid #444}.services #service-card-4 .service-card-inner{background-color:var(--fg);color:var(--bg);border:.15em solid var(--fg)}.contact-cta{justify-content:center;align-items:center;width:100vw;height:100svh;padding:2em;display:flex;position:relative}.contact-cta .contact-button{border:.75em solid var(--fg);width:60%;height:300px;box-shadow:10px 10px 0px 5px var(--fg);cursor:pointer;background:linear-gradient(45deg,#1a1a1a,#333,#555,#222) 0 0/400% 400%;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:transform .2s;animation:10s ease-in-out infinite gradientMove;display:flex;position:relative;overflow:hidden}.contact-cta a{z-index:2;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-cta .contact-button:before{content:"";background:repeating-linear-gradient(45deg,#ffffff0a 0 15px,#0000 15px 30px);width:200%;height:100%;animation:30s linear infinite stripeMove;position:absolute;top:0;left:0}.contact-cta .contact-text-small,.contact-cta .contact-text-large{z-index:1;position:relative}.contact-cta .contact-text-large h1{font-size:7rem}footer{width:100vw;height:85svh;color:var(--bg);flex-direction:column;justify-content:space-between;align-items:center;padding:2em;display:flex;position:relative;overflow:hidden}footer .footer-container{background-color:var(--fg);border-radius:0;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2em;display:flex;position:relative;overflow:hidden}footer .footer-header{text-align:center;position:relative}footer .footer-row{gap:2em;margin-bottom:8em;display:flex}footer .footer-col{flex-direction:column;flex:1;align-items:center;gap:1em;display:flex}footer .footer-col a,footer .copyright-info a{color:var(--bg)}footer .footer-col p:not(:first-child){opacity:.35}footer .copyright-info{justify-content:center;gap:2em;width:100%;display:flex;position:relative}footer .footer-symbols{justify-content:space-between;width:100%;padding:2em;display:flex;position:absolute;left:0}footer .footer-symbols img{width:auto;height:1rem}footer .footer-symbols-1{top:0}footer .footer-symbols-2{bottom:0}footer .explosion-container{pointer-events:none;width:100%;height:200%;position:absolute;bottom:0;left:0;overflow:hidden}footer .explosion-particle-img{object-fit:cover;will-change:transform;border-radius:0;width:150px;height:auto;position:absolute;bottom:-200px;left:50%;transform:translate(-50%)}.about-hero{background-color:var(--bg);width:100vw;height:100svh;color:var(--fg);flex-direction:column;justify-content:space-between;align-items:center;padding:8em 2em 6em;display:flex;position:relative;overflow:hidden}.about-hero .about-hero-header{text-align:center}.about-hero .about-hero-header h1{font-size:7.5rem}.about-hero .about-hero-bio{text-align:center;width:50%}.about-hero .about-hero-portrait{aspect-ratio:5/7;border:.25em solid var(--accent4);border-radius:0;width:15%;position:absolute;top:55%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(10deg)}.about-hero .about-hero-bio{flex-direction:column;gap:2em;display:flex}.contact{background-color:var(--bg);grid-template-columns:1fr 1fr;align-items:center;gap:2em;width:100vw;min-height:100vh;padding:1.5em;display:grid;position:relative;overflow:hidden}.contact .trail-img{object-fit:cover;transform-origin:50%;pointer-events:none;will-change:transform;border:2px solid var(--fg);width:120px;height:120px;box-shadow:4px 4px 0px var(--fg);border-radius:0;position:absolute}.contact-left{z-index:2;flex-direction:column;gap:1.5em;display:flex}.contact-card-header-main{flex-direction:column;gap:1em;display:flex}.contact-card-header-main h1{text-transform:uppercase;color:var(--fg);font-family:rader;font-size:clamp(2.5rem,6vw,4rem);font-style:italic;line-height:.95}.contact-card-header-main p{color:var(--fg);max-width:90%;font-family:formula-narrow;font-size:1rem;font-weight:600;line-height:1.125}.contact-info{flex-direction:column;gap:1em;margin-top:1.5em;display:flex}.contact-info-item{flex-direction:column;gap:.5em;display:flex}.contact-info-item .label{text-transform:uppercase;background-color:var(--fg);width:max-content;color:var(--bg);border-radius:0;padding:.2em .4em;font-family:supply-mono;font-size:.75rem;font-weight:500;line-height:1.125}.contact-info-item a{text-transform:uppercase;color:var(--fg);font-family:supply-mono;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.contact-info-item a:hover{color:var(--accent4);transform:translate(8px)}.contact-form-container{background-color:var(--bg2);border:2px solid var(--fg);z-index:2;box-shadow:6px 6px 0px var(--fg);border-radius:0;max-width:600px;padding:2em;position:relative;overflow:hidden}.contact-form-container:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 8px,#14141405 8px 16px);position:absolute;inset:0}.contact-form{z-index:1;flex-direction:column;gap:1.5em;display:flex;position:relative}.form-header{text-align:center;margin-bottom:.75em}.form-header h2{text-transform:uppercase;color:var(--fg);margin-bottom:.4em;font-family:rader;font-size:3rem;font-style:italic;line-height:.95}.form-header p{color:var(--fg);opacity:.8;font-family:formula-narrow;font-size:1rem;font-weight:600;line-height:1.125}.form-row{grid-template-columns:1fr 1fr;gap:1em;display:grid}.form-group{flex-direction:column;gap:.5em;display:flex;position:relative}.form-group.full-width{grid-column:1/-1}.form-group label{text-transform:uppercase;color:var(--fg);font-family:supply-mono;font-size:.75rem;font-weight:500;line-height:1.125;transition:all .3s}.form-group input,.form-group textarea,.form-group select{background-color:var(--bg);border:2px solid var(--fg);color:var(--fg);border-radius:0;padding:1em 1.25em;font-family:formula-narrow;font-size:.875rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--fg);background-color:var(--bg2);box-shadow:3px 3px 0px var(--accent4);outline:none;transform:translateY(-2px)}.form-group input:focus+label,.form-group textarea:focus+label,.form-group select:focus+label{color:var(--fg);transform:translateY(-2px)}.form-group textarea{resize:vertical;min-height:100px;font-family:formula-narrow}.form-group select{cursor:pointer}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--fg);opacity:.5}.submit-btn{background:var(--fg);color:var(--bg);border:2px solid var(--fg);text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0px var(--accent4);background-size:400% 400%;border-radius:0;margin-top:.75em;padding:1em 2.5em;font-family:supply-mono;font-size:.75rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.submit-btn:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#00000014 0 8px,#0000 8px 16px);width:200%;height:100%;animation:20s linear infinite stripeMove;position:absolute;top:0;left:0}.submit-btn:hover{box-shadow:6px 6px 0px var(--accent4);background:var(--accent1);transform:translateY(-2px)}.submit-btn:active{box-shadow:2px 2px 0px var(--accent4);transform:translateY(-1px)}.success-message{background-color:var(--bg2);border:2px solid var(--accent4);color:var(--fg);text-align:center;opacity:0;box-shadow:3px 3px 0px var(--accent4);border-radius:0;margin-top:.75em;padding:.75em 1.25em;font-family:formula-narrow;font-weight:600;transition:all .4s;transform:translateY(15px)}.success-message.show{opacity:1;transform:translateY(0)}.floating-elements{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floating-element{background-color:var(--accent1);opacity:.4;border-radius:0;width:5px;height:5px;animation:12s linear infinite float;position:absolute}.floating-element:nth-child(2n){background-color:var(--accent3)}.floating-element:nth-child(3n){background-color:var(--accent2)}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes stripeMove{0%{transform:translate(-50%)}to{transform:translate(0%)}}@keyframes float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(-100px)rotate(360deg)}}@media (max-width:1200px){.contact{grid-template-columns:1fr;gap:2em;padding:1.5em 1em}.contact-card-header-main p{max-width:100%}}@media (max-width:1000px){h1{font-size:2.5rem}.hero .hero-footer .hero-footer-symbols{display:none}.hero .hero-footer{justify-content:flex-end;display:flex}.hero .hero-footer .hero-footer-scroll-down{left:2em;transform:translate(0%)}.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:first-child{margin-bottom:2em}.featured-work .featured-title-wrapper h1{width:75%;transform:translateY(0)}.featured-work .featured-work-footer{justify-content:center;margin-top:4em;position:relative}.featured-work .featured-work-footer p:first-child,.featured-work .featured-work-footer p:nth-child(2),.featured-work .featured-work-indicator,.featured-work .featured-images{display:none}.featured-title-img{display:block}.featured-work .featured-titles{flex-direction:column;gap:2em;width:100vw}.services-header{height:max-content}.services{flex-direction:column;gap:2em;display:flex;overflow:hidden}.services .service-card{width:100%}.services .service-card-inner{text-align:center;border:.2em solid var(--accent3);will-change:auto;border-radius:0;flex-direction:column;justify-content:center;gap:1em;min-height:0;transform:none!important}.services .service-card-img{aspect-ratio:5/3;border:.2em solid var(--accent3);border-radius:0}.contact-cta{height:max-content;padding:8em 2em}.contact-cta .contact-button{border-radius:0;gap:1em;width:95%;height:250px}.contact-cta .contact-text-small{text-align:center;width:75%}.contact-cta .contact-text-large h1{font-size:3rem}footer{height:100svh}footer .copyright-info{text-align:center;flex-direction:column;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),footer .explosion-container{display:none}.about-hero{padding:8em 2em 4em}.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{height:110%;position:absolute}.contact-card-header-main h1{font-size:clamp(2rem,5vw,3rem)}.form-header h2{font-size:2rem}.nav-overlay .nav-footer{flex-direction:column;justify-content:center;align-items:center}}@media (max-width:768px){.contact{gap:1.5em;padding:1em}.contact-form-container{border-radius:0;max-width:100%;padding:1.5em}.form-row{grid-template-columns:1fr;gap:.75em}.contact-card-header-main h1{font-size:clamp(1.75rem,8vw,2rem)}.form-header h2{font-size:clamp(1.25rem,6vw,1.5rem)}}
