.logo-showcase{--ls-accent: #D29A84;--ls-accent-light: #E4BBA8;--ls-accent-dark: #B8806A;--ls-text: #58433B;--ls-text-muted: #7A6459;--ls-text-light: #9C8A80;--ls-bg: #EFE1D4;--ls-card-bg: #FAF6F2;--ls-shadow-color: 88, 67, 59;--ls-accent-rgb: 210, 154, 132;--ls-radius-sm: 12px;--ls-radius-md: 16px;--ls-radius-lg: 24px;--ls-ease: cubic-bezier(.4, 0, .2, 1);--ls-ease-out: cubic-bezier(.23, 1, .32, 1)}.ls-section-title{width:min(1200px,92vw);margin:0 auto 48px;text-align:center}.ls-section-title__text{margin:0;font:400 clamp(1.5rem,4vw,2.5rem)/1 "PT Serif",Georgia,serif;text-transform:uppercase;letter-spacing:.15em;color:var(--ls-text);display:inline-block;opacity:0;transform:translateY(12px);animation:ls-reveal 1.2s var(--ls-ease-out) .2s forwards}.ls-section-title__flourish{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;opacity:0;transform:translateY(8px);animation:ls-reveal 1s var(--ls-ease-out) .5s forwards}.ls-section-title__flourish:before,.ls-section-title__flourish:after{content:"";width:32px;height:1px;background:linear-gradient(90deg,transparent,var(--ls-accent))}.ls-section-title__flourish:after{background:linear-gradient(90deg,var(--ls-accent),transparent)}.ls-section-title__flourish-icon{width:6px;height:6px;background:var(--ls-accent);border-radius:50%;opacity:.8}.ls-section-title__sub{display:block;margin-top:20px;font:italic 400 1.125rem/1.4 Cormorant Garamond,Georgia,serif;letter-spacing:.02em;color:var(--ls-text-muted);opacity:0;transform:translateY(6px);animation:ls-reveal 1s var(--ls-ease-out) .7s forwards}@keyframes ls-reveal{to{opacity:1;transform:translateY(0)}}.logo-showcase{padding:5rem 2rem 6rem;background:var(--ls-bg);color:var(--ls-text);position:relative}.logo-showcase:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(280px,40vw);height:1px;background:linear-gradient(90deg,transparent,var(--ls-accent),transparent);opacity:.5}.logo-showcase:after{content:"";position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--ls-accent);border-radius:50%;opacity:.4}.logo-showcase .showcase-wrapper{max-width:1400px;margin:0 auto;display:flex;gap:2.5rem;align-items:flex-start;transition:all .6s var(--ls-ease);min-height:520px}.logo-showcase .grid-container{position:relative;flex:1;height:520px;overflow:hidden;display:flex;flex-direction:column}.logo-showcase .main-content{flex:1;height:100%;overflow-y:auto;padding:8px 8px 48px 0;transition:all .6s var(--ls-ease);scrollbar-width:none;-ms-overflow-style:none}.logo-showcase .main-content::-webkit-scrollbar{display:none}.logo-showcase.has-selection .grid-container{flex:1;min-width:0}.logo-showcase .logo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;transition:gap .4s var(--ls-ease)}.logo-showcase.has-selection .logo-grid{gap:1rem}.logo-showcase .logo-item{display:flex;justify-content:center;align-items:center;opacity:0;animation:ls-fadeIn .5s var(--ls-ease) forwards}.logo-showcase .logo-item:nth-child(1){animation-delay:.1s}.logo-showcase .logo-item:nth-child(2){animation-delay:.15s}.logo-showcase .logo-item:nth-child(3){animation-delay:.2s}.logo-showcase .logo-item:nth-child(4){animation-delay:.25s}.logo-showcase .logo-item:nth-child(5){animation-delay:.3s}.logo-showcase .logo-item:nth-child(6){animation-delay:.35s}.logo-showcase .logo-item:nth-child(7){animation-delay:.4s}.logo-showcase .logo-item:nth-child(8){animation-delay:.45s}.logo-showcase .logo-item:nth-child(9){animation-delay:.5s}.logo-showcase .logo-item:nth-child(10){animation-delay:.55s}.logo-showcase .logo-item:nth-child(11){animation-delay:.6s}.logo-showcase .logo-item:nth-child(12){animation-delay:.65s}@keyframes ls-fadeIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}.logo-showcase .logo-placeholder{width:100%;aspect-ratio:4 / 3;display:flex;justify-content:center;align-items:center;background:var(--ls-card-bg);border-radius:var(--ls-radius-md);border:1px solid rgba(var(--ls-shadow-color),.06);box-shadow:0 1px 2px rgba(var(--ls-shadow-color),.04),0 2px 8px rgba(var(--ls-shadow-color),.03);position:relative;overflow:hidden;padding:1.5rem;cursor:pointer;transition:transform .35s var(--ls-ease),box-shadow .35s var(--ls-ease),border-color .35s var(--ls-ease)}.logo-showcase .logo-placeholder:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.5) 0%,transparent 60%);opacity:0;transition:opacity .35s var(--ls-ease);pointer-events:none}.logo-showcase .logo-placeholder:hover{transform:translateY(-6px);box-shadow:0 8px 24px rgba(var(--ls-shadow-color),.08),0 16px 40px rgba(var(--ls-shadow-color),.06);border-color:rgba(var(--ls-accent-rgb),.2)}.logo-showcase .logo-placeholder:hover:before{opacity:1}.logo-showcase .logo-placeholder.is-selected{transform:scale(.98);border-color:transparent;box-shadow:0 0 0 2px var(--ls-accent),0 8px 24px rgba(var(--ls-accent-rgb),.2)}.logo-showcase .logo-placeholder:active:not(.is-selected){transform:scale(.97);transition-duration:.1s}.logo-showcase .logo-placeholder:focus{outline:none}.logo-showcase .logo-placeholder:focus-visible{box-shadow:0 0 0 2px var(--ls-accent)}.logo-showcase .logo-image{max-width:100%;max-height:100%;object-fit:contain}.logo-showcase .logo-image-grid{opacity:1;filter:saturate(.85);transition:opacity .25s ease,transform .3s var(--ls-ease),filter .3s ease}.logo-showcase .logo-image-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);opacity:0;max-width:85%;max-height:85%;transition:opacity .25s ease .05s,transform .3s var(--ls-ease)}.logo-showcase .logo-placeholder:hover .logo-image-grid,.logo-showcase .logo-placeholder:focus .logo-image-grid,.logo-showcase .logo-placeholder.is-selected .logo-image-grid{opacity:0;transform:scale(.96);filter:saturate(1)}.logo-showcase .logo-placeholder:hover .logo-image-preview,.logo-showcase .logo-placeholder:focus .logo-image-preview,.logo-showcase .logo-placeholder.is-selected .logo-image-preview{opacity:1;transform:translate(-50%,-50%) scale(1)}.logo-showcase .scroll-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:44px;height:44px;background:var(--ls-card-bg);border:1px solid rgba(var(--ls-accent-rgb),.15);border-radius:50%;box-shadow:0 2px 8px rgba(var(--ls-shadow-color),.08),0 8px 24px rgba(var(--ls-shadow-color),.06);display:flex;align-items:center;justify-content:center;color:var(--ls-accent-dark);font-size:16px;cursor:pointer;z-index:10;opacity:0;visibility:hidden;animation:ls-bounce 2.5s ease-in-out infinite;transition:all .3s var(--ls-ease)}.logo-showcase .scroll-indicator.is-visible{opacity:1;visibility:visible}.logo-showcase .scroll-indicator:hover{background:var(--ls-accent);color:#fff;border-color:var(--ls-accent);transform:translate(-50%) scale(1.08);box-shadow:0 4px 16px rgba(var(--ls-accent-rgb),.3);animation-play-state:paused}.logo-showcase .scroll-indicator:focus{outline:none}.logo-showcase .scroll-indicator:focus-visible{outline:2px solid var(--ls-accent);outline-offset:2px}.logo-showcase .scroll-indicator:active{transform:translate(-50%) scale(.95)}@keyframes ls-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}.logo-showcase .detail-panel{position:relative;flex:0 0 380px;max-width:400px;background:var(--ls-card-bg);border:1px solid rgba(var(--ls-shadow-color),.06);border-radius:var(--ls-radius-lg);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 4px 16px rgba(var(--ls-shadow-color),.06),0 16px 48px rgba(var(--ls-shadow-color),.08),0 32px 64px rgba(var(--ls-shadow-color),.04);animation:ls-slideIn .4s ease-in-out forwards}.logo-showcase .detail-panel:before{content:"";position:absolute;top:0;left:2rem;right:2rem;height:3px;background:linear-gradient(90deg,transparent,var(--ls-accent),transparent);border-radius:0 0 2px 2px;opacity:.6}@keyframes ls-slideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.logo-showcase .detail-panel.closing{animation:ls-slideOut .3s ease-in-out forwards}@keyframes ls-slideOut{0%{opacity:1;transform:none}to{opacity:0;transform:translate(12px)}}.logo-showcase .close-button{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background:rgba(var(--ls-shadow-color),.04);border:none;border-radius:50%;font:300 20px/1 inherit;color:var(--ls-text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .25s var(--ls-ease)}.logo-showcase .close-button:hover{background:var(--ls-accent);color:#fff;transform:rotate(90deg) scale(1.05);box-shadow:0 4px 12px rgba(var(--ls-accent-rgb),.3)}.logo-showcase .close-button:focus{outline:none}.logo-showcase .close-button:focus-visible{outline:2px solid var(--ls-accent);outline-offset:2px}.logo-showcase .close-button:active{transform:rotate(90deg) scale(.92)}.logo-showcase .detail-content{display:flex;flex-direction:column;gap:1.25rem;height:100%}.logo-showcase .detail-logo{height:220px;background:linear-gradient(0deg,var(--ls-card-bg) 0%,var(--ls-bg) 100%);border:none;border-radius:var(--ls-radius-lg);box-shadow:inset 0 2px 12px rgba(var(--ls-shadow-color),.06),inset 0 1px 4px rgba(var(--ls-shadow-color),.04);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.logo-showcase .detail-logo:after{display:none}.logo-showcase .detail-logo-image{max-width:70%;max-height:70%;object-fit:contain;opacity:0;filter:drop-shadow(0 4px 12px rgba(var(--ls-shadow-color),.08));animation:ls-logoReveal .5s var(--ls-ease) .1s forwards}@keyframes ls-logoReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.logo-showcase .detail-info{flex:1;padding:.5rem .25rem 0}.logo-showcase .detail-title{font:400 1.625rem/1.3 "PT Serif",Georgia,serif;margin:0 0 1rem;padding-bottom:1rem;color:var(--ls-text);letter-spacing:.01em;position:relative}.logo-showcase .detail-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--ls-accent),transparent);border-radius:1px}.logo-showcase .detail-description{font:italic 400 1.0625rem/1.75 Cormorant Garamond,Georgia,serif;color:var(--ls-text-muted);letter-spacing:.01em;margin:0}@media(min-width:768px){.logo-showcase .logo-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1024px){.logo-showcase .logo-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.logo-showcase.has-selection .logo-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media(max-width:900px){.logo-showcase .showcase-wrapper{flex-direction:column;gap:1.5rem;min-height:auto}.logo-showcase .grid-container{height:auto;overflow:visible}.logo-showcase .main-content{overflow-y:visible;height:auto;padding:0}.logo-showcase .scroll-indicator{display:none}.logo-showcase .detail-panel{position:fixed;inset:0;z-index:2147483647;isolation:isolate;flex:none;width:100%;max-width:none;border-radius:0;padding:0;background:var(--ls-bg);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:ls-panelSlideUp .35s ease-in-out forwards}body.ls-panel-open header,body.ls-panel-open .header,body.ls-panel-open .Header,body.ls-panel-open [class*=header],body.ls-panel-open [class*=Header],body.ls-panel-open nav[role=navigation],body.ls-panel-open .sqs-announcement-bar,body.ls-panel-open .site-header{visibility:hidden!important;pointer-events:none!important}.logo-showcase .detail-panel:before{display:none}.logo-showcase .detail-panel.closing{animation:ls-panelSlideDown .3s ease-in-out forwards}.logo-showcase .detail-panel .detail-content{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:3rem 0;gap:0}.logo-showcase .detail-panel .detail-logo{height:auto;min-height:0;max-height:none;flex:0 0 auto;aspect-ratio:1 / 1;max-width:70vw;margin:0 auto;border-radius:0;border:none;background:linear-gradient(180deg,var(--ls-card-bg) 0%,var(--ls-bg) 100%)}.logo-showcase .detail-panel .detail-logo:after{display:none}.logo-showcase .detail-panel .detail-logo-image{max-width:70%;max-height:70%}.logo-showcase .detail-panel .detail-info{padding:2rem 1.5rem 3rem;padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px))}.logo-showcase .detail-panel .close-button{position:fixed;top:calc(1rem + env(safe-area-inset-top,0px));right:1rem;width:44px;height:44px;font-size:24px;background:rgba(var(--ls-shadow-color),.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10}@keyframes ls-panelSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes ls-panelSlideDown{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(100%)}}}@media(max-width:900px)and (orientation:landscape){.logo-showcase{padding:1.5rem 2rem}.logo-showcase .logo-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.logo-showcase .detail-panel{flex-direction:row}.logo-showcase .detail-panel .detail-content{flex-direction:row;min-height:100vh;padding:0;gap:0}.logo-showcase .detail-panel .detail-logo{width:50%;height:100vh;max-height:none;min-height:0;max-width:none;aspect-ratio:auto;margin:0;flex-shrink:0}.logo-showcase .detail-panel .detail-logo-image{max-width:60%;max-height:60%}.logo-showcase .detail-panel .detail-info{width:50%;padding:1.5rem 1.5rem 1.5rem 2rem;padding-right:calc(1.5rem + env(safe-area-inset-right,0px));overflow-y:auto;display:flex;flex-direction:column;justify-content:center;position:relative}.logo-showcase .detail-panel .close-button{position:fixed;left:auto;right:calc(1rem + env(safe-area-inset-right,0px));top:1rem}}@media(max-width:600px){.logo-showcase{padding:3rem 1rem 4rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px))}.logo-showcase .logo-grid{gap:.75rem}.logo-showcase .logo-placeholder{border-radius:var(--ls-radius-sm);padding:.875rem;aspect-ratio:1 / 1}.logo-showcase .logo-placeholder:active{transform:scale(.95);transition-duration:.08s}.logo-showcase .logo-placeholder:hover{transform:none;box-shadow:0 1px 2px rgba(var(--ls-shadow-color),.04),0 2px 8px rgba(var(--ls-shadow-color),.03)}.logo-showcase .logo-placeholder:hover:before{opacity:0}.logo-showcase .logo-placeholder:hover .logo-image-grid{opacity:1;transform:none;filter:saturate(.85)}.logo-showcase .logo-placeholder:hover .logo-image-preview{opacity:0;transform:translate(-50%,-50%) scale(.96)}.ls-section-title{margin-bottom:32px}.ls-section-title__text{font-size:clamp(1.25rem,6vw,1.75rem);letter-spacing:.1em}.ls-section-title__flourish{gap:12px;margin-top:16px}.ls-section-title__flourish:before,.ls-section-title__flourish:after{width:28px}.ls-section-title__sub{margin-top:16px;font-size:1rem}.logo-showcase .detail-panel .detail-logo{height:55vh;min-height:260px;max-height:400px}.logo-showcase .detail-panel .detail-logo-image{max-width:65%;max-height:65%}.logo-showcase .detail-panel .detail-info{padding:1.5rem 1.25rem 2.5rem;padding-bottom:calc(2.5rem + env(safe-area-inset-bottom,0px))}.logo-showcase .detail-panel .detail-title{font-size:1.375rem;margin-bottom:.75rem;padding-bottom:.75rem}.logo-showcase .detail-panel .detail-title:after{width:32px}.logo-showcase .detail-panel .detail-description{font-size:.9375rem;line-height:1.7}.logo-showcase .detail-panel .close-button:active{background:var(--ls-accent);color:#fff;transform:scale(.9)}}@media(max-width:600px)and (orientation:landscape){.logo-showcase .detail-panel .detail-logo{width:45%}.logo-showcase .detail-panel .detail-info{width:55%;padding:1rem 1.25rem;padding-right:calc(1.25rem + env(safe-area-inset-right,0px))}.logo-showcase .detail-panel .detail-title{font-size:1.25rem}}@media(max-width:400px){.logo-showcase{padding:2.5rem .875rem 3.5rem}.ls-section-title__text{font-size:1.25rem;letter-spacing:.08em}.ls-section-title__sub{font-size:.9375rem}.logo-showcase .logo-grid{gap:.625rem}.logo-showcase .logo-placeholder{padding:.75rem;border-radius:10px}.logo-showcase .detail-panel .detail-logo{height:50vh;min-height:220px;max-height:350px}.logo-showcase .detail-panel .detail-info{padding:1.25rem 1rem 2rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}.logo-showcase .detail-panel .detail-title{font-size:1.25rem}.logo-showcase .detail-panel .detail-description{font-size:.875rem}}@media(hover:none)and (pointer:coarse){.logo-showcase .logo-placeholder:before{display:none}.logo-showcase .logo-placeholder{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.logo-showcase .logo-placeholder .logo-image-preview{opacity:0}.logo-showcase .logo-placeholder.is-selected .logo-image-preview{opacity:1}.logo-showcase .logo-placeholder.is-selected .logo-image-grid{opacity:0}}@media(prefers-reduced-motion:reduce){.ls-section-title__text,.ls-section-title__flourish,.ls-section-title__sub,.logo-showcase .logo-item,.logo-showcase .detail-panel,.logo-showcase .detail-logo-image{animation:none!important;opacity:1!important;transform:none!important}}
