:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#020400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}@font-face{font-family:Silhouetta;src:url(/assets/SilhouettaDemoRegular-a7u5GSMN.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sifty;src:url(/assets/SiftyDemo-vuoQsOcG.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Violet;src:url(/assets/Violet%20Dreams%20DEMO-B5dzAgLV.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bumerang;src:url(/assets/BumerangDemoVersionRegular-DSxxxxLa.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vintage;src:url(/assets/VintageAgriqyDemo-RfeVro1s.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Italianno;src:url(/assets/Italianno-Regular-BJMFihtb.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sabon;src:url(/assets/Sabon-CoauoHLv.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sabon;src:url(/assets/SabonBold-zqk1enjf.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Sabon;src:url(/assets/SabonItalic-Cofie8Y7.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Sabon;src:url(/assets/SabonBoldItalic-DRhQWJj6.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}main{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;contain:layout style}.canvas{height:100vh!important;contain:strict}@media (min-width: 2560px){.canvas{max-width:2560px;max-height:1440px;margin:0 auto}}section{width:100%;display:flex;justify-content:center;contain:layout style}section .section-container{width:clamp(300px,70%,1400px);padding:0 1rem}@media (max-width: 768px){section .section-container{width:90%;padding:0 1.5rem}}.hero{align-items:center;position:relative}.hero h1{position:absolute;font-family:Italianno,serif;font-size:25vh;margin:0;text-rendering:optimizeSpeed;contain:layout style}.hero .canvas{z-index:1;pointer-events:none}.hero .cta{z-index:2;position:absolute;bottom:9vh;display:flex;justify-content:center;align-items:center}.hero .cta--bounds{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;transition:opacity .2s ease,transform .2s ease;will-change:opacity,transform}@media (hover: hover) and (pointer: fine){.hero .cta--bounds:hover{opacity:0;transform:scale(3)}.hero .cta--bounds:hover~.cta--border{opacity:.3}}.hero .cta--border{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;outline:2px dotted rgba(255,255,255,.8);border-radius:20px;opacity:1;transition:opacity .2s ease;will-change:opacity}.hero .cta p{font-family:Sabon,serif;font-size:1.5rem;margin:0;padding:1rem 2rem;color:#fff;text-transform:uppercase}@media (max-width: 480px){.hero .cta p{font-size:1rem;padding:.75rem 1.5rem}}.about-me{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.about-me--container{margin:3rem 0;width:100%}.about-me--container--content{font-size:clamp(1.25rem,4vw,4rem);color:#ffffffb3;font-family:Sabon,serif;text-align:justify;margin:0;line-height:1.4;text-rendering:optimizeLegibility}@media (max-width: 768px){.about-me--container--content{text-align:left;line-height:1.5;font-size:clamp(1.125rem,5vw,2rem)}}@media (min-width: 1920px){.about-me--container--content{font-size:clamp(2.5rem,3.5vw,4rem)}}.about-me--container--content>span{color:#fff;position:relative}.about-me--container--content>span.Silhouetta{font-family:Silhouetta,serif}.about-me--container--content>span.Sifty{font-family:Sifty,serif}.about-me--container--content>span.Violet{font-family:Violet,serif}.about-me--container--content>span.Bumerang{font-family:Bumerang,serif}.about-me--container--content>span.Vintage{font-family:Vintage,serif}@media (hover: none) or (pointer: coarse){.cursor-container{display:none!important}}@media (min-width: 2560px){main{max-width:2560px;margin:0 auto}}.line-container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:0rem;padding:0 1rem}.line-container .line{height:1px;position:relative;width:clamp(300px,70%,1400px);margin-bottom:20px;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.line-container .line{width:90%}}.line-container .line svg{position:absolute;height:100px;width:100%;top:-30px;display:flex;justify-content:center;align-items:center}.line-container .line svg path{stroke-width:1px;stroke:#fff;fill:none}@media (max-width: 768px){.line-container .line svg path{stroke-width:.8px}}.line-container .line .box{height:40px;width:100%;display:flex;position:relative;z-index:1}@media (hover: hover) and (pointer: fine){.line-container .line .box:hover{height:150px}}@media (hover: none) or (pointer: coarse){.line-container .line .box{height:20px;cursor:default}}.cursor{position:fixed;width:20px;height:20px;border-radius:20px;pointer-events:none;z-index:1000;border:1px solid #fff;background-color:transparent}header{position:fixed;top:0;width:100vw;height:clamp(60px,10vh,120px);background-color:transparent;z-index:1000}header .background-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(#0000 1px,#020400 2px);background-size:8px 8px;z-index:-1;-webkit-mask-image:linear-gradient(180deg,#000 40%,#0000);mask-image:linear-gradient(180deg,#000 40%,#0000)}@media (max-width: 768px){header .background-effect{background-size:6px 6px}}header .header-container{display:flex;align-items:center;height:100%;margin:0 clamp(1rem,5vw,5rem);gap:1rem}@media (max-width: 768px){header .header-container{margin:0 1rem}}header .header-container .logo{height:100%;flex:1;display:flex;align-items:center;min-width:0}header .header-container .logo .logo-image{width:6rem;height:auto;max-height:70%;object-fit:contain}header .header-container .cubes{flex:0 0 auto;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem}header .header-container .cubes .cube{width:1rem;height:1rem;position:relative;border:1px solid #fff;overflow:hidden;cursor:pointer}header .header-container .cubes .cube .fill{position:absolute;width:100%;height:100%;background-color:#fff}header .header-container .sociallinks{flex:1;height:2.25rem;display:flex;justify-content:flex-end;align-items:center;gap:1.25rem;min-width:0}@media (max-width: 480px){header .header-container .sociallinks{gap:.5rem;height:1.5rem}}header .header-container .sociallinks a{height:100%;cursor:pointer;flex-shrink:0}header .header-container .sociallinks a .icon{width:100%;height:100%;fill:#fffc}@media (hover: hover) and (pointer: fine){header .header-container .sociallinks a .icon:hover{fill:#fff}}@media (max-width: 480px){header .header-container .logo .logo-image{width:3rem}header .header-container .cubes .cube{width:.75rem;height:.75rem}}@media (min-width: 2560px){header .header-container{max-width:2560px;margin:0 auto;padding:0 5rem}}
