@font-face{font-family:Firs;src:url('assets/firs-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/montserrat-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/montserrat-bold-italic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/montserrat-medium-italic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;background:#fff}body{overflow-x:hidden}
.landing{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#fff;container-type:inline-size}
.stage{position:absolute;left:0;top:0;width:1101px;height:619.3125px;transform:scale(var(--stage-scale,1));transform-origin:0 0;background:#fff;overflow:hidden}
.stage::after{content:"";position:absolute;left:0;right:0;top:557.38125px;height:61.93125px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);pointer-events:none}
.layer{position:absolute;display:block;margin:0}.background{left:0;top:-169.185px;width:1101px;height:974.885px;opacity:.2}.arch{border-radius:50% 50% 0 0 / 41% 41% 0 0}.arch-outer{left:337.717px;top:139.542px;width:392.608px;height:426.769px;background:#fdf6fa;border:1.55px solid #687fe5}.arch-inner{left:352.384px;top:153.936px;width:363.274px;height:394.883px;background:#687fe5}.brush{left:297.035px;top:263.845px;width:445.317px;height:188.059px}
.work-button{left:107.05px;top:445.3px;width:152.1px;height:41.8px;border:1.55px solid #242726;border-radius:11.5px;background:#687fe5;color:#fff;text-decoration:none;text-transform:uppercase;display:flex;align-items:center;justify-content:center;font:700 16.7px Firs,sans-serif;letter-spacing:-.04em;transition:filter .2s,scale .2s;animation:badge-pop .9s linear 2.15s both,button-pulse 2.4s ease-in-out 3.05s infinite}.work-button:hover{filter:brightness(1.1)}a:focus-visible{outline:3px solid #242726;outline-offset:4px}
.project img{display:block;width:100%;height:100%;object-fit:contain}.wc{left:850.787px;top:291px;width:108.426px;height:96px;overflow:hidden;border-radius:20px}.wc img{height:106.64px;position:relative;top:-5.32px}.project-line{left:854.1155px;top:157.26px;width:101.769px;height:1.14688px;background:#242726}.portrait{left:322.764px;top:107.63px;width:430.422px;height:589.74px;mask-image:linear-gradient(to bottom,#000 76%,rgba(0,0,0,0) 87%)}.invincible{left:811.311px;top:179.014px;width:187.378px;height:60.3808px}.atom-eve{left:810px;top:437px;width:190px;height:84.043px}
.star-position img{width:100%;height:100%;object-fit:contain}.outline-one{left:658.93px;top:99.8021px;width:47.0396px;height:45.3932px;rotate:80deg}.outline-two{left:726.21px;top:191.232px;width:33.7817px;height:32.5994px;rotate:44deg}.blue-one{left:748.938px;top:141.351px;width:13.82px;height:13.129px;rotate:82deg}.blue-two{left:752.477px;top:266.608px;width:27.5757px;height:26.1969px;rotate:58deg}.yellow-one{left:683.674px;top:167.919px;width:16.6776px;height:15.8437px;rotate:95deg}.yellow-two{left:782.837px;top:224.402px;width:16.6776px;height:15.8437px;rotate:141deg}.spin{animation:star-spin 12s linear infinite}
.editor-badge{left:336.4px;top:400.7px;width:126.7px;height:36.3px}.expert-badge{left:619.45px;top:313.39px;width:140.2px;height:54.1px}.badge{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:4.8px;color:#fff;font:700 17.546px/17.805px Firs,sans-serif;letter-spacing:-.04em;text-align:center}.badge-blue{background:#38b6ff;animation:badge-rock 4s ease-in-out infinite}.badge-yellow{background:#ffde59;letter-spacing:-.024em;rotate:-8deg;animation:badge-rock 4s ease-in-out -1s infinite}
.heading{left:100.502px;top:96.15px;width:300px;font:700 41.2875px/43.3519px Firs,sans-serif;letter-spacing:-.03em;text-transform:uppercase;color:#242726}.biography{left:100.15px;top:199.63px;width:242px;font:500 17.546px/22.45px Montserrat,sans-serif;letter-spacing:-.065em;color:#4d4d4d}.biography strong{font-weight:700}.projects-heading{left:812.5px;top:132.558px;width:185px;text-align:center;font:500 16.5117px/20.902px Montserrat,sans-serif;letter-spacing:-.04em;text-transform:uppercase;color:#242726}
.entrances-pending .enter{visibility:hidden}
.credential{left:100.502px;top:52px;padding:5px 10px;border-radius:20px;background:#f0f2ff;color:#4458b3;font:700 11.5px/16px Firs,sans-serif;letter-spacing:.02em}
.project-caption{left:792.5px;width:225px;text-align:center;color:#4d4d4d;font:500 12px/17px Montserrat,sans-serif;animation:caption-enter 1.2s ease-out both;animation-delay:var(--fade-delay,1.65s)}
.invincible-caption{top:252px;--fade-delay:1.65s}.wc-caption{top:399px;--fade-delay:1.95s}.atom-eve-caption{top:533px;--fade-delay:2.25s}
.contact-link{left:107.05px;top:505px;width:152.1px;text-align:center;color:#4458b3;font:700 15px/22px Firs,sans-serif;text-underline-offset:4px}
.project,.project-line{animation:artwork-fade .9s ease-out both;animation-delay:var(--fade-delay,.15s)}
.project{animation-duration:2.4s;animation-timing-function:ease-in-out}
.background{animation:background-enter 1.8s ease-out both,background-drift 18s ease-in-out infinite;transform-origin:center}
@keyframes background-enter{from{opacity:0}to{opacity:.2}}
@keyframes background-drift{0%,100%{transform:translate(-5px,-4px) scale(1.025)}50%{transform:translate(5px,4px) scale(1.025)}}
.editor-badge,.expert-badge{animation:badge-pop .9s linear both;transform-origin:center}
.editor-badge{animation-delay:.45s}
.star-position{animation:star-enter .85s linear both;transform-origin:center}
.outline-one{animation-delay:.25s}.yellow-one{animation-delay:.35s}.blue-one{animation-delay:.45s}.outline-two{animation-delay:.55s}.yellow-two{animation-delay:.65s}.blue-two{animation-delay:.75s}
@keyframes star-enter{0%{opacity:0;transform:scale(.6);animation-timing-function:cubic-bezier(.22,.8,.3,1)}75%{opacity:1;transform:scale(1.04);animation-timing-function:cubic-bezier(.4,0,.6,1)}100%{opacity:1;transform:scale(1)}}
.expert-badge{animation-delay:.65s}
@keyframes badge-pop{0%{opacity:0;transform:scale(.8);animation-timing-function:cubic-bezier(.22,.8,.3,1)}75%{opacity:1;transform:scale(1.035);animation-timing-function:cubic-bezier(.4,0,.6,1)}100%{opacity:1;transform:scale(1)}}
.project-line{--fade-delay:.9s}
.invincible{--fade-delay:1.05s}
.wc{--fade-delay:1.35s}
.atom-eve{--fade-delay:1.65s}
@keyframes artwork-fade{from{opacity:0}to{opacity:var(--fade-opacity,1)}}
@keyframes caption-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.entrance-letter{display:inline-block;white-space:pre;vertical-align:baseline;animation:letter-rise .55s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--letter-delay)}
.entrance-pop .entrance-letter{animation-name:letter-pop;animation-duration:.6s}
@keyframes letter-rise{from{opacity:0;transform:translateY(.38em)}to{opacity:1;transform:translateY(0)}}
@keyframes letter-pop{0%{opacity:0;transform:translateY(.25em) scale(.75)}70%{opacity:1;transform:translateY(0) scale(1.06)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes star-spin{to{transform:rotate(360deg)}}@keyframes badge-rock{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes button-pulse{0%,100%{scale:1}25%{scale:1.06}75%{scale:.96}}@keyframes reveal{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.social-badge{left:569px;top:493px;width:171px;height:36.3px;animation:badge-pop .9s linear .85s both;transform-origin:center}.badge-pink{background:#e882b5;rotate:5deg;animation:badge-rock 4s ease-in-out -2s infinite}@media(prefers-reduced-motion:reduce){.social-badge,.badge-pink{animation:none!important}}
.project.invincible,.project.wc,.project.atom-eve{left:810px;width:190px;height:96px;overflow:visible;border-radius:0}.project.invincible{top:170px}.project.wc{top:300px}.project.atom-eve{top:430px}.project.wc img{height:100%;top:0;position:static}.invincible-caption{top:278px}.wc-caption{top:408px}.atom-eve-caption{top:538px}.project-caption a,.credential a,.biography a{color:inherit;text-decoration:underline;text-decoration-color:rgba(68,88,179,.35);text-underline-offset:3px}.project-caption a:hover,.credential a:hover,.biography a:hover{text-decoration-color:currentColor}
.project.invincible{left:810px;top:175px;width:190px;height:61.23px}.project.wc{left:855px;top:289px;width:100px;height:100px}.project.wc img{transform:scale(1.18)}.project.atom-eve{left:810px;top:442px;width:190px;height:84.043px}.invincible-caption{top:249px}.wc-caption{top:402px}.atom-eve-caption{top:539px}
.biography a{color:#4b8fbd;text-decoration-color:#8dc8ed}.biography a:hover{color:#34739e;text-decoration-color:currentColor}
.biography{font-size:16.5px;line-height:21px}.credential{font-size:10.5px}
.award-ribbon{left:939px;top:160px;display:flex;align-items:center;gap:3px;padding:5px 9px 5px 5px;background:#fff1ba;color:#725514;border:1px solid #e5c86b;border-radius:7px;box-shadow:0 2px 6px #24272612;rotate:6deg;font:500 10px/12px Montserrat,sans-serif;animation:badge-pop .9s linear 1.5s both;transform-origin:center}.award-ribbon strong{font-weight:700;font-family:Firs,sans-serif;font-size:11px}.award-laurel{width:29px;height:29px;flex:none}@media(prefers-reduced-motion:reduce){.award-ribbon{animation:none!important}}
.award-ribbon{left:1008px;top:173px;width:72px;flex-direction:column;text-align:center;padding:5px;rotate:4deg;gap:1px}
.award-ribbon{left:1010px;top:180px;width:62px;padding:4px;font-size:9px;line-height:11px}.award-ribbon strong{font-size:10px}.award-laurel{width:24px;height:24px}
.award-ribbon{left:982px;top:169px;text-decoration:none;cursor:pointer;transition:box-shadow .25s}.award-ribbon:hover,.award-ribbon:focus-visible{box-shadow:0 3px 10px #72551425}@keyframes award-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.award-ribbon:hover,.award-ribbon:focus-visible{animation:none!important}}
.award-ribbon{left:989px;top:158px;width:53px;padding:3px;font-size:8px;line-height:9px;opacity:1;animation:award-enter .9s linear 1.5s backwards}.award-ribbon strong{font-size:8.5px}.award-laurel{width:17px;height:17px}@keyframes award-enter{0%{opacity:0;transform:scale(.8);animation-timing-function:cubic-bezier(.22,.8,.3,1)}75%{opacity:1;transform:scale(1.035);animation-timing-function:cubic-bezier(.4,0,.6,1)}100%{opacity:1;transform:scale(1)}}.award-ribbon:hover,.award-ribbon:focus-visible{opacity:1;}@media(prefers-reduced-motion:reduce){.award-ribbon,.award-ribbon:hover,.award-ribbon:focus-visible{animation:none!important}}
.award-position{left:989px;top:158px;width:53px;animation:award-enter .9s linear 1.5s both}.award-position .award-ribbon{position:relative;left:0;top:0;opacity:1;animation:none}.award-position .award-ribbon:hover,.award-position .award-ribbon:focus-visible{}@media(prefers-reduced-motion:reduce){.award-position,.award-position .award-ribbon:hover,.award-position .award-ribbon:focus-visible{animation:none!important}}
.badge{text-decoration:none;cursor:pointer}.badge:hover,.badge:focus-visible{}@keyframes card-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.badge:hover,.badge:focus-visible{animation:none!important}}
.project img{transform-origin:center}.project:hover img,.project:focus-visible img{}.project.wc:hover img,.project.wc:focus-visible img{}@keyframes wc-breathe{0%,100%{transform:scale(1.18)}50%{transform:scale(1.2508)}}@media(prefers-reduced-motion:reduce){.project:hover img,.project:focus-visible img{animation:none!important}}

.badge,.project img,.award-ribbon{scale:1;transition:scale .55s cubic-bezier(.22,.7,.3,1),box-shadow .55s ease}
@media(prefers-reduced-motion:reduce){.badge,.project img,.award-ribbon{transition:none!important}}
.award-position .award-ribbon{opacity:.8;transition:opacity .4s ease,scale .55s cubic-bezier(.22,.7,.3,1),box-shadow .55s ease}.award-position .award-ribbon:hover,.award-position .award-ribbon:focus-visible{opacity:1}@media(prefers-reduced-motion:reduce){.award-position .award-ribbon{transition:none!important}}
.award-position{left:979px;top:166px}
.background{translate:0 var(--texture-scroll,0px);transition:translate .65s ease-out}@media(prefers-reduced-motion:reduce){.background{translate:none;transition:none!important}}
.wave-texture{pointer-events:none}.texture-fallback{pointer-events:none}
.award-position{top:157px}
.cat-peek{left:48px;bottom:-132px;width:128px;height:128px;z-index:2;pointer-events:none;visibility:hidden}.cat-sprite{width:100%;height:100%;background-image:url("assets/connor-peek-plain-paws.png");background-size:200% 100%;background-position:0 0;background-repeat:no-repeat;transform-origin:50% 90%}.cat-peek.is-peeking{visibility:visible;animation:cat-visit 7.2s ease-in-out both}.cat-peek.is-peeking .cat-sprite{animation:cat-curious 7.2s ease-in-out both}.cat-peek.is-blinking .cat-sprite{background-position:0 0}@keyframes cat-visit{0%,100%{transform:translateY(0)}16%,82%{transform:translateY(-129px)}25%{transform:translateY(-134px)}}@keyframes cat-curious{0%,25%,100%{rotate:0deg}38%,50%{rotate:-4deg}60%,75%{rotate:3deg}}@media(prefers-reduced-motion:reduce){.cat-peek{display:none}}
.cat-speech{position:absolute;left:118px;bottom:48px;width:152px;padding:11px 13px;border:1.5px solid #929bdd;border-radius:17px 17px 17px 4px;background:#fff;color:#373e68;font:500 14px/19px Montserrat,sans-serif;text-align:center;box-shadow:0 3px 12px #464b6a12;opacity:0;transform:translateY(7px) scale(.93);transform-origin:0 100%}
.cat-speech::after{content:"";position:absolute;left:-7px;bottom:9px;width:12px;height:12px;background:#fff;border-left:1.5px solid #929bdd;border-bottom:1.5px solid #929bdd;transform:rotate(45deg)}
.cat-peek.is-peeking .cat-speech{animation:cat-speech 7.2s ease-in-out both}
@keyframes cat-speech{0%,23%,90%,100%{opacity:0;transform:translateY(7px) scale(.93)}32%,79%{opacity:1;transform:translateY(0) scale(1)}}

/* Only swap the aligned eye regions; the head, whiskers and paws never change. */
.cat-sprite{position:relative}
.cat-sprite::after{content:"";position:absolute;inset:0;background:url("assets/connor-peek-plain-paws.png") no-repeat calc(100% + 2.6px) 0 / 200% 100%;opacity:0}
.cat-peek.is-blinking .cat-sprite::after{opacity:1}




.cat-peek.is-blinking .cat-sprite{background-image:none}







.contact-link{left:107.05px;top:496px;width:152.1px;text-align:center;color:#4b6abc;font:500 13px/19px Montserrat,sans-serif;text-decoration:underline;text-underline-offset:4px;transition:color .35s ease;animation:reveal .8s ease 3.1s both;cursor:pointer}.contact-link:hover{color:#293b83}.contact-link span{display:inline-block;margin-left:3px}


.contact-link{font-size:11.5px;display:flex;align-items:center;justify-content:center;gap:4px}.contact-link span{margin-left:0}


.cat-sprite{display:block;border:0;padding:0;background-color:transparent;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.cat-speech{pointer-events:none}.cat-sprite:focus-visible{outline:2px solid #687fe5;outline-offset:2px;border-radius:45%}


.cat-speech{left:130px}


.cat-angry-face{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none;z-index:1}.cat-peek.is-angry .cat-angry-face{display:block}.cat-peek.is-angry .cat-sprite{background-image:url('assets/connor-peek-plain-paws.png')}.cat-peek.is-angry .cat-sprite::after{opacity:0}


.cat-angry-image{position:absolute;left:0;top:0;width:200%;height:100%;max-width:none;opacity:0;pointer-events:none}
.cat-sprite{overflow:hidden}
.cat-peek.is-angry .cat-sprite{background-image:none;background-position:0 0}
.cat-peek.is-angry .cat-angry-image{opacity:1}



.cat-speech{border-radius:20px}


.cat-speech::after{left:-6.5px;top:50%;bottom:auto;width:12px;height:12px;transform:translateY(-50%) rotate(45deg);border-radius:0 0 0 3px}






.cat-speech::after{left:-12px;top:53%;width:16px;height:15px;transform:skewY(-28deg);border:0;border-radius:0;background:#929bdd;clip-path:polygon(100% 0,100% 100%,0 100%)}.cat-speech::before{content:'';position:absolute;left:-9.5px;top:calc(53% + 1.5px);width:13.5px;height:12px;background:#fff;transform:skewY(-28deg);clip-path:polygon(100% 0,100% 100%,0 100%);z-index:1}


.cat-speech::after{left:-13px;top:53%;width:13px;height:16px;transform:skewY(-28deg);clip-path:polygon(100% 0,100% 100%,0 100%)}.cat-speech::before{left:-10px;top:calc(53% + 2px);width:10px;height:12px;transform:skewY(-28deg);clip-path:polygon(100% 0,100% 100%,0 100%)}.cat-speech{border-left-color:transparent;background:linear-gradient(#929bdd,#929bdd) left top/1.5px 53% no-repeat,linear-gradient(#929bdd,#929bdd) left bottom/1.5px calc(47% - 16px) no-repeat,#fff}


.cat-speech{background:none;border-color:transparent;box-shadow:none;isolation:isolate}.cat-speech::before{display:none}.cat-speech::after{left:-14px;top:-1.5px;bottom:auto;width:calc(100% + 15.5px);height:calc(100% + 3px);transform:none;border:0;border-radius:0;clip-path:none;background:url('assets/connor-bubble.svg') 0 0/100% 100% no-repeat;z-index:-1}

.portrait-group{display:contents}
@media(max-width:700px){
.landing{aspect-ratio:auto;overflow:hidden}.stage{position:relative;width:100%;height:auto;transform:none;display:flex;flex-direction:column;align-items:center;padding:38px 24px 72px;gap:0;background:transparent;overflow:hidden}
.heading,.biography,.work-button,.contact-link,.projects-heading,.project-line,.project-caption,.project.invincible,.project.wc,.project.atom-eve,.award-position{position:relative;left:auto;top:auto}
.heading{order:0;width:100%;max-width:420px;font-size:34px;line-height:37px;text-align:center;margin-bottom:22px}
.biography{order:1;width:100%;max-width:420px;font-size:16px;line-height:25px;letter-spacing:-.025em;text-align:center;margin-bottom:24px}.biography br{display:none}.entrance-letter{width:auto!important}
.work-button{order:2;width:170px;height:48px;flex:none}.contact-link{order:3;width:170px;min-height:44px;margin-top:4px;font-size:13px}
.portrait-group{order:4;display:block;position:relative;width:100%;max-width:360px;height:475px;margin:26px 0 28px;flex:none}
.portrait-group .portrait{left:0;top:0;width:100%;height:auto}.portrait-group .arch-outer{left:4%;top:35px;width:92%;height:370px}.portrait-group .arch-inner{left:8%;top:48px;width:84%;height:357px}.portrait-group .brush{left:0;top:130px;width:100%;height:155px}
.portrait-group .portrait{mask-image:linear-gradient(to bottom,#000 86%,transparent 100%)}
.stage::after{top:auto;bottom:0;height:60px}
.portrait-group .editor-badge{left:0;top:245px;width:120px}.portrait-group .expert-badge{left:auto;right:0;top:175px;width:133px}.portrait-group .social-badge{left:auto;right:5px;top:350px;width:158px}.badge{font-size:16px;line-height:17px}
.portrait-group .outline-one{left:auto;right:10px;top:0}.portrait-group .outline-two{left:auto;right:-8px;top:93px}.portrait-group .blue-one{left:auto;right:-4px;top:56px}.portrait-group .blue-two{left:auto;right:-8px;top:138px}.portrait-group .yellow-one{left:auto;right:14px;top:65px}.portrait-group .yellow-two{left:3px;top:142px}
.projects-heading{order:5;width:100%;font-size:20px;line-height:26px;margin-bottom:12px}.project-line{order:6;width:110px;margin-bottom:32px}
.project.invincible{order:7;width:220px;height:71px}.award-position{order:8;position:absolute;left:calc(50% + 74px);top:auto;bottom:463px;width:53px}
.invincible-caption{order:9;margin-top:17px;margin-bottom:38px}.project.wc{order:10;width:106px;height:106px}.wc-caption{order:11;margin-top:25px;margin-bottom:38px}.project.atom-eve{order:12;width:210px;height:93px}.atom-eve-caption{order:13;margin-top:18px}.project-caption{width:100%;font-size:14px;line-height:20px}
.background{left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-1}.landing::after{height:60px}.cat-peek{position:fixed;left:8px;bottom:-132px;z-index:10}.cat-speech{left:124px;width:145px;font-size:13px}
}
@media(max-width:360px){.stage{padding-left:18px;padding-right:18px}.heading{font-size:30px;line-height:34px}.portrait-group{height:435px}.portrait-group .portrait{top:10px}.portrait-group .social-badge{top:320px}.portrait-group .arch-outer{height:330px}.portrait-group .arch-inner{height:317px}.portrait-group .expert-badge{width:124px}.badge{font-size:15px}}

.invincible-group{display:contents}@media(max-width:700px){.invincible-group{display:block;order:7;position:relative;width:220px;height:71px}.invincible-group .award-position{position:absolute;left:auto;right:-14px;top:-16px;bottom:auto}}


@media(max-width:700px){.entrance-letter{display:inline;white-space:normal}.stage{isolation:isolate}.stage>.background{z-index:-1}.stage{background:none}.background{opacity:.12}}



/* One screen-sized particle field, independent of the content stage. */
html,body{min-height:100%}.particle-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.particle-background .background{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;z-index:0}.landing,.stage{background:transparent}.landing{z-index:1}.stage::after{z-index:20;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);height:62px}.cat-peek{z-index:2}
@media(max-width:700px){.cat-peek{z-index:2}.stage::after{position:fixed;top:auto;bottom:0;height:32px}}

.project.wc{mix-blend-mode:multiply}.project.wc img{width:116%;height:116%;position:relative;left:-8%;top:-8%}.landing{max-width:1400px;margin-inline:auto}
.arch-outer{border-bottom:0}

/* Fade the complete particle field at the same edge as the artwork. */
.particle-background{position:absolute;inset:0 0 auto;height:var(--landing-height, min(56.25vw,787.5px));mask-image:linear-gradient(to bottom,#000 90%,transparent 100%)}
@media(max-width:700px){.particle-background{mask-image:linear-gradient(to bottom,#000 calc(100% - 60px),transparent 100%)}.stage::after{position:absolute;top:auto;bottom:0;height:60px}}
.work-button{border:0;box-shadow:inset 0 0 0 1.5px #242726;overflow:hidden;isolation:isolate;backface-visibility:hidden;clip-path:inset(0 round 11.5px)}.work-button:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #242726}
.portrait{filter:url(#portrait-edge-smooth)}