*,:after,:before{box-sizing:border-box}:root{font-size:16px;--color-text:#f3f3f3;--color-bg:#000000;--color-link:#f3f3f3;--color-link-hover:#64eda6;--page-padding:2rem 3rem}::selection{background-color:var(--color-link-hover);color:#000}body,html{width:100%;overflow-x:hidden}body{margin:0;color:var(--color-text);background:linear-gradient(#000000,#000000 50%,#12002e);font-family:oculi-display,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{margin:120px 0 180px}a{text-decoration:none;color:var(--color-link)}a,a:hover{outline:none;cursor:pointer}a:hover{color:var(--color-link-hover)}a:focus{outline:none}a:focus-visible{outline:2px solid var(--color-link-hover)}button{border:none}button:hover{cursor:pointer}h2{font-size:32px;margin:16px 0;color:var(--color-link-hover)}@font-face{font-family:blackoutregular;src:url(/_next/static/media/blackout-webfont.36521ec7.woff2) format("woff2"),url(/_next/static/media/blackout-webfont.c7458f61.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:h19a_lunaluna;src:url(/_next/static/media/h19a-luna-webfont.c91c8fa8.woff2) format("woff2"),url(/_next/static/media/h19a-luna-webfont.b2c68d5d.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:macula-solid;src:url(/_next/static/media/macula-solid.9a3d4a32.otf) format("opentype");font-weight:400;font-style:normal}#about-me{margin:0 0 100px}#about-me,#my-work{scroll-margin-top:125px}header.frame{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:rgba(0,0,0,.75);box-shadow:0 2px 5px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:120px;padding:24px 48px;display:flex;flex-direction:column}.nav-links{margin:2px 0}.nav-links a{margin:0 16px 0 0}.ns-logo{display:flex}.ns-logo .logo{max-width:60px}.ns-logo i{font-size:37px;margin-left:8px}.frame{font-family:Arial,Helvetica,sans-serif;padding:var(--page-padding);position:relative;display:grid;z-index:1000;width:100%;height:100%;grid-row-gap:1rem;grid-column-gap:2rem;pointer-events:none;justify-items:start;grid-template-columns:100%;align-items:start;justify-content:start;grid-template-areas:"title" "prev" "back" "sub" "sponsor";grid-template-columns:auto auto auto 1fr;grid-template-areas:"prev back sub sponsor" "title title title title"}.frame a{pointer-events:auto;font-weight:500}.frame a:hover{transform:scale(1.03);transition:all .3s ease}.frame__title{grid-area:title;font-size:72px;font-weight:500;line-height:1;margin:12px 0;transform:scale(1.03);opacity:0}.title{padding:var(--page-padding);min-height:320px}.title p{font-family:Montserrat,sans-serif;font-size:24px}.send,.title button{border:none;cursor:pointer;padding:16px 24px;margin:24px 0;background-color:var(--color-link-hover);font-size:14px;font-weight:700;transition:background-color .5s ease}.send:hover,.title button:hover{background-color:#FF006F;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:background-color .75s ease}.portfolio{opacity:0;transform:scale(.8);color:var(--color-bg)}.typewriter-container{overflow:hidden;width:-moz-fit-content;width:fit-content}#typewriter span.break-before{display:inline}.layout-wrapper{padding:32px;margin-bottom:150px}.left{margin-left:20%}.flex-container{display:flex;align-items:center;gap:36px;max-width:900px;margin:0 auto}.image-container{width:270px;height:380px;position:relative;flex-shrink:0;overflow:hidden}.image-container img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:center top;-webkit-clip-path:none;clip-path:none}.about-card,.contact-card{position:relative;background-image:url(/img/bckground_copy.jpg);background-size:cover;background-repeat:repeat;background-position:50%;color:#000000;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,1);opacity:0,}.about-card:before{height:101%;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.about-card:before,.blur:before{content:"";position:absolute;inset:0}.blur:before{background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:0}.about-card>*{position:relative;z-index:1}.text-container{flex:2 1;margin:16px 0}.text-container p{font-family:Montserrat,sans-serif;padding:0 40px 0 0;font-weight:400;font-size:16px;color:#ffffff;line-height:1.5;margin:12px 0}.icon-wrapper{margin:36px 0 12px}.colored{font-size:30px;padding:4px;margin:8px 0;color:white!important}.content{min-height:60px;margin:20px auto 100px;display:grid;place-items:center;width:100%}.content--flex{display:flex;justify-content:center}.content--more{margin-top:150px}.content--text{place-items:initial;align-content:center;max-width:950px;padding:0 10vw;margin:0 0 0 auto}.content>h4{background-color:#f3ec78;background-image:linear-gradient(172deg,#e35384,#e8a53c);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.content>p{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:18px;color:#ffffff;line-height:1.5}.content__title{font-size:2rem;font-weight:400}.poster{width:100%;height:100vh;display:grid;place-items:center;--offset-x:0%;--offset-y:0%}.poster--half{height:580px}.poster__inner{width:calc(100% + var(--offset-x) * 2);height:calc(100% + var(--offset-y) * 2);background-size:cover;background-position:50% 50%}.font-1{font-family:blackoutregular;font-weight:400}.font-3{font-family:macula-solid,sans-serif;font-weight:500}.font-4{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.size-1{font-size:70vw}.size-2{font-size:50vw}.size-3{font-size:30vw}.size-4{font-size:20vh}.line-1{transform:scaleY(2.5);transform-box:fill-box;transform-origin:center}svg{opacity:0;position:absolute;pointer-events:none;width:100%;height:100vh;overflow:visible}svg text{line-height:4}.card-wrap{margin:40px 0 0;display:grid;grid-gap:2rem;grid-auto-flow:row;grid-template-columns:repeat(3,350px)}.card__image{display:block;background-size:cover;background-position:50% 50%;width:100%;height:auto;aspect-ratio:5/3;box-shadow:0 4px 12px rgba(0,0,0,.75);transition:transform .3s ease,box-shadow .3s ease}.card__image:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.4)}.card__image .caption{position:absolute;top:0;left:0;right:0;bottom:0;font-family:Arial,Helvetica,sans-serif;background:rgba(0,0,0,.6);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;opacity:0;transition:opacity .4s ease;pointer-events:none;text-align:center;padding:1rem;box-shadow:6px 2px 20px rgba(255,255,255,.3);box-shadow:0 8px 16px rgba(0,0,0,1);text-transform:capitalize}.caption{text-transform:uppercase}.card__image:hover .caption{opacity:1}.caption:hover{border:2px solid red}.card__title{font-weight:400;font-size:20px;margin-top:10px}.card p{font-size:24px}.modal{opacity:0;visibility:hidden;transition:opacity .3s ease;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8);pointer-events:none}video{max-height:566px}.modal.show{opacity:1;visibility:visible;pointer-events:auto}.modal-content{background-color:#000000;margin:10% auto;padding:20px;width:90%;max-width:900px;position:relative;transition:opacity .4s ease}.close-btn{position:absolute;right:20px;top:0;font-size:32px;color:#ffffff}.close-btn:hover{cursor:pointer}.modal-headline{color:#ffffff;margin:0 0 24px;text-align:center}.video-wrapper{width:100%;height:auto}video{width:100%;border-radius:8px}.contact-page{height:100%}.contact-section{margin:36px auto;padding:24px;z-index:1000;width:480px}.contact-card{gap:0;color:#ffffff;background:linear-gradient(#000000,#1c1c1c);font-family:oculi-display,serif;-webkit-font-smoothing:antialiased;padding:0 56px 0 80px;-moz-osx-font-smoothing:grayscale}.contact-form .send{width:100%;display:flex;justify-content:center;color:#000000}label{font-family:Montserrat,sans-serif;display:block;margin:12px 0 8px}input,textarea{font-family:Arial,Helvetica,sans-serif;width:100%;padding:10px;border:none;border-radius:2px}textarea{height:100px}#form-status{font-family:Arial,Helvetica,sans-serif;text-align:center;margin-top:10px}.site-footer{background-color:#000;color:#fff;padding:20px 0;text-align:center;z-index:1500}.footer-content{max-width:1200px;margin:0 auto;padding:16px 20px 8px}.footer-links{margin-top:10px}.footer-links a{color:#bbb;margin:0 10px;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:#fff}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:48px;height:48px;border:4px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media screen and (max-width:1200px){.card-wrap{grid-gap:2rem;grid-template-columns:repeat(2,350px)}.layout-wrapper{margin:0 auto 50px}.poster--half{height:360px}}@media screen and (max-width:768px){.card-wrap{grid-template-columns:1fr;margin:40px 16px 0}.contact-section{margin:0;padding-top:0;width:100%;max-width:550px}.content--more{margin-top:50px}.flex-container{flex-direction:column;padding:60px 0;border-radius:0}.frame{grid-template-columns:1fr;grid-template-areas:none}.frame__title{font-size:60px}header.frame{padding:24px}.image-container,.text-container{max-width:500px}.image-container{width:100%;max-width:500px;height:500px;position:relative;flex-shrink:0;overflow:hidden;margin:24px 0}#about-me{margin:0}label{font-size:12px}.layout-wrapper{padding:0;margin:0 auto}.modal-content{width:100%}.modal-headline{font-size:24px;line-height:24px;padding-top:30px}.poster--half{height:180px}.text-container{margin:0 30px 30px}.text-container p{font-size:14px;padding:0}.title{min-height:320px;padding:24px 30px 24px 24px}.title p{font-size:20px}#typewriter span.break-before{display:block}}