*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-heading:"Elms Sans", 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:10;pointer-events:none;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;padding:8vh 8vw 0;display:flex;position:absolute;inset:0}.canvas-layer{z-index:5;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-body);text-transform:none;letter-spacing:.01em;z-index:10;flex-direction:column;max-width:50vw;margin-top:1rem;font-size:clamp(1.5rem,3vw,2.8rem);font-weight:700;line-height:1.15;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}.section-header{font-family:var(--font-heading);letter-spacing:-.02em;text-transform:none;margin:0;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500;line-height:1}.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}@media (hover:hover){.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:.55em 1.3em;font-size:.81rem;font-weight:700;transition:transform .2s,background-color .25s}@media (hover:hover){.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){.text-layer{justify-content:flex-start;padding:6vh 4vw 0}.hero-title{max-width:90vw;font-size:clamp(2rem,7vw,4rem)}.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){.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:1.2;font-size:clamp(1.2rem,5.5vw,2.2rem)!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:.5em 1.05em;font-size:.72rem}.meta-tag{letter-spacing:.14em;font-size:.5rem;bottom:4vh}}@media (width<=380px){.hero-title{font-size:clamp(1.1rem,5vw,1.8rem)!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:400;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}@media (hover:hover){.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.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}@media (hover:hover){.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:500;transition:transform .3s,color .3s;position:absolute;bottom:12px;right:14px}@media (hover:hover){.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--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}@media (hover:hover){.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:500;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}@media (hover:hover){.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;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}@media (hover:hover){.get-in-touch-btn:hover{border-color:#ffffff38}}.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}.inline-nav-item{cursor:pointer;height:24px;display:block;position:relative;overflow:hidden}.inline-nav-item-inner{flex-direction:column;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex}@media (hover:hover){.inline-nav-item:hover .inline-nav-item-inner{transform:translateY(-50%)}}.inline-nav-label{white-space:nowrap;text-transform:uppercase;height:24px;font-size:13px;font-weight:700;line-height:24px;font-family:var(--font-heading);display:block}.modal-backdrop{z-index:999999;opacity:0;visibility:hidden;pointer-events:none;background:#0a0a0a99;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0}.modal-backdrop.active{opacity:1;visibility:visible;pointer-events:all}.contact-card{opacity:0;border:none;border-radius:28px;flex-direction:column;align-items:center;gap:24px;width:600px;max-width:90%;padding:60px 48px;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}@media (hover:hover){.close-btn:hover{transform:rotate(90deg)}}.close-btn svg{width:16px;height:16px}.card-avatar{object-fit:cover;border:none;border-radius:50%;width:100px;height:100px;margin-bottom:24px;transition:transform .4s}@media (hover:hover){.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}@media (hover:hover){.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--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;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:calc(100% - 16px);min-width:260px;margin:2px 8px;padding:10px 14px;font-family:inherit;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)}@media (hover:hover){.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)}@media (hover:hover){.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:500}.drawer-item-icon.dark-icon{font-family:var(--font-heading);text-align:center;font-size:8px;font-weight:500;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:500;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}@media (hover:hover){.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{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}@media (hover:hover){.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)}@media (hover:hover){.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{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}@media (hover:hover){.glass-island-inner:hover{background:#282828d9;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 40px #0006}}.glass-island-icon{color:#000;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{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}@media (hover:hover){.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;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}@media (hover:hover){.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:500;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}@media (hover:hover){.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%;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}@media (hover:hover){.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}.text-lab-title{font-family:var(--font-heading);letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(2rem,3.8vw,3.5rem);font-weight:400}.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}@media (hover:hover){.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%;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:500;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:500;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:500;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%)}@media (hover:hover){.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}@media (hover:hover){.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}@media (hover:hover){.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}@media (hover:hover){.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}@media (hover:hover){.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:500;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)}@media (hover:hover){.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;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{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}@media (hover:hover){.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}@media (hover:hover){.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}@media (hover:hover){.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}@media (hover:hover){.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;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)}@media (hover:hover){.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}@media (hover:hover){.explore-pill:hover span{transform:translateY(3px)}}@media (width<=768px){.hero-title{font-size:clamp(1.8rem,8vw,3.5rem)!important}.say-hi{font-size:clamp(3rem,15vw,4rem)!important;transform:none!important}.footer-content{align-items:flex-start!important;row-gap:2rem!important;padding:3rem 1.5rem!important}.footer-col-3{text-align:left!important;align-items:flex-start!important}}.about-cards-grid{grid-template-columns:1fr 1fr 1fr;gap:32px;margin-bottom:32px;display:grid}.about-truths-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:32px;display:grid}.vinyl-player-flex{align-items:center;gap:60px;display:flex}@media (width<=768px){.about-cards-grid{flex-direction:column;gap:16px;display:flex}.about-cards-grid>*{flex:none}.vinyl-player-flex{flex-direction:column;align-items:center;gap:32px}.hero-container{flex-direction:column!important;height:auto!important;min-height:100vh!important;display:flex!important}.text-layer{flex-shrink:0;padding-top:150px!important;position:relative!important}.canvas-layer{width:100vw!important;height:50vh!important;margin:0!important;position:relative!important;left:0!important;transform:none!important}.switcher-lever{bottom:20px!important;right:20px!important}}.folder-hitbox{z-index:100;cursor:pointer;position:absolute;inset:-30px}@media (width<=380px){.word-char{font-size:clamp(4rem,15vw,6rem)!important}}@media (width<=768px){.social-link-item{justify-content:flex-start!important}.flame-bg-container{opacity:.6}.modern-brutal-card{padding:24px!important}}.mobile-work-header{font-size:clamp(3rem,12vw,5rem);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:40px;font-weight:500;display:none}@media (width<=768px){.word-row{flex-direction:column!important;align-items:center!important}.desktop-char{display:none!important}.mobile-work-header{display:block}}:root{--safe-top:env(safe-area-inset-top,20px);--safe-bottom:env(safe-area-inset-bottom,20px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--mobile-card-radius:20px;--mobile-card-shadow:0 8px 30px #0000001f}@media (width<=768px){body,html{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}*{-webkit-tap-highlight-color:transparent}.hero-container{overflow:hidden;justify-content:flex-start!important;height:100dvh!important;min-height:100dvh!important}.text-layer{text-align:left;align-items:flex-start;padding-top:calc(var(--safe-top) + 120px)!important;padding-left:20px!important;padding-right:20px!important}.canvas-layer{height:55dvh!important;transform:scale(.85)translateY(5vh)!important}.explore-pill{text-align:center;box-shadow:var(--mobile-card-shadow);z-index:1000;justify-content:center;bottom:calc(var(--safe-bottom) + 20px)!important;border-radius:100px!important;width:calc(100vw - 40px)!important;padding:20px 0!important;position:fixed!important;left:20px!important;right:20px!important;transform:translate(0)!important}.work-gallery-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;gap:16px!important;padding:0 20px!important;overflow:auto hidden!important}.work-gallery-card{scroll-snap-align:center;border-radius:var(--mobile-card-radius)!important;width:calc(100vw - 40px)!important;min-width:calc(100vw - 40px)!important;box-shadow:var(--mobile-card-shadow)!important}.modern-brutal-card{border-radius:var(--mobile-card-radius)!important;box-shadow:var(--mobile-card-shadow)!important;border:1px solid #0000000d!important}.header-bar{-webkit-backdrop-filter:none!important;z-index:9999!important;background:0 0!important;border:none!important;justify-content:flex-end!important;position:fixed!important;top:15px!important;left:auto!important;right:20px!important}.cta-wrapper{margin:0 auto!important}.modal-backdrop{z-index:9999999!important;background:#000000f2!important;justify-content:center!important;align-items:flex-start!important;padding-top:100px!important}.contact-card{border-radius:32px 32px 0 0!important;flex-direction:column!important;align-items:center!important;width:100vw!important;max-width:100vw!important;margin:0!important;padding:32px 24px 48px!important;transition:transform .4s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;transform:translateY(100%)!important}.modal-backdrop.active .contact-card{transform:translateY(0)!important}.card-avatar{width:80px!important;height:80px!important;margin:0 auto 16px!important;display:block!important}.card-header{text-align:center!important;margin-bottom:20px!important}.card-name{font-size:24px!important}.card-role{font-size:14px!important}.card-bio{margin-top:8px!important;font-size:13px!important;line-height:1.4!important;display:block!important}.divider{width:100%!important;margin:20px 0!important}.macos-dock{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:0!important;display:grid!important}.dock-item{background:#ffffff0d!important;border-radius:16px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:auto!important;padding:12px!important;display:flex!important;transform:none!important}.dock-label{opacity:1!important;background:0 0!important;padding:0!important;font-size:14px!important;position:relative!important;top:0!important;transform:none!important}.dock-icon-box{width:24px!important;height:24px!important}.explore-pill{display:none!important}.canvas-layer{z-index:1!important;height:50dvh!important;transform:scale(.9)translateY(0)!important}.transition-layer,.gooey-bg,.scroll-prompt{opacity:.1!important;pointer-events:none!important;z-index:0!important}.work-gallery-track{z-index:999999!important}.records-row{-webkit--webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-wrap:nowrap!important;padding-bottom:20px!important;overflow-x:auto!important}.record-item{scroll-snap-align:center;flex-shrink:0}.truths-game-grid{grid-template-columns:1fr!important}.about-cards-grid{flex-direction:column!important;display:flex!important}.about-truths-grid{flex-direction:column!important;gap:32px!important;display:flex!important}.modern-brutal-card{width:100%!important;min-width:unset!important;margin-bottom:24px!important}.about-me-overlay{padding-bottom:100px!important}.header-bar{justify-content:flex-end!important;width:auto!important;top:15px!important;left:auto!important;right:20px!important}.get-in-touch-btn,.bottom-bar{background:#111!important}.hero-container{flex-direction:column!important;justify-content:flex-start!important;display:flex!important;overflow-x:hidden!important}.text-layer{text-align:left!important;z-index:10!important;align-items:flex-start!important;height:auto!important;padding-top:100px!important;padding-left:20px!important;padding-right:20px!important;position:relative!important;inset:auto!important}.hero-text-header{align-items:flex-start!important;margin-top:0!important;margin-bottom:1.5rem!important}.hero-title{word-wrap:break-word;white-space:normal!important;max-width:100%!important;font-size:clamp(1.5rem,7.5vw,2.5rem)!important;line-height:1.1!important}.canvas-layer{width:100%!important;height:55vh!important;margin-top:auto!important;position:relative!important;top:auto!important;bottom:0!important;transform:none!important}.char-picker{z-index:100!important;bottom:20px!important;right:20px!important}.bc-container{--cube-size:70vmin!important}.bc-face-body{padding:.5rem!important;font-size:.8rem!important}.curious-text{text-align:center!important;width:100%!important;margin:0 auto!important}}@media (width>=769px){.hamburger-container{display:none!important}}@media (hover:hover) and (pointer:fine){*,:before,:after{cursor:none!important}}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,20px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@media (width<=768px){.canvas-layer{display:none!important}}.ai-trigger-btn{color:#000;font-family:var(--font-heading), sans-serif;cursor:pointer;z-index:100;background:#fff9e6;border:3px solid #000;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:6px 6px #000}.ai-trigger-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000}.ai-trigger-btn:active{transform:translate(4px,4px);box-shadow:2px 2px #000}.ai-overlay{-webkit-backdrop-filter:blur(12px);z-index:99;opacity:0;pointer-events:none;background:#fff6;width:100vw;height:100vh;position:fixed;top:0;left:0}.ai-chat-window{z-index:100;color:#000;pointer-events:none;visibility:hidden;background:#fff;border:4px solid #000;border-radius:20px;flex-direction:column;width:400px;height:65vh;display:flex;position:fixed;bottom:2rem;right:2rem;overflow:hidden;box-shadow:12px 12px #0000001a}.ai-chat-header{background:#ffd23f;border-bottom:4px solid #000;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.ai-chat-title{font-size:1.1rem;font-weight:800;font-family:var(--font-heading), sans-serif;color:#000;align-items:center;gap:8px;display:flex}.ai-chat-close{color:#000;cursor:pointer;background:#ff495c;border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:3px 3px #000}.ai-chat-close:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.ai-persona-toggle{background:#f4f4f4;border-bottom:3px solid #000;gap:8px;padding:12px;display:flex}.ai-persona-toggle button{cursor:pointer;color:#000;background:#fff;border:2px solid #000;border-radius:8px;flex:1;padding:8px;font-size:.8rem;font-weight:700;transition:all .1s;box-shadow:3px 3px #0003}.ai-persona-toggle button:active{transform:translate(2px,2px);box-shadow:1px 1px #0003}.ai-persona-toggle button.active{color:#fff;background:#43b929;transform:translate(2px,2px);box-shadow:inset 3px 3px #0003}.ai-chat-messages{background:#fafafa;flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.ai-welcome{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}.ai-welcome-deer{filter:drop-shadow(4px 4px #0003);font-size:4rem}.ai-welcome-text h3{color:#000;margin-bottom:.5rem;font-size:1.2rem;font-weight:800}.ai-welcome-text p{color:#555;font-size:.95rem;font-weight:500;line-height:1.5}.ai-message{opacity:0;max-width:85%;padding:14px 18px;font-size:.95rem;font-weight:500;line-height:1.5;position:relative;transform:translateY(10px)}.ai-message.user{color:#fff;background:#3b82f6;border:3px solid #000;border-radius:16px 16px 4px;align-self:flex-end;box-shadow:4px 4px #000}.ai-message.assistant{color:#000;background:#fff;border:3px solid #000;border-radius:16px 16px 16px 4px;align-self:flex-start;box-shadow:4px 4px #000}.ai-chat-prompts{background:#fff;border-top:3px solid #000;flex-direction:column;gap:10px;padding:1rem;display:flex}.ai-prompt-btn{text-align:left;cursor:pointer;color:#000;background:#fff9e6;border:3px solid #000;border-radius:12px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .1s;box-shadow:4px 4px #000}.ai-prompt-btn:hover:not(:disabled){background:#ffd23f;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.ai-prompt-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #000}.ai-prompt-btn:disabled{color:#888;cursor:not-allowed;background:#eee;border-color:#aaa;transform:translate(2px,2px);box-shadow:2px 2px #ccc}.chat-cta-btn{color:#fff;cursor:pointer;background:#ff495c;border:3px solid #000;border-radius:10px;margin-top:12px;padding:10px 20px;font-size:.9rem;font-weight:800;transition:all .1s;display:inline-block;box-shadow:4px 4px #000}.chat-cta-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}@media (width<=768px){.ai-chat-window{width:calc(100% - 2rem);height:80vh;bottom:1rem;right:1rem}}.ai-trigger-minimal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;font-family:var(--font-heading), sans-serif;cursor:pointer;z-index:100;background:#ffffffe6;border:none;border-radius:30px;align-items:center;gap:12px;padding:12px 20px;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #0000001a}.ai-trigger-minimal:hover{background:#fff;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #00000026}.ai-trigger-icon{font-size:1.2rem}.ai-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;background:#0006;transition:opacity .4s;position:fixed;inset:0}.ai-backdrop.open{opacity:1;pointer-events:all}.ai-sidebar{z-index:100;opacity:0;background:#fdfdfd;border-left:1px solid #0000000d;flex-direction:column;width:100%;max-width:440px;height:100vh;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #0000001a}.ai-sidebar-header{background:#fff;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.ai-sidebar-title{font-family:var(--font-heading), sans-serif;letter-spacing:.05em;color:#333;text-transform:uppercase;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.ai-title-icon{font-size:1.2rem}.ai-sidebar-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem;transition:color .2s}.ai-sidebar-close:hover{color:#000}.ai-sidebar-content{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.ai-msg-wrapper{flex-direction:column;gap:12px;width:100%;display:flex}.ai-msg-wrapper.user{align-items:flex-end}.ai-msg-wrapper.assistant{align-items:flex-start}.ai-msg-bubble{font-family:var(--font-body), sans-serif;color:#111;max-width:90%;padding:14px 18px;font-size:.95rem;line-height:1.5}.ai-msg-wrapper.assistant .ai-msg-bubble{background:#f0f0f0;border-radius:16px 16px 16px 4px}.ai-msg-wrapper.user .ai-msg-bubble{color:#fff;background:#000;border-radius:16px 16px 4px}.ai-msg-cta{color:#fff;font-family:var(--font-heading), sans-serif;cursor:pointer;background:#000;border:none;border-radius:8px;margin-top:12px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:background .2s;display:inline-block}.ai-msg-cta:hover{background:#333}.ai-options-grid{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.ai-option-btn{text-align:left;font-family:var(--font-body), sans-serif;color:#333;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:12px;padding:12px 16px;font-size:.9rem;transition:all .2s;box-shadow:0 2px 5px #00000005}.ai-option-btn:hover{background:#f9f9f9;border-color:#0003;transform:translate(4px)}.ai-msg-bubble.typing{align-items:center;gap:4px;padding:16px 20px;display:flex}.ai-dot{background:#888;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typing}.ai-dot:first-child{animation-delay:-.32s}.ai-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (width<=480px){.ai-sidebar{width:100%;max-width:100%}}.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}@media (hover:hover){.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}@media (hover:hover){#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}@media (hover:hover){.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:500;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)}@media (hover:hover){.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)}}.interactive-blocks-wrapper{alignItems:center;box-sizing:border-box;background-color:#0000;justify-content:center;width:100%;height:100%;display:flex}.interactive-grid{gap:2px;width:100%;display:grid}.interactive-grid .cell{aspect-ratio:1;cursor:pointer;background:#1a1a1a66;border:1px solid #2a2a2a80;border-radius:4px;width:100%;transition:border-color .3s;position:relative;overflow:hidden}.interactive-grid .cell.active{border-color:#3a3a3acc}.interactive-grid .cell-inner{width:100%;height:100%;transition:opacity .5s,transform .5s}.interactive-grid .white{background:#fff;box-shadow:inset 0 0 20px #0000001a}.interactive-grid .yellow{background:#ffd500;box-shadow:inset 0 0 20px #0003}.interactive-grid .red{background:#b90000;box-shadow:inset 0 0 20px #0000004d}.interactive-grid .orange{background:#ff5900;box-shadow:inset 0 0 20px #0003}.interactive-grid .blue{background:#0045ad;box-shadow:inset 0 0 20px #0000004d}.interactive-grid .green{background:#009e60;box-shadow:inset 0 0 20px #0003}.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:500;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:500;line-height:.8}.sotd-cursor-wrapper{pointer-events:none;z-index:99999999}.sotd-cursor-outer,.sotd-cursor-dot,.sotd-cursor-ripple{pointer-events:none;z-index:99999999;will-change:transform, opacity, border-color;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.sotd-cursor-outer{mix-blend-mode:difference;background-color:#0000;border:1.25px solid #ffffff59;width:36px;height:36px;box-shadow:0 0 12px #ffffff14}.sotd-cursor-dot{mix-blend-mode:difference;background-color:#fff;width:4px;height:4px}.sotd-cursor-ripple{mix-blend-mode:difference;opacity:0;pointer-events:none;background-color:#ffffff1a;border:1.5px solid #fff;width:40px;height:40px}@media (hover:none) and (pointer:coarse),(width<=768px){.sotd-cursor-wrapper,.sotd-cursor-outer,.sotd-cursor-dot,.sotd-cursor-ripple{display:none!important}}