:root{--motion-sky-top:#8fd5f3;--motion-sky-mid:#bfeafa;--motion-sky-bottom:#edfaff;color:#fff;background:var(--motion-sky-mid);text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{background:var(--motion-sky-mid);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-background{z-index:0;background:radial-gradient(ellipse at 16% 14%, #ffffffa3 0 12%, transparent 34%), radial-gradient(ellipse at 78% 18%, #ffffff75 0 10%, transparent 32%), linear-gradient(180deg, var(--motion-sky-top) 0%, var(--motion-sky-mid) 48%, var(--motion-sky-bottom) 100%);pointer-events:none;position:fixed;inset:0;overflow:hidden}.page-background:before{z-index:1;content:"";opacity:.58;background:radial-gradient(at 34% 34%,#ffffff47 0 12%,#0000 34%),radial-gradient(at 68% 44%,#ffffff38 0 9%,#0000 30%);position:absolute;inset:0}.page-background:after{z-index:2;content:"";opacity:.42;background:linear-gradient(90deg,#ffffff2e,#0000 18% 82%,#fff3),linear-gradient(#ffffff2e,#ffffff4d);position:absolute;inset:0}.page-background-base,.page-background-reveal{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.page-background-base{z-index:5}.page-background-reveal{z-index:6}.page-background-mask-canvas{pointer-events:none;display:none;position:absolute;inset:0}.app-shell{z-index:1;background:0 0;min-height:100vh;padding:clamp(20px,4vh,54px) clamp(12px,3vw,48px);animation:4.2s cubic-bezier(.19,1,.22,1) both page-loader-content-enter;position:relative}.splash-intro{--splash-duration:4.2s;--splash-ease:cubic-bezier(.19, 1, .22, 1);z-index:1000;color:#fff;pointer-events:none;background:0 0;position:fixed;inset:0;overflow:hidden}.splash-loader-panel{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path;animation:splash-brand-stage-exit var(--splash-duration) var(--splash-ease) forwards;background:linear-gradient(135deg,#f8fbff 0%,#dff4ff 42%,#fff1f6 100%),#f8fbff;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.splash-aurora-field,.splash-light-ribbon,.splash-soft-orbit,.splash-grid,.splash-stage-light{display:block;position:absolute}.splash-aurora-field{filter:blur(24px)saturate(1.14);opacity:.78;animation:splash-aurora-drift var(--splash-duration) ease both;background:conic-gradient(from 142deg at 48% 54%,#2f8cff2e,#21a15f24,#ff7a1a1f,#e93c8029,#2f8cff2e);inset:-18%;transform:rotate(-8deg)scale(1.1)}.splash-light-ribbon{filter:blur(12px);opacity:0;width:min(1260px,118vw);height:min(360px,42vh);animation:splash-ribbon-sweep var(--splash-duration) cubic-bezier(.19, 1, .22, 1) both;background:linear-gradient(100deg,#0000 0 12%,#ffffffb8 24%,#5b7cff3d 42%,#ff73a033 64%,#ffffff9e 78%,#0000 92% 100%);border-radius:999px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-10deg)scaleX(.6)}.splash-soft-orbit{aspect-ratio:1;opacity:0;width:min(780px,74vw);animation:splash-orbit-open var(--splash-duration) ease both;border:1px solid #2f8cff29;border-radius:50%;top:58%;left:50%;transform:translate(-50%,-50%)rotate(-18deg)scale(.68);box-shadow:inset 0 0 0 16px #ffffff1f,0 0 48px #5b7cff1f}.splash-grid{opacity:.32;background-color:#0000;background-image:linear-gradient(90deg,#2f8cff12 1px,#0000 1px),linear-gradient(#e93c800e 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;inset:-1px;-webkit-mask-image:linear-gradient(#0000,#000 24% 78%,#0000);mask-image:linear-gradient(#0000,#000 24% 78%,#0000)}.splash-stage-light{opacity:.9;background:linear-gradient(90deg,#ffffff80 0%,#0000 28% 72%,#ffffff85 100%),radial-gradient(at 50% 74%,#ffffffeb,#0000 58%),linear-gradient(#ffffff42 0%,#7da8ff2e 100%);inset:0}.splash-character-stage{z-index:1;perspective:1200px;transform-origin:50% 70%;will-change:transform, filter;width:min(94vw,1120px);height:clamp(330px,58vh,600px);animation:splash-trio-stage-drift var(--splash-duration) ease both;position:relative}.splash-character{--character-accent:#fff;--character-rest-x:-50%;--character-rest-y:0px;--character-scale:1;--character-tilt:0deg;opacity:0;transform-origin:50% 86%;will-change:transform, opacity, filter;width:clamp(170px,22vw,290px);min-width:0;animation:splash-character-polished-center var(--splash-duration) cubic-bezier(.16, .9, .22, 1) both;margin:0;display:block;position:absolute;bottom:clamp(28px,6.4vh,68px);left:50%}.splash-character:first-of-type{--character-rest-x:-170%;--character-rest-y:18px;--character-scale:.94;--character-tilt:-5deg;z-index:2;animation-name:splash-character-polished-left}.splash-character:nth-of-type(2){--character-rest-x:-50%;--character-rest-y:-8px;--character-scale:1.08;--character-tilt:0deg;z-index:3;width:clamp(190px,23vw,310px);animation-name:splash-character-polished-center}.splash-character:nth-of-type(3){--character-rest-x:70%;--character-rest-y:18px;--character-scale:.94;--character-tilt:5deg;z-index:2;animation-name:splash-character-polished-right}.splash-character-shadow{background:color-mix(in srgb, var(--character-accent) 34%, #00000070);filter:blur(10px);opacity:0;width:58%;height:clamp(12px,2.4vh,22px);animation:splash-character-shadow var(--splash-duration) ease both;border-radius:50%;display:block;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)scaleX(.5)}.splash-character:after{background:linear-gradient(90deg, transparent, var(--character-accent), transparent);content:"";opacity:0;pointer-events:none;width:52%;height:3px;animation:splash-character-freeze-pose var(--splash-duration) ease both;border-radius:999px;display:block;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)scaleX(.28)}.splash-character-image{z-index:2;object-fit:contain;object-position:bottom center;width:min(100%,260px);height:clamp(210px,43vh,430px);filter:drop-shadow(0 28px 28px #00000047) drop-shadow(0 0 18px color-mix(in srgb, var(--character-accent) 32%, transparent));transform-origin:50% 88%;margin:0 auto;display:block;position:relative}@media (width<=720px){.splash-character-stage{width:min(96vw,520px);height:clamp(330px,58vh,500px)}.splash-character{width:clamp(118px,31vw,172px)}.splash-character:first-of-type{--character-rest-x:-156%}.splash-character:nth-of-type(3){--character-rest-x:56%}.splash-character-image{height:clamp(210px,40vh,350px)}}.hero-shell{background:#fff;border-radius:clamp(28px,3vw,42px);grid-template-rows:auto minmax(0,1fr);width:100%;max-width:1640px;min-height:calc(100svh - clamp(40px,8vh,108px));margin:0 auto;padding:clamp(42px,4.8vw,68px) clamp(42px,6vw,92px) clamp(28px,3.5vw,48px);display:grid;position:relative;overflow:hidden;box-shadow:0 48px 90px #181a2257}.top-bar{z-index:10;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:16px;margin:0;padding:0;display:grid;position:relative;top:auto}.brand-block,.top-actions,.top-links,.language-toggle,.tag-row{align-items:center;display:flex}.top-center-copy{color:#17151f;text-align:center;justify-items:center;gap:8px;min-width:0;display:grid}.brand-block{gap:10px;min-width:0}.brand-block span:last-child{min-width:0}.brand-block strong,.brand-block small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand-block small{color:#21a15f;font-size:.8rem}.avatar-mark{color:#fff;background:#0b0a1f;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.top-links{color:#6b6d76;justify-content:center;gap:20px;font-size:.9rem}.top-links a{color:inherit}.top-actions{justify-content:flex-end;gap:10px}.language-toggle{background:#f7f7fb;border:1px solid #dedfeb;border-radius:8px;padding:3px}.language-toggle button{color:#6c6e7c;background:0 0;border:0;border-radius:6px;min-width:38px;padding:7px 9px;font-weight:700}.language-toggle button.active{color:#fff;background:#17151f}.contact-button{color:#fff;background:#08061d;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 18px;font-weight:800;display:inline-flex}.contact-button.large{min-width:160px}.role-showcase{isolation:isolate;background:0 0;grid-template-rows:minmax(0,1fr) auto;min-height:0;margin-top:clamp(20px,3.4vh,42px);display:grid;position:relative;overflow:visible}.role-showcase:after{z-index:12;border:3px solid color-mix(in srgb, var(--accent) 78%, #fff 22%);content:"";opacity:0;pointer-events:none;border-radius:50%;width:58px;height:58px;position:absolute;bottom:clamp(104px,18vh,164px);left:50%;transform:translate(-50%)scale(.48)}.role-showcase[data-pulse=card]:after{animation:.88s cubic-bezier(.16,.9,.22,1) both click-ring}.eyebrow{color:#ffffffc7;margin:0 0 8px;font-size:.92rem;font-weight:800}.section-block .eyebrow,.matrix-card .eyebrow,.contact-section .eyebrow{color:#6e7280}.role-card-track{--card-width:clamp(300px, 24vw, 350px);--card-height:clamp(305px, 35vh, 350px);--detail-top:clamp(34px, 4.8vh, 54px);--detail-bottom:0px;--detail-rail-width:clamp(118px, 10.2vw, 160px);--detail-art-width:clamp(330px, 30vw, 500px);--detail-content-gutter:clamp(360px, 32vw, 510px);perspective:1200px;min-height:clamp(580px,70vh,760px);transform-style:preserve-3d;transition:opacity .26s,visibility .26s;position:relative;overflow:visible}.role-card-track[data-visible=false]>.role-card{visibility:hidden;opacity:0;pointer-events:none}.role-showcase[data-motion-phase=switching] .role-card-track{animation:.92s cubic-bezier(.16,.9,.22,1) both track-snap}.role-card{width:var(--card-width);height:var(--card-height);color:#fff;transform:translateX(calc(-50% + var(--card-x))) translateY(0) scale(1) rotate(0deg);filter:saturate(.96);opacity:.86;cursor:pointer;will-change:transform, opacity;border:0;border-radius:30px;outline:none;transition:transform .98s cubic-bezier(.16,.92,.22,1),filter .98s,opacity .98s;position:absolute;bottom:clamp(36px,6.2vh,70px);left:50%}.role-card.active{transform:translateX(calc(-50% + var(--card-x))) translateY(0) scale(1) rotate(0deg);filter:saturate(1.04);opacity:1;z-index:3}.role-card[data-card-position=previous],.role-card[data-card-position=next]{z-index:2}.role-card[data-motion-state=switching],.role-card[data-motion-state=switching] .role-card-panel{animation:none}.role-card[data-motion-state=switching] .role-card-image{animation:.92s cubic-bezier(.16,.9,.22,1) both character-settle,4.4s ease-in-out .92s infinite character-float}.role-showcase[data-detail=open][data-motion-phase=expanding] .role-card.active{opacity:.72;z-index:7;animation:1.08s cubic-bezier(.16,.9,.22,1) both card-open-lift}.role-showcase[data-detail=open][data-motion-phase=expanding] .role-card.active .role-card-image{animation:1.08s cubic-bezier(.16,.9,.22,1) both character-open}.role-card:focus-within{outline:3px solid color-mix(in srgb, var(--card-accent) 72%, #fff 28%);outline-offset:8px}.role-card-action{z-index:5;color:inherit;background:0 0;border:0;border-radius:30px;padding:0;position:absolute;inset:0}.role-card-action:focus{outline:none}.role-card-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 78%, #fff 22%), color-mix(in srgb, var(--card-accent) 70%, #071624 30%));height:64%;box-shadow:0 28px 50px color-mix(in srgb, var(--card-accent) 28%, transparent), inset 0 1px 0 #ffffff47;pointer-events:none;transform-origin:50% 88%;will-change:transform;border-radius:30px;flex-direction:column;justify-content:flex-end;padding:clamp(20px,2vw,28px);display:flex;position:absolute;inset:auto 0 0;overflow:hidden}.role-card-image{z-index:1;object-fit:contain;filter:drop-shadow(0 24px 24px #1618223d);pointer-events:none;transform-origin:50% 88%;will-change:transform;width:min(112%,clamp(270px,25vw,380px));max-height:min(44vh,390px);animation:4.4s ease-in-out infinite character-float;position:absolute;bottom:44%;left:50%;transform:translate(-50%)}.role-detail-stage{z-index:8;color:#fff;pointer-events:none;background:#fff;position:absolute;inset:0;overflow:hidden}.detail-close{z-index:12;color:#17151f;opacity:0;pointer-events:auto;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;min-height:42px;font-size:1rem;font-weight:800;line-height:1;animation:.52s cubic-bezier(.16,.9,.22,1) .52s both detail-close-in;display:inline-flex;position:absolute;top:0;right:clamp(26px,4vw,68px);transform:translateY(-10px)}.detail-close span{font-size:1.42rem;line-height:1}.role-detail-rail{left:0;top:var(--detail-top);bottom:var(--detail-bottom);z-index:10;width:var(--detail-rail-width);color:#17151f;pointer-events:auto;background:#fff;border-radius:0 0 0 clamp(28px,3vw,42px);flex-direction:column;justify-content:space-around;align-items:center;padding:clamp(20px,3vh,34px) 0 clamp(18px,2.8vh,28px);animation:.64s cubic-bezier(.16,.9,.22,1) both detail-rail-in;display:flex;position:absolute}.role-detail-rail button{color:#9a9ca5;letter-spacing:0;text-align:left;background:0 0;border:0;place-items:center;min-width:0;min-height:0;padding:0;font-size:clamp(.98rem,1.55vw,1.92rem);font-weight:500;line-height:1.05;display:grid}.role-detail-rail-label{writing-mode:vertical-rl;display:inline-block}.role-detail-rail button[data-active=true]{color:#17151f}.role-detail-rail>span{color:#17151f;font-size:2rem;font-weight:500}.role-showcase[data-language=en] .role-detail-rail{justify-content:center;gap:clamp(8px,1.6vh,16px);padding-top:clamp(14px,2vh,24px);padding-bottom:clamp(14px,2vh,24px)}.role-showcase[data-language=en] .role-detail-rail button{text-align:center;flex:0 0 clamp(104px,14.5vh,168px);width:clamp(44px,4.4vw,58px);height:clamp(104px,14.5vh,168px);min-height:0;padding:0;font-size:clamp(.78rem,.9vw,.96rem);line-height:1;display:block;position:relative}.role-showcase[data-language=en] .role-detail-rail-label{white-space:nowrap;transform-origin:50%;writing-mode:horizontal-tb;width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.role-showcase[data-language=en] .role-detail-rail>span{font-size:1.45rem;line-height:1}.role-detail-panel{left:var(--detail-rail-width);right:0;top:var(--detail-top);bottom:var(--detail-bottom);padding:clamp(40px, 4vw, 62px) clamp(52px, 5vw, 82px) clamp(36px, 4vw, 56px) var(--detail-content-gutter);background:radial-gradient(circle at 25% 18%, #ffffff3d, transparent 26%), linear-gradient(135deg, color-mix(in srgb, var(--detail-accent) 82%, #fff 18%), color-mix(in srgb, var(--detail-accent) 58%, #071624 42%));box-shadow:0 34px 70px color-mix(in srgb, var(--detail-accent) 24%, transparent), inset 0 1px 0 #ffffff3d;pointer-events:auto;transform-origin:18% 80%;will-change:transform, clip-path, opacity;border-radius:clamp(54px,5vw,74px) 0 clamp(26px,3vw,36px);animation:.98s cubic-bezier(.16,.9,.22,1) both detail-panel-expand;display:block;position:absolute;overflow:visible}.role-detail-art{left:calc(var(--detail-rail-width) + clamp(10px, 2.5vw, 34px));width:var(--detail-art-width);height:calc(100% - var(--detail-bottom) - clamp(20px, 3.4vh, 44px));z-index:2;place-items:center;animation:.82s cubic-bezier(.16,.9,.22,1) .12s both detail-art-pop;display:grid;position:absolute;top:clamp(20px,3.4vh,44px);overflow:visible;transform:none}.role-detail-art img{width:min(100%, var(--detail-art-width));object-fit:contain;filter:drop-shadow(0 24px 26px #0000003d);max-height:100%;animation:4.6s ease-in-out .82s infinite detail-art-float}.role-detail-content{flex-direction:column;justify-content:center;min-width:0;min-height:0;animation:.76s cubic-bezier(.18,.9,.22,1) .26s both detail-content-rise;display:flex;overflow:visible}.role-detail-content>span{color:#ffffffc7;font-size:clamp(1.05rem,1.24vw,1.22rem);font-weight:900;display:block}.role-detail-content h2{letter-spacing:0;margin:2px 0 12px;font-size:clamp(2.85rem,4.75vw,5.1rem);line-height:.96}.role-showcase[data-language=en] .role-detail-content h2{max-width:11ch;font-size:clamp(2.45rem,3.95vw,4.35rem);line-height:1}.role-detail-content p{color:#ffffffd6;max-width:760px;margin:0;font-size:clamp(1.08rem,1.2vw,1.24rem);line-height:1.42}.role-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:clamp(10px,1.15vh,14px);display:grid}.role-detail-item,.role-detail-metrics div{background:#ffffff26;border-radius:8px;padding:10px 12px}.role-detail-item strong,.role-detail-item small,.role-detail-metrics span,.role-detail-metrics strong{display:block}.role-detail-item small{color:#ffffffbd;margin-top:4px;font-size:.9rem;line-height:1.24}.role-detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.role-detail-metrics div{min-width:0;padding:10px 12px}.role-detail-metrics span{color:#ffffffad;font-size:.82rem}.role-detail-metrics strong{overflow-wrap:anywhere;margin-top:2px;font-size:1rem;line-height:1.18}.role-card h1{z-index:2;letter-spacing:0;text-wrap:balance;max-width:9ch;margin:0;font-size:clamp(1.65rem,2.75vw,3.35rem);line-height:.94;position:relative}.role-showcase[data-language=en] .role-card h1{max-width:11ch;font-size:clamp(1.5rem,2.35vw,2.8rem);line-height:.98}.role-card p{z-index:2;color:#ffffffd6;margin:clamp(10px,1.4vh,16px) 0 0;font-size:clamp(.82rem,1.05vw,.98rem);line-height:1.34;position:relative}.role-showcase[data-language=en] .role-card p{max-width:22ch;margin-top:clamp(7px,1vh,11px);font-size:clamp(.72rem,.88vw,.9rem);line-height:1.22}.role-card p span{color:#fff;font-weight:800}.role-card-read-more{z-index:2;color:#fffffff0;letter-spacing:0;opacity:0;align-items:center;gap:8px;margin-top:clamp(12px,1.6vh,18px);font-size:clamp(.76rem,.86vw,.88rem);font-weight:900;transition:opacity .42s,transform .42s cubic-bezier(.16,.9,.22,1);display:inline-flex;position:relative;transform:translateY(12px)}.role-card.active .role-card-read-more{opacity:1;transform:translateY(0)}.role-card-read-more span{font-size:1.28rem;line-height:1}.role-card-tags{z-index:2;flex-wrap:wrap;gap:8px;margin-top:clamp(12px,2vh,20px);display:none;position:relative}.role-card-tags span{white-space:nowrap;background:#ffffff2e;border-radius:999px;padding:6px 10px;font-size:clamp(.72rem,.9vw,.82rem);font-weight:800}.carousel-footer{color:#a0a2aa;justify-content:space-between;align-items:center;min-height:52px;margin-top:clamp(4px,1vh,14px);font-size:.86rem;transition:opacity .36s,transform .36s;display:flex}.role-showcase[data-detail=open] .carousel-footer{opacity:0;pointer-events:none;transform:translateY(16px)}.social-links,.carousel-controls{align-items:center;gap:32px;display:flex}.carousel-controls{gap:20px}.carousel-controls button{color:#17151f;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 8px;font-weight:800;display:inline-flex;position:relative}.carousel-controls button:after{border:2px solid color-mix(in srgb, var(--accent) 74%, #17151f 26%);content:"";opacity:0;pointer-events:none;border-radius:50%;width:34px;height:34px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.46)}.carousel-controls button[data-pulse=true]:after{animation:.76s cubic-bezier(.16,.9,.22,1) both control-ring}.carousel-controls button:hover,.carousel-controls button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:4px}.carousel-controls button span{font-size:2rem;line-height:0}@keyframes character-float{0%,to{transform:translate(-50%)translateY(0)rotate(-.8deg)}50%{transform:translate(-50%)translateY(-16px)rotate(1deg)}}@keyframes page-loader-content-enter{0%,70%{opacity:0;filter:saturate(.9);transform:translateY(44px)scale(.985)}to{opacity:1;filter:saturate();transform:translateY(0)scale(1)}}@keyframes splash-brand-stage-exit{0%,74%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}to{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)}}@keyframes splash-trio-stage-drift{0%,14%{filter:saturate(.98)brightness(1.02);transform:translateY(18px)scale(.98)}30%,68%{filter:saturate(1.04)contrast(1.01)brightness(1.03);transform:translateY(0)scale(1)}84%{filter:saturate(1.02);transform:translateY(-8px)scale(1.01)}to{filter:saturate(.96);transform:translateY(-32px)scale(.98)}}@keyframes splash-aurora-drift{0%{opacity:0;transform:rotate(-18deg)translate(-4%,4%)scale(1.04)}24%,76%{opacity:.78;transform:rotate(-8deg)translate(2%,-2%)scale(1.12)}to{opacity:0;transform:rotate(4deg)translate(6%,-6%)scale(1.18)}}@keyframes splash-ribbon-sweep{0%,12%{opacity:0;transform:translate(-58%,-44%)rotate(-12deg)scaleX(.52)}26%,68%{opacity:.78;transform:translate(-50%,-50%)rotate(-10deg)scaleX(1)}88%,to{opacity:0;transform:translate(-42%,-54%)rotate(-8deg)scaleX(.72)}}@keyframes splash-orbit-open{0%,14%{opacity:0;transform:translate(-50%,-50%)rotate(-30deg)scale(.5)}32%,74%{opacity:1;transform:translate(-50%,-50%)rotate(-12deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(8deg)scale(1.14)}}@keyframes splash-character-polished-left{0%,8%{opacity:0;filter:blur(6px)saturate(.9);transform:translate3d(-78vw, 24px, 0) rotate(-9deg) scale(var(--character-scale))}24%{opacity:1;filter:blur()saturate(1.04);transform:translate3d(calc(var(--character-rest-x) - 10%), calc(var(--character-rest-y) - 18px), 0) rotate(2deg) scale(var(--character-scale))}36%,72%{opacity:1;filter:blur()saturate(1.04);transform:translate3d(var(--character-rest-x), var(--character-rest-y), 0) rotate(var(--character-tilt)) scale(var(--character-scale))}84%{opacity:1;filter:blur()saturate();transform:translate3d(var(--character-rest-x), calc(var(--character-rest-y) - 10px), 0) rotate(var(--character-tilt)) scale(var(--character-scale))}to{opacity:0;filter:blur(3px)saturate(.96);transform:translate3d(var(--character-rest-x), calc(var(--character-rest-y) - 76px), 0) rotate(var(--character-tilt)) scale(var(--character-scale))}}@keyframes splash-character-polished-center{0%,8%{opacity:0;filter:blur(8px)saturate(.88);transform:translate3d(var(--character-rest-x), -46vh, 0) rotate(0deg) scale(var(--character-scale))}26%{opacity:1;filter:blur()saturate(1.08);transform:translate3d(var(--character-rest-x), calc(var(--character-rest-y) - 20px), 0) rotate(1deg) scale(var(--character-scale))}40%,72%{opacity:1;filter:blur()saturate(1.05);transform:translate3d(var(--character-rest-x), var(--character-rest-y), 0) rotate(0deg) scale(var(--character-scale))}84%{opacity:1;filter:blur()saturate();transform:translate3d(var(--character-rest-x), calc(var(--character-rest-y) - 12px), 0) rotate(1deg) scale(var(--character-scale))}to{opacity:0;filter:blur(3px)saturate(.96);transform:translate3d(var(--character-rest-x), calc(var(--character-rest-y) - 78px), 0) rotate(0deg) scale(var(--character-scale))}}@keyframes splash-character-polished-right{0%,8%{opacity:0;filter:blur(6px)saturate(.9);transform:translate3d(78vw, 24px, 0) rotate(9deg) scale(var(--character-scale))}24%{opacity:1;filter:blur()saturate(1.04);transform:translate3d(calc(var(--character-rest-x) + 10%), calc(var(--character-rest-y) - 18px), 0) rotate(-2deg) scale(var(--character-scale))}36%,72%{opacity:1;filter:blur()saturate(1.04);transform:translate3d(var(--character-rest-x), var(--character-rest-y), 0) rotate(var(--character-tilt)) scale(var(--character-scale))}84%{opacity:1;filter:blur()saturate();transform:translate3d(var(--character-rest-x), calc(var(--character-rest-y) - 10px), 0) rotate(var(--character-tilt)) scale(var(--character-scale))}to{opacity:0;filter:blur(3px)saturate(.96);transform:translate3d(var(--character-rest-x), calc(var(--character-rest-y) - 76px), 0) rotate(var(--character-tilt)) scale(var(--character-scale))}}@keyframes splash-character-shadow{0%,12%{opacity:0;transform:translate(-50%)scaleX(.35)}30%,68%{opacity:.56;transform:translate(-50%)scaleX(1)}to{opacity:0;transform:translate(-50%)scaleX(.45)}}@keyframes splash-character-freeze-pose{0%,34%{opacity:0;transform:translate(-50%)scaleX(.28)}44%,68%{opacity:.58;transform:translate(-50%)scaleX(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scaleX(.52)}}@keyframes track-snap{0%{transform:translate(22px)scale(.985)}64%{transform:translate(-8px)scale(1.01)}to{transform:translate(0)scale(1)}}@keyframes card-focus-pop{0%{transform:translateX(calc(-50% + var(--card-x))) translateY(44px) scale(.78) rotate(calc(var(--card-rotation) - 5deg))}64%{transform:translateX(calc(-50% + var(--card-x))) translateY(-12px) scale(1.045) rotate(1.4deg)}to{transform:translateX(calc(-50% + var(--card-x))) translateY(0) scale(1) rotate(0deg)}}@keyframes card-open-lift{0%{transform:translateX(calc(-50% + var(--card-x))) translateY(0) scale(1) rotate(0deg)}52%{transform:translateX(calc(-50% + var(--card-x))) translateY(-34px) scale(1.14) rotate(-1.2deg)}to{transform:translateX(calc(-50% + var(--card-x))) translateY(-18px) scale(1.04) rotate(0deg)}}@keyframes panel-tilt-pop{0%{transform:translateY(24px)scaleX(.92)}64%{transform:translateY(-8px)scaleX(1.03)}to{transform:translateY(0)scaleX(1)}}@keyframes character-arrive{0%{opacity:.45;transform:translate(-50%)translateY(66px)scale(.74)rotate(-7deg)}62%{opacity:1;transform:translate(-50%)translateY(-28px)scale(1.09)rotate(2deg)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)rotate(0)}}@keyframes character-settle{0%{opacity:.78;transform:translate(-50%)translateY(22px)scale(.94)rotate(-2.5deg)}58%{opacity:1;transform:translate(-50%)translateY(-10px)scale(1.03)rotate(1deg)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)rotate(0)}}@keyframes character-open{0%{transform:translate(-50%)translateY(0)scale(1)rotate(0)}56%{transform:translate(-50%)translateY(-48px)scale(1.18)rotate(1.8deg)}to{transform:translate(-50%)translateY(-8px)scale(1.06)rotate(0)}}@keyframes detail-panel-expand{0%{opacity:.96;clip-path:inset(0 56% 42% 0 round 30px);transform:translate(25%)translateY(34%)scale(.34)}58%{opacity:1;clip-path:inset(0 round 72px 0 38px);transform:translate(0)translateY(-10px)scale(1.018)}to{opacity:1;clip-path:inset(0 round 72px 0 38px);transform:translate(0)translateY(0)scale(1)}}@keyframes detail-rail-in{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:translate(0)}}@keyframes detail-close-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes detail-open{0%{opacity:0;clip-path:inset(58% 40% 0 round 28px);transform:translateY(112px)scale(.28)}54%{opacity:1;clip-path:inset(0 round 30px);transform:translateY(-18px)scale(1.028)}78%{opacity:1;clip-path:inset(0 round 30px);transform:translateY(8px)scale(.992)}to{opacity:1;clip-path:inset(0 round 30px);transform:translateY(0)scale(1)}}@keyframes detail-slide-next{0%{opacity:0;transform:translate(130px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes detail-slide-previous{0%{opacity:0;transform:translate(-130px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes detail-art-pop{0%{opacity:.92;transform:translate(250px)translateY(240px)scale(.48)rotate(-2deg)}58%{opacity:1;transform:translate(-8px)translateY(-14px)scale(1.035)rotate(.8deg)}to{transform:translateY(0)scale(1)rotate(0)}}@keyframes detail-content-rise{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes detail-art-float{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-14px)rotate(.8deg)}}@keyframes detail-sheen{0%,56%{transform:translate(-120%)}78%,to{transform:translate(120%)}}@keyframes click-ring{0%{opacity:.9;transform:translate(-50%)scale(.44)}to{opacity:0;transform:translate(-50%)scale(2.4)}}@keyframes control-ring{0%{opacity:.92;transform:translate(-50%,-50%)scale(.42)}to{opacity:0;transform:translate(-50%,-50%)scale(2.1)}}.ability-card,.mini-project,.metric-item,.matrix-card,.project-card,.workflow-item,.tool-preview-section,.contact-section,.contact-button{overflow-wrap:anywhere}.ability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.ability-card,.mini-project,.metric-item,.matrix-card,.project-card,.workflow-item,.tool-preview-section,.contact-section{border-radius:8px}.ability-card,.mini-project,.metric-item{background:#ffffff24;min-width:0;padding:12px}.ability-card strong,.ability-card span,.mini-project strong,.mini-project span,.metric-item span,.metric-item strong{display:block}.ability-card span,.mini-project span{color:#ffffffc7;margin-top:5px;font-size:.9rem;line-height:1.5}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.metric-item span{color:#ffffffb8;font-size:.78rem}.metric-item strong{margin-top:4px;font-size:.95rem}.mini-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.section-block,.tool-preview-section,.contact-section{background:#fff;max-width:1280px;margin:34px auto 0;padding:clamp(24px,4vw,44px);box-shadow:0 18px 48px #1e202d14}.tool-preview-section{color:#fff;background:#050201;border:1px solid #ffffff14;max-width:1640px;min-height:clamp(640px,84vh,860px);padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 24px 70px #1e202d38}.tool-preview-media-layer{z-index:0;background:#050201;position:absolute;inset:0;overflow:hidden}.tool-preview-media-layer:after{z-index:4;content:"";pointer-events:none;background:linear-gradient(90deg,#0000004d 0%,#0000001a 48%,#00000057 100%),linear-gradient(#0000000a,#00000029);position:absolute;inset:0}.tool-preview-video{object-fit:cover;filter:brightness(1.26)contrast(1.12)saturate(1.1);opacity:0;width:100%;height:100%;transition:opacity .3s,transform .6s;position:absolute;inset:0;transform:scale(1.035)}.tool-preview-section[data-active-media=content] .tool-preview-video[data-media=content],.tool-preview-section[data-active-media=ai] .tool-preview-video[data-media=ai],.tool-preview-section[data-active-media=experience] .tool-preview-video[data-media=experience]{opacity:1;transform:scale(1)}.tool-preview-content{z-index:1;min-height:inherit;grid-template-rows:auto 1fr;padding:clamp(24px,3.2vw,50px) clamp(28px,4.4vw,78px) clamp(34px,5vw,86px);display:grid;position:relative}.tool-preview-statement{color:#fff;letter-spacing:0;gap:2px;width:min(100%,560px);margin:clamp(34px,5vh,64px) 0 0;font-family:inherit;font-size:clamp(1.7rem,2.35vw,2.45rem);font-weight:400;line-height:1.1;display:grid}.tool-preview-header{grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);align-items:start;gap:clamp(16px,3vw,42px);display:grid}.tool-preview-logo{color:#fff;letter-spacing:0;width:max-content;font-family:Segoe Script,Brush Script MT,Comic Sans MS,cursive;font-size:clamp(3.6rem,6vw,7.2rem);font-style:italic;font-weight:800;line-height:.8;display:inline-block;transform:rotate(-5deg)}.tool-preview-nav{justify-content:center;align-items:center;gap:clamp(32px,5vw,78px);padding-top:clamp(6px,1vw,16px);display:flex}.tool-preview-nav a{color:#ffffffa3;font-size:clamp(1rem,1.4vw,1.45rem);font-weight:800;line-height:1}.tool-preview-specialties{border-top:1px solid #ffffff9e;align-self:stretch;margin-top:clamp(28px,4.6vh,54px);display:grid}.tool-preview-specialties button{color:#fff;letter-spacing:0;text-align:left;cursor:default;background:0 0;border:0;border-bottom:1px solid #ffffff9e;align-items:center;width:100%;min-height:clamp(118px,15vh,166px);padding-left:clamp(8px,3vw,52px);font-family:inherit;font-size:clamp(2.7rem,4.8vw,5rem);font-weight:700;line-height:1;transition:background-color .18s,color .18s,padding-left .18s;display:flex}.tool-preview-logo:hover,.tool-preview-logo:focus-visible,.tool-preview-nav a:hover,.tool-preview-nav a:focus-visible,.tool-preview-specialties button:hover,.tool-preview-specialties button:focus-visible{color:#fff;outline:none}.tool-preview-specialties button:hover,.tool-preview-specialties button:focus-visible{background:#ffffff1f;padding-left:clamp(16px,4vw,76px)}.section-heading{color:#17151f;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-heading span{color:#fff;background:#17151f;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.section-heading h2,.contact-section h2{letter-spacing:0;margin:0;font-size:clamp(1.7rem,2.4vw,2.6rem)}.section-heading-copy{gap:5px;min-width:0;display:grid}.section-heading-copy p{color:#565b68;max-width:720px;margin:0;font-size:clamp(.9rem,1.15vw,1rem);line-height:1.55}.matrix-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.matrix-card,.project-card,.workflow-item{background:#fbfbfe;border:1px solid #e5e7ef;padding:18px}.matrix-card h3,.project-card h3,.workflow-item h3{margin:0 0 10px}.matrix-card ul{color:#565b68;margin:0;padding-left:18px;line-height:1.8}.capability-card{--role-accent:#5b7cff;border-color:color-mix(in srgb, var(--role-accent) 22%, #e5e7ef 78%);background:linear-gradient(180deg, color-mix(in srgb, var(--role-accent) 7%, #fff 93%), #fbfbfe 44%), #fbfbfe;align-content:start;gap:18px;min-height:100%;display:grid;position:relative;overflow:hidden}.capability-card:before{background:var(--role-accent);content:"";height:4px;position:absolute;inset:0 0 auto}.capability-card-header{gap:8px;display:grid}.capability-card .eyebrow{margin-bottom:0}.capability-card h3{color:color-mix(in srgb, var(--role-accent) 82%, #17151f 18%);margin-bottom:0}.capability-summary{color:#4f5563;margin:0;font-size:.95rem;line-height:1.65}.capability-abilities{gap:9px;display:grid}.capability-ability{border-left:3px solid color-mix(in srgb, var(--role-accent) 62%, #dfe3ef 38%);background:#ffffffb8;gap:4px;padding:10px 12px;display:grid}.capability-ability strong,.capability-ability span,.capability-metrics strong{display:block}.capability-ability strong{color:#17151f;font-size:.92rem}.capability-ability span{color:#5b6070;font-size:.88rem;line-height:1.55}.capability-metrics{flex-wrap:wrap;gap:8px;display:flex}.capability-metrics span{border:1px solid color-mix(in srgb, var(--role-accent) 18%, #e7e9f2 82%);color:#555b69;background:#fff;border-radius:8px;min-width:min(100%,132px);padding:8px 10px;font-size:.78rem;line-height:1.35}.capability-metrics strong{color:#17151f;margin-bottom:3px;font-size:.74rem}.project-card p,.workflow-item p,.contact-section p{color:#565b68;line-height:1.7}.project-role{color:#5b7cff;margin-bottom:10px;font-weight:800;display:inline-block}.project-deliverable-card{--role-accent:#5b7cff;border-color:color-mix(in srgb, var(--role-accent) 22%, #e5e7ef 78%);background:radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--role-accent) 16%, transparent), transparent 28%), #fbfbfe;align-content:start;gap:14px;min-height:100%;display:grid;position:relative}.project-deliverable-card:before{background:var(--role-accent);content:"";width:5px;position:absolute;top:0;bottom:0;left:0}.project-card-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-deliverable-card .project-role{color:color-mix(in srgb, var(--role-accent) 86%, #17151f 14%);margin-bottom:0}.project-role-title{background:color-mix(in srgb, var(--role-accent) 10%, #eef0f7 90%);color:#555b69;border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:800}.project-outcome{margin:0}.project-breakdown-grid{gap:10px;display:grid}.project-breakdown-block{border:1px solid color-mix(in srgb, var(--role-accent) 14%, #e8ebf3 86%);background:#ffffffc2;border-radius:8px;gap:6px;min-width:0;padding:10px 12px;display:grid}.project-breakdown-block>span{color:color-mix(in srgb, var(--role-accent) 86%, #17151f 14%);font-size:.76rem;font-weight:900;line-height:1}.project-breakdown-block p,.project-action-list{margin:0}.project-action-list{color:#565b68;gap:6px;padding-left:16px;line-height:1.55;display:grid}.project-action-list li::marker{color:var(--role-accent)}.project-context{border-left:3px solid color-mix(in srgb, var(--role-accent) 58%, #dfe3ef 42%);background:#ffffffc2;margin:0;padding:10px 12px;font-size:.9rem}.project-deliverable-card .tag-row{margin-top:2px}.project-deliverable-card .tag-row span{background:color-mix(in srgb, var(--role-accent) 10%, #eef0f7 90%)}.tag-row{flex-wrap:wrap;gap:7px}.tag-row span{color:#4d5160;background:#eef0f7;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:700}.workflow-list{gap:14px;display:grid}.resume-element-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-timeline{position:relative}.workflow-timeline:before{content:"";opacity:.34;background:linear-gradient(#ff7a1aa6,#5b7cffa6);width:2px;position:absolute;top:26px;bottom:26px;left:40px}.workflow-item{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:16px;display:grid}.workflow-step-card{border-color:color-mix(in srgb, var(--role-accent,#ff7a1a) 28%, #e3e7f0 72%);background:linear-gradient(135deg, color-mix(in srgb, var(--role-accent,#ff7a1a) 8%, transparent 92%), #ffffff80), #fbfbfe;padding:20px;position:relative;overflow:hidden}.resume-element-card{grid-template-columns:1fr;align-content:start;gap:16px;min-height:100%}.workflow-step-card:after{background:var(--role-accent,#ff7a1a);content:"";width:3px;position:absolute;inset:0 auto 0 0}.workflow-step-card>.workflow-index{z-index:2;color:#fff;background:#17151f;border:4px solid #fbfbfe;border-radius:50%;place-items:center;width:42px;height:42px;font-size:.95rem;line-height:1;display:grid;position:relative;box-shadow:0 12px 24px #17151f29}.resume-element-card>.workflow-index{width:fit-content;min-width:44px;height:32px;box-shadow:none;background:#17151f;border:0;border-radius:999px}.workflow-step-copy{gap:14px;min-width:0;display:grid}.resume-entry-header{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.resume-entry-header h3{color:#17151f;margin:0;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.25}.resume-achievement{color:#303644;max-width:880px;margin:0;padding-left:18px;font-size:clamp(.98rem,1.5vw,1.08rem);font-weight:700;line-height:1.65;position:relative}.resume-achievement:before{background:var(--role-accent,#ff7a1a);content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:.72em;left:0}.resume-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(190px,.78fr);gap:12px;padding-top:2px;display:grid}.resume-element-card .resume-detail-grid{grid-template-columns:1fr}.workflow-method-field{background:#ffffffc7;border:1px solid #e7eaf2;border-radius:8px;align-content:start;gap:8px;min-width:0;padding:12px;display:grid}.workflow-method-field>span,.workflow-output{border:1px solid color-mix(in srgb, var(--role-accent,#ff7a1a) 24%, transparent 76%);background:color-mix(in srgb, var(--role-accent,#ff7a1a) 10%, #fff 90%);width:fit-content;color:color-mix(in srgb, var(--role-accent,#ff7a1a) 88%, #17151f 12%);border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:900;line-height:1}.resume-detail-field{border:0;border-left:3px solid color-mix(in srgb, var(--role-accent,#ff7a1a) 32%, transparent 68%);background:#ffffff8f;border-radius:0;padding:4px 0 4px 12px}.resume-detail-field>span{color:color-mix(in srgb, var(--role-accent,#ff7a1a) 88%, #17151f 12%);background:0 0;border:0;padding:0}.workflow-action>span{border-color:color-mix(in srgb, var(--role-accent,#5b7cff) 24%, transparent 76%);background:color-mix(in srgb, var(--role-accent,#5b7cff) 10%, #fff 90%);color:color-mix(in srgb, var(--role-accent,#5b7cff) 88%, #17151f 12%)}.resume-detail-field.workflow-action{border-left-color:color-mix(in srgb, var(--role-accent,#5b7cff) 32%, transparent 68%)}.resume-detail-field.workflow-action>span{color:color-mix(in srgb, var(--role-accent,#5b7cff) 88%, #17151f 12%);background:0 0;border:0}.resume-deliverable{border-left-color:color-mix(in srgb, var(--role-accent,#17151f) 28%, #17151f 72%)}.resume-deliverable>span{color:color-mix(in srgb, var(--role-accent,#17151f) 72%, #17151f 28%)}.workflow-method-field p{color:#565b68;margin:0;font-size:.92rem;line-height:1.6}.resume-skill-row{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.resume-skill-row span{color:#4b5160;background:#fff;border:1px solid #e3e7f0;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:800;line-height:1}.workflow-step-card h3,.workflow-step-card p{margin:0}.contact-section{text-align:center}@media (width<=1000px){.hero-shell{padding:30px 28px}.top-bar{grid-template-columns:1fr}.top-links,.top-actions{flex-wrap:wrap;justify-content:flex-start}.role-card-track{--card-width:clamp(250px, 34vw, 330px);--card-height:clamp(270px, 46vh, 390px);--detail-rail-width:86px;--detail-art-width:clamp(240px, 30vw, 330px);--detail-content-gutter:clamp(250px, 34vw, 340px);min-height:min(640px,72vh)}.role-detail-stage{padding:0;inset:0;overflow:hidden}.role-detail-rail{width:var(--detail-rail-width)}.role-detail-panel{left:var(--detail-rail-width);right:18px;top:var(--detail-top);bottom:var(--detail-bottom);padding:24px 24px 22px var(--detail-content-gutter)}.role-detail-art{left:calc(var(--detail-rail-width) + 12px);width:var(--detail-art-width)}.role-detail-art img{max-height:100%}.role-detail-content h2{font-size:clamp(2.5rem,7vw,4.6rem)}.role-detail-grid,.matrix-grid,.project-grid,.resume-element-grid,.resume-detail-grid{grid-template-columns:1fr}.tool-preview-header{grid-template-columns:1fr;gap:20px}.tool-preview-nav{justify-content:flex-start}.tool-preview-specialties button{padding-left:0}}@media (width<=640px){.app-shell{padding:0}.hero-shell{border-radius:0;min-height:100svh;padding:22px 16px 18px}.top-links{display:none}.workflow-step-card{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:16px}.workflow-step-card>.workflow-index{width:36px;height:36px;font-size:.82rem}.workflow-timeline:before{left:33px}.tool-preview-section{border-radius:0;min-height:640px;margin:24px 0 0}.tool-preview-content{padding:26px 20px 34px}.tool-preview-logo{font-size:clamp(3.4rem,20vw,5.4rem)}.tool-preview-statement{margin-top:26px;font-size:clamp(1.3rem,8vw,2rem)}.tool-preview-nav{gap:24px}.tool-preview-specialties{margin-top:34px}.tool-preview-specialties button{min-height:112px;font-size:clamp(2.15rem,13vw,3.5rem)}.role-showcase{margin-top:20px}.role-card-track{--card-width:min(78vw, 296px);--card-height:min(52vh, 360px);min-height:62vh}.role-detail-stage{padding:0;inset:0;overflow:hidden}.detail-close{width:auto;height:auto;min-height:36px;top:12px;right:12px}.role-detail-rail{display:none}.role-detail-panel{border-radius:28px 28px 0 0;grid-template-columns:1fr;align-content:start;gap:8px;padding:44px 18px 18px;inset:58px 0 0;overflow-y:auto}.role-detail-art{transform:none}.role-detail-art img{width:min(72vw,270px);max-height:34vh}.role-detail-content h2{margin-bottom:12px;font-size:clamp(2.1rem,12vw,3.2rem)}.role-detail-content p{font-size:.92rem;line-height:1.55}.role-detail-grid,.role-detail-metrics{grid-template-columns:1fr}.role-card{bottom:clamp(8px,3vh,28px)}.role-card-image{width:min(112%,284px);max-height:38vh}.role-card h1{font-size:clamp(1.8rem,11vw,3rem)}.carousel-footer{align-items:flex-start;gap:16px}.social-links{gap:14px}.carousel-controls{gap:6px}.ability-grid,.metric-row,.mini-projects{grid-template-columns:1fr}.section-block,.contact-section{padding:22px 16px}}.contact-section{color:#fff;text-align:left;background:0 0;border-radius:8px;max-width:1640px;margin:34px auto 0;padding:0;overflow:hidden;box-shadow:0 24px 70px #1e202d2e}.contact-section .eyebrow,.contact-section p{color:inherit}.contact-colourpop-panel{background:#fff;grid-template-columns:minmax(0,3fr) minmax(380px,2fr);min-height:min(760px,100svh - 40px);display:grid;overflow:hidden}.contact-directory{color:#17151f;background:linear-gradient(90deg,#ff73a00e 1px,#0000 1px),linear-gradient(#ff73a00e 1px,#0000 1px),#fff;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(34px,5vw,72px);min-width:0;padding:clamp(42px,5.8vw,74px) clamp(34px,6vw,92px) clamp(34px,5vw,62px);display:grid}.contact-script-logo{color:#ff5f96;text-shadow:0 8px 18px #ff5f9629;width:fit-content;font-family:Comic Sans MS,Segoe Print,cursive;font-size:clamp(2.2rem,4.6vw,4.7rem);font-weight:500;line-height:.92;display:inline-block;transform:rotate(-3deg)}.contact-brand-stack{align-content:start;justify-items:start;gap:16px;display:grid}.contact-email-links{background:#ffffff1f;border:1px solid #ffffff47;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,520px);padding:10px;display:grid}.contact-email-links a{color:#eaf4ff;overflow-wrap:anywhere;text-align:center;background:#ffffff26;border-radius:8px;place-items:center;min-height:44px;padding:9px 12px;font-size:clamp(.88rem,1.1vw,1.02rem);font-weight:800;line-height:1.2;transition:background-color .16s,color .16s,transform .16s;display:grid}.contact-email-links a:hover,.contact-email-links a:focus-visible{color:#fff;outline-offset:4px;background:#ffffff3d;outline:2px solid #ffffffdb;transform:translateY(-2px)}.contact-directory-grid{grid-template-columns:minmax(150px,.8fr) minmax(280px,1.2fr);align-content:start;gap:clamp(36px,8vw,112px);display:grid}.contact-directory-column{align-content:start;gap:14px;min-width:0;display:grid}.contact-directory-column h3,.contact-project-links h3,.contact-social-links h3{color:#e93c80;margin:0 0 18px;font-size:clamp(1rem,1.2vw,1.3rem);font-weight:900;line-height:1}.contact-directory-column a{color:#17151f;font-size:clamp(1.16rem,1.9vw,1.7rem);line-height:1.22}.contact-directory-column a:hover,.contact-directory-column a:focus-visible,.contact-project-image-links a:hover,.contact-project-image-links a:focus-visible,.contact-social-links a:hover,.contact-social-links a:focus-visible{outline-offset:5px;outline:2px solid #e93c80b8}.contact-project-social{border-top:2px solid #e93c803d;gap:22px;padding-top:clamp(20px,3vw,34px);display:grid}.contact-project-links,.contact-social-links{min-width:0}.contact-project-image-links{flex-wrap:wrap;gap:14px;display:flex}.contact-project-image-links a{border-radius:8px;width:min(180px,50% - 7px);transition:transform .18s,filter .18s;display:block}.contact-project-image-links a:hover,.contact-project-image-links a:focus-visible{filter:brightness(1.03);transform:translateY(-2px)}.contact-project-image-links img{border-radius:8px;width:100%;height:auto;display:block}.contact-social-links{color:#17151f;background:0 0;border-radius:0;align-items:center;gap:clamp(18px,2.6vw,34px);width:fit-content;min-height:38px;padding:0;display:flex}.contact-social-links h3{color:#17151f;margin:0;font-size:clamp(1.05rem,1.35vw,1.35rem);font-weight:900}.contact-social-links div{flex-wrap:wrap;align-items:center;gap:clamp(22px,3vw,38px);display:flex}.contact-social-links a{color:#17151f;text-align:center;place-items:center;width:28px;height:28px;font-size:clamp(1.1rem,1.5vw,1.45rem);font-weight:900;line-height:1;transition:color .16s,transform .16s;display:grid}.contact-social-links svg{width:100%;height:100%;display:block}.contact-directory-column a:hover,.contact-directory-column a:focus-visible,.contact-social-links a:hover,.contact-social-links a:focus-visible{color:#17151f;transform:translateY(-2px)scale(1.08)}.contact-side{grid-template-rows:minmax(270px,42%) minmax(330px,58%);min-width:0;display:grid}.contact-character-showcase{color:#17151f;background:linear-gradient(135deg,#ffffff75,#ffeaf152),#ffd1df;min-height:300px;position:relative;overflow:hidden}.contact-character-showcase:before{content:"";opacity:.34;background-color:#0000;background-image:linear-gradient(90deg,#ffffff6b 1px,#0000 1px),linear-gradient(#ffffff52 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.contact-character-showcase:after{content:"";pointer-events:none;background:radial-gradient(circle at 12% 24%,#ff7a1a52 0 9px,#0000 10px),radial-gradient(circle at 78% 18%,#5b7cff47 0 8px,#0000 9px),radial-gradient(circle at 88% 66%,#ffffffb8 0 6px,#0000 7px),radial-gradient(circle at 30% 74%,#ff73a05c 0 7px,#0000 8px);animation:4.8s ease-in-out infinite contact-confetti-drift;position:absolute;inset:0}.contact-character{z-index:2;width:var(--contact-character-width);object-fit:contain;filter:drop-shadow(0 24px 24px #4e203638);max-height:98%;animation:contact-character-float var(--contact-float-speed) ease-in-out infinite, contact-character-pop 3.1s ease-in-out infinite;transform:translateY(0) rotate(var(--contact-float-rotation));transform-origin:50% 84%;will-change:transform, filter;position:absolute;bottom:-12px}.contact-character-ecommerce{--contact-character-width:clamp(180px, 31%, 280px);--contact-float-rotation:-2deg;--contact-float-rotation-alt:3deg;--contact-float-speed:3.5s;z-index:2;left:-1%}.contact-character-developer{--contact-character-width:clamp(190px, 35%, 310px);--contact-float-rotation:1.5deg;--contact-float-rotation-alt:-2.2deg;--contact-float-speed:2.9s;z-index:4;animation-delay:-1.3s;left:30%}.contact-character-ai{--contact-character-width:clamp(180px, 32%, 292px);--contact-float-rotation:2.5deg;--contact-float-rotation-alt:-3deg;--contact-float-speed:3.8s;z-index:3;animation-delay:-2.2s;right:-1%}.contact-character-showcase:hover .contact-character{animation-duration:1.8s,1.8s}.contact-qr-panel{color:#fff;background:radial-gradient(circle at 86% 18%,#fff3,#0000 22%),linear-gradient(135deg,#2f8cff 0%,#1664dc 58%,#0f4eb8 100%);align-content:center;gap:clamp(20px,3vw,34px);min-width:0;padding:clamp(32px,4.4vw,58px) clamp(28px,5vw,66px);display:grid}.contact-qr-copy{gap:10px;display:grid}.contact-section .contact-qr-copy h2{color:#fff;margin:0;font-size:clamp(2rem,3.1vw,3.4rem);font-weight:400;line-height:1}.contact-section .contact-qr-copy p{color:#ffffffe0;max-width:540px;margin:0;font-size:clamp(.9rem,1.1vw,1.02rem);line-height:1.45}.contact-qr-grid{grid-template-columns:repeat(2,minmax(132px,176px));gap:clamp(14px,2vw,24px);display:grid}.contact-qr-card{justify-items:center;gap:12px;min-width:0;margin:0;display:grid}.contact-qr-card img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px;width:min(100%,176px);padding:10px;display:block;box-shadow:0 18px 34px #092f7047}.contact-qr-card figcaption{color:#fff;font-size:.96rem;font-weight:900}@keyframes contact-character-float{0%,to{transform:translateY(0) rotate(var(--contact-float-rotation)) scale(1)}24%{transform:translateY(-18px) rotate(var(--contact-float-rotation-alt)) scale(1.035)}52%{transform:translateY(-30px) rotate(var(--contact-float-rotation)) scale(1.058)}76%{transform:translateY(8px)rotate(0)scale(.985)}}@keyframes contact-character-pop{0%,to{filter:drop-shadow(0 24px 24px #4e203638)}46%{filter:drop-shadow(0 34px 28px #2f8cff47)}}@keyframes contact-confetti-drift{0%,to{opacity:.72;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-10px)scale(1.04)}}@media (width<=1000px){.contact-colourpop-panel{grid-template-columns:1fr;min-height:0}.contact-side{grid-template-rows:minmax(320px,auto) auto}}@media (width<=640px){.contact-section{border-radius:0;margin:24px 0 0}.contact-directory{gap:32px;padding:36px 20px}.contact-directory-grid{grid-template-columns:1fr;gap:34px}.contact-directory-column a{font-size:1.18rem}.contact-project-image-links a{width:min(180px,100%)}.contact-social-links{flex-direction:column;align-items:flex-start;gap:14px}.contact-character-showcase{min-height:310px}.contact-character-ecommerce{--contact-character-width:44%;left:-4%}.contact-character-developer{--contact-character-width:47%;left:26%}.contact-character-ai{--contact-character-width:43%;right:-4%}.contact-qr-panel{padding:34px 20px 38px}.contact-email-links{grid-template-columns:1fr;width:100%}.contact-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-qr-card img{width:min(100%,148px);padding:8px}}.bottom-butterfly{z-index:40;appearance:none;filter:none;transform-origin:50%;width:72px;height:64px;transform:translate3d(var(--butterfly-x,18px), var(--butterfly-y,calc(100vh - 96px)), 0) rotate(var(--butterfly-rotation,0deg));will-change:transform;perspective:420px;background:0 0;border:0;border-radius:0;place-items:center;padding:0;transition:filter .22s;animation:.42s cubic-bezier(.16,.9,.22,1) both butterfly-arrive;display:grid;position:fixed;top:0;left:0;overflow:visible}.bottom-butterfly:focus-visible{outline-offset:5px;outline:3px solid #fff}.bottom-butterfly[data-playing=true],.bottom-butterfly[data-flight-mode=perching]{filter:none}.butterfly-facing,.butterfly-orientation{width:72px;height:64px;transform-style:preserve-3d;display:block}.butterfly-facing{transform:scaleX(var(--butterfly-facing,1))}.butterfly-orientation{transform:rotateZ(var(--butterfly-bank-y,0deg));transition:transform .36s}.bottom-butterfly[data-flight-view=front] .butterfly-orientation{transition-duration:.22s}.butterfly-shape{transform-origin:50% 58%;width:78px;height:58px;animation:2.8s ease-in-out infinite butterfly-lifelike-body;display:block;position:relative}.bottom-butterfly[data-flight-mode=perching] .butterfly-shape{animation-duration:4.6s}.butterfly-mask-sprite{filter:saturate(1.45)contrast(1.3);transform-origin:50%;width:78px;height:58px;display:block;overflow:visible;transform:rotate(-7deg)scale(1.1)}.bottom-butterfly[data-flight-view=front] .butterfly-mask-sprite{transform:rotate(0)scale(1.08)}.butterfly-gradient-stop{animation:3.2s linear infinite alternate butterfly-rainbow-mask}.butterfly-gradient-stop-middle{animation-delay:-1s}.butterfly-gradient-stop-end{animation-delay:-2s}.bottom-butterfly[data-flight-view=side] .butterfly-shape{animation-duration:3.1s}@keyframes butterfly-arrive{0%{opacity:0}to{opacity:1}}@keyframes butterfly-drift{0%,to{transform:translate(0,0)rotate(-4deg)}18%{transform:translate(46px,-32px)rotate(9deg)}37%{transform:translate(118px,-10px)rotate(-7deg)}58%{transform:translate(78px,-74px)rotate(12deg)}79%{transform:translate(16px,-48px)rotate(-10deg)}}@keyframes butterfly-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.04)}}@keyframes butterfly-lifelike-body{0%,to{transform:translate(0,0)rotate(-2deg)scale(1)}28%{transform:translate(7px,-10px)rotate(6deg)scale(1.035)}58%{transform:translate(-6px,4px)rotate(-7deg)scale(.98)}82%{transform:translate(4px,-5px)rotate(3deg)scale(1.01)}}@keyframes butterfly-rainbow-mask{0%{stop-color:#032d75}11%{stop-color:#075bbb}22%{stop-color:#09b6d8}33%{stop-color:#2f8cff}44%{stop-color:#5a189a}55%{stop-color:#8f1bb3}66%{stop-color:#e93c80}77%{stop-color:#ff7a1a}88%{stop-color:#ffd166}to{stop-color:#21a15f}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.role-card,.role-card-panel,.role-card-image,.role-detail-stage,.role-detail-art,.role-detail-content,.app-shell,.splash-intro,.bottom-butterfly,.butterfly-orientation,.butterfly-shape,.butterfly-mask-sprite,.contact-character,.contact-character-showcase:after,.carousel-controls button:after,.role-showcase:after{transition-duration:.26s!important;animation-duration:.26s!important;animation-iteration-count:1!important}.role-card-image,.role-detail-art img,.role-detail-stage:after{animation-iteration-count:1!important}}