*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-heading:"Space Grotesk", sans-serif;--font-body:"Elms Sans", sans-serif}body{letter-spacing:.02em;background-color:#39ff14;width:100vw;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{width:100%;min-height:100%}.hero-container{width:100vw;height:100vh;position:relative;overflow:hidden}.text-layer{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;padding:8vh 5vw 0;display:flex;position:absolute;inset:0}.canvas-layer{z-index:2;cursor:pointer;position:absolute;inset:0}.eyebrow-text{font-family:var(--font-body);letter-spacing:.28em;text-transform:uppercase;opacity:0;margin-bottom:1rem;font-size:clamp(.55rem,1.1vw,.85rem);font-weight:700}.hero-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.01em;flex-direction:column;max-width:100vw;font-size:clamp(2.8rem,10vw,11rem);font-weight:700;line-height:.86;display:flex}.line-wrap{white-space:nowrap;display:block;overflow:hidden}.char{opacity:0;will-change:transform, opacity;display:inline-block;transform:translateY(110%)}.subtitle{font-family:var(--font-body);letter-spacing:.28em;text-transform:uppercase;opacity:0;margin-top:1.4rem;font-size:clamp(.55rem,1.1vw,.85rem);font-weight:700}.cta-wrap{z-index:10;position:absolute;bottom:7vh;left:5vw}.cta-btn{font-family:var(--font-heading);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;will-change:transform;border:2.5px solid #0000;border-radius:100px;outline:none;align-items:center;gap:.65rem;padding:.9em 2.4em;font-size:clamp(.85rem,1.7vw,1.25rem);font-weight:700;transition:box-shadow .3s;display:inline-flex}.cta-btn:hover{box-shadow:0 8px 40px #00000038}.cta-arrow{will-change:transform;font-size:1.15em;display:inline-block}.char-picker{z-index:10;flex-direction:column;align-items:flex-end;gap:.55rem;display:flex;position:absolute;top:50%;right:3vw;transform:translateY(-50%)}.char-chip{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:1.5px solid;border-radius:100px;padding:.45em 1.1em;font-size:.68rem;font-weight:700;transition:transform .2s,background-color .25s}.char-chip:hover,.char-chip.active{transform:scale(1.07)}.char-hint{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin-top:.3rem;font-size:.55rem}.meta-tag{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;z-index:10;font-size:.58rem;position:absolute;bottom:7vh;right:3vw}@media (width<=900px){body{overflow:hidden}.text-layer{justify-content:flex-start;padding:6vh 4vw 0}.hero-title{max-width:90vw;font-size:clamp(2.8rem,10vw,7rem)}.char-picker{flex-flow:wrap;justify-content:flex-end;gap:.4rem;top:auto;bottom:14vh;right:4vw;transform:none}.char-hint{display:none}.cta-wrap{bottom:5vh;left:4vw}.meta-tag{bottom:5vh;right:4vw}}@media (width<=600px){body{overflow:hidden}.text-layer{justify-content:flex-start;padding:5vh 5vw 0}.eyebrow-text{letter-spacing:.18em;margin-bottom:.7rem;font-size:.55rem}.hero-title{max-width:100vw;line-height:.9;font-size:clamp(2.5rem,10vw,5.5rem)!important}.subtitle{margin-top:.8rem;font-size:.55rem}.cta-wrap{bottom:120px;right:40px}.cta-btn{padding:.8em 1.8em;font-size:.8rem}.char-picker{flex-flow:wrap;justify-content:flex-end;gap:.35rem;top:auto;bottom:13vh;right:5vw;transform:none}.char-chip{padding:.4em .85em;font-size:.6rem}.meta-tag{letter-spacing:.14em;font-size:.5rem;bottom:4vh}}@media (width<=380px){.hero-title{font-size:clamp(2rem,10vw,4rem)!important}.cta-wrap{bottom:100px;right:20px}.cta-btn{padding:.75em 1.5em;font-size:.72rem}}.work-section{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.spacer{height:40vh;font-family:var(--font-body);color:inherit;opacity:.5;letter-spacing:.05em;justify-content:center;align-items:center;font-size:1rem;display:flex}.curious-text{font-family:var(--font-body);letter-spacing:.02em;opacity:0;text-transform:uppercase;margin-bottom:clamp(2rem,4vh,4rem);font-size:clamp(1rem,1.5vw,1.3rem);font-weight:500;transform:translateY(15px)}.word-row{justify-content:center;align-items:flex-end;gap:1.8vw;width:100%;max-width:1400px;display:flex}.word-char{font-family:var(--font-heading);will-change:transform, opacity, color;-webkit-user-select:none;user-select:none;letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(7rem,19vw,24rem);font-weight:900;line-height:.85}.voxel-folder{cursor:pointer;perspective:2000px;flex-shrink:0;width:clamp(8rem,20vw,22rem);height:clamp(6rem,16vw,18rem);margin-bottom:.05em;position:relative}.folder-back{border-radius:5px;width:100%;height:100%;position:absolute;overflow:visible;box-shadow:12px 12px #00000021,24px 24px #0000000d,inset -4px -4px #0000001a}.folder-back:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:16px 16px;border-radius:5px;position:absolute;inset:0}.folder-back-tab{border-radius:3px 3px 0 0;align-items:center;width:90px;height:22px;padding-left:12px;display:flex;position:absolute;top:-22px;left:18px;box-shadow:12px 12px #00000021}.tab-text{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;font-size:.6rem;font-weight:600}.files-container{z-index:2;pointer-events:none;gap:8px;display:flex;position:absolute;inset:10px 14px 14px}.file-card{opacity:0;pointer-events:auto;border-radius:6px;flex-direction:column;flex:1;transition:all .38s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden;transform:translateY(18px)scale(.92);box-shadow:5px 5px #0000001a,inset 0 0 0 2px #0000000a}.voxel-folder:hover .file-card,.voxel-folder.is-open .file-card{opacity:1}.voxel-folder:hover .file-card.proj-preview-0,.voxel-folder.is-open .file-card.proj-preview-0{z-index:10;transform:translate(-60px,-50px)rotate(-15deg)scale(1.1)}.voxel-folder:hover .file-card.proj-preview-1,.voxel-folder.is-open .file-card.proj-preview-1{z-index:15;transform:translateY(-80px)rotate(0)scale(1.15)}.voxel-folder:hover .file-card.proj-preview-2,.voxel-folder.is-open .file-card.proj-preview-2{z-index:10;transform:translate(60px,-50px)rotate(15deg)scale(1.1)}.voxel-folder:hover .file-card:first-child,.voxel-folder.is-open .file-card:first-child{transition-delay:40ms}.voxel-folder:hover .file-card:nth-child(2),.voxel-folder.is-open .file-card:nth-child(2){transition-delay:80ms}.voxel-folder:hover .file-card:nth-child(3),.voxel-folder.is-open .file-card:nth-child(3){transition-delay:.12s}.file-card-header{justify-content:center;align-items:center;height:45px;display:flex}.file-card-header svg{fill:#fff;filter:drop-shadow(1.5px 1.5px #0003);width:22px;height:22px}.file-card.case-studies .file-card-header{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.file-card.case-studies{background:#fff5f5}.file-card.playground .file-card-header{background:linear-gradient(135deg,#a855f7,#7c3aed)}.file-card.playground{background:#faf5ff}.file-card.other-work .file-card-header{background:linear-gradient(135deg,#14b8a6,#0d9488)}.file-card.other-work{background:#f0fdfa}.file-card-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px;display:flex}.file-card-title{color:#222;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.62rem;font-weight:700}.file-card-count{color:#999;font-size:.52rem;font-weight:500}.folder-front{transform-origin:bottom;z-index:3;border-radius:5px;width:100%;height:100%;transition:transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;overflow:hidden;box-shadow:12px 12px #00000026,24px 24px #0000000f,inset -4px -4px #0000001f,inset 4px 4px #ffffff1a}.folder-front:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:16px 16px;border-radius:5px;position:absolute;inset:0}.voxel-folder:hover,.voxel-folder.is-open .folder-front{transform:rotateX(-36deg)}.folder-front-tab{border-radius:3px 3px 0 0;align-items:center;width:90px;height:22px;padding-left:12px;display:flex;position:absolute;top:-22px;left:18px;box-shadow:12px 12px #00000026}.folder-ss{font-family:var(--font-heading);color:#fff6;letter-spacing:.05em;-webkit-user-select:none;user-select:none;text-shadow:1px 1px #00000026;font-size:1rem;font-weight:800;transition:transform .3s,color .3s;position:absolute;bottom:12px;right:14px}.voxel-folder:hover,.voxel-folder.is-open .folder-ss{color:#ffffffa6;transform:scale(.9)}@media (width<=900px){.spacer{height:20vh}}@media (width<=768px){.word-row{flex-wrap:wrap;justify-content:center;gap:1rem}.word-char{font-size:clamp(3rem,15vw,6rem)}.voxel-folder{width:clamp(160px,45vw,280px);height:clamp(120px,35vw,210px);margin:0 10px}.folder-ss{font-size:.6rem;bottom:8px;right:10px}.file-card-header{height:30px}.file-card-header svg{width:14px;height:14px}.file-card-title{font-size:.45rem}.curious-text{text-align:center;width:100%;margin-bottom:1.5rem;font-size:1rem}.macos-dock{gap:8px;height:60px;margin-top:16px;padding:8px 16px}.dock-item{width:40px;height:40px}.dock-icon-box svg{width:20px;height:20px}.dock-label{display:none}.hero-text{text-align:center;font-size:clamp(2rem,10vw,4rem)!important;line-height:1.1!important}}.gallery-overlay{z-index:100;-webkit-overflow-scrolling:touch;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden auto}.gallery-close{z-index:110;font-family:var(--font-body);letter-spacing:.1em;cursor:pointer;background:0 0;border:2px solid;border-radius:100px;padding:.6rem 1.4rem;font-size:.8rem;font-weight:700;transition:transform .2s,background-color .2s;position:fixed;top:3vh;right:4vw}.gallery-close:hover{background:#ffffff1a;transform:scale(1.05)}.gallery-track{width:300vw;height:100%;display:flex}.gallery-panel{align-items:center;width:100vw;height:100vh;padding:0 8vw;display:flex;position:relative}.panel-content{z-index:2;pointer-events:auto;flex:1}.panel-title{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:3rem;font-size:clamp(3rem,7vw,6rem);font-weight:900;line-height:1}.project-list{flex-direction:column;gap:2rem;display:flex}.project-item{cursor:pointer;align-items:flex-start;gap:1.5rem;transition:transform .2s;display:flex}.project-item:hover{transform:translate(10px)}.project-id{font-family:var(--font-body);opacity:.5;padding-top:.3rem;font-size:1rem;font-weight:700}.project-details h3{font-family:var(--font-heading);margin-bottom:.2rem;font-size:clamp(1.2rem,2vw,2rem);font-weight:700}.project-details p{font-family:var(--font-body);font-size:clamp(.7rem,1vw,.9rem)}.panel-canvas{z-index:1;pointer-events:none;width:50vw;height:100vh;position:absolute;top:0;right:0}@media (width<=900px){.gallery-panel{flex-direction:column;justify-content:center;padding:4vw}.panel-canvas{order:-1;width:100vw;height:40vh;position:relative}.panel-title{margin-bottom:1.5rem}.project-list,.project-item{gap:1rem}}.header-bar{z-index:999999;justify-content:flex-end;align-items:center;display:flex;position:fixed;top:20px;right:24px}.cta-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-left:40px;display:flex;position:relative}.emoji-circle{opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:box-shadow .3s;display:flex;position:relative;left:-4px;transform:translate(16px)scale(.85);box-shadow:0 8px 24px #0003}.get-in-touch-btn{height:52px;font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;z-index:2;-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:26px;align-items:center;padding:0 28px;font-size:13px;font-weight:700;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000040;background:#111111e0!important}.get-in-touch-btn:hover{border-color:#ffffff38;box-shadow:0 8px 32px #00000059}.progress-fill{z-index:1;border-radius:26px;width:0%;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.btn-text{z-index:2;letter-spacing:.06em;transition:color .3s;position:relative}.get-in-touch-btn.dark-text .btn-text{color:#111!important}.modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:999999;opacity:0;visibility:hidden;pointer-events:none;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-backdrop.active{opacity:1;visibility:visible;pointer-events:all}.contact-card{opacity:0;border:1px solid;border-radius:28px;flex-direction:column;align-items:center;gap:24px;width:400px;max-width:90%;padding:40px 32px;display:flex;position:relative;transform:scale(.9)translateY(30px)}.close-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.close-btn:hover{transform:rotate(90deg)}.close-btn svg{width:16px;height:16px}.card-avatar{object-fit:cover;border:3px solid;border-radius:50%;width:88px;height:88px;transition:transform .4s}.contact-card:hover .card-avatar{transform:scale(1.05)}.card-header{text-align:center}.card-name{font-family:var(--font-heading);letter-spacing:-.5px;margin-bottom:6px;font-size:26px;font-weight:700}.card-role{font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:700}.card-bio{font-family:var(--font-body);max-width:280px;margin-top:12px;font-size:15px;line-height:1.6}.divider{width:100%;height:1px}.social-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}.social-item{cursor:pointer;flex-direction:column;align-items:center;gap:10px;text-decoration:none;display:flex;position:relative}.social-icon-box{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.social-icon-box:before{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.social-icon-box svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;z-index:1;width:24px;height:24px;transition:all .3s;position:relative}.social-label{font-family:var(--font-body);font-size:12px;font-weight:700;transition:all .3s}.social-item:hover .social-icon-box{transform:translateY(-4px)}.social-item:hover .social-icon-box:before{width:100%;height:100%}.social-item:hover .social-icon-box svg{transform:scale(1.1)}.social-item:hover .social-label{transform:translateY(-2px)}@media (width<=768px){.header-bar{top:15px;right:20px}.contact-card{padding:32px 24px}.social-grid{gap:16px}.social-icon-box{width:52px;height:52px}}:root{--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-spring-fast:cubic-bezier(.22, 1, .36, 1);--ease-apple:cubic-bezier(.25, .1, .25, 1);--ease-out-expo:cubic-bezier(.19, 1, .22, 1)}.drawer-overlay{z-index:999997;opacity:0;visibility:hidden;background:#0006;position:fixed;inset:0}.drawer{z-index:999998;box-shadow:none;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;pointer-events:none;border:1px solid #ffffff26;border-radius:4px;width:max-content;min-width:320px;max-width:90vw;max-height:calc(100vh - 140px);padding:0;transition:opacity .35s,transform .35s cubic-bezier(.16,1,.3,1),visibility .35s;position:fixed;bottom:90px;left:50%;overflow-y:auto;transform:translate(-50%,20px);background:#0d0d0d!important}.drawer.open{opacity:1;visibility:visible;pointer-events:all;transform:translate(-50%)}.drawer-items{padding:8px 0 4px}.drawer-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:14px;min-width:260px;margin:2px 8px;padding:10px 14px;transition:background .22s,transform .22s;display:flex;position:relative;overflow:hidden}.drawer-item:before{content:"";background:#ffffff80;border-radius:2px;width:3px;height:60%;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.drawer-item:hover{background:#ffffff12;transform:translate(2px)}.drawer-item:hover:before{transform:translateY(-50%)scaleY(1)}.drawer-item:active{background:#ffffff1f;transform:translate(2px)scale(.99)}.drawer-item:hover .drawer-item-icon{transform:scale(1.06)rotate(-2deg)}.drawer-item-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.drawer-item-icon.text-icon{font-family:var(--font-heading);letter-spacing:-.02em;font-size:16px;font-weight:800}.drawer-item-icon.dark-icon{font-family:var(--font-heading);text-align:center;font-size:8px;font-weight:800;line-height:1.3}.drawer-item-icon.grid-icon{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;padding:4px;display:grid}.drawer-item-icon .grid-cell{font-size:10px;font-weight:800;font-family:var(--font-heading);border-radius:3px;justify-content:center;align-items:center;display:flex}.drawer-item-text{height:28px;position:relative;overflow:hidden}.drawer-item-text-inner{flex-direction:column;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex}.drawer-item-text .label-original,.drawer-item-text .label-copy{font-family:var(--font-heading);white-space:nowrap;flex-shrink:0;height:28px;font-size:22px;font-weight:700;line-height:28px}.drawer-item:hover .drawer-item-text-inner{transform:translateY(-50%)}.drawer-divider{background:#ffffff0f;height:1px;margin:8px 24px 0}.drawer-footer{align-items:center;gap:14px;padding:12px 16px 20px;display:flex}.drawer-footer-avatar{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex;overflow:hidden}.drawer-footer-info{flex:1;min-width:0;overflow:hidden}.drawer-footer-name{font-family:var(--font-heading);color:#fff;white-space:nowrap;letter-spacing:.005em;font-size:15px;font-weight:700}.drawer-footer-roles{font-family:var(--font-body);color:#666;white-space:nowrap;letter-spacing:.06em;margin-top:1px;font-size:10px;font-weight:400;overflow:hidden}.marquee-track{animation:16s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.drawer-close-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:flex}.drawer-close-btn:hover{background:#ffffff1f;transform:scale(1.08)rotate(90deg)}.drawer-close-btn:active{background:#ffffff2e}.drawer-close-btn svg{stroke:#fff;stroke-width:2.5px;stroke-linecap:round;width:16px;height:16px}.drawer-header-label{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#ffffff40;justify-content:space-between;align-items:center;padding:20px 22px 8px;font-size:10px;font-weight:700;display:flex}.di-icon-svg{flex-shrink:0;width:22px;height:22px}.drawer-item-arrow{opacity:0;color:#fff6;flex-shrink:0;margin-left:auto;font-size:16px;transition:opacity .25s,transform .25s;transform:translate(-8px)}.drawer-item:hover .drawer-item-arrow{opacity:1;transform:translate(0)}.drawer-footer-left{flex:1;align-items:center;gap:14px;display:flex;overflow:hidden}.glass-island-menu{z-index:999999;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.glass-island-menu.drawer-open{opacity:0;pointer-events:none;transform:translate(-50%)translateY(100px)}.glass-island-inner{-webkit-backdrop-filter:blur(24px);cursor:pointer;color:#fff;background:#141414a6;border:1px solid #ffffff14;border-radius:40px;align-items:center;gap:12px;padding:8px 24px 8px 8px;transition:all .3s;display:flex;box-shadow:0 8px 32px #0000004d}.glass-island-inner:hover{background:#282828d9;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #0006}.glass-island-icon{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.glass-island-text{font-family:var(--font-heading);letter-spacing:.15em;text-transform:uppercase;font-size:13px;font-weight:700}.bottom-bar{-webkit-backdrop-filter:blur(16px);z-index:99999;background:#111111e0;border:1px solid #ffffff1a;border-radius:25px;align-items:center;gap:4px;width:max-content;max-width:90vw;height:50px;padding:0 8px 0 10px;transition:all .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0a}.bottom-bar:hover{border-color:#ffffff2e;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0f}.bottom-bar.drawer-open{box-shadow:0 2px 12px #00000040}.bottom-bar-avatar{color:#000;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;overflow:hidden}.bottom-bar-avatar:hover{transform:scale(1.12)rotate(-4deg);box-shadow:0 4px 16px #0000004d}.bottom-bar-info{flex-direction:column;min-width:0;margin-left:10px;display:flex;overflow:hidden}.bottom-bar-name{color:#fff;letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800;line-height:1}.bottom-bar-roles{color:#ffffff80;white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600;overflow:hidden}.bottom-bar-toggle{cursor:pointer;background:#ffffff1a;border:1px solid #0000;border-radius:18px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:16px;transition:all .3s;display:flex}.bottom-bar-toggle:hover{background:#ffffff1a;transform:scale(1.08)}.bottom-bar-toggle:active{background:#ffffff29;transform:scale(.94)}.hamburger-icon{transition:all .4s var(--ease-spring);flex-direction:column;gap:3px;display:flex}.hamburger-icon span{width:14px;height:1.5px;transition:all .4s var(--ease-spring);transform-origin:50%;background:#fff;border-radius:2px;display:block}.hamburger-icon.close span:first-child{transform:rotate(45deg)translate(3px,3px)}.hamburger-icon.close span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-icon.close span:nth-child(3){transform:rotate(-45deg)translate(3px,-3px)}.ripple{pointer-events:none;background:#ffffff14;border-radius:50%;animation:.6s ease-out ripple-anim;position:absolute;transform:scale(0)}@keyframes ripple-anim{to{opacity:0;transform:scale(4)}}.drawer::-webkit-scrollbar{width:3px}.drawer::-webkit-scrollbar-track{background:0 0}.drawer::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.carousel-section{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.carousel-header{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:40px 6vw;display:flex;position:absolute;top:0;left:0}.carousel-title{font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}.carousel-nav{gap:12px;display:flex}.nav-arrow{cursor:pointer;width:48px;height:48px;transition:all .3s var(--ease-out-expo);background:0 0;border:1px solid;border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-arrow:hover:not(:disabled){background:#ffffff1a;transform:scale(1.05)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.carousel-track-container{flex:1;align-items:center;width:100%;height:100%;display:flex}.carousel-track{will-change:transform;align-items:center;gap:40px;height:60vh;display:flex}.carousel-spacer{flex-shrink:0;width:calc(25vw - 20px)}.case-study-card{cursor:pointer;filter:grayscale();opacity:.3;width:50vw;height:100%;transition:filter .6s var(--ease-out-expo), opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);will-change:transform, filter, opacity;border:1px solid #ffffff1a;flex-shrink:0;position:relative;transform:scale(.95)}@media (width<=900px){.case-study-card{width:75vw}.carousel-spacer{width:calc(12.5vw - 20px)}.carousel-track{height:65vh}}@media (width<=600px){.case-study-card{width:85vw}.carousel-spacer{width:calc(7.5vw - 20px)}}.case-study-card.active{filter:grayscale(0);opacity:1;z-index:10;cursor:default;border-color:#ffffff4d;transform:scale(1)}.card-inner{background:#000;width:100%;height:100%;position:relative;overflow:hidden;transform:translateZ(0)}.card-bg{transition:transform .8s var(--ease-out-expo);position:absolute;inset:0;overflow:hidden;transform:scale(1)}.case-study-card.active .card-bg{transform:scale(1.05)}.card-bg-img{object-fit:cover;will-change:transform;width:140%;height:100%;position:absolute;top:0;left:-20%}.card-overlay{opacity:.8;transition:opacity .6s var(--ease-out-expo);background:#000;position:absolute;inset:0}.case-study-card.active .card-overlay{opacity:.4}.card-content{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:absolute;inset:0}@media (width<=768px){.card-content{padding:24px}}.card-meta{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.card-details-wrapper{flex-direction:column;justify-content:flex-end;display:flex}.card-title{font-family:var(--font-heading);letter-spacing:-.02em;transition:transform .4s var(--ease-out-expo);margin-bottom:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.1}.card-details{opacity:0;transition:all .5s var(--ease-out-expo);grid-template-rows:0fr;display:grid;transform:translateY(20px)}.card-details-inner{overflow:hidden}.card-description{margin-top:16px;margin-bottom:24px;font-family:Inter,sans-serif;font-size:1rem;line-height:1.5}.card-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tag{font-family:var(--font-body);color:#fff;text-transform:uppercase;border:1px solid;padding:6px 12px;font-size:.75rem}.card-cta{font-family:var(--font-body);cursor:pointer;pointer-events:auto;transition:all .3s var(--ease-spring);text-transform:uppercase;border:none;padding:14px 28px;font-size:1rem;font-weight:600}.card-cta:hover{filter:brightness(1.2);transform:translateY(-4px)}@media (hover:hover) and (pointer:fine){.case-study-card.active:hover .card-title{transform:translateY(-8px)}.case-study-card.active:hover .card-details{opacity:1;grid-template-rows:1fr;transform:translateY(0)}}@media (hover:none){.case-study-card.active .card-title{margin-bottom:16px}.case-study-card.active .card-details{opacity:1;grid-template-rows:1fr;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.case-study-card{transition:filter,opacity,transform!important}.card-bg,.card-bg-img,.card-overlay,.card-title,.card-details{transition:none!important}}.illustrative-work-container{font-family:var(--font-heading);background:#fcfaf2;width:100%;padding-bottom:50vh;position:relative}.paper-texture{pointer-events:none;opacity:.35;z-index:1;mix-blend-mode:multiply;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.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.f-hero{background:#fcfaf2;justify-content:center;align-items:center;width:100%;height:80vh;min-height:600px;display:flex;position:relative}.f-hero-content{text-align:center;z-index:2;position:relative}.f-hero-title{letter-spacing:-.04em;color:#080808;margin:0;font-size:clamp(64px,12vw,160px);font-weight:900;line-height:.9}.f-hero-subtitle{font-family:var(--font-body);letter-spacing:.1em;color:#08080899;margin-top:32px;font-size:12px;font-weight:700;line-height:1.6}.f-hero-badge{font-family:var(--font-body);letter-spacing:.1em;color:#080808;text-align:right;z-index:2;font-size:10px;font-weight:700;position:absolute;bottom:40px;right:40px}.folder-wrapper{pointer-events:none;width:100%;height:calc(100svh - 40px);position:sticky;top:40px}.fn-tab{background:var(--bg);cursor:pointer;pointer-events:auto;z-index:2;border-radius:16px 16px 0 0;justify-content:center;align-items:center;height:40px;display:flex;position:absolute;top:0;box-shadow:inset 0 2px #fff6,0 -4px 12px #0000000d}.fn-tab-label{font-family:var(--font-body);letter-spacing:.1em;color:var(--txt);font-size:11px;font-weight:700}.fn-tab-id{font-family:var(--font-body);color:var(--txt);font-size:11px;font-weight:700;display:none}.folder-content{background:var(--bg);pointer-events:auto;cursor:none;border-radius:8px 8px 0 0;flex-direction:column;display:flex;position:absolute;inset:40px 0 0;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.fc-header{z-index:2;align-items:center;padding:24px 40px;display:flex;position:relative}.fn-num{width:80px;font-family:var(--font-body);color:var(--txt);opacity:.6;flex-shrink:0;font-size:16px;font-weight:700}.fn-name{letter-spacing:-.02em;min-width:0;color:var(--txt);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:clamp(24px,4vw,36px);font-weight:900;overflow:hidden}.fn-tags{justify-content:flex-end;align-items:center;gap:12px;display:flex}.ftag{border:1px solid var(--txt);height:32px;font-family:var(--font-body);letter-spacing:.05em;color:var(--txt);border-radius:16px;align-items:center;padding:0 16px;font-size:10px;font-weight:700;display:inline-flex}.fc-body{z-index:2;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.ps-shoe{justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.ps-shoe img,.ps-shoe video{object-fit:contain;filter:none;width:100%;height:100%}.ps-shoe-placeholder{background:#fff3;border-radius:32px;justify-content:center;align-items:center;width:80%;height:80%;display:flex}.ps-shoe-placeholder .shoe-icon{opacity:.4;font-size:160px}.f-custom-cursor{aspect-ratio:1;pointer-events:none;z-index:9999;text-align:center;opacity:0;will-change:transform, opacity;border-radius:48px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:240px;padding:24px;display:flex;position:fixed;top:0;left:0;transform:scale(0);box-shadow:0 24px 48px #00000026}.f-custom-cursor-text{font-family:var(--font-heading);letter-spacing:-.01em;text-transform:none;font-size:16px;font-weight:700;line-height:1.3}.f-custom-cursor-cta{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;border-radius:24px;padding:12px 24px;font-size:11px;font-weight:700}@media (width<=900px){.fn-tags,.fn-tab-label{display:none}.fn-tab-id{display:block}.fc-header{padding:24px}}.campaign-section{background:#080808;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative;overflow:hidden}.campaign-section .paper-texture{mix-blend-mode:overlay;opacity:.05}.campaign-headline{z-index:2;text-align:center;color:#fcfaf2;position:relative}.campaign-headline .big{letter-spacing:-.04em;font-size:clamp(64px,10vw,120px);font-weight:900;line-height:.9;display:block}.campaign-headline .small{letter-spacing:.1em;opacity:.6;font-size:12px;font-weight:700;font-family:var(--font-body);margin-top:24px;display:block}.campaign-cta-btn{color:#080808;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;z-index:5;font-size:14px;font-weight:700;font-family:var(--font-body);background:#fcfaf2;border:none;border-radius:24px 24px 0 0;padding:24px 60px;transition:padding .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.campaign-cta-btn:hover{padding-bottom:32px}@media (width<=900px){.campaign-cta-btn{min-width:100%}}@keyframes about-jitter{0%{transform:translate(0)}20%{transform:translate(-8px)rotate(-1deg)}40%{transform:translate(8px)rotate(1deg)}60%{transform:translate(-8px)rotate(-1deg)}80%{transform:translate(8px)rotate(1deg)}to{transform:translate(0)}}.about-jitter{animation:.4s ease-in-out about-jitter}@keyframes about-grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,2%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-1%)}50%{transform:translate(-3%,3%)}60%{transform:translate(2%,-4%)}70%{transform:translate(-4%,2%)}80%{transform:translate(3%,-2%)}90%{transform:translate(-2%,4%)}}@keyframes about-fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cdSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes about-slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(16px)rotateX(8deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}.about-grain-overlay{opacity:.028;pointer-events:none;z-index:9999;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.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.5s step-end infinite about-grain;position:fixed;inset:-50%}.about-fade-up{animation:.7s cubic-bezier(.22,1,.36,1) both about-fadeUp}.about-fade-up-1{animation-delay:50ms}.about-fade-up-2{animation-delay:.12s}.about-fade-up-3{animation-delay:.22s}.about-fade-up-4{animation-delay:.32s}.photo-card{transform-style:preserve-3d;will-change:transform;transition:box-shadow .4s}.photo-card:hover{box-shadow:0 24px 60px #000000e6!important}.truth-card{transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .3s,border-color .3s}.truth-card:hover:not([data-disabled]){transform:translateY(-4px)scale(1.01)}.cd-disc{cursor:grab;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}.cd-disc:hover{transform:translateY(-8px)scale(1.06)!important;box-shadow:0 20px 50px #000c!important}.cd-disc:active{cursor:grabbing}.hobby-pill{transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s,border-color .25s}.hobby-pill:hover{transform:translateY(-3px)scale(1.04);background:#ffffff1a!important;border-color:#ffffff40!important}.sg-section{background:#080808;width:100%;padding:0}.sg-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;margin:0 0 1px;padding:60px 0 28px;display:flex}.sg-header-left{flex-direction:column;gap:6px;display:flex}.sg-eyebrow{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:#fcfaf266;font-size:.65rem;font-weight:700}.sg-heading{font-family:var(--font-heading);letter-spacing:-.025em;text-transform:uppercase;color:#fcfaf2;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:900;line-height:1}.sg-year{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#fcfaf259;font-size:.65rem;font-weight:700}.sg-grid{background:#ffffff14;grid-template-columns:repeat(4,1fr);gap:1px;width:100%;min-height:0;display:grid}.sg-item{cursor:pointer;will-change:transform, filter;background:#111;min-height:clamp(140px,22vw,320px);position:relative;overflow:hidden}.sg-img{object-fit:cover;filter:brightness(.7)saturate(.85);width:100%;height:100%;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .45s;display:block;transform:scale(1.04)}.sg-item:hover .sg-img{filter:grayscale()contrast(1.12)brightness(.55);transform:scale(1.08)}.sg-overlay{opacity:0;pointer-events:none;z-index:2;-webkit-backdrop-filter:blur(6px);background:#080808d1;flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;inset:0}.sg-num{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#fcfaf28c;border-bottom:1px solid #fcfaf240;width:fit-content;margin-bottom:6px;padding-bottom:3px;font-size:.58rem;font-weight:700;display:inline-block}.sg-title{font-family:var(--font-heading);letter-spacing:-.02em;color:#fcfaf2;margin-bottom:5px;font-size:clamp(.95rem,1.5vw,1.35rem);font-weight:700;line-height:1.15}.sg-desc{font-family:var(--font-body);color:#fcfaf28c;letter-spacing:.01em;max-width:220px;margin-bottom:12px;font-size:.62rem;line-height:1.55}.sg-tags{flex-wrap:wrap;gap:5px;display:flex}.sg-tag{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#fcfaf2;background:0 0;border:1px solid #fcfaf259;padding:3px 8px;font-size:.5rem;font-weight:700}@media (width<=900px){.sg-grid{grid-template-columns:repeat(2,1fr)}.sg-item{min-height:200px;grid-area:span 1/span 1!important}.sg-header{padding:48px 0 22px}}@media (width<=600px){.sg-grid{grid-template-columns:1fr}.sg-item{min-height:240px}.sg-header{padding:36px 0 18px}.sg-heading{font-size:clamp(1.4rem,6vw,2rem)}}.macos-dock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e1e66;border:1px solid #ffffff1a;border-radius:24px;justify-content:center;align-items:flex-end;gap:12px;height:80px;margin-top:24px;padding:12px 24px;display:flex}.dock-item{transform-origin:bottom;flex-direction:column;justify-content:flex-end;align-items:center;width:48px;height:48px;text-decoration:none;display:flex;position:relative}.dock-icon-box{background:#222;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;transition:background .3s;display:flex;box-shadow:0 4px 12px #00000080,inset 0 1px 1px #ffffff1a}.dock-icon-box svg{stroke:#fff;width:24px;height:24px;transition:stroke .3s}.dock-label{color:#fff;letter-spacing:.5px;opacity:0;white-space:nowrap;pointer-events:none;font-size:11px;font-weight:700;font-family:var(--font-heading);background:#000c;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;position:absolute;top:-30px}.brutalist-card-interactive{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)!important}.brutalist-card-interactive:hover{transform:scale(1.02)!important;box-shadow:0 40px 80px #0009!important}.timeline-photo.brutalist-card-interactive{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)!important}.timeline-photo.brutalist-card-interactive:hover{z-index:100!important;transform:rotate(0)scale(1.08)translateY(-10px)!important;box-shadow:16px 20px #000!important}.timeline-photo-interactive{transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.34,1.56,.64,1),z-index,box-shadow .6s cubic-bezier(.34,1.56,.64,1)!important}.timeline-photo-interactive:hover{opacity:.95;z-index:99999!important;transform:perspective(1200px)translateZ(20px)translateY(-15px)scale(1.05)rotate(0)!important;box-shadow:0 15px 35px #ffffff0d,0 5px 15px #0000001a!important}.modern-brutal-card{box-shadow:none;border-radius:4px;transition:transform .3s cubic-bezier(.25,1,.5,1),background-color .3s;position:relative;overflow:hidden}.modern-brutal-card:hover{transform:translateY(-4px)}.explore-pill{cursor:pointer;z-index:100;opacity:0;pointer-events:none;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff0d;border-radius:40px;justify-content:center;align-items:center;padding:12px 24px;font-size:.85rem;font-weight:600;transition:opacity .4s,transform .4s,background .3s;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 10px 30px #0000001a}.explore-pill.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.explore-pill:hover{transform:translate(-50%)translateY(-3px)scale(1.05);box-shadow:0 15px 40px #00000026}.explore-pill span{transition:transform .3s;display:inline-block}.explore-pill:hover span{transform:translateY(3px)}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.vds-wrap{z-index:200;cursor:pointer;-webkit-user-select:none;user-select:none;transform-origin:bottom;will-change:transform;filter:drop-shadow(0 6px 18px #00000059);position:fixed;bottom:28px;right:28px}.vds-top{background:#888;border:2px solid #555;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:62px;height:46px;display:flex;position:relative;box-shadow:inset 2px 2px #aaa,inset -2px -2px #5a5a5a}.vds-camera{background:#3a3a3a;border-radius:50%;width:4px;height:4px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.vds-screen-top{background:#0d0d0d;border:2px solid #333;width:44px;height:30px;box-shadow:inset 0 0 8px #3ca0501f}.vds-speaker-row{gap:2px;display:flex;position:absolute;bottom:3px;right:4px}.vds-speaker-row span{background:#5a5a5a;width:2px;height:6px;display:block}.vds-hinge{background:#5e5e5e;border-left:2px solid #444;border-right:2px solid #444;justify-content:space-between;align-items:center;width:62px;height:6px;padding:0 4px;display:flex}.vds-hinge-left,.vds-hinge-right{background:#6e6e6e;border:1px solid #444;width:10px;height:6px}.vds-bottom{background:#888;border:2px solid #555;border-top:none;width:62px;height:64px;position:relative;box-shadow:inset 2px 2px #aaa,inset -2px -2px #5a5a5a}.vds-screen-bot{background:#0d0d0d;border:2px solid #333;width:32px;height:24px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.vds-dpad{width:18px;height:18px;position:absolute;bottom:10px;left:6px}.vds-dp-h{background:#4a4a4a;border:1px solid #333;width:18px;height:6px;position:absolute;top:6px;left:0}.vds-dp-v{background:#4a4a4a;border:1px solid #333;width:6px;height:18px;position:absolute;top:0;left:6px}.vds-dp-dot{background:#333;width:4px;height:4px;position:absolute;top:7px;left:7px}.vds-abxy{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:8px;right:6px}.vds-btn-row{gap:2px;display:flex}.vds-btn{border:1px solid #333;width:8px;height:8px}.vds-a{background:#8b3535}.vds-b{background:#7a5b2a}.vds-x{background:#2a558b}.vds-y{background:#2a7a55}.vds-mid-btns{gap:6px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.vds-mid-btn{background:#5a5a5a;border:1px solid #3a3a3a;border-radius:1px;width:12px;height:4px}.product-section{perspective:1200px;z-index:10;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.product-noise{pointer-events:none;z-index:5;opacity:.6;mix-blend-mode:overlay;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000d 2px 4px);position:absolute;inset:0}.product-split{z-index:10;justify-content:center;align-items:center;gap:80px;width:100%;max-width:1400px;margin:0 auto;padding:40px;display:flex;position:relative}@media (width<=1024px){.product-split{text-align:center;flex-direction:column;gap:40px}}.product-left{perspective:1500px;flex:1;justify-content:center;align-items:center;display:flex}.product-ds-closed{width:260px;height:200px;transform-style:preserve-3d;will-change:transform;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:4px solid #111;border-radius:20px;flex-direction:column;align-items:center;display:flex;position:relative;box-shadow:inset 2px 2px 8px #ffffff1a,inset -4px -4px 15px #000c,0 40px 60px #0009}.product-ds-closed:before{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#0000);border-radius:14px 14px 0 0;height:40%;position:absolute;top:4px;left:4px;right:4px}.pds-camera{background:#0d0d0d;border-radius:50%;width:14px;height:14px;position:absolute;top:18px;left:24px;box-shadow:inset 0 0 6px #000,0 0 2px #ffffff26}.pds-camera:after{content:"";background:#333;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;left:3px}.pds-logo{opacity:.6;border:2px solid #111;border-radius:10px;width:60px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 1px 1px 3px #000c,1px 1px 1px #ffffff0d}.pds-grooves{background:#151515;border-top:3px solid #0a0a0a;border-radius:0 0 16px 16px;width:100%;height:24px;position:absolute;bottom:0;box-shadow:inset 0 4px 6px #00000080}.product-right{perspective:1000px;flex:1;justify-content:center;align-items:center;display:flex}.product-card{transform-style:preserve-3d;will-change:transform;cursor:crosshair;border-radius:20px;padding:60px 80px;transition:box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 40px 80px #0003,inset 0 0 0 2px #ffffff1a}.product-card:hover{box-shadow:0 50px 100px #0000004d,inset 0 0 0 2px #fff3}.product-card h2{font-family:var(--font-heading);z-index:2;text-transform:uppercase;letter-spacing:-.04em;margin:0;font-size:clamp(3rem,6vw,6rem);font-weight:800;line-height:1.1;position:relative;transform:translateZ(60px)}.card-glare{z-index:1;pointer-events:none;opacity:.5;background:linear-gradient(135deg,#ffffff4d 0%,#fff0 40% 100%);transition:opacity .3s;position:absolute;inset:0;transform:translateZ(10px)}.product-card:hover .card-glare{opacity:.8}.card-pulse{pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff1a,#0000 60%);border-radius:50%;width:100%;padding-bottom:100%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulseAnim;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(20px)}@keyframes pulseAnim{0%{opacity:0;transform:translate(-50%,-50%)translateZ(20px)scale(.8)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)translateZ(20px)scale(1.4)}}.footer-wrapper{color:#0d0d0d;font-family:var(--font-body);background-color:#0000;width:100%;position:relative;overflow-x:hidden}.footer-wrapper a{color:inherit;text-decoration:none}.audio-status-banner{z-index:50;text-transform:uppercase;letter-spacing:.1em;-webkit-user-select:none;user-select:none;text-align:center;border:2px solid #0d0d0d;padding:.75rem 1rem;font-size:.75rem;font-weight:700;transition:all .3s;position:fixed;top:1.5rem;left:1.5rem;right:1.5rem}@media (width>=768px){.audio-status-banner{text-align:left;right:auto}}.footer-intro{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100vh;padding:0 2rem;display:flex}@media (width>=768px){.footer-intro{padding:0 4rem}}@media (width>=1024px){.footer-intro{padding:0 6rem}}.intro-content{max-width:42rem}.intro-subtitle{color:#666;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;font-size:.75rem;font-weight:700}.intro-title{color:#aaa;text-transform:uppercase;letter-spacing:-.025em;font-size:1.5rem;font-weight:700;line-height:1.375}.brutalist-footer{background-color:#0d0d0d;flex-direction:column;justify-content:flex-end;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.flame-bg-container{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:absolute;inset:0}.flame-wrapper{transform-origin:bottom;width:100%;position:relative}.flame-svg{width:100%;display:block;transform:translateY(4px)}.solid-floor{width:100%;height:45vh}.footer-content{z-index:10;background-color:#0000;grid-template-columns:1fr;align-items:flex-end;row-gap:3rem;width:100%;padding:4rem 2rem;display:grid;position:relative}@media (width>=768px){.footer-content{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2rem;padding:4rem}}@media (width>=1024px){.footer-content{padding:4rem 6rem}}.footer-col-1{flex-direction:column;align-items:flex-start;display:flex}@media (width>=768px){.footer-col-1{grid-column:span 4/span 4}}.brutal-nav-link{margin-bottom:1rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.primary-text,.clone-text{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.05em;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900;line-height:.9;display:block}.clone-text{color:#fff;position:absolute;top:100%;left:0}.footer-col-2{flex-direction:column;align-items:flex-start;display:flex}@media (width>=768px){.footer-col-2{grid-column:span 4/span 4;align-items:center}}.say-hi{font-family:var(--font-heading);letter-spacing:-.025em;-webkit-user-select:none;user-select:none;margin-bottom:2rem;font-size:5rem;font-weight:900;transform:translateY(-20px)}@media (width>=768px){.say-hi{font-size:7rem;transform:translateY(-40px)}}.footer-col-3{text-align:left;flex-direction:column;align-items:flex-start;gap:2.5rem;display:flex}@media (width>=768px){.footer-col-3{text-align:right;grid-column:span 4/span 4;align-items:flex-end}}.social-links{text-transform:uppercase;flex-direction:column;gap:.375rem;font-size:.875rem;font-weight:700;display:flex}.social-links a{letter-spacing:-.025em;text-decoration:none;transition:color .2s}.social-links a:hover{color:#fff!important}.footer-meta{flex-direction:column;gap:.25rem;max-width:20rem;display:flex}.copyright{letter-spacing:.1em;opacity:.5;font-size:.85rem;font-weight:700}.meta-text{text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(1rem,2vw,1.5rem);font-weight:900;line-height:1.25}.brutal-loader{color:#000;box-sizing:border-box;z-index:999999;background-color:#fff;grid-template-rows:1fr auto;width:100vw;height:100vh;padding:50px;display:grid;position:fixed;top:0;left:0}.greeting-wrapper{justify-content:center;align-items:center;display:flex}.kinetic-mask{padding:10px 0;overflow:hidden}.brutal-text{text-transform:uppercase;letter-spacing:-.05em;will-change:transform, opacity;margin:0;font-family:Arial Black,Impact,sans-serif;font-size:10vw;font-weight:900;line-height:.85;display:block;transform:skew(-8deg)}.counter-wrapper{justify-content:flex-end;align-items:flex-end;padding-top:30px;display:flex;position:relative}.progress-line{transform-origin:0;will-change:transform;background-color:#000;width:100%;height:8px;position:absolute;top:0;left:0;transform:scaleX(0)}.brutal-counter{letter-spacing:-.03em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8vw;font-weight:900;line-height:.8}.bc-container{--cube-size:42vmin;--bg-color:#050505;--red:#f33;--blue:#38f;--yellow:#ffea00;--green:#0f5;--orange:#f60;--white:#fff;z-index:10;background-color:#0000;width:100%;height:600vh;position:relative}.bc-sticky{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.bc-dynamic-bg{width:100%;height:100%;font-family:var(--font-body);color:#1a1a1a;white-space:nowrap;z-index:0;-webkit-user-select:none;user-select:none;opacity:.8;font-size:1.5vh;line-height:1;position:absolute;top:0;left:0;overflow:hidden}.bg-stream{flex-direction:column;height:100%;display:flex;position:absolute}.bc-scene{perspective:1500px;z-index:2;pointer-events:auto;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.bc-cube-wrapper{transform-style:preserve-3d;cursor:grab;position:relative;transform:translateZ(0)}.bc-cube{width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;position:relative}.bc-face{width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;backface-visibility:hidden;background-color:var(--face-bg);border:4px solid #000;position:absolute}.bc-face--front{transform:rotateY(0deg) translateZ(calc(var(--cube-size) / 2));--face-bg:var(--red)}.bc-face--right{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2));--face-bg:var(--blue)}.bc-face--back{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2));--face-bg:var(--yellow)}.bc-face--left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2));--face-bg:var(--green)}.bc-face--top{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2));--face-bg:var(--orange)}.bc-face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2));--face-bg:var(--white)}.bc-content{z-index:2;flex-direction:column;justify-content:center;padding:2rem;display:flex;position:absolute;inset:0;transform:translateZ(4px)}.bc-face-body{background:var(--face-bg);color:#000;font-family:var(--font-heading);text-transform:uppercase;border:4px solid #000;padding:1.2rem;font-size:1.4rem;font-weight:700;line-height:1.2;box-shadow:8px 8px #000}.bc-highlight{color:var(--face-bg);background-color:#000;margin:2px 0;padding:.1rem .4rem;display:inline-block}@media (width<=768px){.bc-container{--cube-size:75vmin}.bc-face-body{padding:1rem;font-size:1.1rem;box-shadow:6px 6px #000}.bc-content{padding:1rem}}.story-container{width:100vw;height:100vh;position:relative;overflow:hidden}.fu-grid-layout{gap:5vw;width:100%;height:100%;padding:8vw 6vw;display:flex}.fu-left-col{z-index:10;flex-direction:column;flex:1.2;justify-content:center;gap:.5vw;display:flex}.fu-text-paragraph{flex-wrap:wrap;gap:.4vw .6vw;display:flex}.fu-word{white-space:nowrap;will-change:transform;font-size:clamp(1.6rem,2.8vw,3.5rem);line-height:1.2;font-family:var(--font-body);display:inline-block}.fu-fw-light{opacity:.5;font-weight:300}.fu-fw-medium{letter-spacing:-.02em;font-weight:500}.fu-fw-bold{letter-spacing:-.04em;font-weight:700}.fu-highlight{color:#080808;position:relative}.fu-highlight:after{content:"";opacity:.2;background:currentColor;width:100%;height:2px;position:absolute;bottom:.1em;left:0}.fu-soft-pill{opacity:.7;font-style:italic}.fu-right-col{flex:.8;justify-content:center;align-items:center;display:flex;position:relative}.fu-device{will-change:transform;background:#000;border:4px solid #111;border-radius:0;position:absolute;overflow:hidden;box-shadow:12px 12px #000}.fu-device video{object-fit:cover;width:100%;height:100%;display:block}.fu-device-mobile{aspect-ratio:9/19.5;z-index:1;width:11vw;bottom:18vh;left:2vw}.fu-device-desktop{aspect-ratio:16/10;z-index:5;width:28vw;top:25vh;right:-1vw}@media (width<=768px){.fu-grid-layout{flex-direction:column;padding:12vh 6vw}.fu-left-col{flex:1}.fu-right-col{flex:1;min-height:40vh}.fu-device-desktop{width:60vw;top:5vh;right:5vw}.fu-device-mobile{width:25vw;bottom:5vh;left:10vw}}.brands-section{min-height:100vh;padding:120px 60px;position:relative;overflow:hidden;background:#000!important}.brands-container{z-index:2;max-width:1400px;margin:0 auto;position:relative}.section-header{opacity:0;margin-bottom:80px;transform:translateY(50px)}.section-header h2{font-family:var(--font-heading);letter-spacing:-.05em;text-transform:uppercase;font-size:clamp(3rem,6vw,6rem);font-weight:900;line-height:1}.section-header h2 .word{opacity:0;transform:translateY(100px)rotateX(-90deg)}.logo-grid{opacity:0;background:#ffffff1a;border:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.logo-item{aspect-ratio:1;cursor:pointer;background:#000;justify-content:center;align-items:center;padding:20px;transition:background .3s;display:flex;position:relative;overflow:hidden}.logo-item:before{content:"";opacity:0;background:#ffffff0d;transition:opacity .3s;position:absolute;inset:0}.logo-item:hover{background:#111}.logo-item:hover:before{opacity:1}.logo-item:hover .logo-content{transform:scale(1.05)}.logo-content{opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s;display:flex;transform:scale(.8)}.brand-image{object-fit:contain;mix-blend-mode:screen;filter:grayscale()invert()contrast(1000%);width:60%;height:60%;transition:filter .3s}.deco-circle{pointer-events:none;border-radius:50%;position:absolute}.deco-circle-1{width:400px;height:400px;top:-200px;right:-200px}.deco-circle-2{width:300px;height:300px;bottom:-150px;left:-150px}@media (width<=1200px){.logo-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.brands-section{padding:80px 20px}.logo-grid{grid-template-columns:repeat(1,1fr)}.logo-item{aspect-ratio:1;padding:15px}}