*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#f9fafa;overflow:hidden}
body{font-family:Arial,sans-serif;-webkit-text-size-adjust:100%}
button{font:inherit}
a,button,.gallery-card{-webkit-tap-highlight-color:transparent}
img,video{vertical-align:middle}
.site-shell{display:flex;flex-direction:row;width:100%;height:100vh;overflow:hidden;opacity:0;transition:opacity .22s ease}
.site-shell.is-ready{opacity:1}
.sidebar-left{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2vh;width:15vw;height:100%;padding:0 0 2.5vh 2vw;position:relative;flex:0 0 auto;overflow:visible}
.home{display:block;flex:0 0 auto}
.font-title{display:block;width:11vw;margin-top:2vh;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.social-section{margin-top:auto;position:relative;z-index:20;flex:0 0 auto}
.social-trigger{display:flex;align-items:flex-start;justify-content:flex-start;gap:.5vw;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .2s ease-out;transform-origin:center}
.social-trigger:hover{transform:scale(1.1)}
.social-icon{display:block;max-width:2vw}
.social-font{display:block;align-self:flex-end;max-width:3vw}
.social-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1vw;max-height:0;opacity:0;overflow:hidden;margin-top:1.5vh;transition:max-height .35s ease,opacity .25s ease}
.social-wrapper a{display:block;transition:transform .2s ease-out;transform-origin:center;cursor:pointer}
.social-wrapper a:hover{transform:scale(1.1)}
.social-wrapper img{display:block;width:1vw;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.gallery-right{flex:1 1 auto;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.collection-list{--columns:10;display:grid;width:100%;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-auto-rows:16.666vh;grid-auto-flow:row}
.collection-item{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}
.gallery-card{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;transition:transform .2s ease-out;transform-origin:center;position:relative;overflow:visible;touch-action:manipulation}
.gallery-card.is-active{transform:scale(1.1)}
.inventory{display:block;object-fit:contain;max-width:90%;max-height:90%;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.gallery-video{display:block;max-width:80%;max-height:80%;width:auto;height:auto;object-fit:cover;background:transparent;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.touch-video-image{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;display:block;z-index:4;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;background:#f9fafa;opacity:0;transition:inset .2s ease-out,width .2s ease-out,height .2s ease-out}
.touch-video-image.is-active{inset:6%;width:88%;height:88%;opacity:1}
.touch-quality-image{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;display:block;z-index:3;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;background:transparent}
#magnifier{position:fixed;width:180px;height:180px;border-radius:50%;pointer-events:none;display:none;z-index:99999;border:1px solid rgba(255,255,255,.18);background-repeat:no-repeat;box-shadow:0 20px 60px rgba(0,0,0,.25);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
html.touch-device .gallery-right{padding-bottom:max(32px,env(safe-area-inset-bottom,0px));scroll-padding-bottom:max(32px,env(safe-area-inset-bottom,0px))}
html.touch-device .gallery-video{pointer-events:none}
@media (hover:hover) and (pointer:fine){.gallery-card:hover{transform:scale(1.1)}}
@media (min-width:1101px){
html.touch-device .site-shell{position:fixed;inset:0;width:auto;height:auto}
html.touch-device .sidebar-left{height:100%;overflow:hidden;padding-bottom:max(14px,env(safe-area-inset-bottom,0px))}
html.touch-device .social-section{position:relative}
html.touch-device .social-wrapper{position:absolute;left:0;bottom:calc(100% + 1.5vh);margin-top:0;width:max-content}
html.touch-device .gallery-right{height:100%;padding-bottom:max(56px,calc(24px + env(safe-area-inset-bottom,0px)));scroll-padding-bottom:max(56px,calc(24px + env(safe-area-inset-bottom,0px)))}
}
@media (orientation:landscape) and (max-height:500px){
html.touch-device .sidebar-left{
width:calc(15vw + env(safe-area-inset-left,0px) + 6px);
padding-left:max(2vw,env(safe-area-inset-left,0px));
padding-right:6px
}
html.touch-device .font-title{
margin-top:max(2vh,env(safe-area-inset-top,0px));
margin-bottom:6px
}
}
@media (min-width:700px) and (max-width:1100px) and (orientation:portrait){
.site-shell{flex-direction:column;height:100vh;height:100svh}
.sidebar-left{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2vh;width:100%;height:10vh;flex:0 0 10vh;padding:1vh 2vw 0 2vw}
.font-title{width:25vw;margin-top:0;margin-bottom:auto}
.social-section{margin-top:0;margin-left:auto;margin-right:0;display:flex;flex-direction:column;align-items:center}
.social-trigger{justify-content:center}
.social-icon{max-width:3vw}
.social-font{max-width:6vw}
.social-wrapper{gap:1rem;justify-content:center;align-self:center;width:max-content}
.social-wrapper img{width:2vw}
.gallery-right{height:auto;min-height:0;flex:1 1 auto}
.collection-list{--columns:8;height:100%;grid-auto-rows:calc((100vh - 10vh)/9);grid-auto-rows:calc((100svh - 10vh)/9)}
}
@media (max-width:699px){
.site-shell{flex-direction:column;height:100vh;height:100svh}
.sidebar-left{--social-stack-gap:1.5vh;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2vh;width:100%;height:10vh;flex:0 0 10vh;padding:1vh 2vw 0 2vw}
.sidebar-left.socials-open{height:auto;flex-basis:auto;padding-bottom:var(--social-stack-gap)}
.font-title{width:25vw;margin-top:0;margin-bottom:auto}
.social-section{margin-top:0;margin-left:auto;margin-right:0;display:flex;flex-direction:column;align-items:center}
.social-trigger{justify-content:center}
.social-icon{max-width:4vw}
.social-font{max-width:8vw}
.social-wrapper{gap:1rem;justify-content:center;align-self:center;width:max-content}
.social-wrapper img{width:3vw}
.gallery-right{height:auto;min-height:0;flex:1 1 auto}
.collection-list{--columns:5;grid-auto-rows:auto}
}
@media (max-width:479px){
.sidebar-left{height:auto;flex:0 0 auto;padding:.5vh 2.5vw 0 2.5vw}
.sidebar-left.socials-open{padding-bottom:var(--social-stack-gap)}
.font-title{width:35vw;margin-left:1vw}
.social-icon{max-width:6vw}
.social-font{max-width:10vw}
.social-wrapper img{width:4vw}
.collection-list{--columns:3}
}
@media (prefers-reduced-motion:reduce){.site-shell,.gallery-card,.social-trigger,.social-wrapper,.social-wrapper a,.touch-video-image{transition:none!important}}