/* Refinements to the original portfolio. */
.header-actions{display:flex;align-items:center;gap:22px}.topbar{position:sticky;top:0}.parcel{min-height:650px}.parcel .intro{top:4%;width:min(540px,64vw)}.parcel .intro h1{margin:0}.parcel .intro h1 img{width:100%;height:auto}.parcel .delivery{margin-top:14px;font-size:12px}.parcel .box-stage{top:49%;width:min(590px,65vw,65svh)}.parcel .action-tag{opacity:1;bottom:0;transition:none}.parcel .closed-box{animation:none}.closed-still{opacity:1}.parcel #tape-video{display:none;width:100%;position:absolute;inset:0;height:100%;object-fit:contain;transform:scale(1.26)}.peeling #tape-video{display:block}.peeling .closed-still{opacity:0}.peeling .action-tag{opacity:0}.reveal-open .intro{opacity:1;transform:translate(-50%,0);transition:opacity .55s .25s,transform .8s}.reveal-open .box-stage{top:68%;width:min(650px,72vw,63svh)}#angle-open{width:100%;position:relative;animation:angleReveal .65s both}#angle-open .action-tag{bottom:1%;font-size:12px}.to-overhead .intro{opacity:0;transform:translate(-50%,-25px)}.to-overhead #angle-open{transition:transform .5s,opacity .5s;transform:scale(1.2) translateY(-5%);opacity:0}.parcel.overhead .box-stage{top:47%;width:min(730px,70vw,calc((100svh - 190px)*1.08))}.parcel.overhead .intro{opacity:0}.opened-box{aspect-ratio:1900/1729}.opened-box>.empty-box{width:100%;height:100%;object-fit:fill}.box-items{position:absolute;inset:0}.box-item{position:absolute;padding:0;border:0;background:none;transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1.2),filter .28s;cursor:default;outline-offset:3px}.box-item img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.box-item:hover,.box-item:focus-visible{transform:translateY(-6%) scale(1.1);filter:drop-shadow(0 10px 7px #57284155);z-index:10}.box-item.cards{left:18.5%;top:61%;width:24%;height:18%}.box-item.camera{left:48.5%;top:27%;width:25%;height:23%}.box-item.headphones{left:59%;top:43%;width:25%;height:33%}.box-item.crayons{left:44%;top:54%;width:18%;height:25%}.opened-box #player{left:17.5%;top:22%;width:30%;height:42%;transform:none;border-radius:0;cursor:pointer}.opened-box #player:hover,.opened-box #player:focus-visible{transform:translateY(-5%) scale(1.1)}.opened-box #player.taking-out{z-index:20;transform:translate(40%,-5%) scale(1.65);opacity:.7;transition:.6s}.player-note{left:101%;top:35%;font-size:13px;width:132px;padding:16px 10px}.player-note b{font-size:20px}.player-note:before{left:36px}.disc-transition{position:fixed;left:50%;top:50%;width:min(65vw,700px);aspect-ratio:1;object-fit:contain;border-radius:50%;z-index:60;pointer-events:none;animation:discTravel 1.15s ease-in-out both}.music-toggle{background:#ffd4e5;border:1px solid #ce769c;border-radius:50px;padding:12px 20px;display:flex;align-items:center;gap:9px;color:#634b48;box-shadow:0 5px 0 #b4648715;font-size:13px;white-space:nowrap;transition:background .2s,transform .2s}.music-toggle:hover{background:#ffc1dd;transform:translateY(-2px)}.music-toggle small{display:block;font-size:9px;letter-spacing:.3px}.music-icon{font-size:16px}.music-toggle.playing .music-icon{animation:musicPulse 1.4s ease-in-out infinite}#music-record{position:absolute;left:91%;top:24%;z-index:15}#music-record .music-toggle{flex-wrap:wrap;max-width:135px;justify-content:center;gap:5px}#music-record small{width:100%;text-align:center}#music-nav small{display:none}#music-nav .music-toggle{padding:8px 12px;font-size:12px;box-shadow:none}.page-image{cursor:default;overflow:hidden}.page-image:after{display:none}.character-scene{position:absolute;pointer-events:none;overflow:hidden}.character-scene img{position:absolute;width:100%;height:100%;object-fit:fill}.background-patch{inset:0}.run-scene{left:50%;top:39.74895%;width:50%;height:24.05858%}.run-scene .runner{left:2%;top:6%;width:92%;height:auto;animation:runBounce .48s ease-in-out infinite;transform-origin:55% 85%}.float-scene{left:40.90909%;top:5.69152%;width:59.09091%;height:21.05862%}.float-scene .floater{left:1%;top:8%;width:96%;height:86%;object-fit:contain;animation:floatActor 3.4s ease-in-out infinite}.sound-waves{position:absolute;left:4%;top:18%;font-size:clamp(10px,2vw,28px);color:#ffd450;transform:rotate(-30deg);animation:wavePulse 1.5s infinite}.toys-scene{left:33%;top:1.4%;width:34%;height:9.4%;background:#bddef6}.toys-scene .toy-cover{position:absolute;inset:0;background:#bddef6}.toys-scene .toy{height:auto;object-fit:contain;animation:toyBob 2.8s ease-in-out infinite;transform-origin:50% 85%}.toys-scene .jessie{width:46%;left:2%;top:17%;animation-delay:-.4s}.toys-scene .woody{width:38%;right:0;top:0;animation-delay:-1.6s}.toys-scene .buzz{width:61%;left:19%;top:21%;animation-delay:-.9s}.character-scene:not(.on-screen) .actor,.character-scene:not(.on-screen) .toy,.character-scene:not(.on-screen) .sound-waves{animation-play-state:paused}.paused .actor,.paused .toy,.paused .sound-waves{animation-play-state:paused!important}
@keyframes angleReveal{from{opacity:0;transform:scale(.91)}to{opacity:1;transform:none}}@keyframes discTravel{0%{opacity:0;transform:translate(-70%,-40%) scale(.1) rotate(-60deg)}35%{opacity:1}65%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(40deg)}100%{opacity:0;transform:translate(-50%,-30%) scale(1) rotate(110deg)}}@keyframes runBounce{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2.5%) rotate(1deg)}}@keyframes floatActor{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2%) rotate(1deg)}}@keyframes toyBob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2.5%) rotate(1deg)}}@keyframes wavePulse{0%,100%{opacity:0}50%{opacity:.8}}@keyframes musicPulse{50%{opacity:.55}}
@media(max-width:1000px){#music-record{left:79%;top:35%}#music-record .music-toggle{padding:9px 12px}.header-actions{gap:12px}.player-note{left:80%;top:88%}.parcel.overhead .box-stage{width:min(75vw,650px)}}
@media(max-width:600px){.topbar{height:78px;padding:12px 4%}.header-actions{gap:10px}.header-actions .quiet{font-size:11px}.parcel{height:calc(100svh - 78px);min-height:590px}.parcel .intro{top:5%;width:90%}.parcel .delivery{font-size:10px;margin-top:10px}.parcel .box-stage{width:87vw;top:49%}.reveal-open .box-stage{width:93vw;top:64%}.parcel.overhead .box-stage{width:91vw;top:46%}.player-note{top:101%;left:56%;font-size:12px;width:120px;padding:10px}.player-note b{font-size:17px}.parcel-footer{bottom:20px}.parcel-footer #scene-hint{font-size:11px}.action-tag{font-size:11px!important;padding:10px 13px!important}#music-record{left:auto;right:0;top:39%}#music-record .music-toggle{padding:6px 10px;font-size:10px;max-width:114px}#music-record small{font-size:8px}.music-icon{font-size:12px}#music-nav .music-toggle{font-size:10px;padding:7px 9px}#music-nav .music-label{display:none}.about-heading h1{font-size:49px}.about-heading>p:last-child{font-size:11px}.sound-waves{display:none}}
@media(prefers-reduced-motion:reduce){.actor,.toy,.music-icon,.sound-waves{animation:none!important}.disc-transition{display:none}}
.parcel{min-height:580px}.parcel .intro{width:min(430px,76vw)}.reveal-open .box-stage{top:68%;width:min(620px,72vw,51svh)}.parcel .delivery{background:#faf5e8b3}.parcel.waiting .intro,.parcel.peeling .intro,.parcel.overhead .intro{visibility:hidden}.parcel.reveal-open .intro{visibility:visible}@media(max-width:600px){.parcel .intro{width:88%}.reveal-open .box-stage{width:min(90vw,52svh);top:66%}}
.character-scene{overflow:clip}.project-nav{top:96px}.paused #angle-open,.paused .disc-transition{animation-play-state:running!important}.run-scene .background-patch{mask-image:linear-gradient(to right,transparent,#000 4%,#000 100%)}.float-scene .background-patch{mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 98%,transparent)}@media(max-width:850px){.project-nav{top:80px}}@media(max-width:600px){.project-nav{top:78px}}
.toys-scene,.toys-scene .toy-cover{background:#bbdffa}.toys-scene .woody{top:4%}.expanded #music-record{left:94%;top:22%}.about{scroll-margin-top:96px}@media(max-width:600px){.about .collage{margin-top:85px}#music-record,.expanded #music-record{left:50%;right:auto;top:-60px;transform:translateX(-50%)}#music-record .music-toggle{max-width:none;flex-wrap:nowrap}#music-record small{width:auto}.about{scroll-margin-top:78px}}

/* Growth campaign hero: independent running character. */
.run13-scene{left:40.90909%;top:18.83239%;width:59.09091%;height:31.477%}
.run13-scene .background-patch{mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 98%,transparent)}
.run13-scene .runner13{left:0;top:5%;width:91%;height:auto;transform-origin:56% 72%;animation:campaignRun .52s cubic-bezier(.36,0,.66,1) infinite;will-change:transform}
.run-shadow{position:absolute;left:32%;bottom:3%;width:40%;height:3%;border-radius:50%;background:#407c3440;filter:blur(8px);animation:runShadow .52s ease-in-out infinite}
.run-dashes{position:absolute;right:12%;bottom:10%;width:10%;height:1%;border-radius:20px;background:#ffffff80;box-shadow:15px -10px 0 -1px #ffffff70;animation:runDash .52s ease-out infinite}
@keyframes campaignRun{0%,100%{transform:translate(0,0) rotate(-1deg)}45%{transform:translate(-.6%,-2.5%) rotate(1deg)}75%{transform:translate(.25%,-.7%) rotate(0)}}
@keyframes runShadow{0%,100%{transform:scaleX(1);opacity:.5}45%{transform:scaleX(.72);opacity:.3}}
@keyframes runDash{0%{opacity:0;transform:translateX(-10px)}25%{opacity:.7}100%{opacity:0;transform:translateX(20px)}}
.character-scene:not(.on-screen) .run-shadow,.character-scene:not(.on-screen) .run-dashes{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.runner13,.run-shadow,.run-dashes{animation:none!important}.run-dashes{display:none}}
