/* A little more rhythm: layered files, wireframe light and deliberate reveals. */
.hero{isolation:isolate}
.hero-atmosphere{position:absolute;z-index:-1;top:20px;left:-20px;right:-20px;height:420px;pointer-events:none;overflow:hidden;contain:paint}
.hero-atmosphere .signal-mesh{position:absolute;right:-80px;top:30px;width:76%;height:340px;object-fit:contain;opacity:.45;animation:mesh-drift 14s ease-in-out infinite alternate;translate:0 calc(var(--hero-scroll,0) * -24px)}
.hero-atmosphere:before{content:'';position:absolute;width:55%;height:220px;right:0;top:0;background:radial-gradient(ellipse,#ceff6308,transparent 65%)}
.signal-star{position:absolute;line-height:1;color:var(--pink);font-family:Silkscreen,monospace;opacity:.8}
.star-a{right:3%;top:38%;font-size:31px;animation:spark-turn 10s ease-in-out infinite}
.star-b{right:34%;top:13%;font-size:17px;color:var(--accent);animation:spark-turn 10s ease-in-out -4s infinite}
.pixel-dust{position:absolute;right:20%;top:18%;width:3px;height:3px;background:#ceff6380;box-shadow:74px 60px #f4bfdc88,-68px 86px #ceff6366,130px 106px #ceff6366;animation:dust-float 8s ease-in-out infinite alternate}
.hero-lettering{translate:calc(var(--pointer-x,0) * 3px) calc(var(--hero-scroll,0) * 15px + var(--pointer-y,0) * 2px);transition:translate .18s ease-out}
.hero-tags{position:relative}
.orbit-play{position:absolute;right:calc(100% + 25px);top:-16px;width:75px;height:75px;object-fit:contain;animation:orbit-drift 9s ease-in-out infinite}
.hero-description{margin-bottom:26px}
.feature-frame{transform:perspective(1500px) rotateX(calc(var(--pointer-y,0) * -.6deg)) rotateY(calc(var(--pointer-x,0) * .6deg));transition:transform .2s ease-out;transform-origin:center}
.feature-bar{position:relative;overflow:hidden}
.feature-bar:after{content:'';position:absolute;bottom:0;left:0;width:30%;height:1px;background:linear-gradient(90deg,transparent,#ceff6390,transparent);animation:signal-travel 7s ease-in-out infinite;pointer-events:none}
.discipline-strip{position:relative;overflow:hidden;background:linear-gradient(90deg,#ceff6305,transparent 35%,#f4bfdc04)}
.discipline-strip:after{content:'';position:absolute;bottom:0;left:0;height:2px;width:13%;background:linear-gradient(90deg,transparent,#ceff6366,transparent);animation:signal-travel 12s ease-in-out infinite}
.discipline-strip .wrap{translate:calc(var(--strip-drift,0) * 1px) 0;will-change:auto}
.creative-heading{position:relative}
.creative-heading:after{content:'';position:absolute;right:0;bottom:-17px;width:85px;height:5px;background:repeating-linear-gradient(90deg,#f4bfdc70 0 4px,transparent 4px 8px);pointer-events:none}
.folder-grid{padding-top:12px;gap:30px 24px}
.folder-card,.folder-card:nth-child(even){isolation:isolate;transform-origin:50% 85%;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.folder-card:before{content:'';position:absolute;z-index:-1;inset:-20px -6px 8px 6px;border:1px solid #ceff6360;border-radius:0;background:#15181a;pointer-events:none;transition:translate .3s,rotate .3s;clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% 100%,0 100%)}
.folder-card:nth-child(even):before{border-color:#f4bfdc60}
.folder-card:hover,.folder-card:nth-child(even):hover{transform:translateY(-6px) rotate(-.5deg)}
.folder-card:nth-child(even):hover{transform:translateY(-6px) rotate(.5deg)}
.folder-card:hover:before{translate:3px -3px;rotate:1deg}
.folder-card .folder-tab{position:relative}
.folder-tab:after{content:'';width:13px;height:7px;border:1px solid currentColor;border-top-width:2px;opacity:.65;margin-left:auto}
.folder-caption>span{transition:transform .3s}.folder-card:hover .folder-caption>span{transform:translate(3px,-3px)}
.folder-preview img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.folder-card:hover .folder-preview img{transform:scale(1.035)}
.project-card,.project-card:nth-child(even){transition:border-color .2s,translate .3s cubic-bezier(.22,1,.36,1)}
.project-card:hover{translate:0 -3px}
.project-thumb .project-play{transition:transform .25s,background .2s;transform:translateY(3px)}
.project-thumb:hover .project-play{transform:translateY(0) scale(1.08)}
.project-card.motion-reveal{animation:card-unfold .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--reveal-delay,0ms)}
.section-head.motion-reveal,.creative-heading.motion-reveal,.collection-intro.motion-reveal{animation:heading-unfold .8s cubic-bezier(.16,1,.3,1) both}
.folder-card.motion-reveal,.web-card.motion-reveal{animation:window-lift .8s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--reveal-delay,0ms)}
.avatar-window.motion-reveal,.tool-window.motion-reveal{animation:window-lift .75s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--reveal-delay,0ms)}
.ai-section{position:relative;isolation:isolate}
.ai-section:before{content:'';position:absolute;pointer-events:none;z-index:-1;right:-20px;top:0;width:360px;height:180px;background:url('images/brand/signal-mesh.svg') center/contain no-repeat;opacity:.4;transform:rotate(180deg)}
.ai-card{position:relative;overflow:hidden}
.ai-card:after{content:'';position:absolute;top:0;left:-70%;height:100%;width:25%;background:linear-gradient(90deg,transparent,#f4bfdc09,transparent);transform:skewX(-18deg);pointer-events:none}
.ai-card:hover:after{animation:glass-pass .7s ease-out}
.tool-row{position:relative;transition:background .2s}
.tool-row:after{content:'';position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.tool-row:hover:after{transform:scaleX(1)}
.avatar-stage:after{animation:tv-signal 5s steps(1,end) infinite}
.collection-intro:after{content:'';position:absolute;right:7%;top:20px;width:120px;height:120px;background:url('images/brand/orbit-play.svg') center/contain no-repeat;opacity:.15;z-index:-1;animation:orbit-drift 12s ease-in-out infinite}
.collection-intro{isolation:isolate}
.menu-toggle,.copy-email,.archive-group-toggle,.web-links a{translate:calc(var(--magnet-x,0) * 1px) calc(var(--magnet-y,0) * 1px);transition:translate .15s ease-out,background .2s,color .2s}
@keyframes mesh-drift{from{transform:translate(-8px,3px) rotate(-3deg) scale(1)}to{transform:translate(12px,-8px) rotate(2deg) scale(1.04)}}
@keyframes spark-turn{0%,75%,100%{rotate:0deg;scale:1;opacity:.6}82%{rotate:90deg;scale:1.15;opacity:1}90%{rotate:180deg;scale:1;opacity:.7}}
@keyframes dust-float{from{translate:0 0;opacity:.3}to{translate:6px -9px;opacity:.8}}
@keyframes orbit-drift{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-5px) rotate(8deg)}}
@keyframes signal-travel{0%,20%{translate:-120% 0;opacity:0}25%{opacity:1}80%{translate:440% 0;opacity:1}90%,100%{translate:440% 0;opacity:0}}
@keyframes card-unfold{from{opacity:0;transform:translateY(28px) scale(.975);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes heading-unfold{from{opacity:.15;transform:translateY(22px);clip-path:inset(0 0 70%)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes window-lift{from{opacity:0;transform:perspective(900px) translateY(24px) rotateX(5deg);filter:blur(1px)}to{opacity:1;transform:none;filter:none}}
@keyframes glass-pass{to{left:150%}}
@keyframes tv-signal{0%,89%,95%,100%{opacity:1}90%,94%{opacity:.35}}
@media(max-width:1050px){.orbit-play{width:55px;height:55px;right:calc(100% + 14px);top:0}.hero-atmosphere{height:350px}.folder-grid{gap:28px 20px}}
@media(max-width:650px){.orbit-play{display:none}.hero-atmosphere{left:0;right:0;height:260px}.hero-atmosphere .signal-mesh{width:100%;height:220px;right:-80px;top:0;opacity:.35}.star-a{right:1%;top:11%;font-size:15px}.star-b{display:none}.pixel-dust{opacity:.3}.hero-description{margin-bottom:22px}.folder-grid{gap:25px 14px}.folder-card:before{inset:-18px -4px 7px 4px}.folder-tab:after{display:none}.ai-section:before{right:0;width:210px;height:120px;opacity:.25}}
@media(hover:none){.feature-frame{transform:none}.project-card:hover{translate:0}.folder-card:hover,.folder-card:nth-child(even):hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere *, .orbit-play,.feature-bar:after,.discipline-strip:after,.avatar-stage:after,.collection-intro:after{animation:none}.hero-lettering,.discipline-strip .wrap,.menu-toggle,.copy-email,.archive-group-toggle,.web-links a{translate:none!important}.feature-frame{transform:none}.motion-reveal{animation:none!important}}

.page-idle *, .page-idle *:before, .page-idle *:after{animation-play-state:paused!important}
.ambient-paused .signal-mesh,.ambient-paused .signal-star,.ambient-paused .pixel-dust,.ambient-paused .orbit-play,.ambient-paused:after,.ambient-paused .avatar-stage:after{animation-play-state:paused}
/* Keep the stacked-window accent outside the actual preview surface. */
.folder-card:before{background:none;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 3px) 100%,calc(100% - 3px) 3px,0 3px);opacity:.75}
.hero-atmosphere .signal-mesh{opacity:.65}
@media(max-width:650px){.hero-atmosphere .signal-mesh{opacity:.55}.orbit-play{display:block;right:6px;top:-77px;width:54px;height:54px;opacity:.8}}
@media(max-width:380px){.orbit-play{display:none}}
.folder-card .folder-tab,.folder-card:nth-child(even) .folder-tab{position:relative;inset:auto}
/* Pixel keepsakes across the page and small, consistent game-style controls. */
body{background-image:url('images/brand/pixel-keepsakes.svg');background-size:1440px 1120px;background-position:center 10px;background-repeat:repeat-y}
.about-section{background-image:url('images/brand/pixel-keepsakes.svg');background-size:1440px 1120px;background-position:center 60px}
.discipline-strip:after{translate:0 0;left:-15%;animation:full-width-signal 8s ease-in-out infinite}
@keyframes full-width-signal{0%{left:-15%;opacity:0}5%{opacity:1}94%{left:100%;opacity:1}100%{left:100%;opacity:0}}
.folder-card:before,.folder-card:nth-child(even):before{content:none}
.folder-grid{padding-top:0}
.wordmark .brand-initials{display:inline-block;letter-spacing:-2px;white-space:nowrap}
.brand-initials .last-initial{margin-left:2px}
/* The portrait is a cartridge label, with the same frame depth on all four sides. */
.avatar-stage{display:block;aspect-ratio:1;border:8px solid transparent;border-image:url('images/brand/pixel-cartridge.svg') 12 stretch;background:#101116;background-clip:padding-box;outline:none;border-radius:0;box-shadow:none;overflow:visible}
.avatar-stage:before,.avatar-stage:after{content:none;animation:none}
.avatar-portrait{display:block;width:100%;height:100%;overflow:hidden;background:#e7ccdf}
.avatar-portrait>img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transform:translateY(8%) scale(1.08);transform-origin:50% 100%}
.role-note:last-child{border-bottom:1px solid #33353e}
.about-grid{align-items:stretch}.about-side .tool-window{flex:1}
@media(max-width:650px){body,.about-section{background-size:800px 1000px}.avatar-stage{border-width:6px}.archive-group-toggle{font-size:12px;padding:6px 9px}.filter{padding:6px 7px;font-size:11px}.collection-nav a{font-size:11px}.back-to-top{min-height:48px}}
@media(prefers-reduced-motion:reduce){.discipline-strip:after{animation:none;opacity:0}}
/* Keep decoration strictly in the gutters, outside text and card bounds. */
body,.about-section{background-image:none}
.hero-atmosphere,.hero-tags .orbit-play{display:none}
.ai-section:before,.collection-intro:after{content:none}
.page-gutters{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.page-gutter{position:absolute;top:0;bottom:0;width:max(40px,calc((100vw - 1320px)/2 - 16px));overflow:hidden;background:url('images/brand/gutter-icons.svg') center calc(var(--gutter-scroll,0) * 1px)/40px 1000px repeat-y}
.gutter-left{left:0}.gutter-right{right:0;background-position-y:calc(var(--gutter-scroll,0) * 1px + 180px)}
.gutter-mesh{position:absolute;width:360px;height:150vh;top:-15vh;left:-50px;background:url('images/brand/signal-mesh.svg') center/360px 440px repeat-y;opacity:.7;transform:rotate(-15deg);animation:gutter-breathe 15s ease-in-out infinite alternate}
.gutter-right .gutter-mesh{left:auto;right:-50px;transform:rotate(15deg)}
.gutter-orbit{position:absolute;top:43vh;width:min(64px,100%);height:auto;left:50%;translate:-50% 0;animation:orbit-drift 10s ease-in-out infinite}
@keyframes gutter-breathe{from{opacity:.4;translate:0 -7px}to{opacity:.75;translate:0 7px}}
.hero h1 .typing-cursor{height:var(--cursor-height,.82em);margin-bottom:.04em}
.brand-initials .last-initial{display:inline-block;margin-left:10px}
/* Restore the simple video category tabs and email utility. */
.filters>.filter,.filters>.filter:hover{font-family:'DM Sans',Suit,sans-serif;font-size:12px;font-weight:500;border:1px solid transparent;border-image:none;border-radius:4px;padding:10px 14px;background:transparent;color:var(--muted);box-shadow:none;line-height:1.5}
.filters>.filter.active,.filters>.filter.active:hover{background:var(--accent);color:#17191d;border-color:var(--accent)}
.filters>.filter:hover:not(.active){background:#24272a;border-color:#586047;color:var(--accent)}

.copy-email,.copy-email:hover{font-family:'Courier New',monospace;font-size:12px;font-weight:400;line-height:1.6;border:1px solid #697151;border-image:none;border-radius:2px;background:#1b1d24;color:var(--muted);padding:10px 14px;box-shadow:none}
.copy-email:hover{color:var(--accent)}
.archive-group-toggle{padding:3px 8px;border-width:4px;font-size:12px;min-height:32px}

/* The role list shares the bottom baseline with the adjacent window. */
@media(min-width:651px){
 .about-copy{display:flex;flex-direction:column}
 .about-copy .role-notes{margin-top:auto;padding-top:30px}
 .role-note{padding-block:20px}
 .about-side{justify-content:space-between}
 .about-side .tool-window{flex:0 0 auto}
}
/* Re-entering the viewport plays a visible reveal again. */
html[data-motion=on] .motion-waiting{opacity:0;animation:none!important}
html[data-motion=on] .motion-waiting:focus-within{opacity:1}
.project-card.motion-reveal,.folder-card.motion-reveal,.ai-card.motion-reveal,.art-card.motion-reveal,.web-card.motion-reveal{animation:visible-card-enter 1s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--reveal-delay,0ms)}
.section-head.motion-reveal,.creative-heading.motion-reveal,.collection-intro.motion-reveal,.archive-group-head.motion-reveal{animation:visible-heading-enter .95s cubic-bezier(.16,1,.3,1) backwards}
.avatar-window.motion-reveal,.tool-window.motion-reveal,.publish-stage.motion-reveal,.about-copy.motion-reveal,.publish-intro.motion-reveal,.contact h2.motion-reveal{animation:visible-window-enter 1s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--reveal-delay,0ms)}
.project-card.motion-reveal .project-thumb>img{animation:media-settle 1.15s cubic-bezier(.2,.75,.2,1) backwards}
@keyframes visible-card-enter{0%{opacity:0;transform:perspective(1000px) translateY(58px) rotateX(4deg) scale(.96);filter:blur(3px)}65%{opacity:1;filter:none}100%{opacity:1;transform:none;filter:none}}
@keyframes visible-heading-enter{0%{opacity:0;transform:translateY(42px);clip-path:inset(0 0 85%)}65%{opacity:1;clip-path:inset(0)}100%{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes visible-window-enter{0%{opacity:0;transform:perspective(1000px) translateY(48px) rotateX(7deg);filter:blur(2px)}100%{opacity:1;transform:none;filter:none}}
@keyframes media-settle{from{transform:scale(1.075)}to{transform:scale(1)}}
@media(max-width:1050px){.page-gutter{width:20px;background-size:24px 1000px}.gutter-orbit{display:none}.gutter-mesh{opacity:.4}}
@media(max-width:650px){.page-gutter{width:10px;background-size:18px 1000px}.filters>.filter,.filters>.filter:hover{font-size:11px;padding:9px 10px}.archive-group-toggle{padding:3px 7px;font-size:11px;min-height:32px}.copy-email{padding:9px 12px}.role-note{padding-block:16px}.role-notes{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.motion-waiting{opacity:1!important}.motion-reveal,.motion-reveal .project-thumb>img,.gutter-mesh,.gutter-orbit{animation:none!important}.page-gutter{background-position-y:0}}

/* v41 — scattered studio details and the original, clean control language. */
.page-gutters{display:none}
body{background-image:url('images/brand/pixel-keepsakes.svg');background-size:1440px 1120px;background-position:center 10px;background-repeat:repeat-y}
.about-section{background-image:url('images/brand/pixel-keepsakes.svg');background-size:1440px 1120px;background-position:center 310px;background-repeat:repeat-y}
.hero-atmosphere{display:block}
.hero-atmosphere .signal-mesh{right:-46px;top:26px;width:69%;height:315px;opacity:.34}
.hero-atmosphere:before{opacity:.7}
.hero-tags .orbit-play{display:block;right:calc(100% + 34px);top:-25px;width:72px;height:72px}
.star-a{left:1.5%;right:auto;top:72%;font-size:23px}
.star-b{left:36%;right:auto;top:8%;font-size:15px}
.pixel-dust{right:16%;top:10%}

.creative-section,.work-section,.ai-section,.about-section,.contact{position:relative}
.creative-section:before,.work-section:before,.ai-section:after,.about-section:before,.contact:after{
 content:'';position:absolute;pointer-events:none;width:30px;height:30px;opacity:.22;
 background:conic-gradient(from 90deg,#ceff63 25%,transparent 0 50%,#ceff63 0 75%,transparent 0) 0 0/10px 10px
}
.creative-section:before{right:1%;top:37px;rotate:8deg}
.work-section:before{left:-31px;top:152px;rotate:-9deg;background-image:conic-gradient(from 90deg,#f4bfdc 25%,transparent 0 50%,#f4bfdc 0 75%,transparent 0)}
.ai-section:after{right:-26px;top:104px;rotate:5deg}
.about-section:before{left:2%;top:43px;rotate:-6deg;background-image:conic-gradient(from 90deg,#f4bfdc 25%,transparent 0 50%,#f4bfdc 0 75%,transparent 0)}
.contact:after{right:1.5%;top:35px;width:20px;height:20px;background-size:8px 8px;rotate:11deg}

.window-bar>span:last-child{font-size:11px;letter-spacing:2.5px;line-height:1.6}
.brand-initials .last-initial{margin-left:6px}

:is(.archive-group-toggle,.load-more,.copy-email,.menu-toggle,.filter,.short-filter,.art-filters button,.collection-nav a,.web-links a,.stage-link,.back-to-top,.dialog-bar button){
 border-image:none;font-family:'DM Sans',Suit,sans-serif;font-weight:400;box-shadow:none
}
.filters>.filter,.filters>.filter:hover{font-size:14px;font-weight:400;min-height:42px;padding:10px 14px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted)}
.filters>.filter.active,.filters>.filter.active:hover{background:var(--accent);border-color:var(--accent);color:#15180e;box-shadow:3px 3px 0 #ceff6320}
.filters>.filter:hover:not(.active){background:#282a26;border-color:#65685d;color:var(--text)}

.contact .copy-email,.contact .copy-email:hover{font-family:'Courier New',monospace;font-size:12px;font-weight:400;line-height:1.6;padding:10px 14px;border:1px solid #697151;border-image:none;border-radius:2px;background:#1b1d24;color:var(--muted)}
.contact .copy-email:hover{color:var(--accent)}
.header .menu-toggle,.header .menu-toggle:hover{min-width:92px;min-height:44px;padding:9px 12px;border:1px solid #617446;border-image:none;border-radius:6px;background:#1b2016;color:var(--accent);font-size:14px}

.work-section .load-more,.work-section .load-more:hover{width:100%;padding:18px;margin-top:35px;border:1px solid var(--line);border-image:none;border-radius:0;background:transparent;color:var(--text);font-size:14px}
.work-section .load-more:hover{border-color:var(--accent)}
.archive-group-controls .archive-group-toggle,.archive-group-controls .archive-group-toggle:hover{min-height:42px;padding:10px 18px;border:1px solid #60674f;border-image:none;border-radius:0;background:#202329;color:var(--accent);font-size:14px}
.archive-group-controls .archive-group-toggle:hover{background:var(--accent);color:#17191d}

.short-filters .short-filter,.short-filters .short-filter:hover{padding:7px 10px;border:1px solid transparent;border-image:none;border-radius:4px;background:transparent;color:var(--muted);font-size:13px}
.short-filters .short-filter:hover{color:var(--text)}
.short-filters .short-filter[aria-pressed=true],.short-filters .short-filter[aria-pressed=true]:hover{color:#15180e;background:var(--accent);border-color:var(--accent)}
.art-filters button,.art-filters button:hover{padding:10px 13px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);font-size:14px}
.art-filters button:hover{color:var(--text)}
.art-filters button[aria-pressed=true],.art-filters button[aria-pressed=true]:hover{color:#15180e;background:var(--accent);border-color:var(--accent)}

.collection-nav a,.collection-nav a:hover{padding:11px 14px;border:1px solid #3d4137;border-radius:5px;background:transparent;color:var(--muted);font-size:13px}
.collection-nav a:hover{border-color:var(--pink);color:var(--text)}
.collection-nav a[aria-current=page],.collection-nav a[aria-current=page]:hover{background:var(--accent);border-color:var(--accent);color:#202719}
.web-links a,.stage-link,.web-links a:hover,.stage-link:hover{padding:11px 15px;border:1px solid #657547;border-radius:5px;background:transparent;color:var(--accent);font-size:14px}
.web-links a:hover,.stage-link:hover{background:var(--accent);border-color:var(--accent);color:#15180e}
.dialog-bar button,.dialog-bar button:hover{padding:8px;border:0;border-radius:0;background:transparent;color:inherit;font-family:monospace;font-size:13px}
body .back-to-top,body .back-to-top:hover{border:1px solid #7d9650;border-image:none;border-radius:7px;background:#1b2016ed;color:var(--accent);font-family:'DM Sans',Suit,sans-serif}

.hero-play{clip-path:none;border-radius:12px;box-shadow:4px 4px 0 #1119}
.hero-screen:hover .hero-play{box-shadow:4px 4px 0 #1119;rotate:0;scale:1.05}
.project-thumb .project-play{clip-path:none;border:1px solid #ffffff45;border-radius:7px;font-family:inherit}
.art-expand{clip-path:none;border-radius:5px;font-family:inherit}

@media(max-width:1050px){
 body,.about-section{background-size:1120px 980px}
 .work-section:before,.ai-section:after{display:none}
}
@media(max-width:650px){
 body,.about-section{background-size:800px 1000px}
 .hero-atmosphere .signal-mesh{right:-90px;top:8px;width:100%;height:210px;opacity:.28}
 .hero-tags .orbit-play{display:none}.star-a{left:0;top:76%;font-size:14px}.star-b{left:56%;top:8%;display:block;font-size:10px}
 .creative-section:before,.about-section:before,.contact:after{display:none}
 .filters>.filter,.filters>.filter:hover{font-size:13px;padding:9px 11px}
 .archive-group-controls .archive-group-toggle,.archive-group-controls .archive-group-toggle:hover{padding:9px 12px;font-size:13px}
 .contact .copy-email,.contact .copy-email:hover{padding:9px 12px}
 .collection-nav a,.collection-nav a:hover{padding:10px;font-size:12px}
}

/* v42: accents follow free space; no repeating artwork under cards. */
body{position:relative}
body,.about-section{background-image:none}
.creative-section:before,.work-section:before,.ai-section:after,.about-section:before,.contact:after{content:none}
.studio-scatter{position:absolute;left:0;top:0;width:100%;overflow:hidden;pointer-events:none;z-index:1}
.scatter-accent{position:absolute;color:var(--accent-tone);pointer-events:none}
.scatter-spark{display:grid;place-items:center;font-family:Silkscreen,monospace;font-size:14px;line-height:1;opacity:.32}
.scatter-grid{opacity:.18;background:linear-gradient(var(--accent-tone) 1px,transparent 1px),linear-gradient(90deg,var(--accent-tone) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(145deg,#000,transparent 95%)}
.collection-nav,.short-filters{background:transparent;border:0;border-image:none;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:0 0 18px}
.collection-nav{gap:10px;margin-top:8px}
.short-filters{padding-top:8px}
.collection-nav a,.collection-nav a:hover,.collection-nav a[aria-current=page],.collection-nav a[aria-current=page]:hover,
.art-filters button,.art-filters button:hover,.short-filter,.short-filter:hover,.web-links a,.web-links a:hover,.stage-link,.stage-link:hover,
.filters>.filter,.filters>.filter:hover,.dialog-bar button,.dialog-bar button:hover{border-image:none;box-shadow:none;clip-path:none;font-weight:400}
.project-thumb .project-play,.art-thumb .art-expand,.art-card:nth-child(even) .art-expand{
 display:grid;place-items:center;position:absolute;right:17px;bottom:17px;width:40px;height:40px;padding:0;
 border:1px solid #ffffff45;border-image:none;border-radius:7px;clip-path:none;background:#111a;color:#fff;
 font-family:Arial,sans-serif;font-weight:400;font-size:12px;line-height:1;box-shadow:none;backdrop-filter:blur(5px);transform:none;
 transition:background .2s,color .2s,transform .25s
}
.project-thumb .project-play,.art-thumb .art-expand.is-play{padding-left:2px}
.art-thumb .art-expand.is-plus{font-size:20px}
.project-thumb:hover .project-play,.art-thumb:hover .art-expand{background:var(--accent);color:#111;transform:scale(1.08)}

/* Open-ended curved wireframes, with a little motion in the margins. */
.scatter-grid{background:none;border:0;overflow:hidden;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%);opacity:.27}
.scatter-grid svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1;animation:scatter-warp 11s ease-in-out infinite alternate;transform-origin:center}
.scatter-turn{animation:scatter-turn 18s linear infinite}
@keyframes scatter-warp{from{transform:scale(1.06) skew(-3deg,2deg)}to{transform:scale(1.13) skew(4deg,-3deg)}}
@keyframes scatter-turn{to{rotate:360deg}}
@media(prefers-reduced-motion:reduce){.scatter-grid svg,.scatter-turn{animation:none}}

/* v44: calmer lettering and one consistent secondary category tray. */
.hero-tags a{display:inline-flex;align-items:center;gap:8px}
.hero-tags a span{margin-left:0}
.hero-lettering{filter:none}
.scatter-grid{mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);opacity:.3}
.scatter-grid svg{mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent);stroke-width:1.1}
.short-filters,.art-toolbar,.archive-index{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 16px;border:1px solid #484b57;border-radius:0;background:#191b20}
.art-toolbar .art-filters{display:flex;gap:6px;flex-wrap:wrap}
.art-toolbar #art-count{margin-left:auto}
.short-filters .short-filter,.art-filters button{min-height:40px;padding:9px 12px}

/* v45: cleaner background and collection hierarchy. */
.signal-mesh,.gutter-mesh,.scatter-grid{display:none!important}
.ai-section:before{content:none}
.archive-index a{font-size:13px}
body[data-collection=artwork] .collection-nav{border-bottom:0}
.art-category-divider{height:0;border:0;border-top:1px solid #484b57;margin:4px 0 24px}

/* v46: targeted interaction and legibility refinements. */
.project-thumb:before{content:none}
.feature-star{display:inline-block;animation:spark-turn 14s linear infinite;margin-right:8px}
.window-bar .window-controls{display:inline-flex;align-items:center;gap:7px;letter-spacing:0}
.window-controls i{display:inline-grid;place-items:center;width:11px;height:13px;font-style:normal;font-size:11px;line-height:1}
.window-controls .window-max{font-size:8px}
.work-section .archive-index a,.short-filters .short-filter,.short-filters .short-filter:hover{font-family:Suit,'DM Sans',sans-serif;font-size:14px;font-weight:400;line-height:1.8}
.work-section .archive-index a{padding:7px 10px}
.work-section .archive-index a span{font-size:11px}
.cinema-cover .cinema-project-image{display:block;overflow:hidden}
.cinema-project-image img{transition:transform .4s ease,filter .4s ease}
.cinema-project-image:hover img,.cinema-project-image:focus-visible img{transform:scale(1.025);filter:brightness(1.08)}
.cinema-open:hover{color:var(--pink)}
@media(prefers-reduced-motion:reduce){.feature-star{animation:none}}

/* v47: consistent action feedback. */
.archive-link #all-work-button{padding:10px 14px;border:1px solid var(--line);border-radius:5px;transition:background .2s,color .2s,border-color .2s}
.archive-link #all-work-button:hover,.archive-link #all-work-button:focus-visible{background:var(--accent);border-color:var(--accent);color:#111}
.archive-link #all-work-button span{display:inline-block;transition:transform .2s}
.archive-link #all-work-button:hover span{transform:translate(2px,-2px)}
.archive-link #all-work-button:hover span,.archive-link #all-work-button:focus-visible span{color:#111}
.hero-screen .hero-play{background:#111a;color:#fff;border:1px solid #ffffff45;box-shadow:none;backdrop-filter:blur(5px);transition:background .2s,color .2s,scale .2s}
.hero-screen:hover .hero-play,.hero-screen:focus-visible .hero-play{background:var(--accent);color:#111;box-shadow:none;rotate:0;scale:1.05}