:root{--ink:#191920;--muted:#6d6d7a;--accent:#6c46e9;--line:#e4e4ed;--paper:#f8f8fa;--ease:cubic-bezier(.22,1,.36,1);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:110px}.shell{width:calc(100% - 96px);max-width:1400px;margin-inline:auto}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;line-height:1.7}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;z-index:100;background:white;padding:15px;left:15px;top:15px}.reading-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:var(--accent);transform-origin:left;transform:scaleX(0);z-index:60}.site-header{position:sticky;top:0;z-index:30;background:#f8f8faed;backdrop-filter:blur(20px);border-bottom:1px solid #e4e4ed80}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font-size:23px;font-weight:720;letter-spacing:-1px}.brand img{border-radius:10px;object-fit:contain}.brand-ai{color:var(--accent);margin-left:5px;font-weight:500}.site-header nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:500}.site-header nav>a:hover{color:var(--accent)}.nav-cta{display:flex;align-items:center;gap:35px;background:var(--ink);color:white!important;border-radius:100px;padding:14px 22px}.menu-toggle{display:none;width:44px;height:44px;background:white;border:1px solid var(--line);border-radius:50%;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:17px;height:1px;background:var(--ink)}.hero{padding-top:64px}.hero-intro{display:grid;grid-template-columns:1.7fr 1fr;gap:65px;align-items:end}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:10px}.hero h1{font-size:clamp(43px,5.4vw,79px);line-height:1.08;letter-spacing:-.065em;font-weight:620;margin-top:25px;white-space:nowrap}.hero h1>span{color:var(--accent)}.hero-copy{padding-bottom:5px}.hero-copy p{font-size:15px;line-height:1.8;color:var(--muted);max-width:365px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:52px;padding:16px 23px;border-radius:100px;font-size:13px;font-weight:550;transition:background .25s,transform .25s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white}.primary:hover{background:var(--accent)}.hero-copy .button{margin-top:24px}.hero-showcase{margin-top:48px;display:grid;grid-template-columns:27% 73%;align-items:center;min-height:390px;border-radius:20px;overflow:hidden;background:linear-gradient(125deg,#eae4fd,#f0edfd 55%,#e0d9f8);padding:40px 45px;gap:10px;position:relative}.showcase-label{padding-right:18px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.showcase-label .eyebrow{font-size:10px;color:#665987}.showcase-label>p{font-size:clamp(25px,2.3vw,35px);line-height:1.14;font-weight:550;letter-spacing:-.045em;margin-top:20px}.showcase-label>a{display:inline-flex;gap:18px;align-items:center;font-size:12px;margin-top:25px;font-weight:550}.showcase-label>a:hover{color:var(--accent)}.showcase-detail{font-size:10px;color:#786c93;margin-top:45px}.hero-visual{width:100%;border-radius:10px;overflow:hidden;box-shadow:0 25px 55px #49318d30;border:1px solid #17172220;background:#15181b;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);transition:transform .85s var(--ease);will-change:transform}.hero-visual:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-5px)}.browser-bar{display:flex;justify-content:space-between;align-items:center;color:#bcbac8;padding:11px 15px;font-size:8px;background:#24252c;letter-spacing:.03em}.browser-bar>span:first-child{display:flex;gap:5px}.browser-bar i{width:5px;height:5px;background:#74717f;border-radius:50%}.hero-visual img{width:100%;height:auto;aspect-ratio:1.975;object-fit:cover}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:11px}#motion-toggle{display:flex;gap:8px;align-items:center;min-height:44px;color:var(--muted);background:transparent;font-size:11px}.motion-icon{font-size:15px}.work{padding-block:100px 80px}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;align-items:end;margin-bottom:45px}.section-heading h2{margin-top:20px;font-size:clamp(38px,4vw,58px);font-weight:570;letter-spacing:-.06em;line-height:1.08}.section-heading h2>span{color:var(--muted)}.section-heading>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:370px}.work-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{min-height:44px;border-radius:100px;background:transparent;padding:12px 17px;color:var(--muted);font-size:12px;transition:background .25s,color .25s}.filters button[aria-pressed=true]{background:var(--ink);color:white}.filters button span{font-size:9px;margin-left:8px}.portfolio-search input{min-height:44px;width:220px;border-radius:100px;border:1px solid var(--line);background:white;padding:12px 17px;font-size:12px;color:var(--ink)}.collection-context{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0 27px;font-size:10px;line-height:1.6;color:#62626e}#result-count{white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px}.project-card{min-width:0}.project-image{display:block;position:relative;aspect-ratio:1.6;border-radius:14px;overflow:hidden;background:#eeeef3;padding:22px;isolation:isolate}.project-card:nth-child(4n+1) .project-image{background:#e8e2f5}.project-card:nth-child(4n+2) .project-image{background:#e6e9ee}.project-card:nth-child(4n+3) .project-image{background:#e2ecea}.project-card:nth-child(4n) .project-image{background:#eee5dd}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:7px;box-shadow:0 14px 25px #13131c15;transition:transform .8s var(--ease)}.project-card[data-project=aeon] .project-image img{object-fit:contain;background:#11141d}.project-image:hover img{transform:scale(1.035)}.project-open{position:absolute;right:32px;bottom:32px;display:grid;place-items:center;width:42px;height:42px;background:white;color:var(--ink);border-radius:50%;font-size:22px;transition:transform .4s}.project-image:hover .project-open{transform:rotate(45deg)}.project-info{padding:21px 2px 0}.project-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.project-info h3{font-size:28px;font-weight:580;letter-spacing:-1px;margin-top:12px}.project-info>p{font-size:13px;color:var(--muted);line-height:1.75;max-width:490px;margin-top:12px}.notes-button{display:flex;align-items:center;gap:18px;min-height:44px;background:transparent;padding:0;color:var(--ink);font-size:11px;margin-top:10px}.notes-button:hover{color:var(--accent)}.collection-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding-top:42px;font-size:12px;color:var(--muted)}.secondary{border:1px solid var(--line);background:white;color:var(--ink)}.secondary:hover{border-color:var(--accent);color:var(--accent)}#project-empty{width:100%;padding:20px 0;font-size:15px}.craft-section{background:#17171e;color:#fff;padding:85px 0}.craft-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.craft-copy .eyebrow{color:#a98afb}.craft-copy h2{font-size:clamp(36px,4vw,56px);line-height:1.1;font-weight:520;letter-spacing:-.055em;margin-top:24px}.craft-copy h2>span{color:#b9a3f5}.craft-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#acaab8;max-width:470px;margin-top:24px}.chapter-controls{display:flex;flex-direction:column;margin-top:30px;border-top:1px solid #ffffff1c}.chapter-controls button{display:flex;gap:23px;align-items:center;background:transparent;color:#83818f;border-bottom:1px solid #ffffff1c;padding:16px 0;min-height:54px;font-size:10px;text-align:left;transition:color .2s}.chapter-controls button span{font-size:14px}.chapter-controls button[aria-pressed=true]{color:#d5c4ff}.chapter-controls button[aria-pressed=true]:after{content:"↗";margin-left:auto;font-size:20px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:12px;margin-top:30px}.craft-copy>p.craft-disclaimer{font-size:10px;line-height:1.6;color:#767481}.model-stage{position:relative;min-height:530px;border-radius:20px;background:radial-gradient(ellipse at 50% 35%,#49405750,transparent 65%),#1f1f29;border:1px solid #ffffff0c;overflow:hidden;isolation:isolate}.model-stage-top,.model-stage-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;color:#a5a0b5;z-index:2}.model-stage-top{top:25px;letter-spacing:.15em}.model-stage-bottom{bottom:25px}.model-halo{position:absolute;width:370px;height:370px;border:1px solid #a292c71a;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 35px #a292c706,0 0 0 70px #a292c704}.watch-host{position:absolute;inset:40px 0 70px}.watch-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.watch-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .5s}.model-ready .watch-canvas{opacity:1}.model-ready .watch-poster{opacity:0}.model-fallback .watch-poster{opacity:1}.finish-controls{display:flex;gap:7px}.finish-controls button{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:50%;background:transparent}.finish-controls button span{width:19px;height:19px;border-radius:50%;background:#bac0c9}.finish-controls button[data-finish=graphite] span{background:#555763}.finish-controls button[data-finish=champagne] span{background:#bfaa88}.finish-controls button[aria-pressed=true]{border-color:#c4b0ee}.live-section{padding-block:100px}.live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.live-card{display:block;padding:26px;border:1px solid var(--line);border-radius:14px;background:white;transition:transform .4s var(--ease),box-shadow .4s}.live-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #19192008}.live-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.live-top>span:last-child{font-size:22px;color:var(--ink)}.reference-logo{height:145px;display:flex;align-items:center;justify-content:center;margin-block:25px}.reference-logo img{width:115px;height:115px;object-fit:contain}.unitone-logo img{width:80px;height:80px}.loom-logo{background:#18110d;border-radius:8px}.live-card h3{font-size:21px;font-weight:580;letter-spacing:-.7px}.live-card>p{font-size:12px;color:var(--muted);margin-top:8px}.domain{display:block;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:10px;color:var(--muted)}.capabilities-section{background:#eeedf3;padding:85px 0}.expertise-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.expertise-intro h2{font-size:clamp(38px,4vw,55px);line-height:1.1;font-weight:550;letter-spacing:-.055em;margin-top:23px}.expertise-intro>p:last-child{font-size:14px;color:var(--muted);line-height:1.85;max-width:340px;margin-top:25px}.expertise-list details{border-top:1px solid #d4d2df;padding:23px 0}.expertise-list details:last-child{border-bottom:1px solid #d4d2df}.expertise-list summary{display:flex;align-items:center;gap:25px;cursor:pointer;list-style:none}.expertise-list summary::-webkit-details-marker{display:none}.expertise-list summary>span{font-size:10px;color:var(--muted)}.expertise-list h3{font-size:22px;letter-spacing:-.6px;font-weight:520}.expertise-list summary>i{font-size:24px;font-style:normal;margin-left:auto;transition:transform .3s}.expertise-list details[open] summary>i{transform:rotate(45deg)}.expertise-list details>p{margin:18px 35px 0;font-size:13px;line-height:1.8;color:var(--muted)}.expertise-output{display:block;margin:18px 35px 0;font-size:10px;color:var(--accent)}.contact-section{padding-block:85px}.contact-panel{background:#6c46e9;color:white;padding:60px;border-radius:20px;position:relative;overflow:hidden}.contact-panel .eyebrow{color:#d4c7fa}.contact-panel h2{font-size:clamp(43px,5.5vw,80px);line-height:1.08;font-weight:520;letter-spacing:-.06em;margin-top:26px}.contact-panel h2 span{color:#d1c2ff}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:45px}.contact-bottom>p{font-size:14px;line-height:1.8;color:#ddd2fb}.light{background:white;color:var(--accent)}footer{padding-bottom:30px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line)}.footer-top>a:last-child{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:25px;font-size:10px;color:var(--muted)}dialog{width:min(650px,calc(100% - 36px));max-height:85vh;background:white;color:var(--ink);border:0;border-radius:18px;padding:45px;box-shadow:0 35px 100px #0003}dialog::backdrop{background:#17172288;backdrop-filter:blur(8px)}.dialog-open{overflow:hidden}.dialog-close{position:absolute;right:15px;top:15px;width:40px;height:40px;border-radius:50%;background:#f1eff8;font-size:25px}.dialog-intro{font-size:16px;line-height:1.6;margin-top:15px;color:var(--muted)}dialog h2{font-size:40px;letter-spacing:-1.5px;margin-top:10px}dialog dl{margin-top:30px}dialog dt{font-size:11px;font-weight:650;margin-top:23px;color:var(--accent)}dialog dd{margin:8px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}dialog .concept-note{font-size:10px;line-height:1.6;margin:25px 0;color:var(--muted)}.reveal{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}.pre-reveal{opacity:0;transform:translateY(25px)}.motion-ready .hero-intro{animation:hero-enter .85s var(--ease) both}.motion-ready .hero-showcase{animation:hero-enter 1s var(--ease) .12s both}.motion-paused .hero-visual{transform:none}.motion-paused .pre-reveal{opacity:1;transform:none}@keyframes hero-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-showcase{padding:45px 55px}.hero-intro{gap:100px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero-intro{gap:30px;grid-template-columns:1.6fr 1fr}.hero h1{font-size:5.3vw}.hero-copy p{font-size:13px}.hero-showcase{padding:28px;grid-template-columns:29% 71%;min-height:330px}.showcase-label>p{font-size:26px}.showcase-label .eyebrow{font-size:9px}.showcase-detail{margin-top:30px;font-size:9px}.craft-layout{gap:45px}.model-stage{min-height:480px}.expertise-layout{gap:60px}.section-heading{gap:50px}.project-image{padding:17px}.live-card{padding:20px}.live-card h3{font-size:19px}}
@media(max-width:820px){.shell{width:calc(100% - 44px)}.header-inner{height:76px}.menu-toggle{display:flex}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:24px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px}.site-header nav.open{display:flex}.site-header nav>a{padding:15px 10px;font-size:16px}.site-header nav>a.nav-cta{padding:15px 20px;margin-top:8px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{padding-top:42px}.hero-intro{grid-template-columns:1fr;gap:25px}.hero h1{font-size:clamp(38px,7vw,57px)}.hero-copy{display:flex;align-items:center;gap:25px;justify-content:space-between}.hero-copy p{max-width:420px;font-size:14px}.hero-copy .button{flex-shrink:0;margin:0;gap:22px}.hero-showcase{margin-top:35px;padding:25px;min-height:290px;grid-template-columns:30% 70%}.showcase-label>p{font-size:23px}.showcase-label>a{font-size:10px;gap:12px}.showcase-detail{font-size:8px}.section-heading{gap:35px;grid-template-columns:1.2fr 1fr}.section-heading>p{font-size:13px}.work,.live-section{padding-block:70px}.work-toolbar{flex-wrap:wrap;gap:15px}.portfolio-search{margin-left:auto}.portfolio-search input{width:180px}.collection-context{font-size:9px}.project-grid{gap:35px 22px}.project-info h3{font-size:25px}.project-info>p{font-size:12px}.project-meta{font-size:9px}.project-open{width:35px;height:35px;right:25px;bottom:25px}.craft-layout{grid-template-columns:1fr;gap:35px}.craft-section{padding-block:60px}.craft-copy>p:not(.eyebrow){max-width:600px}.chapter-controls{flex-direction:row}.chapter-controls button{flex:1;border-right:1px solid #fff1;gap:12px}.chapter-controls button:last-child{border-right:0;padding-left:15px}.chapter-controls button:nth-child(2){padding-left:15px}.chapter-controls button[aria-pressed=true]:after{display:none}.model-stage{min-height:480px}.live-grid{grid-template-columns:repeat(2,1fr);gap:14px}.live-card{padding:17px}.live-card h3{font-size:17px}.live-card>p{font-size:10px}.domain{font-size:8px}.reference-logo{height:125px;margin-block:20px}.reference-logo img{width:100px;height:100px}.expertise-layout{grid-template-columns:1fr;gap:40px}.expertise-intro>p:last-child{max-width:500px}.capabilities-section{padding-block:60px}.contact-section{padding-block:60px}.contact-panel{padding:40px}.contact-panel h2{font-size:53px}.contact-bottom{gap:20px}.contact-bottom>p{font-size:12px}}
@media(max-width:540px){.shell{width:calc(100% - 36px)}html{scroll-padding-top:90px}.brand{font-size:21px}.brand img{width:36px;height:36px}.hero{padding-top:34px}.eyebrow{font-size:9px}.hero h1{font-size:clamp(29px,8.5vw,43px);white-space:normal;margin-top:20px;letter-spacing:-.06em;line-height:1.12}.hero-copy{display:block}.hero-copy p{font-size:13px;line-height:1.8}.hero-copy .button{margin-top:22px;font-size:12px;min-height:48px;padding:14px 20px}.hero-showcase{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:23px 20px;margin-top:30px;border-radius:14px}.showcase-label{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 15px}.showcase-label .eyebrow{grid-column:1/-1;font-size:8px}.showcase-label>p{font-size:24px;margin:0}.showcase-label>a{margin:0;align-self:end;justify-content:flex-end;font-size:10px;gap:12px;padding-bottom:3px}.showcase-detail{display:none}.hero-visual{transform:none;border-radius:7px}.browser-bar{padding:8px 10px;font-size:6px}.browser-bar i{width:4px;height:4px}.hero-bottom{font-size:9px;padding-block:12px;gap:20px}#motion-toggle{font-size:9px;flex-shrink:0}.work{padding-top:55px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.section-heading h2{font-size:37px;margin-top:15px}.section-heading>p{max-width:340px;font-size:13px}.filters{width:100%;gap:3px}.filters button{font-size:10px;padding:11px 12px}.filters button span{font-size:8px;margin-left:5px}.portfolio-search{width:100%;margin:0}.portfolio-search input{width:100%;font-size:12px}.collection-context{display:block;font-size:9px;padding-top:15px}.collection-context #result-count{display:block;margin-top:10px;color:var(--ink)}.project-grid{grid-template-columns:1fr;gap:34px}.project-image{padding:17px;aspect-ratio:1.55}.project-info{padding-top:17px}.project-info h3{font-size:26px}.project-info>p{font-size:12px;margin-top:10px}.project-meta{font-size:9px}.project-open{width:38px;height:38px;right:25px;bottom:25px}.collection-footer{padding-top:32px;font-size:11px;gap:18px}.collection-footer .button{width:100%;font-size:12px}.craft-copy h2{font-size:36px}.craft-copy>p:not(.eyebrow){font-size:13px}.chapter-controls{margin-top:25px}.chapter-controls button{font-size:9px;gap:7px}.chapter-controls button span{font-size:11px}.model-stage{min-height:400px;border-radius:14px}.model-stage-top,.model-stage-bottom{left:20px;right:20px;font-size:8px}.model-halo{width:260px;height:260px}.watch-host{inset:30px 0 60px}.live-grid{grid-template-columns:1fr;gap:16px}.live-card{padding:23px}.live-card h3{font-size:23px}.live-card>p{font-size:12px}.reference-logo{height:130px}.domain{font-size:10px}.live-top{font-size:10px}.expertise-intro h2{font-size:37px}.expertise-intro>p:last-child{font-size:13px}.expertise-list h3{font-size:20px}.expertise-list summary{gap:18px}.expertise-list details>p{margin-left:28px;margin-right:0;font-size:12px}.expertise-output{margin-left:28px;font-size:9px}.contact-panel{padding:30px 23px;border-radius:14px}.contact-panel h2{font-size:clamp(30px,9vw,46px)}.contact-bottom{display:block;margin-top:27px}.contact-bottom .button{margin-top:23px;gap:25px;font-size:12px;width:100%}.footer-top{padding-bottom:25px}.footer-top>a:last-child{font-size:10px}.footer-bottom{display:block;font-size:9px;line-height:1.8}.footer-bottom>p{margin-top:8px}dialog{padding:40px 25px}dialog h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.pre-reveal{opacity:1;transform:none}.hero-visual{transform:none}}
@media(min-width:821px){.hero-visual{transform:perspective(1200px) rotateY(var(--scene-y,-5deg)) rotateX(var(--scene-x,2deg))}.hero-visual:hover{transform:perspective(1200px) rotateY(var(--scene-y,0deg)) rotateX(var(--scene-x,0deg)) translateY(-4px)}}
.motion-paused .hero-visual{transform:none}
@media(prefers-reduced-motion:reduce){.hero-visual{transform:none!important}}
/* Visible motion with a consistent, restrained rhythm. */
.motion-ready .hero-intro .eyebrow{animation:studio-rise .7s var(--ease) both}.motion-ready .hero h1{animation:studio-rise 1.1s var(--ease) .12s both}.motion-ready .hero-copy{animation:studio-rise 1s var(--ease) .3s both}.motion-ready .hero-showcase{animation:studio-rise 1.2s var(--ease) .45s both}.motion-ready .status-dot{animation:signal-pulse 2.8s ease-in-out infinite}.motion-ready .hero-visual{animation:showcase-float 7s ease-in-out infinite;translate:0 0}.hero-showcase{background-size:200% 200%;background-position:0% 50%}.motion-ready .hero-showcase{animation:studio-rise 1.2s var(--ease) .45s both,showcase-light 12s ease-in-out infinite}.project-card.reveal{transition:opacity .8s var(--ease),transform 1s var(--ease);transition-delay:var(--reveal-delay,0ms)}.project-card.pre-reveal{transform:translateY(65px) scale(.97)}.project-image img{transition:transform 1s var(--ease),filter .7s;filter:saturate(.88)}.project-image:hover img{transform:scale(1.065);filter:saturate(1.08)}.project-open{transition:transform .5s var(--ease),background .3s,color .3s}.project-image:hover .project-open{transform:rotate(45deg) scale(1.12);background:var(--accent);color:white}.button span,.text-link span,.nav-cta span{display:inline-block;transition:transform .4s var(--ease)}.button:hover span,.text-link:hover span,.nav-cta:hover span{transform:translate(4px,-3px)}.contact-panel:after{content:"";position:absolute;width:480px;height:480px;right:-100px;top:-200px;border-radius:50%;background:radial-gradient(circle,#c9b1ff35,transparent 70%);pointer-events:none}.motion-ready .contact-panel:after{animation:contact-light 10s ease-in-out infinite}.live-card:hover .reference-logo img{transform:scale(1.05)}.reference-logo img{transition:transform .7s var(--ease)}.expertise-list details[open]>p,.expertise-list details[open]>.expertise-output{animation:studio-rise .5s var(--ease) both}.motion-paused .hero-visual,.motion-paused .hero-showcase,.motion-paused .status-dot,.motion-paused .contact-panel:after{animation-play-state:paused}.hero-showcase.ambient-paused .hero-visual,.hero-showcase.ambient-paused,.contact-panel.ambient-paused:after{animation-play-state:paused}@keyframes studio-rise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes showcase-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes showcase-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes signal-pulse{0%,100%{box-shadow:0 0 0 0 #6c46e930}50%{box-shadow:0 0 0 6px #6c46e900}}@keyframes contact-light{0%,100%{transform:translate(0,0)}50%{transform:translate(-150px,110px)}}
@media(max-width:820px){.motion-ready .hero-visual{animation:none}.project-card.pre-reveal{transform:translateY(35px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.project-card.pre-reveal{opacity:1;transform:none}}
.featured-switch{display:flex;gap:7px;padding-top:18px}.featured-switch button{display:flex;align-items:center;gap:12px;min-height:44px;border-radius:100px;padding:12px 18px;background:transparent;color:var(--muted);font-size:9px;transition:background .3s,color .3s}.featured-switch button span{font-size:11px}.featured-switch button[aria-pressed=true]{background:#ebe5fc;color:var(--accent)}.hero-visual[data-feature=aeon] img{object-fit:contain;background:#141720}.hero-visual.feature-changing img{animation:feature-change .65s var(--ease) both}.site-header nav>a[aria-current=location]:not(.nav-cta){color:var(--accent)}@keyframes feature-change{from{opacity:.35;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media(max-width:540px){.featured-switch{gap:2px;justify-content:space-between}.featured-switch button{padding:10px 12px;gap:8px;font-size:8px}.featured-switch button span{font-size:10px}}
.featured-switch{flex-wrap:wrap}.project-card[data-project=apex] .project-image{background:#e2e7dc}.project-card[data-project=apex] .project-image img{object-position:top}.hero-visual[data-feature=apex] img{object-position:top}
@media(max-width:540px){.featured-switch button{flex:1 1 45%;justify-content:center}.filters button{font-size:9px;padding-inline:10px}.filters{gap:2px}}
.collection-footer{justify-content:center;text-align:center}.collection-footer>p{width:100%}.collection-footer .button{margin-inline:auto}.craft-layout{align-items:start}.model-stage{position:sticky;top:120px}.craft-scroll-steps{margin-top:40px}.craft-scroll-step{min-height:58vh;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #ffffff16;padding:45px 0}.craft-scroll-step h3{font-size:clamp(28px,3vw,43px);font-weight:520;line-height:1.15;letter-spacing:-.045em;margin-top:20px}.craft-scroll-step>p{font-size:14px;color:#acaab8;line-height:1.85;max-width:420px;margin-top:20px}.craft-scroll-step .eyebrow{color:#a98afb}
@media(max-width:820px){.craft-layout{grid-template-columns:1fr;gap:25px}.craft-copy{grid-row:2}.model-stage{grid-row:1;top:86px;min-height:300px;z-index:3;box-shadow:0 15px 30px #17171eaa}.craft-scroll-step{min-height:55vh;padding-block:35px}.craft-scroll-step h3{font-size:31px}.craft-scroll-step>p{font-size:13px}.model-stage .watch-host{inset:25px 0 50px}}

/* Anchor navigation has one motion: scrolling, without delayed opacity flashes. */
.reveal.navigation-revealed{opacity:1;transform:none;transition:none;transition-delay:0s}

/* Keep full website previews visible at every screen size. */
.project-image img{object-fit:contain;object-position:center}
.hero-visual img{height:auto;aspect-ratio:auto;object-fit:contain}
.hero-showcase{grid-template-columns:minmax(0,27fr) minmax(0,73fr)}
.hero-showcase>*{min-width:0}
@media(max-width:1100px) and (min-width:541px){.hero-showcase{grid-template-columns:minmax(0,30fr) minmax(0,70fr)}}
@media(max-width:820px){
  .hero h1{white-space:normal}
  .hero-copy>*{min-width:0}
  .site-header nav{max-height:calc(100dvh - 76px);overflow-y:auto}
  .project-image:hover img{transform:none}
}
@media(max-width:540px){
  .project-image{aspect-ratio:auto;padding:14px}
  .project-image img{height:auto;object-fit:contain}
  .project-meta{flex-wrap:wrap;row-gap:6px}
  .showcase-label{grid-template-columns:minmax(0,1fr)}
  .showcase-label>a{justify-content:flex-start;min-height:44px;padding:0}
  .hero-bottom{flex-wrap:wrap;gap:4px 16px}
  .model-stage{position:relative;top:auto;min-height:300px;box-shadow:none}
  .model-stage-bottom{flex-wrap:wrap;row-gap:8px}
  .project-info h3,dialog h2{overflow-wrap:anywhere}
  dialog{max-height:calc(100dvh - 32px);padding:48px 22px 28px;overflow-y:auto}
  dialog .button{max-width:100%;gap:18px;line-height:1.5}
  .dialog-close{width:44px;height:44px;top:8px;right:8px}
  .portfolio-search input{font-size:16px}
}
@media(max-height:600px) and (max-width:820px){.model-stage{position:relative;top:auto}}
/* Static featured project grid */
.hero{padding-top:32px}.hero-intro{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.featured-work{margin-top:38px}.featured-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:14px}.featured-heading h2{font-size:18px;font-weight:560;letter-spacing:-.035em}.featured-heading .eyebrow{font-size:9px;color:var(--muted)}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.featured-card{display:block;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .25s,transform .25s,box-shadow .25s}.featured-card:hover{transform:translateY(-3px);border-color:#c8b9f5;box-shadow:0 12px 28px #33215c12}.featured-image{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#efedf4}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.featured-card:hover .featured-image img{transform:scale(1.025)}.featured-aeon .featured-image{background:#141720}.featured-aeon .featured-image img{object-fit:contain}.featured-apex .featured-image img{object-position:top}.featured-arrow{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f8f8fae8;color:var(--accent);opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}.featured-card:hover .featured-arrow,.featured-card:focus-visible .featured-arrow{opacity:1;transform:none}.featured-info{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px}.featured-info>span:first-child{display:grid;gap:4px}.featured-info strong{font-size:13px;font-weight:570;letter-spacing:-.02em}.featured-info small{font-size:10px;color:var(--muted)}.featured-link-arrow{color:var(--accent);font-size:15px}.hero-bottom{padding:16px 0}.hero-bottom p{font-size:10px}.hero-visual,.hero-showcase,.showcase-label,.featured-switch{display:none!important}.motion-ready .hero-intro .eyebrow,.motion-ready .hero h1,.motion-ready .hero-copy{animation:none}.motion-ready .status-dot{animation:signal-pulse 2.8s ease-in-out infinite}.motion-paused .status-dot{animation-play-state:paused}
@media(min-width:1000px){.hero{padding-top:44px;display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);column-gap:50px;align-items:center}.hero-intro{display:block}.hero h1{white-space:normal;font-size:clamp(43px,4.4vw,68px)}.hero-copy{padding:0;margin-top:22px}.featured-work{margin-top:0}.featured-heading{margin-bottom:12px}.featured-grid{gap:14px}.featured-image{aspect-ratio:16/9}.featured-info{padding:10px 12px}.hero-bottom{grid-column:1/-1}}
@media(max-width:999px){.hero{padding-top:24px}.hero-intro{grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.hero h1{white-space:normal;font-size:32px;line-height:1.08;margin-top:14px}.hero-copy p{font-size:13px;line-height:1.65}.hero-copy .button{margin-top:12px;min-height:44px;padding:12px 18px}.featured-work{margin-top:23px}.featured-grid{gap:12px}.featured-info{padding:9px 10px}.featured-info strong{font-size:12px}.featured-info small{font-size:9px}.hero-bottom{padding:10px 0}.hero-bottom p{font-size:9px}}
@media(max-width:339px){.featured-grid{grid-template-columns:minmax(0,1fr)}.featured-image{aspect-ratio:16/10}}
/* Keep previews readable at their natural proportions, with restrained card interaction. */
.featured-card:hover{transform:none;box-shadow:none;border-color:#c8b9f5}.featured-card:hover .featured-image img{transform:none}.featured-image img{object-fit:contain}.featured-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.featured-arrow{display:none}

.expertise-list summary>span,.expertise-list details>p,.expertise-intro>p:last-child{color:#62626e}.craft-copy>p.craft-disclaimer{color:#8d8b98}
/* Balance five cards across two rows on desktop and fill the final mobile row. */
@media(min-width:1000px){
  .featured-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .featured-grid>.featured-card{grid-column:span 2}
  .featured-grid>.featured-card:nth-last-child(-n+2){grid-column:span 3}
}
@media(min-width:340px) and (max-width:999px){
  .featured-grid>.featured-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  .featured-grid>.featured-card:last-child:nth-child(odd) .featured-image{aspect-ratio:auto;min-height:140px}
  .featured-grid>.featured-card:last-child:nth-child(odd) .featured-info{padding:16px}
}

/* Hero featured grid: four equal cards, label hidden visually, polished motion. */
.featured-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.featured-grid,.featured-grid>.featured-card,.featured-grid>.featured-card:nth-last-child(-n+2),.featured-grid>.featured-card:last-child:nth-child(odd){grid-column:auto}
.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(min-width:340px) and (max-width:999px){.featured-grid>.featured-card:last-child:nth-child(odd){display:block}}
.featured-card{position:relative;border-radius:16px;background:#fff;box-shadow:0 1px 2px #1c143a0d,0 8px 24px -12px #2a1b6626;transition:transform .55s var(--ease),box-shadow .55s var(--ease),border-color .4s}
.featured-image,.featured-grid>.featured-card:last-child:nth-child(odd) .featured-image{aspect-ratio:16/10;min-height:0;background:#0f1117}
.featured-image img{object-fit:cover;object-position:top center;transform:scale(1.001);transition:transform 1.1s var(--ease),filter .6s}
.featured-image:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff40 50%,transparent 65%);transform:translateX(-120%);transition:transform 1s var(--ease);pointer-events:none}
.featured-arrow{display:grid;opacity:0;transform:translateY(6px) scale(.9);background:#fff;box-shadow:0 6px 18px #1c143a33;transition:opacity .35s,transform .45s var(--ease)}
.featured-info{padding:13px 15px}
.featured-info strong{font-size:14px}
.featured-link-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f1edfd;font-size:13px;transition:background .35s,color .35s,transform .45s var(--ease)}
@media(hover:hover){
  .featured-card:hover{transform:translateY(-6px);border-color:#cbbdf7;box-shadow:0 2px 4px #1c143a0f,0 26px 50px -18px #4b2fb04d}
  .featured-card:hover .featured-image img{transform:scale(1.06)}
  .featured-card:hover .featured-image:after{transform:translateX(120%)}
  .featured-card:hover .featured-arrow{opacity:1;transform:none}
  .featured-card:hover .featured-link-arrow{background:var(--accent);color:#fff;transform:rotate(45deg)}
}
@keyframes featured-in{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
.motion-ready .featured-card{animation:featured-in .9s var(--ease) both}
.motion-ready .featured-card:nth-child(2){animation-delay:.1s}
.motion-ready .featured-card:nth-child(3){animation-delay:.2s}
.motion-ready .featured-card:nth-child(4){animation-delay:.3s}
@media(min-width:1000px){.featured-grid{gap:18px}.featured-image{aspect-ratio:16/10}}
@media(max-width:999px){.featured-grid{gap:12px}.featured-info{padding:10px 11px}.featured-link-arrow{width:24px;height:24px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.featured-card,.featured-card:hover,.featured-card:hover .featured-image img{transform:none!important}}
.featured-grid{align-items:stretch}.featured-info>span:first-child{min-width:0}.featured-info strong,.featured-info small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}