@font-face{font-family:Gilroy;src:url(/font/Gilroy-Semibold.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/font/Gilroy-Bold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}::selection{color:oklch(98% .0054 274.97);text-shadow:none;background-color:oklch(53% .1154 200/.71)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:62.5%;line-height:1.15}*{box-sizing:border-box;padding:0}*,body{margin:0}body{color:oklch(98% .0054 274.97);letter-spacing:-.005em;background-color:oklch(12.2% .007 276.28);min-width:325px;max-width:1600px;min-height:100vh;margin:0 auto;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.8rem;transition:opacity .45s;position:relative}body.centered{justify-content:center;padding:3rem 0}body.centered,main{flex-direction:column;display:flex}main{width:100%;height:auto;min-height:1200px;padding-left:20px;padding-left:clamp(20px, 20px + (50px - 20px) * (100vw - 325px) / (1600px - 325px), 50px);padding-right:20px;padding-right:clamp(20px, 20px + (50px - 20px) * (100vw - 325px) / (1600px - 325px), 50px)}a,.link{cursor:pointer;color:oklch(78% .0243 265.65/.8);align-items:center;text-decoration:none;transition:color .28s,opacity .28s;display:inline-flex}@media (hover:hover) and (pointer:fine){a:hover,.link:hover{color:oklch(100% 0 0);opacity:1!important}}li{list-style:none}img{border-style:none}h1,h2{margin:0;padding:0;font-family:Gilroy,system-ui,-apple-system,Arial,sans-serif;font-weight:500}h1.big,h2.big{max-width:16ch;font-size:34px;font-size:clamp(34px, 34px + (59px - 34px) * (100vw - 325px) / (1600px - 325px), 59px)}p.big{text-align:center;color:oklch(78% .0243 265.65);font-size:18px;font-size:clamp(18px, 18px + (22px - 18px) * (100vw - 325px) / (1600px - 325px), 22px);margin:0 0 15px}p.small{font-size:17px}p.small a{opacity:.5;text-decoration:underline}.noselect{user-select:none}.magnet{backface-visibility:hidden;will-change:transform;transition:transform .52s cubic-bezier(.34,1.8,.64,1),color .52s cubic-bezier(.34,1.8,.64,1);display:inline-flex;transform:translate(0,0)}.magnet.active{color:oklch(91% .022 239.45);transition:color .25s}@media (hover:none),(pointer:coarse){.magnet{will-change:auto;transform:none!important}}.not-found{text-align:center;flex-direction:column;align-items:center;display:flex}.small{color:oklch(71% .0218 264.43)}.button{cursor:pointer;background-color:oklch(78% .0243 265.65/.092);border:1px solid oklch(78% .0243 265.65/.22);border-radius:10rem;justify-content:center;align-items:center;gap:.7rem;padding:1.5rem 2.15rem;transition:transform .28s,color .28s,background-color .28s,border-color .28s;display:flex;color:oklch(78% .0243 265.65)!important}@media (hover:hover) and (pointer:fine){.button:hover{background-color:oklch(78% .0243 265.65/.14);border-color:oklch(78% .0243 265.65/.28);transform:scale(1.02);color:oklch(100% 0 0)!important}}.button svg{transform:scale(1)}.button.small{padding:1rem 1.5rem;font-size:.9em}.button.circle{border-radius:50%;width:53px;height:53px;padding:0}@media (hover:hover) and (pointer:fine){.button.dribbble:hover{background-color:oklch(70% .2662 347.18/.15);border-color:oklch(78% .2662 347.18);color:oklch(78% .2662 347.18)!important}}.gradient-top{pointer-events:none;z-index:10050;opacity:1;width:100%;transition:opacity .7s var(--shot-lightbox-easing,cubic-bezier(.32, .72, 0, 1));height:80px;height:clamp(80px, 80px + (130px - 80px) * (100vw - 325px) / (1600px - 325px), 130px);background:linear-gradient(oklch(12.2% .007 276.28) 0% 10%,oklch(12.2% .007 276.28/.9) 22%,oklch(12.2% .007 276.28/.65) 42%,oklch(12.2% .007 276.28/.4) 60%,oklch(12.2% .007 276.28/.22) 76%,oklch(12.2% .007 276.28/.1) 90%,#0000 100%) no-repeat;position:fixed;top:0;left:0;transform:translateY(-12%);mask-image:linear-gradient(#000 0% 68%,#000000e6 76%,#000000b3 84%,#00000080 92%,#0000 100%)}.gradient-top:after{content:"";pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(135deg,#ffffff05 0 1px,#00000005 1px 2px);position:absolute;inset:0}html.shot-lightbox-gradient-hide .gradient-top{opacity:0;transition:opacity .7s var(--shot-lightbox-easing,cubic-bezier(.32, .72, 0, 1))}.socials{font-size:15px;font-size:clamp(15px, 15px + (18px - 15px) * (100vw - 325px) / (550px - 325px), 18px);margin-bottom:20px;margin-bottom:clamp(20px, 20px + (30px - 20px) * (100vw - 325px) / (1600px - 325px), 30px);flex-wrap:wrap;justify-content:center;gap:.43em;display:flex}.socials span{color:oklch(78% .0243 265.65/.4)}header{text-align:center;padding-top:68px;padding-top:clamp(68px, 68px + (115px - 68px) * (100vw - 325px) / (1600px - 325px), 115px);flex-direction:column;align-items:center;position:relative}header,header p span{display:flex}header.loaded .fadeIn{animation:1.2s cubic-bezier(.445,.05,.55,.95) forwards fadeIn}.logo-wrapper{z-index:1000;margin-bottom:24px;margin-bottom:clamp(24px, 24px + (29px - 24px) * (100vw - 325px) / (1600px - 325px), 29px);display:inline-flex}.logo{-webkit-tap-highlight-color:transparent;margin-bottom:0;display:block}.logo svg{width:60px;width:clamp(60px, 60px + (90px - 60px) * (100vw - 325px) / (1600px - 325px), 90px);height:60px;height:clamp(60px, 60px + (90px - 60px) * (100vw - 325px) / (1600px - 325px), 90px)}.logo svg circle{color:oklch(81% .1838 185.42)}.logo svg path{color:oklch(16% .0021 286.17)}header h1{opacity:.001;backface-visibility:hidden;letter-spacing:-.03em;min-height:0;font-size:74px;line-height:.81em;font-size:clamp(74px, 74px + (144px - 74px) * (100vw - 325px) / (1600px - 325px), 144px);animation:2.5s forwards fadeIn;position:relative;animation-delay:.4s!important}.description{color:oklch(78% .0243 265.65);opacity:.001;margin-top:16px;margin-top:clamp(16px, 16px + (25px - 16px) * (100vw - 325px) / (1600px - 325px), 25px);margin-bottom:23px;margin-bottom:clamp(23px, 23px + (38px - 23px) * (100vw - 325px) / (1600px - 325px), 38px);font-size:20px;font-size:clamp(20px, 20px + (25px - 20px) * (100vw - 325px) / (1600px - 325px), 25px);animation-delay:.7s!important}.cta{opacity:.001;isolation:isolate;transform-style:flat;transform-origin:50%;--hover-x:50%;--hover-y:50%;font-size:16px;font-weight:500;line-height:1;font-size:clamp(16px, 16px + (18px - 16px) * (100vw - 325px) / (1600px - 325px), 18px);margin-bottom:75px;margin-bottom:clamp(75px, 75px + (128px - 75px) * (100vw - 325px) / (1600px - 325px), 128px);align-items:center;gap:0;padding:.8em 1.2em .76em 2.58em;display:inline-flex;position:relative;overflow:hidden;color:oklch(78% .0243 265.65/.85)!important;animation-delay:.9s!important}.cta .cta-icon,.cta .cta-label{z-index:1;position:relative}.cta .cta-icon{pointer-events:none;justify-content:center;align-items:center;width:.98em;min-width:.98em;height:.98em;display:inline-flex;position:absolute;top:50%;left:1.18em;transform:translateY(-50%)}.cta svg{color:oklch(81% .1838 185.42);width:100%;height:auto;display:block}.cta .cta-label{line-height:1;display:block}.cta .cta-label,.cta:before{will-change:transform, opacity, visibility;transition:transform .28s,opacity .3s,visibility .3s}.cta:after{content:"";z-index:0;opacity:0;pointer-events:none;background:radial-gradient(circle 168px at var(--hover-x) var(--hover-y), oklch(100% 0 0/.12) 0%, oklch(100% 0 0/.09) 18%, oklch(100% 0 0/.06) 36%, oklch(100% 0 0/.03) 56%, oklch(100% 0 0/.01) 74%, transparent 100%);transition:opacity .26s,transform .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(.94)}.cta.glow-active:after{opacity:1;transform:scale(1)}@media (hover:hover) and (pointer:fine){.cta:hover{background-color:oklch(78% .0243 265.65/.092);border-color:oklch(78% .0243 265.65/.22)}}.cta.copied{pointer-events:none;background:oklch(81% .1838 185.42/.07);border:1px solid oklch(81% .1838 185.42);color:oklch(81% .1838 185.42)!important}.cta.copied .cta-label{opacity:0;visibility:hidden;transform:translateY(-190%)scale(.9)}.cta.copied:before{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.cta:before{content:attr(copied-text);z-index:2;opacity:0;visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;transform:translateY(100%)scale(.9)}@media (hover:none),(pointer:coarse){.cta:after{display:none}}.springish{backface-visibility:hidden;will-change:transform;animation:1.4s cubic-bezier(.445,.05,.55,.95) 20ms forwards springish;transform:scale(0)}.fadeIn{animation:1s cubic-bezier(.445,.05,.55,.95) forwards fadeIn}.name{flex-direction:column;align-items:center;display:flex}.name span{display:inline-flex}@keyframes springish{0%{transform:scale(0)}28%{transform:scale(1.06)}68%{transform:scale(.97)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:.001}to{opacity:1}}.shots{z-index:2000;grid-template-columns:repeat(3,1fr);width:100%;margin:0;padding:0;display:grid;position:relative}@media (width<=1224px){.shots{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.shots{grid-template-columns:repeat(1,1fr)}}.shots{gap:18px;gap:clamp(18px, 18px + (35px - 18px) * (100vw - 325px) / (1600px - 325px), 35px);margin-bottom:18px;margin-bottom:clamp(18px, 18px + (35px - 18px) * (100vw - 325px) / (1600px - 325px), 35px)}.shot{cursor:pointer;aspect-ratio:4/3;user-select:none;opacity:0;will-change:transform, opacity;border-radius:19px;border-radius:clamp(19px, 19px + (23px - 19px) * (100vw - 325px) / (1600px - 325px), 23px);contain:layout paint style;content-visibility:auto;contain-intrinsic-size:600px 800px;background:#0c0e11;width:100%;height:auto;position:relative;overflow:hidden;transform:translateY(30px)scale(.91)}.shot.show{opacity:1;transition:transform 1.4s cubic-bezier(.33,1,.68,1),opacity .6s ease-out;transform:translate(0,0)scale(1)!important}.shot.final{opacity:1;transition:transform .4s cubic-bezier(.33,1,.68,1);transform:scale(1)!important}@media (hover:hover) and (pointer:fine){.shot:hover{transform:scale(1.022)!important}.shot:hover .shot-info{opacity:1}}.shot a{-webkit-tap-highlight-color:transparent;width:100%;height:100%}@keyframes shotIn{0%{opacity:.001;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.shot-image{user-select:none;-webkit-user-drag:none;user-drag:none;position:relative}.shot-image,.shot-video{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;z-index:20;width:100%;height:auto}.shot-video{opacity:.001;backface-visibility:hidden;transition:opacity .35s;top:0;left:0}.shot-video,.shot-info{position:absolute;transform:translate(0,0)scale(1)}.shot-info{color:oklch(100% 0 0);box-sizing:border-box;z-index:100;opacity:0;will-change:opacity;background:linear-gradient(#0000,#0a0c14a6 98%);flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;padding:25% 1.75em 1.5em;font-size:1.6rem;line-height:2.2rem;transition:opacity .47s;display:flex;bottom:0;left:0;right:0}@media (width<=680px){.shot-info{gap:3px;padding:50% 1.4em 1.35em;font-size:15px}}.shot-info h2{backface-visibility:hidden;margin:0;font-size:1.7rem;font-weight:700;transform:scale(1)}@media (width<=1224px){.shot-info h2{font-size:1.8rem}}.shot-info p{opacity:.7}.shot-description{-webkit-line-clamp:1;opacity:.9;letter-spacing:-.005em;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.5em;display:-webkit-box;overflow:hidden}.shots-actions{opacity:.001;justify-content:center;align-items:center;gap:11px;width:100%;margin:0 auto;transition:opacity 1.4s .4s;display:flex}.shots-actions.entered{opacity:1}.shots-actions .back-button svg{margin-right:.5rem}.shots-more{white-space:nowrap;gap:.8rem;padding:1.4rem 1.8rem 1.4rem 1.6rem}.shots-more svg:last-of-type{margin-bottom:-2px;margin-left:auto}.shots-more .dribbble-logo{color:oklch(70% .2662 347.18);transition:all .28s}.shots-more svg{opacity:.7}@media (width<=520px){.shots-more{width:100%}.shots-more .dribbble-prefix{display:none}}@media (hover:hover) and (pointer:fine){.shots-more:hover .dribbble-logo{color:oklch(78% .2662 347.18)!important}.shots-more:hover svg{opacity:1}}.shot-detail{width:100%;max-width:840px;margin:0 auto;padding:0 1rem}.shot-detail .shot-detail-header-container{padding-top:50px;padding-top:clamp(50px, 50px + (100px - 50px) * (100vw - 325px) / (1600px - 325px), 100px)}.shot-detail-header-container{text-align:center;align-items:center;gap:17px;gap:clamp(17px, 17px + (24px - 17px) * (100vw - 325px) / (1600px - 325px), 24px);flex-direction:column;margin-bottom:6rem;margin-left:auto;margin-right:auto;display:flex}.shot-detail-header-container .logo{margin-bottom:0}.shot-detail-header-container .logo-wrapper{margin-bottom:.1em}.shot-detail-header-container .logo-wrapper svg{width:52px;width:clamp(52px, 52px + (76px - 52px) * (100vw - 325px) / (1600px - 325px), 76px);height:52px;height:clamp(52px, 52px + (76px - 52px) * (100vw - 325px) / (1600px - 325px), 76px)}.shot-detail-header-container h1.big.fadeIn{opacity:.001;letter-spacing:-.025em;animation-delay:.4s!important}.shot-detail-header-container .shot-detail-breadcrumbs{letter-spacing:.015em;color:#ffffff40;opacity:.001;flex-direction:row;align-items:center;gap:10px;font-size:1.7rem;font-weight:400;line-height:1.5;display:flex;animation-delay:.55s!important}.shot-detail-header-container .shot-detail-breadcrumbs a{color:#ffffff80;text-decoration:none;transition:color .3s}.shot-detail-header-container .shot-detail-breadcrumbs a:hover{color:#fff}.shot-detail-header-container .shot-detail-breadcrumbs span{color:#fffc}.shot-detail-header-container .shot-detail-breadcrumbs span+span{color:#ffffff80;margin:0}.shot-detail-content-full{flex-direction:column;width:106%;margin:0 -3% 4rem;display:flex}.shot-detail-media-wrapper{aspect-ratio:4/3;user-select:none;border-radius:19px;border-radius:clamp(19px, 19px + (23px - 19px) * (100vw - 325px) / (1600px - 325px), 23px);background:#0c0e11;width:100%;height:auto;position:relative;overflow:hidden}.shot-detail-media-wrapper .shot-detail-image-full,.shot-detail-media-wrapper .shot-detail-video-player{-o-object-fit:cover;object-fit:cover;opacity:0;will-change:transform, opacity;width:100%;height:100%;transition:opacity 1s cubic-bezier(.2,0,.2,1),transform 1.2s cubic-bezier(.2,0,.2,1);position:absolute;top:0;left:0;transform:scale(1.02)}.shot-detail-media-wrapper .shot-detail-image-full.loaded,.shot-detail-media-wrapper .shot-detail-image-full.entered,.shot-detail-media-wrapper .shot-detail-image-full[data-ll-status=loaded],.shot-detail-media-wrapper .shot-detail-video-player.loaded,.shot-detail-media-wrapper .shot-detail-video-player.entered,.shot-detail-media-wrapper .shot-detail-video-player[data-ll-status=loaded]{opacity:1;transform:scale(1)}.shot-detail-media-wrapper .shot-detail-image-full{cursor:pointer;user-select:none;-webkit-user-drag:none;user-drag:none}.shot-detail-media-wrapper .shot-detail-video-player{cursor:pointer}.shot-detail-media-wrapper .shot-detail-video-controls{opacity:0;visibility:hidden;pointer-events:none;z-index:10;gap:.8rem;transition:opacity .38s,visibility .38s;display:flex;position:absolute;bottom:1em;left:1em}.shot-detail-media-wrapper.media-ready:hover .shot-detail-video-controls,.shot-detail-media-wrapper.media-ready .shot-detail-video-controls:focus-within{opacity:1;visibility:visible;pointer-events:auto}.video-control-btn{appearance:none;color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:999px;justify-content:center;align-items:center;width:4em;height:4em;transition:background .18s,transform .12s,opacity .22s;display:inline-flex;position:relative}.video-control-btn:hover{background:#0009;transform:scale(1.06)}.video-control-btn .icon{opacity:0;transition:opacity .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shot-detail-content{overflow-wrap:anywhere;width:100%;max-width:none;margin:0 auto 2rem;padding:0;font-size:1.8rem;line-height:1.6}.shot-detail-content>:first-child{margin-top:0}.shot-detail-content>:last-child{margin-bottom:0}.shot-detail-content .content-block-container{justify-content:center;width:100%;padding:5.8rem 0 7rem;display:flex}.shot-detail-content .content-block-inner{width:100%;max-width:67rem}.shot-detail-content p{color:oklch(98% .0054 274.97);text-align:center;max-width:78rem;margin:0 auto;font-size:2.1rem;line-height:1.65}.shot-detail-content p:empty{display:none}.shot-detail-content p+p{margin-top:0}.shot-detail-content p.story-separator{color:#0000;border-top:1px dashed #fff3;width:min(11rem,100%);height:1px;margin:3.6rem auto;font-size:0;line-height:0;overflow:hidden}.shot-detail-content p.story-outro{color:#ffffffb3}.shot-detail-content h1,.shot-detail-content h2,.shot-detail-content h3,.shot-detail-content h4,.shot-detail-content h5,.shot-detail-content h6{color:oklch(98% .0054 274.97);text-align:center;text-wrap:balance;overflow-wrap:normal;word-break:normal;letter-spacing:-.025em;max-width:24ch;margin:0 auto 2rem;line-height:1.18}.shot-detail-content h1{max-width:26ch;font-size:4.4rem;font-size:clamp(4.4rem, 4.4rem + (7.8rem - 4.4rem) * (100vw - 325px) / (1600px - 325px), 7.8rem)}.shot-detail-content h2{max-width:34ch;font-size:2.8rem;font-size:clamp(2.8rem, 2.8rem + (4.5rem - 2.8rem) * (100vw - 325px) / (1600px - 325px), 4.5rem)}.shot-detail-content h2:has(strong){max-width:38ch;font-size:2.7rem;font-size:clamp(2.7rem, 2.7rem + (5.2rem - 2.7rem) * (100vw - 325px) / (1600px - 325px), 5.2rem)}.shot-detail-content h2:has(strong) strong{font-size:inherit;font-weight:inherit}.shot-detail-content h3{font-size:3.2rem;font-size:clamp(3.2rem, 3.2rem + (5rem - 3.2rem) * (100vw - 325px) / (1600px - 325px), 5rem)}.shot-detail-content h1.story-thanks,.shot-detail-content h2.story-thanks{max-width:30ch;font-size:3.2rem;font-weight:600;line-height:1.32;font-size:clamp(3.2rem, 3.2rem + (4.5rem - 3.2rem) * (100vw - 325px) / (1600px - 325px), 4.5rem);margin:0 auto 2.4rem}.shot-detail-content h1.story-thanks strong,.shot-detail-content h2.story-thanks strong{font-weight:600}.shot-detail-content h1.story-thanks-emoji,.shot-detail-content h2.story-thanks-emoji{font-size:3.6rem;line-height:1.2;font-size:clamp(3.6rem, 3.6rem + (5.2rem - 3.6rem) * (100vw - 325px) / (1600px - 325px), 5.2rem);margin-bottom:1.2rem}.shot-detail-content h1+h1,.shot-detail-content h2+h2,.shot-detail-content h3+h3,.shot-detail-content h4+h4,.shot-detail-content h5+h5,.shot-detail-content h6+h6{margin-top:-.6rem}.shot-detail-content h1~p,.shot-detail-content h2~p,.shot-detail-content h3~p,.shot-detail-content h4~p,.shot-detail-content h5~p,.shot-detail-content h6~p,.shot-detail-content p:has(+h1),.shot-detail-content p:has(+h2),.shot-detail-content p:has(+h3),.shot-detail-content p:has(+h4),.shot-detail-content p:has(+h5),.shot-detail-content p:has(+h6){color:oklch(98% .0054 274.97/.7)}.shot-detail-content ul,.shot-detail-content ol{margin:1rem 0;padding-left:1.5rem;font-size:1.8rem}.shot-detail-content ul li,.shot-detail-content ol li{margin-bottom:.5rem}.shot-detail-content a{color:oklch(81% .1838 185.42);text-underline-offset:.16em;text-decoration:underline .12em}.shot-detail-content a:hover{text-decoration-thickness:.16em}.shot-detail-content .shot-detail-content-media{aspect-ratio:4/3;border-radius:12px;border-radius:clamp(12px, 12px + (30px - 12px) * (100vw - 325px) / (1600px - 325px), 30px);background:#0c0e11;width:100%;margin:0 auto 4.8rem;position:relative;overflow:hidden;box-shadow:0 5px 15px #0000001a}.shot-detail-content .shot-detail-content-media:has(img.loaded),.shot-detail-content .shot-detail-content-media:has(img[data-ll-status=loaded]),.shot-detail-content .shot-detail-content-media:has(video.loaded),.shot-detail-content .shot-detail-content-media:has(video.entered),.shot-detail-content .shot-detail-content-media:has(video[data-ll-status=loaded]){aspect-ratio:auto}.shot-detail-content .shot-detail-content-media img,.shot-detail-content .shot-detail-content-media video{width:100%;height:auto;box-shadow:none;opacity:0;user-select:none;-webkit-user-drag:none;user-drag:none;border-radius:0;margin:0;transition:opacity .9s,transform .9s;display:block;overflow:hidden;transform:scale3d(.9,.9,.9)}.shot-detail-content .shot-detail-content-media img.loaded,.shot-detail-content .shot-detail-content-media img[data-ll-status=loaded],.shot-detail-content .shot-detail-content-media video.loaded,.shot-detail-content .shot-detail-content-media video[data-ll-status=loaded]{opacity:1;transform:scale(1)}.shot-detail-content img,.shot-detail-content video{opacity:0;user-select:none;-webkit-user-drag:none;user-drag:none;border-radius:12px;border-radius:clamp(12px, 12px + (30px - 12px) * (100vw - 325px) / (1600px - 325px), 30px);width:100%;height:auto;margin:0 auto 4.8rem;transition:opacity .9s,transform .9s;display:block;overflow:hidden;transform:scale3d(.9,.9,.9);box-shadow:0 5px 15px #0000001a}.shot-detail-content img.loaded,.shot-detail-content img[data-ll-status=loaded],.shot-detail-content video.loaded,.shot-detail-content video[data-ll-status=loaded]{opacity:1;transform:scale(1)}.shot-detail-content img.shot-detail-lightbox-trigger{cursor:pointer;user-select:none;-webkit-user-drag:none;user-drag:none}.shot-detail-content video.shot-detail-video-toggle{cursor:pointer}.shot-detail-content .content-block-container+.shot-detail-content-media,.shot-detail-content .content-block-container+img,.shot-detail-content .content-block-container+video{margin-top:0}.shot-detail-content .shot-detail-content-media+h1,.shot-detail-content .shot-detail-content-media+h2,.shot-detail-content .shot-detail-content-media+h3,.shot-detail-content .shot-detail-content-media+h4,.shot-detail-content .shot-detail-content-media+h5,.shot-detail-content .shot-detail-content-media+h6,.shot-detail-content img+h1,.shot-detail-content img+h2,.shot-detail-content img+h3,.shot-detail-content img+h4,.shot-detail-content img+h5,.shot-detail-content img+h6,.shot-detail-content video+h1,.shot-detail-content video+h2,.shot-detail-content video+h3,.shot-detail-content video+h4,.shot-detail-content video+h5,.shot-detail-content video+h6{margin-top:5.5rem;margin-top:clamp(5.5rem, 5.5rem + (8rem - 5.5rem) * (100vw - 325px) / (1600px - 325px), 8rem)}.shot-detail-content p:has(>a:only-child){font-size:2.4rem;font-size:clamp(2.4rem, 2.4rem + (3.4rem - 2.4rem) * (100vw - 325px) / (1600px - 325px), 3.4rem);margin-top:1rem;margin-bottom:5.8rem;font-weight:600;line-height:1.25}.shot-detail-content iframe{border-radius:12px;border-radius:clamp(12px, 12px + (16px - 12px) * (100vw - 325px) / (1600px - 325px), 16px);width:100%;margin:1.5rem 0;overflow:hidden;box-shadow:0 5px 15px #0000001a}.shot-detail-content blockquote{background:#7a81900d;border-left:4px solid oklch(81% .1838 185.42);margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.shot-detail-content blockquote p{margin-bottom:0}.shot-detail-content code{background:#7a81901a;border-radius:.3rem;padding:.2rem .4rem;font-family:monospace;font-size:1.6rem}.shot-detail-content pre{background:#7a81901a;border-radius:.5rem;margin:1.5rem 0;padding:1rem;overflow-x:auto}.shot-detail-content pre code{background:0 0;padding:0}.shot-detail-content table{border-collapse:collapse;width:100%;margin:1.5rem 0}.shot-detail-content table th,.shot-detail-content table td{border:1px solid #7a819033;padding:.5rem}.shot-detail-content table th{background:#7a81900d;font-weight:700}.shot-detail-content hr{background:#7a819033;border:0;height:1px;margin:2rem 0}.shot-detail-body{width:100%;max-width:70rem;margin:0 auto 6rem}.shot-detail-project-navigation{width:100%;margin:3rem 0;position:relative}.shot-detail-next-project{border-radius:1.4rem;align-items:center;width:calc(100% + 1.6rem);margin:0 auto 0 -.8em;padding:1.6rem;text-decoration:none;transition:all .28s;display:flex;position:relative}.shot-detail-next-project:hover{background-color:#ffffff0f}.shot-detail-next-project .shot-detail-next-project-thumbnail{border-radius:.8rem;flex-shrink:0;width:8rem;height:6rem;margin-right:2rem;overflow:hidden}.shot-detail-next-project .shot-detail-next-project-thumbnail .shot-detail-next-project-thumbnail-placeholder{background-color:#ffffff0d;width:100%;height:100%}.shot-detail-next-project .shot-detail-next-project-thumbnail img{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s,transform .6s;transform:scale(.96)}.shot-detail-next-project .shot-detail-next-project-thumbnail img.loaded,.shot-detail-next-project .shot-detail-next-project-thumbnail img:not(.lazy){opacity:1;transform:scale(1)}.shot-detail-next-project .shot-detail-next-project-content{flex-grow:1}.shot-detail-next-project .next-project-label{color:oklch(71% .0218 264.43);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:1.2rem;display:block}.shot-detail-next-project .shot-detail-next-project-title{color:oklch(98% .0054 274.97);font-size:2.8rem;font-weight:700}.shot-detail-next-project .shot-detail-next-project-arrow{flex-shrink:0;margin-left:2rem}.shot-detail-next-project .shot-detail-next-project-arrow svg{opacity:.7}@media (width<=680px){.shot-detail-next-project .shot-detail-next-project-thumbnail{width:6.67rem;height:5rem;margin-right:1.5rem}.shot-detail-next-project .shot-detail-next-project-title{font-size:2.2rem}}.shot-detail-stats-row{gap:3rem;margin:3rem 0;display:grid}.shot-detail-stats-row,.shot-detail-stats-row:first-of-type{grid-template-columns:repeat(4,1fr)}.shot-detail-stats-row:first-of-type .shot-detail-stat-item:first-child{grid-column:1}.shot-detail-stats-row:first-of-type .shot-detail-stat-item:last-child{grid-column:2/span 3}@media (width<=1224px){.shot-detail-stats-row{grid-template-columns:repeat(2,1fr)}.shot-detail-stats-row:first-of-type .shot-detail-stat-item:first-child{grid-column:1}.shot-detail-stats-row:first-of-type .shot-detail-stat-item:last-child{grid-column:2}.shot-detail-stats-row:last-of-type{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.shot-detail-stats-row,.shot-detail-stats-row:first-of-type,.shot-detail-stats-row:last-of-type{grid-template-columns:1fr}.shot-detail-stats-row:first-of-type .shot-detail-stat-item:first-child,.shot-detail-stats-row:first-of-type .shot-detail-stat-item:last-child,.shot-detail-stats-row:last-of-type .shot-detail-stat-item:first-child,.shot-detail-stats-row:last-of-type .shot-detail-stat-item:last-child{grid-column:1}}.shot-detail-info-grid{max-width:938px;margin:3.4rem auto 4rem;position:relative}.shot-detail-dotted-line{border-top:1px dashed #fff3;width:100%;height:1px;margin:1.5rem 0}.shot-detail-stat-item h3{color:#fff;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-weight:500;line-height:2.8rem}.shot-detail-stat-item h3,.shot-detail-stat-item p{align-items:center;font-size:1.7rem;display:flex}.shot-detail-stat-item p{color:#9a9a9a;font-family:Roboto,sans-serif;font-weight:400;line-height:2.6rem}.shot-detail-actions{margin:3rem 0}.shot-detail-actions .shots-actions{justify-content:space-between}.shot-detail-actions .shots-actions .action-buttons-group{gap:1rem;display:flex}@media (width<=520px){.shot-detail-actions .shots-actions .action-buttons-group{width:100%}.shot-detail-actions .shots-actions .action-buttons-group .button.dribbble svg:last-of-type{margin-left:auto}.shot-detail-actions .shots-actions .action-buttons-group .back-button{width:54px;padding:1.6rem}.shot-detail-actions .shots-actions .action-buttons-group .back-button svg{margin-left:0!important;margin-right:0!important}.shot-detail-actions .shots-actions .action-buttons-group .back-button .back-button-text{display:none}.shot-detail-actions .shots-actions .action-buttons-group .shots-more svg{margin-left:0;margin-right:0}}.shot-detail-related-container{margin-top:5rem;margin-bottom:2rem}.shot-detail-section-header{justify-content:space-between;align-items:baseline;margin-bottom:3.5rem;display:flex}@media (width<=680px){.shot-detail-section-header{flex-direction:column;gap:.5rem;margin-bottom:3rem}}.shot-detail-section-title{text-align:left;color:#fff;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:2rem;font-weight:500;line-height:2.8rem}.shot-detail-section-subtitle{color:#9a9a9a;font-family:Roboto,sans-serif;font-size:1.7rem;font-weight:400;line-height:2.6rem}.shot-detail-related{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=1224px){.shot-detail-related{grid-template-columns:repeat(3,1fr)}.shot-detail-related .shot:nth-child(n+4){display:none}}@media (width<=680px){.shot-detail-related{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.shot-detail-related{grid-template-columns:1fr}}@media (width<=1224px){.shot-detail-header-container .shot-detail-breadcrumbs{font-size:1.6rem}}@media (width<=680px){.shot-detail{padding:1.5rem 1rem}}html{--shot-lightbox-duration:.57s;--shot-lightbox-easing:cubic-bezier(.32, .72, 0, 1)}html.shot-lightbox-open{user-select:none;overflow:hidden}img.is-lightbox-source{visibility:hidden}.shot-lightbox{z-index:10000;pointer-events:none;user-select:none;position:fixed;inset:0}.shot-lightbox[hidden]{display:none}.shot-lightbox.is-active,.shot-lightbox.is-closing{pointer-events:auto}.shot-lightbox-backdrop{z-index:1;opacity:0;transition:opacity var(--shot-lightbox-duration) var(--shot-lightbox-easing);cursor:zoom-out;background:#050608f0;border:0;margin:0;padding:0;position:absolute;inset:0}.shot-lightbox.is-active .shot-lightbox-backdrop{opacity:1}.shot-lightbox.is-closing .shot-lightbox-backdrop{opacity:0}.shot-lightbox-close,.shot-lightbox-zoom{z-index:3;-webkit-backdrop-filter:blur(10px);color:#ffffff80;opacity:0;width:4.4rem;height:4.4rem;transition:opacity var(--shot-lightbox-duration) var(--shot-lightbox-easing), background .18s ease, transform var(--shot-lightbox-duration) var(--shot-lightbox-easing), color .18s ease;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:fixed;top:2.4rem;transform:scale(.92)}@media (hover:hover) and (pointer:fine){.shot-lightbox-close:hover,.shot-lightbox-zoom:hover{color:#ffffffc7;background:#ffffff1f}}.shot-lightbox-close svg,.shot-lightbox-zoom svg{display:block}.shot-lightbox-close{right:calc(2.4rem + 4px)}.shot-lightbox-zoom{right:calc(7.6rem + 4px)}.shot-lightbox-zoom .icon-zoom-in{display:block}.shot-lightbox-zoom .icon-zoom-out,.shot-lightbox.is-zoomed .shot-lightbox-zoom .icon-zoom-in{display:none}.shot-lightbox.is-zoomed .shot-lightbox-zoom .icon-zoom-out{display:block}.shot-lightbox.is-active .shot-lightbox-close,.shot-lightbox.is-active .shot-lightbox-zoom{opacity:1;transform:scale(1)}.shot-lightbox-stage{z-index:2;border-radius:inherit;transform-origin:50%;will-change:transform, border-radius;user-select:none;touch-action:none;cursor:grab;position:fixed;overflow:hidden}.shot-lightbox.is-dragging .shot-lightbox-stage,.shot-lightbox.is-panning .shot-lightbox-stage{cursor:grabbing}.shot-lightbox-image{width:100%;height:100%;aspect-ratio:inherit;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;user-select:none;-webkit-user-drag:none;pointer-events:auto;cursor:inherit;touch-action:none;display:block}footer{padding-top:162px;padding-top:clamp(162px, 162px + (252px - 162px) * (100vw - 325px) / (1600px - 325px), 252px);flex-direction:column;align-items:center;display:flex}footer h2{letter-spacing:-.035em;z-index:-1;font-family:Gilroy,system-ui,-apple-system,Arial,sans-serif;font-size:92px;font-weight:600;line-height:100%;font-size:clamp(92px, 92px + (274px - 92px) * (100vw - 425px) / (1600px - 425px), 274px);margin-left:-8px;margin-left:clamp(-8px, -8px + (0px - -8px) * (100vw - 75px) / (1600px - 75px), 0px)}.footer-email{color:oklch(78% .0243 265.65);letter-spacing:.008em;z-index:200;font-size:22px;font-size:clamp(22px, 22px + (28px - 22px) * (100vw - 425px) / (1600px - 425px), 28px);margin-top:12px;margin-bottom:1em;margin-top:clamp(12px, 12px + (30px - 12px) * (100vw - 325px) / (1600px - 325px), 30px);margin-bottom:130px;margin-bottom:clamp(130px, 130px + (302px - 130px) * (100vw - 325px) / (1600px - 325px), 302px);align-items:center;gap:.4em;display:flex}.footer-email svg{color:oklch(81% .1838 185.42);width:19px;width:clamp(19px, 19px + (22px - 19px) * (100vw - 425px) / (1600px - 425px), 22px);margin-top:4.5px;margin-left:-.2em}.copyright{color:oklch(71% .0218 264.43);letter-spacing:-.01em;margin-bottom:30px;font-size:14.5px;display:none}.back-to-top{flex-shrink:0;margin-right:-2px}@media (hover:hover) and (pointer:fine){.back-to-top:hover{transform:scale(1.06)}}.back-to-top svg{opacity:.7;transform:translateZ(0)}.shot[data-astro-cid-qpen567o]:not(.show):not(.final){opacity:0;transform:translateY(30px)scale(.91)}