/* Alternate logo assembly. Keep the ten concept layouts unchanged. */
.logo-mode-button{height:35px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;color:#b0b1a9;border:1px solid #ffffff20;border-radius:7px;font:9px var(--mono);white-space:nowrap;margin:0 3px}.logo-mode-button b{font-weight:500;color:#f3b248}.logo-mode-button:hover{background:#ffffff0b;color:#fff}.logo-motion-dialog{width:690px;padding:44px;background:#ebe8df}.logo-motion-description{font-size:12px;line-height:1.8;color:#848476;margin:22px 0 26px;max-width:450px}.logo-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.logo-mode-option{padding:0 0 17px;text-align:left;border:1px solid #31372324;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;background:#f4f1e8}.logo-mode-option:hover{transform:translateY(-3px);border-color:#a3824a}.logo-mode-option[aria-pressed=true]{border-color:#b08b48;box-shadow:0 0 0 1px #b08b4835}.logo-mode-preview{display:block;width:100%;height:155px;background:radial-gradient(ellipse at 50% 40%,#cec8b9,#a8a393);overflow:hidden;position:relative;border-bottom:1px solid #31372315}.logo-mode-preview svg{position:absolute;inset:5% 0;width:100%;height:90%;overflow:visible}.logo-option-kicker{font:8px var(--mono);letter-spacing:1px;color:#95876b;margin:19px 18px 9px}.logo-mode-option strong{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:0 18px 10px}.logo-option-description{font-size:11px;line-height:1.7;color:#858575;margin:0 18px 22px}.logo-option-action{display:flex;justify-content:space-between;align-items:center;margin:auto 18px 0;padding-top:13px;border-top:1px solid #31372320;font-size:10px;color:#5f6651}.logo-option-action>span{font-size:18px;color:#a27f44}.intro[data-mode=elements] .intro-vignette{background:radial-gradient(ellipse at 50% 47%,#4e4c45f5 0%,#242624f5 43%,#0a0d0cf7 80%);backdrop-filter:blur(12px)}.intro[data-mode=elements] .logo-assembly{width:min(560px,82vw,90svh);filter:drop-shadow(0 20px 28px #0006);transform-style:preserve-3d}.logo-component{position:absolute;inset:0;width:100%;height:100%;will-change:transform,opacity;transform-style:preserve-3d;backface-visibility:visible}.logo-component svg{width:100%;height:100%;overflow:visible}.logo-component.is-ball{filter:drop-shadow(-1px -1px 0 #d7c08b33) drop-shadow(0 13px 13px #0006)}.logo-component.is-glyph,.logo-component.is-symbol{filter:drop-shadow(0 5px 8px #0005)}.logo-exact{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.logo-exact svg{width:100%;height:100%;overflow:visible}.intro[data-mode=elements] .intro-caption{color:#d8c8a7;letter-spacing:2.8px}.logo-component-sheen{pointer-events:none}.intro.docking .logo-component{filter:none}.intro[data-mode=elements] .logo-assembly{isolation:isolate}
@media(max-width:900px){.logo-mode-button{padding:0 7px;height:33px;font-size:8px}.logo-mode-button>span:first-child{display:none}}
@media(max-width:640px){.logo-mode-button{padding:0 7px;height:30px;margin:0 2px;font-size:9px;gap:4px}.lab-toolbar>#favoriteButton{margin-left:68px}.logo-motion-dialog{padding:32px 23px;max-width:calc(100vw - 24px);border-radius:12px}.logo-motion-dialog h2{font-size:32px}.logo-motion-description{font-size:11px;margin:20px 0 22px}.logo-mode-options{gap:12px}.logo-mode-preview{height:115px}.logo-option-kicker{font-size:6px;letter-spacing:.6px;margin:14px 12px 8px}.logo-mode-option strong{font-size:17px;margin:0 12px 9px;letter-spacing:-.5px}.logo-option-description{font-size:9px;margin:0 12px 17px;line-height:1.8}.logo-option-action{margin:0 12px;font-size:9px;padding-top:11px}.intro[data-mode=elements] .intro-caption{font-size:7px;letter-spacing:1.8px}}
.intro{touch-action:none;overscroll-behavior:contain}