/* 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}

/* v60 — Retro Digital × Cinematic home */
.home-page{
 --bg:#0b0c0c;--surface:#141515;--paper:#e9e8e1;--ink:#101111;--text:#f2f1eb;
 --muted:#969991;--line:#30322f;--accent:#d4ff58;--pink:#ff8fc8;
 background:var(--bg);color:var(--text);overflow-x:clip;
 cursor:url('../cursors/cursor-arrow.svg') 2 2,auto;
}
.home-page:before{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.home-page a,.home-page button{cursor:url('../cursors/cursor-hand.svg') 10 2,pointer}
.home-page .wrap{width:min(1460px,calc(100% - 72px));margin-inline:auto}
.home-page .pixel{font-family:Silkscreen,'Courier New',monospace;font-size:11px;letter-spacing:.04em}
.home-page .mono{font-family:'Courier New',monospace;font-size:11px;letter-spacing:.04em}
.home-page img{display:block;width:100%;height:100%;object-fit:cover}
.home-page button:active{transform:none}
.home-page .skip{z-index:1100}

.home-page .site-header{height:76px;border-bottom:1px solid #ffffff20;position:absolute;z-index:100;left:50%;transform:translateX(-50%);top:0;color:#fff}
.home-page .site-header .wordmark,.home-page .site-footer .wordmark{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:900;letter-spacing:-.06em}
.home-page .site-header .wordmark img,.home-page .site-footer .wordmark img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}
.home-page .site-header .primary-nav{display:flex;align-items:center;gap:30px}
.home-page .site-header .nav-link{font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:#d7d7d2}
.home-page .site-header .nav-link:before{display:none}
.home-page .site-header .nav-link:hover,.home-page .site-header .nav-link.current{color:var(--accent)}
.header-status{display:flex;align-items:center;gap:7px;color:#c9ccc3}.header-status i,.ai-system i{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #d4ff5818}

.cinema-hero{height:150svh;min-height:1020px;position:relative;border-bottom:1px solid var(--line);--hero-progress:0}
.hero-sticky{height:100svh;min-height:680px;position:sticky;top:0;padding-top:96px;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate;overflow:hidden}
.hero-kicker{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;position:relative;z-index:8;color:#b7bab2}
.hero-kicker p:nth-child(2){text-align:center}.hero-timecode{text-align:right;color:var(--accent)}
.cinema-hero h1{position:absolute;inset:130px 0 68px;margin:0;z-index:1;pointer-events:none;white-space:normal}
.hero-word{position:absolute;font-size:clamp(100px,15.1vw,224px);font-weight:800;letter-spacing:-.085em;line-height:.78;color:#f1f0e9;text-transform:uppercase;will-change:transform,opacity}
.hero-word-video{left:-.02em;top:5%;transform:translateX(calc(var(--hero-progress) * -25vw))}
.hero-word-editor{right:.02em;bottom:9%;transform:translateX(calc(var(--hero-progress) * 28vw));z-index:4}
.hero-main-frame{position:absolute;z-index:3;width:clamp(420px,43vw,660px);aspect-ratio:16/10;left:50%;top:50%;padding:0;overflow:hidden;background:#171817;box-shadow:0 28px 90px #0009;transform:translate(-50%,-46%) perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(calc(.78 + var(--hero-progress) * .28));will-change:transform}
.hero-main-frame>img{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .3s}.hero-main-frame:hover>img{transform:scale(1.035);filter:saturate(1.05)}
.frame-chrome{position:absolute;z-index:5;left:0;right:0;top:0;height:34px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#0b0c0ce6;color:#e6e7df;border-bottom:1px solid #ffffff28}
.frame-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,#000c);pointer-events:none}
.frame-play{position:absolute;z-index:4;inset:50% auto auto 50%;translate:-50% -50%;width:58px;height:58px;border:1px solid #ffffff8c;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:#090a0a66;backdrop-filter:blur(7px);font-size:17px;transition:.25s}
.hero-main-frame:hover .frame-play{background:var(--accent);border-color:var(--accent);color:#10120d;scale:1.08}
.frame-title{position:absolute;z-index:4;left:22px;bottom:19px;display:flex;flex-direction:column;gap:4px;text-align:left}.frame-title small{color:var(--accent)}.frame-title strong{font-size:clamp(18px,2vw,28px);font-weight:600;letter-spacing:-.04em}
.floating-frame{position:absolute;z-index:6;padding:0;background:#171817;overflow:hidden;border:1px solid #ffffff52;box-shadow:0 16px 44px #0009;will-change:transform,opacity;transition:border-color .2s}
.floating-frame:hover{border-color:var(--accent)}.float-label,.float-play{position:absolute;z-index:3;background:#0b0c0ce6;padding:6px 8px}.float-label{left:7px;top:7px;color:var(--accent);font-size:8px!important}.float-play{right:7px;bottom:7px;color:#fff;font-size:9px!important}
.floating-short{width:clamp(122px,12vw,174px);aspect-ratio:9/13;left:2.3%;top:42%;transform:translate(calc(var(--hero-progress) * -20vw),calc(var(--hero-progress) * 12vh)) rotate(-2deg)}
.floating-short img{object-position:center;transition:transform .45s}.floating-short:hover img{transform:scale(1.04)}
.floating-ai{width:clamp(132px,14vw,205px);aspect-ratio:4/5;right:1.5%;top:20%;transform:translate(calc(var(--hero-progress) * 21vw),calc(var(--hero-progress) * -10vh)) rotate(2deg)}
.floating-ai img{filter:saturate(.82);transition:transform .45s}.floating-ai:hover img{transform:scale(1.04)}
.hero-bottom{position:relative;z-index:8;display:flex;justify-content:space-between;align-items:end;padding-bottom:25px;font-size:11px;letter-spacing:.12em;color:#b4b7b0}
.scroll-cue{display:flex;align-items:center;gap:14px;color:#fff}.scroll-cue span{color:var(--accent);font-size:19px;animation:scroll-cue 1.6s ease-in-out infinite}
@keyframes scroll-cue{50%{transform:translateY(5px)}}

.section-marker{display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}
.section-marker .pixel{color:var(--accent)}
.selected-section{padding:100px 0 150px}
.selected-layout{display:grid;grid-template-columns:minmax(280px,.72fr) 1.45fr;gap:clamp(50px,8vw,130px);align-items:start;margin-top:92px}
.selected-rail{position:sticky;top:118px;min-height:510px;padding-bottom:40px}
.selected-count{color:var(--accent);margin-bottom:40px}.selected-rail h2{font-size:clamp(48px,5vw,76px);line-height:.96;letter-spacing:-.065em;font-weight:700;word-break:keep-all}
.selected-summary{max-width:440px;color:#b8bbb4;font-size:16px;line-height:1.85;margin-top:35px;word-break:keep-all}
.selected-meta{margin:36px 0 0;border-top:1px solid var(--line)}.selected-meta>div{display:grid;grid-template-columns:85px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.selected-meta dt{font:10px 'Courier New',monospace;color:#777b74}.selected-meta dd{margin:0;font-size:12px;color:#d7d9d3}
.next-cut{position:absolute;bottom:0;color:var(--accent)}
.selected-stack{display:flex;flex-direction:column;gap:18vh}
.selected-project{min-height:75vh;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:14vh}
.selected-media{position:relative;width:100%;aspect-ratio:16/10;background:#171817;overflow:hidden;padding:0;text-align:left;border:1px solid #ffffff16}
.selected-project.portrait .selected-media{aspect-ratio:16/11}.selected-media img,.selected-media video{transition:transform .65s cubic-bezier(.2,.7,.15,1)}.selected-media:hover img,.selected-media:hover video{transform:scale(1.025)}
.selected-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,#000b)}
.media-index{position:absolute;z-index:3;left:16px;top:16px;background:#0b0c0cda;color:var(--accent);padding:6px 8px;font-size:10px!important}.media-action{position:absolute;z-index:3;right:17px;top:17px;background:#f2f1eb;color:#111;padding:7px 10px}.media-title{position:absolute;z-index:3;left:22px;right:22px;bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:20px;text-align:left}.media-title strong{font-size:clamp(21px,2.2vw,31px);letter-spacing:-.04em}.media-title small{color:#c8cbc4;white-space:nowrap}
.selected-caption{display:flex;justify-content:space-between;gap:30px;padding-top:15px;color:#959991}.selected-caption p{font-size:12px}.selected-caption span{font-size:10px}

.home-page .ai-section{margin:0;padding:0;background:var(--paper);color:var(--ink)}
.ai-section>.wrap{padding:32px 0 130px}.ai-system{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #151515;padding-bottom:17px}.ai-system span:first-child{display:flex;align-items:center;gap:9px}.ai-system i{background:#111;box-shadow:none}
.ai-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;padding:80px 0 56px}.ai-heading .pixel{color:#555}.ai-heading h2{font-size:clamp(75px,11vw,165px);line-height:.8;letter-spacing:-.085em;margin-top:27px}.ai-heading>p{font-size:16px;line-height:1.8;color:#4b4d48}
.ai-showcase{display:grid;grid-template-columns:1.55fr .75fr;gap:18px;align-items:end}.ai-visual{margin:0}.ai-visual>div{overflow:hidden;background:#c8c8c1}.ai-visual-wide>div{aspect-ratio:16/10}.ai-visual-tall>div{aspect-ratio:4/5}.ai-visual img{transition:transform .8s cubic-bezier(.2,.7,.15,1);filter:saturate(.8)}.ai-visual:hover img{transform:scale(1.025);filter:saturate(1)}
.ai-visual figcaption{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding-top:13px}.ai-visual figcaption span{grid-column:1/-1;color:#61635e}.ai-visual figcaption strong{font-size:18px}.ai-visual figcaption small{font:10px 'Courier New',monospace;color:#656861;align-self:end}.ai-disclaimer{color:#686b65;margin-top:34px}

.archive-section{padding:140px 0}.archive-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.archive-head .pixel{color:var(--accent);margin-bottom:25px}.archive-head h2{font-size:clamp(65px,8vw,118px);line-height:.84;letter-spacing:-.075em}.archive-head>p{color:#a7aaa3;font-size:15px;line-height:1.8;padding-bottom:6px}
.archive-toolbar{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:72px;border-bottom:1px solid var(--line)}.archive-filters{display:flex;flex-wrap:wrap;gap:2px}.archive-filter{padding:14px 17px;color:#8f938b;font-size:12px}.archive-filter:hover{color:#fff}.archive-filter.active{background:var(--paper);color:var(--ink)}.archive-filter sup{font-size:8px;margin-left:4px}.archive-toolbar>span{color:#747870;padding-bottom:15px;white-space:nowrap}
.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 24px;margin-top:45px}.archive-card:nth-child(4n+2),.archive-card:nth-child(4n+4){transform:translateY(45px)}
.archive-thumb{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;padding:0;background:#171817;text-align:left}.archive-card.short .archive-thumb img{object-position:center}.archive-thumb img,.archive-thumb video{transition:transform .45s,filter .3s}.archive-thumb:hover img,.archive-thumb:hover video{transform:scale(1.025);filter:saturate(1.06)}.archive-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 63%,#000a);pointer-events:none}.archive-id,.archive-play{position:absolute;z-index:2;font-size:9px!important}.archive-id{top:14px;left:14px;background:#0b0c0cd9;color:var(--accent);padding:5px 7px}.archive-play{right:14px;bottom:14px;width:39px;height:39px;border-radius:50%;background:#f2f1eb;color:#111;display:grid;place-items:center;padding-left:2px}.archive-copy{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-top:14px}.archive-copy h3{font-size:20px;line-height:1.35;letter-spacing:-.03em}.archive-copy p{color:#7f837b;font-size:10px;text-align:right;white-space:nowrap}.archive-more{width:100%;margin-top:110px;border:1px solid #464944;padding:18px;color:#e9eae4;font-size:12px;letter-spacing:.08em}.archive-more:hover{background:var(--accent);border-color:var(--accent);color:#111}.archive-more span{margin-left:18px}
.archive-preview{width:100%;height:100%;object-fit:cover}
.ai-archive-note{grid-column:1/-1;border:1px solid var(--line);min-height:300px;padding:45px;display:flex;flex-direction:column;justify-content:space-between}.ai-archive-note h3{font-size:clamp(40px,6vw,80px);letter-spacing:-.06em}.ai-archive-note a{color:var(--accent);align-self:flex-end}

.home-page .about-section{background:#171817;padding:130px 0;color:var(--text)}
.about-layout{display:grid;grid-template-columns:1.05fr .85fr .85fr;gap:clamp(45px,7vw,105px);align-items:start}.about-heading .pixel{color:var(--accent);margin-bottom:34px}.about-heading h2{font-size:clamp(65px,7vw,105px);line-height:.86;letter-spacing:-.075em}.about-heading em{font-style:normal;color:var(--accent)}
.about-copy{padding-top:44px}.about-copy>p{font-size:15px;line-height:1.9;color:#b9bcb5;word-break:keep-all;margin-bottom:19px}.about-copy .about-lead{font-size:18px;line-height:1.45;color:#fff;font-weight:600;margin-bottom:31px}.skill-list{display:flex;flex-direction:column;border-top:1px solid #383a37;margin-top:34px}.skill-list span{font:10px 'Courier New',monospace;padding:12px 0;border-bottom:1px solid #383a37;color:#90948c}
.tool-panel{border:1px solid #3d403b;background:#101110;margin-top:44px}.tool-panel-head{display:flex;justify-content:space-between;border-bottom:1px solid #3d403b;padding:12px 15px;color:#8d9188}.tool-panel ul{list-style:none;margin:0;padding:12px 20px 20px}.tool-panel li{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:9px;padding:16px 0;border-bottom:1px solid #2c2e2b}.tool-panel li>span{color:#70746d;font-size:9px}.tool-panel li strong{font-size:14px;font-weight:500}.tool-panel li em{font:8px 'Courier New',monospace;color:var(--accent);font-style:normal}

.contact-section{padding:118px 0 90px}.contact-section h2{font-size:clamp(72px,12.2vw,180px);line-height:.8;letter-spacing:-.085em;margin:80px 0 60px}.contact-section h2 span{color:var(--accent)}.contact-row{display:flex;justify-content:space-between;align-items:end;gap:50px}.contact-row>p{font-size:15px;line-height:1.8;color:#9a9e96}.contact-row>div>a{font-size:clamp(22px,2.5vw,36px);border-bottom:1px solid #7a7d76;padding-bottom:8px}.contact-row .copy-email{display:block;margin:15px 0 0 auto;color:#8f938a}.contact-row .copy-email:hover{color:var(--accent)}
.site-footer{border-top:1px solid var(--line);min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#8b8f87}.site-footer .wordmark img{width:24px;height:24px}.site-footer .wordmark{color:#fff;font-size:18px}

.home-page dialog{background:#141515;border:1px solid #50534d;color:#f2f1eb;width:min(1100px,calc(100% - 32px));max-height:92dvh;padding:0}.home-page dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}.home-page .dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid #3a3c39}.home-page .dialog-bar .pixel{color:var(--accent)}.home-page .dialog-bar button{font:11px 'Courier New',monospace}.home-page #player iframe,.home-page #player video{display:block;width:100%;aspect-ratio:16/9;max-height:62dvh;border:0;background:#000}.home-page .dialog-info{padding:24px}.home-page .dialog-info>p:first-child{color:var(--accent)}.home-page .dialog-info h2{font-size:28px;margin-top:8px}.home-page .dialog-info>p:not(.mono),.home-page .dialog-info>div{color:#aeb1a9;font-size:14px;line-height:1.7;margin-top:11px}.home-page .dialog-info>a{display:inline-block;color:var(--accent);font-size:12px;margin-top:16px}

@media(max-width:1050px){
 .home-page .wrap{width:calc(100% - 48px)}.home-page .site-header .primary-nav{gap:18px}.header-status{display:none}
 .hero-word{font-size:17vw}.floating-short{left:0}.floating-ai{right:0}.hero-main-frame{width:53vw}
 .selected-layout{grid-template-columns:.72fr 1.2fr;gap:55px}.selected-rail h2{font-size:4.9vw}.selected-summary{font-size:14px}
 .about-layout{grid-template-columns:1fr 1fr}.tool-panel{grid-column:2}.about-copy{padding-top:15px}.about-heading{grid-row:1/3}
}
@media(max-width:800px){
 .home-page .site-header{height:70px}.home-page .site-header .menu-toggle{display:flex;align-items:center;gap:8px;color:#fff;font-size:11px}.home-page .site-header .menu-icon{display:grid;gap:3px}.home-page .site-header .menu-icon i{display:block;width:18px;height:1px;background:currentColor}.home-page .site-header .primary-nav{position:absolute;left:-1px;right:-1px;top:69px;background:#0b0c0cf7;border:1px solid #ffffff1d;padding:16px;display:grid;gap:0}.home-page .site-header .primary-nav a{padding:12px}.home-page .site-header.menu-open{background:#0b0c0c}
 .cinema-hero{height:125svh;min-height:800px}.hero-sticky{min-height:600px;padding-top:90px}.hero-kicker{grid-template-columns:1fr 1fr}.hero-kicker p:nth-child(2){display:none}.hero-main-frame{width:65vw}.floating-short{top:26%;width:118px}.floating-ai{top:57%;width:130px}.hero-bottom>p{max-width:180px;line-height:1.5}
 .selected-section{padding:85px 0 110px}.selected-layout{grid-template-columns:1fr;margin-top:55px}.selected-rail{position:relative;top:auto;min-height:0;padding-bottom:0}.selected-rail h2{font-size:54px}.selected-meta,.next-cut{display:none}.selected-stack{gap:75px}.selected-project{min-height:0}.selected-caption{flex-direction:column;gap:5px}
 .ai-heading{display:block}.ai-heading>p{margin-top:35px}.ai-showcase{grid-template-columns:1fr .78fr}.archive-head{grid-template-columns:1fr}.archive-head>p{margin-top:-25px}.archive-toolbar{align-items:start;flex-direction:column}.archive-toolbar>span{align-self:flex-end}.archive-grid{gap:55px 16px}
 .about-layout{grid-template-columns:1fr}.about-heading{grid-row:auto}.tool-panel{grid-column:auto;margin-top:0}.contact-row{align-items:start;flex-direction:column}.contact-row .copy-email{margin-left:0}
}
@media(max-width:560px){
 .home-page .wrap{width:calc(100% - 30px)}.home-page .pixel{font-size:9px}.home-page .mono{font-size:9px}
 .hero-sticky{padding-top:83px}.hero-kicker{grid-template-columns:1fr auto}.hero-word{font-size:22.5vw}.hero-word-video{top:8%}.hero-word-editor{bottom:15%}.hero-main-frame{width:84vw;transform:translate(-50%,-47%) scale(calc(.82 + var(--hero-progress) * .18))}.frame-chrome{height:29px}.frame-title strong{font-size:18px}.floating-short{width:94px;top:27%;left:-4%}.floating-ai{width:99px;top:61%;right:-4%}.hero-bottom{padding-bottom:18px;font-size:9px}.hero-bottom>p{max-width:145px}.cinema-hero{min-height:720px}
 .section-marker{padding:14px 0}.selected-section{padding:65px 0 85px}.selected-layout{margin-top:44px;gap:45px}.selected-count{margin-bottom:24px}.selected-rail h2{font-size:43px}.selected-summary{margin-top:23px}.selected-media,.selected-project.portrait .selected-media{aspect-ratio:4/3}.media-title{left:14px;right:14px;bottom:14px}.media-title strong{font-size:18px}.media-title small{display:none}.selected-stack{gap:55px}
 .ai-section>.wrap{padding:24px 0 80px}.ai-system span:last-child{display:none}.ai-heading{padding:55px 0 38px}.ai-heading h2{font-size:19vw;margin-top:19px}.ai-heading>p{font-size:14px}.ai-showcase{grid-template-columns:1fr;gap:45px}.ai-visual-tall{width:72%;margin-left:auto}.ai-visual figcaption{grid-template-columns:1fr}.ai-visual figcaption small{margin-top:4px}.ai-disclaimer{line-height:1.6}
 .archive-section{padding:85px 0}.archive-head h2{font-size:17.2vw}.archive-head>p{font-size:14px}.archive-toolbar{margin-top:45px}.archive-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.archive-filter{text-align:left;padding:12px 10px}.archive-grid{grid-template-columns:1fr;gap:45px;margin-top:32px}.archive-card:nth-child(n){transform:none}.archive-copy h3{font-size:18px}.archive-more{margin-top:55px}.ai-archive-note{min-height:230px;padding:24px}
 .home-page .about-section{padding:80px 0}.about-layout{gap:40px}.about-heading h2{font-size:18vw}.contact-section{padding:80px 0 65px}.contact-section h2{font-size:19vw;margin:55px 0 45px}.contact-row>div>a{font-size:21px}.site-footer{flex-wrap:wrap;padding:20px 0}.site-footer>p{order:3;width:100%}
}
@media(prefers-reduced-motion:reduce){
 .cinema-hero{height:100svh;min-height:680px}.hero-main-frame{transform:translate(-50%,-46%) scale(.9)}.hero-word-video,.hero-word-editor,.floating-short,.floating-ai{transform:none}.scroll-cue span{animation:none}.home-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* v70 — Kitsch editorial refinement inspired by fashion/creative portfolios */
.home-page{
 --bg:#1b1033;--surface:#251842;--paper:#f3efe7;--ink:#211435;--text:#f5f0e8;
 --muted:#998eab;--line:#3d2f58;--accent:#c8ff3d;--coral:#ff766a;--lavender:#d7c9ff;--violet:#6c56e8;
 background:var(--bg);color:var(--text);cursor:auto;
}
.home-page:before{opacity:.035}
.home-page a,.home-page button{cursor:pointer}
.home-page .pixel{font-family:'DM Sans',sans-serif;font-size:inherit;letter-spacing:inherit}
.home-page .micro-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.home-page .section-marker{border-color:currentColor;color:inherit;opacity:1;padding:16px 0;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.home-page .section-marker .mono{opacity:.62}

.home-page .site-header{height:78px;color:var(--lavender);border-color:#d7c9ff38}
.home-page .site-header .wordmark{font-size:23px;color:var(--text)}
.home-page .site-header .primary-nav{gap:26px}
.home-page .site-header .nav-link{color:#d8ceec;font-size:11px;font-weight:600;letter-spacing:.045em}
.home-page .site-header .nav-link:hover,.home-page .site-header .nav-link.current{color:var(--accent)}
.home-page .header-status{color:#d8ceec}.home-page .header-status i{background:var(--coral);box-shadow:none}

.home-page .cinema-hero{height:138svh;min-height:980px;background:var(--bg);border:0;--hero-progress:0;overflow:clip}
.home-page .hero-sticky{height:100svh;min-height:700px;padding-top:100px;grid-template-rows:auto 1fr auto;overflow:hidden}
.home-page .hero-kicker{grid-template-columns:1fr 1fr 1fr;color:#c8bed8;z-index:10}
.home-page .hero-role{text-align:center;font-size:11px;font-weight:700;letter-spacing:.1em}
.home-page .hero-timecode{color:var(--accent)}
.home-page .cinema-hero h1{inset:120px 0 78px;z-index:1}
.home-page .hero-word{font-size:clamp(102px,15.3vw,228px);font-weight:800;letter-spacing:-.09em;line-height:.76;color:var(--lavender)}
.home-page .hero-word-video{left:0;top:6%;transform:translateX(calc(var(--hero-progress) * -19vw))}
.home-page .hero-word-editor{right:0;bottom:9%;z-index:2;transform:translateX(calc(var(--hero-progress) * 20vw))}
.home-page .hero-main-frame{width:clamp(440px,44vw,670px);aspect-ratio:16/9;top:48%;z-index:5;background:#0e091a;box-shadow:18px 20px 0 #10091f55;transform:translate(-50%,-48%) perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(calc(.78 + var(--hero-progress) * .23));transition:box-shadow .35s ease}
.home-page .hero-main-frame:hover{box-shadow:9px 11px 0 var(--coral)}
.home-page .hero-main-frame img{filter:none;transform:none!important;transition:filter .35s ease}
.home-page .hero-main-frame:hover img{filter:saturate(1.08) contrast(1.02)}
.home-page .hero-project-caption{position:absolute;z-index:8;left:50%;top:calc(48% + clamp(145px,12.4vw,190px));width:clamp(440px,44vw,670px);translate:-50% 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding-top:12px;color:#d8cfe7}
.home-page .hero-project-caption strong{text-align:center;font-size:14px;font-weight:600}.home-page .hero-project-caption .mono{font-size:9px;color:#9f94af}
.home-page .floating-frame{border:0;box-shadow:10px 12px 0 #0c0717aa;background:#10091e;z-index:7}
.home-page .floating-short{width:clamp(112px,11.5vw,170px);aspect-ratio:9/13;left:1.5%;top:42%;transform:translate(calc(var(--hero-progress) * -18vw),calc(var(--hero-progress) * 9vh)) rotate(-4deg)}
.home-page .floating-short:hover{border:0}.home-page .floating-short:hover img{transform:scale(1.025)}
.home-page .floating-caption{position:absolute;z-index:9;left:1%;top:calc(42% - 26px);padding:7px 10px;background:var(--accent);color:var(--ink);font-size:9px;rotate:-4deg;transform:translateX(calc(var(--hero-progress) * -18vw))}
.home-page .hero-loop{position:absolute;border:2px solid var(--accent);border-radius:50%;pointer-events:none;z-index:0;opacity:.8}
.home-page .hero-loop-a{width:min(57vw,780px);aspect-ratio:1;left:-21%;top:13%;transform:rotate(12deg) scale(calc(1 + var(--hero-progress) * .18))}
.home-page .hero-loop-b{width:min(38vw,520px);aspect-ratio:1;right:-13%;bottom:5%;border-color:var(--coral);transform:scale(calc(1 + var(--hero-progress) * .12))}
.home-page .hero-sticker{position:absolute;z-index:4;font-size:10px;font-weight:800;letter-spacing:.08em;padding:9px 13px;border-radius:999px;box-shadow:5px 6px 0 #0d0718aa}
.home-page .hero-sticker-top{right:6%;top:20%;background:var(--coral);color:var(--ink);rotate:6deg}
.home-page .hero-sticker-bottom{left:15%;bottom:17%;background:var(--accent);color:var(--ink);rotate:-7deg}
.home-page .hero-bottom{color:#c7bdd8;padding-bottom:24px;font-size:12px;line-height:1.55}
.home-page .scroll-cue{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text)}.home-page .scroll-cue span{color:var(--accent)}

.home-page .selected-section{background:var(--paper);color:var(--ink);padding:0 0 150px}
.home-page .selected-section>.wrap{padding-top:34px}
.home-page .selected-section .section-marker{border-color:#21143555}
.home-page .selected-layout{margin-top:90px}
.home-page .selected-count{display:inline-block;background:var(--coral);color:var(--ink);padding:7px 10px;border-radius:999px;margin-bottom:34px}
.home-page .selected-rail h2{font-size:clamp(48px,5vw,74px);line-height:.94;color:var(--ink)}
.home-page .selected-summary{color:#574c63}.home-page .selected-meta{border-color:#21143536}.home-page .selected-meta>div{border-color:#21143536}.home-page .selected-meta dt{color:#8c8198}.home-page .selected-meta dd{color:var(--ink)}
.home-page .selected-stack{gap:17vh}
.home-page .selected-project{min-height:73vh}
.home-page .selected-media{border:0;box-shadow:13px 15px 0 #d9d1c7;background:#d9d1c7;aspect-ratio:16/9}
.home-page .selected-project.portrait .selected-media{aspect-ratio:16/10}
.home-page .selected-media:after{display:none}.home-page .selected-media img{transform:none}.home-page .selected-media:hover img{transform:scale(1.02)}
.home-page .selected-caption{color:#625868;padding-top:22px;align-items:start}.home-page .selected-caption>div:first-child{min-width:42%}.home-page .selected-caption>div:first-child .mono{display:block;color:var(--violet);font-size:9px;margin-bottom:7px}.home-page .selected-caption h3{color:var(--ink);font-size:clamp(22px,2vw,30px);letter-spacing:-.04em}.home-page .selected-caption p{font-size:13px;line-height:1.55;white-space:normal;max-width:390px}.home-page .selected-caption .selected-caption-meta{text-align:right;color:#766b80}.home-page .selected-caption .selected-caption-meta>span{display:block;margin-top:6px}

.home-page .ai-section{background:var(--lavender);color:var(--ink);padding:0;margin:0}
.home-page .ai-section>.wrap{padding:34px 0 125px}
.home-page .ai-section .section-marker{border-color:#21143565}
.home-page .ai-heading{padding:65px 0 45px;align-items:end}
.home-page .ai-heading h2{font-size:clamp(140px,21vw,310px);line-height:.66;color:var(--violet);letter-spacing:-.12em;margin:0}
.home-page .ai-heading>p{color:#55456f;font-size:16px}
.home-page .ai-showcase{grid-template-columns:1.45fr .7fr;gap:22px}.home-page .ai-visual>div{background:#b8a8df}.home-page .ai-visual img{filter:none}.home-page .ai-visual figcaption{color:var(--ink)}.home-page .ai-visual figcaption span,.home-page .ai-visual figcaption small{color:#665779}.home-page .ai-disclaimer{color:#6b5e7b;border-top:1px solid #21143545;padding-top:20px}

.home-page .archive-section{background:var(--paper);color:var(--ink);padding:135px 0}
.home-page .archive-head .micro-label{color:var(--violet);margin-bottom:25px}
.home-page .archive-head h2{color:var(--ink);font-size:clamp(65px,8vw,116px)}.home-page .archive-head>p{color:#665b6c}
.home-page .archive-toolbar{border-color:#21143542}.home-page .archive-filter{color:#756a80}.home-page .archive-filter:hover{color:var(--ink)}.home-page .archive-filter.active{background:var(--ink);color:var(--paper);border-radius:999px}.home-page .archive-toolbar>span{color:#82788a}
.home-page .archive-grid{gap:75px 26px}.home-page .archive-thumb{aspect-ratio:16/9;background:#d8d1c8;box-shadow:10px 12px 0 #d9d1c8}.home-page .archive-thumb:after{display:none}.home-page .archive-thumb img,.home-page .archive-thumb video{transform:none}.home-page .archive-thumb:hover img,.home-page .archive-thumb:hover video{transform:scale(1.025);filter:saturate(1.08)}
.home-page .archive-copy{padding-top:20px}.home-page .archive-copy h3{color:var(--ink);font-size:22px}.home-page .archive-copy p{color:#7a7082}.home-page .archive-copy .archive-number{display:block;color:var(--violet);font-size:9px;margin-bottom:5px}.home-page .archive-more{border:1px solid #21143555;color:var(--ink);border-radius:999px}.home-page .archive-more:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}

.home-page .other-section{background:var(--bg);color:var(--text);padding:34px 0 145px;overflow:hidden}
.home-page .other-section .section-marker{border-color:#d7c9ff55}
.home-page .other-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:75px 0 65px}.home-page .other-heading h2{font-size:clamp(66px,9vw,132px);line-height:.82;letter-spacing:-.08em;color:var(--lavender)}.home-page .other-heading>p{font-size:16px;line-height:1.7;color:#baafca}
.home-page .other-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px 34px;align-items:start}.home-page .other-card{display:block}.home-page .other-card:nth-child(even){margin-top:120px}.home-page .other-image{overflow:hidden;background:#120a25;box-shadow:12px 14px 0 #0d0719}.home-page .other-art .other-image,.home-page .other-landing .other-image{aspect-ratio:4/3}.home-page .other-ux .other-image,.home-page .other-publish .other-image{aspect-ratio:16/10}.home-page .other-card img{transition:transform .65s cubic-bezier(.2,.75,.15,1),filter .35s}.home-page .other-card:hover img{transform:scale(1.035);filter:saturate(1.08)}.home-page .other-card>div:last-child{display:grid;grid-template-columns:1fr auto;gap:5px 20px;padding-top:18px}.home-page .other-card span{grid-column:1/-1;color:var(--accent)}.home-page .other-card h3{font-size:clamp(27px,3vw,42px);letter-spacing:-.055em;color:var(--text)}.home-page .other-card p{align-self:end;color:#a89db8;font-size:12px}.home-page .other-art{rotate:-1.3deg}.home-page .other-ux{rotate:1.2deg}.home-page .other-publish{rotate:.7deg}.home-page .other-landing{rotate:-.8deg}

.home-page .about-section{background:var(--paper);color:var(--ink);padding:34px 0 135px}
.home-page .about-section .section-marker{border-color:#21143555}
.home-page .about-layout{display:grid;grid-template-columns:1.05fr .8fr .85fr;grid-template-areas:'heading copy character' 'heading tools character';gap:38px clamp(45px,6vw,95px);align-items:start;margin-top:85px}
.home-page .about-heading{grid-area:heading}.home-page .about-heading h2{font-size:clamp(67px,7.5vw,112px);color:var(--ink)}.home-page .about-heading em{color:var(--violet)}
.home-page .about-copy{grid-area:copy;padding-top:8px}.home-page .about-copy>p{color:#5c5264}.home-page .about-copy .about-lead{color:var(--ink)}.home-page .skill-list{border-color:#2114353d}.home-page .skill-list span{border-color:#2114353d;color:#756a7e}
.home-page .character-panel{grid-area:character;background:var(--violet);color:var(--text);padding:14px;box-shadow:12px 14px 0 #d9d1c8;rotate:1.5deg}
.home-page .character-stage{min-height:360px;position:relative;display:flex;align-items:end;justify-content:center;overflow:hidden;background:var(--coral)}.home-page .character-stage:before{content:'VIDEO EDITOR';position:absolute;left:50%;top:23px;translate:-50% 0;color:#1e1232;font-size:11px;font-weight:800;letter-spacing:.15em;white-space:nowrap}.home-page .character-stage img{width:min(88%,310px);height:auto;aspect-ratio:1;object-fit:contain;object-position:bottom;image-rendering:pixelated;position:relative;z-index:2}.home-page .character-orbit{position:absolute;width:260px;height:260px;border:2px solid var(--accent);border-radius:50%;top:65px;left:50%;translate:-50% 0;z-index:1}.home-page .character-orbit:after{content:'';position:absolute;width:14px;height:14px;background:var(--accent);border-radius:50%;right:18px;top:33px}.home-page .character-caption{padding:20px 8px 8px;display:grid;gap:7px}.home-page .character-caption span{color:var(--accent)}.home-page .character-caption strong{font-size:24px}.home-page .character-caption small{font:9px 'Courier New',monospace;color:#cabee0}
.home-page .tool-panel{grid-area:tools;margin:0;background:transparent;border:1px solid #2114355c}.home-page .tool-panel-head{border-color:#2114355c;color:#6e6377}.home-page .tool-panel li{border-color:#21143536}.home-page .tool-panel li>span{color:#857990}.home-page .tool-panel li strong{color:var(--ink)}.home-page .tool-panel li em{color:var(--violet)}

.home-page .contact-section{background:var(--bg);color:var(--text);padding:34px 0 100px}.home-page .contact-section .section-marker{border-color:#d7c9ff55}.home-page .contact-section h2{color:var(--lavender);margin:85px 0 70px}.home-page .contact-section h2 span{color:var(--coral)}.home-page .contact-row>p{color:#b8aec7}.home-page .contact-row>div>a{color:var(--text);border-color:#d7c9ff6b}.home-page .contact-row .copy-email{color:#9e93ad}.home-page .contact-row .copy-email:hover{color:var(--accent)}
.home-page .site-footer{background:var(--bg);border-color:#d7c9ff38;color:#968aa8}.home-page .site-footer .wordmark{color:var(--text)}

.home-page .back-to-top{position:fixed;z-index:80;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--accent);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;box-shadow:5px 6px 0 #120a22;opacity:0;visibility:hidden;transform:translateY(15px) scale(.8);transition:opacity .25s,transform .25s,visibility .25s}.home-page .back-to-top.visible{opacity:1;visibility:visible;transform:none}.home-page .back-to-top:hover{background:var(--coral);transform:rotate(-8deg)}.home-page .back-to-top span{font-size:18px;line-height:1}.home-page .back-to-top small{font-size:8px;font-weight:800;letter-spacing:.08em}

.home-page .cursor-follower{display:none;position:fixed;z-index:1400;left:0;top:0;width:13px;height:13px;border-radius:50%;background:var(--accent);color:var(--ink);pointer-events:none;translate:-50% -50%;transition:width .2s,height .2s,background .2s,opacity .2s;will-change:transform;box-shadow:0 0 0 1px #1b103322}.home-page .cursor-follower span{opacity:0;font-size:11px;font-weight:800;white-space:nowrap;transition:opacity .12s}.home-page .cursor-follower.is-active{width:72px;height:72px;background:var(--accent)}.home-page .cursor-follower.is-active span{opacity:1}.home-page .cursor-follower.is-down{scale:.86}.home-page .cursor-follower.is-hidden{opacity:0}
@media(pointer:fine){.home-page.has-custom-cursor,.home-page.has-custom-cursor *{cursor:none!important}.home-page.has-custom-cursor .cursor-follower{display:flex;align-items:center;justify-content:center}}

.home-page dialog{background:var(--bg);border-color:#d7c9ff5f}.home-page .dialog-bar{border-color:#d7c9ff4a}.home-page .dialog-bar .mono,.home-page .dialog-info>p:first-child,.home-page .dialog-info>a{color:var(--accent)}

@media(max-width:1050px){
 .home-page .site-header .primary-nav{gap:16px}.home-page .hero-main-frame{width:54vw}.home-page .hero-project-caption{width:54vw;top:calc(48% + 15.2vw)}
 .home-page .about-layout{grid-template-columns:1fr 1fr;grid-template-areas:'heading character' 'copy character' 'tools character'}.home-page .character-stage{min-height:390px}
}
@media(max-width:800px){
 .home-page .site-header .menu-toggle{border:1px solid #d7c9ff55;border-radius:999px;padding:9px 14px}.home-page .site-header .primary-nav{background:#1b1033fa;border-color:#d7c9ff38}.home-page .site-header .primary-nav a{color:var(--lavender)}
 .home-page .cinema-hero{height:125svh;min-height:820px}.home-page .hero-main-frame{width:67vw}.home-page .hero-project-caption{width:67vw;top:calc(48% + 18.8vw);grid-template-columns:1fr auto}.home-page .hero-project-caption strong{display:none}.home-page .floating-short{width:112px}.home-page .floating-caption{left:0}.home-page .hero-sticker-top{right:0}.home-page .hero-sticker-bottom{left:8%}
 .home-page .selected-layout{grid-template-columns:1fr}.home-page .selected-rail{position:relative;top:0}.home-page .selected-meta{display:grid}.home-page .selected-stack{gap:80px}
 .home-page .other-grid{gap:75px 20px}.home-page .other-card:nth-child(even){margin-top:70px}.home-page .other-card p{display:none}
 .home-page .about-layout{grid-template-columns:1fr 1fr;grid-template-areas:'heading heading' 'copy character' 'tools character'}.home-page .character-stage{min-height:340px}
}
@media(max-width:560px){
 .home-page .hero-sticky{padding-top:88px}.home-page .cinema-hero{min-height:730px}.home-page .hero-kicker{grid-template-columns:1fr auto}.home-page .hero-role{display:none}.home-page .hero-word{font-size:22vw}.home-page .hero-word-video{top:10%}.home-page .hero-word-editor{bottom:17%}.home-page .hero-main-frame{width:83vw;top:47%;box-shadow:8px 9px 0 #10091f77;transform:translate(-50%,-48%) scale(calc(.83 + var(--hero-progress) * .14))}.home-page .hero-project-caption{width:83vw;top:calc(47% + 23.4vw);padding-top:9px}.home-page .hero-project-caption .mono:last-child{display:none}.home-page .floating-short{width:88px;left:-4%;top:30%}.home-page .floating-caption{top:calc(30% - 22px);left:-5%;font-size:7px}.home-page .hero-sticker{font-size:7px;padding:6px 9px}.home-page .hero-sticker-top{top:20%}.home-page .hero-sticker-bottom{bottom:18%;left:3%}.home-page .hero-loop-a{width:96vw;left:-60%}.home-page .hero-loop-b{width:72vw;right:-43%}.home-page .hero-bottom{font-size:10px}
 .home-page .selected-section{padding-bottom:90px}.home-page .selected-section>.wrap{padding-top:22px}.home-page .selected-layout{margin-top:50px}.home-page .selected-rail h2{font-size:43px}.home-page .selected-summary{font-size:14px}.home-page .selected-media,.home-page .selected-project.portrait .selected-media{aspect-ratio:4/3;box-shadow:7px 8px 0 #d9d1c7}.home-page .selected-caption{display:grid;gap:9px}.home-page .selected-caption .selected-caption-meta{text-align:left}.home-page .selected-stack{gap:60px}
 .home-page .ai-section>.wrap{padding:22px 0 80px}.home-page .ai-heading{padding:45px 0 35px}.home-page .ai-heading h2{font-size:42vw}.home-page .ai-heading>p{font-size:14px}.home-page .ai-showcase{grid-template-columns:1fr;gap:48px}.home-page .ai-visual-tall{width:72%;margin-left:auto}
 .home-page .archive-section{padding:85px 0}.home-page .archive-toolbar{margin-top:45px}.home-page .archive-grid{grid-template-columns:1fr}.home-page .archive-card:nth-child(n){transform:none}.home-page .archive-thumb{box-shadow:7px 8px 0 #d9d1c8}
 .home-page .other-section{padding-top:22px;padding-bottom:90px}.home-page .other-heading{padding:50px 0 45px}.home-page .other-heading{display:block}.home-page .other-heading h2{font-size:18vw}.home-page .other-heading p{margin-top:25px;font-size:14px}.home-page .other-grid{grid-template-columns:1fr;gap:60px}.home-page .other-card:nth-child(n){margin:0;rotate:0}.home-page .other-card>div:last-child{grid-template-columns:1fr}.home-page .other-card h3{font-size:31px}
 .home-page .about-section{padding:22px 0 85px}.home-page .about-layout{grid-template-columns:1fr;grid-template-areas:'heading' 'copy' 'character' 'tools';margin-top:55px}.home-page .character-panel{width:min(100%,390px);margin-inline:auto}.home-page .character-stage{min-height:350px}
 .home-page .contact-section{padding-top:22px}.home-page .back-to-top{width:50px;height:50px;right:14px;bottom:14px}.home-page .site-footer>p:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){
 .home-page .cinema-hero{height:100svh}.home-page .hero-main-frame{transform:translate(-50%,-48%) scale(.9)}.home-page .hero-word-video,.home-page .hero-word-editor,.home-page .floating-short,.home-page .floating-caption{transform:none}.home-page .cursor-follower{display:none!important}.home-page.has-custom-cursor,.home-page.has-custom-cursor *{cursor:auto!important}
}

/* v80 — KJI indigo film lab */
html{
 background:#11142b;
 scrollbar-color:#7776ff #11142b;
 scrollbar-width:thin;
}
html::-webkit-scrollbar{width:11px}
html::-webkit-scrollbar-track{background:#11142b}
html::-webkit-scrollbar-thumb{background:#7776ff;border:3px solid #11142b;border-radius:0}

.home-page{
 --bg:#11142b;--surface:#191d3f;--mist:#e3e5ff;--paper:#e3e5ff;--ink:#11142b;
 --text:#f3f4ff;--muted:#a8abd2;--line:#353a68;--accent:#75e9ff;
 --coral:#ff7da6;--lavender:#c9c8ff;--violet:#6f6cff;
 background:var(--bg);color:var(--text);
}
.home-page:before{opacity:.025}
.home-page .site-header{border-color:#c9c8ff33;color:var(--lavender)}
.home-page .site-header .wordmark,.home-page .site-footer .wordmark{color:var(--text)}
.home-page .site-header .wordmark img,.home-page .site-footer .wordmark img{filter:hue-rotate(125deg) saturate(1.3) brightness(1.08)}
.home-page .site-header .nav-link{position:relative;color:#c7caed}
.home-page .site-header .nav-link:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--accent);transition:right .25s ease}
.home-page .site-header .nav-link:hover,.home-page .site-header .nav-link.current{color:#fff}
.home-page .site-header .nav-link:hover:after,.home-page .site-header .nav-link.current:after{right:0}
.home-page .header-status{color:#bec1e4}.home-page .header-status i{width:7px;height:7px;border-radius:0;background:var(--coral)}

.home-page .cinema-hero{height:128svh;min-height:900px;background:var(--bg)}
.home-page .hero-sticky{min-height:690px;padding-top:100px}
.home-page .hero-kicker{color:#b9bce2}.home-page .hero-edition{text-align:right;color:var(--accent)}
.home-page .cinema-hero h1{inset:122px 0 82px;z-index:3}
.home-page .hero-word{font-size:clamp(110px,16.5vw,246px);line-height:.75;color:var(--lavender);letter-spacing:-.095em}
.home-page .hero-word-video{left:-.01em;top:9%;transform:translateX(calc(var(--hero-progress) * -21vw))}
.home-page .hero-word-editor{right:-.01em;bottom:10%;transform:translateX(calc(var(--hero-progress) * 22vw));z-index:3}
.home-page .hero-loop{border-radius:0;border-width:1px;border-style:dashed;opacity:.72;animation:frame-drift 8s ease-in-out infinite alternate}
.home-page .hero-loop-a{width:min(62vw,880px);height:min(28vw,390px);aspect-ratio:auto;left:-15%;top:28%;border-color:var(--accent);rotate:-7deg;transform:translateX(calc(var(--hero-progress) * -8vw))}
.home-page .hero-loop-b{width:min(49vw,690px);height:min(24vw,340px);aspect-ratio:auto;right:-13%;bottom:17%;border-color:var(--coral);rotate:9deg;transform:translateX(calc(var(--hero-progress) * 9vw))}
@keyframes frame-drift{to{translate:0 14px}}
.home-page .hero-sticker{border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:6px 6px 0 #080a1dcc;padding:10px 14px}
.home-page .hero-sticker-top{right:7%;top:24%;background:var(--coral);color:var(--ink);rotate:4deg}
.home-page .hero-sticker-bottom{left:7%;bottom:22%;background:var(--accent);color:var(--ink);rotate:-4deg}
.home-page .hero-pixels{position:absolute;z-index:2;left:50%;top:48%;display:grid;grid-template-columns:repeat(3,16px);gap:7px;transform:translate(-50%,-50%) rotate(calc(-7deg + var(--hero-progress) * 20deg)) scale(calc(1 + var(--hero-progress) * .45))}
.home-page .hero-pixels i{display:block;width:16px;height:16px;background:var(--violet);box-shadow:4px 4px 0 #090b20}
.home-page .hero-pixels i:nth-child(2),.home-page .hero-pixels i:nth-child(4){background:var(--accent)}
.home-page .hero-pixels i:nth-child(3){grid-column:2;background:var(--coral)}
.home-page .hero-side-note{position:absolute;z-index:4;right:1%;top:45%;color:#8589bc;line-height:1.25;text-align:right}
.home-page .hero-bottom{color:#b7badc}.home-page .scroll-cue{color:#fff}.home-page .scroll-cue span{color:var(--accent)}

.home-page .selected-section{background:var(--mist);color:var(--ink);padding:34px 0 150px}
.home-page .selected-section>.wrap{padding-top:0}
.home-page .selected-section .section-marker{border-color:#11142b45}
.home-page .selected-layout{grid-template-columns:minmax(260px,.58fr) minmax(0,1.42fr);gap:clamp(52px,8vw,135px);margin-top:92px}
.home-page .selected-rail{min-height:430px;top:112px}
.home-page .selected-count{border-radius:0;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:var(--violet);color:#fff;padding:8px 11px;margin-bottom:34px}
.home-page .selected-rail h2{font-size:clamp(56px,6vw,88px);color:var(--ink);line-height:.84}
.home-page .selected-rail h2 em{font-style:normal;color:var(--violet)}
.home-page .selected-summary{color:#50557d;max-width:370px;line-height:1.75}
.home-page .selected-note{margin-top:32px;color:#6d71a1;border-top:1px solid #11142b3b;padding-top:14px}
.home-page .selected-stack{gap:135px}
.home-page .selected-project{min-height:0;width:100%;scroll-margin-top:110px}
.home-page .selected-project:nth-child(2){width:78%;margin-left:auto}
.home-page .selected-project:nth-child(3){width:90%}
.home-page .selected-media,.home-page .selected-project.portrait .selected-media{aspect-ratio:16/9;border:0;background:#151936;box-shadow:12px 12px 0 var(--violet);transition:box-shadow .32s ease,translate .32s ease}
.home-page .selected-media:after{display:none}
.home-page .selected-media:hover{box-shadow:18px 18px 0 var(--accent);translate:-6px -6px}
.home-page .selected-media img{transform:none;filter:saturate(.92);transition:transform .6s cubic-bezier(.2,.75,.15,1),filter .3s}
.home-page .selected-media:hover img{transform:scale(1.025);filter:saturate(1.06)}
.home-page .selected-caption{padding-top:25px;color:#575c83}
.home-page .selected-caption>div:first-child .mono{color:var(--violet)}
.home-page .selected-caption h3{color:var(--ink);font-size:clamp(24px,2.4vw,36px)}
.home-page .selected-caption p{color:#565b80}.home-page .selected-caption .selected-caption-meta{color:#6e72a0}

.home-page .ai-section{background:#bfc3ff;color:var(--ink)}
.home-page .ai-section .section-marker{border-color:#11142b46}
.home-page .ai-heading h2{color:var(--violet)}
.home-page .ai-heading>p{color:#42476f}
.home-page .ai-visual>div{background:#8d92e2;box-shadow:10px 10px 0 #6f6cff}
.home-page .ai-visual img{filter:saturate(.9)}
.home-page .ai-visual:hover img{filter:saturate(1.05)}
.home-page .ai-visual figcaption,.home-page .ai-visual figcaption span,.home-page .ai-visual figcaption small,.home-page .ai-disclaimer{color:#42476d}
.home-page .ai-disclaimer{border-color:#11142b43}

.home-page .other-section{background:var(--surface);color:var(--text)}
.home-page .other-section .section-marker{border-color:#c9c8ff3f}
.home-page .other-heading h2{color:var(--lavender)}.home-page .other-heading>p{color:#b7badb}
.home-page .other-image{background:#10132b;box-shadow:11px 11px 0 #6f6cff;transition:box-shadow .35s ease,translate .35s ease}
.home-page .other-card:hover .other-image{box-shadow:17px 17px 0 var(--accent);translate:-5px -5px}
.home-page .other-card span{color:var(--accent)}.home-page .other-card h3{color:#f4f4ff}.home-page .other-card p{color:#aeb1d2}

.home-page .about-section{background:#d7d9ff;color:var(--ink)}
.home-page .about-section .section-marker{border-color:#11142b48}
.home-page .about-heading h2{color:var(--ink)}.home-page .about-heading em{color:var(--violet)}
.home-page .about-copy>p{color:#50557b}.home-page .about-copy .about-lead{color:var(--ink)}
.home-page .skill-list,.home-page .skill-list span{border-color:#11142b38}.home-page .skill-list span{color:#646993}
.home-page .character-panel{background:var(--violet);color:#fff;box-shadow:12px 14px 0 #9da1e3}
.home-page .character-stage{background:var(--accent)}.home-page .character-stage:before{color:var(--ink)}
.home-page .character-orbit{border-radius:0;border-style:dashed;border-color:var(--violet);rotate:8deg}.home-page .character-orbit:after{border-radius:0;background:var(--coral)}
.home-page .character-caption span{color:var(--accent)}
.home-page .tool-panel{border-color:#11142b55}.home-page .tool-panel-head,.home-page .tool-panel li{border-color:#11142b3c}.home-page .tool-panel-head,.home-page .tool-panel li>span{color:#686d96}.home-page .tool-panel li strong{color:var(--ink)}.home-page .tool-panel li em{color:var(--violet)}

.home-page .contact-section{background:var(--bg);color:var(--text)}
.home-page .contact-section .section-marker{border-color:#c9c8ff3b}
.home-page .contact-section h2{color:var(--lavender)}.home-page .contact-section h2 span{color:var(--accent)}
.home-page .contact-row>p{color:#b1b4d5}.home-page .contact-row>div>a{color:#fff;border-color:#c9c8ff75}.home-page .contact-row .copy-email{color:#999dc8}.home-page .contact-row .copy-email:hover{color:var(--accent)}
.home-page .site-footer{background:var(--bg);border-color:#c9c8ff36;color:#9094bc}

.home-page .back-to-top{width:56px;height:56px;border-radius:0;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:var(--accent);color:var(--ink);box-shadow:5px 5px 0 #07091e}
.home-page .back-to-top:hover{background:var(--coral);transform:translateY(-4px)}

.home-page .cursor-follower{width:18px;height:22px;border-radius:0;background:var(--accent);color:var(--ink);box-shadow:3px 3px 0 #080a20;clip-path:polygon(0 0,100% 45%,62% 56%,78% 88%,61% 97%,46% 64%,21% 89%);transition:width .16s,height .16s,background .16s,opacity .16s,clip-path .16s}
.home-page .cursor-follower span{font-family:Silkscreen,'Courier New',monospace;font-size:9px}
.home-page .cursor-follower.is-active{width:70px;height:36px;border-radius:0;background:var(--accent);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.home-page .cursor-follower.is-down{scale:.9}

.home-page dialog{background:var(--surface);border-color:#c9c8ff5c}.home-page .dialog-bar{border-color:#c9c8ff43}.home-page .dialog-bar .mono,.home-page .dialog-info>p:first-child,.home-page .dialog-info>a{color:var(--accent)}

@media(max-width:1050px){
 .home-page .selected-layout{grid-template-columns:.55fr 1.3fr;gap:55px}.home-page .selected-rail h2{font-size:5.6vw}
}
@media(max-width:800px){
 .home-page .site-header .menu-toggle{border-color:#c9c8ff4a;border-radius:0;color:#fff}.home-page .site-header .primary-nav{background:#11142bf7;border-color:#c9c8ff35}.home-page .site-header .primary-nav a{color:var(--lavender)}
 .home-page .cinema-hero{height:118svh;min-height:760px}.home-page .hero-side-note{display:none}.home-page .hero-loop-a{width:84vw;height:42vw;left:-33%}.home-page .hero-loop-b{width:67vw;height:34vw;right:-31%}
 .home-page .selected-layout{grid-template-columns:1fr}.home-page .selected-rail{position:relative;top:0;min-height:0}.home-page .selected-rail h2{font-size:64px}.home-page .selected-stack{gap:90px}.home-page .selected-project:nth-child(n){width:100%;margin-left:0}
}
@media(max-width:560px){
 .home-page .cinema-hero{height:105svh;min-height:700px}.home-page .hero-sticky{padding-top:86px}.home-page .hero-kicker{grid-template-columns:1fr auto}.home-page .hero-role{display:none}.home-page .hero-edition{font-size:8px}.home-page .hero-word{font-size:23vw}.home-page .hero-word-video{top:17%}.home-page .hero-word-editor{bottom:20%}.home-page .hero-loop-a{top:32%;width:110vw;height:50vw;left:-63%}.home-page .hero-loop-b{bottom:26%;width:89vw;height:45vw;right:-56%}.home-page .hero-sticker-top{top:27%;right:1%}.home-page .hero-sticker-bottom{bottom:28%;left:1%}.home-page .hero-pixels{grid-template-columns:repeat(3,12px);gap:5px}.home-page .hero-pixels i{width:12px;height:12px}.home-page .hero-bottom{font-size:9px}
 .home-page .selected-section{padding-bottom:90px}.home-page .selected-layout{margin-top:52px}.home-page .selected-rail h2{font-size:15.5vw}.home-page .selected-stack{gap:65px}.home-page .selected-media,.home-page .selected-project.portrait .selected-media{aspect-ratio:4/3;box-shadow:7px 7px 0 var(--violet)}.home-page .selected-media:hover{box-shadow:10px 10px 0 var(--accent);translate:-3px -3px}.home-page .selected-caption{display:grid;gap:9px}.home-page .selected-caption .selected-caption-meta{text-align:left}
 .home-page .ai-visual>div{box-shadow:7px 7px 0 #6f6cff}.home-page .other-image{box-shadow:7px 7px 0 #6f6cff}
 .home-page .back-to-top{width:50px;height:50px}
}
@media(prefers-reduced-motion:reduce){
 .home-page .hero-loop{animation:none}.home-page .hero-word-video,.home-page .hero-word-editor,.home-page .hero-pixels{transform:none}
}

/* v90 — kinetic edit suite / graphite + neon */
html{background:#0b100e;scrollbar-color:#caff38 #0b100e}
html::-webkit-scrollbar-track{background:#0b100e}
html::-webkit-scrollbar-thumb{background:#caff38;border-color:#0b100e}
.home-page{
 --bg:#0b100e;--surface:#111c18;--mist:#dce9e3;--paper:#dce9e3;--ink:#0d1511;
 --text:#f3f8f4;--muted:#9fb1a8;--line:#32473f;--accent:#caff38;
 --cyan:#4deaff;--coral:#ff6e4a;--lavender:#dce9e3;--violet:#187c63;
 background:var(--bg);color:var(--text);
}
.home-page:before{opacity:.035;mix-blend-mode:soft-light}

/* CSS 3D monogram */
.home-page .site-header .wordmark,.home-page .site-footer .wordmark{gap:12px;perspective:260px}
.home-page .logo-sigil{position:relative;display:block;width:48px;height:34px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.home-page .logo-sigil i{position:absolute;top:3px;width:24px;height:28px;display:grid;place-items:center;font:800 17px/1 'DM Sans',sans-serif;font-style:normal;color:var(--ink);border:1px solid #0b100e;box-shadow:3px 3px 0 #0b100e;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.home-page .logo-sigil i:nth-child(1){left:0;background:var(--cyan);transform:rotate(-9deg) translateZ(9px)}
.home-page .logo-sigil i:nth-child(2){left:14px;background:var(--accent);transform:rotate(8deg) translateZ(18px)}
.home-page .logo-sigil i:nth-child(3){left:28px;background:var(--coral);transform:rotate(-5deg) translateZ(27px)}
.home-page .wordmark:hover .logo-sigil{transform:rotateY(-23deg) rotateX(12deg)}
.home-page .wordmark:hover .logo-sigil i:nth-child(1){transform:translateX(-5px) rotate(-13deg) translateZ(5px)}
.home-page .wordmark:hover .logo-sigil i:nth-child(3){transform:translateX(5px) rotate(2deg) translateZ(34px)}
.home-page .logo-name{font-size:18px;font-weight:900;letter-spacing:-.06em;color:#fff}
.home-page .site-header{border-color:#dce9e32e}.home-page .site-header .nav-link{color:#c3d1ca}
.home-page .site-header .nav-link:after{background:var(--accent)}
.home-page .site-header .nav-link:hover,.home-page .site-header .nav-link.current{color:var(--accent)}
.home-page .header-status{color:#b3c2bb}.home-page .header-status i{background:var(--coral)}

/* Animated hero */
.home-page .cinema-hero{height:142svh;min-height:980px;background:var(--bg);isolation:isolate}
.home-page .cinema-hero:before{content:'';position:absolute;inset:0;z-index:0;opacity:.17;background-image:linear-gradient(#4deaff22 1px,transparent 1px),linear-gradient(90deg,#4deaff22 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#000,transparent 88%);animation:grid-breathe 5s ease-in-out infinite alternate}
@keyframes grid-breathe{to{opacity:.3;background-size:61px 61px}}
.home-page .hero-sticky{padding-top:100px;min-height:720px}
.home-page .hero-kicker{color:#b8c8c0}.home-page .hero-edition{color:var(--cyan)}
.home-page .cinema-hero h1{inset:122px 0 88px;z-index:4}
.home-page .hero-word{font-size:clamp(112px,16.8vw,250px);color:#eef6f1;letter-spacing:-.1em;display:flex;width:max-content;overflow:visible}
.home-page .hero-word-video{left:0;top:8%}.home-page .hero-word-editor{right:0;bottom:9%}
.home-page .hero-word>span{display:inline-block;transform-origin:50% 100%;animation:hero-char-in .95s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.12s + var(--char) * .075s)}
.home-page .hero-word-editor>span{animation-delay:calc(.42s + var(--char) * .075s)}
.home-page .hero-word-video>span:nth-child(2),.home-page .hero-word-video>span:nth-child(5),.home-page .hero-word-editor>span:nth-child(3){color:var(--accent)}
.home-page .hero-word-editor>span:nth-child(5){color:var(--cyan)}
@keyframes hero-char-in{from{opacity:0;transform:translateY(110%) rotateX(-78deg) rotateZ(6deg)}to{opacity:1;transform:none}}
.home-page .hero-loop{border-color:var(--cyan);animation:track-drift 7s ease-in-out infinite alternate}
.home-page .hero-loop-b{border-color:var(--coral)}
@keyframes track-drift{to{translate:16px -13px;rotate:3deg}}
.home-page .hero-sticker{box-shadow:6px 6px 0 #000;border:1px solid #0b100e}
.home-page .hero-sticker-top{background:var(--coral)}.home-page .hero-sticker-bottom{background:var(--accent)}
.home-page .hero-pixels{animation:pixel-orbit 5.5s linear infinite}
.home-page .hero-pixels i{background:var(--accent);box-shadow:4px 4px 0 #000}.home-page .hero-pixels i:nth-child(2),.home-page .hero-pixels i:nth-child(4){background:var(--cyan)}.home-page .hero-pixels i:nth-child(3){background:var(--coral)}
@keyframes pixel-orbit{50%{translate:0 -22px;rotate:180deg}100%{rotate:360deg}}
.home-page .hero-side-note{color:#82988e}
.home-page .hero-ticker{position:absolute;z-index:2;left:-8%;right:-8%;top:48%;display:flex;gap:42px;overflow:hidden;rotate:-3deg;background:var(--accent);color:var(--ink);border-block:2px solid #07100b;padding:10px 0;font:800 12px/1 Silkscreen,monospace;letter-spacing:.06em;white-space:nowrap;box-shadow:0 6px 0 #000;pointer-events:none}
.home-page .hero-ticker span{flex:none;animation:hero-ticker 13s linear infinite}
@keyframes hero-ticker{to{transform:translateX(calc(-100% - 42px))}}
.home-page .hero-bottom{color:#b3c4bb}.home-page .scroll-cue{color:#fff}.home-page .scroll-cue span{color:var(--accent)}

/* Horizontal selected-work carousel */
.home-page .selected-section{background:var(--mist);color:var(--ink);padding:34px 0 120px;overflow:hidden}
.home-page .selected-section .section-marker{border-color:#0d151140}
.home-page .video-intro{display:grid;grid-template-columns:1.15fr .55fr;gap:90px;align-items:end;padding:80px 0 64px}
.home-page .selected-count{display:inline-block;background:var(--ink);color:var(--accent);margin:0 0 28px;padding:8px 11px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.home-page .video-intro h2{font-size:clamp(68px,9vw,132px);line-height:.78;letter-spacing:-.09em;color:var(--ink)}
.home-page .video-intro h2 em{font-style:normal;color:var(--violet)}
.home-page .video-intro-side{display:flex;flex-direction:column;align-items:flex-start;gap:35px;padding-bottom:8px}
.home-page .video-intro-side>p{color:#40554c;font-size:15px;line-height:1.8;max-width:390px;word-break:keep-all}
.home-page .slider-controls{display:flex;gap:8px}.home-page .slider-controls button{width:58px;height:50px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:24px;transition:background .2s,color .2s,translate .2s}
.home-page .slider-controls button:hover:not(:disabled){background:var(--ink);color:var(--accent);translate:0 -4px}.home-page .slider-controls button:disabled{opacity:.25;cursor:default}
.home-page .selected-stack{position:relative;display:flex;flex-direction:row;gap:clamp(22px,3vw,48px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:12px 12vw 34px 0;margin:0 -12vw 0 0;scrollbar-width:none;overscroll-behavior-x:contain}
.home-page .selected-stack::-webkit-scrollbar{display:none}
.home-page .selected-project,.home-page .selected-project:nth-child(n){flex:0 0 min(78vw,1080px);width:auto;min-height:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.home-page .selected-media,.home-page .selected-project.portrait .selected-media{aspect-ratio:16/9;background:#14231d;box-shadow:12px 12px 0 #187c63;border:1px solid #0d1511}
.home-page .selected-media:hover{box-shadow:18px 18px 0 var(--accent);translate:-6px -6px}
.home-page .selected-caption{color:#456057;padding-top:24px}.home-page .selected-caption h3{color:var(--ink)}.home-page .selected-caption>div:first-child .mono{color:var(--violet)}.home-page .selected-caption p{color:#4b6259}.home-page .selected-caption .selected-caption-meta{color:#5d756c}
.home-page .video-progress{display:flex;align-items:center;gap:20px;margin-top:22px}.home-page .video-progress>span{height:2px;flex:1;background:#0d151135;overflow:hidden}.home-page .video-progress i{display:block;width:33.333%;height:100%;background:var(--violet);transition:width .45s cubic-bezier(.2,.8,.2,1)}.home-page .video-progress strong{min-width:58px;color:#4b6259}

/* Scroll title choreography */
.home-page .reveal-title{opacity:0;transform:translateY(80px) rotate(3deg);clip-path:inset(100% 0 0);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1),clip-path 1s cubic-bezier(.16,1,.3,1)}
.home-page .reveal-title.is-visible{opacity:1;transform:none;clip-path:inset(0)}

.home-page .ai-section{background:#bdeedb;color:var(--ink)}
.home-page .ai-section .section-marker{border-color:#0d151145}.home-page .ai-heading h2{color:var(--violet)}.home-page .ai-heading>p{color:#34534a}
.home-page .ai-visual>div{background:#7fcfb8;box-shadow:10px 10px 0 var(--violet)}
.home-page .ai-visual figcaption,.home-page .ai-visual figcaption span,.home-page .ai-visual figcaption small,.home-page .ai-disclaimer{color:#35554b}.home-page .ai-disclaimer{border-color:#0d151143}

.home-page .other-section{background:var(--surface);color:var(--text)}
.home-page .other-section .section-marker{border-color:#dce9e33b}.home-page .other-heading h2{color:#eaf3ee}.home-page .other-heading>p{color:#aebfb7}
.home-page .other-image{background:#0b100e;box-shadow:11px 11px 0 var(--violet)}.home-page .other-card:hover .other-image{box-shadow:17px 17px 0 var(--accent)}
.home-page .other-card span{color:var(--accent)}.home-page .other-card h3{color:#f1f7f3}.home-page .other-card p{color:#a4b8ae}

/* About: identity left, capabilities right */
.home-page .about-section{background:#d7e5de;color:var(--ink);padding:34px 0 130px}
.home-page .about-section .section-marker{border-color:#0d151146}
.home-page .about-title-row{display:flex;align-items:end;justify-content:space-between;gap:50px;padding:75px 0 68px}
.home-page .about-title-row h2{font-size:clamp(72px,10vw,148px);line-height:.78;letter-spacing:-.09em;color:var(--ink)}.home-page .about-title-row h2 em{font-style:normal;color:var(--violet)}
.home-page .about-title-row>p{font-size:16px;line-height:1.8;color:#40574d;padding-bottom:8px}
.home-page .about-layout{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(460px,1.22fr);grid-template-areas:none;gap:clamp(50px,8vw,130px);margin:0;align-items:start}
.home-page .about-left,.home-page .about-right{display:flex;flex-direction:column;gap:28px}
.home-page .character-panel{grid-area:auto;width:100%;margin:0;background:var(--ink);color:#fff;box-shadow:12px 14px 0 var(--violet);rotate:-1deg}
.home-page .character-stage{background:var(--cyan)}.home-page .character-stage:before{color:var(--ink)}
.home-page .character-orbit{border-color:var(--violet)}.home-page .character-orbit:after{background:var(--coral)}.home-page .character-caption span{color:var(--accent)}
.home-page .about-facts{margin:0;border:1px solid #0d151155;background:#dce9e366}.home-page .about-facts>div{display:grid;grid-template-columns:92px 1fr;padding:14px 16px;border-bottom:1px solid #0d15113b}.home-page .about-facts>div:last-child{border-bottom:0}.home-page .about-facts dt{color:#687c73}.home-page .about-facts dd{margin:0;color:var(--ink);text-align:right}
.home-page .about-copy{grid-area:auto;padding:0}.home-page .about-copy>p{color:#40564c}.home-page .about-copy .about-lead{color:var(--ink);font-size:22px}
.home-page .skill-board{border-top:2px solid var(--ink);opacity:0;transform:translateY(35px);transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1)}.home-page .skill-board.is-visible{opacity:1;transform:none}
.home-page .skill-head{display:flex;justify-content:space-between;padding:13px 0;color:#5a7066;border-bottom:1px solid #0d15114a}
.home-page .skill-row{display:grid;grid-template-columns:44px minmax(150px,.8fr) 1.4fr 38px;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid #0d15113e}.home-page .skill-row>span{color:#687c73}.home-page .skill-row strong{font-size:clamp(17px,1.8vw,26px);letter-spacing:-.04em}.home-page .skill-row>i{height:8px;background:#0d151126;display:block;overflow:hidden}.home-page .skill-row>i b{display:block;width:0;height:100%;background:var(--violet);transition:width 1.1s cubic-bezier(.16,1,.3,1)}.home-page .skill-board.is-visible .skill-row>i b{width:var(--level)}.home-page .skill-row>em{font:800 16px 'DM Sans',sans-serif;font-style:normal;text-align:right;color:var(--violet)}

.home-page .contact-section{background:var(--bg);color:var(--text)}.home-page .contact-section .section-marker{border-color:#dce9e338}.home-page .contact-section h2{color:#eef6f1}.home-page .contact-section h2 span{color:var(--accent)}.home-page .contact-row>p{color:#a9bcb2}
.home-page .email-copy{display:flex;align-items:end;gap:18px;background:transparent;border:0;padding:0;color:#fff;text-align:left}.home-page .email-address{font-size:clamp(25px,3vw,43px);letter-spacing:-.045em;border-bottom:1px solid #dce9e376;padding-bottom:7px;transition:color .2s,border-color .2s}.home-page .email-state{color:#91a69b;padding-bottom:10px;white-space:nowrap}.home-page .email-copy:hover .email-address,.home-page .email-copy.copied .email-address{color:var(--accent);border-color:var(--accent)}.home-page .email-copy.copied .email-state{color:var(--accent)}
.home-page .site-footer{background:var(--bg);border-color:#dce9e334;color:#82988d}
.home-page .back-to-top{background:var(--accent);color:var(--ink);box-shadow:5px 5px 0 #000}.home-page .back-to-top:hover{background:var(--cyan)}

/* Keep the system pointer; only a word follows selected targets. */
.home-page.has-custom-cursor,.home-page.has-custom-cursor *{cursor:auto!important}
.home-page.has-custom-cursor a,.home-page.has-custom-cursor button{cursor:pointer!important}
.home-page .cursor-follower{display:none;left:0;top:0;width:auto;height:auto;border-radius:0;background:transparent;color:var(--accent);box-shadow:none;clip-path:none;translate:18px 16px;opacity:0;transition:opacity .12s;will-change:transform}
.home-page .cursor-follower span{opacity:1;padding:5px 7px;background:#0b100ee8;border-left:3px solid var(--accent);font:10px Silkscreen,monospace;color:var(--accent);text-shadow:none;white-space:nowrap}
.home-page .cursor-follower.is-active{width:auto;height:auto;background:transparent;clip-path:none;opacity:1}.home-page .cursor-follower.is-hidden{opacity:0}.home-page .cursor-follower.is-down{scale:1}
@media(pointer:fine){.home-page.has-custom-cursor .cursor-follower{display:block}}

.home-page dialog{background:var(--surface);border-color:#dce9e34f}.home-page .dialog-bar{border-color:#dce9e340}.home-page .dialog-bar .mono,.home-page .dialog-info>p:first-child,.home-page .dialog-info>a{color:var(--accent)}

@media(max-width:900px){
 .home-page .site-header .menu-toggle{border-color:#dce9e348;color:#fff}.home-page .site-header .primary-nav{background:#0b100ef8;border-color:#dce9e331}.home-page .site-header .primary-nav a{color:#dce9e3}
 .home-page .video-intro{grid-template-columns:1fr;gap:35px}.home-page .video-intro-side{flex-direction:row;align-items:end;justify-content:space-between}.home-page .selected-project,.home-page .selected-project:nth-child(n){flex-basis:86vw}
 .home-page .about-layout{grid-template-columns:1fr 1.15fr;gap:35px}.home-page .skill-row{grid-template-columns:34px 1fr 46px}.home-page .skill-row>i{grid-column:2/4}.home-page .skill-row>em{grid-column:3;grid-row:1}.home-page .about-title-row h2{font-size:12vw}
}
@media(max-width:560px){
 .home-page .logo-sigil{width:42px;scale:.9;transform-origin:left center}.home-page .logo-name{display:none}
 .home-page .cinema-hero{height:112svh;min-height:760px}.home-page .cinema-hero:before{background-size:34px 34px}.home-page .hero-word{font-size:23.5vw}.home-page .hero-word-video{top:16%}.home-page .hero-word-editor{bottom:22%}.home-page .hero-ticker{top:49%;font-size:9px;padding:8px 0}.home-page .hero-sticker-top{top:27%}.home-page .hero-sticker-bottom{bottom:30%}
 .home-page .video-intro{padding:52px 0 42px}.home-page .video-intro h2{font-size:17vw}.home-page .video-intro-side{display:block}.home-page .slider-controls{margin-top:24px}.home-page .slider-controls button{width:52px;height:46px}.home-page .selected-stack{margin-right:-15px;padding-right:15px;gap:18px}.home-page .selected-project,.home-page .selected-project:nth-child(n){flex-basis:calc(100vw - 45px)}.home-page .selected-media,.home-page .selected-project.portrait .selected-media{aspect-ratio:4/3;box-shadow:7px 7px 0 var(--violet)}.home-page .selected-caption{display:grid}.home-page .selected-caption .selected-caption-meta{text-align:left}
 .home-page .about-title-row{display:block;padding:52px 0 42px}.home-page .about-title-row h2{font-size:18vw}.home-page .about-title-row>p{margin-top:26px}.home-page .about-layout{grid-template-columns:1fr;gap:52px}.home-page .character-panel{max-width:390px;margin-inline:auto}.home-page .skill-row{grid-template-columns:30px 1fr 38px;gap:12px;padding:20px 0}
 .home-page .email-copy{display:block}.home-page .email-state{display:block;margin-top:11px;padding:0}.home-page .email-address{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 .home-page .cinema-hero:before,.home-page .hero-word>span,.home-page .hero-loop,.home-page .hero-pixels,.home-page .hero-ticker span{animation:none}.home-page .reveal-title,.home-page .skill-board{opacity:1;transform:none;clip-path:none}.home-page .skill-row>i b{width:var(--level)}
}

/* v100 — Flayks-led editorial direction; Crency-inspired cursor only */
html{background:#11110f;scrollbar-color:#b9ff4f #11110f}
html::-webkit-scrollbar{width:10px;background:#11110f}
html::-webkit-scrollbar-track{background:#11110f}
html::-webkit-scrollbar-thumb{background:#b9ff4f;border:3px solid #11110f;border-radius:20px}
.home-page{
 --bg:#11110f;--surface:#171816;--surface-2:#0d2a20;--text:#f4f0e8;--muted:#aaa9a1;
 --line:#3a3a35;--accent:#b9ff4f;--coral:#ff7967;--cyan:#52d9ff;--ink:#11110f;
 --paper:#f4f0e8;--mist:#11110f;--violet:#b9ff4f;--lavender:#f4f0e8;
 position:relative;background:var(--bg);color:var(--text);overflow-x:hidden;
}
.home-page:before{content:'';position:fixed;z-index:1200;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");background-size:180px 180px}
.home-page main{background:transparent}

/* Brand and navigation */
.home-page .site-header{height:82px;border-color:#f4f0e82b;color:var(--text);z-index:200}
.home-page .site-header .wordmark,.home-page .site-footer .wordmark{perspective:none;gap:0}
.home-page .site-header .wordmark img.brand-mark{width:126px;height:auto;object-fit:contain;image-rendering:auto;filter:none;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.home-page .site-header .wordmark:hover .brand-mark{transform:skewX(-5deg) translateX(5px)}
.home-page .site-header .nav-link{color:#d9d6cf;font-size:11px;font-weight:700;letter-spacing:.08em}
.home-page .site-header .nav-link:after{height:1px;background:var(--coral)}
.home-page .site-header .nav-link:hover,.home-page .site-header .nav-link.current{color:var(--coral)}
.home-page .header-status{color:#d9d6cf}.home-page .header-status i{background:var(--accent)}
.side-dots{position:fixed;z-index:190;left:17px;top:50%;translate:0 -50%;display:grid;gap:13px}
.side-dot{position:relative;width:12px;height:12px;display:flex;align-items:center;color:var(--text)}
.side-dot i{width:5px;height:5px;border:1px solid #f4f0e899;border-radius:50%;transition:background .2s,scale .2s,border-color .2s}
.side-dot span{position:absolute;left:17px;opacity:0;translate:-5px 0;pointer-events:none;padding:5px 7px;background:#11110fe8;border:1px solid #f4f0e833;font:8px/1 Silkscreen,monospace;letter-spacing:.06em;transition:opacity .2s,translate .2s;white-space:nowrap}
.side-dot:hover span,.side-dot:focus-visible span{opacity:1;translate:0 0}.side-dot.current i{background:var(--coral);border-color:var(--coral);scale:1.55}

/* Flayks-like oversized split typography */
.home-page .cinema-hero{height:138svh;min-height:960px;background:var(--bg);border:0;overflow:clip;isolation:isolate;--hero-progress:0}
.home-page .cinema-hero:before{content:'';position:absolute;z-index:0;inset:0;opacity:.3;background:radial-gradient(circle at 50% 44%,#133d2b 0,transparent 38%),linear-gradient(115deg,transparent 0 49.8%,#f4f0e80f 50%,transparent 50.2%);animation:none;mask-image:none}
.home-page .hero-sticky{height:100svh;min-height:700px;padding-top:105px;grid-template-rows:auto 1fr auto;overflow:hidden}
.home-page .hero-kicker{z-index:8;color:#d7d4cd;grid-template-columns:1fr 1fr 1fr}.home-page .hero-edition{color:var(--accent)}
.home-page .cinema-hero .hero-title{position:absolute;z-index:3;inset:115px 0 83px;margin:0;pointer-events:none;white-space:normal}
.home-page .hero-title-line{position:absolute;display:flex;align-items:center;line-height:.72;transform-style:preserve-3d;will-change:transform}
.home-page .hero-title-line-video{left:-.02em;top:10%;transform:translateX(calc(var(--hero-progress) * -16vw))}
.home-page .hero-title-line-editor{right:-.03em;bottom:12%;transform:translateX(calc(var(--hero-progress) * 18vw))}
.home-page .hero-title-line .hero-word{position:relative;inset:auto;display:flex;width:max-content;overflow:hidden;font-size:clamp(118px,17.7vw,264px);font-weight:900;letter-spacing:-.105em;line-height:.76;color:var(--coral);font-style:normal}
.home-page .hero-title-line .hero-word>span{display:inline-block;transform-origin:50% 100%;animation:flayks-letter-in 1.08s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.1s + var(--char) * .055s)}
.home-page .hero-title-line-editor .hero-word>span{animation-delay:calc(.34s + var(--char) * .05s)}
.home-page .hero-title-line-video em{position:absolute;z-index:2;left:54%;top:45%;font:italic 700 clamp(34px,5.8vw,88px)/.8 Georgia,serif;letter-spacing:-.07em;color:var(--cyan);rotate:-8deg;text-shadow:4px 4px 0 #11110f;-webkit-text-stroke:1px #11110f}
.home-page .hero-title-line-editor small{font:italic 600 clamp(28px,4vw,62px)/1 Georgia,serif;color:var(--accent);margin-right:clamp(12px,2.5vw,38px);rotate:-7deg}
@keyframes flayks-letter-in{from{opacity:0;transform:translateY(115%) rotateX(-88deg) skewY(7deg)}to{opacity:1;transform:none}}
.home-page .hero-badge{position:absolute;z-index:5;left:48%;top:43%;width:clamp(82px,8vw,120px);aspect-ratio:1;border:1px solid #f4f0e8;border-radius:50%;display:grid;place-items:center;color:var(--text);animation:badge-float 5s ease-in-out infinite;transform:translate(calc(var(--hero-progress) * 2vw),calc(var(--hero-progress) * -7vh))}
.home-page .hero-badge:before{content:'';position:absolute;inset:8px;border:1px dashed var(--accent);border-radius:50%;animation:badge-spin 14s linear infinite}.home-page .hero-badge span{font:9px Silkscreen,monospace;letter-spacing:.08em}.home-page .hero-badge i{position:absolute;right:-9px;top:12px;width:17px;height:17px;background:var(--accent);clip-path:polygon(0 0,100% 50%,0 100%)}
@keyframes badge-float{50%{translate:0 -15px;rotate:6deg}}@keyframes badge-spin{to{rotate:360deg}}
.home-page .hero-pixel-mark{position:absolute;z-index:4;right:8%;top:25%;display:grid;grid-template-columns:repeat(4,10px);gap:5px;rotate:9deg}
.home-page .hero-pixel-mark i{width:10px;height:10px;background:var(--accent)}.home-page .hero-pixel-mark i:nth-child(2),.home-page .hero-pixel-mark i:nth-child(6){background:var(--cyan)}.home-page .hero-pixel-mark i:nth-child(3),.home-page .hero-pixel-mark i:nth-child(5){background:var(--coral)}.home-page .hero-pixel-mark i:nth-child(4){grid-column:2}
.home-page .hero-scribble{position:absolute;z-index:1;left:10%;top:34%;width:min(31vw,430px);height:min(25vw,340px);border:1px solid #b9ff4f88;border-radius:48% 52% 45% 55%;rotate:-14deg;animation:scribble 6s ease-in-out infinite alternate}
@keyframes scribble{to{border-radius:56% 44% 60% 40%;translate:18px -8px;rotate:-8deg}}
.home-page .hero-side-note{z-index:5;right:1%;top:49%;color:#aaa99f;line-height:1.45}
.home-page .hero-bottom{z-index:8;color:#d1cec7;padding-bottom:26px}.home-page .scroll-cue{color:var(--text)}.home-page .scroll-cue span{color:var(--accent)}

/* Category-specific drag rails */
.home-page .selected-section{background:var(--bg);color:var(--text);padding:30px 0 140px;overflow:hidden}
.home-page .selected-section .section-marker{border-color:#f4f0e82e}
.home-page .video-intro{grid-template-columns:1.2fr .55fr;gap:80px;align-items:end;padding:94px 0 120px}
.home-page .selected-count{margin-bottom:28px;background:var(--accent);color:var(--ink);clip-path:none;padding:8px 11px}
.home-page .video-intro h2{font-size:clamp(74px,10.5vw,156px);line-height:.72;letter-spacing:-.095em;color:var(--text)}
.home-page .video-intro h2 em{font:italic 600 .84em/1 Georgia,serif;color:var(--coral);letter-spacing:-.075em}
.home-page .video-intro-side{gap:28px}.home-page .video-intro-side>p{color:#b6b3ac}.home-page .drag-note{color:var(--accent)}
.project-rows{display:grid;gap:clamp(100px,13vw,190px)}
.project-row{min-width:0}
.project-row>header{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:35px;padding-bottom:23px;border-bottom:1px solid #f4f0e84a;opacity:0;transform:translateY(60px);transition:opacity .65s,transform .95s cubic-bezier(.16,1,.3,1)}
.project-row>header.is-visible{opacity:1;transform:none}.project-row>header>div{display:flex;align-items:start;gap:15px}.project-row>header>div>span{color:var(--accent);padding-top:10px}.project-row>header h3{font-size:clamp(54px,7.8vw,116px);line-height:.75;letter-spacing:-.085em;font-weight:900;color:var(--text)}
.project-row>header p{padding-bottom:7px;color:#b0ada6;font-size:13px}.project-row .row-count{padding-bottom:6px;color:var(--coral)}
.project-track{display:flex;gap:clamp(18px,2.1vw,34px);overflow-x:auto;overflow-y:hidden;margin-right:calc((100vw - min(1320px,calc(100vw - 112px)))/-2);padding:34px max(56px,calc((100vw - 1320px)/2)) 18px 0;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-y;user-select:none;cursor:grab}
.project-track::-webkit-scrollbar{display:none}.project-track.is-grabbing{cursor:grabbing}.project-card{flex:0 0 clamp(330px,46vw,720px);padding:0}.project-card:nth-child(even){padding-top:0}
.project-media{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;background:#24251f;border:1px solid #f4f0e81f}
.project-media:after{content:'';position:absolute;inset:0;border:1px solid transparent;transition:border-color .25s,background .25s}.project-media:hover:after{border-color:var(--accent);background:#b9ff4f0c}
.project-media img{pointer-events:none;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .35s}.project-media:hover img{transform:scale(1.035);filter:saturate(1.08)}
.project-media .project-play{display:none}.project-caption{display:grid;grid-template-columns:auto 1fr;gap:20px;padding-top:15px;align-items:start}.project-caption span{color:var(--accent);white-space:nowrap}.project-caption h4{margin:0;font-size:clamp(16px,1.55vw,23px);line-height:1.35;font-weight:600;letter-spacing:-.035em;color:var(--text);word-break:keep-all}
.shorts-row .project-card{flex-basis:clamp(280px,35vw,540px)}

/* The rest of the page stays in the same Flayks-led dark editorial world */
.home-page .ai-section{background:#0d2a20;color:var(--text)}.home-page .ai-section .section-marker{border-color:#f4f0e82e}.home-page .ai-heading h2{color:var(--coral)}.home-page .ai-heading>p{color:#c1c6bd}.home-page .ai-visual>div{background:#071b14;box-shadow:10px 10px 0 var(--accent)}.home-page .ai-visual figcaption,.home-page .ai-visual figcaption span,.home-page .ai-visual figcaption small,.home-page .ai-disclaimer{color:#c3c7be}.home-page .ai-disclaimer{border-color:#f4f0e833}
.home-page .other-section{background:#151513;color:var(--text)}.home-page .other-section .section-marker{border-color:#f4f0e82e}.home-page .other-heading h2{color:var(--text)}.home-page .other-heading>p{color:#b8b5ae}.home-page .other-image{background:#24251f;box-shadow:10px 10px 0 var(--coral)}.home-page .other-card:hover .other-image{box-shadow:16px 16px 0 var(--accent)}.home-page .other-card span{color:var(--accent)}.home-page .other-card h3{color:var(--text)}.home-page .other-card p{color:#aaa79f}

/* About: character left, Flayks-style split skill services right */
.home-page .about-section{background:#101b16;color:var(--text);padding:30px 0 145px}.home-page .about-section .section-marker{border-color:#f4f0e82e}
.home-page .about-title-row{padding:90px 0 78px}.home-page .about-title-row h2{font-size:clamp(78px,10.5vw,156px);line-height:.73;color:var(--text)}.home-page .about-title-row h2 em{font:italic 600 .86em/1 Georgia,serif;color:var(--coral)}.home-page .about-title-row>p{color:#bdc1b9}
.home-page .about-layout{grid-template-columns:minmax(310px,.72fr) minmax(520px,1.28fr);gap:clamp(55px,8vw,130px)}
.home-page .character-panel{background:#151513;color:var(--text);box-shadow:12px 14px 0 var(--coral);rotate:-1deg}.home-page .character-stage{background:#52d9ff}.home-page .character-stage:before{color:var(--ink)}.home-page .character-orbit{border-color:var(--accent)}.home-page .character-orbit:after{background:var(--coral)}.home-page .character-caption span{color:var(--accent)}.home-page .about-facts{background:#f4f0e808;border-color:#f4f0e83d}.home-page .about-facts>div{border-color:#f4f0e82d}.home-page .about-facts dt{color:#8f948c}.home-page .about-facts dd{color:var(--text)}
.home-page .about-copy>p{color:#b6bbb3}.home-page .about-copy .about-lead{color:var(--text);font-size:clamp(24px,2.5vw,37px);line-height:1.05;letter-spacing:-.045em}
.home-page .skill-board{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:0;opacity:0;transform:translateY(45px);transition:opacity .65s,transform 1s cubic-bezier(.16,1,.3,1)}.home-page .skill-board.is-visible{opacity:1;transform:none}
.home-page .skill-card{position:relative;min-height:430px;padding:24px;background:#f4f0e8;color:var(--ink);border:1px solid #f4f0e8;overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),background .3s}.home-page .skill-card:nth-child(2){background:var(--coral)}.home-page .skill-card:hover{transform:translateY(-10px) rotate(-1deg)}.home-page .skill-card:nth-child(2):hover{transform:translateY(-10px) rotate(1deg)}
.home-page .skill-card-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #11110f55}.home-page .skill-card-head i{font-style:normal;font-size:22px}.home-page .skill-card h3{font-size:clamp(37px,4vw,59px);line-height:.83;letter-spacing:-.075em;margin:34px 0 70px}.home-page .skill-card ul{list-style:none;padding:0;margin:0}.home-page .skill-card li{font-size:14px;font-weight:700;padding:12px 0;border-top:1px solid #11110f55}.home-page .skill-card li:before{content:'↳';margin-right:9px}

/* Contact / boxed email */
.home-page .contact-section{background:var(--bg);color:var(--text);padding:32px 0 105px}.home-page .contact-section .section-marker{border-color:#f4f0e82e}.home-page .contact-section h2{color:var(--text);font-size:clamp(76px,11.5vw,172px);line-height:.73}.home-page .contact-section h2 span{color:var(--coral)}.home-page .contact-row{align-items:stretch}.home-page .contact-row>p{color:#b5b2aa;padding-top:24px}
.home-page .email-wrap{width:min(100%,710px)}.home-page .email-copy{width:100%;min-height:145px;display:grid;grid-template-columns:1fr auto;align-content:center;align-items:end;gap:14px 30px;padding:24px 28px;background:#0d2a20;border:1px solid #f4f0e842;color:var(--text);text-align:left;transition:background .3s,border-color .3s,transform .3s}.home-page .email-copy:hover,.home-page .email-copy.copied{background:#153b2e;border-color:var(--accent);transform:translateY(-5px)}.home-page .email-eyebrow{grid-column:1/-1;color:var(--accent)}.home-page .email-address{font-size:clamp(22px,3vw,42px);line-height:1.1;letter-spacing:-.045em;border:0;padding:0;color:var(--text)}.home-page .email-state{padding:0;color:var(--coral)}
.home-page .site-footer{min-height:110px;background:var(--bg);border-color:#f4f0e82e;color:#aaa79f}.home-page .site-footer .wordmark img.brand-mark{width:100px;height:auto;filter:none;image-rendering:auto}.footer-copy{text-align:right;font:11px/1.6 'Courier New',monospace}.footer-copy p{margin:0}
.home-page .back-to-top{right:22px;bottom:22px;width:58px;height:58px;border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:var(--accent);color:var(--ink);box-shadow:5px 5px 0 #000}.home-page .back-to-top:hover{background:var(--coral);transform:translateY(-5px) rotate(0)}

/* Crency cursor: fixed arrow shape + adjacent state pill */
@media(pointer:fine){
 .home-page.has-custom-cursor,.home-page.has-custom-cursor *{cursor:none!important}
 .home-page.has-custom-cursor .cursor-follower{display:block}
}
.home-page .cursor-follower{position:fixed;z-index:1400;left:0;top:0;display:none;width:22px;height:28px;background:transparent;color:var(--ink);box-shadow:none;clip-path:none;translate:0 0;opacity:1;pointer-events:none;transition:opacity .12s,scale .12s;will-change:transform}
.home-page .cursor-follower:before{content:'';position:absolute;inset:0;background:var(--accent);filter:drop-shadow(2px 2px 0 #11110f);clip-path:polygon(0 0,100% 45%,62% 56%,78% 88%,61% 97%,46% 64%,21% 89%)}
.home-page .cursor-follower span{position:absolute;display:block;left:17px;top:22px;opacity:1;padding:5px 10px;border-radius:999px;background:var(--accent);color:var(--ink);font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.02em;white-space:nowrap;box-shadow:2px 2px 0 #11110f;transition:background .15s,color .15s}
.home-page .cursor-follower.is-active{width:22px;height:28px;background:transparent;clip-path:none;opacity:1}.home-page .cursor-follower.is-active span{background:var(--accent);color:var(--ink)}.home-page .cursor-follower.is-down{scale:.86}.home-page .cursor-follower.is-hidden{opacity:0}

.home-page dialog{background:#151513;border-color:#f4f0e852}.home-page .dialog-bar{border-color:#f4f0e835}.home-page .dialog-bar .mono,.home-page .dialog-info>p:first-child,.home-page .dialog-info>a{color:var(--accent)}

@media(max-width:1100px){
 .side-dots{display:none}.home-page .video-intro{grid-template-columns:1fr;gap:35px}.home-page .video-intro-side{flex-direction:row;align-items:end;justify-content:space-between}.home-page .about-layout{grid-template-columns:.82fr 1.18fr;gap:40px}.home-page .skill-card{min-height:390px}.home-page .skill-card h3{margin-bottom:55px}
}
@media(max-width:720px){
 .home-page .wrap{width:calc(100% - 36px)}.home-page .site-header{height:74px}.home-page .site-header .wordmark img.brand-mark{width:102px}.home-page .site-header .menu-toggle{border:1px solid #f4f0e844;border-radius:999px;color:var(--text);padding:8px 12px}.home-page .site-header .primary-nav{background:#11110ff8;border-color:#f4f0e82f}.home-page .site-header .primary-nav a{color:var(--text)}
 .home-page .cinema-hero{height:112svh;min-height:730px}.home-page .hero-sticky{padding-top:90px;min-height:650px}.home-page .hero-kicker{grid-template-columns:1fr auto}.home-page .hero-role{display:none}.home-page .hero-edition{font-size:8px}.home-page .cinema-hero .hero-title{inset:105px 0 95px}.home-page .hero-title-line .hero-word{font-size:23vw}.home-page .hero-title-line-video{top:16%}.home-page .hero-title-line-editor{bottom:22%}.home-page .hero-title-line-video em{font-size:11vw;left:49%;top:47%}.home-page .hero-title-line-editor small{position:absolute;left:0;top:-9vw;font-size:8vw;margin:0}.home-page .hero-badge{width:72px;left:46%;top:46%}.home-page .hero-pixel-mark{right:0;top:26%;scale:.8}.home-page .hero-scribble{width:62vw;height:47vw;left:-15%;top:38%}.home-page .hero-side-note{display:none}.home-page .hero-bottom{font-size:9px}
 .home-page .selected-section{padding-bottom:95px}.home-page .video-intro{padding:62px 0 85px}.home-page .video-intro h2{font-size:18vw}.home-page .video-intro-side{display:block}.home-page .drag-note{display:block;margin-top:20px}.project-rows{gap:95px}.project-row>header{grid-template-columns:1fr auto;gap:12px}.project-row>header p{grid-column:1/3}.project-row>header h3{font-size:15vw}.project-track{margin-right:-18px;padding:23px 18px 10px 0;gap:14px}.project-card,.shorts-row .project-card{flex-basis:calc(100vw - 55px)}.project-caption{grid-template-columns:1fr;gap:5px}.project-caption h4{font-size:17px}
 .home-page .about-title-row{display:block;padding:60px 0 50px}.home-page .about-title-row h2{font-size:18vw}.home-page .about-title-row>p{margin-top:27px}.home-page .about-layout{grid-template-columns:1fr;gap:58px}.home-page .character-panel{max-width:390px;margin-inline:auto}.home-page .skill-board{grid-template-columns:1fr}.home-page .skill-card{min-height:350px}.home-page .skill-card h3{margin:28px 0 48px}
 .home-page .contact-section h2{font-size:18vw;margin:60px 0 50px}.home-page .contact-row{display:grid;gap:35px}.home-page .email-copy{min-height:126px;padding:20px;display:grid}.home-page .email-address{font-size:21px}.home-page .site-footer{flex-wrap:wrap;padding:22px 0;gap:18px}.footer-copy{text-align:left;width:100%}.home-page .back-to-top{right:14px;bottom:14px;width:50px;height:50px}
}

@media(prefers-reduced-motion:reduce){
 .home-page .hero-title-line,.home-page .hero-title-line .hero-word>span{transform:none!important;animation:none!important}.home-page .hero-badge,.home-page .hero-badge:before,.home-page .hero-scribble{animation:none!important}.project-row>header,.home-page .reveal-title,.home-page .skill-board{opacity:1;transform:none;clip-path:none}
}

/* v104 — cleaner Flayks-inspired hero and stateful cursor */
.home-page .cinema-hero{height:132svh;min-height:920px}
.home-page .cinema-hero:before{opacity:.42;background:radial-gradient(circle at 45% 42%,#143527 0,transparent 40%),linear-gradient(112deg,transparent 0 49.92%,#f4f0e809 50%,transparent 50.08%)}
.home-page .cinema-hero .hero-title{inset:122px 0 88px}
.home-page .hero-title-line-video{left:0;top:10%;transform:translateX(calc(var(--hero-progress) * -18vw))}
.home-page .hero-title-line-editor{right:0;bottom:10%;transform:translateX(calc(var(--hero-progress) * 20vw))}
.home-page .hero-title-line .hero-word{font-size:clamp(110px,16.4vw,244px);line-height:.74;color:var(--coral);letter-spacing:-.095em}
.home-page .hero-title-line-video .hero-word>span:nth-child(3){color:var(--cyan)}
.home-page .hero-title-line-editor .hero-word>span:nth-child(4){color:var(--accent)}
.home-page .hero-signature{position:absolute;z-index:7;left:8%;top:40%;width:clamp(170px,17vw,245px);display:grid;justify-items:center;transform:translate(calc(var(--hero-progress) * -5vw),calc(var(--hero-progress) * 4vh)) rotate(-8deg);animation:signature-in 1.05s .7s cubic-bezier(.16,1,.3,1) both,signature-float 5s 1.8s ease-in-out infinite}
.home-page .hero-signature img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(10px 13px 0 #070806);overflow:visible}
.home-page .hero-signature span{margin-top:9px;padding:5px 9px;background:var(--accent);color:var(--ink);box-shadow:4px 4px 0 #070806;font-size:8px;letter-spacing:.08em}
@keyframes signature-in{from{opacity:0;transform:translateY(70px) rotate(8deg) scale(.65)}to{opacity:1;transform:rotate(-8deg)}}
@keyframes signature-float{50%{translate:0 -12px;rotate:2deg}}
.home-page .hero-cut-line{position:absolute;z-index:2;height:1px;background:#f4f0e85b;transform-origin:left;animation:cut-line-in 1.2s .8s cubic-bezier(.16,1,.3,1) both}
.home-page .hero-cut-line-a{left:35%;top:42%;width:21%}.home-page .hero-cut-line-b{right:5%;bottom:31%;width:18%;background:#b9ff4f80}
.home-page .hero-cut-line:after{content:'';position:absolute;right:-4px;top:-3px;width:7px;height:7px;background:currentColor;border-radius:50%}
@keyframes cut-line-in{from{scale:0 1}to{scale:1 1}}
.home-page .hero-side-note{right:1%;top:46%;color:#aaa89f;letter-spacing:.08em}

@media(pointer:fine){.home-page.has-custom-cursor .cursor-follower{display:block}}
.home-page .cursor-follower,.home-page .cursor-follower.is-active{width:28px;height:32px;background:transparent;clip-path:none;box-shadow:none}
.home-page .cursor-follower:before{inset:0;background:url('../cursors/cursor-arrow.svg') 0 0/28px 32px no-repeat;filter:none;clip-path:none;transform-origin:35% 25%;transition:transform .12s,background-image .01s}
.home-page .cursor-follower.is-hand:before,.home-page .cursor-follower.is-grab:before{background-image:url('../cursors/cursor-hand.svg')}
.home-page .cursor-follower.is-grab:before{transform:rotate(-10deg)}
.home-page .cursor-follower span{left:22px;top:24px;min-width:38px;text-align:center;padding:5px 9px;background:var(--accent);color:var(--ink);border-radius:999px;box-shadow:2px 2px 0 #11110f;font:700 10px/1 'DM Sans',sans-serif}
.home-page .cursor-follower.is-down{scale:1}.home-page .cursor-follower.is-down:before{transform:scale(.82) rotate(-5deg)}

@media(max-width:720px){
 .home-page .cinema-hero{height:108svh;min-height:710px}.home-page .cinema-hero .hero-title{inset:104px 0 92px}.home-page .hero-title-line .hero-word{font-size:21.5vw}.home-page .hero-title-line-video{top:18%}.home-page .hero-title-line-editor{bottom:24%}.home-page .hero-signature{left:5%;top:39%;width:135px}.home-page .hero-signature span{font-size:6px;padding:4px 6px}.home-page .hero-cut-line-a{left:36%;top:43%;width:42%}.home-page .hero-cut-line-b{right:0;bottom:35%;width:26%}
}
@media(prefers-reduced-motion:reduce){.home-page .hero-signature,.home-page .hero-cut-line{animation:none!important}.home-page .hero-signature{transform:rotate(-8deg)}}

/* v105 — charcoal / lavender Flayks direction */
.home-page{
 --bg:#211e1f;--surface:#2a2628;--surface-2:#302a2e;--text:#f4f0f2;--muted:#b9b0b6;
 --line:#5a5156;--accent:#c7a6dd;--coral:#f2a2cb;--pink:#f2a2cb;--cyan:#c7a6dd;
 --lavender:#c7a6dd;--ink:#211e1f;
 background:var(--bg);color:var(--text);font-family:'DM Sans',Suit,Arial,sans-serif;
}
html{background:#211e1f;scrollbar-color:#766a72 #211e1f}
.home-page:after{content:'';position:fixed;z-index:9999;inset:0;pointer-events:none;opacity:.055;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E")}

@media(min-width:1101px){
 .home-page .wrap{width:min(1390px,calc(100% - 216px));margin-left:178px;margin-right:auto}
 .home-page .site-header .wordmark{position:fixed;z-index:220;left:23px;top:22px;width:110px}
 .home-page .site-footer .wordmark{position:static;width:auto}
}
.home-page .site-header{background:#211e1fe6;border-color:#7a6d7440;backdrop-filter:blur(13px)}
.home-page .site-header .brand-mark{width:110px;height:auto}
.home-page .primary-nav a{font-size:12px;letter-spacing:.06em;color:#e8e0e5}.home-page .primary-nav a:hover,.home-page .primary-nav a.current{color:var(--coral)}
.home-page .header-status{color:#c9bec4}.home-page .header-status i{background:var(--accent);box-shadow:0 0 14px #c7a6dd88}

/* Persistent section rail: the label itself is part of the hit area. */
.side-dots{left:0;top:0;translate:0 0;width:148px;height:100svh;padding:116px 17px 30px 24px;display:flex;flex-direction:column;justify-content:center;gap:8px;background:#211e1ff2;border-right:1px solid #80727955;backdrop-filter:blur(12px)}
.side-dot{width:100%;height:34px;gap:13px;color:#e7dde3;display:flex;align-items:center;padding:0 5px}
.side-dot i{flex:0 0 auto;width:11px;height:11px;border:2px solid #e8dbe3;border-radius:50%;background:transparent;transition:background .25s,scale .25s,border-color .25s}
.side-dot span{position:static;opacity:.62;translate:0 0;pointer-events:auto;padding:4px 2px;background:none;border:0;font:700 11px/1 'DM Sans',sans-serif;letter-spacing:.08em;transition:opacity .2s,color .2s,translate .25s}
.side-dot:hover span,.side-dot:focus-visible span{opacity:1;translate:4px 0;color:var(--coral)}
.side-dot.current i{background:var(--accent);border-color:var(--accent);scale:1}.side-dot.current span{opacity:1;color:var(--accent)}

/* Hero — oversized editorial title and dimensional signature. */
.home-page .cinema-hero{height:130svh;min-height:900px;background:#211e1f}
.home-page .cinema-hero:before{opacity:1;background:radial-gradient(ellipse at 49% 48%,#8e75932b 0,transparent 41%),linear-gradient(90deg,transparent 0 49.96%,#c7a6dd14 50%,transparent 50.04%)}
.home-page .hero-sticky{padding-top:104px}
.home-page .hero-kicker{color:#c8bdc3}.home-page .hero-edition{color:var(--accent)}
.home-page .cinema-hero .hero-title{inset:112px 0 80px}
.home-page .hero-title-line-video{left:0;top:5%}.home-page .hero-title-line-editor{right:0;bottom:4%}
.home-page .hero-title-line .hero-word{font-family:'Anton','Arial Narrow',sans-serif;font-size:clamp(142px,20vw,330px);font-weight:400;letter-spacing:-.035em;line-height:.74;color:var(--coral)}
.home-page .hero-title-line-video .hero-word>span:nth-child(2),.home-page .hero-title-line-editor .hero-word>span:nth-child(4){color:var(--accent)}
.home-page .hero-title-line-video .hero-word>span:nth-child(3),.home-page .hero-title-line-editor .hero-word>span:nth-child(5){color:inherit}
.home-page .hero-signature{left:19%;top:39%;width:clamp(190px,19vw,290px);transform:translate(calc(var(--hero-progress) * -5vw),calc(var(--hero-progress) * 4vh));animation:signature-in-v105 1.1s .62s cubic-bezier(.16,1,.3,1) both,signature-float-v105 5.4s 1.8s ease-in-out infinite}
.home-page .hero-signature img{filter:drop-shadow(10px 13px 0 #171415)}
.home-page .hero-signature span{margin-top:5px;background:var(--accent);color:var(--ink);box-shadow:4px 4px 0 #171415}
@keyframes signature-in-v105{from{opacity:0;transform:translateY(90px) scale(.55)}to{opacity:1;transform:none}}
@keyframes signature-float-v105{50%{translate:0 -13px}}
.home-page .hero-cut-line{background:#c7a6dd78}.home-page .hero-cut-line-b{background:#f2a2cb8f}.home-page .hero-side-note{color:#b8acb3}
.home-page .hero-bottom{color:#d1c8cd}.home-page .scroll-cue span{color:var(--coral)}

/* Flayks-like character entrances for all major headings. */
.home-page .reveal-title,.project-row>header h3{opacity:1!important;transform:none!important;clip-path:none!important}
.home-page .reveal-char{display:inline-block;opacity:0;transform:translateY(115%) rotate(7deg);transform-origin:0 100%;filter:blur(7px)}
.home-page .reveal-title.is-visible .reveal-char,.project-row>header.is-visible h3 .reveal-char{animation:title-char-rise .86s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--char) * 32ms)}
@keyframes title-char-rise{55%{opacity:1;filter:blur(0)}to{opacity:1;filter:blur(0);transform:none}}

/* Work rails and real position dots. */
.home-page .selected-section{background:#211e1f}.home-page .selected-count{background:var(--accent)}
.home-page .video-intro h2,.project-row>header h3{font-family:'Anton','Arial Narrow',sans-serif;font-weight:400;letter-spacing:-.035em}
.home-page .video-intro h2 em{color:var(--coral)}.home-page .drag-note,.project-row>header>div>span{color:var(--accent)}.project-row .row-count{color:var(--coral)}
.project-row>header{border-color:#7b6f755c}.project-row>header h3{font-size:clamp(66px,8.6vw,132px)}
.project-track{gap:clamp(20px,2.4vw,38px);scroll-snap-type:x mandatory;padding-top:30px}.project-card{flex-basis:clamp(520px,64vw,1040px);scroll-snap-align:start}.shorts-row .project-card{flex-basis:clamp(390px,48vw,760px)}
.project-media{background:#181617;border-color:#8c7d8545;border-radius:7px}.project-media:hover:after{border-color:var(--coral);background:#f2a2cb0e}.project-caption span{color:var(--accent)}
.rail-footer{display:flex;align-items:center;gap:17px;margin-top:12px;min-height:34px}
.rail-label{padding:0;border:0;background:transparent;color:var(--accent);font:700 12px/1 'DM Sans',sans-serif;letter-spacing:.045em}.rail-label:hover{color:var(--coral)}
.rail-pagination{display:flex;align-items:center;gap:9px}
.rail-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#766a70;transition:background .2s,scale .2s}.rail-dot:hover{background:#aa92b9;scale:1.15}.rail-dot.is-active{background:var(--coral);scale:1.08}

/* Alternating project worlds without the previous green/cyan. */
.home-page .ai-section{background:#b59ac5;color:#211e1f}.home-page .ai-section .section-marker{border-color:#211e1f4a}.home-page .ai-heading h2{font-family:'Anton','Arial Narrow',sans-serif;font-weight:400;color:#211e1f}.home-page .ai-heading>p{color:#403741}.home-page .ai-visual>div{background:#796780;box-shadow:10px 10px 0 #211e1f}.home-page .ai-visual figcaption,.home-page .ai-visual figcaption span,.home-page .ai-visual figcaption small,.home-page .ai-disclaimer{color:#302931}.home-page .ai-disclaimer{border-color:#211e1f4a}
.home-page .other-section{background:#292526}.home-page .other-heading h2,.home-page .about-title-row h2,.home-page .contact-section h2{font-family:'Anton','Arial Narrow',sans-serif;font-weight:400;letter-spacing:-.035em}.home-page .other-image{background:#171415;box-shadow:10px 10px 0 var(--accent)}.home-page .other-card:hover .other-image{box-shadow:16px 16px 0 var(--coral)}

/* About — straight character card, quiet backdrop and flat service columns. */
.home-page .about-section{background:#211e1f}.home-page .about-title-row h2 em{color:var(--coral);font-family:'Anton','Arial Narrow',sans-serif;font-style:normal;font-weight:400}.home-page .about-title-row>p{color:#c4b9bf}
.home-page .character-panel{rotate:0;background:#2a2628;border:1px solid #84767d;box-shadow:none;color:var(--text)}
.home-page .character-stage{background-color:#a98fba;background-image:linear-gradient(#211e1f19 1px,transparent 1px),linear-gradient(90deg,#211e1f19 1px,transparent 1px),radial-gradient(circle at 50% 65%,#d9c3e7 0,#b59ac5 50%,#9279a1 100%);background-size:28px 28px,28px 28px,auto}
.home-page .character-stage:before{color:#302a2e}.home-page .character-orbit{border-color:var(--coral)}.home-page .character-orbit:after{background:var(--coral)}.home-page .character-caption span{color:var(--accent)}
.home-page .about-facts{background:#2a2628;border-color:#83767c}.home-page .about-facts>div{border-color:#6c606655}.home-page .about-facts dt{color:#aa9ea4}.home-page .about-facts dd{color:var(--text)}
.home-page .about-copy>p{color:#c2b8bd}.home-page .about-copy .about-lead{font-family:'Anton','Arial Narrow',sans-serif;font-weight:400;letter-spacing:.01em;color:var(--accent)}
.home-page .skill-board{gap:0;border-top:1px solid #83767c;border-bottom:1px solid #83767c}
.home-page .skill-card,.home-page .skill-card:nth-child(2){min-height:410px;padding:27px 29px;background:transparent;color:var(--text);border:0;border-right:1px solid #83767c;transition:background .3s,color .3s;overflow:hidden}
.home-page .skill-card:last-child{border-right:0}.home-page .skill-card:hover,.home-page .skill-card:nth-child(2):hover{transform:none;background:#2d282b}
.home-page .skill-card-head{border-color:#766a7066}.home-page .skill-card-head span{color:#aa9da4}.home-page .skill-card h3{font-family:'Anton','Arial Narrow',sans-serif;font-weight:400;letter-spacing:-.02em;color:var(--accent)}.home-page .skill-card:nth-child(2) h3{color:var(--coral)}.home-page .skill-card li{border-color:#766a7066}.home-page .skill-card li:before{color:var(--coral)}

.home-page .contact-section,.home-page .site-footer{background:#211e1f}.home-page .contact-section h2 span{color:var(--coral)}
.home-page .email-copy{background:#2a2628;border-color:#8a7b835c}.home-page .email-copy:hover,.home-page .email-copy.copied{background:#342d31;border-color:var(--coral)}.home-page .email-eyebrow{color:var(--accent)}.home-page .email-state{color:var(--coral)}
.home-page .back-to-top{right:24px;bottom:24px;width:66px;height:66px;border-radius:50%;clip-path:none;background:var(--accent);color:var(--ink);box-shadow:none;border:1px solid #211e1f;outline:1px solid #c7a6dd66;outline-offset:4px}.home-page .back-to-top:hover{background:var(--coral);transform:translateY(-5px) rotate(-8deg)}

/* Cursor keeps the Crency-style hand everywhere except the left section rail. */
.home-page .cursor-follower span{background:var(--accent);color:var(--ink);box-shadow:2px 2px 0 #171415}.home-page .cursor-follower.is-hand span{background:var(--coral)}.home-page .cursor-follower.is-static span{display:none}

@media(max-width:1100px){.side-dots{display:none}}
@media(max-width:720px){
 .home-page .cinema-hero{height:108svh;min-height:710px}.home-page .cinema-hero .hero-title{inset:98px 0 105px}.home-page .hero-title-line-video{top:13%}.home-page .hero-title-line-editor{bottom:18%}.home-page .hero-title-line .hero-word{font-size:30vw;letter-spacing:-.025em}.home-page .hero-signature{left:8%;top:41%;width:145px}.home-page .hero-cut-line-a{left:42%;top:45%;width:49%}.home-page .hero-cut-line-b{bottom:34%;width:31%}
 .project-card,.shorts-row .project-card{flex-basis:calc(100vw - 55px)}.rail-footer{margin-top:9px}.rail-dot{width:9px;height:9px}.home-page .skill-card,.home-page .skill-card:nth-child(2){min-height:330px;border-right:0;border-bottom:1px solid #83767c}.home-page .skill-card:last-child{border-bottom:0}.home-page .back-to-top{width:54px;height:54px;right:16px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){.home-page .reveal-char{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.home-page .hero-signature{transform:none;animation:none!important}}

@media(min-width:1101px){
 .home-page .site-header.wrap{position:absolute;left:178px;right:38px;top:0;width:auto;max-width:none;margin:0;transform:none}
 .home-page .site-header .wordmark{position:absolute;left:-155px;top:14px;width:118px}
}
.home-page .cursor-follower:before{background-image:url('../cursors/cursor-arrow.svg?v=105')}
.home-page .cursor-follower.is-hand:before,.home-page .cursor-follower.is-grab:before{background-image:url('../cursors/cursor-hand.svg?v=105')}

/* v107 — interaction repair: lime system, hover-only rail, scroll-scrub titles */
.home-page{
 --accent:#ceff63;--lime:#ceff63;--coral:#f2a2cb;--pink:#f2a2cb;--lavender:#c7a6dd;--cyan:#c7a6dd;
}
html{scrollbar-color:#ceff63 #211e1f}
html::-webkit-scrollbar{width:11px;background:#211e1f}
html::-webkit-scrollbar-track{background:#211e1f}
html::-webkit-scrollbar-thumb{background:#ceff63;border:3px solid #211e1f;border-radius:20px}

@media(min-width:1101px){
 .home-page .site-header.wrap{left:0;right:0;width:100%;max-width:none;margin:0;padding:0 38px 0 178px;transform:none}
 .home-page .site-header .wordmark{left:23px;top:14px;width:118px}
 .home-page .site-header .primary-nav{position:absolute;left:50%;translate:-50% 0;margin:0}
}
.home-page .site-header .nav-link:hover,.home-page .site-header .nav-link.current{color:var(--accent)}
.home-page .site-header .nav-link:after{background:var(--accent)}
.home-page .header-status i{background:var(--accent);box-shadow:0 0 14px #ceff6380}

.side-dots{left:17px;top:50%;translate:0 -50%;width:118px;height:auto;padding:0;display:grid;justify-content:initial;gap:13px;background:transparent;border:0;backdrop-filter:none}
.side-dot{position:relative;width:112px;height:18px;padding:0;display:flex;align-items:center;color:var(--text)}
.side-dot i{width:10px;height:10px;border:2px solid #eee3e9;border-radius:50%;background:transparent}
.side-dot span{position:absolute;left:23px;opacity:0;translate:-6px 0;pointer-events:none;padding:0;background:transparent;border:0;color:#f0e8ed;font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.08em;white-space:nowrap;transition:opacity .2s,translate .24s,color .2s}
.side-dot.current i{background:var(--accent);border-color:var(--accent);scale:1.05}.side-dot.current span{opacity:0;color:var(--accent)}
.side-dot:hover span,.side-dot:focus-visible span,.side-dot.current:hover span,.side-dot.current:focus-visible span{opacity:1;translate:0 0;color:var(--accent)}

.home-page .hero-title-line .hero-word{letter-spacing:.006em;line-height:.78}
.home-page .video-intro h2,.project-row>header h3,.home-page .other-heading h2,.home-page .about-title-row h2,.home-page .contact-section h2{letter-spacing:-.008em}
.home-page .video-intro h2{line-height:.79}.project-row>header h3{line-height:.84}.home-page .other-heading h2,.home-page .about-title-row h2,.home-page .contact-section h2{line-height:.8}

.home-page .reveal-char{animation:none!important;will-change:transform,opacity,filter;transform-origin:0 100%}
.home-page .reveal-title.is-visible .reveal-char,.project-row>header.is-visible h3 .reveal-char{animation:none!important}

.project-track{scroll-snap-type:x proximity;cursor:none!important}
.project-track.is-grabbing{scroll-snap-type:none;cursor:none!important}
.rail-pagination{gap:3px}
.rail-dot{position:relative;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:transparent;scale:1}
.rail-dot:before{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#766a70;translate:-50% -50%;transition:background .2s,scale .2s}
.rail-dot:hover{background:transparent;scale:1}.rail-dot:hover:before{background:var(--lavender);scale:1.25}.rail-dot.is-active{background:transparent;scale:1}.rail-dot.is-active:before{background:var(--accent);scale:1.18}
.rail-dot:focus-visible{outline:1px solid var(--accent);outline-offset:1px}

.home-page .selected-count,.home-page .hero-signature span{background:var(--accent)}
.home-page .drag-note,.project-row>header>div>span,.project-caption span,.rail-label,.home-page .character-caption span,.home-page .email-eyebrow{color:var(--accent)}
.home-page .scroll-cue span,.home-page .skill-card li:before{color:var(--accent)}
.home-page .back-to-top{background:var(--accent);outline-color:#ceff6370}.home-page .back-to-top:hover{background:var(--coral)}

@media(pointer:fine){
 html.has-custom-cursor,html.has-custom-cursor body,html.has-custom-cursor body *,html.has-custom-cursor body *:before,html.has-custom-cursor body *:after{cursor:none!important}
 html.has-custom-cursor .cursor-follower{display:block}
}
.home-page .cursor-follower:before{background-image:url('../cursors/cursor-arrow.svg?v=107')}
.home-page .cursor-follower.is-hand:before,.home-page .cursor-follower.is-grab:before{background-image:url('../cursors/cursor-hand.svg?v=107')}
.home-page .cursor-follower span,.home-page .cursor-follower.is-hand span{background:var(--accent)}

@media(max-width:720px){
 .home-page .hero-title-line .hero-word{letter-spacing:0}.home-page .video-intro h2,.project-row>header h3,.home-page .other-heading h2,.home-page .about-title-row h2,.home-page .contact-section h2{letter-spacing:0}
}

@media(min-width:1101px){.home-page .header-status{margin-left:auto}}

/* v110 — masked headline choreography, calmer AI rhythm, round top control */
.home-page .reveal-title,
.project-row>header h3{overflow:visible}
.home-page .reveal-line,
.project-row>header h3 .reveal-line{
 display:block;
 overflow:hidden;
 padding:.08em .05em .13em;
 margin:-.08em -.05em -.13em;
 white-space:nowrap;
}
.home-page .reveal-char{
 opacity:0;
 transform:translate3d(0,126%,0) rotate(8deg);
}

.home-page .hero-title-line .hero-word{letter-spacing:.015em}
.home-page .video-intro h2,
.home-page .other-heading h2,
.home-page .about-title-row h2,
.home-page .contact-section h2{letter-spacing:.018em}
.project-row>header h3{letter-spacing:.028em}

.home-page .ai-section{
 background:#29262e;
 color:var(--text);
}
.home-page .ai-section .section-marker{border-color:#c7a6dd52}
.home-page .ai-heading{
 display:grid;
 grid-template-columns:minmax(260px,.72fr) minmax(330px,1fr);
 align-items:end;
 gap:clamp(64px,10vw,170px);
 padding:clamp(82px,9vw,138px) 0 clamp(72px,8vw,118px);
}
.home-page .ai-heading h2{
 width:max-content;
 margin:0;
 font-size:clamp(128px,18vw,258px);
 line-height:.78;
 letter-spacing:.13em;
 color:var(--lavender);
}
.home-page .ai-heading>p{
 max-width:35em;
 margin:0 0 16px;
 color:#d5ccd3;
 font-size:clamp(15px,1.25vw,18px);
 line-height:1.9;
 letter-spacing:.025em;
}
.home-page .ai-visual>div{background:#171519;box-shadow:10px 10px 0 var(--accent)}
.home-page .ai-visual figcaption,
.home-page .ai-visual figcaption span,
.home-page .ai-visual figcaption small,
.home-page .ai-disclaimer{color:#cfc6cd}
.home-page .ai-disclaimer{border-color:#c7a6dd52}

.home-page .back-to-top,
.home-page .back-to-top:hover,
.home-page .back-to-top:focus-visible{
 border-radius:50%!important;
 clip-path:circle(50%)!important;
 rotate:0!important;
 overflow:hidden;
}
.home-page .back-to-top:hover,
.home-page .back-to-top:focus-visible{
 background:var(--lavender);
 transform:translateY(-5px) scale(1.04);
}

@media(max-width:720px){
 .home-page .video-intro h2,
 .home-page .other-heading h2,
 .home-page .about-title-row h2,
 .home-page .contact-section h2{letter-spacing:.012em}
 .project-row>header h3{letter-spacing:.02em}
 .home-page .ai-heading{display:block;padding:64px 0 58px}
 .home-page .ai-heading h2{font-size:34vw;letter-spacing:.12em}
 .home-page .ai-heading>p{margin-top:42px}
}

/* v113 — clean palette, modal cursor repair, scroll-enter work reveals */
.home-page{
 --lavender:#f2a2cb;
 --cyan:#f2a2cb;
}
.home-page:before,
.home-page:after{
 content:none!important;
 opacity:0!important;
 background:none!important;
 background-image:none!important;
}
.home-page .cinema-hero:before{
 content:''!important;
 opacity:1!important;
 background:radial-gradient(ellipse at 49% 48%,#f2a2cb18 0,transparent 42%),linear-gradient(90deg,transparent 0 49.96%,#f2a2cb10 50%,transparent 50.04%)!important;
}
.home-page .hero-cut-line{background:#f2a2cb78}

.home-page .ai-section{
 background:#ceff63;
 color:#211e1f;
}
.home-page .ai-section .section-marker{border-color:#211e1f52}
.home-page .ai-heading h2{color:#211e1f}
.home-page .ai-heading>p{color:#302b2e}
.home-page .ai-visual>div{background:#211e1f;box-shadow:10px 10px 0 #f2a2cb}
.home-page .ai-visual figcaption,
.home-page .ai-visual figcaption span,
.home-page .ai-visual figcaption small,
.home-page .ai-disclaimer{color:#302b2e}
.home-page .ai-disclaimer{border-color:#211e1f52}

.home-page .character-stage{
 background-color:#d47da8;
 background-image:linear-gradient(#211e1f19 1px,transparent 1px),linear-gradient(90deg,#211e1f19 1px,transparent 1px),radial-gradient(circle at 50% 65%,#ffd8eb 0,#f2a2cb 52%,#a85c80 100%);
}
.rail-dot:hover:before{background:var(--pink)}

.item-reveal{
 opacity:0;
 transform:translate3d(0,72px,0) scale(.965);
 clip-path:inset(12% 0 0 0 round 7px);
 filter:blur(8px);
 transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),clip-path .9s cubic-bezier(.16,1,.3,1),filter .7s ease;
 transition-delay:var(--item-delay,0ms);
 will-change:opacity,transform,clip-path,filter;
}
.item-reveal.is-revealed{
 opacity:1;
 transform:none;
 clip-path:inset(0 round 0);
 filter:none;
}

.home-page dialog{overflow:auto}
.home-page .dialog-bar{
 position:sticky;
 top:0;
 z-index:20;
 min-height:72px;
 padding:10px 14px 10px 20px;
 background:#151513f2;
 backdrop-filter:blur(12px);
}
.home-page .dialog-bar button,
.home-page .dialog-bar button:hover,
.home-page .dialog-bar button:focus-visible{
 position:relative;
 width:54px;
 height:54px;
 padding:0;
 display:grid;
 place-items:center;
 border:1px solid #ceff63;
 border-radius:50%;
 background:#ceff63;
 color:#211e1f;
 transition:background .2s,transform .2s;
}
.home-page .dialog-bar button:hover,
.home-page .dialog-bar button:focus-visible{background:#f2a2cb;transform:scale(1.06)}
.home-page .dialog-bar button span{font:700 8px/1 'DM Sans',sans-serif;letter-spacing:.07em}
.home-page .dialog-bar button b{position:absolute;right:3px;top:1px;font:700 15px/1 'DM Sans',sans-serif}
.home-page dialog .cursor-follower{z-index:99999!important;display:block!important}
.home-page dialog iframe,
.home-page dialog video{cursor:none!important}

.home-page .back-to-top:hover,
.home-page .back-to-top:focus-visible{background:var(--pink)}

@media(prefers-reduced-motion:reduce){
 .item-reveal{opacity:1;transform:none;clip-path:none;filter:none;transition:none}
}

/* v114 — ordered video archive, lime drag state, restored About system */
.home-page ::selection{background:#ceff63;color:#f2a2cb}
.home-page ::-moz-selection{background:#ceff63;color:#f2a2cb}
.project-track,
.project-track *{
 user-select:none;
 -webkit-user-select:none;
}
.project-track img{-webkit-user-drag:none;user-drag:none}
.project-track.is-grabbing .project-media{
 outline:2px solid #ceff63;
 outline-offset:4px;
 box-shadow:0 0 0 8px #ceff6312;
}
.project-track.is-grabbing .project-caption h4,
.project-track.is-grabbing .project-caption span{color:#f2a2cb}
.home-page .cursor-follower.is-grab span{background:#ceff63;color:#f2a2cb}
.home-page .cursor-follower:not(.is-active) span{display:none}

.home-page .about-section{
 background:#151518;
 color:#f4f0f2;
 padding:30px 0 145px;
}
.home-page .about-section .section-marker{border-color:#f4f0f22b}
.about-classic-layout{
 display:grid;
 grid-template-columns:minmax(440px,1.03fr) minmax(470px,.97fr);
 gap:clamp(52px,7vw,112px);
 align-items:start;
 padding-top:72px;
}
.about-story h2{
 font-family:'DM Sans',Suit,Arial,sans-serif;
 font-size:clamp(48px,5.25vw,78px);
 font-weight:700;
 line-height:1.03;
 letter-spacing:-.045em;
 word-break:keep-all;
}
.about-story h2 em{font-style:normal;color:#ceff63}
.about-name{
 display:flex;
 flex-direction:column;
 gap:10px;
 margin-top:56px;
 font-size:17px;
 font-weight:700;
}
.about-name span{color:#a9a1a6;font-size:10px;letter-spacing:.07em}
.about-biography{margin-top:27px;max-width:670px}
.about-biography p{color:#c2b9be;font-size:15px;line-height:1.95;word-break:keep-all}
.about-biography p+p{margin-top:8px}
.role-list{margin-top:56px;border-top:1px solid #73686e}
.role-list>header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 14px}
.role-list>header h3{font-size:19px;letter-spacing:-.03em}
.role-list>header span{color:#8f868b;font-size:9px}
.role-list article{
 display:grid;
 grid-template-columns:38px 1fr;
 gap:18px;
 padding:21px 0;
 border-bottom:1px solid #5c53584f;
}
.role-list article>span{padding-top:3px;color:#ceff63;font-size:10px}
.role-list article strong{font-size:15px}
.role-list article p{margin-top:7px;color:#aaa2a7;font-size:13px;line-height:1.65;word-break:keep-all}

.about-profile-column{display:flex;flex-direction:column;gap:44px}
.about-character-window{
 position:relative;
 display:grid;
 grid-template-columns:minmax(155px,.78fr) minmax(210px,1.22fr);
 gap:26px;
 align-items:center;
 padding:25px;
 border:1px solid #81767c;
 background:#1d1c20;
 box-shadow:8px 8px 0 #0b0b0d;
 clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,100% 4px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),0 calc(100% - 4px),0 8px,8px 8px);
}
.about-avatar{aspect-ratio:1;display:flex;align-items:end;justify-content:center;overflow:hidden;background:#f2a2cb;border:5px solid #111114;outline:1px solid #93878e}
.about-avatar img{width:100%;height:100%;object-fit:contain;object-position:bottom;image-rendering:pixelated}
.about-character-copy{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.about-character-copy>span{color:#ceff63;font-size:9px;letter-spacing:.07em}
.about-character-copy h3{margin-top:19px;font-size:22px;letter-spacing:-.045em}
.about-character-copy p{margin-top:16px;color:#aaa1a7;font-size:14px;line-height:1.8}
.about-character-copy i{position:absolute;right:5px;bottom:0;color:#f2a2cb;font-style:normal;font-size:22px}

.skill-showcase{border:1px solid #81767c;background:#19191d;padding:10px;box-shadow:8px 8px 0 #0b0b0d}
.skill-window-bar{min-height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#ceff63;color:#211e1f}
.skill-window-bar span:first-child{font-size:10px;letter-spacing:.05em}
.skill-window-bar span:last-child{font:700 14px/1 'DM Sans',sans-serif}
.skill-showcase-heading{display:flex;justify-content:space-between;align-items:end;padding:25px 14px 17px}
.skill-showcase-heading h3{font-size:21px;letter-spacing:-.035em}
.skill-showcase-heading span{color:#8e858a;font-size:8px}
.skill-tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.skill-tile{
 position:relative;
 min-height:132px;
 padding:12px;
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 border:1px solid #8d8288;
 background:#19191d;
 color:#f4f0f2;
 transform-origin:50% 75%;
 transition:background .26s,color .26s,transform .38s cubic-bezier(.16,1,.3,1),border-color .26s;
}
.skill-tile:nth-child(even){transform-origin:50% 25%}
.skill-tile:hover{
 z-index:2;
 background:#f2a2cb;
 color:#211e1f;
 border-color:#f2a2cb;
 transform:translateY(-5px) rotate(-1.4deg);
}
.skill-tile:nth-child(even):hover{transform:translateY(-5px) rotate(1.4deg)}
.skill-icon{color:#f2a2cb;font:700 31px/1 'DM Sans',sans-serif}
.skill-icon.tool-mark{font-size:22px;letter-spacing:-.08em}
.skill-tile:hover .skill-icon{color:#211e1f}
.skill-tile strong{font-size:10px;line-height:1.15;letter-spacing:.015em}
.skill-toolbox{padding:22px 14px 14px}
.skill-toolbox>span{color:#8e858a;font-size:8px}
.skill-toolbox p{margin:11px 0 22px;color:#d2c9ce;font-size:12px}
.skill-toolbox small{display:block;padding-top:16px;border-top:1px solid #5c5358;color:#aaa0a6;font-size:8px}

@media(max-width:1100px){
 .about-classic-layout{grid-template-columns:1fr 1fr;gap:36px}
 .skill-tile-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
 .home-page .about-section{padding-bottom:90px}
 .about-classic-layout{grid-template-columns:1fr;padding-top:52px}
 .about-story h2{font-size:12vw}
 .about-name{margin-top:40px}
 .about-profile-column{gap:30px}
 .about-character-window{grid-template-columns:125px 1fr;gap:18px;padding:17px}
 .skill-tile-grid{grid-template-columns:repeat(2,1fr)}
 .skill-tile{min-height:120px}
}

/* v116 — scroll-scrub reveals, balanced About, fitted player and 16:9 archive */
.item-reveal{
 transition:none;
 pointer-events:none;
}
.item-reveal.is-revealed{pointer-events:auto}

/* Drag only changes the established lime accents; white titles stay white. */
.project-track.is-grabbing .project-media{
 outline-color:#f2a2cb;
 box-shadow:0 0 0 8px #f2a2cb17;
}
.project-track.is-grabbing .project-caption h4{color:var(--text)}
.project-track.is-grabbing .project-caption span,
.project-row:has(.project-track.is-grabbing) .rail-label{color:#f2a2cb}
.project-row:has(.project-track.is-grabbing) .rail-dot.is-active:before{background:#f2a2cb}
.home-page .cursor-follower.is-grab span{background:#f2a2cb;color:#211e1f}

/* About: character/toolkit left, story/roles right, with matching baselines. */
.about-classic-layout{
 grid-template-columns:minmax(500px,1.04fr) minmax(430px,.96fr);
 align-items:stretch;
}
.about-profile-column{
 order:1;
 height:100%;
 gap:38px;
}
.about-story{
 order:2;
 height:100%;
 display:flex;
 flex-direction:column;
}
.about-story .role-list{margin-top:auto}
.about-profile-column .skill-showcase{margin-top:auto}
.about-character-window{
 min-height:292px;
 grid-template-columns:minmax(205px,.92fr) minmax(220px,1.08fr);
 gap:32px;
 padding:30px;
}
.about-character-copy h3{font-size:27px}
.about-character-copy p{font-size:15px}
.skill-showcase-heading{padding-top:21px}
.skill-tile:nth-child(-n+4){background:#292027;border-color:#765a69}
.skill-tile:nth-child(n+5){background:#20281d;border-color:#5d6d43}
.skill-tile:nth-child(n+5) .skill-icon{color:#ceff63}
.skill-tile:hover,
.skill-tile:nth-child(n+5):hover{background:#f2a2cb;border-color:#f2a2cb;color:#211e1f}
.skill-tile:nth-child(n+5):hover .skill-icon{color:#211e1f}

/* The player stays inside one viewport; the overlay keeps the custom cursor
   above cross-origin YouTube frames and doubles as play/pause control. */
.home-page dialog{
 width:min(920px,calc(100% - 36px));
 max-height:90dvh;
 overflow:hidden;
}
.home-page .dialog-bar{
 position:relative;
 min-height:58px;
 padding:6px 10px 6px 18px;
}
.home-page .dialog-bar button,
.home-page .dialog-bar button:hover,
.home-page .dialog-bar button:focus-visible{width:46px;height:46px}
.home-page #player{background:#080808}
.home-page .player-stage{
 position:relative;
 width:min(100%,80dvh);
 aspect-ratio:16/9;
 margin-inline:auto;
 background:#000;
}
.home-page .player-stage iframe,
.home-page .player-stage video{
 display:block;
 width:100%;
 height:100%;
 max-height:none;
 aspect-ratio:auto;
 object-fit:contain;
 border:0;
 pointer-events:none;
}
.home-page .player-toggle{
 position:absolute;
 inset:0;
 z-index:4;
 width:100%;
 height:100%;
 padding:0;
 border:0;
 background:transparent;
 color:#211e1f;
}
.home-page .player-toggle span{
 position:absolute;
 right:12px;
 bottom:10px;
 padding:6px 9px;
 border-radius:999px;
 background:#ceff63;
 font-size:8px;
 letter-spacing:.08em;
 opacity:.78;
 transition:background .2s,opacity .2s;
}
.home-page .player-toggle:hover span{background:#f2a2cb;opacity:1}
.home-page .dialog-info{padding:13px 20px 16px}
.home-page .dialog-info>p:first-child{margin:0;font-size:9px}
.home-page .dialog-info h2{margin-top:4px;font-size:21px;line-height:1.15}
.home-page .dialog-info>p:not(.mono){margin-top:5px;font-size:12px;line-height:1.45}
.home-page #dialog-role{
 display:flex;
 flex-wrap:wrap;
 gap:5px 18px;
 margin-top:7px;
 font-size:10px;
 line-height:1.35;
}
.home-page #dialog-role p{margin:0}
.home-page .dialog-info>a{margin-top:7px;font-size:10px}

/* Four compact, equally weighted 16:9 archive cards. */
.home-page .other-grid{
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:22px;
 align-items:start;
}
.home-page .other-card:nth-child(n){margin-top:0;rotate:0}
.home-page .other-image,
.home-page .other-art .other-image,
.home-page .other-ux .other-image,
.home-page .other-publish .other-image,
.home-page .other-landing .other-image{aspect-ratio:16/9}
.home-page .other-image img{width:100%;height:100%;object-fit:cover}
.home-page .other-card>div:last-child{display:block;padding-top:17px}
.home-page .other-card h3{margin-top:7px;font-size:clamp(20px,2vw,29px)}
.home-page .other-card p{margin-top:5px;font-size:11px}

@media(max-width:1100px){
 .about-classic-layout{grid-template-columns:1fr 1fr;gap:36px}
 .about-character-window{grid-template-columns:155px 1fr;min-height:240px;padding:22px}
 .home-page .other-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 22px}
}
@media(max-width:720px){
 .about-classic-layout{grid-template-columns:1fr}
 .about-profile-column,.about-story{height:auto}
 .about-story .role-list,.about-profile-column .skill-showcase{margin-top:40px}
 .about-character-window{grid-template-columns:145px 1fr;min-height:0}
 .home-page dialog{max-height:92dvh;overflow:auto}
 .home-page .player-stage{width:100%}
 .home-page .other-grid{grid-template-columns:1fr;gap:55px}
}

/* v117 — restrained drag state and denser About details */
.project-track.is-grabbing .project-media{
 outline-color:#ceff63;
 box-shadow:0 0 0 8px #ceff6312;
}
.project-track.is-grabbing .project-caption h4{color:var(--text)}
.project-track.is-grabbing .project-caption span{color:#f2a2cb}
.project-row:has(.project-track.is-grabbing) .rail-label{color:var(--accent)}
.project-row:has(.project-track.is-grabbing) .rail-dot.is-active:before{background:var(--accent)}
.home-page .cursor-follower.is-grab span{background:var(--accent);color:#f2a2cb}

.side-dot i,
.side-dot.current i{
 border-color:#f4f0f2;
 background:transparent;
}
.side-dot.current i{background:#f4f0f2}

.about-biography{display:grid;gap:0}
.about-biography p{margin:0;line-height:1.82}
.about-biography p+p{margin-top:0}
.about-story .role-cluster{margin-top:auto}
.about-story .role-cluster .role-list{margin-top:0}
.about-counts{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 border-top:1px solid #73686e;
 border-bottom:1px solid #73686e;
}
.about-counts>div{
 min-height:94px;
 padding:18px 16px 16px 0;
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 border-right:1px solid #5c53584f;
}
.about-counts>div+div{padding-left:18px}
.about-counts>div:last-child{border-right:0}
.about-counts strong{
 color:#ceff63;
 font:700 31px/1 'DM Sans',sans-serif;
 letter-spacing:-.045em;
}
.about-counts span{color:#aaa2a7;font-size:11px}
.role-list{border-top:0}
.role-list article{
 position:relative;
 transition:transform .35s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s,box-shadow .25s;
}
.role-list article strong,
.role-list article p,
.role-list article>span{transition:color .25s,transform .35s cubic-bezier(.16,1,.3,1)}
.role-list article:hover{
 z-index:1;
 transform:translateX(7px);
 background:#ceff630d;
 border-color:#ceff6380;
 box-shadow:inset 3px 0 0 #ceff63;
}
.role-list article:hover>span{color:#f2a2cb;transform:translateX(5px)}
.role-list article:hover strong{color:#ceff63}
.role-list article:hover p{color:#e2dbe0}

@media(max-width:720px){
 .about-story .role-cluster{margin-top:40px}
 .about-story .role-cluster .role-list{margin-top:0}
 .about-counts>div{min-height:82px;padding:15px 10px 13px 0}
 .about-counts>div+div{padding-left:12px}
 .about-counts strong{font-size:26px}
 .about-counts span{font-size:9px}
}

/* v118 — precise selection colour, dark AI, accessible contact */
.home-page ::selection{background:#b6a7f3;color:#171322}
.home-page ::-moz-selection{background:#b6a7f3;color:#171322}
.home-page .project-caption span::selection,
.home-page .rail-label::selection,
.home-page .drag-note::selection,
.home-page .project-row>header>div>span::selection,
.home-page .about-story h2 em::selection,
.home-page .about-counts strong::selection,
.home-page .about-character-copy>span::selection,
.home-page .email-eyebrow::selection{color:#171322}
.home-page .project-caption span::-moz-selection,
.home-page .rail-label::-moz-selection,
.home-page .drag-note::-moz-selection,
.home-page .project-row>header>div>span::-moz-selection,
.home-page .about-story h2 em::-moz-selection,
.home-page .about-counts strong::-moz-selection,
.home-page .about-character-copy>span::-moz-selection,
.home-page .email-eyebrow::-moz-selection{color:#171322}

.side-dot i{border-color:#f4f0f2;background:transparent}
.side-dot.current i{border-color:#ceff63;background:#ceff63}

.home-page .ai-section{
 background:#0b1110;
 color:#f4f0f2;
}
.home-page .ai-section .section-marker{border-color:#ceff6338}
.home-page .ai-heading h2{color:#ceff63}
.home-page .ai-heading>p{color:#c1c8c3}
.home-page .ai-visual>div{
 background:#141c19;
 box-shadow:10px 10px 0 #263b31;
}
.home-page .ai-visual figcaption,
.home-page .ai-visual figcaption span,
.home-page .ai-visual figcaption small,
.home-page .ai-disclaimer{color:#b9c2bc}
.home-page .ai-disclaimer{border-color:#ceff6338}

.about-avatar{
 background:#171c19;
 background-image:radial-gradient(circle at 50% 58%,#2b372f 0,#1b221e 52%,#101311 100%);
}
.about-story .role-cluster{
 flex:none;
 min-height:0;
 margin-top:16px;
 display:block;
}
.about-story .about-counts{margin:0 0 16px}
.about-story .role-cluster .role-list{margin-top:0}
.role-list article{
 transition:background .25s ease;
}
.role-list article:hover{
 transform:none;
 background:#ceff630d;
 border-color:#5c53584f;
 box-shadow:none;
}
.role-list article:hover>span{color:#ceff63;transform:none}
.role-list article:hover strong{color:#f4f0f2}
.role-list article:hover p{color:#aaa2a7}

.item-reveal,
.item-reveal.is-revealed{pointer-events:auto}

.home-page .site-footer{
 display:grid;
 grid-template-columns:1fr auto 1fr;
 align-items:center;
}
.home-page .site-footer .wordmark{justify-self:start}
.home-page .footer-copy{
 grid-column:2;
 justify-self:center;
 text-align:center;
}

@media(max-width:720px){
 .about-story .role-cluster{display:block;margin-top:40px}
 .about-story .about-counts{margin:0 0 32px}
 .home-page .site-footer{grid-template-columns:1fr}
 .home-page .site-footer .wordmark{justify-self:center}
 .home-page .footer-copy{grid-column:1;justify-self:center;text-align:center}
}

/* v120 — square archive cards and restored character colour */
@media(min-width:721px){
 .about-name{margin-top:40px}
 .about-story .role-cluster{margin-top:32px}
}

.about-avatar{
 position:relative;
 background:#f2a2cb;
 background-image:none;
}
.about-avatar::before{
 content:'';
 position:absolute;
 z-index:0;
 left:34%;
 right:34%;
 top:60%;
 height:24%;
 border-radius:42% 42% 16% 16%;
 background:#111114;
}
.about-avatar img{position:relative;z-index:1}

.home-page .other-grid{
 gap:22px;
 align-items:stretch;
}
.home-page .other-card,
.home-page .other-card:nth-child(n){
 position:relative;
 display:flex;
 flex-direction:column;
 min-width:0;
 height:100%;
 margin:0;
 padding:10px;
 rotate:0deg!important;
 border:1px solid #ceff63;
 border-radius:0;
 background:#1c1b1e;
 box-shadow:none;
 color:#f4f0f2;
}
.home-page .other-card:nth-child(even){border-color:#f2a2cb}
.home-page .other-image,
.home-page .other-art .other-image,
.home-page .other-ux .other-image,
.home-page .other-publish .other-image,
.home-page .other-landing .other-image{
 width:100%;
 aspect-ratio:16/9;
 border-radius:0;
 box-shadow:none;
 background:#111114;
}
.home-page .other-card:hover .other-image{
 translate:0 0;
 box-shadow:none;
}
.home-page .other-card>div:last-child{
 position:relative;
 flex:1;
 display:flex;
 flex-direction:column;
 min-height:142px;
 padding:15px 8px 8px;
}
.home-page .other-card>div:last-child::after{
 content:'↗';
 position:absolute;
 right:7px;
 bottom:5px;
 color:#ceff63;
 font-size:24px;
 line-height:1;
 transition:transform .25s ease;
}
.home-page .other-card:nth-child(even)>div:last-child::after{color:#f2a2cb}
.home-page .other-card:hover>div:last-child::after{transform:translate(3px,-3px)}
.home-page .other-card span{font-size:9px}
.home-page .other-card:nth-child(even) span{color:#f2a2cb}
.home-page .other-card h3{
 margin-top:13px;
 padding-right:22px;
 font-size:clamp(18px,1.55vw,24px);
 line-height:1.1;
 letter-spacing:-.045em;
}
.home-page .other-card p{
 display:block;
 align-self:stretch;
 margin-top:auto;
 padding-top:13px;
 padding-right:28px;
 color:#aaa2a7;
 font-size:11px;
 line-height:1.65;
 word-break:keep-all;
}

@media(max-width:720px){
 .home-page .other-card>div:last-child{min-height:130px}
}

/* v123 — one cursor only and a larger video lightbox */
@media(pointer:fine){
 html body.home-page,
 html body.home-page *,
 html body.home-page *::before,
 html body.home-page *::after{cursor:none!important}

 html.has-custom-cursor body.home-page,
 html.has-custom-cursor body.home-page *,
 html.has-custom-cursor body.home-page *::before,
 html.has-custom-cursor body.home-page *::after{cursor:none!important}
}

.home-page #project-dialog{
 width:min(1080px,calc(100% - 28px));
 max-height:92dvh;
}
.home-page #project-dialog .dialog-bar{
 min-height:52px;
 padding:5px 10px 5px 18px;
}
.home-page #project-dialog .dialog-bar button,
.home-page #project-dialog .dialog-bar button:hover,
.home-page #project-dialog .dialog-bar button:focus-visible{
 width:40px;
 height:40px;
}
.home-page #project-dialog .dialog-bar button span{font-size:7px}
.home-page #project-dialog .player-stage{width:min(100%,100dvh)}
.home-page #project-dialog .player-toggle{cursor:none!important}

/* v124 — complete contact frame */
.home-page .email-copy{
 box-sizing:border-box;
 border-width:1px!important;
 border-style:solid!important;
 border-color:#8a7b83!important;
}
.home-page .email-copy:hover,
.home-page .email-copy.copied{border-color:#ceff63!important}

/* v125 — quieter player chrome and clearer project category */
.home-page #project-dialog .dialog-bar{
 min-height:50px;
 padding:8px 14px 8px 18px;
}
.home-page #project-dialog .dialog-bar button,
.home-page #project-dialog .dialog-bar button:hover,
.home-page #project-dialog .dialog-bar button:focus-visible{
 width:34px;
 height:34px;
}
.home-page #project-dialog .dialog-bar button span{
 font-size:6px;
 letter-spacing:.04em;
}
.home-page #project-dialog .player-toggle span{display:none!important}
.home-page #dialog-category{
 font-family:'DM Sans',Suit,Arial,sans-serif;
 font-size:12px;
 font-weight:600;
 line-height:1.4;
 letter-spacing:0;
 word-spacing:.08em;
}

/* v126 — SceneAI-inspired editorial hero, built without image or video media */
.home-page .cinema-hero{
 height:142svh;
 min-height:980px;
 overflow:clip;
 background:#1c1a1b;
 isolation:isolate;
}
.home-page .cinema-hero::before{
 content:''!important;
 position:absolute;
 inset:-14%;
 z-index:0;
 opacity:1!important;
 background:
  radial-gradient(ellipse at 76% 25%,#f2a2cb1f 0,transparent 29%),
  radial-gradient(ellipse at 24% 72%,#ceff6310 0,transparent 25%),
  linear-gradient(130deg,#211e1f 0%,#181617 48%,#211e1f 100%)!important;
 transform:translate3d(calc(var(--hero-progress) * -2.5%),calc(var(--hero-progress) * 2%),0) scale(1.04);
 animation:hero-light-drift 9s ease-in-out infinite alternate;
}
.home-page .cinema-hero::after{
 content:'';
 position:absolute;
 inset:0;
 z-index:0;
 pointer-events:none;
 background:linear-gradient(90deg,#ffffff07 1px,transparent 1px);
 background-size:calc((100% - 1px)/6) 100%;
 mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
 opacity:.55;
}
@keyframes hero-light-drift{
 from{translate:-1% -1%;filter:saturate(.92)}
 to{translate:1% 1%;filter:saturate(1.08)}
}

.home-page .hero-sticky{
 height:100svh;
 min-height:700px;
 padding-top:100px;
 grid-template-rows:auto 1fr auto;
 overflow:hidden;
}
.home-page .hero-kicker{
 z-index:9;
 color:#d8d0d4;
 font-size:10px;
 letter-spacing:.11em;
 opacity:0;
 animation:hero-meta-in .7s .2s ease-out forwards;
}
.home-page .hero-kicker .micro-label::before{
 content:'';
 display:inline-block;
 width:7px;
 height:7px;
 margin-right:9px;
 border-radius:50%;
 background:var(--accent);
 box-shadow:0 0 18px #ceff637a;
}
.home-page .hero-kicker .hero-role{font-size:10px;font-weight:600;color:#eee8eb}
.home-page .hero-kicker .hero-edition{color:#c4b9bf}
@keyframes hero-meta-in{to{opacity:1;transform:none}}

.home-page .hero-frame{
 position:absolute;
 z-index:1;
 inset:132px 0 78px;
 border:1px solid #efe5ea2b;
 border-radius:24px;
 opacity:0;
 transform:scale(.975);
 animation:hero-frame-in 1.15s .18s cubic-bezier(.16,1,.3,1) forwards;
 pointer-events:none;
}
.home-page .hero-frame::before{
 content:'';
 position:absolute;
 inset:11px;
 border:1px solid #efe5ea0b;
 border-radius:15px;
}
.home-page .hero-frame-corner{
 position:absolute;
 width:22px;
 height:22px;
 border-color:#f2a2cb;
 border-style:solid;
}
.home-page .corner-tl{left:20px;top:20px;border-width:1px 0 0 1px}
.home-page .corner-tr{right:20px;top:20px;border-width:1px 1px 0 0}
.home-page .corner-bl{left:20px;bottom:20px;border-width:0 0 1px 1px}
.home-page .corner-br{right:20px;bottom:20px;border-width:0 1px 1px 0}
.home-page .hero-frame-meta{
 position:absolute;
 inset:20px 54px auto;
 display:flex;
 justify-content:space-between;
 color:#9c9297;
 font-size:7px;
 letter-spacing:.12em;
}
@keyframes hero-frame-in{to{opacity:1;transform:none}}

.home-page .cinema-hero .hero-title{
 position:absolute;
 z-index:3;
 inset:124px 0 84px;
 margin:0;
 pointer-events:none;
}
.home-page .hero-title-line{
 position:absolute;
 display:flex;
 align-items:center;
 line-height:.8;
 will-change:transform;
}
.home-page .hero-title-line-video{
 left:4.5%;
 top:12%;
 transform:translate3d(calc(var(--hero-progress) * -7vw),calc(var(--hero-progress) * -1vh),0);
}
.home-page .hero-title-line-editor{
 right:4.5%;
 bottom:10%;
 transform:translate3d(calc(var(--hero-progress) * 8vw),calc(var(--hero-progress) * 2vh),0);
}
.home-page .hero-title-line .hero-word{
 position:relative;
 inset:auto;
 display:flex;
 width:max-content;
 overflow:hidden;
 font-family:'DM Sans',Arial,sans-serif;
 font-size:clamp(112px,15.3vw,232px);
 font-weight:800;
 line-height:.79;
 letter-spacing:-.077em;
 color:#f1ecef;
 text-transform:uppercase;
}
.home-page .hero-title-line-editor .hero-word{
 color:#eaa0c5;
 font-weight:700;
 letter-spacing:-.07em;
}
.home-page .hero-title-line-video .hero-word>span:nth-child(2),
.home-page .hero-title-line-editor .hero-word>span:nth-child(4){color:inherit}
.home-page .hero-title-line .hero-word>span{
 display:inline-block;
 transform-origin:50% 100%;
 animation:hero-editorial-letter 1.05s cubic-bezier(.16,1,.3,1) both;
 animation-delay:calc(.12s + var(--char) * .06s);
}
.home-page .hero-title-line-editor .hero-word>span{
 animation-delay:calc(.34s + var(--char) * .055s);
}
@keyframes hero-editorial-letter{
 from{opacity:0;transform:translateY(108%) skewY(7deg);filter:blur(5px)}
 62%{filter:blur(0)}
 to{opacity:1;transform:none;filter:none}
}

.home-page .hero-timeline{
 position:absolute;
 z-index:6;
 left:10%;
 right:10%;
 top:52.5%;
 display:grid;
 grid-template-columns:auto 1fr auto;
 align-items:center;
 gap:14px;
 color:#b6adb2;
 opacity:0;
 animation:hero-timeline-in .85s .88s cubic-bezier(.16,1,.3,1) forwards;
 transform:translateY(18px);
}
.home-page .hero-timeline-time{font-size:7px;letter-spacing:.08em;white-space:nowrap}
.home-page .hero-timeline-track{
 position:relative;
 display:grid;
 grid-template-columns:1.15fr .7fr 1.5fr;
 gap:5px;
 height:11px;
 padding:2px;
 border:1px solid #f1e8ed45;
 border-radius:999px;
 background:#0d0c0d99;
 overflow:visible;
 transform-origin:left;
}
.home-page .hero-clip{display:block;border-radius:999px;background:#f4eef145}
.home-page .hero-clip.clip-a{background:#ceff63}
.home-page .hero-clip.clip-b{background:#f2a2cb}
.home-page .hero-clip.clip-c{background:#f4eef16e}
.home-page .hero-playhead{
 position:absolute;
 left:18%;
 top:-13px;
 width:1px;
 height:35px;
 background:#fff;
 box-shadow:0 0 13px #fff9;
 animation:hero-playhead-run 5.8s 1.35s cubic-bezier(.45,0,.55,1) infinite alternate;
}
.home-page .hero-playhead::before{
 content:'';
 position:absolute;
 left:-4px;
 top:-2px;
 width:9px;
 height:7px;
 border-radius:2px 2px 50% 50%;
 background:#fff;
}
@keyframes hero-timeline-in{to{opacity:1;transform:none}}
@keyframes hero-playhead-run{to{left:82%}}

.home-page .hero-stamp{
 position:absolute;
 z-index:7;
 right:7.2%;
 top:31%;
 min-width:132px;
 padding:10px 14px 11px;
 border:1px solid #f2a2cb99;
 border-radius:999px;
 background:#1a1819cc;
 color:#f5eef2;
 text-align:center;
 rotate:5deg;
 opacity:0;
 animation:hero-stamp-in .9s .72s cubic-bezier(.16,1,.3,1) forwards;
 backdrop-filter:blur(8px);
}
.home-page .hero-stamp span{
 display:block;
 color:#ceff63;
 font:7px/1.1 Silkscreen,monospace;
 letter-spacing:.08em;
}
.home-page .hero-stamp strong{
 display:block;
 margin-top:4px;
 font:italic 400 18px/1 'Instrument Serif',Georgia,serif;
 letter-spacing:.015em;
}
@keyframes hero-stamp-in{
 from{opacity:0;transform:translateY(35px) rotate(-7deg) scale(.82)}
 to{opacity:1;transform:none}
}

.home-page .hero-bottom{
 position:relative;
 z-index:9;
 padding:0 30px 25px;
 color:#d5cdd1;
 font-size:10px;
 letter-spacing:.06em;
}
.home-page .hero-bottom>p{line-height:1.7}
.home-page .scroll-cue{
 display:flex;
 align-items:center;
 gap:12px;
 color:#f3edf0;
 font-size:10px;
 letter-spacing:.09em;
}
.home-page .scroll-cue span{
 display:grid;
 place-items:center;
 width:30px;
 height:30px;
 border:1px solid #ceff6388;
 border-radius:50%;
 color:var(--accent);
 animation:hero-arrow 1.6s ease-in-out infinite;
}
@keyframes hero-arrow{50%{transform:translateY(4px)}}

@media(max-width:1100px){
 .home-page .hero-frame{inset-inline:0}
 .home-page .hero-title-line-video{left:2%}
 .home-page .hero-title-line-editor{right:2%}
 .home-page .hero-title-line .hero-word{font-size:17.2vw}
}

@media(max-width:720px){
 .home-page .cinema-hero{height:112svh;min-height:760px}
 .home-page .hero-sticky{padding-top:88px;min-height:700px}
 .home-page .hero-kicker{grid-template-columns:1fr auto;font-size:8px}
 .home-page .hero-kicker .hero-role{display:none}
 .home-page .hero-frame{inset:108px 0 82px;border-radius:17px}
 .home-page .hero-frame::before{inset:7px;border-radius:11px}
 .home-page .hero-frame-meta{inset:16px 38px auto;font-size:6px}
 .home-page .cinema-hero .hero-title{inset:106px 0 98px}
 .home-page .hero-title-line-video{left:4%;top:19%;transform:translateX(calc(var(--hero-progress) * -5vw))}
 .home-page .hero-title-line-editor{right:4%;bottom:25%;transform:translateX(calc(var(--hero-progress) * 6vw))}
 .home-page .hero-title-line .hero-word{font-size:25.7vw;letter-spacing:-.07em;line-height:.82}
 .home-page .hero-title-line-editor .hero-word{letter-spacing:-.065em}
 .home-page .hero-timeline{left:6%;right:6%;top:50.8%;grid-template-columns:1fr}
 .home-page .hero-timeline-time{display:none}
 .home-page .hero-timeline-track{height:10px}
 .home-page .hero-stamp{right:8%;top:34%;min-width:102px;padding:8px 10px}
 .home-page .hero-stamp strong{font-size:15px}
 .home-page .hero-bottom{padding:0 16px 22px;font-size:9px}
 .home-page .hero-bottom>p{max-width:160px}
 .home-page .scroll-cue{font-size:8px;gap:8px}
 .home-page .scroll-cue span{width:27px;height:27px}
}

@media(prefers-reduced-motion:reduce){
 .home-page .cinema-hero::before,
 .home-page .hero-title-line .hero-word>span,
 .home-page .hero-playhead,
 .home-page .hero-stamp,
 .home-page .hero-frame,
 .home-page .hero-kicker,
 .home-page .hero-timeline,
 .home-page .scroll-cue span{animation:none!important;opacity:1;transform:none}
 .home-page .hero-title-line{transform:none!important}
}

/* v127 — premium 3D KJI wordmark */
.home-page .site-header .wordmark{
 width:112px;
 height:76px;
 display:flex;
 align-items:center;
 justify-content:center;
 overflow:visible;
}
.home-page .site-header .wordmark img.brand-mark{
 width:104px;
 height:auto;
 object-fit:contain;
 image-rendering:auto;
 filter:drop-shadow(0 8px 10px #0009);
 transform:translateZ(0);
 transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s ease;
}
.home-page .site-header .wordmark:hover img.brand-mark,
.home-page .site-header .wordmark:focus-visible img.brand-mark{
 transform:translateY(-2px) rotate(-2deg) scale(1.045);
 filter:drop-shadow(0 12px 13px #000b) saturate(1.06);
}
.home-page .site-footer .wordmark img.brand-mark{
 width:112px;
 height:auto;
 object-fit:contain;
 image-rendering:auto;
 filter:drop-shadow(0 7px 9px #0008);
}

@media(min-width:1101px){
 .home-page .site-header .wordmark{top:2px;left:21px}
}

@media(max-width:720px){
 .home-page .site-header .wordmark{width:88px;height:70px}
 .home-page .site-header .wordmark img.brand-mark{width:84px}
 .home-page .site-footer .wordmark img.brand-mark{width:96px}
}

/* v128 — graphite metal + restrained liquid glass design system */
.home-page{
 --bg:#121214;
 --surface:#19191c;
 --glass:#25242a99;
 --glass-strong:#2d2c32c7;
 --glass-line:#ffffff24;
 --metal:#dfe1e6;
 --metal-mid:#8d9098;
 --accent:#ceff63;
 --coral:#f2a2cb;
 background:#121214;
 color:#f3f1f4;
}
html{background:#121214;scrollbar-color:#ceff63 #121214}
html::-webkit-scrollbar-track{background:#121214}
html::-webkit-scrollbar-thumb{border-color:#121214}

.home-page .site-header{
 height:80px;
 background:linear-gradient(180deg,#1d1c20e8,#151518bd);
 border-color:#ffffff1c;
 box-shadow:0 12px 42px #0003,inset 0 1px 0 #ffffff0c;
 backdrop-filter:blur(22px) saturate(1.12);
}
.home-page .site-header::after{
 content:'';
 position:absolute;
 left:12%;
 right:12%;
 bottom:-1px;
 height:1px;
 background:linear-gradient(90deg,transparent,#f2a2cb7d 40%,#ceff636b 60%,transparent);
 opacity:.55;
}
.home-page .site-header .nav-link{color:#c9c6cc;font-weight:600;letter-spacing:.075em}
.home-page .site-header .nav-link:hover,
.home-page .site-header .nav-link.current{color:#fff}
.home-page .site-header .nav-link::after{
 height:1px;
 background:linear-gradient(90deg,var(--coral),var(--accent));
 box-shadow:0 0 10px #ceff6373;
}
.home-page .site-header .wordmark img.brand-mark{
 width:106px;
 filter:drop-shadow(0 8px 12px #000b) saturate(.94);
}

.side-dot i{
 border-color:#d8d7dc;
 box-shadow:inset 0 0 7px #fff2,0 0 0 1px #0008;
}
.side-dot.current i{
 background:var(--accent);
 border-color:#ecffc8;
 box-shadow:0 0 15px #ceff6399;
}
.side-dot span{
 padding:6px 10px;
 border:1px solid transparent;
 border-radius:999px;
 background:transparent;
}
.side-dot:hover span,
.side-dot:focus-visible span,
.side-dot.current:hover span,
.side-dot.current:focus-visible span{
 color:#f7f5f8;
 border-color:#ffffff1d;
 background:#27262bbd;
 box-shadow:inset 0 1px 0 #ffffff16;
 backdrop-filter:blur(12px);
}

/* A single focal object replaces the competing split title and timeline. */
.home-page .cinema-hero{
 height:148svh;
 min-height:1000px;
 background:#121214;
 overflow:clip;
 isolation:isolate;
}
.home-page .cinema-hero::before{
 content:''!important;
 position:absolute;
 z-index:0;
 inset:-12%;
 opacity:1!important;
 background:
  radial-gradient(circle at 18% 30%,#f2a2cb1a 0,transparent 25%),
  radial-gradient(circle at 82% 66%,#ceff630e 0,transparent 22%),
  radial-gradient(ellipse at 50% 45%,#4d536126 0,transparent 40%),
  linear-gradient(145deg,#1a191d 0,#0f0f11 52%,#17171a 100%)!important;
 transform:translate3d(calc(var(--hero-progress) * -2%),calc(var(--hero-progress) * 2%),0) scale(1.05);
 animation:metal-atmosphere 12s ease-in-out infinite alternate;
}
.home-page .cinema-hero::after{
 content:'';
 position:absolute;
 z-index:0;
 inset:0;
 pointer-events:none;
 background:
  linear-gradient(110deg,transparent 0 45%,#ffffff07 49%,transparent 53%),
  linear-gradient(90deg,transparent 49.94%,#ffffff0b 50%,transparent 50.06%);
 opacity:.8;
}
@keyframes metal-atmosphere{to{translate:1.5% -1%;filter:saturate(1.08)}}

.home-page .hero-sticky{
 height:100svh;
 min-height:700px;
 padding-top:102px;
 grid-template-rows:auto 1fr auto;
 overflow:hidden;
}
.home-page .hero-kicker{
 z-index:10;
 padding-inline:10px;
 color:#b8b6bd;
}
.home-page .hero-kicker .micro-label::before{
 background:#f2a2cb;
 box-shadow:0 0 15px #f2a2cb99;
}
.home-page .hero-kicker .hero-role{color:#e9e7eb}
.home-page .hero-kicker .hero-edition{color:#a7a5ac}

.home-page .hero-liquid-stage{
 --pointer-x:.5;
 --pointer-y:.5;
 --tilt-x:0deg;
 --tilt-y:0deg;
 position:absolute;
 z-index:3;
 left:1.5%;
 right:1.5%;
 top:132px;
 bottom:80px;
 perspective:1200px;
 transform:translateY(calc(var(--hero-progress) * -4vh)) scale(calc(1 - var(--hero-progress) * .035));
 transform-origin:center;
 will-change:transform;
}
.home-page .hero-glass-plane{
 position:absolute;
 z-index:1;
 inset:0;
 overflow:hidden;
 border:1px solid #ffffff26;
 border-radius:42px;
 background:
  linear-gradient(145deg,#ffffff12 0,transparent 30%),
  linear-gradient(325deg,#ffffff08 0,transparent 24%),
  #22212670;
 box-shadow:
  0 38px 110px #0008,
  inset 0 1px 0 #ffffff32,
  inset 0 -1px 0 #0008,
  inset 24px 0 80px #f2a2cb08,
  inset -24px 0 80px #ceff6306;
 backdrop-filter:blur(17px) saturate(1.12);
 transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
 transition:transform .22s ease-out,border-color .35s ease;
}
.home-page .hero-glass-plane::before{
 content:'';
 position:absolute;
 inset:-40%;
 background:linear-gradient(112deg,transparent 38%,#ffffff16 47%,#ffffff06 52%,transparent 61%);
 translate:calc((var(--pointer-x) - .5) * 12%) calc((var(--pointer-y) - .5) * 7%);
 rotate:-4deg;
 pointer-events:none;
}
.home-page .hero-glass-plane::after{
 content:'';
 position:absolute;
 inset:14px;
 border:1px solid #ffffff0c;
 border-radius:31px;
}
.home-page .glass-index,
.home-page .glass-format{
 position:absolute;
 z-index:2;
 top:27px;
 color:#aaa8af;
 font-size:7px;
 letter-spacing:.11em;
}
.home-page .glass-index{left:31px}
.home-page .glass-format{right:31px}

.home-page .hero-aurora{
 position:absolute;
 z-index:0;
 width:42%;
 aspect-ratio:1;
 border-radius:50%;
 filter:blur(74px);
 opacity:.25;
 pointer-events:none;
 animation:aurora-float 8s ease-in-out infinite alternate;
}
.home-page .hero-aurora-pink{left:5%;top:8%;background:#f2a2cb}
.home-page .hero-aurora-lime{right:8%;bottom:5%;width:31%;background:#ceff63;opacity:.11;animation-delay:-3s}
@keyframes aurora-float{to{translate:8% -5%;scale:1.12}}

.home-page .cinema-hero .hero-title{
 position:absolute;
 z-index:2;
 inset:50% auto auto 50%;
 width:94%;
 margin:0;
 translate:-50% -50%;
 text-align:center;
 white-space:nowrap;
 pointer-events:none;
}
.home-page .hero-back-title{
 display:flex;
 justify-content:center;
 overflow:hidden;
 color:transparent;
 -webkit-text-stroke:1px #f2f3f54d;
 font-family:'DM Sans',Arial,sans-serif;
 font-size:clamp(80px,10.1vw,154px);
 font-weight:800;
 line-height:.8;
 letter-spacing:-.075em;
 text-transform:uppercase;
 opacity:calc(1 - var(--hero-progress) * .58);
 transform:scale(calc(1 + var(--hero-progress) * .09));
}
.home-page .hero-back-title>span{
 display:inline-block;
 transform-origin:50% 100%;
 animation:glass-title-in 1s cubic-bezier(.16,1,.3,1) both;
 animation-delay:calc(.08s + var(--char) * .035s);
}
@keyframes glass-title-in{
 from{opacity:0;transform:translateY(115%) skewY(7deg);filter:blur(6px)}
 to{opacity:1;transform:none;filter:none}
}

.home-page .hero-liquid-logo{
 position:absolute;
 z-index:5;
 left:50%;
 top:49%;
 width:clamp(330px,42vw,630px);
 aspect-ratio:1692/874;
 translate:-50% -50%;
 transform:
  translate3d(calc((var(--pointer-x) - .5) * 18px),calc((var(--pointer-y) - .5) * 12px + var(--hero-progress) * -4vh),40px)
  rotateX(calc(var(--tilt-x) * .42))
  rotateY(calc(var(--tilt-y) * .48))
  scale(calc(1 - var(--hero-progress) * .12));
 transform-style:preserve-3d;
 animation:liquid-logo-in 1.2s .28s cubic-bezier(.16,1,.3,1) both,liquid-logo-float 6s 1.55s ease-in-out infinite;
 will-change:transform;
}
.home-page .hero-liquid-logo img{
 position:relative;
 z-index:1;
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
 filter:drop-shadow(0 28px 28px #000c) drop-shadow(0 0 28px #f2a2cb13);
}
.home-page .hero-logo-reflection{
 position:absolute;
 z-index:2;
 inset:0;
 background:linear-gradient(108deg,transparent 35%,#fff9 48%,transparent 58%);
 background-size:210% 100%;
 mix-blend-mode:screen;
 mask:url('../../images/brand/kji-3d-logo.png') center/contain no-repeat;
 -webkit-mask:url('../../images/brand/kji-3d-logo.png') center/contain no-repeat;
 animation:logo-sheen 4.8s 1.7s ease-in-out infinite;
 pointer-events:none;
}
@keyframes liquid-logo-in{
 from{opacity:0;transform:translate3d(0,55px,20px) rotateX(-15deg) scale(.82);filter:blur(12px)}
 to{opacity:1;filter:none}
}
@keyframes liquid-logo-float{50%{margin-top:-9px}}
@keyframes logo-sheen{0%,24%{background-position:180% 0}62%,100%{background-position:-85% 0}}

.home-page .hero-stage-footer{
 position:absolute;
 z-index:4;
 left:31px;
 right:31px;
 bottom:26px;
 display:flex;
 justify-content:space-between;
 color:#a5a3aa;
 font-size:7px;
 letter-spacing:.1em;
}
.home-page .hero-stage-footer span:first-child::before{
 content:'';
 display:inline-block;
 width:30px;
 height:1px;
 margin:0 9px 2px 0;
 background:linear-gradient(90deg,var(--coral),var(--accent));
}
.home-page .hero-bottom{
 z-index:10;
 padding:0 32px 24px;
 color:#d6d3d8;
}
.home-page .scroll-cue span{
 border-color:#ffffff2d;
 background:linear-gradient(145deg,#ffffff13,#ffffff04);
 box-shadow:inset 0 1px 0 #ffffff30,0 8px 18px #0006;
}

/* Shared material language across the portfolio, while thumbnails remain clean. */
.home-page .selected-section,
.home-page .other-section,
.home-page .about-section,
.home-page .contact-section,
.home-page .site-footer{
 background:#121214;
 color:#f3f1f4;
}
.home-page .selected-section,
.home-page .other-section,
.home-page .about-section,
.home-page .contact-section{position:relative;isolation:isolate}
.home-page .selected-section::before,
.home-page .other-section::before,
.home-page .about-section::before,
.home-page .contact-section::before{
 content:'';
 position:absolute;
 z-index:-1;
 inset:0;
 pointer-events:none;
 background:radial-gradient(circle at 78% 18%,#f2a2cb09,transparent 28%),radial-gradient(circle at 15% 72%,#ceff6306,transparent 24%);
}
.home-page .section-marker{
 border-color:#ffffff1b!important;
 color:#aaa8af;
}
.home-page .section-marker>span:first-child{color:#e6e3e8}
.home-page .video-intro h2,
.project-row>header h3,
.home-page .other-heading h2,
.home-page .about-title-row h2,
.home-page .contact-section h2,
.home-page .ai-heading h2{
 color:#eef0f4;
 background:none;
 -webkit-text-fill-color:currentColor;
 text-shadow:0 16px 40px #0004;
}
.home-page .video-intro h2 em,
.home-page .about-title-row h2 em,
.home-page .contact-section h2 span{
 color:inherit;
 -webkit-text-fill-color:currentColor;
}
.home-page .reveal-title .reveal-char,
.project-row>header h3 .reveal-char{
 background:linear-gradient(112deg,#ffffff 0,#7f828a 38%,#e9ebef 53%,#a2a4aa 70%,#fafafa 100%);
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent;
}

.project-row>header{border-color:#ffffff1d}
.project-row>header>div>span,
.project-caption span,
.home-page .drag-note,
.rail-label{color:var(--accent)}
.project-row .row-count{color:#aaa8af}
.project-card{
 padding:10px;
 border:1px solid #ffffff1d;
 border-radius:26px;
 background:
  linear-gradient(145deg,#ffffff10,transparent 34%),
  #24232987;
 box-shadow:0 24px 60px #0005,inset 0 1px 0 #ffffff1b;
 backdrop-filter:blur(14px);
 transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .45s;
}
.project-card:hover{
 transform:translateY(-7px);
 border-color:#ffffff37;
 box-shadow:0 34px 85px #0008,0 0 0 1px #f2a2cb22,inset 0 1px 0 #ffffff2b;
}
.project-media{
 border:1px solid #ffffff18;
 border-radius:18px;
 background:#0c0c0e;
 box-shadow:none;
}
.project-media::before{
 content:'';
 position:absolute;
 z-index:2;
 inset:0;
 pointer-events:none;
 background:linear-gradient(110deg,transparent 34%,#ffffff23 48%,transparent 61%);
 translate:-125% 0;
 transition:translate .8s cubic-bezier(.16,1,.3,1);
}
.project-card:hover .project-media::before{translate:125% 0}
.project-media:hover::after{border-color:#ffffff36;background:transparent}
.project-caption{padding:16px 8px 7px}
.project-caption h4{color:#f4f2f5}
.rail-dot::before{background:#5f5e64}
.rail-dot:hover::before{background:#f2a2cb}
.rail-dot.is-active::before{background:var(--accent);box-shadow:0 0 12px #ceff6380}

.home-page .ai-section{
 position:relative;
 isolation:isolate;
 overflow:hidden;
 background:#111619;
 color:#f3f1f4;
}
.home-page .ai-section::before{
 content:'';
 position:absolute;
 z-index:-1;
 inset:0;
 background:radial-gradient(circle at 30% 34%,#a6b7c414,transparent 30%),radial-gradient(circle at 80% 75%,#ceff6309,transparent 27%);
}
.home-page .ai-section .section-marker{border-color:#ffffff1b}
.home-page .ai-heading>p,
.home-page .ai-visual figcaption,
.home-page .ai-visual figcaption span,
.home-page .ai-visual figcaption small,
.home-page .ai-disclaimer{color:#bbbcc1}
.home-page .ai-visual>div{
 padding:9px;
 border:1px solid #ffffff21;
 border-radius:25px;
 background:linear-gradient(145deg,#ffffff12,transparent 38%),#24292d9e;
 box-shadow:0 28px 70px #0007,inset 0 1px 0 #ffffff22;
 backdrop-filter:blur(14px);
}
.home-page .ai-visual>div img{border-radius:17px}
.home-page .ai-disclaimer{border-color:#ffffff1c}

.home-page .other-card,
.home-page .other-card:nth-child(n){
 padding:11px;
 border:1px solid #ffffff1f;
 border-radius:25px;
 background:linear-gradient(145deg,#ffffff10,transparent 35%),#2423298c;
 box-shadow:0 24px 60px #0004,inset 0 1px 0 #ffffff1d;
 backdrop-filter:blur(14px);
 transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s;
}
.home-page .other-card:hover{
 transform:translateY(-8px);
 border-color:#ffffff38;
 box-shadow:0 34px 80px #0007,0 0 0 1px #ceff6315,inset 0 1px 0 #ffffff2d;
}
.home-page .other-image,
.home-page .other-art .other-image,
.home-page .other-ux .other-image,
.home-page .other-publish .other-image,
.home-page .other-landing .other-image{border-radius:17px;border:1px solid #ffffff16}
.home-page .other-card>div:last-child{background:transparent}
.home-page .other-card h3{color:#f4f2f5}
.home-page .other-card p{color:#aaa8ae}

.home-page .character-panel,
.home-page .about-facts,
.home-page .skill-board{
 border-color:#ffffff20;
 background:linear-gradient(145deg,#ffffff0e,transparent 38%),#24232982;
 box-shadow:0 28px 70px #0005,inset 0 1px 0 #ffffff1f;
 backdrop-filter:blur(15px);
}
.home-page .character-panel{border-radius:26px;overflow:hidden}
.home-page .character-stage{background-color:#f2a2cb;background-image:radial-gradient(circle at 48% 42%,#ffd9eb 0,#f2a2cb 48%,#9e4f78 100%)}
.home-page .about-facts{border-radius:20px;overflow:hidden}
.home-page .about-facts dt{color:#98969d}
.home-page .about-facts dd,
.home-page .about-copy .about-lead{color:#f3f1f4}
.home-page .about-copy>p{color:#b6b3b9}
.home-page .skill-board{border:1px solid #ffffff20;border-radius:26px;overflow:hidden}
.home-page .skill-card,
.home-page .skill-card:nth-child(2){
 background:transparent;
 border-color:#ffffff18;
 color:#f2f0f3;
}
.home-page .skill-card:hover,
.home-page .skill-card:nth-child(2):hover{background:#ffffff08}
.home-page .skill-card h3,
.home-page .skill-card:nth-child(2) h3{color:#e8e7eb}
.home-page .skill-card li{border-color:#ffffff17}

.home-page .email-copy{
 border-color:#ffffff28!important;
 border-radius:26px;
 background:linear-gradient(145deg,#ffffff11,transparent 38%),#28272dc2;
 box-shadow:0 25px 70px #0005,inset 0 1px 0 #ffffff24;
 backdrop-filter:blur(18px);
 overflow:hidden;
}
.home-page .email-copy::after{
 content:'';
 position:absolute;
 inset:0;
 pointer-events:none;
 background:linear-gradient(112deg,transparent 35%,#ffffff16 49%,transparent 62%);
 translate:-120% 0;
 transition:translate .75s cubic-bezier(.16,1,.3,1);
}
.home-page .email-copy:hover,
.home-page .email-copy.copied{
 background:linear-gradient(145deg,#ffffff16,transparent 42%),#2d2c32dc;
 border-color:#ceff637a!important;
 transform:translateY(-5px);
}
.home-page .email-copy:hover::after{translate:120% 0}
.home-page .email-address{color:#f5f3f6}
.home-page .email-state{color:#b7b4bb}
.home-page .site-footer{border-color:#ffffff18}

.home-page #project-dialog{
 border:1px solid #ffffff27;
 border-radius:26px;
 background:linear-gradient(145deg,#ffffff0d,transparent 35%),#1d1c21ed;
 box-shadow:0 40px 120px #000c,inset 0 1px 0 #ffffff26;
 backdrop-filter:blur(24px) saturate(1.08);
 overflow:auto;
}
.home-page #project-dialog::backdrop{background:#070709db;backdrop-filter:blur(16px)}
.home-page #project-dialog .dialog-bar{border-color:#ffffff18;background:#ffffff04}
.home-page #project-dialog .dialog-bar button{
 border:1px solid #ffffff23;
 background:linear-gradient(145deg,#ffffff17,#ffffff06);
 box-shadow:inset 0 1px 0 #ffffff24;
}
.home-page .back-to-top{
 background:linear-gradient(145deg,#f3f4f7,#757881);
 border-color:#ffffff4a;
 outline-color:#ffffff1f;
 color:#111114;
 box-shadow:0 12px 32px #0007,inset 0 1px 0 #fff;
}
.home-page .back-to-top:hover{background:linear-gradient(145deg,#e7e8eb,#a0a3a9);rotate:0}
.home-page .cursor-follower span,
.home-page .cursor-follower.is-hand span{
 background:linear-gradient(145deg,#edf0f2,#858991);
 color:#101113;
 box-shadow:2px 3px 8px #0009,inset 0 1px 0 #fff;
}

@media(max-width:1100px){
 .home-page .hero-liquid-stage{left:0;right:0}
 .home-page .hero-liquid-logo{width:51vw}
 .home-page .hero-back-title{font-size:11.8vw}
}

@media(max-width:720px){
 .home-page .site-header{height:72px;backdrop-filter:blur(14px)}
 .home-page .site-header .wordmark img.brand-mark{width:88px}
 .home-page .cinema-hero{height:116svh;min-height:780px}
 .home-page .hero-sticky{padding-top:87px;min-height:700px}
 .home-page .hero-liquid-stage{top:110px;bottom:91px}
 .home-page .hero-glass-plane{border-radius:25px;backdrop-filter:blur(10px)}
 .home-page .hero-glass-plane::after{inset:8px;border-radius:18px}
 .home-page .glass-index,.home-page .glass-format{top:18px;font-size:6px}
 .home-page .glass-index{left:20px}.home-page .glass-format{right:20px}
 .home-page .hero-liquid-logo{width:78vw;top:49%}
 .home-page .hero-back-title{font-size:16vw;letter-spacing:-.065em;-webkit-text-stroke-color:#f2f3f542}
 .home-page .hero-stage-footer{left:20px;right:20px;bottom:18px;font-size:6px}
 .home-page .hero-bottom{padding:0 17px 21px}
 .project-card{padding:7px;border-radius:20px;backdrop-filter:blur(8px)}
 .project-media{border-radius:14px}
 .home-page .other-card,.home-page .other-card:nth-child(n){border-radius:20px;backdrop-filter:blur(8px)}
 .home-page .other-image,.home-page .other-art .other-image,.home-page .other-ux .other-image,.home-page .other-publish .other-image,.home-page .other-landing .other-image{border-radius:13px}
 .home-page .ai-visual>div,.home-page .character-panel,.home-page .skill-board,.home-page .email-copy{backdrop-filter:blur(8px)}
}

@media(prefers-reduced-motion:reduce){
 .home-page .cinema-hero::before,
 .home-page .hero-aurora,
 .home-page .hero-back-title>span,
 .home-page .hero-liquid-logo,
 .home-page .hero-logo-reflection{animation:none!important}
 .home-page .hero-liquid-logo{opacity:1!important;transform:none!important}
 .home-page .hero-glass-plane{transform:none!important}
}

/* v129 — preserve the contact frame and give animated headings a safe glyph area */
.home-page .email-copy{
 position:relative;
 box-sizing:border-box;
 border:1px solid #909198!important;
 outline:1px solid #ffffff14;
 outline-offset:-6px;
}
.home-page .email-copy:hover,
.home-page .email-copy.copied{
 border-color:#ceff63!important;
 outline-color:#ceff632e;
}

.home-page .reveal-line,
.project-row>header h3 .reveal-line{
 padding:.2em .13em .24em;
 margin:-.2em -.13em -.24em;
}
.home-page .video-intro h2,
.home-page .other-heading h2,
.home-page .about-title-row h2,
.home-page .contact-section h2{line-height:.9}
.project-row>header h3{line-height:.93}
.home-page .ai-heading h2{line-height:.94}

/* v130 — video-editing hero, aligned About columns and a clean white collar */
.home-page .video-intro h2 em{
 font-family:inherit;
 font-size:inherit;
 font-style:normal;
 font-weight:inherit;
 line-height:inherit;
 letter-spacing:inherit;
}

@media(min-width:721px){
 .about-story .role-cluster{margin-top:auto}
}

.about-avatar::after{
 content:'';
 position:absolute;
 z-index:0;
 left:38%;
 right:38%;
 top:57%;
 height:20%;
 background:#fff;
 clip-path:polygon(0 0,50% 18%,100% 0,82% 100%,50% 72%,18% 100%);
}

.home-page .hero-kicker{min-height:1px;padding:0}
.home-page .hero-liquid-stage{
 background:
  radial-gradient(circle at 16% 22%,#f2a2cb17,transparent 20%),
  radial-gradient(circle at 84% 72%,#ceff6310,transparent 22%);
}
.home-page .hero-edit-interface{
 position:absolute;
 z-index:4;
 inset:0;
 overflow:hidden;
 border-radius:42px;
 pointer-events:none;
}
.home-page .hero-edit-interface::before{
 content:'';
 position:absolute;
 inset:8% 4%;
 background:
  linear-gradient(90deg,transparent 49.94%,#ffffff16 50%,transparent 50.06%),
  linear-gradient(transparent 49.94%,#ffffff10 50%,transparent 50.06%);
 opacity:.68;
 mask:linear-gradient(90deg,transparent,#000 18% 82%,transparent);
}
.home-page .hero-edit-interface::after{
 content:'';
 position:absolute;
 inset:0;
 background:repeating-linear-gradient(90deg,transparent 0 47px,#ffffff07 48px,transparent 49px);
 opacity:.5;
 mask:linear-gradient(transparent,#000 8% 16%,transparent 25% 75%,#000 84% 92%,transparent);
}
.home-page .hero-focus-corner{
 position:absolute;
 width:44px;
 height:44px;
 opacity:.9;
 filter:drop-shadow(0 0 9px #ceff633a);
}
.home-page .corner-tl{left:7%;top:16%;border-left:2px solid #ceff63;border-top:2px solid #ceff63}
.home-page .corner-tr{right:7%;top:16%;border-right:2px solid #f2a2cb;border-top:2px solid #f2a2cb}
.home-page .corner-bl{left:7%;bottom:25%;border-left:2px solid #f2a2cb;border-bottom:2px solid #f2a2cb}
.home-page .corner-br{right:7%;bottom:25%;border-right:2px solid #ceff63;border-bottom:2px solid #ceff63}
.home-page .hero-scan-line{
 position:absolute;
 z-index:1;
 left:4%;
 right:4%;
 top:21%;
 height:1px;
 background:linear-gradient(90deg,transparent,#ffffff55 18%,#ceff63 50%,#ffffff55 82%,transparent);
 box-shadow:0 0 18px #ceff6340;
 animation:hero-scan-pass 5.4s ease-in-out infinite;
}
@keyframes hero-scan-pass{50%{top:68%;opacity:.35}}

.home-page .hero-track-stack{
 position:absolute;
 z-index:3;
 left:7%;
 right:7%;
 bottom:10.5%;
 display:grid;
 gap:5px;
 padding-left:28px;
 opacity:.88;
}
.home-page .hero-editor-track{
 position:relative;
 height:9px;
 display:flex;
 gap:4px;
}
.home-page .hero-editor-track b{
 position:absolute;
 right:calc(100% + 9px);
 top:50%;
 translate:0 -50%;
 color:#96949a;
 font:700 6px/1 'Courier New',monospace;
}
.home-page .hero-editor-track i{
 display:block;
 min-width:0;
 border:1px solid #ffffff24;
 background:#dadddf24;
 box-shadow:inset 0 1px 0 #ffffff19;
}
.home-page .track-video i:nth-of-type(1){width:28%;background:#ceff6347;border-color:#ceff6370}
.home-page .track-video i:nth-of-type(2){width:41%;background:#e9ebef2e}
.home-page .track-video i:nth-of-type(3){flex:1;background:#f2a2cb42;border-color:#f2a2cb62}
.home-page .track-broll{margin-left:11%;margin-right:9%}
.home-page .track-broll i:first-of-type{width:52%;background:#f2a2cb2f}
.home-page .track-broll i:last-of-type{flex:1;background:#ceff6329}
.home-page .track-audio{margin-left:4%;margin-right:15%;height:12px}
.home-page .track-audio i{
 width:100%;
 background:repeating-linear-gradient(90deg,#ffffff18 0 2px,transparent 2px 5px),linear-gradient(90deg,#ceff632c,#f2a2cb31);
 clip-path:polygon(0 44%,2% 22%,4% 68%,6% 34%,8% 76%,10% 28%,12% 58%,14% 15%,16% 79%,18% 41%,20% 65%,22% 20%,24% 74%,26% 38%,28% 59%,30% 17%,32% 70%,34% 30%,36% 82%,38% 44%,40% 66%,42% 19%,44% 72%,46% 34%,48% 61%,50% 16%,52% 76%,54% 29%,56% 64%,58% 22%,60% 79%,62% 42%,64% 69%,66% 24%,68% 73%,70% 36%,72% 62%,74% 18%,76% 76%,78% 32%,80% 66%,82% 23%,84% 71%,86% 39%,88% 59%,90% 17%,92% 73%,94% 31%,96% 65%,98% 26%,100% 48%,100% 100%,0 100%);
}
.home-page .hero-editor-playhead{
 position:absolute;
 z-index:4;
 left:13%;
 top:-10px;
 bottom:-8px;
 width:1px;
 background:#ceff63;
 box-shadow:0 0 12px #ceff63;
 animation:hero-editor-playhead 6.2s 1s cubic-bezier(.45,0,.55,1) infinite alternate;
}
.home-page .hero-editor-playhead::before{
 content:'';
 position:absolute;
 left:50%;
 top:-2px;
 width:7px;
 height:6px;
 translate:-50% -100%;
 background:#ceff63;
 clip-path:polygon(0 0,100% 0,50% 100%);
}
@keyframes hero-editor-playhead{to{left:87%}}

@media(max-width:720px){
 .home-page .hero-edit-interface{border-radius:25px}
 .home-page .hero-focus-corner{width:28px;height:28px}
 .home-page .hero-track-stack{left:8%;right:8%;bottom:11%;gap:4px}
 .home-page .hero-editor-track{height:7px}
 .home-page .track-audio{height:9px}
}

@media(prefers-reduced-motion:reduce){
 .home-page .hero-scan-line,
 .home-page .hero-editor-playhead{animation:none!important}
}

/* v132 — let the hero frame dissolve into a deeper black canvas */
.home-page .cinema-hero{background:#08080a}
.home-page .cinema-hero::before{
 background:
  radial-gradient(circle at 20% 30%,#f2a2cb14 0,transparent 28%),
  radial-gradient(circle at 82% 67%,#ceff630b 0,transparent 25%),
  radial-gradient(ellipse at 50% 47%,#32343b1f 0,transparent 46%),
  #08080a!important;
}
.home-page .hero-glass-plane{
 border-color:transparent;
 background:transparent;
 box-shadow:none;
 backdrop-filter:none;
}
.home-page .hero-glass-plane::before{opacity:.3}
.home-page .hero-glass-plane::after{display:none}

/* v134 — restore the lime/pink language outside the hero and footer */
.home-page .back-to-top,
.home-page .back-to-top:hover,
.home-page .back-to-top:focus-visible{
 background:#ceff63;
 border:1px solid #ceff63;
 outline:1px solid #ceff6380;
 outline-offset:4px;
 color:#111312;
 box-shadow:0 0 28px #ceff634d,0 10px 28px #0008;
 transform:translateY(-3px);
}
.home-page .back-to-top:not(:hover):not(:focus-visible){transform:none}

.home-page .selected-section .section-marker,
.home-page .other-section .section-marker,
.home-page .contact-section .section-marker{border-color:#ceff6352!important}
.home-page .ai-section .section-marker,
.home-page .about-section .section-marker{border-color:#f2a2cb52!important}
.home-page .selected-section .section-marker>span:first-child,
.home-page .other-section .section-marker>span:first-child,
.home-page .contact-section .section-marker>span:first-child{color:#ceff63}
.home-page .ai-section .section-marker>span:first-child,
.home-page .about-section .section-marker>span:first-child{color:#f2a2cb}

.home-page .video-intro h2{
 font-family:'DM Sans',Arial,sans-serif;
 font-size:clamp(94px,12vw,182px);
 font-weight:900;
 line-height:.76;
 letter-spacing:-.075em;
}
.home-page .video-intro h2 em{
 font-family:inherit;
 font-size:inherit;
 font-style:normal;
 font-weight:inherit;
 line-height:inherit;
 letter-spacing:inherit;
}
.home-page .video-intro h2 em .reveal-char{
 background:none;
 -webkit-text-fill-color:#ceff63;
 color:#ceff63;
}

.project-row{--row-accent:#ceff63}
.project-row:nth-child(even){--row-accent:#f2a2cb}
.project-row>header h3{
 font-family:'Anton','Arial Narrow',sans-serif;
 font-size:clamp(54px,6.5vw,100px);
 font-weight:400;
 line-height:.92;
 letter-spacing:.01em;
}
.project-row>header h3 .reveal-char{
 background:none;
 -webkit-text-fill-color:var(--row-accent);
 color:var(--row-accent);
}
.project-row>header>div>span,
.project-row .row-count,
.project-row .rail-label{color:var(--row-accent)}
.project-row>header{border-color:color-mix(in srgb,var(--row-accent) 34%,transparent)}
.project-row .project-card{border:1px solid color-mix(in srgb,var(--row-accent) 36%,transparent)}
.project-row .project-card:hover{border-color:var(--row-accent)}
.project-row .rail-dot{border-color:color-mix(in srgb,var(--row-accent) 70%,transparent)}
.project-row .rail-dot.is-active::before{background:var(--row-accent);box-shadow:0 0 12px color-mix(in srgb,var(--row-accent) 55%,transparent)}

.home-page .ai-heading h2 .reveal-char{
 background:none;
 -webkit-text-fill-color:#ceff63;
 color:#ceff63;
}
.home-page .ai-visual-wide>div{border:1px solid #ceff6373}
.home-page .ai-visual-tall>div{border:1px solid #f2a2cb73}

.home-page .other-heading h2{
 font-family:'DM Sans',Arial,sans-serif;
 font-size:clamp(82px,10.5vw,158px);
 font-weight:900;
 line-height:.78;
 letter-spacing:-.07em;
}
.home-page .other-heading h2 em{font:inherit;font-style:normal}
.home-page .other-heading h2 em .reveal-char{
 background:none;
 -webkit-text-fill-color:#f2a2cb;
 color:#f2a2cb;
}
.home-page .other-card,
.home-page .other-card:nth-child(odd){border-color:#ceff6370}
.home-page .other-card:nth-child(even){border-color:#f2a2cb70}
.home-page .other-card:hover{border-color:#ceff63}
.home-page .other-card:nth-child(even):hover{border-color:#f2a2cb}

.home-page .about-story h2 em .reveal-char{
 background:none;
 -webkit-text-fill-color:#ceff63;
 color:#ceff63;
}
.home-page .about-character-window{border-color:#f2a2cb78}
.home-page .skill-showcase{border-color:#ceff6370}
.home-page .about-counts{border-color:#ceff6354}
.home-page .role-list article{border-color:#f2a2cb32}

.home-page .contact-section h2 span .reveal-char{
 background:none;
 -webkit-text-fill-color:#f2a2cb;
 color:#f2a2cb;
}
.home-page .email-copy{border-color:#ceff638c!important}
.home-page .email-copy:hover,
.home-page .email-copy.copied{border-color:#ceff63!important}

@media(max-width:720px){
 .home-page .video-intro h2{font-size:20vw;letter-spacing:-.065em}
 .project-row>header h3{font-size:13.5vw;letter-spacing:.01em}
 .home-page .other-heading h2{font-size:18vw}
}

/* v135 — consistent section display type and unclipped finished titles */
.home-page .ai-heading h2{
 font-family:'DM Sans',Arial,sans-serif;
 font-size:clamp(94px,12vw,182px);
 font-weight:900;
 line-height:.76;
 letter-spacing:-.075em;
}
.home-page .video-intro h2 .reveal-line,
.home-page .other-heading h2 .reveal-line{
 padding:.28em .24em .34em;
 margin:-.28em -.24em -.34em;
}
.home-page .reveal-title.is-fully-revealed .reveal-line,
.project-row>header h3.is-fully-revealed .reveal-line{overflow:visible}

.home-page .about-story h2{font-weight:800}

.home-page ::selection{background:#f2a2cb;color:#111114}
.home-page ::-moz-selection{background:#f2a2cb;color:#111114}
.home-page .project-caption span::selection,
.home-page .rail-label::selection,
.home-page .drag-note::selection,
.home-page .project-row>header>div>span::selection,
.home-page .about-story h2 em::selection,
.home-page .about-counts strong::selection,
.home-page .about-character-copy>span::selection,
.home-page .email-eyebrow::selection{color:#111114}
.home-page .project-caption span::-moz-selection,
.home-page .rail-label::-moz-selection,
.home-page .drag-note::-moz-selection,
.home-page .project-row>header>div>span::-moz-selection,
.home-page .about-story h2 em::-moz-selection,
.home-page .about-counts strong::-moz-selection,
.home-page .about-character-copy>span::-moz-selection,
.home-page .email-eyebrow::-moz-selection{color:#111114}

@media(max-width:720px){
 .home-page .ai-heading h2{font-size:32vw;letter-spacing:-.065em}
}

/* v136 — motion-led cinematic hero */
.home-page::before,
.home-page::after{display:none!important}

.home-page .cinema-hero{
 --hero-progress:0;
 height:142svh;
 min-height:980px;
 overflow:clip;
 border:0;
 background:#08090a;
 color:#f4f3ef;
 isolation:isolate;
}
.home-page .cinema-hero::before{
 content:'';
 position:absolute;
 inset:0;
 z-index:-2;
 background:
  radial-gradient(circle at 76% 24%,#ceff6310,transparent 23%),
  radial-gradient(circle at 13% 73%,#f2a2cb12,transparent 27%),
  linear-gradient(115deg,#08090a 0 42%,#0d0e10 63%,#08090a 100%)!important;
}
.home-page .cinema-hero::after{
 content:'';
 display:block!important;
 position:absolute;
 inset:0;
 z-index:-1;
 pointer-events:none;
 opacity:.32;
 background:
  linear-gradient(90deg,transparent 0 49.94%,#ffffff0b 50%,transparent 50.06%),
  linear-gradient(transparent 0 49.94%,#ffffff08 50%,transparent 50.06%);
 background-size:100% 100%;
}
.home-page .hero-sticky{
 position:sticky;
 top:0;
 height:100svh;
 min-height:700px;
 padding-top:92px;
 display:block;
 overflow:hidden;
}
.home-page .motion-hero-meta{
 position:absolute;
 z-index:12;
 top:98px;
 left:32px;
 right:32px;
 display:grid;
 grid-template-columns:1fr auto 1fr;
 align-items:center;
 color:#a7a8a3;
 font-size:9px;
 letter-spacing:.13em;
 line-height:1;
}
.home-page .motion-hero-meta span:nth-child(2){color:#f2f1ed;text-align:center}
.home-page .motion-hero-meta span:last-child{text-align:right}
.home-page .motion-hero-meta i{
 display:inline-block;
 width:6px;
 height:6px;
 margin:0 8px 1px 0;
 border-radius:50%;
 background:var(--accent);
 box-shadow:0 0 13px #ceff63a8;
}
.home-page .motion-hero-stage{
 --pointer-x:.5;
 --pointer-y:.5;
 --tilt-x:0deg;
 --tilt-y:0deg;
 position:absolute;
 z-index:2;
 inset:122px 0 135px;
 perspective:1200px;
 transform:translateY(calc(var(--hero-progress) * -3.5vh)) scale(calc(1 - var(--hero-progress) * .025));
 transform-origin:center;
}
.home-page .motion-hero-screen{
 position:absolute;
 z-index:2;
 left:50%;
 top:50%;
 width:min(72vw,1080px);
 aspect-ratio:16/9;
 padding:0;
 overflow:hidden;
 border:1px solid #ffffff30;
 border-radius:3px;
 background:#111;
 box-shadow:0 35px 95px #000b,0 0 0 10px #0f1011;
 clip-path:polygon(2.3% 0,100% 0,100% 94%,97.7% 100%,0 100%,0 6%);
 transform:
  translate(-50%,-50%)
  perspective(1200px)
  rotateX(var(--tilt-x))
  rotateY(var(--tilt-y))
  scale(calc(.84 + var(--hero-progress) * .12));
 transition:border-color .3s ease,box-shadow .3s ease,opacity .28s ease,filter .28s ease;
 animation:motion-screen-in 1.25s .12s cubic-bezier(.16,1,.3,1) both;
 will-change:transform;
}
.home-page .motion-hero-screen:hover,
.home-page .motion-hero-screen:focus-visible{
 border-color:#ceff63aa;
 box-shadow:0 38px 100px #000d,0 0 0 10px #0f1011,0 0 52px #ceff631b;
}
.home-page .motion-hero-screen.is-switching{opacity:.16;filter:blur(10px);scale:.985}
.home-page .motion-hero-video{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 object-fit:cover;
 background:#111;
 filter:saturate(.78) contrast(1.08) brightness(.78);
 transform:scale(1.025);
 transition:filter .5s ease,transform 1.2s cubic-bezier(.2,.7,.2,1);
}
.home-page .motion-hero-screen:hover .motion-hero-video,
.home-page .motion-hero-screen:focus-visible .motion-hero-video{filter:saturate(1.02) contrast(1.04) brightness(.88);transform:scale(1.055)}
.home-page .motion-hero-shade{
 position:absolute;
 inset:0;
 background:linear-gradient(180deg,#05050518 45%,#050505d9 100%),linear-gradient(90deg,#0007,transparent 28%,transparent 72%,#0005);
 pointer-events:none;
}
.home-page .motion-hero-play{
 position:absolute;
 z-index:2;
 left:50%;
 top:50%;
 display:flex;
 align-items:center;
 gap:10px;
 translate:-50% -50%;
 padding:11px 16px;
 border:1px solid #ffffff5c;
 border-radius:999px;
 color:#fff;
 background:#090a0a5c;
 backdrop-filter:blur(8px);
 font-size:8px;
 letter-spacing:.13em;
 opacity:0;
 transform:scale(.86);
 transition:opacity .25s,transform .25s,background .25s,color .25s;
}
.home-page .motion-hero-play i{font-size:7px;font-style:normal}
.home-page .motion-hero-screen:hover .motion-hero-play,
.home-page .motion-hero-screen:focus-visible .motion-hero-play{opacity:1;transform:none;background:var(--accent);border-color:var(--accent);color:#10120e}
.home-page .motion-hero-project{
 position:absolute;
 z-index:2;
 left:20px;
 bottom:17px;
 color:#ecebe7;
 font-size:8px;
 letter-spacing:.12em;
}
.home-page .motion-hero-title{
 position:absolute;
 z-index:4;
 inset:0;
 margin:0;
 pointer-events:none;
 color:#f4f2ed;
 font-family:'DM Sans',Arial,sans-serif;
 font-weight:900;
 text-transform:uppercase;
 line-height:.72;
 letter-spacing:-.082em;
}
.home-page .motion-title-line{
 position:absolute;
 display:flex;
 overflow:hidden;
 white-space:nowrap;
 font-size:clamp(112px,16.5vw,250px);
 text-shadow:0 14px 40px #0009;
}
.home-page .motion-title-top{left:-.02em;top:1.5%}
.home-page .motion-title-bottom{right:0;bottom:0;color:transparent;-webkit-text-stroke:1.5px #f4f2ed}
.home-page .motion-title-line>span{
 display:inline-block;
 transform-origin:50% 100%;
 animation:motion-letter-in 1s cubic-bezier(.16,1,.3,1) both;
 animation-delay:calc(.14s + var(--char) * .045s);
}
.home-page .motion-title-bottom>span{animation-delay:calc(.38s + var(--char) * .045s)}
.home-page .motion-title-connector{
 position:absolute;
 z-index:5;
 left:50%;
 top:48%;
 color:var(--coral);
 font:italic 400 clamp(44px,6vw,92px)/1 'Instrument Serif',Georgia,serif;
 letter-spacing:-.04em;
 text-transform:none;
 text-shadow:3px 4px 0 #08090a;
 rotate:-12deg;
 transform:translate(-50%,-50%) scale(calc(1 + var(--hero-progress) * .12));
 animation:motion-connector-in .9s .7s cubic-bezier(.16,1,.3,1) both;
}
.home-page .motion-orbit{
 position:absolute;
 z-index:1;
 border:1px solid;
 border-radius:50%;
 pointer-events:none;
 opacity:.72;
}
.home-page .motion-orbit-a{width:38vw;aspect-ratio:1;left:-17vw;top:8%;border-color:#ceff636b;animation:motion-orbit 12s linear infinite}
.home-page .motion-orbit-b{width:27vw;aspect-ratio:1;right:-10vw;bottom:-3%;border-color:#f2a2cb69;animation:motion-orbit 9s linear infinite reverse}
.home-page .motion-orbit::before,.home-page .motion-orbit::after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 15px currentColor}
.home-page .motion-orbit::before{left:12%;top:18%}.home-page .motion-orbit::after{right:4%;bottom:31%}
.home-page .motion-orbit-a{color:var(--accent)}.home-page .motion-orbit-b{color:var(--coral)}
.home-page .motion-crosshair{position:absolute;z-index:5;right:4.5%;top:23%;color:var(--accent);font:400 25px/1 monospace;animation:cross-spin 8s linear infinite}
.home-page .motion-hero-controls{
 position:absolute;
 z-index:12;
 left:50%;
 bottom:83px;
 width:min(720px,58vw);
 translate:-50% 0;
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:1px;
 border:1px solid #ffffff18;
 background:#ffffff18;
 animation:motion-controls-in .8s .95s cubic-bezier(.16,1,.3,1) both;
}
.home-page .hero-scene{
 position:relative;
 display:grid;
 grid-template-columns:auto 1fr;
 gap:12px;
 align-items:center;
 min-height:45px;
 padding:0 13px;
 border:0;
 color:#777a76;
 background:#0b0c0de8;
 text-align:left;
 transition:color .25s,background .25s;
}
.home-page .hero-scene span{font-size:7px}.home-page .hero-scene strong{font-size:9px;letter-spacing:.04em}
.home-page .hero-scene>i{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden;background:#ffffff12}
.home-page .hero-scene>i::after{content:'';display:block;width:100%;height:100%;background:var(--accent);transform:translateX(-101%)}
.home-page .hero-scene:hover,.home-page .hero-scene:focus-visible{color:#f4f3ef;background:#141516}
.home-page .hero-scene.is-active{color:#f4f3ef}
.home-page .hero-scene.is-active span{color:var(--accent)}
.home-page .hero-scene.is-active>i::after{animation:scene-progress 7s linear both}
.home-page .hero-bottom{position:absolute;z-index:11;left:32px;right:32px;bottom:16px;padding:0;display:flex;align-items:end;justify-content:space-between;color:#bfc0ba;font-size:10px;letter-spacing:.03em}
.home-page .hero-bottom p{margin:0;line-height:1.45}
.home-page .scroll-cue{display:flex;align-items:center;gap:10px;color:#ebeae7;font-size:9px;letter-spacing:.13em}
.home-page .scroll-cue span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ceff6370;border-radius:50%;background:#ceff6310;animation:scroll-drop 1.8s ease-in-out infinite}

@keyframes motion-screen-in{from{opacity:0;clip-path:polygon(49% 0,51% 0,51% 100%,49% 100%);transform:translate(-50%,-50%) scale(.72)}to{opacity:1}}
@keyframes motion-letter-in{from{opacity:0;transform:translateY(115%) skewY(7deg);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes motion-connector-in{from{opacity:0;transform:translate(-50%,-30%) scale(.5) rotate(12deg)}to{opacity:1}}
@keyframes motion-orbit{to{rotate:360deg}}
@keyframes cross-spin{to{rotate:360deg}}
@keyframes motion-controls-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes scene-progress{from{transform:translateX(-101%)}to{transform:none}}

@media(max-width:1050px){
 .home-page .motion-hero-screen{width:78vw}
 .home-page .motion-title-line{font-size:18vw}
 .home-page .motion-hero-controls{width:66vw}
}
@media(max-width:720px){
 .home-page .cinema-hero{height:116svh;min-height:780px}
 .home-page .hero-sticky{min-height:650px;padding-top:76px}
 .home-page .motion-hero-meta{top:82px;left:8px;right:8px;grid-template-columns:1fr 1fr;font-size:7px}
 .home-page .motion-hero-meta span:nth-child(2){text-align:right}.home-page .motion-hero-meta span:last-child{display:none}
 .home-page .motion-hero-stage{inset:103px 0 161px}
 .home-page .motion-hero-screen{width:91vw;top:49%;box-shadow:0 22px 60px #000c,0 0 0 5px #0f1011;clip-path:polygon(3% 0,100% 0,100% 92%,97% 100%,0 100%,0 8%)}
 .home-page .motion-title-line{font-size:22.3vw;letter-spacing:-.075em}
 .home-page .motion-title-top{top:9%}.home-page .motion-title-bottom{bottom:10%}
 .home-page .motion-title-connector{font-size:13vw;top:49%}
 .home-page .motion-hero-project{left:12px;bottom:10px;font-size:6px}
 .home-page .motion-hero-play{display:none}
 .home-page .motion-orbit-a{width:70vw;left:-44vw}.home-page .motion-orbit-b{width:54vw;right:-34vw}.home-page .motion-crosshair{right:2%;top:21%}
 .home-page .motion-hero-controls{bottom:96px;width:calc(100% - 16px)}
 .home-page .hero-scene{min-height:40px;padding:0 8px;gap:6px}.home-page .hero-scene strong{font-size:7px}.home-page .hero-scene span{font-size:6px}
 .home-page .hero-bottom{left:8px;right:8px;bottom:17px;font-size:8px}.home-page .hero-bottom p{max-width:180px}.home-page .scroll-cue{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
 .home-page .motion-hero-screen,
 .home-page .motion-title-line>span,
 .home-page .motion-title-connector,
 .home-page .motion-orbit,
 .home-page .motion-crosshair,
 .home-page .motion-hero-controls,
 .home-page .hero-scene.is-active>i::after{animation:none!important}
 .home-page .motion-hero-video{transform:none!important}
}

/* v138 — one continuous scroll-scrub film */
.home-page .cinema-hero{height:360svh;min-height:2200px}
.home-page .motion-hero-stage{inset:118px 0 139px}
.home-page .motion-hero-screen{
 width:min(65vw,980px);
 transform:
  translate(-50%,-50%)
  perspective(1200px)
  rotateX(calc(var(--tilt-x) * .42))
  rotateY(calc(var(--tilt-y) * .42))
  scale(calc(.78 + var(--hero-progress) * .30));
 border-color:color-mix(in srgb,#fff calc(18% + var(--hero-progress) * 18%),transparent);
 box-shadow:
  0 calc(24px + var(--hero-progress) * 22px) calc(70px + var(--hero-progress) * 55px) #000c,
  0 0 0 calc(10px - var(--hero-progress) * 5px) #0f1011;
}
.home-page .motion-hero-screen:hover{
 border-color:#ffffff45;
 box-shadow:0 38px 100px #000d,0 0 0 7px #0f1011;
}
.home-page .motion-hero-video{
 filter:saturate(calc(.72 + var(--hero-progress) * .3)) contrast(1.08) brightness(calc(.69 + var(--hero-progress) * .17));
 transform:scale(calc(1.1 - var(--hero-progress) * .07));
 transition:none;
}
.home-page .motion-hero-screen:hover .motion-hero-video{filter:saturate(calc(.72 + var(--hero-progress) * .3)) contrast(1.08) brightness(calc(.69 + var(--hero-progress) * .17));transform:scale(calc(1.1 - var(--hero-progress) * .07))}
.home-page .motion-title-top{
 transform:translateX(calc(var(--hero-progress) * -23vw));
 opacity:calc(1 - var(--hero-progress) * 1.15);
}
.home-page .motion-title-bottom{
 transform:translateX(calc(var(--hero-progress) * 24vw));
 opacity:calc(1 - var(--hero-progress) * 1.15);
}
.home-page .motion-title-connector{opacity:calc(1 - var(--hero-progress) * 1.35)}
.home-page .motion-orbit-a{transform:translate(calc(var(--hero-progress) * -11vw),calc(var(--hero-progress) * 8vh)) scale(calc(1 + var(--hero-progress) * .24))}
.home-page .motion-orbit-b{transform:translate(calc(var(--hero-progress) * 9vw),calc(var(--hero-progress) * -7vh)) scale(calc(1 + var(--hero-progress) * .18))}
.home-page .motion-hero-play,.home-page .motion-hero-project{display:none}
.home-page .scrub-frame-label{
 position:absolute;
 z-index:3;
 left:18px;
 top:16px;
 padding:5px 8px;
 color:#d9dbd4;
 background:#07080880;
 border-left:2px solid var(--accent);
 font-size:7px;
 letter-spacing:.12em;
 backdrop-filter:blur(5px);
}
.home-page .scrub-copy{
 position:absolute;
 z-index:3;
 right:17px;
 bottom:14px;
 width:min(55%,420px);
 height:32px;
 overflow:hidden;
 text-align:right;
 pointer-events:none;
}
.home-page .scrub-copy p{
 position:absolute;
 inset:0;
 margin:0;
 color:#f4f3ef;
 font:800 clamp(13px,1.5vw,22px)/32px 'DM Sans',sans-serif;
 letter-spacing:-.025em;
 opacity:0;
 transform:translateY(115%) skewY(5deg);
 transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1);
}
.home-page .scrub-copy p.is-active{opacity:1;transform:none}
.home-page .scrub-chapters{
 grid-template-columns:repeat(3,1fr);
 overflow:hidden;
 background:#ffffff14;
}
.home-page .scrub-chapter{
 position:relative;
 display:flex;
 align-items:center;
 gap:11px;
 min-height:43px;
 padding:0 13px;
 color:#6e716d;
 background:#0b0c0de8;
 transition:color .25s,background .25s;
}
.home-page .scrub-chapter i{color:inherit;font-size:7px;font-style:normal}
.home-page .scrub-chapter strong{font-size:9px;letter-spacing:.06em}
.home-page .scrub-chapter.is-active{color:#f4f3ef;background:#111314}
.home-page .scrub-chapter.is-active i{color:var(--accent)}
.home-page .scrub-progress{
 position:absolute;
 z-index:2;
 left:0;
 right:0;
 bottom:0;
 height:2px;
 background:linear-gradient(90deg,var(--accent) 0 70%,var(--coral));
 transform:scaleX(var(--hero-progress));
 transform-origin:left;
 box-shadow:0 0 12px #ceff636b;
}

@media(max-width:720px){
 .home-page .cinema-hero{height:300svh;min-height:1900px}
 .home-page .motion-hero-stage{inset:100px 0 165px}
 .home-page .motion-hero-screen{width:91vw;transform:translate(-50%,-50%) scale(calc(.83 + var(--hero-progress) * .15))}
 .home-page .motion-title-top{transform:translateX(calc(var(--hero-progress) * -34vw))}
 .home-page .motion-title-bottom{transform:translateX(calc(var(--hero-progress) * 35vw))}
 .home-page .scrub-frame-label{left:10px;top:9px;font-size:5px}
 .home-page .scrub-copy{right:10px;bottom:8px;height:24px;width:70%}
 .home-page .scrub-copy p{font-size:11px;line-height:24px}
 .home-page .scrub-chapter{min-height:40px;padding:0 8px;gap:6px}.home-page .scrub-chapter strong{font-size:7px}.home-page .scrub-chapter i{font-size:6px}
}

/* v139 — cinematic subject-led hero */
.home-page .motion-hero-meta,
.home-page .scrub-frame-label,
.home-page .motion-orbit,
.home-page .motion-crosshair{display:none!important}
.home-page .motion-hero-stage{inset:82px 0 132px}
.home-page .motion-hero-screen{
 width:min(88vw,1440px);
 border-color:#ffffff24;
 border-radius:0;
 clip-path:polygon(1.3% 0,100% 0,100% 95%,98.7% 100%,0 100%,0 5%);
 transform:translate(-50%,-50%) perspective(1400px) rotateX(calc(var(--tilt-x) * .2)) rotateY(calc(var(--tilt-y) * .2)) scale(calc(.88 + var(--hero-progress) * .15));
 box-shadow:0 38px 110px #000d,0 0 0 1px #ffffff0b;
}
.home-page .motion-hero-screen:hover{border-color:#ffffff38;box-shadow:0 42px 125px #000e,0 0 0 1px #ffffff12}
.home-page .motion-hero-shade{background:linear-gradient(180deg,#0405060f 28%,#050606cf 100%),linear-gradient(90deg,#05060694 0,transparent 25%,transparent 72%,#05060675 100%)}
.home-page .motion-title-line{font-size:clamp(92px,15.4vw,278px);letter-spacing:-.075em;text-shadow:0 8px 38px #000b}
.home-page .motion-title-top{top:3%;left:-1%}
.home-page .motion-title-bottom{right:-1%;bottom:1%}
.home-page .motion-title-connector{font-size:clamp(62px,8.4vw,152px);top:51%;text-shadow:0 7px 30px #000b;animation:none!important;opacity:calc(1 - var(--hero-progress) * 1.35)}
.home-page .scrub-copy{right:22px;bottom:18px}

@media(max-width:720px){
 .home-page .motion-hero-stage{inset:76px 0 160px}
 .home-page .motion-hero-screen{width:96vw;transform:translate(-50%,-50%) scale(calc(.9 + var(--hero-progress) * .09))}
 .home-page .motion-title-line{font-size:22.8vw}
 .home-page .motion-title-top{top:7%}
 .home-page .motion-title-bottom{bottom:7%}
}