:root{--font-stack-sans:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-stack-mono:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-stack-pixel:var(--font-geist-pixel-square),monospace}.font-sans,h4,h3,h2,h1{font-family:var(--font-stack-sans)}.font-mono,.extra-thin-text,p{font-family:var(--font-stack-mono)}.font-pixel,.box-image-component .box__stripe-label{font-family:var(--font-stack-pixel)}.font-barcode{font-family:var(--font-libre-barcode)}.font-silkscreen{font-family:var(--font-silkscreen),monospace}h1{font-size:4rem;font-weight:600}h2{font-size:3rem;font-weight:500}h3{font-size:2rem;font-weight:400}h4{font-size:2rem;font-weight:300}p{font-size:1rem;font-weight:300}p>:is(strong,b){font-weight:700}.extra-thin-text{font-size:.8rem;font-weight:100}.box-image-component .box__stripe-bottom-face--right:after,.box-image-component .box__stripe-top-face--right:after,.box-image-component .box__stripe-bottom-face--left:after,.box-image-component .box__stripe-top-face--left:after,.box-image-component .box__face--top:after,.box-image-component .box__face--right:after,.box-image-component .box__face--side:after,.box-image-component .box__face--front:after{content:"";pointer-events:none;mix-blend-mode:multiply;position:absolute;inset:0}.box-image-component.big{--box-width:280px;--box-height:280px;--box-side-width:100px;--stripe-height:75px;--stripe-top-position:-5%;--stripe-bottom-position:50%;--box-top-position:47%}@media only screen and (max-width:48rem){.box-image-component.big{--box-width:285px;--box-height:285px;--box-side-width:105px;--stripe-height:75px;--stripe-top-position:-5%;--stripe-bottom-position:50%;--box-top-position:47%}}@media only screen and (max-width:36rem){.box-image-component.big{--box-width:190px;--box-height:190px;--box-side-width:65px;--stripe-height:45px;--stripe-top-position:-10%;--stripe-bottom-position:45%;--box-top-position:49%}}.box-image-component.big .box__stripe-label{font-size:1.25rem}@media only screen and (max-width:48rem){.box-image-component.big .box__stripe-label{font-size:1.25rem}}@media only screen and (max-width:36rem){.box-image-component.big .box__stripe-label{font-size:.875rem}}.box-image-component.tiny{--box-width:130px;--box-height:130px;--box-side-width:60px;--stripe-height:40px;--stripe-top-position:-25%;--stripe-bottom-position:25%;--box-top-position:47%}@media only screen and (max-width:48rem){.box-image-component.tiny{--box-width:70px;--box-height:70px;--box-side-width:30px;--stripe-height:20px;--stripe-top-position:-57%;--stripe-bottom-position:-8%;--box-top-position:50%}}.box-image-component.tiny .box__stripe-label{font-size:.625rem}@media only screen and (max-width:48rem){.box-image-component.tiny .box__stripe-label{font-size:.375rem}}.box-image-component{--rx:-2deg;--ry:30deg;--rx-range:3deg;--ry-range:10deg;--box-width:190px;--box-height:190px;--box-side-width:60px;--box-perspective:500px;--stripe-height:45px;--stripe-top-position:-15%;--stripe-bottom-position:45%;--box-top-position:48%}@media only screen and (max-width:62rem){.box-image-component{--box-width:170px;--box-height:170px;--box-side-width:60px;--stripe-height:40px;--stripe-top-position:-15%;--stripe-bottom-position:40%;--box-top-position:47%}}@media only screen and (max-width:48rem){.box-image-component{--box-width:170px;--box-height:170px;--box-side-width:60px;--stripe-height:45px;--stripe-top-position:-13%;--stripe-bottom-position:37%;--box-top-position:48%}}.box-image-component .box-scene{aspect-ratio:4/4;width:100%;perspective:var(--box-perspective);perspective-origin:50% 40%;background:linear-gradient(to bottom,color-mix(in oklch,var(--background-color)20%,var(--background)100%),color-mix(in oklch,var(--background-color)3%,var(--background)100%));-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;justify-content:center;align-items:center;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.box-image-component .box-scene__shadow{pointer-events:none;position:absolute;top:50%;left:50%}.box-image-component .box-scene__shadow--ambient{width:calc(var(--box-width)*1.9);height:calc(var(--box-width)/2);margin-left:calc(-1*var(--box-width)*1.9/2);margin-top:calc(var(--box-height)/2 - var(--box-side-width)/2*1.4);filter:blur(16px);background:radial-gradient(closest-side,#0f0f1480,#0000 100%)}.box-image-component .box-scene__shadow--contact{width:calc(var(--box-width)*1.2);height:calc(var(--box-width)/4);margin-left:calc(-1*(var(--box-width) + var(--box-side-width)*.7)/2);margin-top:calc(var(--box-height)/2 - var(--box-side-width)/2*.6);filter:blur(8px);background:radial-gradient(closest-side,#0f0f14c7,#0000 100%)}.box-image-component .box{width:var(--box-width);height:var(--box-height);position:relative}.box-image-component .box.animation-active{transform-style:preserve-3d;animation:5s ease-in-out infinite alternate box-rotate;animation-duration:var(--animation-duration,"5s");transition:transform .15s ease-out}.box-image-component .box__face{top:var(--box-top-position);width:var(--box-width);height:var(--box-height);margin:calc(-1*var(--box-width)/2)0 0 calc(-1*var(--box-height)/2);backface-visibility:hidden;box-sizing:border-box;background-color:#eeeeef;background-image:repeating-linear-gradient(135deg,#e3e3e5 0 10px,#0000 10px 20px);border:1px solid #1e1e2024;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;overflow:hidden}.box-image-component .box__face--front{transform:translateZ(calc(var(--box-side-width)/2));background-image:var(--front-image,none),repeating-linear-gradient(135deg,#e3e3e5 0px,#e3e3e5 10px,transparent 10px,transparent 20px);background-color:#fafafa;background-position:50%;background-size:cover}.box-image-component .box__face--front:after{background:linear-gradient(#ffffff59,#fff0 20%,#0000 75%,#0000000f)}.box-image-component .box__face--side{width:var(--box-side-width);height:var(--box-height);margin:calc(-1*var(--box-height)/2)0 0 calc(-1*var(--box-side-width)/2);transform:rotateY(-90deg)translateZ(calc(var(--box-width)/2));background-image:var(--side-image,none),repeating-linear-gradient(135deg,#e3e3e5 0px,#e3e3e5 10px,transparent 10px,transparent 20px);background-color:#b7b7ba;background-position:50%;background-size:cover}.box-image-component .box__face--side:after{background:linear-gradient(90deg,#0006,#000c)}.box-image-component .box__face--side .box__placeholder-label{writing-mode:vertical-rl;font-size:12px;transform:rotate(180deg)}.box-image-component .box__face--right{width:var(--box-side-width);height:var(--box-height);margin:calc(-1*var(--box-height)/2)0 0 calc(-1*var(--box-side-width)/2);transform:rotateY(90deg)translateZ(calc(var(--box-width)/2));background-color:#7e7e83;background-image:none}.box-image-component .box__face--right:after{background:linear-gradient(270deg,#ffffff1f,#0000004d)}.box-image-component .box__face--top{width:var(--box-width);height:var(--box-side-width);margin:calc(-1*var(--box-side-width)/2)0 0 calc(-1*var(--box-height)/2);transform:rotateX(90deg)translateZ(calc(var(--box-width)/2));background-color:#f0f0f1;background-image:none}.box-image-component .box__face--top:after{background:linear-gradient(#ffffff80,#00000014)}.box-image-component .box__face--bottom{width:var(--box-width);height:var(--box-side-width);margin:calc(-1*var(--box-side-width)/2)0 0 calc(-1*var(--box-height)/2);transform:rotateX(-90deg)translateZ(calc(var(--box-width)/2));background-color:#bbbbc0;background-image:none}.box-image-component .box__face--back{background-color:#d4d4d4;background-image:none;transform:translateZ(-45px)rotateY(180deg)}.box-image-component .box__stripe-bottom-face,.box-image-component .box__stripe-top-face{backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;overflow:visible;box-shadow:inset 0 1px #ffffff59,inset 0 -3px 5px #0000002e,0 5px 7px -3px #00000061,0 -2px 4px -3px #0000002e}.box-image-component .box__stripe-bottom-face--front,.box-image-component .box__stripe-top-face--front{width:calc(var(--box-width) + 3px);height:var(--stripe-height);margin:calc(-1*(var(--box-side-width)/2 + 2px)/2)0 0 calc(-1*(var(--box-width) + 3px)/2);transform:translateY(56.4px)translateZ(calc(var(--box-side-width)/2 + 1px))}.box-image-component .box__stripe-bottom-face--left,.box-image-component .box__stripe-top-face--left{width:calc(var(--box-side-width) + 2px);height:var(--stripe-height);margin:calc(-1*(var(--box-side-width)/2 + 2px)/2)0 0 calc(-1*(var(--box-side-width) + 4px)/2);transform:translateY(56.4px)rotateY(-90deg)translateZ(calc(var(--box-width)/2 + 1px))}.box-image-component .box__stripe-bottom-face--left:after,.box-image-component .box__stripe-top-face--left:after{background:linear-gradient(90deg,#0000,#00000080)}.box-image-component .box__stripe-bottom-face--back,.box-image-component .box__stripe-top-face--back{width:calc(var(--box-width) + 3px);height:var(--stripe-height);margin:calc(-1*(var(--box-side-width)/2 + 2px)/2)0 0 calc(-1*(var(--box-width) + 3px)/2);transform:translateY(56.4px)translateZ(calc(-1*var(--box-side-width)/2 - 1px))rotateY(180deg)}.box-image-component .box__stripe-bottom-face--right,.box-image-component .box__stripe-top-face--right{width:calc(var(--box-side-width) + 3px);height:var(--stripe-height);margin:calc(-1*(var(--box-side-width)/2 + 2px)/2)0 0 calc(-1*(var(--box-side-width) + 3px)/2);transform:translateY(56.4px)rotateY(90deg)translateZ(calc(var(--box-width)/2 + 1px))}.box-image-component .box__stripe-bottom-face--right:after,.box-image-component .box__stripe-top-face--right:after{background:linear-gradient(90deg,#0000,#00000080)}.box-image-component .box__stripe-top-face{top:var(--stripe-top-position)}.box-image-component .box__stripe-top-face--front{background-color:color-mix(in oklch,transparent 40%,var(--background)100%)}.box-image-component .box__stripe-top-face--left{background-color:color-mix(in oklch,transparent 80%,var(--background)100%)}.box-image-component .box__stripe-top-face--back,.box-image-component .box__stripe-top-face--right{background-color:color-mix(in oklch,transparent 40%,var(--background)100%)}.box-image-component .box__stripe-top-face .box__stripe-label{color:var(--foreground)}.box-image-component .box__stripe-bottom-face{top:var(--stripe-bottom-position)}.box-image-component .box__stripe-bottom-face--front{background-color:color-mix(in oklch,transparent 40%,var(--stripe-color)100%)}.box-image-component .box__stripe-bottom-face--left{background-color:color-mix(in oklch,color-mix(in oklch,transparent 40%,var(--stripe-color)100%)90%,#000 100%)}.box-image-component .box__stripe-bottom-face--back,.box-image-component .box__stripe-bottom-face--right{background-color:color-mix(in oklch,transparent 40%,var(--stripe-color)100%)}.box-image-component .box__stripe-bottom-face .box__stripe-label{color:var(--stripe-text-color)}.box-image-component .box__stripe-label{-webkit-line-clamp:2;text-overflow:ellipsis;text-shadow:0 1px 1px #00000026;-webkit-box-orient:vertical;max-width:calc(100% - 15px);padding:0 10px;font-size:.75rem;font-weight:500;display:-webkit-box;overflow:hidden}@keyframes box-rotate{0%{transform:rotateX(calc(var(--rx) - var(--rx-range)))rotateY(calc(var(--ry) - var(--ry-range)))}to{transform:rotateX(calc(var(--rx) + var(--rx-range)))rotateY(calc(var(--ry) + var(--ry-range)))}}