/* Keep the original cream / sage palette. Depth comes from structure and motion. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-away .18s ease both}
::view-transition-new(root){animation:page-arrive .38s cubic-bezier(.2,.7,.2,1) both}
@keyframes page-away{to{opacity:0}}@keyframes page-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.reveal-ready{opacity:0;translate:0 16px;transition:opacity .65s ease var(--reveal-delay,0ms),translate .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.reveal-enter{opacity:1;translate:0 0}
[data-depth]{transform:perspective(1100px) translateY(var(--lift,0)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,opacity .65s,translate .65s;transform-origin:center center}
[data-depth]:hover,[data-depth]:focus-within{--lift:-4px}
.categories{perspective:1100px;padding-bottom:8px}
.category .thumb{border-radius:9px;border:1px solid #e0e5d7;border-bottom:4px solid #cbd4c0;box-shadow:0 10px 16px -12px #42543b80;background:linear-gradient(130deg,#fafbf6,#e9eddf)}
.category img{filter:drop-shadow(3px 7px 4px #3e52371c)}
.category:hover .thumb{box-shadow:0 14px 23px -13px #42543b90}
.projects{perspective:1300px;gap:30px}
.projects>article{background:#fff;border:1px solid #e1e6d9;border-bottom:4px solid #d8dfcd;border-radius:12px;overflow:hidden;box-shadow:0 12px 24px -20px #42543b90}
.projects .project-photo{background:linear-gradient(140deg,#fbfcf7,#eef1e5)}
.projects .project-stages,.projects .project-body{padding-inline:18px}.projects .project-body{padding-bottom:18px}.projects .card-final-placeholder{margin-inline:18px;border-radius:6px}
.projects>article:hover{box-shadow:0 24px 32px -22px #42543b80}
.accessory-card{border:1px solid #e2e6db;border-bottom:3px solid #d7dfcd;border-radius:9px;box-shadow:0 8px 12px -13px #42543b90}
.accessory-card:hover{box-shadow:0 16px 22px -15px #42543b65}
.studio-promo{border-radius:14px;border:1px solid #dde4d4;border-bottom:5px solid #cbd6bf;box-shadow:0 22px 34px -30px #42543b90}
.studio-preview{perspective:900px}.studio-preview img{border:1px solid #d7dfcc;border-radius:8px;box-shadow:5px 10px 13px #42543b12;transform:rotateY(-9deg) rotateX(4deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.studio-promo:hover .studio-preview img{transform:rotateY(0) rotateX(0) translateY(-6px)}.studio-preview img:nth-child(2){transition-delay:.08s}.studio-preview img:nth-child(3){transition-delay:.16s}
.card{border-bottom:4px solid #d6dfcc;box-shadow:0 12px 25px -22px #42543b80}.card:hover{box-shadow:0 22px 30px -22px #42543b70}
.btn,button{transition:background-color .25s,color .25s,box-shadow .25s}.btn>span{transition:transform .3s}.btn:hover>span{transform:translate(3px,-2px)}
dialog[open]{animation:dialog-depth .4s cubic-bezier(.16,1,.3,1) both;border-radius:12px}@keyframes dialog-depth{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.home-showroom{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#e2e8d7,#f0f0e9 76%);min-height:510px}
.home-showroom #showroom-scene{position:absolute;inset:10px -35px 55px -35px;z-index:2}
.home-showroom #showroom-scene canvas{width:100%;height:100%;display:block;cursor:crosshair;animation:page-arrive 1s ease both}
.home-showroom .hero-fallback{transition:opacity .65s;z-index:1}
.home-showroom:has(.showroom-ready) .hero-fallback{opacity:0}
.home-showroom .showroom-fallback{background:url(hero.png) center/cover}
.home-showroom .showroom-caption{position:absolute;z-index:3;bottom:27px;left:27px;font-size:11px;color:#748266;max-width:55%;padding-left:12px;border-left:2px solid #b8c4a7;pointer-events:none}
.home-showroom .showroom-replay{position:absolute;z-index:4;bottom:20px;right:20px;padding:8px 12px;border:1px solid #b8c5a7;border-radius:20px;background:#fffdf8d9;color:#617454;font-size:11px;box-shadow:0 4px 9px #5263450b}
.home-showroom .caption{top:15px;bottom:auto;right:20px;z-index:3;border-radius:4px;background:#fffdf3bb}
.home-showroom::before{content:'';position:absolute;width:450px;height:450px;border:1px solid #80936822;border-radius:50%;left:18%;top:12%;transform:rotateX(55deg) rotateZ(-20deg)}
.hero:has(.home-showroom){border:1px solid #e1e4d8;border-radius:12px;box-shadow:0 24px 32px -30px #42543b80;overflow:hidden}
#search-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}#search-suggestions:empty{display:none}#search-suggestions p{font-size:13px;margin:0}#search-suggestions button{font-size:13px}
@media(max-width:680px){.home-showroom{min-height:365px}.home-showroom #showroom-scene{inset:0 -35px 50px}.home-showroom .showroom-caption{left:18px;bottom:22px;font-size:9px;max-width:47%}.home-showroom .showroom-replay{right:14px;bottom:18px;font-size:10px;padding:7px 10px}.home-showroom .caption{font-size:9px}.projects{gap:24px 12px}.projects .project-stages,.projects .project-body{padding-inline:12px}.projects .card-final-placeholder{margin-inline:12px}.category .thumb{border-bottom-width:3px}[data-depth]{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::before,::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;translate:none}[data-depth],.studio-preview img,.studio-promo:hover .studio-preview img{transform:none}}

@keyframes artismoble-dialog-open{from{opacity:0;transform:perspective(1200px) translateY(12px) rotateX(2deg) scale(.99)}to{opacity:1;transform:perspective(1200px) translateY(0) rotateX(0) scale(1)}}dialog[open]{animation:artismoble-dialog-open .38s cubic-bezier(.2,.7,.2,1)}@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}}