.logo-exhibition{border:1px solid #c9b3973d;background:radial-gradient(ellipse at 72% 50%,#333a342b,transparent 70%),#101415;position:relative;overflow:hidden}.logo-gallery-top{display:flex;justify-content:space-between;gap:25px;padding:23px 30px;border-bottom:1px solid var(--line);align-items:center}.logo-project-tabs{display:flex;gap:25px;flex-wrap:wrap}.logo-project-tabs button{font:9px/1.8 var(--mono);padding:10px 0;color:#8d8b80;border-bottom:1px solid transparent;min-height:40px}.logo-project-tabs button[aria-pressed=true]{color:#e1d0ae;border-color:#c9b397}.gallery-art-index{font:9px var(--mono);color:#a99d87;white-space:nowrap}.logo-gallery-layout{display:grid;grid-template-columns:.8fr 1.2fr;min-height:520px}.logo-gallery-copy{padding:55px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.logo-gallery-copy>h3{font:400 44px/1.08 var(--serif);letter-spacing:-.045em;margin:24px 0}.logo-gallery-copy>p:not(.page-kicker){font-size:13px;color:#b6ada0;line-height:1.9;max-width:330px}.gallery-art-caption{margin:35px 0 15px;border-top:1px solid var(--line);padding-top:22px;width:100%}.gallery-art-caption>.page-kicker{font-size:7px}.gallery-art-caption h4{font:400 23px var(--serif);margin:15px 0 0;color:#d3c3a6}.gallery-arrow-controls{display:flex;gap:10px;align-items:center;margin-top:30px;flex-wrap:wrap}.gallery-arrow-controls button{height:40px;width:42px;border:1px solid #c9b39755;font-size:20px}.gallery-arrow-controls button:hover{background:#c9b39715}.gallery-arrow-controls>span{font:6px/1.9 var(--mono);color:#8b8373;max-width:110px;margin-left:10px}.logo-gallery-stage{position:relative;display:grid;place-items:center;padding:55px 35px;perspective:1200px;isolation:isolate;overflow:hidden}.logo-stack-layer{position:absolute;width:84%;height:70%;border:1px solid #bcaa8a40;background:linear-gradient(145deg,#3d4140,#151c1d);box-shadow:0 25px 50px #0007}.layer-back{transform:rotate(-7deg) translateY(-16px)}.layer-front{transform:rotate(4deg) translateY(12px)}.logo-gallery-artwork{position:relative;display:block;width:100%;aspect-ratio:1.32;background:#f4f1eb;box-shadow:0 25px 55px #0009;border:1px solid #c9b39766;padding:15px;cursor:zoom-in;transform:translateY(var(--image-shift,0px));overflow:hidden}.logo-gallery-artwork>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.logo-gallery-artwork>span{position:absolute;right:15px;bottom:13px;font:7px var(--mono);background:#0d1313de;color:#e2d0ae;border:1px solid #c9b39750;padding:10px 13px}.logo-exhibition[data-active-case=docnil] .logo-gallery-artwork,.logo-exhibition[data-active-case=uploads] .logo-gallery-artwork{background:#171b1b;padding:0}.logo-exhibition[data-active-case=docnil] .logo-gallery-artwork>img,.logo-exhibition[data-active-case=uploads] .logo-gallery-artwork>img{mix-blend-mode:normal}.logo-art-choices{display:flex;gap:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#8a795c #101415;border-top:1px solid var(--line)}.logo-art-choices>button{flex:1 0 auto;min-height:64px;padding:18px 23px;border-right:1px solid var(--line);font:9px/1.8 var(--mono);text-align:left;color:#a29a8a;background:#090c0d55;transition:background .3s,color .3s}.logo-art-choices>button[aria-pressed=true]{background:#c9b39715;color:#ebd8b5;box-shadow:inset 0 2px #c9b397}.logo-gallery-note{font:8px/1.9 var(--mono);padding:17px 25px;color:#8d8679;border-top:1px solid var(--line)}@media(max-width:760px){.logo-gallery-top{padding:15px 18px;align-items:flex-start;gap:15px}.logo-project-tabs{gap:15px}.logo-project-tabs button{font-size:8px}.gallery-art-index{font-size:8px;padding-top:15px}.logo-gallery-layout{grid-template-columns:1fr}.logo-gallery-copy{padding:30px 23px 20px}.logo-gallery-copy>h3{font-size:36px;margin:20px 0}.logo-gallery-copy>.page-kicker{font-size:7px}.logo-gallery-copy>p:not(.page-kicker){font-size:12px}.gallery-art-caption{margin:25px 0 12px;padding-top:18px}.gallery-art-caption h4{font-size:22px}.gallery-arrow-controls{margin-top:20px}.gallery-arrow-controls>span{max-width:140px;font-size:6px}.logo-gallery-stage{padding:40px 22px 45px;min-height:300px;order:-1;border-bottom:1px solid var(--line)}.logo-gallery-artwork{aspect-ratio:1.2;padding:10px}.logo-gallery-artwork>span{font-size:6px;padding:8px 10px;right:10px;bottom:10px}.logo-art-choices>button{min-height:58px;padding:15px 20px;font-size:8px}.logo-gallery-note{font-size:7px;padding:15px 20px}.logo-project-tabs button[data-case=uploads]{flex-basis:100%}}
