@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#0a0a0d;--bg-secondary:#121216;--bg-tertiary:#1a1a22;--accent:#e10600;--accent-hover:#ff1e17;--accent-rgb:225, 6, 0;--accent-soft:#e106001a;--text-primary:#fff;--text-secondary:#bfbfbf;--text-muted:#88888f;--border:#262630;--card-bg:#121216;--card-hover-bg:#1a1a22;--nav-bg:#0a0a0dd9;--shadow:#0009 0 10px 30px -10px;--glow:#e1060026 0 0 20px;--font-primary:"Rajdhani", sans-serif;--font-secondary:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--max-width:1200px;--header-height:70px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}html[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#eaeaef;--accent:#e10600;--accent-hover:#c00500;--accent-soft:#e1060014;--text-primary:#0a0a0d;--text-secondary:#4d4d54;--text-muted:#88888f;--border:#e1e1e6;--card-bg:#fff;--card-hover-bg:#f5f5f7;--nav-bg:#ffffffd9;--shadow:#0a0a0d0f 0 10px 30px -10px;--glow:#e106001a 0 0 15px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-secondary);scroll-behavior:smooth;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:clip}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);font-weight:700}p{color:var(--text-secondary);font-size:1rem}a{color:inherit;transition:var(--transition);text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}section{padding:80px 0;position:relative}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:48px;display:flex}.section-title{padding-bottom:8px;font-size:2.5rem;line-height:1;position:relative}.section-title:after{content:"";background-color:var(--accent);width:60px;height:4px;position:absolute;bottom:0;left:0}.section-title-center{text-align:center;margin-bottom:48px;font-size:2.5rem}.section-title-center span{padding-bottom:8px;display:inline-block;position:relative}.section-title-center span:after{content:"";background-color:var(--accent);width:60px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.btn{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:1px;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:var(--glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:2px solid var(--border);background-color:#0000}.btn-secondary:hover{border-color:var(--accent);background-color:var(--accent-soft);transform:translateY(-2px)}.btn-sm{padding:6px 14px;font-size:.8rem}.card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--border-radius-md);transition:var(--transition);padding:24px;position:relative;overflow:hidden}.card:hover{border-color:var(--accent);background-color:var(--card-hover-bg);box-shadow:var(--shadow);transform:translateY(-4px)}.checkered-pattern{background-size:40px 40px;background-image:linear-gradient(45deg, var(--border) 25%, transparent 25%), linear-gradient(-45deg, var(--border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border) 75%), linear-gradient(-45deg, transparent 75%, var(--border) 75%);opacity:.05;pointer-events:none;background-position:0 0,0 20px,20px -20px,-20px 0;position:absolute;inset:0}.speed-lines{pointer-events:none;opacity:.03;position:absolute;inset:0;overflow:hidden}.speed-lines:before{content:"";background:repeating-linear-gradient(90deg, transparent, transparent 40px, var(--text-primary) 40px, var(--text-primary) 41px);width:200%;height:100%;animation:20s linear infinite speedFlow;position:absolute;transform:skew(-30deg)}@keyframes speedFlow{0%{transform:translate(0)skew(-30deg)}to{transform:translate(-50%)skew(-30deg)}}.chevron-decor{color:var(--accent);gap:4px;display:flex}.chevron-decor span{clip-path:polygon(0% 0%,50% 0%,100% 50%,50% 100%,0% 100%,50% 50%);background-color:currentColor;width:8px;height:16px}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}section{padding:60px 0}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.section-header .btn{align-self:flex-start}}@media (width<=480px){.container{padding:0 16px}section{padding:48px 0}.section-title{font-size:1.6rem}.section-title-center{margin-bottom:32px;font-size:1.6rem}.btn{padding:10px 20px;font-size:.85rem}}button,a,[role=button]{touch-action:manipulation}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}html[data-magicui-theme-vt=active]::view-transition-group(root){animation-duration:var(--magicui-theme-toggle-vt-duration)}html[data-magicui-theme-vt=active]::view-transition-new(root){clip-path:var(--magicui-theme-vt-clip-from)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.interactive-hover-button{cursor:pointer;border:1.5px solid var(--border);background-color:var(--bg-secondary);width:auto;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.8px;color:var(--text-primary);border-radius:9999px;outline:none;justify-content:center;align-items:center;padding:8px 22px;font-size:.85rem;font-weight:700;text-decoration:none;transition:border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.interactive-hover-button .btn-content-visible{justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.interactive-hover-button .btn-dot{background-color:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:scale(1)}.interactive-hover-button:hover .btn-dot{transform:scale(45)}.interactive-hover-button .btn-text-visible{opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);display:inline-block}.interactive-hover-button:hover .btn-text-visible{opacity:0;transform:translate(16px)}.interactive-hover-button .btn-content-hidden{z-index:10;color:#fff;opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0;transform:translate(-16px)}.interactive-hover-button:hover .btn-content-hidden{opacity:1;transform:translate(0)}.interactive-hover-button:hover{border-color:var(--accent);background-color:var(--accent)}.interactive-hover-button .arrow-icon{flex-shrink:0;transition:transform .3s}.interactive-hover-button:hover .arrow-icon{transform:translate(2px)}.sphere-root{--radius:520px;--viewer-pad:72px;--circ:calc(var(--radius) * 3.14);--rot-y:calc((360deg / var(--segments-x)) / 2);--rot-x:calc((360deg / var(--segments-y)) / 2);--item-width:calc(var(--circ) / var(--segments-x));--item-height:calc(var(--circ) / var(--segments-y));width:100%;height:100%;position:relative}.sphere-root *{box-sizing:border-box}.sphere,.item,.item__image{transform-style:preserve-3d}main.sphere-main{touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.stage{width:100%;height:100%;perspective:calc(var(--radius) * 2);perspective-origin:50%;contain:layout paint size;place-items:center;display:grid}.sphere{transform:translateZ(calc(var(--radius) * -1));will-change:transform}.overlay,.overlay--blur{z-index:3;pointer-events:none;margin:auto;position:absolute;inset:0}.overlay{background-image:radial-gradient(#ebebeb00 65%, var(--overlay-blur-color,#120f17) 100%)}.overlay--blur{-webkit-mask-image:radial-gradient(#ebebeb00 70%, var(--overlay-blur-color,#120f17) 90%);-webkit-mask-image:radial-gradient(#ebebeb00 70%, var(--overlay-blur-color,#120f17) 90%);mask-image:radial-gradient(#ebebeb00 70%, var(--overlay-blur-color,#120f17) 90%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.item{width:calc(var(--item-width) * var(--item-size-x));height:calc(var(--item-height) * var(--item-size-y));transform-origin:50%;backface-visibility:hidden;transform:rotateY(calc(var(--rot-y) * (var(--offset-x) + ((var(--item-size-x) - 1) / 2)) + var(--rot-y-delta,0deg))) rotateX(calc(var(--rot-x) * (var(--offset-y) - ((var(--item-size-y) - 1) / 2)) + var(--rot-x-delta,0deg))) translateZ(var(--radius));margin:auto;transition:transform .3s;position:absolute;inset:-999px}.item__image{border-radius:var(--tile-radius,12px);backface-visibility:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;background:0 0;transition:transform .3s;display:block;position:absolute;inset:10px;overflow:hidden;transform:translateZ(0)}.item__image:focus{outline:none}.item__image img{object-fit:cover;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;filter:var(--image-filter,none)}.viewer{z-index:20;pointer-events:none;padding:var(--viewer-pad);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.viewer .frame{aspect-ratio:1;border-radius:var(--enlarge-radius,32px);height:100%;display:flex}@media (aspect-ratio<=1){.viewer .frame{width:100%;height:auto}}.viewer .scrim{z-index:10;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;transition:opacity .5s;position:absolute;inset:0}.sphere-root[data-enlarging=true] .viewer .scrim{opacity:1;pointer-events:all}.viewer .enlarge{z-index:30;border-radius:var(--enlarge-radius,32px);transform-origin:0 0;transition:transform .5s,opacity .5s;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000059}.viewer .enlarge img{object-fit:cover;width:100%;height:100%;filter:var(--image-filter,none)}.sphere-root .enlarge-closing img{filter:var(--image-filter,none)}.edge-fade{z-index:5;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--overlay-blur-color,#120f17));height:120px;position:absolute;left:0;right:0}.edge-fade--top{top:0;transform:rotate(180deg)}.edge-fade--bottom{bottom:0}body.dg-scroll-lock{overflow:hidden}.circular-gallery{cursor:grab;width:100%;height:100%;overflow:hidden}.circular-gallery:active{cursor:grabbing}.circular-gallery:focus-visible{outline-offset:4px;outline:2px solid #fff}.infinite-menu-wrapper{background-color:#0000;width:100%;height:100%;position:relative;overflow:hidden}#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;display:block;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;background:var(--accent,#e10600);cursor:pointer;border:4px solid #fff;border-radius:50%;place-items:center;width:65px;height:65px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),bottom .4s,opacity .4s,background-color .3s;display:grid;position:absolute;left:50%;box-shadow:0 4px 20px #0006,inset 0 2px 4px #ffffff4d}.action-button-icon{-webkit-user-select:none;user-select:none;color:#fff;font-size:28px;font-weight:700;transition:transform .3s;position:relative;transform:translate(1px,-1px)}.action-button:hover{border-color:var(--accent,#e10600);background:#fff}.action-button:hover .action-button-icon{color:var(--accent,#e10600);transform:translate(3px,-3px)}.action-button.active{opacity:1;pointer-events:auto;bottom:50px;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;bottom:-80px;transform:translate(-50%)scale(0)}.face-title-wrapper{pointer-events:none;z-index:5;-webkit-user-select:none;user-select:none;max-width:35%;position:absolute;top:50%;left:8%;transform:translateY(-50%)}.face-description-wrapper{pointer-events:none;z-index:5;-webkit-user-select:none;user-select:none;text-align:right;max-width:25%;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.face-title{font-family:var(--font-primary,"Outfit", "Inter", sans-serif);color:#fff;text-shadow:0 4px 15px #000000e6,0 0 40px #0009;text-transform:uppercase;letter-spacing:-.5px;margin:0;font-size:3.5rem;font-weight:900;line-height:1.1}.face-description{font-family:var(--font-secondary,"Inter", sans-serif);color:#ffffffd9;text-shadow:0 2px 10px #000000e6;margin:0;font-size:1.15rem;font-weight:400;line-height:1.5}.face-title-wrapper.active{opacity:1;transition:opacity .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1);transform:translateY(-50%)translate(0)}.face-title-wrapper.inactive{opacity:0;transition:opacity .15s,transform .15s;transform:translateY(-50%)translate(-30px)}.face-description-wrapper.active{opacity:1;transition:opacity .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1);transform:translateY(-50%)translate(0)}.face-description-wrapper.inactive{opacity:0;transition:opacity .15s,transform .15s;transform:translateY(-50%)translate(30px)}.infinite-menu-loader{background-color:var(--bg-primary,#0a0a0d);z-index:20;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.infinite-menu-spinner{border:3px solid #e106001a;border-top-color:var(--accent,#e10600);border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite infinite-menu-spin}.infinite-menu-loading-text{font-family:var(--font-primary,sans-serif);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary,#bfbfbf);margin-top:20px;font-size:1.15rem;font-weight:600}@keyframes infinite-menu-spin{to{transform:rotate(360deg)}}@media (width<=1400px){.face-title{font-size:2.8rem}.face-description{font-size:1.05rem}}@media (width<=1024px){.face-title{font-size:2.4rem}.face-description{max-width:100%;font-size:1rem}.face-title-wrapper{max-width:40%;left:5%}.face-description-wrapper{max-width:30%;right:5%}}@media (width<=768px){.face-title-wrapper{text-align:center;max-width:90%;top:12%;left:5%;right:5%;transform:none}.face-title-wrapper.active{transform:translateY(0)}.face-title-wrapper.inactive{transform:translateY(-15px)}.face-description-wrapper{text-align:center;max-width:90%;inset:auto 5% 135px;transform:none}.face-description-wrapper.active{transform:translateY(0)}.face-description-wrapper.inactive{transform:translateY(15px)}.face-title{text-align:center;font-size:1.8rem}.face-description{text-align:center;font-size:.95rem}.action-button{width:55px;height:55px}.action-button-icon{font-size:22px}.action-button.active{bottom:30px}}
