*{margin:0;padding:0;box-sizing:border-box;cursor:none}:root{--black: #050505;--white: #f0f0f0;--accent: #ff2d2d;--accent2: #00f0ff}html{scroll-behavior:auto}body{background:var(--black);color:var(--white);font-family:Space Grotesk,sans-serif;overflow-x:hidden}.cursor-blob{position:fixed;width:400px;height:400px;background:radial-gradient(circle,rgba(255,45,45,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s,height .3s;mix-blend-mode:screen}.cursor-dot{position:fixed;width:12px;height:12px;background:var(--white);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor-ring{position:fixed;width:50px;height:50px;border:1px solid var(--accent);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:all .15s ease-out}.ripple{position:fixed;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);pointer-events:none;z-index:9997;animation:rippleExpand 1s ease-out forwards}@keyframes rippleExpand{0%{width:0;height:0;opacity:.5}to{width:1500px;height:1500px;opacity:0}}.noise{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:10000;animation:noiseMove .2s steps(10) infinite}@keyframes noiseMove{0%{transform:translate(0)}to{transform:translate(-10%,-10%)}}.preloader{position:fixed;inset:0;background:var(--black);z-index:99999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}.preloader.done{animation:preloaderOut 1s cubic-bezier(.77,0,.175,1) forwards}@keyframes preloaderOut{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(50% 0 50% 0)}}.preloader-text{font-family:Bebas Neue,sans-serif;font-size:25vw;font-weight:400;color:var(--white);position:relative;animation:glitchText .3s infinite}.preloader-text:before,.preloader-text:after{content:"GC";position:absolute;top:0;left:0;width:100%;height:100%}.preloader-text:before{color:var(--accent);animation:glitchBefore .3s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.preloader-text:after{color:var(--accent2);animation:glitchAfter .3s infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitchText{0%,to{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(3px,-3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(3px,3px)}}@keyframes glitchBefore{0%,to{transform:translate(0)}20%{transform:translate(5px,-2px)}40%{transform:translate(-5px,2px)}60%{transform:translate(3px,1px)}80%{transform:translate(-3px,-1px)}}@keyframes glitchAfter{0%,to{transform:translate(0)}20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,-1px)}80%{transform:translate(3px,1px)}}.preloader-bar{width:200px;height:2px;background:#ffffff1a;position:relative;overflow:hidden}.preloader-progress{height:100%;background:var(--accent);animation:loadProgress 2s ease-out forwards}@keyframes loadProgress{0%{width:0%}to{width:100%}}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.magnetic-title{position:relative;z-index:10}.magnetic-title h1{font-family:Bebas Neue,sans-serif;font-size:clamp(8rem,20vw,20rem);letter-spacing:.05em;line-height:.85;text-align:center;position:relative}.char{display:inline-block;transition:transform .3s cubic-bezier(.23,1,.32,1);will-change:transform}.magnetic-title p{font-size:.8rem;letter-spacing:.5em;text-align:center;margin-top:2rem;color:#ffffff80}.floating-img{position:absolute;width:300px;height:400px;overflow:hidden;transform-style:preserve-3d;perspective:1000px;transition:transform .1s ease-out}.floating-img.left{left:5%;top:20%}.floating-img.right{right:5%;bottom:15%}.floating-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(100%) contrast(1.2);transition:filter .5s,transform .5s}.floating-img:hover img{filter:grayscale(0%) contrast(1.1);transform:scale(1.1)}.floating-img:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent) 0%,transparent 50%);opacity:0;transition:opacity .3s;z-index:2;mix-blend-mode:overlay}.floating-img:hover:before{opacity:.5}.floating-img:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,.03) 2px,rgba(0,240,255,.03) 4px);pointer-events:none;z-index:3;opacity:0;transition:opacity .3s}.floating-img:hover:after{opacity:1;animation:scanlines .1s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.img-label{position:absolute;bottom:-30px;left:0;font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:.2em;color:var(--accent);opacity:0;transform:translateY(10px);transition:all .3s}.floating-img:hover .img-label{opacity:1;transform:translateY(0)}.horizontal-wrapper{height:300vh;position:relative}.horizontal-container{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}.horizontal-track{display:flex;gap:15vw;padding:0 10vw;will-change:transform}.h-section{flex-shrink:0;width:80vw;height:70vh;display:flex;align-items:center;justify-content:center;position:relative}.big-text{font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,12vw,12rem);line-height:1;position:relative}.big-text span{display:block}.stroke-text{-webkit-text-stroke:1px var(--white);color:transparent}.accent-text{color:var(--accent)}.projects-section{min-height:100vh;padding:10rem 10vw;position:relative;background:var(--black)}.projects-header{text-align:center;margin-bottom:5rem}.projects-label{display:block;font-size:.85rem;color:var(--accent);font-weight:700;letter-spacing:.2em;margin-bottom:1.5rem;text-transform:uppercase}.projects-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,8vw,5rem);line-height:1.1;margin-bottom:1.5rem}.projects-intro{font-size:1.1rem;color:#ffffff80;letter-spacing:.02em}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem}.project-block{padding:3rem;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);text-decoration:none;color:var(--white);display:block;cursor:pointer}.project-block:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent);transform:translateY(100%);transition:transform .4s cubic-bezier(.23,1,.32,1);z-index:-1}.project-block.active:hover:before{transform:translateY(0)}.project-block.active:hover{border-color:var(--accent);transform:scale(1.02)}.project-block.coming-soon{opacity:.4;cursor:pointer}.project-block.coming-soon:hover{opacity:.6}.project-number{font-family:Bebas Neue,sans-serif;font-size:8rem;line-height:1;opacity:.1;position:absolute;top:1rem;right:2rem;transition:opacity .3s}.project-block.active:hover .project-number{opacity:.3}.project-name{font-family:Bebas Neue,sans-serif;font-size:3rem;margin-bottom:1rem}.project-desc{font-size:.9rem;line-height:1.6;opacity:.6;transition:opacity .3s}.project-block.active:hover .project-desc{opacity:1}.project-arrow{position:absolute;bottom:2rem;right:2rem;font-size:2rem;opacity:0;transform:translate(-10px);transition:all .3s}.project-block.active:hover .project-arrow{opacity:1;transform:translate(0)}.marquee-section{padding:3rem 0;background:var(--accent);overflow:hidden;transform:rotate(-2deg) scale(1.05)}.marquee-track{display:flex;white-space:nowrap;animation:marqueeScroll 25s linear infinite}.marquee-track span{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,4vw,3.5rem);color:var(--black);letter-spacing:.05em}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-section{min-height:100vh;padding:10rem 5rem;display:flex;align-items:center;background:#0a0a0a}.about-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:5rem}.about-content{flex:1}.about-label{display:block;font-size:.85rem;color:var(--accent);font-weight:700;letter-spacing:.2em;margin-bottom:1.5rem;text-transform:uppercase}.about-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,8vw,5rem);line-height:1.1;margin-bottom:2.5rem}.gradient-text{background:linear-gradient(90deg,#fff,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-desc{font-size:1.1rem;line-height:1.9;color:#ffffffb3;margin-bottom:1.5rem}.about-desc strong{color:var(--accent);font-weight:500}.about-image{flex:1;height:70vh;position:relative;overflow:hidden}.about-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%;filter:grayscale(100%);transition:filter .5s}.about-image:hover img{filter:grayscale(0%)}.blog-entry-section{padding:10rem 5rem;background:#0a0a0a}.blog-entry-header{text-align:center;margin-bottom:5rem}.entry-label{display:block;font-size:.85rem;color:var(--accent);font-weight:700;letter-spacing:.2em;margin-bottom:1.5rem;text-transform:uppercase}.entry-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,8vw,5rem);line-height:1.1}.blog-entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;margin:0 auto}.blog-entry-card{position:relative;padding:3rem;min-height:400px;display:flex;flex-direction:column;text-decoration:none;color:var(--white);border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .5s cubic-bezier(.23,1,.32,1)}.entry-card-bg{position:absolute;inset:0;opacity:0;transition:opacity .5s}.blog-entry-card.gyu .entry-card-bg{background:linear-gradient(135deg,rgba(34,197,94,.15) 0%,transparent 60%)}.blog-entry-card.chul .entry-card-bg{background:linear-gradient(135deg,rgba(168,85,247,.15) 0%,transparent 60%)}.blog-entry-card:hover .entry-card-bg{opacity:1}.blog-entry-card:hover{transform:translateY(-10px);border-color:#fff3}.blog-entry-card.gyu:hover{border-color:#22c55e80}.blog-entry-card.chul:hover{border-color:#a855f780}.entry-card-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.entry-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.entry-icon{font-family:IBM Plex Mono,Space Grotesk,monospace;font-size:1.5rem;font-weight:600}.blog-entry-card.gyu .entry-icon{color:#22c55e}.blog-entry-card.chul .entry-icon{color:#a855f7}.entry-badge{font-size:.65rem;letter-spacing:.15em;padding:.4rem .8rem;border:1px solid rgba(255,255,255,.2);color:#ffffff80}.entry-card-main{flex:1}.entry-name{font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,10vw,7rem);line-height:.9;margin-bottom:1.5rem;transition:transform .4s}.blog-entry-card.gyu .entry-name{color:#22c55e}.blog-entry-card.chul .entry-name{color:#a855f7}.blog-entry-card:hover .entry-name{transform:translate(10px)}.entry-desc{font-size:1rem;line-height:1.8;color:#fff9}.entry-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);margin-top:2rem}.entry-cta{font-size:.85rem;font-weight:500;letter-spacing:.15em;color:#ffffff80;transition:color .3s}.blog-entry-card:hover .entry-cta{color:var(--white)}.entry-arrow{font-size:1.5rem;opacity:0;transform:translate(-10px);transition:all .3s}.blog-entry-card.gyu .entry-arrow{color:#22c55e}.blog-entry-card.chul .entry-arrow{color:#a855f7}.blog-entry-card:hover .entry-arrow{opacity:1;transform:translate(0)}.entry-card-line{position:absolute;bottom:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.23,1,.32,1)}.blog-entry-card.gyu .entry-card-line{background:#22c55e}.blog-entry-card.chul .entry-card-line{background:#a855f7}.blog-entry-card:hover .entry-card-line{transform:scaleX(1)}.unified-blog-section{padding:0 5rem 10rem;background:#0a0a0a}.unified-blog-card{display:block;max-width:1200px;margin:0 auto;padding:4rem;text-decoration:none;color:var(--white);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .5s cubic-bezier(.23,1,.32,1)}.unified-blog-bg{position:absolute;inset:0;background:linear-gradient(135deg,#ff2d2d14,#00f0ff14);opacity:0;transition:opacity .5s}.unified-blog-card:hover .unified-blog-bg{opacity:1}.unified-blog-card:hover{transform:translateY(-5px);border-color:#fff3}.unified-blog-content{position:relative;z-index:1}.unified-blog-icon{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.icon-gyu{font-family:IBM Plex Mono,Space Grotesk,monospace;font-size:1.5rem;font-weight:600;color:#22c55e}.icon-plus{font-size:1.2rem;color:#ffffff4d}.icon-chul{font-family:IBM Plex Mono,Space Grotesk,monospace;font-size:1.5rem;font-weight:600;color:#a855f7}.unified-blog-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,10vw,6rem);line-height:1;margin-bottom:1.5rem}.unified-blog-title .stroke-text{-webkit-text-stroke:2px #22c55e;color:transparent}.unified-blog-title .accent-text{-webkit-text-stroke:2px #a855f7;color:transparent;margin-left:.5rem}.unified-blog-title .title-sub{display:block;font-size:.35em;letter-spacing:.5em;color:#fff6;margin-top:.5rem;-webkit-text-stroke:0}.unified-blog-desc{font-size:1rem;color:#ffffff80;margin-bottom:2.5rem;letter-spacing:.05em}.unified-blog-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border:1px solid rgba(255,255,255,.2);font-size:.85rem;font-weight:500;letter-spacing:.15em;color:#ffffffb3;transition:all .4s}.unified-blog-card:hover .unified-blog-cta{background:var(--accent);border-color:var(--accent);color:var(--white)}.unified-blog-cta svg{transition:transform .3s}.unified-blog-card:hover .unified-blog-cta svg{transform:translate(5px)}.toast{position:fixed;bottom:3rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--white);color:var(--black);padding:1rem 2rem;font-size:.9rem;letter-spacing:.1em;opacity:0;transition:all .4s cubic-bezier(.23,1,.32,1);z-index:9999}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.site-footer{padding:5rem;background:var(--black);border-top:1px solid rgba(255,255,255,.08)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:3rem;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{font-family:Bebas Neue,sans-serif;font-size:4rem;letter-spacing:.05em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:.9rem;color:#fff6;letter-spacing:.1em}.footer-nav{display:flex;gap:3rem;flex-wrap:wrap;justify-content:center}.footer-link{color:#fff9;text-decoration:none;font-size:.85rem;letter-spacing:.1em;position:relative;padding:.5rem 0;transition:color .3s}.footer-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .3s}.footer-link:hover{color:var(--white)}.footer-link:hover:after{transform:scaleX(1)}.footer-copy{font-size:.7rem;color:#ffffff4d;letter-spacing:.1em}@media(max-width:768px){.floating-img{width:150px;height:200px}.floating-img.left{left:2%;top:10%}.floating-img.right{right:2%;bottom:10%}.projects-section{padding:5rem 1.5rem}.projects-header{margin-bottom:3rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-block{padding:2rem}.marquee-section{transform:rotate(-1deg) scale(1.02);padding:2rem 0}.about-section{padding:5rem 2rem}.about-container{flex-direction:column;gap:3rem}.about-image{height:50vh;width:100%}.blog-entry-section{padding:5rem 1.5rem}.blog-entry-grid{grid-template-columns:1fr;gap:1.5rem}.blog-entry-card{padding:2rem;min-height:300px}.entry-name{font-size:3.5rem}.unified-blog-section{padding:0 1.5rem 5rem}.unified-blog-card{padding:2.5rem 1.5rem}.unified-blog-title{font-size:2.5rem}.unified-blog-cta{padding:.8rem 1.5rem;font-size:.75rem}.site-footer{padding:3rem 1.5rem}.footer-nav{gap:1.5rem}.cursor-blob,.cursor-dot,.cursor-ring{display:none}*{cursor:auto}.section-title{font-size:2.5rem}}
