:root{color-scheme:light}body{margin:0}img{max-width:100%}[hidden]{display:none!important}

body{margin:0;background:#FFFFFF;color:#1E1C1A;font-family:'Inter Tight',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block}
button{font-family:'Inter Tight',sans-serif;color:inherit}
:focus-visible{outline:2px solid #BE9A62;outline-offset:3px}
input::placeholder,textarea::placeholder{color:#8C857B}
input[type=range]{accent-color:#BE9A62}
.zn-item{transition:background .2s,color .2s}
.zn-item:hover{background:#F2EFEA}
.nx-b{display:none}
.zn-item:hover .nx-a,.zn-item:focus-visible .nx-a,.zn-item[aria-expanded=true] .nx-a{display:none}
.zn-item:hover .nx-b,.zn-item:focus-visible .nx-b,.zn-item[aria-expanded=true] .nx-b{display:inline;white-space:nowrap;animation:zr-fade .3s both}
.zn-res{transition:background .15s}
.zn-res:hover{background:#F2EFEA}
.ul{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .35s cubic-bezier(.2,.7,.2,1);padding-bottom:2px}
.ul:hover,.ul-on{background-size:100% 1px}
.lift img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.lift:hover img{transform:scale(1.045)}
.btn{transition:filter .2s,transform .15s}
.btn:hover{filter:brightness(1.1)}
.btn:active{transform:translateY(1px)}
.card{transition:box-shadow .35s,transform .35s cubic-bezier(.2,.7,.2,1)}
.card:hover{box-shadow:0 18px 40px rgba(20,18,16,0.12);transform:translateY(-3px)}
@keyframes zr-rise{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes zr-fade{from{opacity:0}to{opacity:1}}
@keyframes zr-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes zr-bump{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes zr-marq{to{transform:translateX(-50%)}}
@keyframes zr-drift{from{transform:scale(1.03)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
@keyframes zr-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.7)}100%{box-shadow:0 0 0 14px rgba(255,255,255,0)}}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){body{cursor:url(/_blob/ac7d592b2356819612c67d65ed8ad5fa) 2 2,auto}a,button,select,label,input[type=range]{cursor:url(/_blob/ac7d592b2356819612c67d65ed8ad5fa) 2 2,pointer}input[type=text],textarea{cursor:text}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.zn-menu{display:none}
.zn-sheet{display:none}
@media (max-width:1080px){.zn-links,.zn-search{display:none!important}.zn-menu{display:flex!important}.zn-sheet{display:block}}
@media (max-width:560px){.zn-start{display:none!important}}
@media (max-width:640px){[style*="grid-template-columns: repeat(2, minmax(0, 1fr))"]:not([aria-hidden=true]),[style*="grid-template-columns: repeat(3, minmax(0, 1fr))"]:not([aria-hidden=true]){grid-template-columns:minmax(0,1fr)!important}[style*="grid-template-columns: repeat(4, minmax(0, 1fr))"]:not([aria-hidden=true]){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Home */
.door-more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1),opacity .4s}
.door-more>span{min-height:0;overflow:hidden}
.door:hover .door-more,.door:focus-visible .door-more{grid-template-rows:1fr;opacity:1}
.door:hover .door-link{background-size:100% 1px}
.door-dot{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.door:hover .door-dot{transform:translateX(6px)}
.lb-b{display:none}
.door:hover .lb-a,.door:focus-visible .lb-a{display:none}
.door:hover .lb-b,.door:focus-visible .lb-b{display:inline;animation:zr-fade .35s both}
@media (max-width:1100px){.hubgrid{grid-template-columns:1fr 1fr!important}.hubgrid>div:nth-child(2){grid-column:1 / -1;order:-1}}
@media (max-width:720px){.hubgrid{grid-template-columns:1fr!important}.hubphone{right:50%!important;transform:translate(50%,-50%)!important;width:260px!important;height:520px!important}}
/* Services */
.acc-item{transition:flex-grow .6s cubic-bezier(.2,.7,.2,1)}
.acc-item img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.acc:hover .acc-item{flex-grow:.7}
.acc .acc-item:hover{flex-grow:4}
.acc-item:hover img{transform:scale(1.04)}
.acc-cap{opacity:0;transition:opacity .4s .15s}
.acc-item:hover .acc-cap{opacity:1}
@media (max-width:640px){.ldi-panel,.ldi-tools{display:none!important}}
/* Materials */
.mtile .mt-go{opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.mtile:hover .mt-go,.mtile:focus-visible .mt-go{opacity:1;transform:none}
/* Projects */
.peek{opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.lift:hover .peek{opacity:1;transform:none}
.rrow{transition:background .15s,padding .25s cubic-bezier(.2,.7,.2,1)}
.rrow:hover{background:#F7F5F1;padding-left:10px}
.pin .pin-label{opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.pin:hover .pin-label,.pin:focus-visible .pin-label{opacity:1;transform:none}
.pin{z-index:1}.pin:hover{z-index:3}
.wpin{z-index:1}.wpin:hover{z-index:4}
.wpin:hover .wl,.wpin:focus-visible .wl{opacity:1!important}
.wpin .wdot{transition:transform .2s}
.wpin:hover .wdot{transform:scale(1.6)}
/* Zeiss */
.gh .gh-chip{opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s cubic-bezier(.2,.7,.2,1)}
.gh:hover .gh-chip{opacity:1;transform:none}
/* Studio */
.tone img{filter:grayscale(1);transition:filter .6s,transform 1s cubic-bezier(.2,.7,.2,1)}
.tone:hover img{filter:grayscale(0)}
/* Category */
.pcard{box-shadow:0 0 0 1px rgba(30,28,26,0.06);transition:box-shadow .3s,transform .3s cubic-bezier(.2,.7,.2,1)}
.pcard:hover{box-shadow:0 0 0 1px rgba(30,28,26,0.1),0 18px 40px rgba(20,18,16,0.10)}
.pcard:hover .pimg img{transform:scale(1.04)}
.mos img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.mos:hover img{transform:scale(1.03)}
.catbar [role=tablist]::-webkit-scrollbar{display:none}
@media (max-width:720px){.catbar{top:64px}}
@media (prefers-reduced-motion:reduce){.pcard,.pcard .pimg img,.mos img{transition:none}}

:root{color-scheme:light}
html,body{background:#FFFFFF;color:#1E1C1A;overflow-x:clip}
[id]{scroll-margin-top:88px}
#zapp{min-height:100vh}
.zt-note{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;padding:8px 16px;background:#1E1C1A;color:#D8D3CA;font:13px/1.4 'Inter Tight',system-ui,sans-serif;text-align:center}
.zt-note b{font-weight:500;color:#D7B88E}