.am-container-cards[data-astro-cid-5wnvluim]{min-height:100vh;position:relative}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(/20-projects-with-gltf/assets/ebgaramond.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent: hsl(35 90% 50%);--card-size: clamp(14.32vmax, 25vmin + 1.04vmax, 31.25vmax)}.am-container-cards[data-astro-cid-5wnvluim]{display:grid;place-items:center;min-height:100vh;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui}.am-container-cards[data-astro-cid-5wnvluim]:before{--line: color-mix(in lch, canvasText 25%, transparent);content:"";height:100vh;width:100vw;position:fixed;--size: 3.91vmax;background:linear-gradient(90deg,var(--line) .07vmax,transparent .07vmax var(--size)) 0 -5vmin / var(--size) var(--size),linear-gradient(var(--line) .07vmax,transparent .07vmax var(--size)) 0 -5vmin / var(--size) var(--size);mask:linear-gradient(-15deg,transparent 60%,white);top:0;z-index:-1}h1[data-astro-cid-5wnvluim]{display:grid;font-family:EB Garamond,serif;font-weight:600;font-size:5vmax;text-align:center;line-height:.9;text-wrap:balance}h2[data-astro-cid-5wnvluim]{font-family:EB Garamond,serif;font-weight:600;font-size:4vmax;text-align:center;line-height:.9;text-wrap:balance;margin-bottom:.4vmax}h1[data-astro-cid-5wnvluim] span[data-astro-cid-5wnvluim]:first-of-type{font-variant:small-caps;font-size:2vmax;font-weight:800;color:var(--accent)}header[data-astro-cid-5wnvluim]{min-height:80vh;display:grid;place-items:center}section[data-astro-cid-5wnvluim]{min-height:80vh;display:grid;place-items:center}footer[data-astro-cid-5wnvluim]{padding:2.5vmax;font-size:1.3vmax}ul[data-astro-cid-5wnvluim]{list-style-type:none;padding:0;margin:0;width:100%;display:grid;place-items:center;gap:1.2vmax}li[data-astro-cid-5wnvluim]{width:var(--card-size);aspect-ratio:3 / 1;outline:.1vmax dashed transparent;max-height:50vh}[data-astro-cid-5wnvluim][data-guides=true] li[data-astro-cid-5wnvluim]{outline:.1vmax dashed var(--accent)}.wrap[data-astro-cid-5wnvluim]{pointer-events:none;width:var(--card-size);max-height:40vh}.wrap[data-astro-cid-5wnvluim] [data-astro-cid-5wnvluim]:where(.translate,.flip,.flop,img){height:100%;width:100%;max-height:40vh;transform-style:preserve-3d;pointer-events:none}img[data-astro-cid-5wnvluim]{object-fit:cover;width:var(--card-size);aspect-ratio:3 / 4;border-radius:.78vmax;translate:0 0;transform-style:preserve-3d;height:100%}.flip[data-astro-cid-5wnvluim]{transform-origin:50% 100%}.flop[data-astro-cid-5wnvluim]{transform-origin:50% 0%}@supports (animation-timeline: scroll()){.wrap[data-astro-cid-5wnvluim]{perspective:max(100vmax,1200px);transform-style:preserve-3d;position:fixed;top:50%;translate:0 -50%}li[data-astro-cid-5wnvluim]{view-timeline-name:--item;animation:z both linear;animation-timeline:view();animation-range:contain;z-index:calc(50 - var(--index))}ul[data-astro-cid-5wnvluim]{gap:0}.translate[data-astro-cid-5wnvluim]{animation:translate both linear;animation-timeline:--item}.flip[data-astro-cid-5wnvluim]{animation:flip both linear;animation-timeline:--item}.flop[data-astro-cid-5wnvluim]{animation:flop both linear;animation-timeline:--item}img[data-astro-cid-5wnvluim]{filter:saturate(calc(var(--flipped) - var(--flopped)));transition:filter .2s}.translate[data-astro-cid-5wnvluim],.flip[data-astro-cid-5wnvluim],.flop[data-astro-cid-5wnvluim]{animation-range:contain}@keyframes flip{0%,45%{rotate:x -90deg}49%,to{rotate:x 0deg}}@keyframes flop{0%,51%{rotate:x 0deg}55%,to{rotate:x 90deg}}@keyframes translate{0%{translate:0 50vh}to{translate:0 -50vh}}@property --flipped{initial-value: 0; inherits: true; syntax: "<number>";}@property --flopped{initial-value: 0; inherits: true; syntax: "<number>";}li[data-astro-cid-5wnvluim]{animation:z both linear,flip-it both steps(1,end),flop-it both steps(1,end);animation-timeline:view();animation-range:contain,contain 0% contain 45%,contain 0% contain 55%}@keyframes z{50%{z-index:200}}@keyframes flip-it{to{--flipped: 1}}@keyframes flop-it{to{--flopped: 1}}.flip[data-astro-cid-5wnvluim]{transition:rotate .2s;animation:none;rotate:x calc((1 - var(--flipped)) * -90deg)}.flop[data-astro-cid-5wnvluim]{transition:rotate .2s;animation:none;rotate:x calc(var(--flopped) * 90deg)}header[data-astro-cid-5wnvluim]{view-timeline-name:--header}h1[data-astro-cid-5wnvluim]{animation:float both linear;animation-timeline:--header;animation-range:exit}@keyframes float{50%,to{translate:0 -4lh;opacity:0}}}.am-img[data-astro-cid-bbe6dxrz]{position:absolute;left:50%;transform:translate(-50%) rotate(8deg);bottom:5vmax;width:8vmax;z-index:5;pointer-events:none}.am-hero[data-astro-cid-bbe6dxrz]{height:100vh;position:relative;overflow:hidden;cursor:none}svg[data-astro-cid-bbe6dxrz]{position:relative;z-index:1;width:100%;height:100%;text{font-size:6.5vmax;font-family:DM Sans,sans-serif;font-weight:700;line-height:.9;@media (width <= 1111px) and (orientation: portrait){font-size:4vmax}}.text{fill:#0f0710;stroke:#270a3f;stroke-width:.1vmax}.overlay{fill:#0f0710;mix-blend-mode:overlay}}.cursor[data-astro-cid-bbe6dxrz]{position:fixed;top:-.5vw;left:-.5vw;z-index:2;width:1vw;height:1vw;background:#bbb;border-radius:50%;mix-blend-mode:color-dodge;transform:translate3d(var(--x),var(--y),0)}:root{--gradient: linear-gradient( 135deg, #00f 0%, #00ffff 25%, #ff00ff 60%, #ff8c00 100% )}@font-face{font-family:AnotherDanger;src:url(/assets/AnotherDanger.otf) format("opentype");font-weight:400;font-style:normal}body{--sb-track-color: #fff;--sb-thumb-color: var(--gradient);--sb-size: .7vmax;overflow-x:hidden}.tp-dfwv{display:none}*,*: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)}}