.works-root{--w-amber:#cc7c36;--w-text:#deded6;--w-muted:#a8a8a0;--w-bg:#0b1014;position:relative;isolation:isolate;background:var(--w-bg);color:var(--w-text);min-height:100svh;font-family:'Annie Use Your Telescope',cursive;font-size:23px;line-height:1.4}
.works-root *{box-sizing:border-box}.works-root button,.works-root a{-webkit-tap-highlight-color:transparent}.works-root button{font:inherit;color:inherit}.works-root button:focus-visible,.works-root a:focus-visible{outline:2px solid #edb76c;outline-offset:7px}.works-root h1,.works-root h2,.works-root p{margin:0}.works-root h1,.works-root h2,.works-root .door-title,.works-root .work-project-title{font-family:Combo,cursive;font-weight:400}.works-root h1:focus{outline:none}.works-content{width:min(1400px,100%);margin:auto;padding:108px 6.5vw 0}.works-topline{display:flex;justify-content:space-between;font-size:19px;color:#aaa497;padding-bottom:24px;border-bottom:1px solid #8f715144}.works-topline span:last-child{color:var(--w-amber)}.works-intro{text-align:center;padding:35px 0 27px}.works-eyebrow{display:block;color:var(--w-amber);font-size:18px;letter-spacing:.055em}.works-intro h1{font-size:clamp(42px,5.6vw,80px);line-height:1.05;margin:13px 0 14px}.works-intro h1 em{color:#ddaa6d;font-weight:400;font-style:normal}.works-intro p{font-size:21px;color:#aeb0aa}.works-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px;padding:28px 0 18px;align-items:stretch}.works-door{position:relative;border:1px solid #9e78534f;border-radius:48% 48% 9px 9px / 22% 22% 6px 6px;background:#111a20;cursor:pointer;padding:0;text-align:left;box-shadow:0 22px 35px #0008;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s;transform:rotate(-2deg);transform-origin:50% 0;min-height:390px;overflow:hidden;display:flex;flex-direction:column}.works-door-illustration{transform:rotate(1.2deg);margin-top:18px}.works-door-engineering{transform:rotate(2deg)}.works-door:hover,.works-door:focus-visible{transform:translateY(-12px) rotate(0deg);border-color:#cc9254}.door-number{position:absolute;z-index:2;top:22px;left:26px;font-family:Combo,cursive;font-size:27px;background:#0b1014d9;color:#efc68d;border:1px solid #aa805754;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;box-shadow:0 3px 10px #0009}.door-art{display:block;height:215px;overflow:hidden;position:relative;border-bottom:1px solid #83694d55}.door-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111a20 0%,transparent 40%)}.door-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .4s;filter:brightness(.8);transform:scale(1.06)}.works-door-games .door-art img{object-position:50% 44%;transform:scale(1.42)}.works-door-engineering .door-art img{object-position:70% 70%}.works-door:hover .door-art img{filter:brightness(1);transform:scale(1.1)}.works-door-games:hover .door-art img{transform:scale(1.49)}.door-copy{display:flex;flex-direction:column;padding:13px 23px 22px;flex:1}.door-title{font-size:clamp(28px,2.55vw,38px);line-height:1.12;color:#e3d5bf}.door-line{font-size:19px;color:#aeb0a9;display:block;margin-top:12px;flex:1}.door-link{font-size:20px;color:#dca569;margin-top:25px;display:flex;justify-content:space-between}.door-link span{font-family:Arial,sans-serif}.works-stage-note{text-align:center;font-size:19px;color:#8f928c;padding:30px 0}.works-stage-note span{color:#aa7849;margin:0 15px}.works-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 30px;border-top:1px solid #92745540;color:#8e948f;font-size:18px;margin-top:25px}.works-footer a{color:#d9b082;text-decoration:none}.works-footer a:hover{text-decoration:underline}.works-back{padding:0;border:0;background:transparent;color:#cc9c68!important;cursor:pointer;font-size:20px!important}.works-category-heading{padding:40px 0 45px}.works-category-heading h1{font-size:clamp(44px,6vw,82px);line-height:1.1;margin:8px 0 18px}.works-category-heading>p{font-size:24px;color:#aeb0aa}.work-projects{display:grid;gap:42px}.work-project{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;padding:0;background:transparent;border:0;border-bottom:1px solid #87735a40;padding-bottom:42px;text-align:left;cursor:pointer}.work-project-art{display:block;overflow:hidden;border:1px solid #76644977;box-shadow:0 12px 25px #0006;transform:rotate(-1deg);transition:transform .4s}.work-project:nth-child(2) .work-project-art{transform:rotate(1deg)}.work-project:hover .work-project-art{transform:rotate(0) translateY(-5px)}.work-project-art img{display:block;width:100%;aspect-ratio:1.415;object-fit:cover}.work-project-title{display:block;font-size:52px;margin:8px 0 12px}.work-project-summary{display:block;font-size:24px;max-width:400px;color:#b5b8b1}.work-project-cta{display:flex;justify-content:space-between;color:#d6a36c;margin-top:28px;max-width:340px}.work-project-cta span{font-family:Arial,sans-serif}.itch-invitation{display:flex;align-items:center;gap:30px;color:var(--w-text);padding:36px 30px;margin:24px 0 10px;text-decoration:none;border:1px dashed #a57b4e77;transition:background .3s}.itch-invitation:hover{background:#b7803b0d}.itch-star{font-size:60px;color:#cc9d60}.itch-invitation>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.itch-invitation strong{font-family:Combo,cursive;font-weight:400;font-size:35px}.itch-invitation>span:nth-child(2)>span:last-child{font-size:20px;color:#aeb0aa}.itch-arrow{font-family:Arial,sans-serif;font-size:35px;margin-left:auto;color:var(--w-amber)}.illustration-main{display:block;position:relative;overflow:hidden;padding:0;border:1px solid #856c4b;background:#101820;cursor:zoom-in;width:100%;box-shadow:0 20px 45px #0007}.illustration-main img{display:block;width:100%;height:auto;transition:transform .7s}.illustration-main:hover img{transform:scale(1.03)}.illustration-main>span{position:absolute;right:24px;bottom:20px;padding:7px 16px;background:#0b1014de;border:1px solid #c79c6580;color:#e4bc87}.illustration-caption{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:28px 0 35px}.illustration-caption h2{font-size:38px;margin-top:6px}.illustration-caption p{color:#b0b4ad}.character-feature{display:flex;gap:65px;align-items:center;border-top:1px solid #92745540;margin-top:20px;padding:45px 10%}.character-feature button{border:0;background:radial-gradient(ellipse,#4b5d6d55,transparent 68%);cursor:zoom-in;flex:0 0 35%;height:420px}.character-feature img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(10px 15px 10px #0009)}.character-feature h2{font-size:48px;margin:10px 0}.character-feature p{color:#adb2ab;max-width:350px}.project-heading{padding:45px 0 38px}.project-heading h1{font-size:clamp(64px,8.5vw,110px);line-height:1.05;margin:10px 0}.project-heading>p{color:#c4ad8d;font-size:28px}.project-synopsis{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;border-top:1px solid #92745540;padding-top:34px}.project-synopsis h2{font-size:34px;line-height:1.3;color:#ded9ca}.project-synopsis p{font-size:23px;color:#b7bdb6;margin-bottom:20px}.project-skills{display:flex;flex-wrap:wrap;gap:10px;padding:15px 0 25px;margin:0;list-style:none}.project-skills li{font-size:19px;color:#cfaf88;border:1px solid #ad845c4d;padding:3px 13px;border-radius:30px}.project-gallery-head{display:flex;justify-content:space-between;align-items:baseline;padding:30px 0 25px}.project-gallery-head h2{font-size:38px}.project-gallery-head p{color:#949d98;font-size:20px}.project-page-gallery{display:grid;gap:40px}.project-page{display:block;background:transparent;border:0;padding:0;cursor:zoom-in;text-align:left}.project-page>img{display:block;width:100%;height:auto;outline:1px solid #74654a70;box-shadow:0 18px 34px #0006}.project-page>span{display:flex;justify-content:space-between;padding:15px 3px;color:#bfad94;font-size:20px}.project-page>span>span:last-child{font-family:Arial,sans-serif}.project-outro{display:flex;justify-content:space-between;align-items:center;padding:40px 0 15px;color:#9ea59e}.project-outro button{background:transparent;border:0;color:#d9b082;cursor:pointer}.works-lightbox{position:fixed;inset:0;z-index:10000;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:18px 24px;border:0;background:#060a0df5;color:#e0ded2;font-family:'Annie Use Your Telescope',cursive;overflow:hidden}.works-lightbox::backdrop{background:#000c}.works-lightbox[open]{display:grid;grid-template-rows:auto 1fr auto;gap:10px}.wl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:23px;padding-bottom:10px}.wl-tools{display:flex;gap:12px;align-items:center;flex-shrink:0}.wl-tools button,.wl-bottom button{background:#202930;border:1px solid #8c7453;color:#e0ceb0;padding:6px 14px;border-radius:4px;font:inherit;cursor:pointer}.wl-tools a{color:#baaa90;font-size:19px;text-decoration:none}.wl-stage{min-height:0;min-width:0;overflow:auto;display:flex;align-items:center;justify-content:center;background:#0e1418}.wl-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.works-lightbox.is-zoomed .wl-stage{display:block}.works-lightbox.is-zoomed .wl-stage img{max-width:none;max-height:none;width:max(1600px,150%);height:auto;margin:auto}.wl-bottom{display:flex;justify-content:space-between;align-items:center;font-size:21px;padding-top:5px}.wl-bottom button[hidden]{visibility:hidden;display:block}.wl-count{color:#bca57f;font-size:23px}
@media(min-width:1500px){.works-content{padding-left:70px;padding-right:70px}}
@media(max-width:900px){.works-content{padding-left:5vw;padding-right:5vw}.works-doors{gap:16px}.door-copy{padding:10px 15px 20px}.door-title{font-size:29px}.door-art{height:185px}.door-line{font-size:18px}.works-door{min-height:370px}.work-project{gap:26px}.work-project-title{font-size:44px}.project-synopsis{gap:30px}.wl-toolbar{flex-wrap:wrap;gap:5px}.wl-caption{font-size:19px}.character-feature{padding:35px 3%;gap:30px}.character-feature button{height:330px}.works-footer{font-size:17px}}
@media(max-width:640px){.works-root{font-size:21px}.works-content{padding-top:90px;padding-left:24px;padding-right:24px}.works-topline{font-size:16px;padding-bottom:16px}.works-topline span:first-child{max-width:145px}.works-intro{padding:33px 0 20px}.works-intro h1{font-size:48px}.works-intro p{font-size:20px}.works-doors{grid-template-columns:1fr;gap:30px;max-width:420px;margin:0 auto;padding-top:15px}.works-door{min-height:0;border-radius:10px 10px 7px 7px;display:grid;grid-template-columns:42% 1fr;transform:rotate(-1.5deg)}.works-door-illustration{margin:0;transform:rotate(1.5deg)}.works-door-engineering{transform:rotate(-1deg)}.door-art{height:200px;border-bottom:0;border-right:1px solid #8a744850}.door-art:after{background:linear-gradient(90deg,transparent,#111a2033)}.door-number{top:10px;left:11px;font-size:21px;width:32px;height:32px}.door-copy{padding:21px 18px}.door-title{font-size:29px}.door-line{font-size:17px;margin-top:9px}.door-link{margin-top:12px;font-size:18px}.works-door-games .door-art img{transform:scale(1.4);object-position:50%}.works-door-illustration .door-art img{object-position:68%}.works-stage-note{font-size:17px;padding:28px 0 12px}.works-stage-note span{margin:0 4px}.works-footer{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 0;margin-top:20px}.works-category-heading{padding:30px 0}.works-category-heading h1{font-size:46px;margin:10px 0}.works-category-heading>p{font-size:22px}.work-project{grid-template-columns:1fr;gap:23px;padding-bottom:30px}.work-project-title{font-size:45px;margin:4px 0 7px}.work-project-summary{font-size:22px}.work-project-cta{margin-top:14px}.itch-invitation{padding:24px 18px;gap:16px}.itch-star{font-size:36px}.itch-invitation strong{font-size:29px}.itch-arrow{font-size:25px}.illustration-caption{grid-template-columns:1fr;gap:15px}.illustration-caption h2{font-size:34px}.illustration-main>span{font-size:17px;right:12px;bottom:10px;padding:3px 10px}.character-feature{gap:20px;padding:30px 0}.character-feature button{height:260px;flex-basis:42%}.character-feature h2{font-size:34px}.character-feature p{font-size:20px}.project-heading{padding:34px 0 28px}.project-heading h1{font-size:67px}.project-heading>p{font-size:25px}.project-synopsis{grid-template-columns:1fr;gap:20px;padding-top:25px}.project-synopsis h2{font-size:29px}.project-synopsis p{font-size:22px;margin-bottom:15px}.project-skills{gap:8px;padding:10px 0}.project-skills li{font-size:17px;padding:2px 10px}.project-gallery-head{display:block;padding:25px 0 20px}.project-gallery-head h2{font-size:33px}.project-gallery-head p{font-size:18px;margin-top:5px}.project-page-gallery{gap:20px}.project-page>span{font-size:17px;padding:11px 0}.project-outro{flex-direction:column;align-items:flex-start;gap:9px;padding-top:25px}.works-lightbox{padding:12px 12px}.wl-toolbar{gap:9px;font-size:19px}.wl-caption{font-size:18px;max-width:95%}.wl-tools{width:100%;justify-content:space-between;gap:7px}.wl-tools button,.wl-bottom button{padding:5px 9px}.wl-tools a{font-size:17px}.wl-bottom{font-size:19px}}
@media(prefers-reduced-motion:reduce){.works-root *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.works-door:hover,.works-door:focus-visible{transform:none}}
/* Original product cut-outs recovered from the portfolio PDF. */
.works-door-games .door-art,.works-door-engineering .door-art{background:radial-gradient(ellipse at 50% 65%,#43536170,transparent 75%)}
.works-door-games .door-art img{object-fit:contain;object-position:center 18%;transform:scale(1.14);filter:brightness(.9);padding:10px 15px 0}.works-door-games:hover .door-art img{transform:scale(1.2)}
.works-door-engineering .door-art img{object-fit:contain;padding:20px 12px 0;transform:scale(1.03);filter:brightness(.8)}.works-door-engineering:hover .door-art img{transform:scale(1.08)}
.work-project-art{background:radial-gradient(ellipse at 50% 65%,#52657455,transparent 76%)}.work-project-art img{object-fit:contain;padding:25px;aspect-ratio:1.415}
@media(max-width:640px){.works-door-games .door-art img{object-fit:contain;transform:scale(1.05);padding:10px 3px 0}.works-door-engineering .door-art img{padding:8px 2px;transform:scale(1.12)}.work-project-art img{padding:20px}}

/* The category landing page is just the three portfolio entrances. */
.works-menu{display:flex;align-items:center;min-height:calc(100svh - 108px);padding:0 0 48px}
.works-menu:focus{outline:none}
.works-menu .works-doors{width:100%}
@media(max-width:640px){.works-menu{min-height:calc(100svh - 90px);padding-bottom:28px}}

/* v16: painted objects carried by living arms, then an actual toy chest. */
.works-content.is-immersive{width:100%;max-width:none;margin:0;padding:0}
.collection-scene,.toybox-scene{position:relative;width:100%;height:100svh;min-height:510px;overflow:hidden;isolation:isolate;background:#000;outline:none}
.works-menu.collection-scene{display:block;padding:0;min-height:100svh}
.collection-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-2;background:#000}
.collection-design-frame{position:absolute;left:50%;top:50%;width:max(100vw,141.512605svh);height:max(70.665083vw,100svh);transform:translate(-50%,-50%);overflow:hidden;background:#000}
.collection-design-image{position:absolute;left:-54.631829%;top:-11.596639%;width:154.631829%;height:123.193277%;max-width:none;object-fit:cover;opacity:.16}
.collection-design-vignette{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none}
.collection-entrances{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:0;padding:0 2.5vw}
.collection-entrance{display:block;position:relative;width:100%;height:80%;border:0;background:none;padding:0;cursor:pointer;outline-offset:-15px!important;filter:drop-shadow(0 14px 18px #0008);-webkit-user-select:none;user-select:none;transform:translateY(8%);z-index:1}
.collection-entrance:hover,.collection-entrance:focus-visible{z-index:2}
.collection-lift{position:absolute;inset:0;display:block;transform:translateY(0);transition:transform .6s cubic-bezier(.18,.8,.23,1)}
.collection-entrance:hover .collection-lift,.collection-entrance:focus-visible .collection-lift{transform:translateY(-5.5svh)}
.collection-arm{position:absolute;inset:0;display:block;transform-origin:50% 100%;animation:collection-writhe 7.2s ease-in-out infinite;animation-delay:calc(var(--arm-index) * -2.4s)}
.collection-arm>img{display:block;position:absolute;width:100%;height:100%;max-width:none;object-fit:contain;object-position:50% 100%;pointer-events:none;filter:brightness(.91) saturate(.84);transition:filter .5s}
.collection-entrance:hover .collection-arm,.collection-entrance:focus-visible .collection-arm{animation-play-state:paused}
.collection-entrance:hover .collection-arm>img,.collection-entrance:focus-visible .collection-arm>img{filter:brightness(1.08) saturate(.93)}
.collection-label{position:absolute;left:50%;top:6%;transform:translate(-50%,-100%) rotate(-3deg);width:max-content;max-width:105%;text-align:center;white-space:normal;font-family:Combo,cursive;font-size:clamp(29px,3.1vw,53px);font-weight:400;line-height:1.09;color:#d69a68;text-shadow:0 3px 8px #000,0 1px 2px #000;transition:color .3s;pointer-events:none}
.collection-illustration .collection-label{max-width:300px;transform:translate(-50%,-100%) rotate(1deg)}
.collection-engineering .collection-label{max-width:300px;transform:translate(-50%,-100%) rotate(2deg)}
.collection-entrance:hover .collection-label,.collection-entrance:focus-visible .collection-label{color:#f2bd86}
.pcb-sparks{position:absolute;inset:9% 20% auto;height:25%;pointer-events:none;opacity:0;filter:drop-shadow(0 0 4px #dce9c9);animation:pcb-electricity 8.7s linear infinite}
.pcb-sparks i{display:block;position:absolute;width:24%;height:49%;background:#c7e6b7;clip-path:polygon(20% 0,59% 0,46% 36%,91% 30%,30% 100%,43% 54%,0 63%);transform:rotate(-24deg);left:0;top:25%}
.pcb-sparks i:nth-child(2){left:68%;top:3%;transform:rotate(44deg) scale(.8)}
.pcb-sparks i:nth-child(3){left:36%;top:-20%;transform:rotate(21deg) scale(.6)}
@keyframes collection-writhe{0%,100%{transform:rotate(-2.7deg) skewX(-1.5deg) scaleY(.985)}35%{transform:rotate(2.5deg) skewX(1.8deg) scaleY(1.024)}68%{transform:rotate(-.8deg) skewX(.4deg) scaleY(1.006)}}
@keyframes pcb-electricity{0%,70%,72%,74%,76%,100%{opacity:0}70.5%,73%,75%{opacity:.75}}

.toybox-scene{background:#0c0a08;perspective:1500px}
.toybox-camera{position:absolute;inset:-.5%;transform-origin:50% 56%;will-change:transform;isolation:isolate}
.toybox-environment,.toybox-rear-wall,.toybox-front-rim{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
.toybox-environment{z-index:0}
.toybox-rear-wall{z-index:2;clip-path:polygon(0 29%,100% 29%,100% 100%,0 100%)}
.toybox-front-rim{z-index:4;clip-path:polygon(0 72%,10% 77%,17% 83%,23% 87%,32% 83%,35% 76%,41% 72%,47% 77%,54% 88%,60% 81%,65% 79%,72% 84%,78% 87%,87% 79%,100% 69%,100% 100%,0 100%)}
.toybox-marquee{position:absolute;z-index:1;left:18%;top:12%;width:66%;font-family:Codystar,sans-serif;font-size:clamp(58px,10.5vw,180px);font-weight:400;line-height:1.2;letter-spacing:-.04em;white-space:nowrap;color:#bd935e;text-shadow:0 0 4px #ffcc6744,0 0 13px #b765242e;transform:translate(0,0) rotate(-10deg);transform-origin:50% 75%;animation:toybox-marquee-arrives 1.35s cubic-bezier(.17,.66,.38,1) both;pointer-events:none}
.toybox-marquee span{display:inline-block}
.toybox-marquee span:nth-child(3n){color:#a47949}
@keyframes toybox-marquee-arrives{0%{transform:translate(-150vw,-15vh) rotate(-29deg)}65%{transform:translate(1.2vw,-2vh) rotate(-6deg)}82%{transform:translate(-.5vw,1vh) rotate(-12deg)}100%{transform:translate(0,0) rotate(-10deg)}}
.toybox-toys{position:absolute;inset:0;z-index:3;pointer-events:none}
.project-toy{position:absolute;left:calc(35% + var(--toy-index) * 30%);top:57%;width:clamp(160px,22vw,380px);height:clamp(190px,36svh,370px);padding:0;transform:translate(-50%,-50%);border:0;background:none;pointer-events:auto;cursor:grab;isolation:isolate;user-select:none;-webkit-user-select:none;outline-offset:3px!important}
.toybox-toys[data-count="1"] .project-toy{left:49%;width:clamp(190px,25vw,410px)}
.toy-float{position:absolute;inset:0 0 7%;display:block;transform-origin:50% 85%;will-change:transform}
.toy-art{position:absolute;inset:0;display:block;filter:drop-shadow(10px 17px 8px #160d09b3);transition:filter .35s,translate .35s;transform-origin:50% 86%}
.toy-art>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.toy-painting{inset:19% 0 12%;transform:rotate(-9deg);border:8px solid #66503a;border-bottom-color:#302418;border-right-color:#36271b;border-radius:2px;box-shadow:0 0 0 2px #1a130c,0 2px 2px #a8825644 inset;background:#2a1d11;filter:drop-shadow(8px 13px 7px #100b08aa)}
.toy-painting>img{object-fit:cover}
.project-toy-character .toy-art{transform:rotate(5deg) scale(.88)}
.project-toy-why-spray .toy-art{transform:rotate(5deg);inset:10% -8% 4%}
.toy-contact-shadow{position:absolute;width:70%;height:14%;left:15%;bottom:11%;border-radius:50%;background:#160d08b3;filter:blur(9px);transform:rotate(-4deg);transition:opacity .35s,scale .35s}
.toy-name{position:absolute;top:calc(92% - 24px);left:50%;transform:translateX(-50%) rotate(-2deg);width:max-content;max-width:130%;color:#e8c4a0;font-family:Combo,cursive;font-size:clamp(24px,2.7vw,40px);line-height:1.08;text-align:center;text-shadow:0 2px 6px #000,0 1px 1px #000;transition:color .3s;pointer-events:none}
.project-toy:hover .toy-art,.project-toy:focus-visible .toy-art{translate:0 -10px;filter:drop-shadow(10px 23px 9px #160d09b3) brightness(1.08)}
.project-toy:hover .toy-name,.project-toy:focus-visible .toy-name{color:#ffe0b4}
.project-toy:hover .toy-contact-shadow{opacity:.7;scale:.9}
.project-toy.is-grabbed .toy-float,.project-toy.is-grabbed .toy-name,.project-toy.is-grabbed .toy-contact-shadow{visibility:hidden}
.toybox-back{position:absolute;left:4%;top:98px;z-index:7;color:#d2b28c!important;text-shadow:0 2px 5px #000;font-size:clamp(21px,2.3vw,31px)!important}
.toybox-category-name{position:absolute;top:94px;right:5%;z-index:5;font-size:clamp(25px,2.7vw,38px);line-height:1.1;color:#c6a37c;pointer-events:none;text-shadow:0 2px 5px #000;max-width:44%;text-align:right}
.toybox-grab-layer{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.toy-grab-rig{position:absolute;transform-origin:50% 10%;will-change:transform;--grip:0}
.toy-grabber{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;max-width:none;pointer-events:none;filter:drop-shadow(8px 12px 10px #0006)}
.toy-grabber-back{z-index:0}
.toy-grabber-front{z-index:2;clip-path:polygon(0 76%,100% 76%,100% 100%,0 100%);transform:scaleX(calc(1 - var(--grip) * .1));transform-origin:50% 82%}
.toy-grab-cargo{position:absolute;z-index:1;opacity:0;transform-origin:50% 35%}
.toy-grab-rig.has-cargo .toy-grab-cargo{opacity:1}
.toy-grab-cargo .toy-art{position:relative;inset:auto;translate:0 0;transition:none;filter:drop-shadow(7px 11px 7px #0006)}
.toy-grab-cargo .toy-painting{border-width:8px}
.toybox-fade{position:absolute;inset:0;z-index:9;background:#000;opacity:0;pointer-events:none}
.toybox-scene.is-selecting .toybox-back{opacity:.4;pointer-events:none}
.toybox-scene.is-selecting .project-toy{cursor:wait}
.works-content.is-detail{animation:works-detail-arrival .55s ease-out both}
@keyframes works-detail-arrival{from{opacity:0}to{opacity:1}}
.artwork-full{display:block;position:relative;border:0;padding:0;width:100%;background:none;cursor:zoom-in}
.artwork-full>img{width:100%;height:auto;box-shadow:0 18px 45px #0006}
.artwork-character{height:76svh;min-height:450px;background:radial-gradient(ellipse at 50% 70%,#45403b50,transparent 65%)}
.artwork-character>img{height:100%;width:100%;object-fit:contain;box-shadow:none}
.is-inactive .collection-arm,.is-inactive .pcb-sparks,.is-inactive .toybox-marquee{animation-play-state:paused}
.is-loading-scene,.is-loading-scene button{cursor:progress}
@media(max-width:850px){.collection-entrance{height:72%}.collection-label{font-size:clamp(24px,3.8vw,35px);top:9%;max-width:110%}.collection-illustration .collection-label,.collection-engineering .collection-label{max-width:205px}.toybox-category-name{top:94px;font-size:29px}.toy-name{font-size:30px}.project-toy{height:32svh;width:25vw;min-width:155px}.toybox-back{top:95px}}
@media(max-width:600px) and (orientation:portrait){.collection-scene{min-height:720px}.collection-entrances{display:block;padding:0}.collection-entrance{position:absolute;height:48%;width:62%;transform:none;left:-8%;top:12%}.collection-illustration{left:45%;top:30%}.collection-engineering{left:-4%;top:56%}.collection-label{top:12%;font-size:27px;max-width:94%}.collection-illustration .collection-label{max-width:200px}.collection-engineering .collection-label{max-width:200px}.collection-entrance:hover .collection-lift,.collection-entrance:focus-visible .collection-lift{transform:translateY(-3svh)}.collection-arm{animation-duration:8.6s}.collection-design-frame{left:64%}.toybox-scene{min-height:620px}.toybox-environment,.toybox-rear-wall,.toybox-front-rim{object-position:50% 50%}.project-toy{left:calc(29% + var(--toy-index) * 41%);top:57%;height:28svh;width:38vw;min-width:130px;max-width:210px}.toybox-toys[data-count="1"] .project-toy{width:48vw;min-width:180px}.toy-name{font-size:26px;max-width:120%}.toybox-back{left:5%;top:96px;font-size:22px!important}.toybox-category-name{right:5%;top:96px;font-size:24px;max-width:48%}.toybox-marquee{left:-12%;top:20%;font-size:70px;width:120%;transform:rotate(-10deg)}.toy-painting{border-width:5px}}
@media(prefers-reduced-motion:reduce){.collection-arm,.pcb-sparks,.toybox-marquee,.works-content.is-detail{animation:none!important}.collection-lift,.toy-art{transition:none!important}.collection-arm{transform:none!important}.toybox-camera{transform:none!important}}
.no-motion .collection-arm,.no-motion .pcb-sparks,.no-motion .toybox-marquee,.no-motion .works-content.is-detail{animation:none!important}
.no-motion .toybox-camera{transform:none!important}
