.am-background[data-astro-cid-y3soregm]{position:fixed;inset:0;width:100%;height:100vh;z-index:-2;background-image:url(/20-projects-with-eleventy/assets/sky.avif);background-size:cover}.container-main{display:grid;place-items:center;min-height:100svh;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;overflow-x:hidden}.container-main:before{--size: 60px;--line: color-mix(in lch, canvasText 35%, hsl(0 0% 100% / .25));content:"";height:100svh;width:100vw;position:fixed;pointer-events:none;top:0;transform-style:flat;z-index:-1}main{transform-style:preserve-3d;position:relative;transition:scale .2s;height:100svh;display:grid;place-items:center;width:100%;z-index:2}.container{--scroll-padding: 0px;--inner-angle: calc((360 / var(--total)) * 1deg);--item-width: clamp(120px, 20vmin, 12rem);--scroll-buff: calc(var(--item-width) * var(--scroll-ratio));--gap: calc(var(--item-width) * var(--gap-efficient, .1));--radius: calc( ((var(--item-width) + var(--gap)) / sin(var(--inner-angle))) * -1 );position:relative;width:100%;height:100%;overflow:auto;timeline-scope:--controller}[data-infinite=true] .container{--scroll-padding: calc(var(--item-width) * .01);--scroll-padding: 5px}ul{list-style-type:none;padding:0;margin:0;display:grid;&::-webkit-scrollbar{height:.7vmax}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:#000;border-radius:200px}}img{border-radius:12px;width:100%;height:100%;background-color:color-mix(in lch,canvasText 25%,canvas)}[data-scroll=true] h1{opacity:1}.carousel{padding:0}.carousel{display:flex}.carousel{width:100%;height:100%;position:absolute;left:50%;top:50%;translate:-50% -50%}.carousel-container{height:100%;width:100%;mask:linear-gradient(calc(90deg + (var(--rotate-z) * 1deg)),transparent 0 calc(50% - (var(--item-width) * var(--mask-upper))),white calc(50% - (var(--mask-lower) * var(--item-width))) calc(50% + (var(--mask-lower) * var(--item-width))),transparent calc(50% + (var(--mask-upper) * var(--item-width))) 100%);pointer-events:none;position:absolute;display:grid;place-items:center;inset:0;transform-style:preserve-3d;perspective:calc(var(--perspective) * 1px);overflow:hidden}[data-scroll=true] .carousel:after,[data-animate=true] .carousel:after{animation:shine calc(var(--total) * .5s) infinite linear}[data-scroll=true] .carousel,[data-animate=true] .carousel{animation:carousel calc(var(--total) * .5s) infinite linear}.carousel{transform-style:preserve-3d;transform:translateZ(var(--radius)) rotateX(calc(var(--rotate-x) * 1deg)) rotate(calc(var(--rotate-z) * 1deg)) rotateY(0);@media (width <= 1111px){zoom:.5}}@keyframes carousel{to{transform:translateZ(var(--radius)) rotateX(calc(var(--rotate-x) * 1deg)) rotate(calc(var(--rotate-z) * 1deg)) rotateY(-360deg)}}@supports (animation-timeline: scroll()){[data-scroll=true] .carousel,[data-scroll=true] .carousel:after{animation-duration:auto;animation-iteration-count:1;animation-fill-mode:both;animation-timeline:--controller}}.carousel:after{content:"";position:absolute;top:50%;left:50%;width:calc(var(--item-width) * 1.5);height:calc(var(--item-width) * 1.5);backdrop-filter:brightness(2);mask:radial-gradient(80% 80% at 50% 50%,white,transparent 50%);transform:translate(-50%,-50%) rotateY(0) translateZ(calc((var(--radius) - 10px) * -1))}@keyframes shine{to{transform:translate(-50%,-50%) rotateY(360deg) translateZ(calc((var(--radius) - 10px) * -1))}}[data-gsap=true] .carousel:after{animation:none;transform:translate(-50%,-50%) rotateY(calc(var(--rotate) * 1deg)) translateZ(calc((var(--radius) - 10px) * -1))}.carousel a{--debug: red;height:var(--item-width);width:var(--item-width);outline-offset:2px;pointer-events:auto}.carousel a{position:absolute;top:50%;left:50%;backface-visibility:hidden;transform:translate(-50%,-50%) rotateY(calc((var(--inner-angle) * var(--index)))) translateZ(calc(var(--radius) * -1))}.am-img-photo{object-fit:cover}[data-backface=true] .carousel a{backface-visibility:visible}.controller{display:flex;overflow-x:auto;width:100%;overflow-y:hidden;height:100%;scroll-snap-type:x mandatory;scroll-timeline:--controller inline;align-items:center;padding-inline:calc((50vw + var(--scroll-padding)) - (var(--scroll-buff) * .5))}[data-vertical=true] .controller{flex-direction:column;scroll-snap-type:y mandatory;scroll-timeline:--controller;padding-inline:0;padding-block:calc((50svh + var(--scroll-padding)) - (var(--scroll-buff) * .5))}.controller a{--debug: red;height:var(--scroll-buff);width:var(--scroll-buff);aspect-ratio:1;flex:1 0 auto;scroll-snap-align:center}[data-debug=true] a{outline:2px dashed var(--debug)}div.tp-lblv_v{flex-shrink:1;width:auto}div.tp-dfwv{width:300px}.bear-link{color:canvasText;position:fixed;bottom:1rem;left:1rem;width:48px;aspect-ratio:1;display:grid;place-items:center;opacity:.8}:where(.x-link,.bear-link):is(:hover,:focus-visible){opacity:1}.bear-link svg{width:75%}section[data-astro-cid-bbe6dxrz]{height:100vh}h1[data-astro-cid-bbe6dxrz]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4vmax;text-align:center;text-wrap:balance;color:transparent;background-image:var(--gradient);background-clip:text;line-height:20%;padding:2vmax;animation:fromBlur 1s ease-in-out both;@media (width <= 1111px){line-height:40%;width:90%}img{all:initial;width:4vmax;transform:translateY(.3vmax)}}@keyframes fromBlur{0%{filter:blur(10vmax)}to{filter:blur(0vmax)}}:root{--gradient: linear-gradient( to bottom, black, red, gray)}@font-face{font-family:AnotherDanger;src:url(/20-projects-with-eleventy/assets/AnotherDanger.ttf) format("truetype");font-weight:400;font-style:normal}body{--sb-track-color: #0239ca;--sb-thumb-color: var(--gradient);--sb-size: .7vmax}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue}a,button,img{-webkit-tap-highlight-color:transparent;user-select:none}button{background-color:transparent;border:none;outline:none}body{min-height:100vh;height:max-content;width:100%;flex-direction:column}h1,h2,h3,h4,h5{font-family:AnotherDanger}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color)}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.tp-dfwv{display:none}