.cinematic-gallery.spatial-gallery{background:radial-gradient(#21302c30,#0000 70%);padding-top:10px;padding-bottom:50px;position:relative;overflow:hidden}.cinematic-gallery .spatial-top{color:#c8bfa6;border-top:1px solid #bfa66c25;justify-content:space-between;align-items:center;gap:20px;margin-bottom:0;padding-top:22px;display:flex}.cinematic-gallery .gallery-mode{color:#c6b98f;background:0 0;border:1px solid #bfa66c33;align-items:center;gap:16px;min-height:40px;padding:8px 12px;display:flex}.cinematic-gallery .spatial-stage{height:clamp(390px,42vw,680px);margin:0 calc(var(--page) * -1);outline-offset:-8px;background:radial-gradient(at 50% 85%,#b8994c13,#0000 48%);position:relative;overflow:hidden}.cinematic-gallery .spatial-still{perspective:1000px;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.cinematic-gallery .spatial-still.gallery-loaded{opacity:0;pointer-events:none}.cinematic-gallery .spatial-main{z-index:2;background:#101716;border-radius:5px;width:52%;max-width:900px;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-4deg);box-shadow:0 30px 75px #000c,0 0 0 1px #cfb97b50}.cinematic-gallery .spatial-main>img{aspect-ratio:1.44;object-fit:cover;object-position:top;width:100%}.cinematic-gallery .browser-bar{letter-spacing:.02em;color:#b2b8b1;background:#131b1b;align-items:center;gap:4px;height:25px;padding:0 12px;font-size:.875rem;display:flex}.cinematic-gallery .browser-bar i{background:#aa986d;border-radius:50%;width:4px;height:4px;display:block}.cinematic-gallery .browser-bar span{margin:0 auto}.cinematic-gallery .spatial-side{opacity:.6;border:1px solid #b69c622f;width:29%;position:absolute;box-shadow:0 10px 30px #0008}.cinematic-gallery .side-left{left:-4%;transform:perspective(850px)rotateY(27deg)scale(.83)}.cinematic-gallery .side-right{right:-4%;transform:perspective(850px)rotateY(-27deg)scale(.83)}.cinematic-gallery .gallery-canvas{opacity:0;transition:opacity .7s;position:absolute;inset:0}.cinematic-gallery .gallery-canvas.is-ready{opacity:1}.cinematic-gallery .gallery-canvas>div{width:100%!important;height:100%!important}.cinematic-gallery .spatial-controls{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ccb67d;background:#05090add;border:1px solid #b5a16e33;align-items:center;gap:22px;height:46px;padding:0 5px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.cinematic-gallery .spatial-controls button{color:#e4d8b8;background:0 0;width:44px;height:42px;font-size:20px}.cinematic-gallery .spatial-controls button:hover{background:#b59a5122}.cinematic-gallery .spatial-details{border-bottom:1px solid #b7a16d2c;justify-content:space-between;align-items:center;gap:30px;padding:20px 0 28px;display:flex}.cinematic-gallery .spatial-details h2{letter-spacing:-.035em;margin-top:8px;font-size:clamp(21px,2.5vw,37px)}.cinematic-gallery .spatial-details .mono{color:#bca673;font-size:.875rem}.cinematic-gallery .gallery-project-tabs{border-bottom:1px solid #b7a16d2c;grid-template-columns:repeat(6,1fr);display:grid}.cinematic-gallery .gallery-project-tabs button{color:#aaa99c;text-align:left;background:0 0;border-right:1px solid #b7a16d20;padding:20px 14px;font-size:.875rem;line-height:1.5;transition:background .2s,color .2s}.cinematic-gallery .gallery-project-tabs button:last-child{border-right:0}.cinematic-gallery .gallery-project-tabs button>span{font-family:var(--mono);color:#9c8b65;margin-bottom:7px;font-size:.875rem;display:block}.cinematic-gallery .gallery-project-tabs button[aria-pressed=true]{color:#ebd7a6;background:linear-gradient(120deg,#c7a65718,#0000);border-top:1px solid #c1a466}@media (max-width:760px){.cinematic-gallery.spatial-gallery{padding-bottom:30px}.cinematic-gallery .spatial-top>.mono{max-width:155px;font-size:.875rem}.cinematic-gallery .gallery-mode{gap:9px;font-size:.875rem}.cinematic-gallery .spatial-stage{height:350px}.cinematic-gallery .spatial-main{width:80%;transform:none}.cinematic-gallery .spatial-side{width:35%}.cinematic-gallery .side-left{left:-23%}.cinematic-gallery .side-right{right:-23%}.cinematic-gallery .spatial-controls{height:43px;bottom:10px}.cinematic-gallery .spatial-details{align-items:flex-start;gap:15px;padding-top:24px}.cinematic-gallery .spatial-details h2{max-width:210px;font-size:23px;line-height:1.2}.cinematic-gallery .spatial-details .text-link{white-space:nowrap;gap:8px;margin-top:20px;font-size:.875rem}.cinematic-gallery .spatial-details .mono{font-size:.875rem}.cinematic-gallery .gallery-project-tabs{grid-template-columns:repeat(3,1fr)}.cinematic-gallery .gallery-project-tabs button{border-top:1px solid #b7a16d20;padding:16px 10px;font-size:.875rem}.cinematic-gallery .gallery-project-tabs button:nth-child(3){border-right:0}}@media (prefers-reduced-motion:reduce){.cinematic-gallery .spatial-still,.cinematic-gallery .gallery-canvas{transition:none}}.cinematic-gallery .gallery-mode,.cinematic-gallery .spatial-details>.text-link{min-height:48px;font-size:1rem;line-height:1.5}.cinematic-gallery .spatial-top{flex-wrap:wrap;gap:20px}.cinematic-gallery .spatial-top>span.mono,.cinematic-gallery .spatial-details .mono,.cinematic-gallery .browser-bar{font-size:.875rem;line-height:1.5}.cinematic-gallery .spatial-details{flex-wrap:wrap;gap:20px}.cinematic-gallery .spatial-details h2{max-width:none;font-size:clamp(1.5rem,2.5vw,2.5rem);line-height:1.3}.cinematic-gallery .browser-bar{height:auto;min-height:36px;padding-block:7px}.cinematic-gallery .gallery-project-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.cinematic-gallery .gallery-project-tabs button{overflow-wrap:anywhere;min-width:0;padding:18px 16px;font-size:1rem;line-height:1.5}.cinematic-gallery .gallery-project-tabs button>span{font-size:.875rem}@media (max-width:760px){.cinematic-gallery .spatial-top>span.mono{max-width:none}.cinematic-gallery .spatial-details>.text-link{white-space:normal;margin:0}.cinematic-gallery .gallery-project-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.cinematic-gallery .gallery-mode{white-space:normal;overflow-wrap:anywhere;text-align:left;min-width:0;max-width:100%}