@import url('nav-material.css');
body.optico-site{background:#040405}
.new-design .essence{background:radial-gradient(ellipse at 102% 30%,#24597e20,transparent 40%),radial-gradient(ellipse at 95% 65%,#80467a14,transparent 30%),#050505}
.new-design .work{background:radial-gradient(ellipse at 74% 70%,#19548c24,transparent 43%),radial-gradient(ellipse at 20% 74%,#97643812,transparent 27%),#040405}
.new-design .studio{background:radial-gradient(ellipse at 94% 73%,#3b317d14,transparent 38%),radial-gradient(ellipse at 18% 75%,#20527b12,transparent 40%),#070707}
.new-design .founder{background:radial-gradient(ellipse at 0% 87%,#27496117,transparent 42%),#050505}
.new-design .closing,.new-design .site-footer{background:#030303}
.new-design .manifesto{background:radial-gradient(ellipse at 90% 67%,#29426b22,transparent 48%),radial-gradient(ellipse at 95% 32%,#85507316,transparent 33%),#040405}
.new-design .contact{background:#040405;border-color:#ffffff22}
.new-design .service{padding:2.3cqw 0}
/* Resting navigation remains plain. Only hover/focus reveals the optical surface. */
.header .nav-optical{padding:12px 16px;margin:-12px -16px;border:1px solid transparent;border-radius:9px;background:transparent;box-shadow:none;color:#e7e7e2;transform:none;--lift:0px;transition:background .5s,border-color .5s,box-shadow .5s}
.header .nav-optical:before,.header .nav-optical:after{opacity:0}
.header .nav-optical:hover,.header .nav-optical:focus-visible{background:#ffffff07;color:#fff;border-color:#ffffff38;box-shadow:inset 0 1px 1px #ffffff35,0 3px 9px #0007;transform:none;--lift:0px}
.header .nav-optical.material-active:before,.header .nav-optical:focus-visible:before{opacity:.7}
.header .nav-optical:hover:after,.header .nav-optical:focus-visible:after{opacity:.55}
.new-design .founder-grid{margin-top:4cqw;align-items:center;perspective:1400px}
.new-design .founder-label{margin-bottom:32px}
.new-design .founder-label .founder-heading{font-size:clamp(28px,3cqw,48px);letter-spacing:-.05em;line-height:1.1;margin:0 0 13px}
.new-design .founder-label>p{font-size:10px;letter-spacing:.14em;color:#aaa}
.new-design .portrait-stage{transform-origin:50% 65%;opacity:1;transform:none;transition:transform 1.9s cubic-bezier(.2,.65,.2,1),opacity 1s ease}
.new-design .portrait-stage.enter-pending{transform:translateY(60px) translateZ(-90px) rotateY(-11deg) rotateX(6deg);opacity:0}
.new-design .portrait{border:1px solid #ffffff24;border-radius:10px;box-shadow:0 25px 55px #000b;transform:none;transition:none}
.new-design .portrait:after{display:none}
.new-design .portrait img{transform:scale(1.2);object-position:50% 42%;transition:none;clip-path:none}
.new-design .contact-main{gap:0;min-height:36cqw}
.new-design .contact h2{font-size:6.4cqw;flex:1;z-index:1}
.new-design .contact-art{position:relative;isolation:isolate;width:41cqw;flex:0 0 41cqw;margin-right:-1cqw;opacity:1;transform:none;transition:opacity 1.5s ease,transform 1.8s cubic-bezier(.2,.65,.2,1)}
.new-design .contact-art.enter-pending{opacity:0;transform:translateY(30px)}
.contact-art img{width:100%;height:auto;position:relative;z-index:1;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 74%)}
.light-trail{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.light-trail path{fill:none;stroke:url(#prism-trail);stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:0}
.trail-core{stroke-width:2}.trail-glow{stroke-width:8;filter:blur(6px)}
.contact-art.stroke-playing .light-trail path{animation:prism-pass 4.8s cubic-bezier(.45,0,.55,1) .6s both}
@keyframes prism-pass{0%{stroke-dashoffset:1;opacity:0}8%{opacity:.85}46%{stroke-dashoffset:0;opacity:.85}55%{stroke-dashoffset:0;opacity:.85}93%{opacity:.6}100%{stroke-dashoffset:-1;opacity:0}}
.new-design .project-stage.wheel-driving{scroll-snap-type:none;scroll-behavior:auto;cursor:default}
@media(max-width:800px){.new-design .service{padding:23px 0}.new-design .founder-grid{margin-top:35px}.new-design .founder-label .founder-heading{font-size:28px}.new-design .contact h2{font-size:7cqw}.new-design .founder-label{margin-bottom:24px}}
@media(max-width:560px){.header .nav-optical{padding:10px 7px;margin:-10px -7px}.new-design .founder-grid{grid-template-columns:1fr}.new-design .portrait img{transform:scale(1.19);object-position:50% 38%}.new-design .contact h2{flex:0 0 100%;font-size:10.5cqw}.new-design .contact-art{width:82cqw;flex:0 0 82cqw;margin:0 auto}.new-design .contact-main{margin-top:28px}.new-design .founder-label .founder-heading{font-size:32px}}
@media(prefers-reduced-motion:reduce){.new-design .portrait-stage.enter-pending,.new-design .contact-art.enter-pending{opacity:1;transform:none}.new-design .portrait-stage,.new-design .contact-art{transition:none}.light-trail{display:none}}