@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Science+Gothic:wdth,wght@62.5,100..900&family=Share+Tech+Mono&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-10{z-index:10}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.size-\[var\(--icon-size\)\]{width:var(--icon-size);height:var(--icon-size)}.size-full{width:100%;height:100%}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-orbit{animation:orbit calc(var(--duration)*1s)linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:calc(var(--radius) + 8px)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.stroke-1{stroke-width:1px}.text-center{text-align:center}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.will-change-\[transform\,filter\,opacity\]{will-change:transform,filter,opacity}.\[animation-direction\:reverse\]{animation-direction:reverse}.paused{animation-play-state:paused}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--primary:oklch(21% .006 285.885);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--border:oklch(92% .004 286.32);--input:oklch(92% .004 286.32);--ring:oklch(70.5% .015 286.067);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(21% .006 285.885);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(70.5% .015 286.067)}.dark{--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92% .004 286.32);--primary-foreground:oklch(21% .006 285.885);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.2% .016 285.938);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.2% .016 285.938)}@layer base{*{border-color:var(--border);outline-color:color-mix(in oklab,var(--ring)50%,transparent)}body{background-color:var(--background);color:var(--foreground)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes orbit{0%{transform:rotate(calc(var(--angle)*1deg))translateY(calc(var(--radius)*1px))rotate(calc(var(--angle)*-1deg))}to{transform:rotate(calc(var(--angle)*1deg + 360deg))translateY(calc(var(--radius)*1px))rotate(calc((var(--angle)*-1deg) - 360deg))}}@font-face{font-family:Tiempos;src:url(fonts/tiempos.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tiempos-regular;src:url(fonts/tiempos-regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tiempos-italic;src:url(fonts/tiempos-italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}.hero--creative{width:100vw;height:100vh;background:transparent;color:#fff;position:relative;overflow:hidden;transition:height .6s ease-in-out,background .4s ease-in-out;pointer-events:none}.hero--technical{background:transparent;transition:height .6s ease-in-out,background .4s ease-in-out}.hero>*{pointer-events:auto}.hero-exit.hero-exit--creative,.hero-exit.hero-exit--technical{height:180vh}.hero.blur-active .hero-center:not(.socials-container) h1,.hero.blur-active .hero-center:not(.socials-container) p,.hero.blur-active .toggle{filter:blur(6px);opacity:.5;transition:filter .4s ease,opacity .4s ease}.hero.blur-active .nav,.hero.blur-active .explore{filter:blur(6px);opacity:.5;transition:filter .4s ease,opacity .4s ease}.hero.blur-active .social-icon:hover{filter:blur(0px)!important;opacity:1!important;transform:translateY(-4px) scale(3);mix-blend-mode:normal}.nav{margin-bottom:35vh;margin-top:50px;background:none;display:flex;justify-content:center;align-items:center;gap:80px;transition:filter .4s ease,opacity .4s ease}.nav-btn{background:none;border:none;color:#fff;mix-blend-mode:difference;letter-spacing:2px;cursor:pointer;transition:opacity .3s;display:flex;z-index:2;position:relative;font-family:Tiempos;font-size:18px}.nav-btn:after{content:"";position:absolute;bottom:-6px;left:0;height:3px;border-radius:100%;width:0%;transition:width .35s ease;background:#fff;mix-blend-mode:difference}.nav-btn:hover{opacity:.6}.nav-btn:hover:after{width:100%}.canvas{position:absolute;inset:0;height:120vh}.canvas-background{pointer-events:none}.canvas-background .canvas{position:absolute;inset:0;width:100%;height:100%;transition:opacity 1s ease-out}.hero.blur-active .canvas{filter:blur(6px);opacity:.5;transition:filter .4s ease,opacity .4s ease}.hero-center{text-align:center;z-index:2;font-family:Share Tech Mono,monospace;color:#fff;margin-bottom:24vh}.hero-center h1{letter-spacing:4px;font-weight:500;transition:filter .4s ease,opacity .4s ease;font-family:Tiempos}.hero-center p{margin-top:12px;opacity:.8;line-height:1.5;font-size:20px;font-family:Tiempos-regular;transition:filter .4s ease,opacity .4s ease}.socials-container{z-index:4;margin-top:30px}.socials{display:flex;justify-content:center;gap:120px;z-index:10}.social-icon{position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:filter .4s ease,opacity .4s ease,transform .3s}.hero.blur-active .social-icon:not(:hover){filter:blur(4px);opacity:.3}.socials-icon{width:30px;height:30px;fill:#fff;mix-blend-mode:difference}.explore{font-size:17px;opacity:.7;transition:filter .4s ease,opacity .4s ease;padding-top:40px;font-family:Tiempos-regular;white-space:pre;-webkit-user-select:none;user-select:none}.toggle{width:260px;height:50px;background:#fff;border-radius:40px;margin:14px auto;display:flex;align-items:center;position:relative;color:#000;font-weight:500;transition:filter .4s ease,opacity .4s ease;opacity:0}.toggle span{flex:1;z-index:2;transition:opacity .4s;color:#fff;mix-blend-mode:difference}.toggle .active{opacity:1}.toggle-pill{position:absolute;width:50%;height:100%;background:#000;border-radius:40px;transition:transform .4s ease}.toggle-pill.technical{transform:translate(100%)}.blur-overlay{display:none}.portfolio-edge{position:fixed;top:0;bottom:0;width:220px;display:flex;align-items:center;pointer-events:auto;cursor:pointer;z-index:20;transition:opacity .4s ease,transform .6s cubic-bezier(.4,0,.2,1),filter .35s ease,background .35s ease,color .35s ease}.portfolio-edge:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .35s ease;pointer-events:none}.portfolio-edge.left:before{background:linear-gradient(to right,#ff8c10e6,#ff8c1000)}.portfolio-edge.right:before{background:linear-gradient(to left,#10b7ffe6,#10b7ff00)}.portfolio-edge.hovered:before{opacity:.4}.portfolio-edge.left{pointer-events:none;left:0;justify-content:flex-start;padding-left:600px;background:linear-gradient(to right,#000,#0009 40%,#0006 75%,#0000);transform:translate(-100%);transition:background .35s ease,transform .6s cubic-bezier(.4,0,.2,1)}.portfolio-edge.left.mounted{transform:translate(0)}.portfolio-edge.right{pointer-events:none;right:0;justify-content:flex-end;padding-right:600px;background:linear-gradient(to left,#000,#0009 40%,#0006 75%,#0000);transition:background .35s ease,transform .6s cubic-bezier(.4,0,.2,1),letter-spacing .35s ease}.portfolio-edge.right.mounted{transform:translate(0)}.portfolio-text{font-family:Tiempos-italic}.portfolio-text-left,.portfolio-text-right{pointer-events:auto;color:#fff;font-size:18px;letter-spacing:2px;font-weight:500;position:absolute;transition:transform 1s ease,opacity .35s ease,color .35s ease,letter-spacing .35s ease;opacity:.8;display:inline-block}.portfolio-text-left{left:100px;text-align:left}.portfolio-text-right{right:100px;text-align:right}.portfolio-edge.left .portfolio-text-left{transform:translate(100px)}.portfolio-edge.right .portfolio-text-right{transform:translate(-100px)}.portfolio-edge.hovered{color:#000}.portfolio-edge.hovered .portfolio-text-left,.portfolio-edge.hovered .portfolio-text-right{opacity:1;color:#000;letter-spacing:5px}.portfolio-edge.hovered .portfolio-text-left{transform:scale(1.5) translate(100px)}.portfolio-edge.hovered .portfolio-text-right{transform:scale(1.5) translate(-100px)}.portfolio-edge.hovered .portfolio-text-left,.portfolio-edge.hovered .arrow-left:after{color:#ff8c10}.portfolio-text-left:after{background:#ff8c10}.portfolio-edge.hovered .portfolio-text-right,.portfolio-edge.hovered .arrow-right:after{color:#10b7ff}.portfolio-text-right:after{background:#10b7ff}.portfolio-text-left:after,.portfolio-text-right:after{content:"";position:absolute;bottom:-6px;left:0;height:3px;border-radius:100%;width:0%;transition:width .35s ease}.portfolio-edge.hovered .portfolio-text-left:after,.portfolio-edge.hovered .portfolio-text-right:after{width:90%}.arrow-left:after{position:absolute;content:"〈";font-size:48px;line-height:1;left:-80px;bottom:0;margin-left:8px;color:#fff;transition:transform .35s ease,color .35s ease}.portfolio-edge.hovered .portfolio-text-left:before{transform:translate(4px)}.arrow-right:after{position:absolute;right:-80px;bottom:0;content:"〉";font-size:48px;line-height:1;margin-right:8px;color:#fff;transition:transform .35s ease,color .35s ease}.portfolio-edge.left.slide-out-left{transform:translate(-150%) scale(.8);opacity:0;pointer-events:none}.portfolio-edge.right.slide-out-right{transform:translate(150%) scale(.8);opacity:0;pointer-events:none}.portfolio-edge{transition:transform .8s cubic-bezier(.68,-.55,.27,1.55),opacity .5s ease,pointer-events 0s}.portfolio-edge.slide-out-left:hover,.portfolio-edge.slide-out-right:hover{opacity:0!important;transform:translate(-150%) scale(.8)!important}.hero-exit .hero-center h1,.hero-exit .hero-center p,.hero-exit .explore,.hero-exit .socials-container{transition:transform .35s ease-out,position .35s ease-out}.hero-exit.hero-exit--creative .hero-center h1,.hero-exit.hero-exit--creative .hero-center p,.hero-exit.hero-exit--creative .explore,.hero-exit.hero-exit--creative .socials-container{transform:translate(150vw)}.hero-exit.hero-exit--technical .hero-center h1,.hero-exit.hero-exit--technical .hero-center p,.hero-exit.hero-exit--technical .explore,.hero-exit.hero-exit--technical .socials-container{transform:translate(-150vw)}.hero-exit .hero-center .explore{transition:opacity .1s ease-in-out;position:relative;left:0}.hero-exit.hero-exit--creative .hero-center .explore,.hero-exit.hero-exit--technical .hero-center .explore{opacity:0}.hero-exit{transition:height .6s cubic-bezier(.4,0,.2,1)}.selection-message{position:absolute;top:30%;transform:translate(-50%,-50%);z-index:30;color:#fff;max-width:600px;box-sizing:border-box}.selection-title{font-size:3rem;font-weight:700;margin-bottom:4rem;font-family:Tiempos,serif}.selection-description{font-size:1.2rem;opacity:.7;font-family:Tiempos-regular,sans-serif;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none;line-height:2.2rem}.hero--technical .selection-message{text-align:right;left:70%}.hero--creative .selection-message{text-align:left;left:30%}.hero--creative~.portfolio-section,.canvas-background{background:#242424}.hero--creative .selection-title,.hero--creative .selection-description{color:#fffbec}.hero--technical .selection-title,.hero--technical .selection-description{color:#10b7ff}.hero--creative .selection-title::selection,.hero--creative .selection-description::selection{background:#ff8c10}.hero--technical .selection-title::selection,.hero--technical .selection-description::selection{background:#10b7ff}@media(max-width:768px){.selection-title{font-size:2.5rem}.selection-description{font-size:1.2rem}}body{margin:0;padding:0;overflow-x:hidden}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.portfolio-section{min-height:100vh;position:relative;z-index:1;width:100%;display:flex;flex-direction:column}.creative-portfolio{background:#242424;color:#fffbec;display:flex;flex-direction:column;align-items:center;justify-content:center}.technical-portfolio{background:linear-gradient(to bottom,#000,#0a0a0a);color:#10b7ff;display:flex;flex-direction:column;align-items:center;justify-content:center}.canvas{transition:opacity 1s ease-out}.canvas.hidden{opacity:0;pointer-events:none}.go-back-btn{position:absolute;left:90%;top:14%;z-index:100;display:flex;align-items:center;color:#fff;font-family:Tiempos,serif;font-size:38px;letter-spacing:1px;cursor:pointer;opacity:0;transform:translate(-100px);pointer-events:none;transition:all .4s ease-in-out}.go-back-btn--visible{opacity:1;transform:translate(0);pointer-events:auto}.go-back-btn:hover{transform:translate(-4px)}.go-back-btn:active{transform:translate(-2px) scale(.98)}.go-back-btn svg{width:20px;height:20px;transition:transform .3s ease}.go-back-btn:hover svg{transform:translate(-4px)}.hero-returning .hero-center h1,.hero-returning .hero-center p,.hero-returning .explore,.hero-returning .socials-container{transition:transform .5s cubic-bezier(.4,0,.2,1);transform:translate(0)!important}.hero-returning .selection-message{opacity:0;transition:opacity .4s ease}@media(max-width:768px){.go-back-btn{top:20px;left:20px;padding:12px 20px;font-size:14px}.go-back-btn svg{width:18px;height:18px}}:root{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--purple-primary: rgba(255, 251, 236, 1);--purple-glow: rgba(255, 251, 236, .2);--purple-border: rgba(255, 251, 236, .8);--border-color: #392e4e;--background-dark: #060010;color-scheme:light dark}.card-grid{display:grid;gap:.5em;padding:.75em;max-width:54em;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;max-width:100%;padding:1.25em;border-radius:20px;border:1px solid var(--border-color);background:var(--background-dark);font-weight:300;overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.magic-bento-card__header,.magic-bento-card__content{display:flex;position:relative;color:var(--white)}.magic-bento-card__header{gap:.75em;justify-content:space-between}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:16px}.magic-bento-card__title,.magic-bento-card__description{--clamp-title: 1;--clamp-desc: 2}.magic-bento-card__title{font-weight:400;font-size:16px;margin:0 0 .25em}.magic-bento-card__description{font-size:12px;line-height:1.2;opacity:.9}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media(max-width:599px){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:180px}}@media(min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.magic-bento-card:nth-child(6){grid-column:4;grid-row:3}}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity) * .8)) 0%,rgba(132,0,255,calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px #2e184e66,0 0 30px var(--purple-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;inset:-2px;background:#8400ff33;border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;user-select:none}