*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--obsidian:#050505;--black:#050505;--slate:#121212;--cyan:#00f0ff;--purple:#bc00ff;--blue:#007bff;--white:#f5f5f5;--pink:#ff1f8e;--yellow:gold;--orange:#ff8c00;--lime:#7dc820;--red:#e8192c;--glass:#ffffff0d;--glass-edge:#ffffff1a;--accent:var(--cyan);--shadow-sm:0 4px 6px #0000004d;--shadow-md:0 10px 15px #0006;--shadow-lg:0 20px 25px #00000080}html{scroll-behavior:auto}html,body{background:var(--obsidian);width:100%;min-height:100%;color:var(--white);font-family:Space Mono,monospace;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}@media (hover:hover) and (pointer:fine){body{cursor:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:inherit}#scroll-progress{background:linear-gradient(90deg, var(--cyan), var(--purple), var(--blue));z-index:9999;pointer-events:none;width:0%;height:3px;position:fixed;top:0;left:0;box-shadow:0 0 12px #00f0ff99}#cursor,#cursor-trail{pointer-events:none;z-index:9998;mix-blend-mode:difference;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}#cursor{background:var(--cyan);width:10px;height:10px}#cursor-trail{border:1px solid #00f0ff80;width:38px;height:38px;transition:width .25s,height .25s,background .25s}#cursor-trail.hovering{background:#00f0ff1a;width:60px;height:60px}@media (hover:none),(pointer:coarse){#cursor,#cursor-trail{display:none}}#canvas-wrap{z-index:0;position:fixed;inset:0}#canvas-wrap canvas{display:block}#loader{z-index:9000;background:var(--obsidian);flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}#loader.hide{opacity:0;pointer-events:none}.loader-text{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(32px,7vw,72px);animation:1.2s ease-in-out infinite alternate pulse}.loader-sub{color:var(--white);letter-spacing:.3em;text-transform:uppercase;opacity:.5;margin-top:16px;font-size:clamp(10px,1.2vw,14px)}.loader-bar-wrap{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:2px;width:clamp(180px,30vw,280px);height:4px;margin-top:28px;overflow:hidden}.loader-bar{background:linear-gradient(90deg, var(--cyan), var(--purple), var(--cyan));background-size:200% 100%;border-radius:2px;width:0%;height:100%;transition:width .3s;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes pulse{0%{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}#nav{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-edge);background:#05050580;justify-content:space-between;align-items:center;padding:18px 32px;transition:transform .4s,opacity .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{letter-spacing:.1em;color:var(--white);font-family:Black Han Sans,sans-serif;font-size:22px}.nav-links{gap:22px;list-style:none;display:flex}.nav-links a{letter-spacing:.16em;text-transform:uppercase;color:#f5f5f5b3;font-size:12px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--cyan)}@media (width<=880px){.nav-links{display:none}}.section{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 24px;display:flex;position:relative}.section-title{text-transform:uppercase;color:var(--white);letter-spacing:-.02em;text-align:center;margin-bottom:48px;font-size:clamp(32px,6vw,64px)}#hero{text-align:center}.eyebrow{letter-spacing:.5em;color:var(--white);background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;margin-bottom:28px;padding:6px 22px;font-size:clamp(9px,1.1vw,13px);display:inline-block}.hero-title{text-transform:uppercase;letter-spacing:-.05em;color:var(--white);filter:drop-shadow(0 0 20px #00f0ff4d);font-size:clamp(40px,10vw,120px);font-weight:700;line-height:.9}.hero-sub{letter-spacing:.4em;color:var(--cyan);text-transform:uppercase;margin-top:20px;font-size:clamp(12px,1.8vw,22px)}.cta-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}.btn{letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white);-webkit-user-select:none;user-select:none;padding:16px 40px;font-size:clamp(12px,1.4vw,15px);text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);display:inline-block;position:relative;overflow:hidden}.btn-primary{background:var(--cyan);color:var(--obsidian);border-color:var(--cyan);font-weight:700}.btn-primary:hover{background:var(--white);transform:translateY(-2px);box-shadow:0 0 20px #00f0ff66}.btn-secondary:hover{background:var(--glass-edge);border-color:var(--white);transform:translateY(-2px)}#tags{z-index:20;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:24px;left:24px}.tag{letter-spacing:.2em;text-transform:uppercase;opacity:.35;color:var(--white);font-size:10px}.tag-1{color:var(--cyan)}.tag-2{color:var(--purple)}.tag-3{color:var(--blue)}.tag-4{color:var(--pink)}#about{background:linear-gradient(#0000 0%,#0a0a0ad9 20%,#0a0a0af2 100%)}.about-intro{text-align:center;color:#f5f5f5d9;letter-spacing:.02em;max-width:680px;margin:-20px auto 48px;font-family:Oswald,sans-serif;font-size:clamp(16px,2.5vw,20px);line-height:1.6}.about-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;width:100%;max-width:1100px;display:grid}.about-card{background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);padding:36px 28px;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s,border-color .4s;position:relative;overflow:hidden}.about-card:hover{border-color:var(--cyan);box-shadow:0 0 30px #00f0ff26, var(--shadow-lg);transform:translateY(-8px)}.about-card:before{content:"";width:100%;height:5px;position:absolute;top:0;left:0}.about-card:first-child:before{background:var(--pink)}.about-card:nth-child(2):before{background:var(--cyan)}.about-card:nth-child(3):before{background:var(--yellow)}.card-icon{text-align:center;width:56px;height:56px;box-shadow:var(--shadow-sm);color:var(--black);margin-bottom:16px;font-family:Black Han Sans,sans-serif;font-size:22px;line-height:56px;display:block}.about-card:first-child .card-icon{background:var(--pink);color:var(--white)}.about-card:nth-child(2) .card-icon{background:var(--cyan)}.about-card:nth-child(3) .card-icon{background:var(--yellow)}.card-title{text-transform:uppercase;letter-spacing:.06em;color:var(--white);margin-bottom:10px;font-size:clamp(20px,2.5vw,28px)}.card-text{color:#f5f5f5d1;letter-spacing:.04em;font-family:Oswald,sans-serif;font-size:clamp(13px,1.3vw,16px);line-height:1.6}.stats-bar{width:100%;max-width:900px;box-shadow:var(--shadow-lg);flex-wrap:wrap;margin-top:60px;display:flex}.stat{text-align:center;flex:1;min-width:140px;padding:28px 20px}.stat:first-child{background:var(--pink)}.stat:nth-child(2){background:var(--cyan);color:var(--black)}.stat:nth-child(3){background:var(--yellow);color:var(--black)}.stat:nth-child(4){background:var(--purple)}.stat-num{letter-spacing:.02em;font-size:clamp(28px,4vw,48px);line-height:1}.stat-label{letter-spacing:.2em;text-transform:uppercase;opacity:.85;margin-top:6px;font-size:clamp(9px,1vw,11px)}.tech-stack-wrap{text-align:center;width:100%;max-width:900px;margin-top:48px}.tech-stack-label{letter-spacing:.3em;text-transform:uppercase;color:#f5f5f58c;margin-bottom:16px;font-size:10px}.tech-stack-badges{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tech-badge{letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--shadow-sm);padding:8px 18px;font-size:11px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.tech-badge:hover{box-shadow:4px 4px 0 var(--black);transform:translate(-2px,-2px)rotate(-1deg)}.tech-badge:first-child{background:var(--cyan);color:var(--black)}.tech-badge:nth-child(2){background:var(--pink);color:var(--white)}.tech-badge:nth-child(3){background:var(--yellow);color:var(--black)}.tech-badge:nth-child(4){background:var(--orange);color:var(--black)}.tech-badge:nth-child(5){background:var(--purple);color:var(--white)}.tech-badge:nth-child(6){background:var(--lime);color:var(--black)}#showcase{background:linear-gradient(#0a0a0af2 0%,#0a0a0a80 50%,#0000 100%);padding-bottom:110px;overflow:hidden}.showcase-strip-wrap{width:100vw;max-width:100vw;padding:20px 0;overflow:hidden}.showcase-strip{will-change:transform;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;gap:24px;width:max-content;padding:0 24px;display:flex}.showcase-strip:active{cursor:grabbing}.showcase-card{--card-accent:var(--cyan);border:3px solid var(--black);width:clamp(280px,32vw,400px);box-shadow:var(--shadow-lg);background:#ffffff08;flex-direction:column;flex-shrink:0;text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s;display:flex;overflow:hidden}.showcase-card:hover{border-color:var(--card-accent);box-shadow:0 0 24px color-mix(in srgb, var(--card-accent) 35%, transparent), var(--shadow-lg);transform:translateY(-10px)}.showcase-art{aspect-ratio:16/10;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--card-accent) 22%, transparent), transparent 60%), #0b0b0d;border-bottom:1px solid #ffffff0f;width:100%;display:block;position:relative}.showcase-art .showcase-canvas{pointer-events:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.showcase-geo{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.showcase-geo-shape{aspect-ratio:1;opacity:.9;filter:drop-shadow(0 0 16px);background:currentColor;width:44%;animation:10s linear infinite showcaseSpin}.showcase-geo-shape.geo-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.showcase-geo-shape.geo-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.showcase-geo-shape.geo-square{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-radius:8px}.showcase-geo-shape.geo-ring{background:0 0;border:14px solid;border-radius:50%}@keyframes showcaseSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.showcase-geo-shape{animation:none}}.showcase-tag{letter-spacing:.14em;text-transform:uppercase;background:var(--black);color:var(--card-accent);border:1px solid var(--card-accent);padding:4px 10px;font-size:9px;position:absolute;top:12px;left:12px}.showcase-body{flex-direction:column;flex:1;gap:12px;padding:22px 22px 26px;display:flex}.showcase-name{text-transform:uppercase;letter-spacing:.05em;color:var(--card-accent);font-size:clamp(18px,2.2vw,24px)}.showcase-tagline{color:#f5f5f5a8;letter-spacing:.02em;flex:1;font-family:Oswald,sans-serif;font-size:clamp(13px,1.2vw,15px);line-height:1.6}.showcase-link{letter-spacing:.14em;text-transform:uppercase;color:var(--white);border:2px solid var(--card-accent);align-self:flex-start;padding:8px 18px;font-size:11px;transition:background .2s,color .2s}.showcase-card:hover .showcase-link{background:var(--card-accent);color:var(--black)}.showcase-hint{letter-spacing:.12em;color:#f5f5f580;text-align:center;text-transform:uppercase;margin-top:28px;font-size:10px}#spray-zone{background:linear-gradient(180deg, #0a0a0af2 0%, var(--black) 50%, #0a0a0ae6 100%);padding:60px 24px 80px}.spray-canvas-wrap{aspect-ratio:16/9;border:4px solid var(--black);width:100%;max-width:900px;box-shadow:var(--shadow-lg);cursor:crosshair;background:#1a1a1a;position:relative;overflow:hidden}.spray-canvas-wrap canvas{touch-action:none;width:100%;height:100%;display:block}.spray-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.spray-color-btn{border:3px solid var(--black);width:36px;height:36px;box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.spray-color-btn:hover{transform:scale(1.2)rotate(-5deg)}.spray-color-btn.active{box-shadow:0 0 0 3px var(--white), var(--shadow-sm);transform:scale(1.15)}.spray-size-btn,.spray-clear-btn,.spray-save-btn{letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--black);box-shadow:var(--shadow-sm);color:var(--white);background:#ffffff14;padding:8px 16px;font-size:10px;transition:transform .2s,background .2s}.spray-size-btn:hover,.spray-clear-btn:hover,.spray-save-btn:hover{background:#ffffff26;transform:translate(-1px,-1px)}.spray-clear-btn{background:var(--red);color:var(--white)}.spray-save-btn{background:var(--lime);color:var(--black);font-weight:700}.spray-hint{letter-spacing:.12em;color:#f5f5f580;text-align:center;text-transform:uppercase;margin-top:12px;font-size:10px}#stories{background:repeating-linear-gradient(90deg, transparent, transparent 98px, #ffffff04 98px, #ffffff04 100px), repeating-linear-gradient(0deg, transparent, transparent 48px, #ffffff05 48px, #ffffff05 50px), linear-gradient(180deg, transparent 0%, #0a0a0af2 15%, var(--black) 100%);padding:80px 24px 100px}.stories-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;width:100%;max-width:1100px;display:grid}.story-card{border:3px solid var(--black);box-shadow:var(--shadow-lg);background:#ffffff08;border-left:6px solid #0000;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s,background .3s;position:relative;overflow:hidden}.story-card:first-child{border-left-color:var(--pink)}.story-card:nth-child(2){border-left-color:var(--cyan)}.story-card:nth-child(3){border-left-color:var(--yellow)}.story-card:nth-child(4){border-left-color:var(--orange)}.story-card:nth-child(5){border-left-color:var(--purple)}.story-card:nth-child(6){border-left-color:var(--red)}.story-card:hover{transform:translateY(-4px)}.story-card:first-child:hover{box-shadow:0 0 15px #ff1f8e66, var(--shadow-lg)}.story-card:nth-child(2):hover{box-shadow:0 0 15px #29a8d066, var(--shadow-lg)}.story-card:nth-child(3):hover{box-shadow:0 0 15px #ffd70066, var(--shadow-lg)}.story-card:nth-child(4):hover{box-shadow:0 0 15px #ff8c0066, var(--shadow-lg)}.story-card:nth-child(5):hover{box-shadow:0 0 15px #8b5bb866, var(--shadow-lg)}.story-card:nth-child(6):hover{box-shadow:0 0 15px #e8192c66, var(--shadow-lg)}.story-header{border-bottom:3px solid #ffffff0f;align-items:center;gap:14px;padding:20px 24px 16px;display:flex}.story-avatar{width:48px;height:48px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-family:Black Han Sans,sans-serif;font-size:16px;display:flex}.story-card:first-child .story-avatar{background:var(--pink);color:var(--white)}.story-card:nth-child(2) .story-avatar{background:var(--cyan);color:var(--black)}.story-card:nth-child(3) .story-avatar{background:var(--yellow);color:var(--black)}.story-card:nth-child(4) .story-avatar{background:var(--orange);color:var(--black)}.story-card:nth-child(5) .story-avatar{background:var(--purple);color:var(--white)}.story-card:nth-child(6) .story-avatar{background:var(--red);color:var(--white)}.story-meta{flex:1}.story-writer{text-transform:uppercase;letter-spacing:.06em;color:var(--white);font-size:clamp(14px,1.5vw,18px)}.story-crew{letter-spacing:.18em;text-transform:uppercase;opacity:.5;margin-top:2px;font-size:10px}.story-body{padding:20px 24px 24px}.story-title{text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:clamp(16px,2vw,22px);line-height:1.2}.story-card:first-child .story-title{color:var(--pink)}.story-card:nth-child(2) .story-title{color:var(--cyan)}.story-card:nth-child(3) .story-title{color:var(--yellow)}.story-card:nth-child(4) .story-title{color:var(--orange)}.story-card:nth-child(5) .story-title{color:var(--purple)}.story-card:nth-child(6) .story-title{color:var(--red)}.story-text{color:#f5f5f5a6;letter-spacing:.03em;font-family:Oswald,sans-serif;font-size:clamp(13px,1.2vw,15px);line-height:1.7}.story-footer{border-top:2px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.story-tags{gap:8px;display:flex}.story-tag{letter-spacing:.12em;text-transform:uppercase;color:#f5f5f566;border:1px solid #ffffff26;padding:3px 8px;font-size:9px}.story-date{letter-spacing:.1em;color:var(--lime);font-size:9px}#crew-rules{background:repeating-linear-gradient(90deg, transparent, transparent 98px, #ffffff04 98px, #ffffff04 100px), repeating-linear-gradient(0deg, transparent, transparent 48px, #ffffff05 48px, #ffffff05 50px), linear-gradient(180deg, #0a0a0ae6 0%, var(--black) 50%, #0a0a0af2 100%);padding:80px 24px 100px}.rules-list{width:100%;max-width:800px}.rule-item{background:#ffffff08;border-left:6px solid #0000;border-radius:2px;align-items:flex-start;gap:20px;margin-bottom:12px;padding:28px 24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,background .3s,box-shadow .3s;display:flex;position:relative}.rule-item:nth-child(3n+1){background:#ffffff0d}.rule-item:first-child{border-left-color:var(--pink)}.rule-item:nth-child(2){border-left-color:var(--cyan)}.rule-item:nth-child(3){border-left-color:var(--yellow)}.rule-item:nth-child(4){border-left-color:var(--orange)}.rule-item:nth-child(5){border-left-color:var(--purple)}.rule-item:nth-child(6){border-left-color:var(--lime)}.rule-item:nth-child(7){border-left-color:var(--red)}.rule-item:nth-child(8){border-left-color:var(--cyan)}.rule-item:nth-child(9){border-left-color:var(--pink)}.rule-item:nth-child(10){border-left-color:var(--yellow)}.rule-item:hover{background:#ffffff12;transform:translate(10px)}.rule-num{color:var(--pink);text-align:center;width:70px;filter:drop-shadow(3px 3px 0 var(--black));flex-shrink:0;font-family:Black Han Sans,sans-serif;font-size:clamp(36px,5vw,56px);line-height:1}.rule-item:nth-child(2) .rule-num{color:var(--cyan)}.rule-item:nth-child(3) .rule-num{color:var(--yellow)}.rule-item:nth-child(4) .rule-num{color:var(--orange)}.rule-item:nth-child(5) .rule-num{color:var(--purple)}.rule-item:nth-child(6) .rule-num{color:var(--lime)}.rule-item:nth-child(7) .rule-num{color:var(--red)}.rule-item:nth-child(8) .rule-num{color:var(--cyan)}.rule-item:nth-child(9) .rule-num{color:var(--pink)}.rule-item:nth-child(10) .rule-num{color:var(--yellow)}.rule-text{color:#f5f5f5b3;letter-spacing:.03em;font-family:Oswald,sans-serif;font-size:clamp(14px,1.6vw,18px);line-height:1.6}.rule-text strong{color:var(--white);text-transform:uppercase;letter-spacing:.06em;font-weight:700}#projects{background:linear-gradient(180deg, var(--black) 0%, #0a0a0af2 50%, #0a0a0ae6 100%);padding:80px 24px 100px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;width:100%;max-width:1100px;display:grid}.project-card{border:3px solid var(--black);box-shadow:var(--shadow-lg);background:#ffffff08;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:relative;overflow:hidden}.project-card:hover{box-shadow:10px 10px 0 var(--black);transform:translateY(-6px)rotate(-.5deg)}.project-card-top{height:8px}.project-card:first-child .project-card-top{background:var(--pink)}.project-card:nth-child(2) .project-card-top{background:var(--cyan)}.project-card:nth-child(3) .project-card-top{background:var(--yellow)}.project-card:nth-child(4) .project-card-top{background:var(--orange)}.project-card:nth-child(5) .project-card-top{background:var(--purple)}.project-card:nth-child(6) .project-card-top{background:var(--blue)}.project-card-body{padding:28px 24px}.project-num{letter-spacing:.2em;text-transform:uppercase;opacity:.4;margin-bottom:10px;font-size:10px}.project-name{text-transform:uppercase;letter-spacing:.06em;color:var(--white);margin-bottom:10px;font-size:clamp(18px,2.2vw,24px)}.project-card:first-child .project-name{color:var(--pink)}.project-card:nth-child(2) .project-name{color:var(--cyan)}.project-card:nth-child(3) .project-name{color:var(--yellow)}.project-card:nth-child(4) .project-name{color:var(--orange)}.project-card:nth-child(5) .project-name{color:var(--purple)}.project-card:nth-child(6) .project-name{color:var(--blue)}.project-desc{color:#f5f5f599;letter-spacing:.03em;margin-bottom:16px;font-family:Oswald,sans-serif;font-size:clamp(13px,1.2vw,15px);line-height:1.7}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.project-tech{letter-spacing:.1em;text-transform:uppercase;color:#f5f5f580;border:1px solid #ffffff26;padding:3px 10px;font-size:9px}.project-link{letter-spacing:.12em;text-transform:uppercase;color:var(--white);border:2px solid var(--white);padding:8px 20px;font-size:11px;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:inline-block}.project-link:hover{background:var(--white);color:var(--black);transform:translate(-2px,-2px)}#contact{background:linear-gradient(180deg, #0a0a0ae6 0%, var(--black) 100%);min-height:auto;padding:60px 24px 80px}.contact-form{width:100%;max-width:500px}.contact-col{flex-direction:column;gap:16px;display:flex}.contact-input,.contact-textarea{width:100%;color:var(--white);background:#ffffff0f;border:2px solid #ffffff26;outline:none;padding:14px 20px;font-family:Space Mono,monospace;font-size:14px;transition:border-color .2s,box-shadow .2s}.contact-textarea{resize:vertical;min-height:120px}.contact-input:focus,.contact-textarea:focus{border-color:var(--pink);box-shadow:0 0 12px #ff1f8e4d, var(--shadow-md)}.contact-btn{letter-spacing:.14em;text-transform:uppercase;border:3px solid var(--black);box-shadow:var(--shadow-lg);background:var(--pink);color:var(--white);cursor:pointer;width:100%;padding:14px 32px;font-family:Black Han Sans,sans-serif;font-size:clamp(12px,1.4vw,15px);transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,background .2s,color .2s}.contact-btn:hover{box-shadow:8px 8px 0 var(--black);background:var(--yellow);color:var(--black);transform:translate(-2px,-2px)rotate(-1deg)}.contact-sub{letter-spacing:.15em;color:#f5f5f58c;text-align:center;text-transform:uppercase;margin-top:20px;font-size:11px}#name-gen{text-align:center;margin-top:36px}.name-gen-label{letter-spacing:.18em;text-transform:uppercase;color:#f5f5f58c;margin-bottom:12px;font-size:11px}#name-input{color:var(--white);text-align:center;background:#ffffff0f;border:2px solid #ffffff26;outline:none;padding:12px 18px;font-family:Space Mono,monospace;font-size:14px}#name-input:focus{border-color:var(--cyan)}#name-output{color:var(--cyan);letter-spacing:.08em;min-height:1.2em;filter:drop-shadow(2px 2px 0 var(--black));margin-top:16px;font-family:Black Han Sans,sans-serif;font-size:clamp(22px,4vw,40px)}#footer{background:var(--black);min-height:40vh}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.footer-brand{letter-spacing:.06em;color:var(--white);font-family:Black Han Sans,sans-serif;font-size:clamp(28px,5vw,56px)}.footer-links{gap:24px;list-style:none;display:flex}.footer-links a{letter-spacing:.16em;text-transform:uppercase;color:#f5f5f599;font-size:12px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--cyan)}.footer-copy{letter-spacing:.2em;color:#f5f5f54d;text-transform:uppercase;font-size:11px}.reveal{opacity:0;transform:translateY(40px)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}@media (width<=768px){.projects-grid,.stories-grid{grid-template-columns:1fr;gap:20px}}