:root{--sidebar-w:220px;--pad:100px;--font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;--fs:13px;--lh:1.35;--frame-h:min(520px,62vh);--stage-h:calc(100vh - (2*var(--pad)));--center-gap:max(0px,calc((var(--stage-h) - var(--frame-h))/2))}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);font-size:var(--fs);line-height:var(--lh);color:#111;background:#fff;margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);padding:var(--pad);padding-top:calc(var(--pad) + 18px);flex-direction:column;gap:10px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0}.brandLink{letter-spacing:.06em;text-transform:uppercase}.nav{flex-direction:column;gap:0;display:flex}.navLink{width:fit-content;display:inline-block}.navLink:hover{color:#d00}.navLink.active{text-decoration:none}.sidebarFooter{margin-top:auto}.main{padding:var(--pad);flex:1;display:flex}.stage{width:100%;min-height:calc(100vh - (2*var(--pad)));justify-content:center;align-items:center;display:flex}.hero,.frame{transform:translateX(calc(var(--sidebar-w)/-2))}.hero{width:min(820px,92vw);height:min(520px,62vh);position:relative}.viewer{justify-content:center;width:100%;display:flex}.img{object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.frame{-webkit-user-select:none;user-select:none;--img-left:0px;--img-top:0px;--img-w:100%;--img-h:100%;--img-w-half:50%;width:min(820px,92vw);height:min(520px,62vh);position:relative}.img{object-fit:contain;object-position:center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%}.hotzone{top:var(--img-top);height:var(--img-h);width:var(--img-w-half);z-index:20;pointer-events:auto;appearance:none;box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;padding:0;position:absolute}.img{z-index:1;position:relative}.hotzone.left{left:var(--img-left);cursor:url(/cursor-left.svg) 4 9,w-resize}.hotzone.right{left:calc(var(--img-left) + var(--img-w-half));cursor:url(/cursor-right.svg) 14 9,e-resize}.empty{width:min(820px,92vw)}.emptyTitle{letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.emptyText{opacity:.75;margin:0}.info{width:min(520px,92vw)}.infoTitle{letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:400}.infoText{margin:0 0 10px}@media (max-width:760px){:root{--sidebar-w:160px;--pad:18px}}.infoLink{text-decoration:none}@media (max-width:760px){:root{--sidebar-w:160px;--pad:18px}}.mobileMenu{display:none}@media (max-width:768px){.sidebar{display:none!important}.mobileMenu{display:block}.main{padding-top:10px}}.mobileHeader{z-index:5000;background:#fff;justify-content:space-between;align-items:center;padding:18px 18px 10px;display:flex;position:sticky;top:0}.mobileBrand{letter-spacing:.18em;color:#111;font-size:14px}.burger{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;width:36px;height:28px;padding:0;display:flex}.burgerLine{background:#111;border-radius:2px;width:28px;height:2px;display:block}.mobileDropdown{background:#555;max-height:0;transition:max-height .28s;overflow:hidden}.mobileDropdown.open{max-height:70vh}.mobileDropdownInner{flex-direction:column;justify-content:center;align-items:center;gap:34px;height:70vh;padding:28px 16px;display:flex}.mobileLink{color:#ffffff8c;letter-spacing:.01em;font-size:34px;line-height:1;text-decoration:none}.mobileLink.active{color:#fffffff2}@media (min-width:721px){.hamburger,.mobileMenuOverlay{display:none}}@media (max-width:720px){.sidebar{display:none}.stage{transform:none!important}.shell{grid-template-columns:1fr!important}.main{margin-left:0!important;padding-left:0!important}@media (max-width:720px){.main{padding-left:0!important}}.stage{justify-content:center;width:100%;padding:18px 12px;transform:none!important}.frame{width:min(92vw,520px)!important;margin:0 auto!important}}.burger{display:none!important}@media (max-width:720px){.burger{display:flex!important}.sidebar{display:none!important}}.sidebar{display:flex}@media (max-width:720px){.sidebar{display:none!important}.burger{display:flex!important}:root{--sidebar-w:0px!important}.shell{display:block!important}.main{padding-left:var(--pad)!important;width:100%!important;margin-left:0!important;display:block!important}.stage{justify-content:center!important;width:100%!important;transform:none!important}.hero,.frame{margin:0 auto!important;left:auto!important;right:auto!important}.clickZone.left{left:0!important}.clickZone.right{right:0!important}.main{padding-top:56px!important}.stage{padding-top:20px!important}}