/* The project gallery follows the showcase directly. */
.framer-4kxLD .framer-g0hzre{display:none!important}
#more-work{width:100%;max-width:1440px;flex:none;position:relative;padding:0;margin:24px auto 0;box-sizing:border-box;scroll-margin-top:120px;font-family:Switzer,Arial,sans-serif}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.work-column{display:flex;flex-direction:column;gap:12px;min-width:0}
.work-card{display:block;min-width:0;text-decoration:none;color:#fff;position:relative;overflow:hidden;border-radius:18px;background:#111;isolation:isolate;box-shadow:0 8px 24px #16375a12;transform:translateZ(0)}
.work-card-media{width:100%;position:relative;overflow:hidden}
.work-card-media img,.work-card-media video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.work-card-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:38px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.72));opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;pointer-events:none}
.work-card h3{font-size:14px;font-weight:500;letter-spacing:-.015em;line-height:1.4;margin:0;color:#fff;text-shadow:0 1px 8px #0005}
.work-card h3 span{font-weight:400;color:#eee}
.work-card-action{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#ffffff24;backdrop-filter:blur(12px);font-size:12px}
.work-card:hover .work-card-caption,.work-card:focus-visible .work-card-caption{opacity:1;transform:none}
.work-card:hover img{transform:scale(1.02)}
.work-card:focus-visible{outline:3px solid #fff;outline-offset:3px}
.work-motion-toggle{display:block;margin:18px auto 0;padding:7px 13px;border:1px solid #ffffff40;border-radius:30px;background:#183c6826;color:#fff;font:12px Switzer,Arial,sans-serif;cursor:pointer;backdrop-filter:blur(12px)}
.work-viewer{border:0;padding:20px;background:#111;color:#fff;width:min(1000px,90vw);max-height:90vh;border-radius:12px;box-sizing:border-box}
.work-viewer::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(8px)}
.work-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.work-viewer h2{font:500 22px Switzer,Arial,sans-serif;margin:0}
.work-viewer button{font:inherit;background:#fff;color:#111;border:0;border-radius:30px;padding:10px 18px;cursor:pointer}
.work-viewer-content video,.work-viewer-content img{display:block;width:100%;max-height:73vh;object-fit:contain}
@media(max-width:900px){.work-grid,.work-column{gap:10px}.work-card{border-radius:14px}.work-card-caption{padding:32px 12px 12px}.work-card h3{font-size:12px}}
@media(max-width:600px){#more-work{padding:0 16px;margin-top:18px}.work-grid{grid-template-columns:1fr;gap:12px}.work-column{gap:12px}.work-card{border-radius:18px}.work-card-caption{opacity:1;transform:none}.work-card h3{font-size:14px}}
@media(hover:none){.work-card-caption{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.work-card-media img,.work-card-caption{transition:none}.work-card:hover img{transform:none}}
/* Music and interactive-world content, matching the original creator carousel. */
.artist-content{background:#111;color:#eee;margin-top:64px;padding:45px 32px 40px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box;width:100%;overflow:hidden}
.artist-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.artist-eyebrow{font-size:10px;line-height:1.55;font-weight:600;letter-spacing:.08em;color:#aaa;margin:0 0 22px}
.artist-heading h2{font-size:clamp(28px,3.5vw,56px);font-weight:650;letter-spacing:-.035em;line-height:1.12;margin:0;color:#eee}
.artist-navigation{display:flex;gap:10px;flex:none}
.artist-navigation button{width:44px;height:44px;border:1px solid #ffffff30;border-radius:50%;background:#242024;color:#fff;font:22px/1 sans-serif;cursor:pointer}
.artist-navigation button:disabled{opacity:.3;cursor:default}
.artist-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 18px;scrollbar-width:none;overscroll-behavior-x:contain}
.artist-track::-webkit-scrollbar{display:none}
.artist-card{flex:0 0 25.3%;min-width:230px;aspect-ratio:9/16;border-radius:22px;overflow:hidden;position:relative;background:#242424;scroll-snap-align:start}
.artist-card video{display:block;width:100%;height:100%;object-fit:cover}
.artist-play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:14px;padding:30px;background:linear-gradient(transparent 65%,#0008);color:#fff;border:0;font:700 14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.artist-play[hidden]{display:none}
.artist-hint{font-size:12px;color:#aaa;line-height:1.55;margin:10px 0 0}
.artist-track:focus-visible,.artist-navigation button:focus-visible,.artist-play:focus-visible{outline:2px solid #fff;outline-offset:-3px}
@media(max-width:600px){.artist-content{margin-top:40px;padding:30px 18px}.artist-heading{gap:15px;align-items:flex-end}.artist-heading h2{font-size:28px}.artist-eyebrow{font-size:9px;margin-bottom:14px}.artist-navigation{gap:6px}.artist-navigation button{width:34px;height:34px;font-size:20px}.artist-track{gap:14px}.artist-card{flex-basis:86%;min-width:0;border-radius:22px}.artist-play{padding:24px}}

#artist-content-title{scroll-margin-top:140px}
.interactive-work-section{background:#111;color:#eee;padding:40px 32px 55px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scroll-margin-top:110px}
.interactive-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.interactive-eyebrow{font-size:10px;line-height:1.55;font-weight:600;letter-spacing:.08em;color:#aaa;margin:0 0 22px}
.interactive-section-heading h2{font-size:clamp(28px,3.5vw,56px);font-weight:650;letter-spacing:-.035em;line-height:1.12;margin:0}
.interactive-section-heading>p{font-size:14px;line-height:1.55;margin:0 0 5px}
.interactive-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.interactive-work-card{border-radius:24px;padding:12px;background:#202020;overflow:hidden;min-width:0}
.interactive-video-frame{position:relative;overflow:hidden;border-radius:16px;background:#19151e}
.interactive-video-frame video{display:block;width:100%;height:100%;object-fit:cover}
.interactive-view-count{position:absolute;top:14px;left:14px;padding:8px 14px;border-radius:30px;background:#eee;color:#111;font-size:12px;font-weight:800;transform:rotate(-3deg)}
.interactive-video-toggle{position:absolute;right:10px;bottom:10px;background:#111e;border:1px solid #ffffff30;border-radius:30px;color:#fff;padding:9px 13px;font:11px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.interactive-video-toggle span{margin-left:10px}
.interactive-card-meta{padding:20px 12px 16px}
.interactive-card-meta .interactive-eyebrow{margin-bottom:8px}
.interactive-card-meta h3{font-size:24px;line-height:1.2;letter-spacing:-.035em;font-weight:650;margin:0;color:#eee}
.interactive-card-meta>p:not(.interactive-eyebrow){font-size:14px;line-height:1.6;color:#bbb;margin:12px 0 20px}
.interactive-card-links{display:flex;flex-wrap:wrap;gap:20px}
.interactive-card-links a{font-size:11px;font-weight:650;line-height:1.6;color:#eee;text-decoration:none;border-bottom:1px solid #666;padding-bottom:3px}
.interactive-card-links a:hover{color:#fff;border-color:#fff}
.interactive-metrics-note{font-size:11px;color:#999;margin:22px 0 0;line-height:1.6}
.interactive-work-section :is(button,a):focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:600px){.interactive-work-section{padding:24px 18px 35px}.interactive-section-heading{display:block}.interactive-section-heading>p{margin-top:16px}.interactive-work-grid{grid-template-columns:1fr;gap:20px}.interactive-card-meta{padding:18px 8px 14px}.interactive-card-links{gap:14px}.interactive-section-heading h2{font-size:28px}.interactive-view-count{top:10px;left:10px;font-size:11px}.interactive-card-meta h3{font-size:24px}}
/* Match the original Skywalker sky, Switzer, serif headings, and glass surfaces. */
.artist-content,.interactive-work-section{background:transparent;color:#fff;border:0;box-shadow:none;font-family:Switzer,"Switzer Placeholder",Arial,sans-serif}
.artist-content{padding:45px 8px 30px}
.interactive-work-section{padding:40px 8px 55px}
.artist-eyebrow,.interactive-eyebrow{font-family:Switzer,Arial,sans-serif;font-size:12px;letter-spacing:.16em;font-weight:400;color:#ffffffd9}
.artist-heading h2,.interactive-section-heading h2{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(36px,4.5vw,56px);font-weight:400;letter-spacing:-.04em;line-height:1.1;color:#fff}
.artist-navigation button{background:linear-gradient(145deg,#ffffffa8,#ffffff55);border:1px solid #ffffffb3;color:#385777;box-shadow:inset 0 1px 0 #ffffffbd,0 3px 12px #34578312;backdrop-filter:blur(16px)}
.artist-navigation button:disabled{opacity:.4}
.artist-hint,.interactive-metrics-note{font-family:Switzer,Arial,sans-serif;color:#ffffffcf}
.artist-card{box-shadow:0 8px 26px #274d7624;border:1px solid #ffffff45}
.artist-play{font-family:Switzer,Arial,sans-serif}
.interactive-section-heading>p{color:#ffffffe0}
.interactive-work-card{background:linear-gradient(145deg,#ffffffe0,#ffffffb3);border:1px solid #ffffffb8;box-shadow:inset 0 1px 0 #ffffffed,0 8px 28px #355b8214;backdrop-filter:blur(20px)}
.interactive-card-meta .interactive-eyebrow{font-size:10px;color:#708294;letter-spacing:.1em}
.interactive-card-meta h3{font-family:Switzer,Arial,sans-serif;color:#2b3c4e;font-weight:500;letter-spacing:-.03em}
.interactive-card-meta>p:not(.interactive-eyebrow){color:#64788c}
.interactive-card-links a{color:#385b7b;border-color:#8ca9c080;font-family:Switzer,Arial,sans-serif}
.interactive-card-links a:hover{color:#164c85;border-color:#164c85}
.interactive-view-count{background:#ffffffe0;color:#314b64;box-shadow:inset 0 1px 0 #fff,0 2px 8px #23476914;backdrop-filter:blur(14px);font-family:Switzer,Arial,sans-serif}
.interactive-video-toggle{background:#ffffffd6;border-color:#ffffffba;color:#34506b;backdrop-filter:blur(16px);font-family:Switzer,Arial,sans-serif;box-shadow:0 3px 12px #294e7614}
.interactive-work-section :is(button,a):focus-visible{outline-color:#225a91}
@media(max-width:600px){.artist-content{padding:30px 0 20px}.interactive-work-section{padding:24px 0 35px}.artist-heading h2,.interactive-section-heading h2{font-size:36px}.artist-eyebrow,.interactive-eyebrow{font-size:10px}}
/* Let the sky open into white beneath the music and project galleries. */
.framer-4kxLD #work_n{background:linear-gradient(180deg,#fff 0%,#a8cbed 18%,#8eb9eb 30%,#eaf3fd 44%,#fff 52%,#fff 100%)}
.artist-heading h2,.interactive-section-heading h2{color:#304c6c}
.artist-eyebrow,.interactive-eyebrow,.artist-hint,.interactive-metrics-note,.interactive-section-heading>p{color:#577493}
.interactive-work-card{background:linear-gradient(145deg,#fff,#edf4fc);border-color:#e0eaf5;box-shadow:inset 0 1px 0 #fff,0 8px 28px #355b8210}
#work_n .framer-1xnc979 .framer-text{--framer-text-color:#385779!important;color:#385779!important}
.framer-4kxLD .framer-lo4fyz{background:linear-gradient(180deg,#fff 0%,#dcecff 36%,#4e99f5 100%)}
.framer-lo4fyz .framer-bchien .framer-text{--framer-text-color:#385779!important;color:#385779!important}
/* Use the original section typography exactly. */
.artist-heading h2,.interactive-section-heading h2{font-family:"Instrument Serif","Instrument Serif Placeholder",serif;font-size:56px;font-weight:400;line-height:1.1;letter-spacing:-.04em;font-feature-settings:'blwf' on,'cv09' on,'cv03' on,'cv04' on,'cv11' on}
.artist-eyebrow,.interactive-section-heading .interactive-eyebrow{font-family:Inter,"Inter Placeholder",sans-serif;font-size:18px;font-weight:400;line-height:1.4;letter-spacing:2.4px;font-feature-settings:'blwf' on,'cv09' on,'cv03' on,'cv04' on,'cv11' on}
@media(max-width:809px){.artist-heading h2,.interactive-section-heading h2{font-size:44px}.artist-eyebrow,.interactive-section-heading .interactive-eyebrow{font-size:14px}}
/* Center section introductions and keep text legible across the pale sky. */
.artist-heading,.interactive-section-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}
.artist-heading>div:first-child,.interactive-section-heading>div:first-child{width:100%}
.artist-navigation{align-self:center}
.interactive-section-heading>p{margin:0;max-width:560px}
.artist-eyebrow,.interactive-section-heading .interactive-eyebrow,.artist-hint,.interactive-metrics-note,.interactive-section-heading>p{color:#344f6d}
.artist-hint,.interactive-metrics-note{text-align:center}
.artist-heading h2,.interactive-section-heading h2{color:#263f5c}
.framer-lo4fyz .framer-text{--framer-text-color:#294563!important;color:#294563!important}
.interactive-card-meta .interactive-eyebrow{color:#52677d}
.interactive-card-meta>p:not(.interactive-eyebrow){color:#4c637a}
.work-motion-toggle{color:#294563;background:#ffffffc7;border-color:#fff}
.artist-navigation button:disabled{opacity:1;color:#71849b;background:#ffffff73;border-color:#ffffff9c}
/* Quiet, moving artist reel strip with controls revealed on interaction. */
.artist-track{scroll-snap-type:none;position:relative}
.artist-card{cursor:pointer}
.artist-controls{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;gap:12px;opacity:0;transition:opacity .18s;pointer-events:none}
.artist-card:hover .artist-controls,.artist-card:focus-within .artist-controls,.artist-card.is-active .artist-controls{opacity:1;pointer-events:auto}
.artist-controls button{border:1px solid #ffffffa6;border-radius:24px;padding:10px 15px;background:#ffffffe0;color:#294563;backdrop-filter:blur(15px);box-shadow:0 3px 14px #0002;font:500 12px Switzer,Arial,sans-serif;cursor:pointer}
.artist-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.artist-navigation button[data-artist-motion]{font-size:17px}
@media(prefers-reduced-motion:reduce){.artist-controls{transition:none}}

.artist-controls button[data-artist-sound]{width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:50%;flex-shrink:0}
/* Let the moving video strip meet the viewport edges. */
.artist-content{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding-left:0;padding-right:0}
.artist-heading{padding-left:24px;padding-right:24px}
/* Readable testimonials with the site's soft sky palette. */
#work_n .framer-1xnc979{width:100vw;max-width:none;box-sizing:border-box;padding-left:24px;padding-right:24px;background:linear-gradient(180deg,#fff 0%,#edf5ff 25%,#dceafa 65%,#fff 100%)}
#work_n .framer-1xnc979 .framer-text{--framer-text-color:#294563!important;color:#294563!important}
#work_n .framer-1xnc979 .framer-17ss4fv .framer-text{--framer-text-color:#fff!important;color:#fff!important}
#work_n .framer-17ss4fv a{box-shadow:0 6px 18px #0059ff33,inset 0 2px 4px #ffffffad!important}
#work_n .framer-9ms5ty{opacity:1!important}
#work_n .framer-9ms5ty img{filter:brightness(0) saturate(100%) invert(25%) sepia(23%) saturate(1041%) hue-rotate(170deg) brightness(95%) contrast(89%)}

/* Active services use the primary CTA blue and white lettering. */
.framer-lo4fyz .framer-SxpBp > [style*="linear-gradient"] .framer-text{--framer-text-color:#fff!important;color:#fff!important}
/* Keep the project strip clear at both edges. */
.framer-4kxLD .framer-180ppom{-webkit-mask-image:none!important;mask-image:none!important}

.resources-mobile-link{display:none}@media(max-width:809px){.resources-mobile-link{display:block;position:absolute;right:24px;top:26px;color:white;font:14px Inter,Arial,sans-serif;padding:8px 12px;border-radius:20px;background:#0059ff;z-index:10;pointer-events:auto}}

/* Compact mobile navigation. */
.mobile-menu-toggle,.mobile-menu-panel{display:none}
@media(max-width:809px){
 nav.framer-KcBce .resources-mobile-link,nav.framer-KcBce .framer-90hq9q-container,nav.framer-KcBce .framer-1duu2ey,nav.framer-KcBce .framer-l8vk7i-container{display:none!important}
 nav.framer-KcBce{overflow:visible!important}
 .mobile-menu-toggle{display:flex;position:absolute;right:24px;top:20px;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff0d;color:#fff;cursor:pointer;z-index:20;pointer-events:auto}
 .mobile-menu-toggle span{display:block;width:20px;height:2px;background:currentColor;transition:transform .18s,opacity .18s}
 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .mobile-menu-panel:not([hidden]){display:flex;position:absolute;top:76px;left:20px;right:20px;flex-direction:column;gap:4px;padding:12px;border-radius:20px;border:1px solid #ffffff20;background:#20242b;box-shadow:0 16px 40px #0005;z-index:19;pointer-events:auto}
 .mobile-menu-panel a{padding:14px 16px;color:#f4f5f7;text-decoration:none;font:500 16px/1.4 Inter,Arial,sans-serif;border-radius:12px}
 .mobile-menu-panel a:hover{background:#ffffff0d}
 .mobile-menu-panel .mobile-menu-cta{background:linear-gradient(180deg,#4b8aff 0%,#2674ff 45%,#0059ff 100%);margin:10px 4px 6px;padding:14px 20px;border:1px solid #0059ff;border-radius:999px;color:#fff;text-align:center;font-size:20px;letter-spacing:-.4px;box-shadow:inset 0 2px 3px #ffffff80,inset 0 -2px 3px #0050e8,0 6px 22px #0059ff55;transition:filter .18s,box-shadow .18s}
 .mobile-menu-panel .mobile-menu-cta:hover{background:linear-gradient(180deg,#4b8aff 0%,#2674ff 45%,#0059ff 100%);filter:brightness(1.08);box-shadow:inset 0 2px 3px #ffffff80,inset 0 -2px 3px #0050e8,0 6px 26px #0059ff70}
 .mobile-menu-toggle:focus-visible,.mobile-menu-panel a:focus-visible{outline:2px solid #7cabff;outline-offset:3px}
}

/* Keep the logo and hamburger on the same centerline, including the scrolled navbar. */
@media(max-width:809px){
 nav.framer-KcBce.framer-1pgdf03{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;align-items:center!important;gap:16px!important;padding:18px 24px!important;height:auto!important;box-sizing:border-box}
 nav.framer-KcBce .framer-5vxe66{width:100%!important;max-width:none!important;padding:0!important;min-width:0!important}
 nav.framer-KcBce .framer-30rr70{width:auto!important;flex:0 1 auto!important}
 nav.framer-KcBce .framer-e4xla3{width:auto!important;padding:0!important;background:transparent!important;backdrop-filter:none!important;--border-color:transparent!important;box-shadow:none!important}
 nav.framer-KcBce .framer-evt4qd{padding:0!important}
 nav.framer-KcBce .mobile-menu-toggle{position:relative;top:auto;right:auto;grid-column:2;grid-row:1;margin:0}
 nav.framer-KcBce .mobile-menu-panel{top:calc(100% - 4px)}
}