.hero.hero-jar-version{--display:var(--sans);background:#fff;padding-top:16px;padding-bottom:42px}.hero-jar-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:22px;min-height:570px;display:grid}.hero-jar-version .hero-copy{padding:0 0 30px}.hero-jar-version h1{font-family:var(--sans);letter-spacing:-.045em;max-width:none;margin:0 0 32px;font-size:clamp(30px,2.65vw,42px);font-weight:500;line-height:1.18}.hero-jar-version .serif-word{white-space:nowrap;font-family:inherit;font-style:italic;font-weight:500}.hero-jar-version .hero-intro{font-weight:400}.hero-engineering{white-space:nowrap}.hero-role{isolation:isolate;white-space:nowrap;color:var(--accent);font-family:Lora,Georgia,serif;font-style:italic;font-weight:400;display:inline-block;position:relative}.hero-role:after{content:"";z-index:-1;pointer-events:none;background:#f2d9868c;border-radius:35% 8% 40% 12%;height:12px;position:absolute;bottom:3px;left:-4px;right:-8px;transform:rotate(-2deg)}.plush-jar{justify-self:end;width:100%;min-width:0;max-width:560px}.jar-stage{aspect-ratio:600/620;isolation:isolate;width:100%;position:relative}.jar-world{width:600px;height:620px;transform:scale(var(--jar-scale,.8));transform-origin:0 0;position:absolute;top:0;left:0}.jar-three-scene{pointer-events:none;z-index:1;position:absolute;inset:0}.jar-three-scene canvas{width:100%;height:100%;display:block}.jar-world{z-index:2}.jar-glass-fallback{pointer-events:none;background:linear-gradient(100deg,#d6e7e433,#0000 28%,#fff4 55%,#f1d8ca22);border:2px solid #c8dbd9;border-radius:80px 80px 52px 52px;width:368px;height:426px;position:absolute;top:94px;left:116px}.has-three-glass .jar-glass-fallback{display:none}.jar-shake-target{z-index:1;background:0 0;border:0;border-radius:85px 85px 52px 52px;width:370px;height:437px;padding:0;position:absolute;top:84px;left:115px}.jar-shake-target:focus-visible{outline-offset:8px;outline:2px dashed #be9d76}.jar-toy{z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transform-origin:50%;will-change:transform;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute;top:0;left:0}.jar-toy img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(1px 3px 1px #6f4d2820);width:100%;height:100%;display:block}.has-three-glass .jar-toy img{opacity:0}.jar-toy.is-held{cursor:grabbing;z-index:30}.jar-toy:focus-visible{outline-offset:7px;border-radius:12px;outline:2px dashed #b84e34}.jar-shake-target,.jar-toy:not(.is-held){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='58' viewBox='0 0 112 58'%3E%3Cpath d='M4 3v20l5-5 4 8 4-2-4-8h8Z' fill='%23b94e36' stroke='white' stroke-width='1.4'/%3E%3Crect x='16' y='27' width='91' height='27' rx='13.5' fill='%23b94e36'/%3E%3Ctext x='61.5' y='45' font-family='Arial,sans-serif' font-size='13' fill='white' text-anchor='middle'%3EShake me%3C/text%3E%3C/svg%3E") 4 3,pointer}.jar-toy:disabled,.jar-shake-target:disabled{cursor:default}@media (min-width:1500px){.hero-jar-layout{min-height:620px}}@media (max-width:1050px){.hero-jar-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;min-height:500px}.hero-jar-version h1{font-size:clamp(31px,3.5vw,40px)}}@media (max-width:760px){.hero.hero-jar-version{padding-top:43px;padding-bottom:24px}.hero-jar-layout{grid-template-columns:1fr;gap:0;min-height:0}.hero-jar-version .hero-copy{padding:0}.hero-jar-version h1{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(29px,5.8vw,40px);line-height:1.2}.hero-jar-version .serif-word{white-space:normal}.plush-jar{justify-self:center;width:min(100%,460px);margin-top:-12px}}.hero.hero-plush-version{background:#fff}.hero-experience{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.hero-experience>span{border:1.5px solid var(--accent);box-shadow:none;color:#49372f;letter-spacing:.45px;white-space:nowrap;background:#fff;border-radius:0;align-items:center;gap:9px;padding:14px 17px;font-size:12.5px;font-weight:700;line-height:1.3;display:inline-flex}.hero-experience strong{color:#9f4934;font-size:15px;font-weight:750}@media (max-width:1050px){.hero-experience{gap:12px}.hero-experience>span{padding:12px 13px;font-size:12px}}@media (max-width:760px){.hero-experience{gap:12px;margin-top:24px}.hero-experience>span{padding:12px 14px;font-size:12px}}.plush-playground{width:100%;min-width:0;max-width:520px;translate:0 var(--plush-align-y,0px);justify-self:end}.plush-play-stage{aspect-ratio:600/540;isolation:isolate;width:100%;position:relative;overflow:hidden}.plush-play-world{width:600px;height:540px;transform:scale(var(--plush-scale,.8));transform-origin:0 0;position:absolute;top:0;left:0}.plush-play-toy{z-index:2;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;will-change:transform;transform-origin:50%;background:0 0;border:0;outline:none;margin:0;padding:0;display:block;position:absolute;top:0;left:0}.plush-play-toy img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(1px 4px 2px #8e703520);width:100%;height:100%;transition:filter .18s;display:block}.plush-play-toy:hover img{filter:drop-shadow(1px 6px 3px #8e70352b)}.plush-play-toy.is-held{z-index:20;cursor:grabbing}.plush-play-toy.is-held img{filter:drop-shadow(2px 10px 6px #8e703533)}.plush-play-toy:focus-visible{outline-offset:5px;border-radius:8px;outline:1px solid #92928a}.plush-play-toy:disabled{cursor:default}.plush-play-ground{background:#ded0b35c;border-radius:50%;height:5px;position:absolute;top:503px;left:22px;right:22px;box-shadow:0 4px 9px #c9b48a18}@media (max-width:760px){.hero-plush-version .hero-jar-layout{grid-template-columns:minmax(0,1fr)}.plush-playground{justify-self:center;width:100vw;max-width:none;margin-top:4px}.plush-play-stage{aspect-ratio:600/320}.plush-play-world{height:320px}.plush-play-ground{top:283px}}@media (prefers-reduced-motion:reduce){.plush-play-toy img{transition:none}}@media (min-width:761px){.hero.hero-plush-version{padding-bottom:8px}.hero-plush-version .hero-jar-layout{grid-template-rows:minmax(0,1fr);height:400px;min-height:0}.hero.hero-plush-version+.work-section{padding-top:16px}}@media (min-width:761px) and (max-width:1050px){.hero-plush-version .hero-jar-layout{height:auto;min-height:400px;padding-top:30px}}.hero-plush-version .hero-jar-layout{z-index:1;position:relative}
