.cuby-page .cuby-system.cuby-system-explorer{color:#35392f;background:#f7f1e6;padding-block:26px;scroll-margin-top:96px}.cuby-system-explorer .cuby-system-heading{grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:20px;display:grid}.cuby-system-explorer .cuby-system-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(30px,3vw,43px);font-weight:500;line-height:1.1}.cuby-system-explorer .cuby-system-heading p{color:#605c4d;max-width:49ch;margin:0;font-size:15px;line-height:1.6}.cuby-system-explorer .cuby-system-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:22px;display:grid}.cuby-system-explorer .cuby-system-rail button{color:#68624e;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #c5baa3;align-items:center;gap:16px;min-height:66px;padding:8px 14px 10px;transition:background .2s,border-color .2s,color .2s;display:flex;position:relative}.cuby-system-explorer .cuby-system-rail button[aria-pressed=true]{color:#35392f;background:#e7dec8;border-bottom-color:#747c57}.cuby-system-explorer .cuby-system-rail button:focus-visible{outline-offset:3px;outline:2px solid #8b4e25}.cuby-system-explorer .cuby-system-rail svg{stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0;width:68px;height:42px}.cuby-system-explorer .cuby-system-rail button>span{font-size:17px;line-height:1.35}.cuby-system-explorer .cuby-system-rail small{letter-spacing:.04em;color:#7b725b;margin-bottom:4px;font-size:11px;display:block}.cuby-system-explorer .cuby-system-rail i{color:#9c8e72;font-size:19px;font-style:normal;position:absolute;top:50%;right:-20px;translate:0 -50%}.cuby-system-explorer .cuby-system-rail button:last-child i{display:none}.cuby-system-explorer .cuby-system-result{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.cuby-system-explorer .cuby-system-photograph{min-width:0;margin:0}.cuby-system-explorer .cuby-system-frame{background:#e6decb;min-width:0;height:clamp(220px,35vh,280px);overflow:hidden}.cuby-system-explorer .cuby-system-frame img{object-fit:contain;width:100%;height:100%;display:block;transform:none}.cuby-system-explorer .cuby-system-frame img[hidden]{display:none}.cuby-system-explorer .cuby-system-photograph figcaption{color:#675f4d;background:0 0;margin-top:9px;padding:0;font-size:12px;line-height:1.5}.cuby-system-explorer .cuby-system-explanation{min-width:0}.cuby-system-explorer .cuby-system-explanation h3{letter-spacing:-.025em;max-width:24ch;margin:0 0 14px;font-size:clamp(24px,2.3vw,33px);font-weight:500;line-height:1.15}.cuby-system-explorer .cuby-system-explanation p{max-width:43ch;margin:0;font-size:16px;line-height:1.6}.cuby-system-explorer .cuby-system-explanation .cuby-system-note{color:#68624f;border-left:2px solid #a2ac83;margin-top:20px;padding-left:18px;font-size:14px;line-height:1.6}.cuby-system-explorer .cuby-system-sequence{border-block:1px solid #c5baa3;margin:0 0 22px;padding:16px 0;font-size:15px;line-height:1.5}.cuby-system-explorer .cuby-system-static details{border-bottom:1px solid #c5baa3;padding:16px 0}.cuby-system-explorer .cuby-system-static summary{cursor:pointer;font-size:17px}.cuby-system-explorer .cuby-system-static p{max-width:65ch;font-size:15px;line-height:1.6}@media (max-width:800px){.cuby-page .cuby-system.cuby-system-explorer{padding-block:46px}.cuby-system-explorer .cuby-system-heading{grid-template-columns:1fr;gap:18px}.cuby-system-explorer .cuby-system-rail{gap:12px;margin-bottom:22px}.cuby-system-explorer .cuby-system-rail button{text-align:center;min-height:104px;padding:10px 7px;display:block}.cuby-system-explorer .cuby-system-rail button>span{font-size:13px}.cuby-system-explorer .cuby-system-rail small{display:none}.cuby-system-explorer .cuby-system-rail svg{width:57px;height:39px;margin:0 auto 7px}.cuby-system-explorer .cuby-system-rail i{font-size:14px;right:-12px}.cuby-system-explorer .cuby-system-result{grid-template-columns:1fr;gap:24px}.cuby-system-explorer .cuby-system-frame{height:218px}.cuby-system-explorer .cuby-system-explanation h3{font-size:26px}.cuby-system-explorer .cuby-system-explanation .cuby-system-note{margin-top:17px}}@media (max-width:360px){.cuby-system-explorer .cuby-system-rail{gap:8px}.cuby-system-explorer .cuby-system-rail button{padding-inline:2px}.cuby-system-explorer .cuby-system-rail button>span{font-size:12px}.cuby-system-explorer .cuby-system-rail i{font-size:12px;right:-9px}.cuby-system-explorer .cuby-system-frame{height:190px}}@media (prefers-reduced-motion:reduce){.cuby-system-explorer .cuby-system-rail button{transition:none}}@media (prefers-reduced-motion:no-preference){.cuby-system-explorer[data-ready=true] .cuby-system-frame img:not([hidden]){animation:.35s ease-out both cuby-system-photo-reveal}@keyframes cuby-system-photo-reveal{0%{clip-path:inset(0 0 7%);opacity:.65}to{clip-path:inset(0);opacity:1}}}.cuby-system-explorer .cuby-assembly-concept{background:#f1e9d8;width:100%;height:100%;display:block}.cuby-system-static .cuby-assembly-concept{height:auto;max-height:280px}@media (prefers-reduced-motion:no-preference){.cuby-system-frame .cuby-assembly-parts{animation:.5s ease-out both cuby-kit-arrival}.cuby-system-frame .cuby-assembly-frame{animation:.55s ease-out 80ms both cuby-kit-arrival}@keyframes cuby-kit-arrival{0%{opacity:.35;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}}